/* ---------------------------------------
------------------------------------------
-- XApp Box: Font Icons: fonts/ax-font.css
------------------------------------------
--------------------------------------- */

/* --------------------------------
 Defaults
 ------------------------------- */
i,
.xfi,
.xwpDock:before,
.ui-iggrid th.xsGridHeadIcons .ui-iggrid-headertext:before {
   font: normal normal normal 14px/1 AxFontIco;
   text-align: center;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   display: inline-block;
}

.xsHeaderDash [class*="xq-"] {
   color: #ffffff;
}

.xsIndicators .xfi {
   font-size: 10px;
}

.xbText.xbSmall .xfi {
   font-size: 11px;
}

.xsCtxFileContentArea .xbIcon.xbSmall .xfi {
   font-size: 11px;
}

.xq-appNavHome .xfi,
.xq-appNavHelp .xfi {
   font-size: 16px;
}

.xsSectionHeader .xbIcon .xfi {
   font-size: 12px;
}


/* --------------------------------
 Helper: Start
 ------------------------------- */
@keyframes spin {
   0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
   }
   100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
   }
}

.xq-pulse .xfi {
    -webkit-animation: spin 1s infinite steps(8);
    animation: spin 1s infinite steps(8);
}

.xq-spinner .xfi {
   -webkit-animation: spin 1s infinite linear;
   animation: spin 1s infinite linear;
}

.xq-pulse .xfi:before {
   content: "\f110";
}

.xq-spinner .xfi:before {
   content: "\f110";
}

.xsLoader {
   position: absolute;
   top: 50%;
   right: 0;
   bottom: 0;
   left: 0;
   margin-top: -24px;
   z-index: -1;
}

/*
xfia - font animation
xfi - font icon
xfin - font notification
*/
/* include this only once */
.xfia-rotate-180 {
   -ms-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}

.xfia-rotate-90 {
   -ms-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(0deg);
}

.xfi-rotate-180 {
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.xi-clear:hover i:before {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   -moz-opacity: 0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}
/* --------------------------------
 Helper: End
 ------------------------------- */

/* --------------------------------
 Dock and Panel Mgr: Rotations
 ------------------------------- */
.xwpdBottom > .xwpDock:before {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
}

.xwpdRight > .xwpDock:before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.xwpdLeft > .xwpDock:before {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.xwpdLeft > .xwpdDock .xq-dock .xfi {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}


/* --------------------------------
-----------------------------------
 FONT ICONS: START
-----------------------------------
 ------------------------------- */

/* --------------------------------
   NOTE: Required initial overrides: TXDO: REVIEW
 ------------------------------- */
.xq-dropup .xfi,
.xq-dropdown .xfi {
   font-size: 12px;
}

/* --------------------------------
  Base Menu and Toolbar
 ------------------------------- */
.xfi-dropdown:before,
.xq-dropdown .xfi:before {
   content: "\f0d7";
}

.xq-noAction .xfi:before {
   content: "\f0c9";
}

/* general panel options */
.xq-increase .xfi:before {
   content: "\f054";
}
.xq-decrease .xfi:before {
   content: "\f053";
}
.xq-expandPanel .xfi:before {
   content: "\f065";
}
.xsExpandPanel .xq-expandPanel .xfi:before {
   content: "\f066";
}

/* bottom panel options */
.xwpdBottom .xq-increase .xfi:before,
.xwpdRight .xwpdBottom .xq-increase .xfi:before {
   content: "\f077";
}
.xwpdBottom .xq-decrease .xfi:before,
.xwpdRight .xwpdBottom .xq-decrease .xfi:before {
   content: "\f078";
}

/* right panel options */
.xwpdRight .xq-increase .xfi:before {
   content: "\f053";
}
.xwpdRight .xq-decrease .xfi:before {
   content: "\f054";
}

/* --------------------------------
 App Common
 ------------------------------- */
.xq-appNavHome .xfi:before {
   content: "\f015";
}

.xq-appNavHelp .xfi:before,
.xq-help .xfi:before {
   content: "\f059";
}

.xfi-user:before,
.xq-user .xfi:before {
   content: "\f007";
}

/* non action icons */
.xi-collapse .xfi-cog:before,
.xfi-gear:before,
.xfi-cog:before {
   content: "\f013";
}

/* std reload, refresh, reset */
.xfi-refresh:before,
.xfi-undo:before,
.xq-reload .xfi:before,
.xq-formreset .xfi:before {
   content: "\f021";
}

.xfi-submit:before {
   content: "\f061";
}

.xfi-execute:before {
   content: "\f0e7";
}

/* file browse */
.xfi-browse:before,
.xq-browse .xfi:before {
   content: "\f115";
}

/* notification indicator */
.xfi-notifications:before,
.xq-notifications .xfi:before {
   content: "\f0f3";
}

/* Password Fields Show Toggle */
.xq-pwd .xfi:before {
   content: "\f070";
}
.xq-pwd.xi-on .xfi:before {
   content: "\f06e";
}
.xq-pwd .xfi {
   font-size: 14px;
}

/* Advanced Panel Show Toggle */
.xq-togInd .xfi:before {
   content: "\f0da";
}
.xq-togInd.xi-on .xfi:before {
   content: "\f0d7";
}


/* --------------------------------
 Common Result States, Status, Wizard Nav
 ------------------------------- */
.xfi-comment:before {
   content: "\f27b ";
}

.xfi-status:before {
   content: "\f05a";
}

.xfi-check:before {
   content: "\f00c";
}

.xfi-backward:before {
   content: "\f04a";
}

.xfi-forward:before {
   content: "\f04e";
}

.xfi-step-backward:before {
   content: "\f048";
}

.xfi-step-forward:before {
   content: "\f051";
}


/* --------------------------------
 Lock, Share Scope, and Permission Indicators
 ------------------------------- */
.xfi-unlock-alt:before,
.xq-public .xfi:before {
   content: "\f13e";
}

.xfi-user:before,
.xq-user .xfi:before,
.xq-personal .xfi:before {
   content: "\f007";
}

.xfi-lock:before,
.xq-permanent .xfi:before,
.xq-permissionDenied .xfi:before {
   content: "\f023";
}


/* --------------------------------
 Common Toolbar and Actions
 ------------------------------- */
.xfi-print:before,
.xq-print .xfi:before {
   content: "\f02f";
}

.xfi-forward:before,
.xq-forward .xfi:before {
   content: "\f0e0";
}

.xfi-mail:before,
.xq-mail .xfi:before {
   content: "\f0e0";
}

.xfi-trash:before,
.xq-delete .xfi:before {
   content: "\f1f8";
}

.xq-info .xfi:before {
   content: "\f05a";
}

.xq-more .xfi:before {
   content: "\f141";
}

.xfi-ban:before,
.xq-ban .xfi:before,
.xq-cancel .xfi:before {
   content: "\f05e";
}

.xfi-download:before,
.xq-download .xfi:before {
   content: "\f019";
   position: relative;
   top: 1px;
} /* TXDO: HACK: to align with upload icon */

.xfi-upload:before,
.xq-upload .xfi:before {
   content: "\f093";
}

.xfi-add:before,
.xq-create .xfi:before {
   content: "\f067";
}

.xfi-edit:before,
.xq-edit .xfi:before {
   content: "\f040";
}

/* --------------------------------
 Object Admin Search and Edit
 ------------------------------- */
.xq-search .xfi:before {
   content: "\f002";
}

.xq-execute .xfi:before {
   content: "\f061";
}

.xq-prev .xfi:before {
   content: "\f060";
}

.xq-next .xfi:before {
   content: "\f061";
}

/* --------------------------------
 Object Search and View
 ------------------------------- */
.xi-search .xfi:before,
.xq-find .xfi:before {
   content: "\f061";
}

.xi-search .xfi-close:before,
.xi-search .xfi-times:before,
.xfi-close:before,
.xfi-times:before,
.xq-close .xfi:before {
   content: "\f00d";
}

.xfi-closePanel:before,
.xq-closePanel .xfi:before {
   content: "\f00d";
}

.xfi-closeAll:before,
.xq-closeAll .xfi:before {
   content: "\f052";
}

.xi-save .xfi:before,
.xfi-check:before,
.xq-apply .xfi:before {
   content: "\f00c";
}

/* grid */
.xq-view .xfi:before {
   content: "\f0f6";
}

.xi-search .xfi-doc:before,
.xq-doc .xfi:before {
   content: "\f0f6";
}

.xfi-inbox:before,
.xq-inbox .xfi:before {
   content: "\f01c";
}


/* --------------------------------
 Navigation and Page View Controls
 ------------------------------- */
.xq-moveUp .xfi:before {
   content: "\f062";
}

.xq-moveDown .xfi:before {
   content: "\f063";
}

/* paging */
.xfi-arrow-up:before,
.xq-navPrevious .xfi:before {
   content: "\f060";
}

.xfi-arrow-down:before,
.xq-navNext .xfi:before {
   content: "\f061";
}

.xq-resequence .xfi:before {
   content: "\f021";
}

/* --------------------------------
 Image Toolbar and Control
 ------------------------------- */
/* Rotation */
.xq-rotate270 .xfi:before,
.xq-rotateLeft .xfi:before {
   content: "\f0e2";
}

.xq-rotate90 .xfi:before,
.xq-rotateRight .xfi:before {
   content: "\f01e";
}

.xq-rotate180 .xfi:before,
.xq-rotateFlip .xfi {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}

.xfi-rotate-180:before,
.xq-rotateFlip .xfi:before {
   content: "\f0ec";
}

/* zoom */
.xq-zoomIn .xfi:before {
   content: "\f00e";
}
.xq-zoomOut .xfi:before {
   content: "\f010";
}
.xq-zoomFitWidth .xfi:before {
   content: "\f07e";
}
.xq-zoomBestFit .xfi:before {
   content: "\f0b2";
}
.xq-zoomReset  .xfi:before {
   content: "\f192";
}


/* --------------------------------
 MENU 3-Layer: Bucket, Category, Item
 ------------------------------- */
/* toggle icons */
.xfi-bucket-collapse-on {
   color: #2b3d4f;
}

.xfi-bucket-collapse-off {
   color: #888888;
}

.xfi-category-collapse {
   color: #2b3d4f;
}

.xfi-bucket-collapse-on:before {
   content: "\f01c";
}

.xfi-bucket-collapse-off:before {
   content: "\f01c";
}

.xfi-category-collapse:before {
   content: "\f205";
}

.xfi-toggle-on:before {
   content: "\f205";
}

.xfi-toggle-off:before {
   content: "\f204";
}

.xfi-info-toggle1:before {
   content: "\f022";
}

.xfi-info-toggle2:before {
   content: "\f0ce";
}

.xfi-info-toggle3:before {
   content: "\f009";
}


/* --------------------------------
 Common Indicator "sub" classes
 ------------------------------- */
.xi-select i:before {
   content: "\f0d7";
}

.xi-close i:before {
   content: "\f00d";
}

.xi-clear:hover i:before {
   content: "\f057";
}

.xi-print i:before {
   content: "\f02f";
}

.xi-open i:before,
.xi-sortasc i:before {
   content: "\f0d7";
}

.xi-sortdesc i:before {
   content: "\f0d8";
}


/* --------------------------------
 Common Pattern / Mini Framework
 ------------------------------- */
/* object meta info flags*/
.xsObjMetaProp.xq-xreadonly .xfi:before {
   content: "\f023";
}
.xsObjMetaProp.xq-xhidden .xfi:before {
   content: "\f0ae";
}


/* --------------------------------
 Sort Modes and Control
 ------------------------------- */
.xq-sortModeId .xfi:before {
   content: "\f1c0";
}
.xq-sortModeUser .xfi:before {
   content: "\f007";
}

.xq-sortModeNote .xfi:before {
   content: "\f0e5";
}

.xq-sortModeActive .xfi:before {
   content: "\f00c";
}

.xq-sortModeDelete .xfi:before {
   content: "\f014";
}

.xq-sortModeStatus .xfi:before {
   content: "\f129";
}

.xq-sortModeProcess .xfi:before {
   content: "\f013";
}

.xfi-order:before,
.xq-sortModeNbr .xfi:before {
   content: "\f162";
}

.xfi-date:before,
.xq-sortModeDate .xfi:before {
   content: "\f073";
}

.xfi-label:before,
.xfi-gateway:before,
.xq-sortModeName .xfi:before,
.xq-sortModeText .xfi:before {
   content: "\f035";
}


/* --------------------------------
 Address / Xmit Type Icons
 ------------------------------- */
/* Unknown: 0: fa-file-text  */
.xq-xmit .xfi:before, .xq-xmit0 .xfi:before {
   content: "\f15c";
}

/* Email: 1: fa-envelope */
.xq-xmitemail .xfi:before, .xq-xmit1 .xfi:before {
   content: "\f0e0";
}

/* Phone: 2: fa-phone-square */
.xq-xmitphone .xfi:before, .xq-xmit2 .xfi:before {
   content: "\f098";
}

/* Fax: 3: fa-fax  */
.xq-xmitfax .xfi:before, .xq-xmit3 .xfi:before {
   content: "\f1ac";
}

/* Http: 4: fa-chrome */
.xq-xmithttp .xfi:before, .xq-xmit4 .xfi:before {
   content: "\f268";
}

/* Ftp: 5: fa-cloud-upload */
.xq-xmitftp .xfi:before, .xq-xmit5 .xfi:before {
   content: "\f0ee";
}

/* FaxRaw: 6: fa-fax  */
.xq-xmitfaxraw .xfi:before, .xq-xmit6 .xfi:before {
   content: "\f1ac";
}

/* File: 7: fa-file-text */
.xq-xmitfile .xfi:before, .xq-xmit7 .xfi:before {
   content: "\f15c";
}

/* Print: 8: fa-print */
.xq-xmitprint .xfi:before, .xq-xmit8 .xfi:before {
   content: "\f02f";
}

/* Scan: 9: fa-film */
.xq-xmitscan .xfi:before, .xq-xmit9 .xfi:before {
   content: "\f008";
}

/* Sms: 10: fa-phone */
.xq-xmitsms .xfi:before, .xq-xmit10 .xfi:before {
   content: "\f10b";
}

/* Wap: 11: fa-chrome */
.xq-xmitwap .xfi:before, .xq-xmit11 .xfi:before {
   content: "\f268";
}

/* Sftp: 12: fa-cloud-upload */
.xq-xmitsftp .xfi:before, .xq-xmit12 .xfi:before {
   content: "\f0ee";
}

/* Api: 19: fa-link */
.xq-xmitapi .xfi:before, .xq-xmit19 .xfi:before {
   content: "\f0c1";
}

/* --------------------------------
 Standard action buttons
 ------------------------------- */

.xsSortDir .xfi:before,
.xq-sortDirToggle .xfi:before {
   content: "\f15d";
}

.xsSortDir.xi-sortdesc .xfi:before,
.xq-sortDirToggle.xi-sortdesc .xfi:before {
   content: "\f15e";
}


/* --------------------------------
 Object / Menu list: nav and collapse
 ------------------------------- */
button.xsAction.xa-objListNavToActive .xfi:before,
.xq-navToActive .xfi:before {
   content: "\f140";
}

button.xsAction.xa-navToActiveSolo.xi-solo .xfi:before,
.xq-navToActive.xi-solo .xfi:before,
.xq-navToActiveSolo .xfi:before {
   content: "\f192";
}

button.xsAction.xa-objListGroupCat .xfi:before,
.xq-groupCat .xfi:before {
   content: "\f03a";
}

button.xsAction.xa-groupCat.xi-on .xfi:before,
.xq-groupCat.xi-on .xfi:before {
   content: "\f03c";
}


/* --------------------------------
 Object / Menu list action buttons:
   NOTE: uses: .xfi-info-toggle1, .xfi-info-toggle2, .xfi-info-toggle3
 ------------------------------- */
/*button.xsAction.xsToggleMulti.xa-objListInfoToggle .xfi:before,
button.xsAction.xsToggleMulti.xa-objListInfoToggle.xi-state1 .xfi:before*/
.xbIcon.xq-toggleMulti .xfi:before,
.xbIcon.xi-state1.xq-toggleMulti .xfi:before,
.xq-docInfoToggle .xfi:before {
   content: "\f022";
}

.xbIcon.xi-state1.xq-docInfoToggle .xfi:before,
.xbIcon.xq-docInfoToggle .xfi {
   width: 13px;
}

/* pick list dialog open toggle */
/*.xq-toggleMoreLess .xfi:before,*/
.xq-pickListToggle .xfi:before {
   content: "\f022";
   vertical-align: middle;
}

/*.xq-toggleMoreLess .xfi:before,*/
.xq-docListInfoToggle .xfi:before {
   content: "\f022";
   vertical-align: middle;
}

/*button.xsAction.xsToggleMulti.xa-objListInfoToggle.xi-state2 .xfi:before*/
.xbIcon.xi-state2.xq-toggleMulti .xfi:before,
.xq-docInfoToggle.xi-state2 .xfi:before {
   content: "\f0ce";
}

/*button.xsAction.xsToggleMulti.xa-objListInfoToggle.xi-state3 .xfi:before*/
.xbIcon.xi-state3.xq-toggleMulti .xfi:before,
.xq-docInfoToggle.xi-state3 .xfi:before {
   content: "\f009";
}

/* NOTE: xsInfo4 for versioning */
.xq-docInfoToggle.xi-state4 .xfi:before {
   content: "\f0c9";
}

/* bucket expand/collapse */
.xq-bucketExpandToggle .xfi {
  width: 15px;
}
button.xsAction.xsToggle.xa-objListExpBucket .xfi:before,
.xq-bucketExpandToggle .xfi:before {
   content: "\f114";
}

button.xsAction.xsToggle.xa-objListExpBucket.xi-on .xfi:before,
.xq-bucketExpandToggle.xi-on .xfi:before {
   content: "\f115";
}

/* category expand/collapse */
button.xsAction.xsToggle.xa-objListExpCat .xfi:before,
.xq-categoryExpandToggle .xfi:before {
   content: "\f204";
}

button.xsAction.xsToggle.xa-objListExpCat.xi-on .xfi:before,
.xq-categoryExpandToggle.xi-on .xfi:before {
   content: "\f205";
}

/* descendent child layouts */
.xq-descendant {
   width: 12px;
}
.xsBucket .xq-descendant {
   visibility: hidden;
}
.xq-descendant .xfi {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
.xq-descendant .xfi {
   font-size: 12px;
}
.xq-descendant .xfi:before {
   content: "\f148";
   position: relative;
   top: -1px;
}


/* item detail states */
.xsItemDetail .xi-lock .xfi:before {
   content: "\f023";
}

/* accordion */
.xsAccordion .xsCollapseToggle .xfi:before {
    content: "\f0d7";
}

.xsAccordion .xsCollapseToggle.ui-accordion-header-active .xfi:before {
    content: "\f0d8";
}

/* NOTE: xq is the new class prefix for font icons */
.xq-invalid .xfi:before {
   content: "\f071";
}

.xq-exit .xfi:before {
   content: "\f08b";
}

.xq-expand .xfi:before {
   content: "\f196";
}

.xq-collapse .xfi:before {
   content: "\f147";
}

.xq-expandtoggle .xfi:before {
   content: "\f196";
}

.xq-expandtoggle.xi-expon .xfi:before {
   content: "\f147";
}

/* xq-expand collpase */
.xsGroupCtlHeader.xi-collapse .xq-expand .xfi:before {
   content: "\f147";
}


/* TXDO: CXJH: verify all dropdowns have xq-dropdown then remove all others */
/*.xsCollapseToggle > .xsMenu .xfi:before,*/
.xq-dropup .xfi:before,
.xsCollapseToggle .xsMenu .xfi:before,
.xsCollapseToggle.ui-state-default.ui-accordion-header-active .xsMenu .xfi:before {
   content: "\f0d8";
}

/*.xsCollapseToggle.xi-collapse > .xsMenu .xfi:before,*/
.xsCollapseToggle.xi-collapse .xsMenu .xfi:before,
.xsCollapseToggle.ui-state-default .xsMenu .xfi:before,
.xsCollapseToggle.xi-collapse .xsMenu .xq-dropdown .xfi:before {
   content: "\f0d7";
}


/* search */
.xq-sameWindow .xfi:before {
   content: "\f044";
}

.xq-newWindow .xfi:before {
   content: "\f24d";
}


/* bundling */
.xq-doc .xfi:before {
   content: "\f016";
}

/* table head cell width fix */
thead .xsCBox {
   width: 11px;
}

.xq-dataValOff .xfi:before,
.xq-unchecked .xfi:before,
thead .xsCBox .xfi:before {
   content: "\f096";
}

.xsCBox .xfi:before {
   content: "\f096";
}

.xq-dataValOn .xfi:before,
.xq-checked .xfi:before,
.xsCBox.xi-on .xfi:before {
   content: "\f046";
}

.xsBoolVal .xfi:before {
   content: "\f096";
   opacity: 0.25;
}

.xsBoolVal.xi-on .xfi:before {
   content: "\f14a";
}

.xq-viewer .xfi:before {
   content: "\f0c5";
}

/*----------------------
XApp Session / User Ctl
-------------------*/
.xq-xsessinfo .xfi:before {
   content: "\f05a";
}
.xq-xsessrecfg .xfi:before {
   content: "\f2b5";
}

/* --------------------------------
 Process Execute: xsProcExe
    * procexestart and procexestop is the main processes execution.
        - a process execution executes a set (procset) of tasks (proctask)
    * proctaskset is a "set" of tasks (proctask)
    * procstep is any unit of work that is performed in a task
    * proclog is for any logs displayed
    * procrslt is for any results displayed

    * procobjlist is a list of objects to execute the task for
    * procobj is a single object. eg: container
 ------------------------------- */

.xq-procobjlist .xfi:before {
content: "\f02c";
}
.xq-procobj .xfi:before {
content: "\f02b";
}

/* outer running process */
.xq-procexestart .xfi:before {
content: "\f110";
}
.xq-procexestop .xfi:before {
content: "\f28d";
}

/* set of tasks */
.xq-proctaskset .xfi:before {
   content: "\f1b3";
}
.xq-proctask .xfi:before {
   content: "\f1b2";
}

/* steps in a task (same as xq-descendent) */
.xq-procstep {
   width: 12px;
}
.xq-procstep .xfi {
   -webkit-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   transform: rotate(90deg);
}
.xq-procstep .xfi {
   font-size: 12px;
}
.xq-procstep .xfi:before{
   content: "\f148";
   position: relative;
   top: -1px;
}

/* processing logs and results */
.xq-proctrclog .xfi:before {
   content: "\f03a";
}
.xq-proctrcdbg .xfi:before {
   content: "\f06e";
}
.xq-proctrcerr .xfi:before {
   content: "\f071";
}

.xq-procrslt .xfi:before {
   content: "\f05a";
}
.xq-procrsltpass .xfi:before {
   content: "\f164";
}
.xq-procrsltfail .xfi:before {
   content: "\f165";
}

/* processing simple status msgs */
.xq-procmsg.xi-info .xfi {
   color: #4298b5;
}
.xq-procmsg.xi-info .xfi:before {
   content: "\f05a";
}

.xq-procmsg.xi-success .xfi {
   color: #658d1b;
}
.xq-procmsg.xi-success .xfi:before {
   content: "\f00c";
}

.xq-procmsg.xi-error .xfi {
   color: #b7312c;
}
.xq-procmsg.xi-error .xfi:before {
   content: "\f071";
}


/* --------------------------------
 xsFlowWrap: used for fix right and left side, but shrinking middle.
 ------------------------------- */
.xsFlowWrap {
   position: relative;
   width: 100%;
   height: 100%;
}

.xsFlowPanel {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   overflow: hidden;
}

.xsFlowContent {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   white-space: nowrap;
   text-align: left;
}


/* --------------------------------
 xsCtlHandles
 ------------------------------- */
/* isolated table cell (td) as a ctl panel */
td:first-child.xsCtlPanel {
   padding-left: 6px;
   padding-right: 0;
   margin-right: 0;
   cursor: move;
}
td:last-child.xsCtlPanel {
   padding-left: 2px;
   padding-right:2px;
   margin-left: 0;
}
td.xsCtlPanel .xsDivV {
   padding: 0;
   margin-left: 1px;
   margin-right: 0;
}

 /* stealth mode toggle */
.xsCtlHandle.xq-xustealth .xfi:before {
   content: "\f06e";
}
.xsCtlHandle.xq-xustealth.xi-on .xfi:before {
   content: "\f2a8";
}

 /* stealth mode toggle right */
.xsCtlAnchor.xq-xustealth .xfi:after {
   content: "\f06e";
}
.xsCtlAnchor.xq-xustealth.xi-on .xfi:after {
   content: "\f2a8";
}

/* panel header drag handle */
.xsCtlHandle.xq-xudrag {
   font-size: smaller;
   color: #333f48;
   padding: 0;
   margin: 0;
}
.xsCtlHandle.xq-xudrag .xfi:after {
   content: "\f0c9";
}

/* panel header trace toggle */
.xsCtlHandle.xq-xutrace {
   font-size: smaller;
   color: #b7312c;
   padding-right: 8px;
   padding-top: 2px;
}
.xsCtlHandle.xq-xutrace .xfi:after {
   content: "\f071";
}
.xsCtlHandle.xq-xutrace {
   cursor: pointer;
}


/* Upper right triangle close handle */
/*.xsCtlHandle.xq-xuclose:after {
   content: "";
   border-top: 24px solid;
   border-left: 24px solid;
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   cursor:pointer;
}
.xsCtlHandle.xq-xuclose:after {
   border-top-color: #f0c1bf;
   border-left-color: transparent;
}*/
/* border-top-color: rgba(215, 149, 149, 0.29); */


.xsMenu.xsCtlPanel {
   vertical-align: top;
   padding: 0;
}

.xsCtlHandle .xbIcon {
   float: left;
   margin: 0;
   width: 100%;
}

.xsCtlHandle .xsObjIdLabel {
   float: left;
   clear: left;
   padding-top: 2px;
   padding-right: 4px;
}

/* --------------------------------
 DataTable
 ------------------------------- */
.xq-dragbar .xfi:before {
   content: "\f0c9";
   content: "\f07d";
}

.xq-paused .xfi:before {
   content: "\f28b";
}

.xq-play .xfi:before {
   content: "\f144";
}

.xq-dispatched .xfi:before {
content: "\f110";
}

.xq-clear .xfi:before {
content: "\f057";
}

.xq-spinner .xfi {
   -webkit-animation: spin 1s infinite linear;
   animation: spin 1s infinite linear;
}

.xq-spinner .xfi:before {
   content: "\f110";
}

.xq-qFindToggle .xfi:before {
   content: "\f002";
}

/* TXDO: decide between xi-on or xi-active for state */
.xq-qFindToggle.xi-on {
}


/* --------------------------------
 XUI.XTable
 ------------------------------- */
.xq-rowRemove .xfi:before {
   content: "\f00d";
}
.xq-rowMoveUp .xfi:before {
   content: "\f0d8";
}

.xq-rowMoveDown .xfi:before {
   content: "\f0d7";
}

.xwtActionCell .xq-rowRemove .xfi {
   font-size: 12px;
}

.xwtActionCell .xq-rowMoveUp .xfi {
   margin-top: -1px;
}

.xwtActionCell .xbIcon {
   color: #333f48;
}


/* --------------------------------
 XUI.XNotify
 ------------------------------- */
.xsNotify.xin-loaded .xfin:before,
.xis-loaded .xfin:before {
   content: "\f00c";
}
.xsNotify.xin-loading .xfin:before,
.xis-loading .xfin:before {
   content: "\f013";
}
.xsNotify.xin-processing .xfin:before,
.xis-processing .xfin:before {
   content: "\f013";
}
.xsNotify.xin-processing-confirm .xfin:before,
.xis-processing-confirm .xfin:before {
   content: "\f013";
}
.xsNotify.xin-error .xfin:before,
.xsNotify.xin-warning .xfin:before,
.xis-error .xfin:before {
   content: "\f071";
}
.xsNotify.xin-success .xfin:before,
.xis-success .xfin:before {
   content: "\f00c";
}
.xsNotify.xin-info .xfin:before,
.xis-info .xfin:before {
   content: "\f05a";
}
.xsNotify.xin-unauthorized .xfin:before,
.xis-unauthorized .xfin:before {
   content: "\f023";
}
.xsNotify.xin-accessDenied .xfin:before,
.xis-accessDenied .xfin:before,
.xis-unauthorized .xfin:before {
   content: "\f023";
}


/* --------------------------------
 NOTES and LOGS
 ------------------------------- */
/* NOTE: override xq-reset */
.xsNote .xq-reset .xfi:before {
   content: "\f069";
}

.xq-addNote .xfi:before {
   content: "\f067";
}

/* Note States: 0=non3, 1=has notes, 2=has annotes, 3 = has both */
.xq-notestate0 {
}
.xq-notestate1 .xfi:before {
   content: "\f27b";
}
.xq-notestate2 .xfi:before {
   content: "\f075";
}
.xq-notestate3 .xfi:before {
   content: "\f27a";
}


/* --------------------------------
 Monitors and Panel Pins
 ------------------------------- */
.xq-pin .xfi:before {
   content: "\f08d";
}
.xq-pin.xi-open .xfi {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}

/* --------------------------------
 Main App Nav and Body Sizing
 ------------------------------- */
.xq-menuAutoHide .xfi:before {
   content: "\f08d";
}

.xq-menuAutoHide.xi-on .xfi {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}

/* toggle fixed app body size */
.xq-appFixedSize .xfi:before {
   content: "\f065";
}

.xq-appFixedSize.xi-on .xfi:before {
   content: "\f066";
}


/* --------------------------------
 Quick Message and Email Actions
 ------------------------------- */
.xq-quickmsg .xfi:before {
   content: "\f1d8";
}
.xfi.xq-quickmsg:before {
   content: "\f1d8";
}
.xfi.xq-quickmsg {
   content: "\f1d8";
   color: white;
}

/* Action Email Send */
.xq-actionemail .xfi:before {
   content: "\f0e0";
}
.xfi.xq-actionemail:before {
   content: "\f0e0";
}
.xfi.xq-actionemail {
   content: "\f0e0";
   color: white;
}

/* Action Print */
.xq-printopen .xfi:before {
   content: "\f08e";
}

.xq-printpreview .xfi:before {
   content: "\f021 ";
}


/* --------------------------------
 Dock and Panel Mgr
 ------------------------------- */
.xfi-dock:before,
.xq-dock .xfi:before {
   content: "\f08d";
}

/* --------------------------------
 Common Dock, Nav, Editors
 ------------------------------- */
.xq-save .xfi:before {
   content: "\f0c7";
}

/* paging */
.xq-pageSetNext .xfi:before {
   content: "\f054";
}
.xq-pageSetPrev .xfi:before {
   content: "\f053";
}

.xq-pageNavNext .xfi:before {
   content: "\f061";
}
.xq-pageNavPrev .xfi:before {
   content: "\f060";
}
