html {filter: gray;}
/**********************
* Divisions thanks to : http://www.network-science.de/ascii/
* (font : 'big')
*/
/**********************
* _ _ _
* (_) | | |
* _ __ _| |__ | |__ ___ _ __ ___
* | '__| | '_ \| '_ \ / _ \| '_ \/ __|
* | | | | |_) | |_) | (_) | | | \__ \
* |_| |_|_.__/|_.__/ \___/|_| |_|___/
*
* (ribbons)
x-grid3-hd-inner x-grid3-hd-7
*/
/* Ribbon containers */
#chaseStartButton #ux-startbutton {width:110px !important; height:92px !important; padding-top:93px; cursor:default !important; }
#chaseStartButton .x-btn { position:absolute; left:0; top:0; background:url('../../Images/ribbonContainer/chase_start.jpg') no-repeat 0 0 !important; cursor:default !important;}
.ribbonBar { padding-left:110px; background:url('../../Images/ribbonContainer/header_bg.jpg') repeat-x; height:93px;}
.ribbonBar .x-toolbar { background:url('../../Images/ribbonContainer/ribbon-btn-sprite.gif') repeat-x 0 -291px; padding: 0 2px 2px; white-space:nowrap; vertical-align:top; }
.ribbonBar .x-toolbar,
.ribbonBar .x-panel-body {background:transparent;}
.ribbonBar .x-panel-bbar-noborder .x-toolbar {border:0;}
/* Icons for the ribbon bar are setup here */
.ribbonBar .headerbutton { background-position: top center !important; width: 60px !important; }
.ribbonBar .startbutton { background-position: top center !important; min-width: 32px; }
.addnew { background:url('../../Images/DocumentImages/AddNew.gif') no-repeat !important; }
.tasks { background:url('../../Images/DocumentImages/Tasks.png') no-repeat !important; }
.timesheets { background:url('../../Images/DocumentImages/TimeSheets.png') no-repeat !important; }
.clients { background:url('../../Images/DocumentImages/Clients.png') no-repeat !important; }
.jobs { background:url('../../Images/DocumentImages/Jobs.png') no-repeat !important; }
.documents { background:url('../../Images/DocumentImages/Documents.png') no-repeat !important; }
.suppliers { background:url('../../Images/DocumentImages/Suppliers.png') no-repeat !important; }
.contractors { background:url('../../Images/DocumentImages/Contractors.png') no-repeat !important; }
.alltasks { background:url('../../Images/DocumentImages/Tasks.png') no-repeat !important; }
.forecasting { background:url('../../Images/DocumentImages/Forecasting.png') no-repeat !important; }
.reports { background:url('../../Images/DocumentImages/Reports.png') no-repeat !important; }
.config { background:url('../../Images/DocumentImages/Config.png') no-repeat !important; }
.wizards { background:url('../../Images/DocumentImages/wizards.png') no-repeat !important; }
.movecosts { background:url('../../Images/DocumentImages/MoveCosts.png') no-repeat !important; }
.exportwizard { background:url('../../Images/DocumentImages/ExportWizard.png') no-repeat !important; }
.traffic { background:url('../../Images/DocumentImages/Traffic.png') no-repeat !important; }
.brief { background:url('../../Images/DocumentImages/Brief.png') no-repeat !important; }
.externaldocument { background:url('../../Images/DocumentImages/ExternalDocument.png') no-repeat !important; }
.timerstart { background:url('../../Images/DocumentImages/timerStart.png') no-repeat !important; }
.opportunities { background:url('../../Images/DocumentImages/Opportunities.png') no-repeat !important; padding-right: 64px !important; }
.visualizations { background:url('../../Images/DocumentImages/Visualizations.png') no-repeat !important; }
.ribbonBar .x-toolbar td { vertical-align: top; }
/* Overrides for the new ribbon title , these are needed to style the borders of the button groups */
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .xtb-text { color: #3E6AAA; padding: 0; }
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer,
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns,
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns td.x-toolbar-cell { padding: 0; }
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns-right .x-panel-fbar { float: none; }
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns .x-toolbar-left table { margin: 0 auto; }
/* FIXES FOR IE: */
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns.x-panel-btns-right .x-clear { font: 0 sans-serif; }
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-footer .x-panel-btns .x-toolbar-left { text-align: center; }
.x-btn-group.x-btn-group-ribbonstyle .x-btn-group-tc { vertical-align: top; }
/* Grey Background behind the text in the ribbon bar*/
.x-btn-group-ribbonstyle .x-btn-group-bwrap { background:url('../../Images/ribbonContainer/ribbon-btn-sprite.gif') repeat-x 0 -298px; }
.x-btn-group-ribbonstyle .x-btn-group-ml { background-image:url('../../Images/ribbonContainer/group-lr.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-bl { background-image:url('../../Images/ribbonContainer/group-cs.gif'); }
.x-btn-group-ribbonstyle .x-btn-mc em.x-btn-arrow { background-image:url('../../extjs/images/default/button/arrow.svg'); }
.x-btn-group-ribbonstyle .x-btn-mc em.x-btn-arrow-bottom { background-image:url('../../extjs/images/default/button/s-arrow-b-noline.svg'); }
.x-btn-group-ribbonstyle .x-btn-over .x-btn-mc em.x-btn-split-bottom, .x-btn-click .x-btn-mc em.x-btn-split-bottom, .x-btn-menu-active .x-btn-mc em.x-btn-split-bottom, .x-btn-pressed .x-btn-mc em.x-btn-split-bottom { background-image:url('../../Images/ribbonContainer/s-arrow-bo.gif'); padding-bottom: 8.8px;}
.x-btn-group-ribbonstyle .x-btn-group-header { color: #666; }
.x-btn-group-ribbonstyle .x-btn-group-tc { background-image: url('../../Images/ribbonContainer/group-tb.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-tl { background-image: url('../../Images/ribbonContainer/group-cs.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-tr { background-image: url('../../Images/ribbonContainer/group-cs.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-bc { background-image: url('../../Images/ribbonContainer/group-tb.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-bl { background-image: url('../../Images/ribbonContainer/group-cs.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-br { background-image: url('../../Images/ribbonContainer/group-cs.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-ml { background-image: url('../../Images/ribbonContainer/group-lr.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-mr { background-image: url('../../Images/ribbonContainer/group-lr.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-notitle .x-btn-group-tc { background-image: url('../../Images/ribbonContainer/group-tb.gif'); }
.x-btn-group-ribbonstyle .x-btn-group-header { width:100%; height:20px; color:#EAEAEA; font-family: Arial, Verdana; font-size:11px; letter-spacing:2px; font-weight:600; white-space:nowrap; text-align:center; }
.x-btn-group-ribbonstyle .x-btn-group-bc { text-align: center; vertical-align: top; padding:2px; }
/**********************
* _
* | |
* ___| |__ __ _ _ __
* |_ / '_ \ / _` | '__|
* / /| |_) | (_| | |
* /___|_.__/ \__,_|_|
*
* (zbar)
**********************/
span.breadcrumb { display:block; background:transparent url('../../Images/ribbonContainer/zbar.gif') no-repeat 0 -100px; padding:0 0 0 10px; overflow:hidden; height:18px; display: inherit;}
span.breadcrumb span.rightend { background:transparent url('../../Images/ribbonContainer/zbar.gif') no-repeat right -82px !important; padding:0 12px 0 0; display:block;}
span.breadcrumb table { background:transparent url('../../Images/ribbonContainer/zbar.gif') repeat-x 0 -64px !important; margin:0; padding:0; font: 11px Arial, Helvetica, sans-serif; }
span.breadcrumb table tr { background:transparent url('../../Images/ribbonContainer/zbar.gif') repeat-x 0 -64px !important; line-height:18px; height:18px; }
span.breadcrumb table td { background:transparent url('../../Images/ribbonContainer/zbar.gif') no-repeat right -118px; padding: 0 20px 0 0; color:#333; cursor:default; }
span.breadcrumb table td.first { padding-left:0 !important; }
span.breadcrumb table td.last { background:transparent none; padding:0; color:#888; }
span.breadcrumb table a { text-decoration: none; outline:none; cursor:pointer; cursor:hand; }
span.breadcrumb table img.home { border:none; padding:0 3px 0 0; }
span.breadcrumb table a:hover { color:#35acc5; }
/* "ZBar" icons */
.history-back,.history-forward,.x-item-disabled .history-back,.x-item-disabled .history-forward, .translations, .notifications-none, .notifications-exists, .starttimetracker {background-image: url(../../images/ribbonContainer/zbar.gif) !important;}
.x-item-disabled .history-back {background-position: 0 0 !important;}
.x-item-disabled .history-forward {background-position: 0 -16px !important;}
.history-back {background-position: 0 -32px !important;}
.history-forward {background-position: 0 -48px !important;}
.translations {background-position: 0 -64px !important;}
.notifications-none {background-position: 0 -136px !important;}
.notifications-exists {background-position: 0 -152px !important;}
.starttimetracker {background-position: 0 -168px !important;}
/**********************
* _ _
* | | | |
* ___| |_ __ _ _ __| |_ _ __ ___ ___ _ __ _ _
* / __| __/ _` | '__| __| | '_ ` _ \ / _ \ '_ \| | | |
* \__ \ || (_| | | | |_ | | | | | | __/ | | | |_| |
* |___/\__\__,_|_| \__| |_| |_| |_|\___|_| |_|\__,_|
*
* (start menu)
*/
.ux-start-menu {background:transparent none; border:0 none; padding:0; }
.ux-start-menu-tl .x-window-header { color:#f1f1f1; font:bold 11px tahoma,arial,verdana,sans-serif; padding:5px 0 4px; }
.x-panel-tl .x-panel-icon, .ux-start-menu-tl .x-panel-icon { background-position:0pt 4px; background-repeat:no-repeat; padding-left:20px !important; }
.ux-start-menu-tl {background: transparent url(../../ExtJs/Images/black/start-menu/start-menu-left-corners.png ) no-repeat 0 0; padding-left:6px; z-index:1; position:relative; }
.ux-start-menu-tr { background: transparent url(../../ExtJs/Images/black/start-menu/start-menu-right-corners.png ) no-repeat right 0; padding-right:6px; }
.ux-start-menu-tc { background: transparent url(../../ExtJs/Images/black/start-menu/start-menu-top-bottom.png ) repeat-x 0 0; overflow:hidden; }
.ux-start-menu-ml { background: transparent url(../../ExtJs/Images/black/start-menu/start-menu-left-right.png ) repeat-y 0 0; padding-left:6px; }
.ux-start-menu-bc { background: transparent url(../../ExtJs/Images/black/start-menu/start-menu-top-bottom.png ) repeat-x 0 bottom; }
.ux-start-menu-bc .x-window-footer { padding-bottom:6px; font-size:0; line-height:0; }
.ux-start-menu-bl { background: transparent url(../../ExtJs/Images/black/start-menu/start-menu-left-corners.png ) no-repeat 0 bottom; padding-left:6px; }
.ux-start-menu-br { background: transparent url(../../ExtJs/Images/black/start-menu/start-menu-right-corners.png ) no-repeat right bottom; padding-right:6px; }
.x-panel-nofooter .ux-start-menu-bc { height:6px; }
.ux-start-menu-splitbar-h { background-color:#d0d0d0;}
.ux-start-menu-bwrap { background:transparent none; border:0 none; }
.ux-start-menu-body { background:transparent none; border:0 none; }
.ux-start-menu-apps-panel { background:#FFF none; border:1px solid #1e2124;}
.ux-start-menu-apps-panel .x-item-disabled {color:#000 !important; opacity:0.65 !important; -moz-opacity:0.65 !important; filter:alpha(opacity=65) !important; }
.ux-start-menu-tools-panel { border:0 none;background:transparent url(../../ExtJs/Images/black/start-menu/start-menu-right.png ) repeat-y scroll right 0pt; }
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item a.x-menu-item { color:#FFF; }
.ux-start-menu-tools-panel ul.x-menu-list li.x-menu-list-item .x-menu-item-active a.x-menu-item { color:#000000; }
.ux-start-menu-tools-panel .x-menu-item-active { background: #525456 url( ../../ExtJs/Images/black/start-menu/item-over.gif ) repeat-x left bottom; border:1px solid #000000; padding: 0;}
#ux-taskbar .x-splitbar-h { background:#000000 url( ../../ExtJs/Images/black/start-menu/taskbar-split-h.gif ) no-repeat 0 0; width:8px; }
.startmenu-tool-align-bottom {position: absolute; bottom:0;}
/* start first loading styles */
#first-loading-mask {position:absolute;left:0;top:0;width:100%;height:100%;z-index:40000;background-color:white;}
#first-loading {position:absolute;left:45%;top:40%;padding:2px;z-index:40001;height:auto;}
#first-loading img {margin-bottom:5px;}
#first-loading .loading-indicator {background:white;color:#555;font:bold 13px tahoma,arial,helvetica;padding:10px;margin:0;text-align:center;height:auto;}
/* end loading styles */
/**********************
* _ _
* | | | |
* | |__ ___ __ _ __| | ___ _ __ ___
* | '_ \ / _ \/ _` |/ _` |/ _ \ '__/ __|
* | | | | __/ (_| | (_| | __/ | \__ \
* |_| |_|\___|\__,_|\__,_|\___|_| |___/
*
* (headers)
*/
/* document header */
.doc-head { border-bottom: 1px solid #DADADA; width:100%; }
.doc-head .main { padding:0 0 0 2px; font-family:arial, verdana; font-size:22px; line-height:22px; white-space:nowrap; /*font-weight:600;*/ color:#444; letter-spacing:11px; word-spacing: 4px; font-style:italic; text-transform:uppercase; overflow:hidden; }
.doc-head .sub { line-height:30px; padding:2px 2px 2px 15px !important; height:20px; font-family:arial, verdana; font-size:15px; white-space:nowrap; /*font-weight:600;*/ color:#000; letter-spacing:10px; font-style:italic; text-transform:uppercase; }
.doc-head .sub.expense {padding-top:5px !important;letter-spacing: 7px;font-size: 12px;overflow:hidden;text-overflow:ellipsis;/* max-width: 95%; */width: 865px;}
.doc-head .x-panel-body {height:22px !important;}
.doc-head .whiteToolbar {height:27px !important;}
.doc-head-redfont .main,
.doc-head-redfont .x-item-disabled * { color:#F65 !important; }
/*Tasks Header*/
.tasks-header {font-style: italic; font-family: Arial }
.tasks-header .tasks-date {font-family: Verdana}
/**********************
* __ _
* / _| | | __ (_)
* | |_ ___ ___ | |_ ___ _ __ ___ / / ___ _ _ _ __ ___ _ __ ___ __ _ _ __ _ ___ ___
* | _/ _ \ / _ \| __/ _ \ '__/ __| / / / __| | | | '_ ` _ \| '_ ` _ \ / _` | '__| |/ _ \/ __|
* | || (_) | (_) | || __/ | \__ \ / / \__ \ |_| | | | | | | | | | | | (_| | | | | __/\__ \
* |_| \___/ \___/ \__\___|_| |___/ /_/ |___/\__,_|_| |_| |_|_| |_| |_|\__,_|_| |_|\___||___/
*
* (footers / summaries)
*/
/* application footer */
.footer { background:transparent url(../../Images/ribbonContainer/ribbon-btn-sprite.gif) repeat-x 0 -388px; border-top:0 !important; padding:6px !important; }
.footer .x-status-text { position:absolute; top:5px; left:3px; }
.footer .success, .footer .info, .footer .warning, .footer .error {border-width:1px; border-style:solid; padding:5px 25px 1px 25px; height:16px;}
.footer .success { background:#C9D8C2 url(../../Images/PageControls/tick.svg) no-repeat 4px 4px; border-color:#8BC84D;}
.footer .info { background:#D1D9E0 url(../../Images/PageControls/information.png) no-repeat 4px 4px; border-color:#759EDB;}
.footer .warning { background:#F0E9BD url(../../Images/PageControls/error.png) no-repeat 4px 4px; border-color:#EAC73B;}
.footer .error { background:#F7DFDE url(../../Images/PageControls/exclamation.svg) no-repeat 4px 4px; border-color:#DD817C;}
/*Client Order Summary*/
.CostEstimateToolTipButton {
background: transparent;
left: 5px;
}
.x5-btn-icon-right > .x5-btn-inner-default-small, .x5-btn-icon-left > .x5-btn-inner-default-small {
font-size: 1em;
}
.CostEstimateToolTipButton, .x5-btn-over {
background: transparent !important;
}
.x5-tip-default .ClientOrderSummaryTable {
font-size: 12px;
border: 1px solid black;
border-collapse: collapse;
}
.x5-tip-default .ClientOrderSummaryTable th{
border: 1px solid black;
border-collapse: collapse;
text-align: left;
padding: 3px;
}
.x5-tip-default .ClientOrderSummaryTable tr{
border: 1px solid black;
border-collapse: collapse;
text-align: left;
}
.x5-tip-default .ClientOrderSummaryTable td{
border: 1px solid black;
border-collapse: collapse;
text-align: left;
padding: 3px;
}
/* document footer */
.form-footer { float:right; }
.form-footer .footer-button { padding:10px; }
.form-footer table.summary td { font-size:11px; padding:3px 8px; text-align:right;}
.table-show-border { border-left:1px solid #99BBE8;border-top:1px solid #99BBE8;}
.table-show-border td { border-right:1px solid #99BBE8;border-bottom:1px solid #99BBE8;}
.table-show-border-bottom td.underline { border-bottom:1px solid #99BBE8;}
/* exchange summary */
.exchange-summary { float:right; position:relative; top:-5px;}
.exchange-summary div { text-align:right; }
.exchange-summary div.container { padding-top:2px; display:block; border-bottom:1px solid #99BBE8; width:200px; text-align:right; padding-top:3px; }
.exchange-summary div.container div.a { float:left; white-space:normal; width:133px; }
.exchange-summary div.container div.b { float:left; width:65px; }
/* message log */
.msgLog { position:absolute; height:406px; width:100%; }
.msgLog .heading { background:transparent url(../../images/documentImages/tab_images.gif) no-repeat scroll left top; width:185px; background-color:#404040; text-align:center; margin:0 5px; padding-left:5px; }
.msgLog .items { margin:0 10px 3px; padding:3px 0 3px 40px; }
.msgLog .items div { white-space:normal !important; }
.msgLog .heading div { color:#000; background:transparent url(../../images/documentImages/tab_images.gif) no-repeat scroll right top; padding-right:5px; line-height:22px !important; }
.msgLog #msgLog-body { white-space:normal; background-color: #D9E8FB; opacity: 0.85 !important; -moz-opacity:0.85 !important; filter:alpha(opacity=85) !important; height:152px; padding-top:10px; border-top:2px solid #8FAEDF; }
.msgLog .success, .msgLog .info, .msgLog .warning, .msgLog .error {border-width:3px; border-style:double; }
.msgLog .success { background:#C9D8C2 url(../../Images/PageControls/tick.svg) no-repeat 4px 4px; border-color:#8BC84D;}
.msgLog .info { background:#D1D9E0 url(../../Images/PageControls/information.png) no-repeat 4px 4px; border-color:#759EDB;}
.msgLog .warning { background:#F0E9BD url(../../Images/PageControls/error.png) no-repeat 4px 4px; border-color:#EAC73B;}
.msgLog .error { background:#F7DFDE url(../../Images/PageControls/exclamation.svg) no-repeat 4px 4px; border-color:#DD817C;}
/* chase unlock */
.form-unlock .unlock-key { width : 75%; }
.form-unlock .unlock-key input { width : 100%; }
.form-unlock .unlock-button { padding-left : 10px; }
/* group linking*/
.grouplink {border: 1px solid #999999; border-radius: 7px; margin-right: 5px; margin-top: 5px; padding: 4px; width: 180px; min-height:45px;}
.grouplink .x-btn-text { width:100%; overflow:hidden;}
#group-div {overflow-y:auto !important; overflow-x:hidden; padding:0; margin:0; height:90%; -moz-user-select: none;}
.grouplink .group-item div {overflow:hidden;}
/* sent items emails */
.emailMessage .subject { font-size:13pt;font-weight:bold;padding:5px; }
.emailMessage .fromaddress { font-size:13pt;padding:5px; word-spacing:2px; text-transform:lowercase; }
.emailMessage .toaddresses { border-bottom:1px solid #99BBE8; margin:5px; word-spacing:2px; text-transform:lowercase; }
.emailMessage .attachments div { margin-left:5px; float:left; cursor:auto !important; }
.emailMessage .emailbody { border-top:1px solid #99BBE8; margin:5px; white-space:normal; padding:5px;}
.miniEmailMessage .subject { font-size:9pt;font-weight:bold; }
.miniEmailMessage .fromaddress { font-size:9pt; }
.emailMessage .toaddresses .left,
.miniEmailMessage .toaddresses .left { color:#426EB3;padding:2px;width:20px; }
.miniEmailMessage .toaddresses .right { padding:2px; }
/* document approvals */
.external-email { padding: 0 10px 10px 10px; }
.external-email .email-header .subject-container { display: flex; border-bottom: 1px solid #DADADA; align-items: center; margin-bottom: 10px; padding-bottom: 10px; }
.external-email .email-header .subject-container .subject { display: flex; justify-content: space-between; font-size: 18px; color: #666; }
.external-email .recipient-container { display: flex; flex-wrap: wrap; font-size: 14px; color: #666; }
.external-email .recipient-container .recipients { flex: 0 0 75%; max-width: 75%; }
.external-email .recipient-container .recipients span { display: block; }
.external-email .recipient-container .sent-date { display: flex; align-items: flex-start; justify-content: flex-end; flex: 0 0 25%; max-width: 25%; white-space: nowrap }
.external-email .attachments { padding-top: 10px; font-size: 14px; color: #666;}
.external-email .attachments a { text-decoration: none; }
.external-email .attachments a:hover { text-decoration: underline; }
/* version number in the footer */
.version-no { text-align:left !important; color:#555555; text-shadow:1px 1px 1px rgba(255, 255, 255, 0.6); font-size:10px !important; margin-left: auto; margin-right: auto; background:transparent; }
/**********************
* _
* (_)
* _ ___ ___ _ __ ___
* | |/ __/ _ \| '_ \/ __|
* | | (_| (_) | | | \__ \
* |_|\___\___/|_| |_|___/
*
* (icons)
*/
/* Ext.ux.IconCombo mandatory styles */
.x-icon-combo-icon {background-repeat: no-repeat;background-position: 0 50%;width: 22px;height: 15px;}
.x-icon-combo-input {padding-left: 25px;}
.x-form-field-wrap .x-icon-combo-icon {top: 2px;left: 4px;}
.x-icon-combo-item {background-repeat: no-repeat !important;}
.x-icon-combo-currency {padding-left: 26px;}
.x-icon-combo-rate {padding-left: 65px; position:relative; bottom:16px;}
.x-icon-combo-date {padding-left: 170px; position:relative; bottom:32px;}
/* welll, especially for the jobbag assigned to list for now. */
.x-combo-list-item .icon {width:15px; height:15px;}
.ico-user,
.ico-team {background-image: url(../../Images/DocumentImages/tree-icon-sprite_6.svg) !important; background-repeat:no-repeat;}
.ico-user {background-position: -96px -48px !important;}
.ico-team {background-position: -64px -79px !important;}
.x-flag-AN , .x-flag-AUD, .x-flag-BGL, .x-flag-BND, .x-flag-BRL, .x-flag-BWP, .x-flag-CAD, .x-flag-CFA,
.x-flag-CHF, .x-flag-CZK, .x-flag-DKK, .x-flag-EEK, .x-flag-EGP, .x-flag-ETB, .x-flag-EUR, .x-flag-FJD,
.x-flag-GBP, .x-flag-GHC, .x-flag-GHS, .x-flag-HKD, .x-flag-IC , .x-flag-IDR, .x-flag-INR, .x-flag-ISK, .x-flag-JPY,
.x-flag-KES, .x-flag-LTL, .x-flag-LVL, .x-flag-MF , .x-flag-MK , .x-flag-MM , .x-flag-MUR, .x-flag-MXP,
.x-flag-MYR, .x-flag-NAD, .x-flag-NGN, .x-flag-NK , .x-flag-NOK, .x-flag-NZD, .x-flag-PHP, .x-flag-PLZ,
.x-flag-RUR, .x-flag-SAR, .x-flag-SBD, .x-flag-SEK, .x-flag-SGD, .x-flag-SIT, .x-flag-SRC, .x-flag-THB,
.x-flag-TRL, .x-flag-TZS, .x-flag-UGS, .x-flag-USD, .x-flag-VUV, .x-flag-WST, .x-flag-ZAR, .x-flag-ZMK,
.x-flag-ZWD {background-image: url(../../Images/DocumentImages/flags.svg) !important; background-repeat:no-repeat;}
.x-flag-AN {background-position: 0 3px !important;}
.x-flag-AUD {background-position: 0 -19px !important;}
.x-flag-BGL {background-position: 0 -41px !important;}
.x-flag-BND {background-position: 0 -63px !important;}
.x-flag-BRL {background-position: 0 -85px !important;}
.x-flag-BWP {background-position: 0 -107px !important;}
.x-flag-CAD {background-position: 0 -129px !important;}
.x-flag-CFA {background-position: 0 -151px !important;}
.x-flag-CHF {background-position: 0 -173px !important;}
.x-flag-CZK {background-position: 0 -195px !important;}
.x-flag-DKK {background-position: 0 -217px !important;}
.x-flag-EEK {background-position: 0 -239px !important;}
.x-flag-EGP {background-position: 0 -261px !important;}
.x-flag-ETB {background-position: 0 -283px !important;}
.x-flag-EUR {background-position: 0 -305px !important;}
.x-flag-FJD {background-position: 0 -327px !important;}
.x-flag-GBP {background-position: 0 -349px !important;}
.x-flag-GHC {background-position: 0 -371px !important;}
.x-flag-GHS {background-position: 0 -371px !important;}
.x-flag-HKD {background-position: 0 -393px !important;}
.x-flag-IC {background-position: 0 -415px !important;}
.x-flag-IDR {background-position: 0 -437px !important;}
.x-flag-INR {background-position: 0 -459px !important;}
.x-flag-ISK {background-position: 0 -481px !important;}
.x-flag-JPY {background-position: 0 -503px !important;}
.x-flag-KES {background-position: 0 -525px !important;}
.x-flag-LTL {background-position: 0 -547px !important;}
.x-flag-LVL {background-position: 0 -569px !important;}
.x-flag-MF {background-position: 0 -591px !important;}
.x-flag-MK {background-position: 0 -613px !important;}
.x-flag-MM {background-position: 0 -635px !important;}
.x-flag-MUR {background-position: 0 -657px !important;}
.x-flag-MXP {background-position: 0 -679px !important;}
.x-flag-MYR {background-position: 0 -701px !important;}
.x-flag-NAD {background-position: 0 -723px !important;}
.x-flag-NGN {background-position: 0 -745px !important;}
.x-flag-NK {background-position: 0 -767px !important;}
.x-flag-NOK {background-position: 0 -789px !important;}
.x-flag-NZD {background-position: 0 -811px !important;}
.x-flag-PHP {background-position: 0 -833px !important;}
.x-flag-PLZ {background-position: 0 -855px !important;}
.x-flag-RUR {background-position: 0 -877px !important;}
.x-flag-SAR {background-position: 0 -899px !important;}
.x-flag-SBD {background-position: 0 -921px !important;}
.x-flag-SEK {background-position: 0 -943px !important;}
.x-flag-SGD {background-position: 0 -965px !important;}
.x-flag-SIT {background-position: 0 -987px !important;}
.x-flag-SRC {background-position: 0 -1009px !important;}
.x-flag-THB {background-position: 0 -1031px !important;}
.x-flag-TRL {background-position: 0 -1053px !important;}
.x-flag-TZS {background-position: 0 -1075px !important;}
.x-flag-UGS {background-position: 0 -1097px !important;}
.x-flag-USD {background-position: 0 -1119px !important;}
.x-flag-VUV {background-position: 0 -1141px !important;}
.x-flag-WST {background-position: 0 -1163px !important;}
.x-flag-ZAR {background-position: 0 -1185px !important;}
.x-flag-ZMK {background-position: 0 -1207px !important;}
.x-flag-ZWD {background-position: 0 -1229px !important;}
/* explorer icons */
.x-tree-node-el img.explorer-Amend,.x-tree-node-el img.explorer-Brief,.x-tree-node-el img.explorer-SCN,.x-tree-node-el img.explorer-CN,.x-tree-node-el img.explorer-IntCS,.x-tree-node-el img.explorer-SInv,.x-tree-node-el img.explorer-default,.x-tree-node-el img.explorer-client,.x-tree-node-el img.explorer-jobbag,.x-tree-node-el img.explorer-Inv,.x-tree-node-el img.explorer-CE,.x-tree-node-el img.explorer-PO,
.x-tree-node-el img.explorer-report-Billing,.x-tree-node-el img.explorer-report-PurchaseOrder,.x-tree-node-el img.explorer-report-Payment,.x-tree-node-el img.explorer-report-Job,.x-tree-node-el img.explorer-report-Margin,.x-tree-node-el img.explorer-report-ContactDetail,.x-tree-node-el img.explorer-report-TimeandTask,.x-tree-node-el img.explorer-report-WorkType,.x-tree-node-el img.explorer-report-CostEstimate,.x-tree-node-el img.explorer-report-Admin,
.x-tree-node-el img.explorer-config-companyDetails,.x-tree-node-el img.explorer-config-AccessRights,.x-tree-node-el img.explorer-config-DocumentArchiving,.x-tree-node-el img.explorer-config-ReportLinks,.x-tree-node-el img.explorer-config-WorkTypes,.x-tree-node-el img.explorer-config-TaskTypes,.x-tree-node-el img.explorer-config-ReportSizing,
.x-tree-node-el img.explorer-config-ServerMailAdmin, .x-tree-node-el img.explorer-config-EmailSearch, .x-tree-node-el img.explorer-config-EmailForward,
.x-tree-node-el img.explorer-config-EmailAttachment, .x-tree-node-el img.explorer-config-Forecasting, .x-tree-node-el img.explorer-config-WorkflowSetup {background-image: url(../../images/DocumentImages/tree-icon-sprite_6.svg) !important; background-repeat: no-repeat !important;}
/* financial docs explorer icons */
.explorer-Amend ,
.explorer-Brief ,
.explorer-SCN ,
.explorer-CN ,
.explorer-IntCS ,
.explorer-SInv ,
.explorer-default {background-position:0 1px !important; }
.explorer-client {background-position:-16px 1px !important; }
.explorer-jobbag {background-position:-48px 1px !important; }
.explorer-Inv,
.explorer-CE {background-position:-64px 1px !important; }
.explorer-PO {background-position:-80px 1px !important; }
.explorer-EmailSearch {background-position:-17px -96px !important; }
.explorer-EmailForward {background-position:-33px -96px !important; }
.explorer-EmailAttachment {background-position:-49px -96px !important; }
/* report explorer button icons */
.explorer-report-Billing,
.explorer-report-PurchaseOrder,
.explorer-report-Payment {background-position:-144px -79px !important; }
.explorer-report-Job {background-position: -48px 1px !important; }
.explorer-report-Margin {background-position:-112px -79px !important; }
.explorer-report-ContactDetail {background-position: -64px -79px !important; }
.explorer-report-TimeandTask {background-position: 0 -79px !important; }
.explorer-report-WorkType {background-position: -32px -79px !important; }
.explorer-report-CostEstimate {background-position: -80px -79px !important; }
.explorer-report-Admin {background-position: -80px -47px !important; }
/* config explorer button icons */
.explorer-config-companyDetails {background-position: 0 -47px !important; }
.explorer-config-AccessRights {background-position:-80px -47px !important; }
.explorer-config-DocumentArchiving {background-position:-80px -79px !important; }
.explorer-config-ReportLinks {background-position:-16px -47px !important; }
.explorer-config-WorkTypes {background-position:-32px -47px !important; }
.explorer-config-TaskTypes {background-position:-48px -47px !important; }
.explorer-config-ReportSizing {background-position:-64px -47px !important; }
.explorer-config-ServerMailAdmin {background-position:-48px -15px !important; }
.explorer-config-Forecasting {background-position:-111px -47px !important; }
.explorer-config-WorkflowSetup {background-position:-127px -47px !important; }
/* explorer icons for campaign budgets*/
.x-tree-node-el img.explorer-campaignbudget {background-image: none !important; background-repeat: no-repeat !important; height: 0; width: 0;}
/* Change the default leaf icon */
.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon{background-image: url(../../images/DocumentImages/tree-icon-sprite_6.svg); background-position:-141px -16px; background-repeat: no-repeat;}
.x-tree-node .x-tree-selected {background-color:#D9E8FB; border-bottom:1px solid #599FD9; border-top:1px solid #599FD9;}
/* document toolbar & line action button icons */
.btn-key, .btn-popout, .btn-options, .btn-user-options, .btn-spellcheck, .btn-shortcut, .btn-save, .btn-template, .btn-apply, .btn-copy,
.btn-assign, .btn-print, .btn-email, .btn-delete, .btn-add, .btn-expandAll, .btn-collapseAll, .btn-maximize, .btn-notes,
.btn-edit-cost, .btn-edit-forecastcost, .btn-edit-user, .btn-createPO, .btn-createRFQ, .btn-address, .btn-view-report, .btn-backup, .btn-edit-worktype,
.btn-findreplace, .btn-tick, .btn-tick-center, .btn-task-update, .btn-add-license, .btn-edit, .btn-goto-job, .btn-error, .btn-warning, .btn-info,
.btn-link-warning, .btn-left, .btn-right, .btn-jobs, .btn-docs, .btn-clients, .btn-suppliers, .btn-calendar, .btn-emailsearch, .btn-emailforward,
.btn-emailattachment, .btn-paperclip, .btn-pdf, .btn-word, .btn-excel, .btn-image, .btn-view, .btn-closed-envelope, .btn-open-envelope,
.btn-add-contractor, .btn-workflow, .btn-user-license, .btn-transfer-license, .btn-percent, .btn-plus, .btn-minus, .btn-job-notes,
.btn-unlock, .btn-all-left, .btn-all-right, .btn-expand, .btn-zoom-plus, .btn-blue-plus, .btn-zoom-minus, .btn-refresh, .btn-power, .btn-deliverable,
.btn-link, .btn-baseline, .btn-attach-document, .btn-watch-play, .btn-watch-pause, .btn-watch-stop, .btn-2-column, .btn-3-column, .btn-view-document,
.btn-grid, .btn-list, .btn-filter, .btn-security, .btn-read-document, .btn-enable-translation, .btn-disable-translation, .btn-stopwatch-play,
.btn-stopwatch-pause, .btn-stopwatch-stop, .btn-cal-month, .btn-cal-week, .btn-cal-day, .btn-cal-list, .btn-cal-today, .btn-message-notify,
.btn-more-options, .btn-view-revision, .btn-goto-cal, .btn-declDefMargin, .btn-fav-on, .btn-fav-off, .btn-notify-reply, .btn-tasks-filter, .btn-tasks-nav-left, .btn-tasks-nav-right, .btn-calculator {background-image:url(../../images/PageControls/toolbar-btn-sprite.svg) !important; background-repeat:no-repeat !important; background-position:inherit inherit !important; cursor: pointer; cursor:hand;}
.x-item-disabled .btn-key, .x-item-disabled .btn-popout, .x-item-disabled .btn-options, .x-item-disabled .btn-user-options, .x-item-disabled .btn-spellcheck, .x-item-disabled .btn-shortcut, .x-item-disabled .btn-save, .x-item-disabled .btn-template, .x-item-disabled .btn-apply, .x-item-disabled .btn-copy,
.x-item-disabled .btn-assign, .x-item-disabled .btn-print, .x-item-disabled .btn-email, .x-item-disabled .btn-delete, .x-item-disabled .btn-add, .x-item-disabled .btn-expandAll, .x-item-disabled .btn-collapseAll, .x-item-disabled .btn-maximize, .x-item-disabled .btn-notes,
.x-item-disabled .btn-edit-cost, .x-item-disabled .btn-edit-user, .x-item-disabled .btn-createPO, .x-item-disabeld .btn-createRFQ, .x-item-disabled .btn-address, .x-item-disabled .btn-view-report, .x-item-disabled .btn-backup, .x-item-disabled .btn-edit-worktype,
.x-item-disabled .btn-findreplace, .x-item-disabled .btn-tick, .x-item-disabled .btn-tick-center, .x-item-disabled .btn-task-update, .x-item-disabled .btn-add-license, .x-item-disabled .btn-edit, .x-item-disabled .btn-goto-job, .x-item-disabled .btn-error, .x-item-disabled .btn-warning, .x-item-disabled .btn-info,
.x-item-disabled .btn-link-warning, .x-item-disabled .btn-left, .x-item-disabled .btn-right, .x-item-disabled .btn-jobs, .x-item-disabled .btn-docs, .x-item-disabled .btn-clients, .x-item-disabled .btn-suppliers, .x-item-disabled .btn-calendar, .x-item-disabled .btn-emailsearch, .x-item-disabled .btn-emailforward,
.x-item-disabled .btn-emailattachment, .x-item-disabled .btn-paperclip, .x-item-disabled .btn-pdf, .x-item-disabled .btn-word, .x-item-disabled .btn-excel, .x-item-disabled .btn-image, .x-item-disabled .btn-view, .x-item-disabled .btn-closed-envelope, .x-item-disabled .btn-open-envelope,
.x-item-disabled .btn-add-contractor, .x-item-disabled .btn-workflow, .x-item-disabled .btn-user-license, .x-item-disabled .btn-transfer-license, .x-item-disabled .btn-percent, .x-item-disabled .btn-plus, .x-item-disabled .btn-minus, .x-item-disabled .btn-job-notes,
.x-item-disabled .btn-unlock, .x-item-disabled .btn-all-left, .x-item-disabled .btn-all-right, .x-item-disabled .btn-expand, .x-item-disabled .btn-zoom-plus, .x-item-disabled .btn-blue-plus, .x-item-disabled .btn-zoom-minus, .x-item-disabled .btn-refresh, .x-item-disabled .btn-power, .x-item-disabled .btn-deliverable,
.x-item-disabled .btn-link, .x-item-disabled .btn-baseline, .x-item-disabled .btn-attach-document, .x-item-disabled .btn-watch-play, .x-item-disabled .btn-watch-pause, .x-item-disabled .btn-watch-stop, .x-item-disabled .btn-2-column, .x-item-disabled .btn-3-column, .x-item-disabled .btn-view-document,
.x-item-disabled .btn-grid, .x-item-disabled .btn-list, .x-item-disabled .btn-filter, .x-item-disabled .btn-security, .x-item-disabled .btn-read-document, .x-item-disabled .btn-enable-translation, .x-item-disabled .btn-disable-translation,
.x-item-disabled .btn-stopwatch-play, .x-item-disabled .btn-stopwatch-pause, .x-item-disabled .btn-stopwatch-stop, .x-item-disabled .btn-cal-month, .x-item-disabled .btn-cal-week, .x-item-disabled .btn-cal-day, .x-item-disabled .btn-cal-list, .x-item-disabled .btn-cal-today, .x-item-disabled .btn-message-notify,
.x-item-disabled .btn-more-options, .x-item-disabled .btn-view-revision, .x-item-disabled .btn-goto-cal, .x-item-disabled .btn-declDefMargin, .x-item-disabled .btn-calculator {background-image: url(../../images/PageControls/toolbar-btn-sprite-disabled.svg) !important; background-repeat:no-repeat !important; background-position:inherit inherit !important; cursor: pointer; cursor:hand;}
.x5-item-disabled .btn-key, .x5-item-disabled .btn-popout, .x5-item-disabled .btn-options, .x5-item-disabled .btn-user-options, .x5-item-disabled .btn-spellcheck, .x5-item-disabled .btn-shortcut, .x5-item-disabled .btn-save, .x5-item-disabled .btn-template, .x5-item-disabled .btn-apply, .x5-item-disabled .btn-copy,
.x5-item-disabled .btn-assign, .x5-item-disabled .btn-print, .x5-item-disabled .btn-email, .x5-item-disabled .btn-delete, .x5-item-disabled .btn-add, .x5-item-disabled .btn-expandAll, .x5-item-disabled .btn-collapseAll, .x5-item-disabled .btn-maximize, .x5-item-disabled .btn-notes,
.x5-item-disabled .btn-edit-cost, .x5-item-disabled .btn-edit-user, .x5-item-disabled .btn-createPO, .x-item-disabeld .btn-createRFQ, .x5-item-disabled .btn-address, .x5-item-disabled .btn-view-report, .x5-item-disabled .btn-backup, .x5-item-disabled .btn-edit-worktype,
.x5-item-disabled .btn-findreplace, .x5-item-disabled .btn-tick, .x5-item-disabled .btn-tick-center, .x5-item-disabled .btn-task-update, .x5-item-disabled .btn-add-license, .x5-item-disabled .btn-edit, .x5-item-disabled .btn-goto-job, .x5-item-disabled .btn-error, .x5-item-disabled .btn-warning, .x5-item-disabled .btn-info,
.x5-item-disabled .btn-link-warning, .x5-item-disabled .btn-left, .x5-item-disabled .btn-right, .x5-item-disabled .btn-jobs, .x5-item-disabled .btn-docs, .x5-item-disabled .btn-clients, .x5-item-disabled .btn-suppliers, .x5-item-disabled .btn-calendar, .x5-item-disabled .btn-emailsearch, .x5-item-disabled .btn-emailforward,
.x5-item-disabled .btn-emailattachment, .x5-item-disabled .btn-paperclip, .x5-item-disabled .btn-pdf, .x5-item-disabled .btn-word, .x5-item-disabled .btn-excel, .x5-item-disabled .btn-image, .x5-item-disabled .btn-view, .x5-item-disabled .btn-closed-envelope, .x5-item-disabled .btn-open-envelope,
.x5-item-disabled .btn-add-contractor, .x5-item-disabled .btn-workflow, .x5-item-disabled .btn-user-license, .x5-item-disabled .btn-transfer-license, .x5-item-disabled .btn-percent, .x5-item-disabled .btn-plus, .x5-item-disabled .btn-minus, .x5-item-disabled .btn-job-notes,
.x5-item-disabled .btn-unlock, .x5-item-disabled .btn-all-left, .x5-item-disabled .btn-all-right, .x5-item-disabled .btn-expand, .x5-item-disabled .btn-zoom-plus, .x5-item-disabled .btn-blue-plus, .x5-item-disabled .btn-zoom-minus, .x5-item-disabled .btn-refresh, .x5-item-disabled .btn-power, .x5-item-disabled .btn-deliverable,
.x5-item-disabled .btn-link, .x5-item-disabled .btn-baseline, .x5-item-disabled .btn-attach-document, .x5-item-disabled .btn-watch-play, .x5-item-disabled .btn-watch-pause, .x5-item-disabled .btn-watch-stop, .x5-item-disabled .btn-2-column, .x5-item-disabled .btn-3-column, .x5-item-disabled .btn-view-document,
.x5-item-disabled .btn-grid, .x5-item-disabled .btn-list, .x5-item-disabled .btn-filter, .x5-item-disabled .btn-security, .x5-item-disabled .btn-read-document, .x5-item-disabled .btn-enable-translation, .x5-item-disabled .btn-disable-translation,
.x5-item-disabled .btn-stopwatch-play, .x5-item-disabled .btn-stopwatch-pause, .x5-item-disabled .btn-stopwatch-stop, .x5-item-disabled .btn-cal-month, .x5-item-disabled .btn-cal-week, .x5-item-disabled .btn-cal-day, .x5-item-disabled .btn-cal-list, .x5-item-disabled .btn-cal-today, .x5-item-disabled .btn-message-notify,
.x5-item-disabled .btn-more-options, .x5-item-disabled .btn-view-revision, .x5-item-disabled .btn-goto-cal, .x5-item-disabled .btn-declDefMargin, .x5-item-disabled .btn-calculator {background-image: url(../../images/PageControls/toolbar-btn-sprite-disabled.svg) !important; background-repeat:no-repeat !important; background-position:inherit inherit !important; cursor: pointer; cursor:hand;}
.c-grid-disabled .btn-key, .c-grid-disabled .btn-popout, .c-grid-disabled .btn-options, .c-grid-disabled .btn-user-options, .c-grid-disabled .btn-spellcheck, .c-grid-disabled .btn-shortcut, .c-grid-disabled .btn-save, .c-grid-disabled .btn-template, .c-grid-disabled .btn-apply, .c-grid-disabled .btn-copy,
.c-grid-disabled .btn-assign, .c-grid-disabled .btn-print, .c-grid-disabled .btn-email, .c-grid-disabled .btn-delete, .c-grid-disabled .btn-add, .c-grid-disabled .btn-expandAll, .c-grid-disabled .btn-collapseAll, .c-grid-disabled .btn-maximize, .c-grid-disabled .btn-notes,
.c-grid-disabled .btn-edit-cost, .c-grid-disabled .btn-edit-user, .c-grid-disabled .btn-createPO, .c-grid-disabled .btn-createRFQ, .c-grid-disabled .btn-address, .c-grid-disabled .btn-view-report, .c-grid-disabled .btn-backup, .c-grid-disabled .btn-edit-worktype,
.c-grid-disabled .btn-findreplace, .c-grid-disabled .btn-tick, .c-grid-disabled .btn-tick-center, .c-grid-disabled .btn-task-update, .c-grid-disabled .btn-add-license, .c-grid-disabled .btn-edit, .c-grid-disabled .btn-goto-job, .c-grid-disabled .btn-error, .c-grid-disabled .btn-warning, .c-grid-disabled .btn-info,
.c-grid-disabled .btn-link-warning, .c-grid-disabled .btn-left, .c-grid-disabled .btn-right, .c-grid-disabled .btn-jobs, .c-grid-disabled .btn-docs, .c-grid-disabled .btn-clients, .c-grid-disabled .btn-suppliers, .c-grid-disabled .btn-calendar, .c-grid-disabled .btn-emailsearch, .c-grid-disabled .btn-emailforward,
.c-grid-disabled .btn-emailattachment, .c-grid-disabled .btn-paperclip, .c-grid-disabled .btn-pdf, .c-grid-disabled .btn-word, .c-grid-disabled .btn-excel, .c-grid-disabled .btn-image, .c-grid-disabled .btn-view, .c-grid-disabled .btn-closed-envelope, .c-grid-disabled .btn-open-envelope,
.c-grid-disabled .btn-add-contractor, .c-grid-disabled .btn-workflow, .c-grid-disabled .btn-user-license, .c-grid-disabled .btn-transfer-license, .c-grid-disabled .btn-percent, .c-grid-disabled .btn-plus, .c-grid-disabled .btn-minus, .c-grid-disabled .btn-job-notes,
.c-grid-disabled .btn-unlock, .c-grid-disabled .btn-all-left, .c-grid-disabled .btn-all-right, .c-grid-disabled .btn-expand, .c-grid-disabled .btn-zoom-plus, .c-grid-disabled .btn-blue-plus, .c-grid-disabled .btn-zoom-minus, .c-grid-disabled .btn-refresh, .c-grid-disabled .btn-power, .c-grid-disabled .btn-deliverable, .c-grid-disabled .btn-link, .c-grid-disabled .btn-baseline, .c-grid-disabled .btn-attach-document,
.c-grid-disabled .btn-watch-play, .c-grid-disabled .btn-watch-pause, .c-grid-disabled .btn-watch-stop, .c-grid-disabled .btn-2-column, .c-grid-disabled .btn-3-column, .c-grid-disabled .btn-view-document, .c-grid-disabled .btn-grid, .c-grid-disabled .btn-list, .c-grid-disabled .btn-filter, .c-grid-disabled .btn-security, .c-grid-disabled .btn-read-document,
.c-grid-disabled .btn-enable-translation, .c-grid-disabled .btn-disable-translation, .c-grid-disabled .btn-cal-month, .c-grid-disabled .btn-cal-week, .c-grid-disabled .btn-cal-day, .c-grid-disabled .btn-cal-list, .c-grid-disabled .btn-cal-today, .c-grid-disabled .btn-message-notify,
.c-grid-disabled .btn-more-options, .c-grid-disabled .btn-view-revision, .c-grid-disabled .btn-goto-cal, .c-grid-disabled .btn-declDefMargin, .c-grid-disabled .btn-calculator {background-image: url(../../images/PageControls/toolbar-btn-sprite-disabled.svg) !important; background-repeat:no-repeat !important; background-position:inherit inherit !important; cursor: pointer; cursor:hand;}
.c-grid-disabled .c-grid-rowactions .c-grid-enabled {background-image: url(../../images/PageControls/toolbar-btn-sprite.svg) !important; background-repeat:no-repeat !important; background-position:inherit inherit !important;}
.btn-shortcut {background-position: 0 0 !important;}
.btn-save {background-position: 0 -16px !important;}
.btn-template {background-position: 0 -32px !important;}
.btn-apply {background-position: 0 -48px !important;}
.btn-copy {background-position: 0 -64px !important;}
.btn-assign {background-position: 0 -80px !important;}
.btn-print {background-position: 0 -96px !important;}
.btn-email {background-position: 0 -112px !important;}
.btn-delete {background-position: 0 -128px !important;}
.btn-findreplace {background-position: 0 -144px !important;}
.btn-edit-worktype,
.btn-edit-user {background-position: 0 -160px !important;}
.btn-maximize {background-position: 0 -176px !important;}
.btn-notes {background-position: 0 -192px !important;}
.btn-add {background-position: 0 -208px !important;}
.btn-expandAll {background-position: 0 -224px !important;}
.btn-collapseAll {background-position: 0 -240px !important;}
.btn-edit-cost {background-position: 0 -256px !important;}
.btn-edit-forecastcost {background-position: 0 -256px !important;}
.btn-createPO {background-position: 0 -272px !important;}
.btn-address {background-position: 0 -288px !important;}
.btn-view-report {background-position: 0 -304px !important;}
.btn-backup {background-position: 0 -336px !important;}
.btn-popout {background-position: 0 -352px !important;}
.btn-key {background-position: 0 -368px !important;}
.btn-options {background-position: 0 -384px !important;}
.btn-user-options {background-position: 0 -400px !important;}
.btn-spellcheck {background-position: 0 -416px !important;}
.btn-tick {background-position: 0 -432px !important;}
.btn-tick-center {background-position: center -432px !important;}
.btn-task-update {background-position: 0 -448px !important;}
.btn-add-license {background-position: 0 -464px !important;}
.btn-edit {background-position: 0 -480px !important;}
.btn-goto-job {background-position: 0 -496px !important;}
.btn-error {background-position: 0 -512px !important;}
.btn-warning {background-position: 0 -528px !important;}
.btn-info {background-position: 0 -544px !important;}
.btn-link-warning {background-position: 0 -560px !important;}
.btn-left {background-position: 0 -576px !important;}
.btn-right {background-position: 0 -592px !important;}
.btn-jobs {background-position: 0 -608px !important;}
.btn-docs {background-position: 0 -624px !important;}
.btn-clients {background-position: 0 -640px !important;}
.btn-suppliers {background-position: 0 -656px !important;}
.btn-calendar {background-position: 0 -672px !important;}
.btn-emailsearch {background-position: 0 -688px !important;}
.btn-emailforward {background-position: 0 -704px !important;}
.btn-emailattachment {background-position: 0 -720px !important;}
.btn-paperclip {background-position: 0 -736px !important;}
.btn-pdf {background-position: 0 -752px !important;}
.btn-word {background-position: 0 -768px !important;}
.btn-excel {background-position: 0 -784px !important;}
.btn-image {background-position: 0 -799px !important;}
.btn-view {background-position: 0 -816px !important;}
.btn-closed-envelope {background-position: 0 -832px !important;}
.btn-open-envelope {background-position: 0 -848px !important;}
.btn-add-contractor {background-position: 0 -864px !important;}
.btn-workflow {background-position: 0 -880px !important;}
.btn-user-license {background-position: 0 -896px !important;}
.btn-transfer-license {background-position: 0 -912px !important;}
.btn-percent {background-position: 0 -928px !important;}
.btn-declDefMargin {background-position: 0 -928px !important;}
.btn-plus {background-position: 0 -944px !important;}
.btn-minus {background-position: 0 -960px !important;}
.btn-job-notes {background-position: 0 -976px !important;}
.btn-unlock {background-position: 0 -1008px !important;}
.btn-all-left {background-position: 0 -1024px !important;}
.btn-all-right {background-position: 0 -1040px !important;}
.btn-expand {background-position: 0 -1056px !important;}
.btn-zoom-plus {background-position: 0 -1072px !important;}
.btn-blue-plus {background-position: 0 -1088px !important;}
.btn-zoom-minus {background-position: 0 -1104px !important;}
.btn-refresh {background-position: 0 -1120px !important;}
.btn-power {background-position: 0 -1136px !important;}
.btn-deliverable {background-position: 0 -1152px !important;}
.btn-link {background-position: 0 -1168px !important;}
.btn-baseline {background-position: 0 -1184px !important;}
.btn-stopwatch-play {background-position: 0 -1200px !important;}
.btn-stopwatch-pause {background-position: 0 -1216px !important;}
.btn-stopwatch-stop {background-position: 0 -1232px !important;}
.btn-watch-play {background-position: 0 -1200px !important;}
.btn-watch-pause {background-position: 0 -1216px !important;}
.btn-watch-stop {background-position: 0 -1232px !important;}
.btn-attach-document {background-position: 0 -1248px !important;}
.btn-createRFQ {background-position: 0 -1264px !important;}
.btn-3-column {background-position: 0 -1280px !important;}
.btn-2-column {background-position: 0 -1296px !important;}
.btn-view-document {background-position: 0 -1312px !important;}
.btn-grid {background-position: 0 -1328px !important;}
.btn-list {background-position: 0 -1344px !important;}
.btn-filter {background-position: 0 -1360px !important;}
.btn-security {background-position: 0 -1376px !important;}
.btn-read-document {background-position: 0 -1392px !important;}
.btn-enable-translation {background-position: 0 -1408px !important;}
.btn-disable-translation {background-position: 0 -1424px !important;}
.btn-cal-month {background-position: 0 -1440px !important;}
.btn-cal-week {background-position: 0 -1456px !important;}
.btn-cal-day {background-position: 0 -1472px !important;}
.btn-cal-list {background-position: 0 -1488px !important;}
.btn-cal-today {background-position: 0 -1504px !important;}
.btn-message-notify {background-position: 0 -1520px !important;}
.btn-more-options {background-position: 0 -1536px !important;}
.btn-view-revision {background-position: 0 -1552px !important;}
.btn-goto-cal {background-position: 0 -1568px !important;}
.btn-notify-reply {background-position: 0 -1584px !important;}
.btn-tasks-filter {background-position: 0 -1600px !important;}
.btn-tasks-nav-left {background-position: 0 -1616px !important;}
.btn-tasks-nav-right {background-position: 0 -1632px !important;}
.btn-calculator {background-position: 0 -1648px !important;}
.grid-btn-percentageComplete {width:16px; background: transparent url(../../images/DocumentImages/percentageComplete.gif) no-repeat 10px 0 !important;padding:8px 12px 8px 12px;}
.btn-robot {height:16px;position:relative;top:-3px;float:left;width:16px; background: transparent url(../../images/DocumentImages/robot.gif) no-repeat !important;}
.btn-robot-filter-green {background: transparent url(../../images/DocumentImages/robot-filter-green.gif) no-repeat !important;}
.btn-robot-filter-orange {background: transparent url(../../images/DocumentImages/robot-filter-orange.gif) no-repeat !important;}
.robot-font-green {color: #06AF32 !important;} /*1*/
.robot-font-yellow {color:#C6A800 !important;} /*2*/
.robot-font-orange {color:#E47907 !important;} /*3*/
.robot-font-red {color:#B80707 !important;} /*4*/
.btn-robot-filter-red {background: transparent url(../../images/DocumentImages/robot-filter-red.gif) no-repeat !important;}
.btn-lock-unlock {height:16px;width:22px;float:left;background: transparent url(../../images/DocumentImages/lock_unlock.png) no-repeat !important;}
.btn-notification {width:16px; height:16px; background: transparent url(../../images/DocumentImages/notification.png) no-repeat !important;}
.btn-up-arrow {background: url('../../Images/PageControls/arrow-up.png') no-repeat left center !important;}
.btn-addmaterial {background: url('../../Images/PageControls/material-add.png') no-repeat left center !important;}
.btn-colorpicker {background: url('../../Images/PageControls/btn-colourpicker.svg') no-repeat left center !important;}
/* custom title tools */
.x-tool-expand-all{background-position:0 -330px;}
.x-tool-expand-all-over{background-position:-15px -330px;}
/* z bar */
.btn-nav-first, .btn-nav-previous, .btn-nav-next, .btn-nav-last, .btn-nav-play,
.btn-nav-stop {background: transparent url(../../images/PageControls/arrow_sprite.gif) no-repeat !important;}
.btn-nav-first {background-position: 0 0 !important;}
.btn-nav-previous {background-position: 0 -16px !important;}
.btn-nav-next {background-position: 0 -32px !important;}
.btn-nav-last {background-position: 0 -48px !important;}
.btn-nav-play {background-position: 0 -64px !important;}
.btn-nav-stop {background-position: 0 -80px !important;}
/* used by percentage complete in the Job Bag */
/* used to bump an image up increments of 16px */
.up0 { background-position:center 0 !important;}
.up1 { background-position:center -16px !important;}
.up2 { background-position:center -32px !important;}
.up3 { background-position:center -48px !important;}
.up4 { background-position:center -64px !important;}
.up5 { background-position:center -80px !important;}
.up6 { background-position:center -96px !important;}
.up7 { background-position:center -112px !important;}
.up8 { background-position:center -128px !important;}
.up9 { background-position:center -144px !important;}
.up10 { background-position:center -160px !important;}
/* used by CostSheet to show if line item has Deferred Margin Declaration */
.borderGreen {border: 1px solid green;}
.borderBlue {border: 1px solid blue;}
/* Add comment button */
.btn-comment { background-image: url('../../Images/PageControls/message.png') !important; }
/* Buttons for TaskGrid */
.btn-indent {width:16px; height:16px; background: url(../../images/DocumentImages/Indent.png) !important;}
.btn-outdent {width:16px; height:16px; background: url(../../images/DocumentImages/Outdent.png) !important;}
/**********************
* _ _ _
* | | | | |
* | |_ ___ ___ | | |__ __ _ _ __ ___
* | __/ _ \ / _ \| | '_ \ / _` | '__/ __|
* | || (_) | (_) | | |_) | (_| | | \__ \
* \__\___/ \___/|_|_.__/ \__,_|_| |___/
*
* (toolbars)
*/
/* document toolbar container styles */
.whiteButton,
/*.whiteToolbar .x-tab-strip-inner,*/
/*.whiteToolbar .x-tab-strip-top .x-tab-strip-inner,*/
.whiteToolbar .x-toolbar {background:#FDFDFD none !important; border:0 !important; padding:0 !important;}
.whiteToolbar .x-toolbar .sub .x-btn-text {padding:0 0 0 15px !important; margin:0; height:15px !important; font-family:arial, verdana; font-size:12px; white-space:nowrap; font-weight:600; color:#999; letter-spacing:10px; font-style:italic; text-transform:uppercase; opacity:1;-moz-opacity:1;filter:alpha(opacity=100); }
.sideBorders .x-toolbar {border-left:1px solid #99BBE8 !important; border-right:1px solid #99BBE8 !important;}
.whiteToolbar .x-btn {margin-right:1px;position:relative;top:1px;}
.whiteToolbar .x-btn-left {background:url(../../ExtJs/images/default/button/btn-sprite.gif) no-repeat 0 -210px;}
.whiteToolbar .x-btn-right {background:url(../../ExtJs/images/default/button/btn-sprite.gif) no-repeat 0 -231px;}
.whiteToolbar .x-btn-center {background:url(../../ExtJs/images/default/button/btn-sprite.gif) repeat-x 0 -252px;}
.whiteToolbar .x-item-disabled .x-btn-left {background:#FFF none repeat scroll 0 0 !important;}
.whiteToolbar .x-item-disabled .x-btn-right {background:#FFF none repeat scroll 0 0 !important;}
.whiteToolbar .x-item-disabled .x-btn-center {background:#FFF none repeat scroll 0 0 !important;}
.whiteTabPanel .x-tab-panel-header{background:#FDFDFD !important; border:0 !important; padding-bottom: 0;}
.whiteTabPanel ul.x-tab-strip-top{background:transparent none; display: block !important}
.whiteTabPanelAlt .x-tab-panel-header{background:#FDFDFD !important; border:0 !important; padding-bottom: 0;}
.whiteTabPanelAlt ul.x-tab-strip-top{background:transparent none; display: inline !important}
.hiddenTabPanel .x-tab-panel-header{background:#FDFDFD !important; border:0 !important; padding-bottom: 0;}
.hiddenTabPanel ul.x-tab-strip-top{display: none; border-bottom: 0 none;}
.hiddenTabPanel .x-tab-panel-header{background:#FDFDFD !important; border:0 !important; padding-bottom: 0;}
.hiddenTabPanel ul.x-tab-strip-top{display: none; border-bottom: 0 none;}
/* x-btn-visible toolbar buttons */
.whiteToolbar .x-btn-tl, .whiteToolbar .x-btn-tr, .whiteToolbar .x-btn-tc, .whiteToolbar .x-btn-ml, .whiteToolbar .x-btn-mr, .whiteToolbar .x-btn-mc, .whiteToolbar .x-btn-bl, .whiteToolbar .x-btn-br, .whiteToolbar .x-btn-bc{background-image:url(../../images/PageControls/white-tb-btn-visible.gif);}
.x-toolbar table.x-btn-over td.x-btn-tl, .x-toolbar table.x-btn-over td.x-btn-tr, .x-toolbar table.x-btn-over td.x-btn-tc, .x-toolbar table.x-btn-over td.x-btn-ml, .x-toolbar table.x-btn-over td.x-btn-mr, .x-toolbar table.x-btn-over td.x-btn-mc, .x-toolbar table.x-btn-over td.x-btn-bl, .x-toolbar table.x-btn-over td.x-btn-br, .x-toolbar table.x-btn-over td.x-btn-bc,
.x-toolbar table.x-btn-click td.x-btn-tl, .x-toolbar table.x-btn-click td.x-btn-tr, .x-toolbar table.x-btn-click td.x-btn-tc, .x-toolbar table.x-btn-click td.x-btn-ml, .x-toolbar table.x-btn-click td.x-btn-mr, .x-toolbar table.x-btn-click td.x-btn-mc, .x-toolbar table.x-btn-click td.x-btn-bl, .x-toolbar table.x-btn-click td.x-btn-br, .x-toolbar table.x-btn-click td.x-btn-bc,
.x-toolbar table.x-btn-menu-active td.x-btn-tl, .x-toolbar table.x-btn-menu-active td.x-btn-tr, .x-toolbar table.x-btn-menu-active td.x-btn-tc, .x-toolbar table.x-btn-menu-active td.x-btn-ml, .x-toolbar table.x-btn-menu-active td.x-btn-mr, .x-toolbar table.x-btn-menu-active td.x-btn-mc, .x-toolbar table.x-btn-menu-active td.x-btn-bl, .x-toolbar table.x-btn-menu-active td.x-btn-br, .x-toolbar table.x-btn-menu-active td.x-btn-bc,
.x-toolbar table.x-btn-pressed td.x-btn-tl, .x-toolbar table.x-btn-pressed td.x-btn-tr, .x-toolbar table.x-btn-pressed td.x-btn-tc, .x-toolbar table.x-btn-pressed td.x-btn-ml, .x-toolbar table.x-btn-pressed td.x-btn-mr, .x-toolbar table.x-btn-pressed td.x-btn-mc, .x-toolbar table.x-btn-pressed td.x-btn-bl, .x-toolbar table.x-btn-pressed td.x-btn-br, .x-toolbar table.x-btn-pressed td.x-btn-bc {background-image:url(../../extjs/images/default/button/btn.gif);}
/* .x-btn-visible {margin-right:2px;}*/
.btn-show-outline .x-btn-tl{background-position: 0 0;}
.btn-show-outline .x-btn-tr{background-position: -3px 0;}
.btn-show-outline .x-btn-tc{background-position: 0 -6px;}
.btn-show-outline .x-btn-ml{background-position: 0 -24px;}
.btn-show-outline .x-btn-mr{background-position: -3px -24px;}
.btn-show-outline .x-btn-mc{background-position: 0 -1096px;}
.btn-show-outline .x-btn-bl{background-position: 0 -3px;}
.btn-show-outline .x-btn-br{background-position: -3px -3px;}
.btn-show-outline .x-btn-bc{background-position: 0 -15px;}
.whiteToolbar .x-btn-tl {background-position:0 0;}
.whiteToolbar .x-btn-tc {background-position:0 -6px;}
.whiteToolbar .x-btn-tr {background-position:-3px 0;}
.whiteToolbar .x-btn-ml {background-position:0 -12px;}
.whiteToolbar .x-btn-mc {background-position:0 -1084px;}
.whiteToolbar .x-btn-mr {background-position:-3px -12px;}
.whiteToolbar .x-btn-bl {background-position:0 -3px;}
.whiteToolbar .x-btn-bc {background-position:0 -9px;}
.whiteToolbar .x-btn-br {background-position:-3px -3px;}
.whiteToolbar .x-toolbar-left {width:auto;}
.x-grid3-row td .whiteToolbar .x-btn-left {padding-left:0; padding-right:0;}
.x-grid3-row td .whiteToolbar .x-btn-center {padding-top:3px;}
.x-lite-toolbar-left {float:left; max-width: 500px;} /* max-width lets the right hand toolbars still take up the right place even if the text in the left bar is too long */
.x-lite-toolbar-right{float:right;}
.x-lite-toolbar-extras{float:right;}
.x-lite-toolbar-item{float:left;}
/* filter field on the config, report explorer */
.whiteToolbar-title table.x-toolbar-ct {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.55, #F1F1F1), color-stop(0.57, #DADADA));background:-moz-linear-gradient( center top, #F1F1F1 55%, #DADADA 57% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#DADADA'); border-right:1px solid #B5B8C8; border-bottom:1px solid #B5B8C8;}
.whiteToolbar-title input.rounded {border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px; width:100%;}
.whiteToolbar-title input.filter {background: url("../../Images/PageControls/textfield-icon-sprite.svg") no-repeat scroll right 1px #FFFFFF; height:18px !important; line-height:18px !important; padding-left:10px; padding-top:0;}
.whiteToolbar-title input.filter-multiple-match {background-position: right -15px; border-color:#E90;}
.whiteToolbar-title input.filter-single-match {background-position: right -31px; border-color:#0D0;}
.whiteToolbar-title table.x-toolbar-ct td:nth-child(1) {padding:1px 3px;width: 99%;}
.whiteToolbar-title table.x-toolbar-ct td:nth-child(1) table {width:100%;}
.whiteToolbar-title table.x-toolbar-ct td.x-toolbar-right {display:none;}
/* quicksearch */
#quicksearch {font-size: 110%; line-height:22px !important; height:22px !important;}
.quicksearch-menu {font:12px arial,tahoma,helvetica,sans-serif;
/*background: -moz-linear-gradient(center top , #FFF 0%, #E1E1E1 1%, #BBB 37%, #DDD 60%, #EEE 80%, #EEE 95%, #DDD 100%) repeat scroll 0 0 transparent; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.01, #FFF), color-stop(0, #E1E1E1), color-stop(0.37, #BBB), color-stop(0.60, #DDD), color-stop(0.80, #EEE), color-stop(0.95, #EEE), color-stop(1, #DDD)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#DADADA'); */
background-color:#FAFAFA;
border:1px solid #8AE; border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; -webkit-border-radius: 6px 0 6px 6px;
padding-bottom:8px; position:absolute; top:116px; right:0; width:452px; overflow:auto; min-height:190px;
-webkit-box-shadow: 2px 2px 10px 1px rgba(00, 00, 00, 0.4); -moz-box-shadow: 2px 2px 10px 1px rgba(00, 00, 00, 0.4); box-shadow: 2px 2px 10px 1px rgba(00, 00, 00, 0.4);
}
.quicksearch-menu .menu-item h2,
.quicksearch-menu .menu-item h3,
.quicksearch-menu .menu-item .menu-inner div {text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
.quicksearch-menu .menu-stacked {top:0 !important; -webkit-box-shadow: 1px 1px 1px 0px rgba(22, 22, 22, 0.3); -moz-box-shadow: 1px 1px 1px 0px rgba(22, 22, 22, 0.3); box-shadow: 1px 1px 1px 0px rgba(22, 22, 22, 0.3);}
.quicksearch-menu .menu-item {position:relative; top:-1px; background-color:#FFF; border: 1px solid #99BBE8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; width: 215px; overflow: hidden; margin:5px 0 0 5px;}
.quicksearch-menu .menu-item div.menu-inner {min-height:130px; padding:0;}
.quicksearch-menu .menu-item h2 {background-color: #EAEAEA; border-bottom: 1px solid #CCC; padding: 4px 2px 5px 8px; text-shadow:0 1px 0 #FFF; color:#444;}
.quicksearch-menu .menu-item h3 {background-color: #FAFAFA; border-top: 1px solid #EAEAEA; font-weight: normal; line-height: 22px; padding: 1px 1px 2px; text-align: right; color:#555;}
.quicksearch-menu .menu-item div {line-height:22px; padding: 2px 2px 1px 5px;}
.quicksearch-menu .menu-item .menu-inner div {border-bottom:1px solid #EEE;}
.quicksearch-menu .menu-item .menu-inner div:first {padding-top:5px;}
.quicksearch-menu .menu-item .menu-inner div:hover,
.quicksearch-menu .menu-item .menu-inner div.focus,
.quicksearch-menu .menu-item .menu-inner div:focus {background-color:#D9E8FB; cursor:pointer; cursor:hand; outline:0;}
.quicksearch-menu .menu-blank {font-size: 110%; padding: 75px 0; text-align: center;}
.quicksearch-menu .menu-blank2 {font-size: 110%; padding: 55px 0; text-align: center;}
.quicksearch-menu .menu-item .quick-found {background-color: #ADF; display: inline-block; font-weight: bold; height: 22px;}
/* Notifications */
.notifications {padding-bottom:40px; position:absolute; top:116px; right:0; width:452px; overflow:auto; min-height:190px; background-color:#FAFAFA;
border:1px solid #8AE; border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; -webkit-border-radius: 6px 0 6px 6px;
-webkit-box-shadow: 2px 2px 10px 1px rgba(00, 00, 00, 0.4); -moz-box-shadow: 2px 2px 10px 1px rgba(00, 00, 00, 0.4); box-shadow: 2px 2px 10px 1px rgba(00, 00, 00, 0.4);}
.notification-item {padding: 5px; border-bottom: 1px solid #48E; font-family: Arial; font-size: 11px;}
.notification-item > span {display: inline-block; overflow: hidden; word-wrap: break-word; pointer-events: none; text-overflow: ellipsis; white-space: nowrap;}
.notification-item > span:nth-of-type(1) {width: 100px; text-align: right}
.notification-item > span:nth-of-type(2) {width: 320px;}
.notification-item:focus,
.notification-item.focus,
.notification-item:hover {background-color:#D9E8FB; cursor:pointer; cursor:hand; outline:0;}
.notification-item.unread { background-color: #DDE9EB; }
/*.notification-origin {border-bottom: 1px solid #48E; font-family: Arial; font-size: 11px; font-weight: bold; height: 30px; float:right; font-weight: normal; border:none}*/
.notification-origin {border-bottom: 1px solid #48E; font-family: Arial; font-size: 11px; font-weight: bold; font-weight: normal; border:none; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3;}
.notification-btn {text-align: center; padding: 5px; width: 25%; position: absolute; bottom: 5px;
border:1px solid #8AE; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px;}
.add-note{right:0}
.input-rounded {border-radius:11px;-moz-border-radius:11px;-webkit-border-radius:11px; width:100%;}
.message-group {font-family:arial; font-size:12px; cursor:pointer; cursor:hand; padding-left: 4px}
.message-group .groupbody {cursor:auto;}
.message-node {border-bottom:1px solid #99BBE8; font-family:arial; font-size:11px; margin-bottom: 3px; padding-bottom: 2px;}
#message-panel > .x-panel-header .x-panel-header-text {background: #dfe8f6 url(../../Images/PageControls/dragarrow.png) no-repeat right; padding-right: 22px}
.chat-icon { background: url(../../Images/PageControls/speech_bubble.png) no-repeat left !important}
/**********************
* _ _
* | | | |
* __| | ___| |__ _ _ __ _ __ _ ___ _ __
* / _` |/ _ \ '_ \| | | |/ _` |/ _` |/ _ \ '__|
* | (_| | __/ |_) | |_| | (_| | (_| | __/ |
* \__,_|\___|_.__/ \__,_|\__, |\__, |\___|_|
* __/ | __/ |
* |___/ |___/
* (debugger)
*/
.debug label.x-form-item-label {font-size:11px; width:200px; font-weight:bold; text-align:right;}
.debug table td {font-size:11px; padding:2px;}
.debug table.x-table-row label.x-form-item-label {width:200px; font-weight:bold; text-align:right;}
/**********************
* _ _ _
* | (_) | |
* __| |_ __ _| | ___ __ _ ___
* / _` | |/ _` | |/ _ \ / _` / __|
* | (_| | | (_| | | (_) | (_| \__ \
* \__,_|_|\__,_|_|\___/ \__, |___/
* __/ |
* |___/
* (dialogs)
*/
/* add new */
.addNew h2 {border-bottom:1px solid #C3D0DF; color:#555555; font-size:11px; font-weight:600; padding-top:10px; padding-bottom:8px;}
.addNew .x-toolbar {background:#FFF !important; height:68px; border:0 !important;}
.addNew .x-toolbar .x-btn button {height:71px; width:65px; outline:none; padding-top: 42px;overflow: hidden; }
.addNew .x-item-disabled button {opacity:0.5 !important; filter:alpha(opacity=50) !important; -moz-opacity:0.5 !important;}
.addNew .x-toolbar .x-btn-over .x-btn-left {background:transparent url(../../images/ribbonContainer/tb-btn-sprite.gif) no-repeat 0 0 !important;}
.addNew .x-toolbar .x-btn-over .x-btn-right {background:transparent url(../../images/ribbonContainer/tb-btn-sprite.gif) no-repeat 0 -66px !important;}
.addNew .x-toolbar .x-btn-over .x-btn-center{background:transparent url(../../images/ribbonContainer/tb-btn-sprite.gif) repeat-x 0 -132px !important;}
.addNew .x-toolbar .x-btn-click .x-btn-left,.addNew .x-toolbar .x-btn-pressed .x-btn-left,.addNew .x-toolbar .x-btn-menu-active .x-btn-left{background:transparent url(../../images/ribbonContainer/tb-btn-sprite.gif) no-repeat 0 -198px !important;}
.addNew .x-toolbar .x-btn-click .x-btn-right,.addNew .x-toolbar .x-btn-pressed .x-btn-right,.addNew .x-toolbar .x-btn-menu-active .x-btn-right{background:transparent url(../../images/ribbonContainer/tb-btn-sprite.gif) no-repeat 0 -264px !important;}
.addNew .x-toolbar .x-btn-click .x-btn-center,.addNew .x-toolbar .x-btn-pressed .x-btn-center,.addNew .x-toolbar .x-btn-menu-active .x-btn-center{background:transparent url(../../images/ribbonContainer/tb-btn-sprite.gif) repeat-x 0 -330px !important;}
.addNew .x-toolbar .x-btn-text-icon .x-btn-center .x-btn-text {padding:0; text-decoration: none; white-space:nowrap; height:66px; padding:0;}
.addNew .x-toolbar .x-btn-text-icon .x-btn-center .x-btn-text span {padding:30px 0 0 0; display:block;}
.x-btn-text-icon .x-btn-center .x-btn-text {padding: 2px 2px 2px 18px;}
/* ribbon button icons
note : added the additional selector (.addNew) to each class so that "icon-default" will work even though it's not marked "!important".
the "icon-default" is added to each button so that if there isn't a button class defined, it will still show an icon.
*/
.addNew .icon-client, .addNew .icon-job-bag, .addNew .icon-supplier, .addNew .icon-contractor,
.addNew .icon-amend, .addNew .icon-brief, .addNew .icon-cont-rep, .addNew .icon-copy-script, .addNew .icon-cost-sheet,
.addNew .icon-credit-note, .addNew .icon-ext-doc, .addNew .icon-fax, .addNew .icon-int-cost-sheet, .addNew .icon-invoice, .addNew .icon-memo, .addNew .icon-po, .addNew .icon-in-house-po, .addNew .icon-sup-cr-note, .addNew .icon-expense,
.addNew .icon-supp-inv, .addNew .icon-default {background: transparent url(../../images/DocumentImages/document-btn-sprite.png) no-repeat 0 0;}
.addNew .icon-supp-inv, .addNew .icon-default {background: transparent url(../../images/DocumentImages/document-btn-sprite.png) no-repeat 0 0;}
.addNew .x-btn-text-icon .icon-client {background-position:-165px 10px !important;}
.addNew .x-btn-text-icon .icon-job-bag {background-position:-285px 10px !important;}
.addNew .x-btn-text-icon .icon-supplier {background-position:-225px 12px !important;}
.addNew .x-btn-text-icon .icon-contractor {background-position:-405px -110px !important;}
.addNew .x-btn-text-icon .icon-brief {background-position: 15px -50px !important;}
.addNew .x-btn-text-icon .icon-timing-plan {background-position:-405px -50px !important;}
.addNew .x-btn-text-icon .icon-cont-rep {background-position: -45px -50px !important;}
.addNew .x-btn-text-icon .icon-copy-script {background-position:-105px -50px !important;}
.addNew .x-btn-text-icon .icon-cost-sheet {background-position:-165px -50px !important;}
.addNew .x-btn-text-icon .icon-credit-note {background-position:-225px -50px !important;}
.addNew .x-btn-text-icon .icon-ext-doc {background-position:-285px -50px !important;}
.addNew .x-btn-text-icon .icon-fax {background-position:-345px -50px !important;}
.addNew .x-btn-text-icon .icon-int-cost-sheet {background-position: 15px -110px !important;}
.addNew .x-btn-text-icon .icon-invoice {background-position: -45px -110px !important;}
.addNew .x-btn-text-icon .icon-memo {background-position:-105px -110px !important;}
.addNew .x-btn-text-icon .icon-po {background-position:-165px -110px !important;}
.addNew .x-btn-text-icon .icon-in-house-po {background-position:-165px -110px !important;}
.addNew .x-btn-text-icon .icon-sup-cr-note {background-position:-225px -110px !important;}
.addNew .x-btn-text-icon .icon-supp-inv {background-position:-285px -110px !important;}
.addNew .x-btn-text-icon .icon-amend {background-position:-345px -110px !important;}
.addNew .x-btn-text-icon .icon-expense {background-position:-165px -110px !important;}
.addNew .x-btn-text-icon .icon-default {background-position:-405px 10px;white-space: pre-wrap;}
/**********************
* _____ _ _ __ _
* |___ | (_) | | / _(_)
* / / ______ _ _ __ __| | _____ __ | |_ ___ _____ ___
* / / |______| | | '_ \ / _` |/ _ \ \/ / | _| \ \/ / _ \/ __|
* / /__ | | | | | (_| | __/> < | | | |> < __/\__ \
* |_____| |_|_| |_|\__,_|\___/_/\_\ |_| |_/_/\_\___||___/
*
*
* (z-index fixes)
*/
/* specifically for the message log that needs to hide behind the footer */
.footer {z-index:28 !important;}
.msgLog {z-index:27 !important;}
/**********************
* (_) | | | |
* __ ___ __| | __ _ ___| |_ ___
* \ \ /\ / / |/ _` |/ _` |/ _ \ __/ __|
* \ V V /| | (_| | (_| | __/ |_\__ \
* \_/\_/ |_|\__,_|\__, |\___|\__|___/
* __/ |
* |___/
* (widgets / ux)
*/
/* grid grouped headers */
.x-grid3-header-offset {width: auto;}
.ux-grid-hd-group-cell {background: url(../../images/pagecontrols/grid3-hrow.gif) repeat-x bottom;}
/* grid grouped headers : styles to specifically fix chromes grouped columns not being aligned correctly */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.x-grid3-cell, /* Normal grid cell */
.x-grid3-gcell /* Grouped grid cell (esp. in head)*/
{
box-sizing: border-box;
}
}
/* triple trigger field */
.always-visible .x-item-disabled {-moz-opacity: 1 !important;filter:alpha(opacity: 1) !important;opacity: 100 !important;}
.x-form-triple-triggers-buttons { position:relative; width:17px; display:inline; }
.x-form-triple-triggers-buttons .x-form-trigger { display:block; position:relative; }
.x-form-triple-triggers-buttons {-moz-opacity: 1 !important;filter:alpha(opacity: 1) !important;opacity: 100 !important;}
.x-form-triple-triggers-buttons .always-visible { display:block !important; visibility:visible !important;-moz-opacity: 1 !important;filter:alpha(opacity: 1) !important;opacity: 100 !important; }
.x-form-triple-triggers-buttons .x-form-notes-trigger {background-image:url(../../images/pagecontrols/notes-trigger.gif);cursor:pointer;}
.x-form-triple-triggers-buttons .x-form-insert-trigger{background-image:url(../../images/pagecontrols/insert-trigger.gif);cursor:pointer;}
.x5-form-triple-triggers-buttons { position:relative; width:17px; display:inline; }
.x5-form-triple-triggers-buttons .x5-form-trigger { display:block; position:relative; }
.x5-form-triple-triggers-buttons {-moz-opacity: 1 !important;filter:alpha(opacity: 1) !important;opacity: 100 !important;}
.x5-form-triple-triggers-buttons .always-visible { display:block !important; visibility:visible !important;-moz-opacity: 1 !important;filter:alpha(opacity: 1) !important;opacity: 100 !important; }
.x5-form-triple-triggers-buttons .x5-form-notes-trigger {background-image:url(../../images/pagecontrols/notes-trigger.gif);cursor:pointer;}
.x5-form-triple-triggers-buttons .x5-form-insert-trigger{background-image:url(../../images/pagecontrols/insert-trigger.gif);cursor:pointer;}
/* month picker field */
.x-date-mp-month a,.x-date-mp-year a{ display: block; padding: 2px 4px; text-decoration: none; text-align: center; color: #15428b; border:1px solid #FFF;}
td.x-date-mp-month a:hover, td.x-date-mp-year a:hover { color: #15428b; text-decoration: none; cursor: pointer; background: #ddecfe;}
td.x-date-disabled a { cursor: default; background: #eee; color: #bbb;}
td.x-date-disabled a:hover { text-decoration: none !important; color: black; background: #ddecfe;}
.x-date-inner td.x-date-highlight { border-color: #FF0000; }
.x-date-inner td.x-date-week { background-color: #F2F5F7; }
.x-date-inner .x-date-today a { border-color: #FFCC00 !important; background-color: #FFCC00; }
/* underlined radio button in Forex */
.radio-border-bottom { border-bottom:1px solid #BBBBBB !important; padding-bottom: 4px; }
/* Dashboard.bulletins */
.autowrap-content {overflow:auto;}
.hidewrap-content {overflow:hidden;}
.bulletins-wrap {height:100%; margin:0 10px;}
.bulletins-wrap .heading {font-weight:bolder; color:#15428B; padding:0 0 3px; margin:0 5px 0;}
.bulletins-wrap .date {font-weight:bolder; color:#15428B; padding:10px 0 3px; margin:0 5px 0; border-bottom:1px solid #99BBE8; text-align:right;}
.bulletins-wrap .body {padding:5px; height:120px; overflow:auto; white-space:normal;}
/* Dashboard Pip Buttons*/
.pip-button-icon-hover .pip-button-icon {
background:url('../../Images/PageControls/blackCircle.svg') no-repeat !important;z-index: 99 !important;position:relative;
}
.pip-button-icon { background:url('../../Images/PageControls/greyCircle.svg') no-repeat !important;z-index:-1 !important;position:relative; }
.pip-button .x-btn-tl,
.pip-button .x-btn-tr,
.pip-button .x-btn-tc,
.pip-button .x-btn-ml,
.pip-button .x-btn-mr,
.pip-button .x-btn-mc,
.pip-button .x-btn-bl,
.pip-button .x-btn-br,
.pip-button .x-btn-bc{ background-image:none; }
/*
Style for the msg class
*/
/* padding for corners (from ext-all.css) */
.x-box-tl-info, .x-box-tl-error, .x-box-tl-warning, .x-box-bl-info, .x-box-bl-error, .x-box-bl-warning {overflow: hidden; padding-left: 8px;}
.x-box-tr-info, .x-box-tr-error, .x-box-tr-warning, .x-box-br-info, .x-box-br-error, .x-box-br-warning {overflow: hidden; padding-right: 8px;}
/* image for corners */
.x-box-tl-info, .x-box-tr-info, .x-box-bl-info, .x-box-br-info {background:transparent url(../../Images/MsgBox/corners.png) no-repeat !important;}
.x-box-tl-warning, .x-box-tr-warning, .x-box-bl-warning, .x-box-br-warning {background:transparent url(../../Images/MsgBox/corners_warning.png) no-repeat !important;}
.x-box-tl-error, .x-box-tr-error, .x-box-bl-error, .x-box-br-error {background:transparent url(../../Images/MsgBox/corners_error.png) no-repeat !important;}
/* image postion of each corner */
.x-box-tl-info, .x-box-tl-error, .x-box-tl-warning {background-position: 0 0 !important;}
.x-box-tr-info, .x-box-tr-error, .x-box-tr-warning {background-position: right -8px !important;}
.x-box-bl-info, .x-box-bl-error, .x-box-bl-warning {background-position: 0 -16px !important;}
.x-box-br-info, .x-box-br-error, .x-box-br-warning {background-position: right -24px !important;}
/* top border */
.x-box-tr-info .x-box-tc{height:8px;background:transparent url(../../Images/MsgBox/tb.png) repeat-x;}
.x-box-tr-warning .x-box-tc{height:8px;background:transparent url(../../Images/MsgBox/tb_warning.png) repeat-x;}
.x-box-tr-error .x-box-tc{height:8px;background:transparent url(../../Images/MsgBox/tb_error.png) repeat-x;}
.x-box-tr-info .x-box-tc, .x-box-tr-warning .x-box-tc, .x-box-tr-error .x-box-tc {background-position: 0 0 !important; overflow:hidden;}
/* content */
.x-box-mr .x-box-mc-info{background:#eee url(../../Images/MsgBox/tb.png) repeat-x;}
.x-box-mr .x-box-mc-warning{background:#eee url(../../Images/MsgBox/tb_warning.png) repeat-x;}
.x-box-mr .x-box-mc-error{background:#eee url(../../Images/MsgBox/tb_error.png) repeat-x;}
.x-box-mr .x-box-mc-info, .x-box-mr .x-box-mc-warning, .x-box-mr .x-box-mc-error {padding:4px 10px;font-family:"Tahoma","Helvetica","Arial",sans-serif;color:#393939;font-size:12px;background-position:0 -16px !important;}
/* the rest */
.x-box-ml{background:transparent url(../../Images/MsgBox/l.png) repeat-y 0 !important;padding-left:4px;overflow:hidden;}
.x-box-mc h3{font-size:14px;font-weight:bold;margin:0 0 4px 0;}
.x-box-mr{background:transparent url(../../Images/MsgBox/r.png) repeat-y right !important;padding-right:4px;overflow:hidden;}
.x-box-bc{background:transparent url(../../Images/MsgBox/tb.png) repeat-x 0 -8px !important;height:8px;overflow:hidden;}
#msg-div{width:250px;z-index:30000;}
/* (ux) rowactions css */
.ux-row-action-cell .x-grid3-cell-inner {padding:4px 0 0 0;}
.ux-row-action-item {float:left;min-width:16px;height:16px;background-repeat:no-repeat;margin: 0 5px 0 0;cursor:pointer;overflow:hidden;}
.ext-ie .ux-row-action-item {width:16px;}
.ext-ie .ux-row-action-text {width:auto;}
.ux-row-action-item span {vertical-align:middle;padding:0 0 0 20px;line-height:18px;}
.ext-ie .ux-row-action-item span {width:auto;}
/* (ux) rowactions css ; styles for groups */
.x-grid-group-hd div {position:relative;height:16px;}
.ux-grow-action-item {min-width:16px;height:16px;background-repeat:no-repeat;background-position: 0 50%;margin: 0 0 0 4px;padding: 0 !important;cursor:pointer;float:left;}
.ext-ie .ux-grow-action-item {width:16px;}
.ux-action-right {float:right;margin: 0 3px 0 2px;padding: 0 !important;}
.ux-grow-action-text {padding: 0 !important;margin:0 !important;background:transparent none !important;float:left;}
/* additional grid styles */
div.percentage-markup {white-space:nowrap;}
div.markup-amount {width:36px;font-family:inherit;font-size:inherit;}
.x-grid3-dirty-cell {background:transparent none;} /* no red triangle on top left of dirty grid cell */
/* [OPTIONAL] -- may be used for either Ext.grid.GroupSummary / Ext.ux.grid.GridSummary plugins */
.x-grid3-summary-row{border-left:1px solid #fff;border-right:1px solid #fff;color:#333;background:#f1f2f4;}
.x-grid3-summary-row .x-grid3-cell-inner{font-weight:bold;padding-bottom:4px;}
.x-grid-hide-summary .x-grid3-summary-row{display:none;}
.x-grid3-summary-msg{padding:4px 16px;font-weight:bold;}
/* [REQUIRED] (by Ext.ux.grid.GridSummary plugin) */
.x-grid3-gridsummary-row-inner{overflow:hidden;}
.x-grid3-gridsummary-row-offset{width:10000px;}
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner{display:none;}
/* Ext.ux.grid.CellActions plugin) */
.ux-cell-value {position:relative; height:16px;}
.ux-cell-actions {position:absolute;right:0;top:-2px;}
.ux-cell-actions-left {left:0;top:-2px;}
.ux-cell-action {width:16px;height:16px;float:left;cursor:pointer;margin: 0 0 0 4px;visibility:visible;}
.ux-cell-actions-left .ux-cell-action {margin: 0 4px 0 0;}
.x-item-disabled .ux-cell-actions .ux-action-disable {visibility:hidden;}
/* Ext.ux.form.MultiSelect plugin */
.x-combo-list .x-combo-list-cursor{ border: 1px dotted #000000 !important; }
.x-combo-list-item{ cursor:pointer; }
.x-combo-list .x-combo-selected + .x-combo-selected{ border-top-color:#DFE8F6 !important; }
.x-combo-list .x-combo-selected + .x-combo-selected.x-combo-list-cursor{ border-top-color:#000000 !important; }
.jobbag-assignment-list .c1, .jobbag-assignment-list .c2, .jobbag-assignment-list .c3, .jobbag-assignment-list .c4 { padding-left:5px;border-color:#FFF;border-style: dotted;}
.jobbag-assignment-list .x-combo-list-cursor td {border-color:#000;}
.jobbag-assignment-list .c1 { border-width:1px 0 1px 1px;}
.jobbag-assignment-list .c1 div { overflow:hidden;}
.jobbag-assignment-list .c2, .jobbag-assignment-list .c3, .jobbag-assignment-list .c4 { border-width:1px 0;}
.jobbag-assignment-list .c2 div, .jobbag-assignment-list .c3 div, .jobbag-assignment-list .c4 div { overflow:hidden;}
.jobbag-assignment-list .c5 { border-width:1px 0;border-color:#FFF;border-style: dotted;}
.jobbag-assignment-list .c5 div { overflow:hidden;}
.jobbag-assignment-list .c6 { border-width:1px 0;border-color:#FFF;border-style: dotted;}
.jobbag-assignment-list .c6 div { overflow:hidden;}
.jobbag-assignment-list .c7 { border-width:1px 0;border-color:#FFF;border-style: dotted; white-space: nowrap; }
.jobbag-assignment-list .c7 div { overflow:hidden;}
.taskcolour-list .c1, .taskcolour-list .c2 { padding-left:5px;border-color:#FFF;border-style: dotted;}
.taskcolour-list .x-combo-list-cursor td {border-color:#000;}
.taskcolour-list .c1, .taskcolour-list .c2 { border-width:1px 0 1px 1px;}
.taskcolour-list .c1 div, .taskcolour-list .c2 div { overflow:hidden;}
/* Ext.ux.form.Spinner plugin */
.x-form-spinner-proxy{}
.x-form-field-wrap .x-form-spinner-trigger{background:transparent url(../../images/pagecontrols/spinner.gif) no-repeat 0 0;}
.x-form-field-wrap .x-form-spinner-overup{background-position:-17px 0;}
.x-form-field-wrap .x-form-spinner-clickup{background-position:-34px 0;}
.x-form-field-wrap .x-form-spinner-overdown{background-position:-51px 0;}
.x-form-field-wrap .x-form-spinner-clickdown{background-position:-68px 0;}
.x-trigger-wrap-focus .x-form-spinner-trigger{background-position:-85px 0;}
.x-trigger-wrap-focus .x-form-spinner-overup{background-position:-102px 0;}
.x-trigger-wrap-focus .x-form-spinner-clickup{background-position:-119px 0;}
.x-trigger-wrap-focus .x-form-spinner-overdown{background-position:-136px 0;}
.x-trigger-wrap-focus .x-form-spinner-clickdown{background-position:-153px 0;}
.x-trigger-wrap-focus .x-form-trigger{border-bottom:1px solid #7eadd9;}
.x-form-field-wrap .x-form-spinner-splitter{line-height:1px;font-size:1px;background:transparent url(../../images/pagecontrols/spinner-split.gif) no-repeat 0 0;position:absolute;cursor:n-resize;}
.x-trigger-wrap-focus .x-form-spinner-splitter{background-position:-14px 0;}
.no-splitter-bar .x-form-spinner-splitter{display:none;}
.no-splitter-bar .x-form-spinner-proxy{display:none;}
/* Ext.ux.form.TripleTriggerField plugin */
.x-form-twin-triggers .x-form-add-trigger{background-image:url(../../images/pagecontrols/trigger-add.gif);}
.x-form-twin-triggers .x-form-delete-trigger{background-image:url(../../images/pagecontrols/delete-trigger.gif);}
.x-form-twin-triggers .x-form-delete-trigger[class*=x-item-disabled] {background-image:url(../../images/pagecontrols/delete-trigger-disabled.gif);}
/* (ux) column-tree css */
.x-column-tree .x-tree-node{zoom:1;}
.x-column-tree .x-tree-node-el{zoom:1;}
.x-column-tree .x-tree-selected{background: #d9e8fb;}
.x-column-tree .x-tree-node a{line-height:18px;vertical-align:middle;}
.x-column-tree .x-tree-node a span{}
.x-column-tree .x-tree-node .x-tree-selected a span{background:transparent;color:#000;}
.x-tree-col{float:left;overflow:hidden;padding:0 1px;zoom:1;}
.x-tree-col-text, .x-tree-hd-text{overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;padding:3px 3px 3px 5px;white-space: nowrap;font:normal 11px arial, tahoma, helvetica, sans-serif;}
.x-tree-headers{background: #f9f9f9 url(../../extjs/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;cursor:default;zoom:1;}
.x-tree-hd{float:left;overflow:hidden;border-left:1px solid #eee;border-right:1px solid #d0d0d0;}
.task{background-image:url(../shared/icons/fam/cog.png) !important;}
.task-folder{background-image:url(../shared/icons/fam/folder_go.png) !important;}
/* (ux) boxselect css */
.x-boxselect { margin: 0; overflow: hidden; height: auto !important; }
.x-boxselect .x-boxselect-item { float: left; display: inline; list-style-type: none; margin: 3px 2px 2px 1px; line-height: 1em; -moz-user-select: none;}
body.ext-ie7 .x-boxselect .x-boxselect-item {margin: 3px 0 2px 3px;line-height: 1.2em;padding-bottom: 2px}
body.ext-ie6 .x-boxselect .x-boxselect-item {margin: 2px 0 2px 3px;line-height:1.1em;padding-bottom: 2px}
body.ext-gecko .x-boxselect .x-boxselect-item {margin: 1px 0 2px 3px;}
.x-boxselect .bit-box { position:relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 15px 1px 5px; }
.x-boxselect .bit-hover { background: #BBCEF1; border: 1px solid #6D95E0; }
.x-boxselect .bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
.x-boxselect .bit-input{}
.x-boxselect .bit-input input { margin: 1px 0 2px 0; border: 0; outline: 0; padding: 0; }
.x-boxselect .bit-input input.smallinput { width: 20px; }
.x-boxselect .bit-box a.closebutton { position: absolute; right: 4px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url(../../Images/PageControls/boxselect_close.gif); }
.x-boxselect .bit-box a.closebutton:hover { background-position: 7px; }
.x-boxselect .bit-box-focus a.closebutton, .x-boxselect .bit-box-focus a.closebutton:hover { background-position: bottom; }
.x-boxselect .bit-input input{background:none;}
.x-form-append { float: left; padding-right: 3px; }
.x-form-helptext { clear: both; font-size: 9px; color: #888; }
/* (ux) super boxselect css */
.x-superboxselect {position:relative; height: auto !important; margin: 0px; overflow: hidden; padding:2px; display:block; outline: none !important;}
.x-superboxselect ul {overflow: hidden; cursor: text;}
.x-superboxselect-display-btns {padding-right: 33px !important;}
.x-superboxselect-btns {position: absolute; right: 1px; top: 0; overflow:hidden; padding:2px;}
.x-superboxselect-btns div {float: left; width: 16px; height: 16px; margin-top: 4px;}
.x-superboxselect-btn-clear {background: url(../../Images/PageControls/superboxselect_clear.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-expand {background: url(../../Images/PageControls/superboxselect_expand.png) no-repeat scroll left 0px;}
.x-superboxselect-btn-over {background-position: left -16px}
.x-superboxselect-btn-hide {display:none;}
.x-superboxselect li {float: left; margin: 0 1px; padding: 0;line-height: 18px;}
.x-superboxselect-stacked li {float: none !important;}
.x-superboxselect-input input { border: none; outline: none; margin-top: 4px; margin-bottom: 4px;}
body.ext-ie .x-superboxselect-input input {background: none; border: none; margin-top: 3px;}
.x-superboxselect-item {position: relative; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; o-border-radius: 6px; khtml-border-radius: 6px; border: 1px solid #CAD8F3; background-color: #DEE7F8; padding: 1px 15px 1px 5px !important; }
body.ext-ie7 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 17px 4px 5px !important;}
body.ext-ie6 .x-superboxselect-item {margin: 2px 1px 2px 1px; line-height: 1.2em; padding: 2px 19px 4px 5px !important;}
.x-superboxselect-item .x-combo-list-item {border:none;}
.x-superboxselect-item-hover {background: #BBCEF1; border: 1px solid #6D95E0;}
.x-superboxselect-item-focus {border-color: #598BEC; background: #598BEC; color: #fff;}
.x-superboxselect-item-close {background: url(../../Images/PageControls/superboxselect_close.png) no-repeat scroll left 0px; border: none; cursor: default; font-size: 1px; height: 16px;padding:0; position: absolute; right: 0px; top: 2px; width: 13px;display:block;cursor:pointer;}
.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active { background-position: left -12px;}
.x-superboxselect-item-focus .x-superboxselect-item-close{ background-position: left -24px}
.x-item-disabled .x-superboxselect-item-close{ background-position: left -36px}
/* (ux) UploadDialog css */
.ext-ux-uploaddialog-addbtn {background: url('../../Images/PageControls/file-add.gif') no-repeat left center !important;}
.ext-ux-uploaddialog-removebtn {background: url('../../Images/PageControls/file-remove.gif') no-repeat left center !important;}
.ext-ux-uploaddialog-resetbtn {background: url('../../Images/PageControls/reset.svg') no-repeat left center !important;}
.ext-ux-uploaddialog-uploadstartbtn {background: url('../../Images/PageControls/upload-start.gif') no-repeat left center !important;}
.ext-ux-uploaddialog-uploadstopbtn {background: url('../../Images/PageControls/upload-stop.gif') no-repeat left center !important;}
.ext-ux-uploaddialog-indicator-stoped {width: 16px; height: 16px; background: url('../../Images/PageControls/done.gif') no-repeat center center;}
.ext-ux-uploaddialog-indicator-processing {width: 16px; height: 16px; background: url('../../Images/PageControls/loading.gif') no-repeat center center;}
.ext-ux-uploaddialog-state {text-align: center; background-position: center center; background-repeat: no-repeat;}
/* Queued */.ext-ux-uploaddialog-state-0 {background-image: url('../../Images/PageControls/uncheck.gif');}
/* Finished */.ext-ux-uploaddialog-state-1 {background-image: url('../../Images/PageControls/check.gif');}
/* Failed */ .ext-ux-uploaddialog-state-2 { background-image: url('../../Images/PageControls/failed.gif');}
/* Processing */ .ext-ux-uploaddialog-state-3 { background-image: url('../../Images/PageControls/file-uploading.gif');}
/* Progress bar fix */ .ext-ie7 .ext-ux-uploaddialog-dialog .x-progress-bar .x-progress-text div {display: none;}
.ext-ie7 .ext-ux-uploaddialog-dialog .x-progress-text-back { position: absolute; left: 0px; right: 0px; }
.ext-ie7 .ext-ux-uploaddialog-dialog .x-progress-text-back div {width: auto !important; white-space: nowrap;z-index:5000}
/* ext-ux-wiz */
.ext-ux-wiz-Header {background-color:white;border-bottom:1px solid #99BBE8; height:50px;}
.ext-ux-wiz-Header-title {font-weight: bold;padding: 4px 0px 0px 4px; float:left;}
.ext-ux-wiz-Header-filter {padding: 4px 4px 0px 0px; text-align:right;}
.ext-ux-wiz-Header-sub-title {padding: 4px 0px 0px 4px; position:absolute; left:0px; top:20px;}
.ext-ux-wiz-Header-step {color:#767676;text-align:right;padding:4px 4px 0px 0px;}
.ext-ux-wiz-Header-stepIndicator-container {float:right;margin-right:6px;margin-top:15px;margin-bottom:4px;}
.ext-ux-wiz-Header-stepIndicator {margin-left:28px;float:left;background-image:url(../../images/ext-ux-wiz-stepIndicator.svg);background-position:6px 0px;background-repeat:repeat-x;height:6px;width:6px;}
.ext-ux-wiz-Header-stepIndicator-active {background-position:0px 0px !important;}
/* ux/form/dualfield */
.ux-mselect{overflow:auto;background:white;position:relative; /* for calculating scroll offsets */zoom:1;overflow:auto; }
.ux-mselect-item{font:normal 12px tahoma, arial, helvetica, sans-serif;padding:2px;border:1px solid #fff;white-space: nowrap;cursor:pointer;}
.ux-mselect-selected{border:1px dotted #a3bae9 !important;background:#DFE8F6;cursor:pointer;}
/* FileUploadField component styles */
.x-form-file-wrap {position: relative;height: 22px;}
.x-form-file-wrap .x-form-file {position: absolute;right: 0;-moz-opacity: 0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;height: 22px;}
.x-form-file-wrap .x-form-file-btn {position: absolute;right: 0;z-index: 1;}
.x-form-file-wrap .x-form-file-text {position: absolute;left: 0;z-index: 3;color: #777;}
/* Workflow */
.x-form-element-nopadding .x-form-element{padding-left:0;}
.workflowSetupCheckboxAlign {float:right; padding-right:120px; overflow:hidden;}
/* Icon for URL's*/
.link-url-icon{display:inline-block;padding-left:20px;line-height:18px;background:transparent center left no-repeat;}
/* Home Page Unread Tasks Bold */
.x-grid3-body .bold .x-grid3-cell-inner {font-weight:bold !important;}
/* re-ordering fields (on translations) */
.field-order ul {border:1px dashed #C3D0DF; padding:3px; width:-3px; height:100%;}
.field-order-dd ul.ul-hover {border-color:#73808F !important; background-color:#FFC; }
.field-order ul.sortable-list li.placeholder { background-color:#eee; border-color:#ccc; }
.field-order .spacer {display: table-cell; vertical-align: top; padding: 3px; width: 33%;}
/* for the dragged item */
.field-order li.sortable-item,
.x-dd-drag-proxy .x-dd-drag-ghost li.sortable-item { font: 11px arial,helvetica,sans-serif; list-style-type: none; line-height:22px; margin-bottom: 2px; padding: 0 0 0 10px; border: 1px solid #CCC; background-color: #fff; position: relative; }
.field-order-dd li.sortable-item { cursor:move; }
.field-order-dd .sortable-item .btn-view-document,
.field-order-dd .sortable-item .btn-edit {position:absolute; top:2px; right:2px; width:16px; height:16px; cursor:inherit;}
.field-order-dd .sortable-item .btn-edit {right:18px; }
.x-dd-drag-proxy .x-dd-drag-ghost li.sortable-item,
.field-order .sortable-item-hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.55, #DDF0FF), color-stop(0.57, #CEDFF4) );background:-moz-linear-gradient( center top, #DDF0FF 55%, #CEDFF4 57% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDF0FF', endColorstr='#CEDFF4'); }
/* Timetracker */
.timetracker {font-family: Arial, Verdana; font-size:11px;}
.timetracker .btn-stopwatch-play, .timetracker .btn-stopwatch-pause, .timetracker .btn-stopwatch-stop {height: 32px !important; padding-left: 34px !important; background: transparent url(../../images/PageControls/stopwatch.gif) no-repeat !important; cursor: pointer; cursor:hand;}
.timetracker .btn-stopwatch-play {background-position: 0 0 !important;}
.timetracker .btn-stopwatch-pause {background-position: 0 -32px !important;}
.timetracker .btn-stopwatch-stop {background-position: 0 -64px !important;}
/* JobBag - EJS Gantt Chart */
.GEGanttResource {font:10px tahoma,arial,verdana,sans-serif;}
.GEFillRow {background:none repeat-x scroll 0 -500px #FFF; margin-bottom:2px;}
.GENoDataRow {background-color:#FFF; border-left:1px solid #99BCE8; border-right:1px solid #99BCE8; border-top:1px solid #99BBE8; margin-left:2px; margin-right:2px; padding-left:0; }
.GEMainTable .GENoDataRow .GECellSpace.GEHtml > div {width: auto !important; border-right:0 none;}
.GETop, .GEBottom {display: none;}
.GEHeadLeft, .GEHeadMid, .GEHeadRight {border-top:0 none;}
.GEMainTable, .GEHeadLeft, .GEBodyLeft, .GEFootLeft, .GEHScrollLeft {border-left:0 none;}
.GEMainTable, .GEHeadRight, .GEBodyRight, .GEFootRight, .GEHScrollRight {border-right:0 none;}
/* Shifts the Flow bar below the main bar for ExtJS style */
.GEGanttFlowOut,.GEGanttFlowHtmlOut { margin-top:17px; }
.GEGanttFlowHover { margin-top:16px; }
/* Vertically centers text in all cells */
.GEHtml,.GEText,.GELines,.GEInt,.GEFloat,.GEDate { padding-top:5px; }
.GEClassSelected {color: inherit;}
.GEMenuHead {background: none repeat-x scroll 0 -2px #2266BB; font-weight:600;}
/*custom loading spinner*/
.cellLoader {
animation: 0.6s linear 0s normal none infinite rotation;
-webkit-animation: 0.6s linear 0s normal none infinite rotation;
border-color: #000000 transparent transparent;
border-radius: 100% 100% 100% 100%;
border-style: dotted;
border-width: 1px;
height: 10px;
margin: 0 auto 0 100px;
position: absolute;
width: 10px;
}
@-webkit-keyframes rotation {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(359deg);}}
@-moz-keyframes rotation {from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(359deg);}}
@-o-keyframes rotation {from {-o-transform: rotate(0deg);}to {-o-transform: rotate(359deg);}}
@keyframes rotation {from {transform: rotate(0deg);}to {transform: rotate(359deg);}}
/* Activity stream item detail popup grid */
.activitystream-gridrow { background: none !important; }
.activitystream-gridrow, .activitystream-acgridrow { border: 0; }
.activitystream-mention { color: #00e; }
.activitystream-escalate { color: #f00; }
/*Toolbar sprites*/
.activitystream-detailwindow .x-window-body .x-tool { background-image: url(../../Images/PageControls/activitystream.png); }
.activitystream-detailwindow .x-tool-job, .activitystream-detailwindow .x-tool-job-over { background-position: center -60px; }
.activitystream-detailwindow .x-tool-item, .activitystream-detailwindow .x-tool-item-over { background-position: center -45px; }
.activitystream-detailwindow .x-tool-handback, .activitystream-detailwindow .x-tool-handback-over { background-position: center -30px; }
.activitystream-detailwindow .x-tool-time, .activitystream-detailwindow .x-tool-time-over { background-position: center -255px; }
.activitystream-detailwindow .x-tool-subscribe, .activitystream-detailwindow .x-tool-subscribe-over { background-position: center -240px; }
.activitystream-detailwindow .x-tool-return, .activitystream-detailwindow .x-tool-return-over { background-position: center -270px; }
/**********************
* ________ _________ _ _
* | ____\ \ / /__ __| | | | |
* | |__ \ V / | | _ __ __ _| |_ ___| |__ ___ ___
* | __| > < | | | '_ \ / _` | __/ __| '_ \ / _ \/ __|
* | |____ / . \ | | | |_) | (_| | || (__| | | | __/\__ \
* |______/_/ \_\ |_| | .__/ \__,_|\__\___|_| |_|\___||___/
* | |
* |_|
* (EXT patches)
*/
/*body background to white when loading..*/
.x-border-layout-ct {background:#FFF;}
/*menu titles*/
.menu-title {background:none repeat scroll 0 0 #D6E3F2;border-color:#DAE6F4 #99BBE8 #99BBE8 #DAE6F4;border-style:solid;border-width:1px;color:#15428B;display:block;font:bold 10px tahoma,arial,verdana,sans-serif;margin:-2px -2px 0;padding:3px;}
/*grideditor checkbox */
.x-editor .x-form-check-wrap {padding:0;}
/* cause the body of the panel wrapped around forms to scroll automatically. */
.chasedoc-wrapper,
.chasedoc-wrapper-body {overflow-y:auto !important; overflow-x:hidden;}
.chasedoc-wrapper-body {padding:10px;}
/* Patch for scrolling content in IE : http://extjs.com/forum/showthread.php?t=18168 */
.ext-ie .x-grid3,
.ext-ie .x-grid3-hd-inner,
.ext-ie .x-grid3-scroller,
.ext-ie .x-grid3-topbar,
.ext-ie .x-grid3-bottombar,
.ext-ie .x-grid3 .x-editor .x-form-text,
.ext-ie .x-toolbar {position: static !important;}
.ext-ie .x-paging-info {display: none;}
.ext-ie .x-grid3-hd-btn {display: none;}
/* make disabled toolbar buttons look more opaque */
.x-toolbar .x-item-disabled{color:gray;cursor:default;opacity:.35;-moz-opacity:.35;filter:alpha(opacity=35);}
.x-toolbar .btn-tasks-nav .x-item-disabled .x-btn-text {color:gray;cursor:default;opacity:.35;-moz-opacity:.35;filter:alpha(opacity=35);}
/* for the Ext.ux.StaticTextField */
textarea.x-static-text-field,
.x-item-disabled, /* warning : watch out with this one. It's pretty universal (added by Joshua ; comment by Joshua) */
.x5-item-disabled,
.x5-item-disabled .x5-form-text-field-body .x5-form-trigger-wrap,
.x5-item-disabled .x5-form-text-field-body .x5-form-text-wrap,
.x5-item-disabled .x5-form-text-field-body .x5-form-text-wrap input,
.x5-item-disabled .x5-form-arrow-trigger-default,
div.x-item-disabled input,
div.x-item-disabled textarea,
input.x-item-disabled,
textarea.x-item-disabled,
input.x-static-text-field {background:transparent; border:none; color:#000 !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100) !important;}
input.x-item-disabled {position:relative;top:2px;}
div.x-item-disabled img.x-form-trigger {visibility:hidden; display:none; /* display "none" setting just so that the job bags' "notes" buttons will not have a gap between them. */}
.x-toolbar textarea.x-static-text-field,
.x-toolbar div.x-item-disabled input,
.x-toolbar div.x-item-disabled textarea,
.x-toolbar input.x-item-disabled,
.x-toolbar textarea.x-item-disabled,
.x-toolbar input.x-static-text-field {background-color:#fff;background-image:url(../../extjs/images/default/form/text-bg.gif);border:1px solid #b5b8c8;color:#000 !important; -moz-opacity:1 !important; opacity:1 !important; filter:alpha(opacity=100) !important;}
.x-toolbar input.x-item-disabled {position:relative;top:2px;}
.x-toolbar div.x-item-disabled img.x-form-trigger {visibility:visible; display:inline;}
.x-toolbar img.x-item-disabled {float:right;}
.x-item-disabled .x-grid3-cell-inner {-moz-user-select:text !important;}
/* for the Job Notes view archived notes dialog */
.archive-notes-wrap { padding:4px; border:1px solid #EEE; }
.archive-notes-wrap p { padding:2px; }
.archive-notes-wrap p.head { color: #069; }
/* for the menu more dialog (_core\menu.js) */
.dataview-menuitem-wrap { padding:3px; border:1px solid #EEE; position: relative; }
.dataview-menuitem-wrap div { padding:2px; }
.dataview-menuitem-icon { border: 0 none; height: 16px; width: 16px; vertical-align: top; padding: 0; margin: 0; }
/* for the wizard launchpad dialog (_wizardbase.js) */
.dataview-group-header { border-bottom: 1px solid #99BBE8; color: #15428B; font-weight: bold; line-height: 22px; padding-left: 4px; }
.dataview-item-wrap { padding:6px; border:1px solid #EEE; margin:2px; min-height:65px; }
.x-grid-group-body-Jobs .dataview-item-wrap { margin-right:0px; }
.dataview-item-wrap p { color:#069; font-weight:bolder; }
.dataview-item-wrap div { padding:2px; }
.x-view-selected { background-color:#EFEFEF; background-image:url(../../extjs/images/default/grid/row-over.gif); border-color:#DDDDDD;background-size: 100% 100%;background-repeat: no-repeat;}
.wiz-visible { visibility:visible; display:block;}
.wiz-hidden { visibility:hidden; display:none;}
.wiz-filter-field { width:187px !important;}
.wiz-clear-filter { background: url(../../Images/PageControls/superboxselect_close.png) no-repeat scroll left 0px !important; border: none !important; height: 13px !important; width: 13px !important; background-position: left -0px !important; position:absolute; right:13px; top:2px !important;}
.combo-selection-required {border:1px solid red;}
/*for changelog dialog*/
.dataview-category-header {color: #15428B; font-weight: bold; font-size: 15px; line-height: 26px; padding-left: 4px; position:relative;}
.dataview-category-header:hover {cursor: pointer}
.dataview-category-header .buttonright {position:absolute; right:5px; top:3px;border-width: 1px;border-color: #BBB; width: 85px}
.dataview-category-subheader {color: #15428B; font-weight: bold; font-size: 13px; line-height: 26px; padding-left: 4px; position:relative;}
.dataview-category-subheader:hover {cursor: pointer}
.dataview-category-wrap { padding:6px; margin:2px; min-height:45px; }
.dataview-group-item {padding:5px;padding-bottom:10px;font-size:12px;color:#2277FF;border-bottom: 1px gray dotted;}
.dataview-group-item-over {cursor: pointer}
.dataview-group-item-description {padding:3px; font-size:11px; color:#666; font-weight:normal}
.dataview-group-item-url {padding:3px; font-size:11px; color:#666; font-weight:normal}
.dataview-navigate {right:2%; height: 100%; width: 7%; position: absolute; cursor: pointer;}
.dataview-navigate:hover {background-color: rgba(255,255,255,0.2)}
/* for editor grid's checkbox field */
.grid-checkbox-editor {visibility:visible !important; top:2px !important; }
.greyBg {background-color:#E7E7E7;}
/* disabled grids */
.x-grid3-row .x-item-disabled,
.x5-grid-row-disabled, .x-grid3-row-disabled {background-color:#EEE; color:#555; opacity:1; -moz-opacity:1; filter:alpha(opacity=100);}
.ux-row-action-disabled .ux-action-disable,
.ux-row-action-setdisabled-set1, .ux-action-setdisable-set1,
.ux-row-action-setdisabled-set2, .ux-action-setdisable-set2 {opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
/* AddressCombo combo */
.multiline-combo-list .x-combo-list-item {height:auto !important; padding:2px;margin:1px; border:1px solid #C3D0DF; white-space:normal; min-height:15px;}
/* For search filters */
.search-filter-box { width: 100% }
.search-dialog-filter input {border-top:0 none; border-right:0 none;}
.x-tab-panel-header .inline-toolbar-item {height:23px !important;}
/* the inner list was appearing offset by x,y pixels. This sorts it out.
this behaviour was seen in the combo inner lists, then shortly thereafter in the notes window's htmleditor on 08 October 2008.
switching the include from ext-all-debug.js to ext-all.js also fixes it.
ENHANCEMENT! Find out what is causing the offset behaviour.
*/
.x-combo-list .x-combo-list-inner {top: 0 !important; left:0 !important;}
/* ext.css removes all styling from the ol, ul. This makes the notes row not show lists correctly. */
.x-grid3-row-body ol {list-style-type:decimal;list-style-position:inside;padding-left:30px;color:inherit;}
.x-grid3-row-body ul {list-style-type:disc;list-style-position:inside;padding-left:30px;color:inherit;}
.x-grid3-row-body {background-color:#FFF;}
/* adjusting the Ext TextArea padding so that the scrollbar is flush with the right side */
textarea.x-form-field{padding:2px 0 2px 3px;}
/* cause columns to fill height of their container */
.maxHeight .x-column-inner{ height:90%; }
/* Notes in the expanded portion of the grid; must be selectable */
.grid-notes {padding:2px 0 3px 8px; border-top:1px solid #EEE;-moz-user-select:text;}
.x-grid3-row .x-grid3-body-cell,
.x-grid3-summary-row .x-grid3-body-cell {-moz-user-select:all !important; -khtml-user-select:auto !important; -webkit-user-select:auto !important;}
/* the "in list" of the reports has 2 fieldsets that mustn't have the items selectable as above. */
.reports-grid .x-grid3-row .x-grid3-body-cell,
.reports-grid .x-grid3-summary-row .x-grid3-body-cell {-moz-user-select:none !important; -khtml-user-select:none !important; -webkit-user-select:none !important;}
/* padding for the link to the PO inside the Cost Sheet grid */
.x-grid3-cell-inner {padding:3px 0;}
/* button groups should space the buttons apart slightly */
.x-btn-group-notitle .x-plain-mc .x-table-layout .x-table-layout-cell {padding-right:5px;}
/* push the border on the triple trigger html editor field down one level */
.triple-trigger .x-html-editor-wrap{border:none !important;}
.triple-trigger .x-item-disabled iframe {border-color:#FFF !important;}
.cke_editor .cke_bottom div {color:#777; padding-left:13px; padding-top:6px;}
/* cause twin triggers to line up with the field on the jobbag tasks grid.
NB: if you need to change this from top:2px for ANY REASON,
please ensure that the Assign To list on the JobBag still looks fine.
*/
.jobbag-grid .x-grid3-scroller .x-form-field-wrap .x-form-twin-triggers .x-form-trigger {position:relative; top:2px;}
/* DEV-384 : Prevent Grid headers from overflowing text with ellipsis */
.x-grid3-hd .x-grid3-hd-inner {text-overflow: inherit;}
/*Specifically made for the long list of fields being tracked in revision history*/
#GlobalSettings .x-grid3-cell-inner {white-space: normal}
/***********************
* _______ _ _ _
* |__ __(_) | | | |
* | | _ _ __ ___ ___ ___| |__ ___ ___| |_ ___
* | | | | '_ ` _ \ / _ \/ __| '_ \ / _ \/ _ \ __/ __|
* | | | | | | | | | __/\__ \ | | | __/ __/ |_\__ \
* |_| |_|_| |_| |_|\___||___/_| |_|\___|\___|\__|___/
*
* These styles are specific to TimeSheets
*/
/* Timesheet grid input fields */
.suppresspadding .x-grid3-cell-inner {padding : 0; width:100%;}
.suppresspadding .x-grid3-cell-inner INPUT {width:100%;}
.highlight-current-day {background-color:#FC0 !important; border-left-color:#FC0; border-right-color:#FC0; font: normal 11px/13px tahoma, arial, verdana, sans-serif;}
.highlight-current-day-last {border-bottom-color:#FC0;padding-bottom:2px; font: normal 11px/13px tahoma, arial, verdana, sans-serif;}
.highlight-current-day-addnew-window {border-bottom:2px solid #FC0;padding-top:2px; font: normal 11px/13px tahoma, arial, verdana, sans-serif;}
.highlight-holiday-day {background-color:#f47650 !important; border-left-color:#f47650; border-right-color:#f47650; font: normal 11px/13px tahoma, arial, verdana, sans-serif;}
.highlight-holiday-addnew-window {border-bottom:2px solid #f47650;padding-top:2px; font: normal 11px/13px tahoma, arial, verdana, sans-serif;}
.highlight-weekend-day {background-color:#999; border-left-color:#999; border-right-color:#999; font: normal 11px/13px tahoma, arial, verdana, sans-serif;}
.highlight-weekend-day-last {border-bottom-color:#999;padding-bottom:2px; font: normal 11px/13px tahoma, arial, verdana, sans-serif;}
/* These are workflow related classes for colours depending on Workflow Status */
.x-time-declined {background-color:#FF3333 !important; border-left-color:#FF3333; border-right-color:#FF3333;}
.x-time-pending {background-color:#FFCC33;}
.x-time-approved {background-color:#66FF66;}
.x-time-disabled {width:99%; height:22px;}
.x-time-disabled p {margin-left:4px;padding-top:4px;}
.ts-grid-total {font-weight:100;color:#777777;}
/* the notes field on TimeSheets must not be uppercased */
.materialsgrid .x-grid3-row td p.grid-notes, .timesheetgrid .x-grid3-row td p.grid-notes {text-transform:none;}
/* fix for the timesheets grid so that the text in the input boxes are selectable */
.materialsgrid .x-grid3-row td, .materialsgrid .x-grid3-summary-row td input,
.timesheetgrid .x-grid3-row td, .timesheetgrid .x-grid3-summary-row td input{-moz-user-select:text;}
div.x-listview-total-row { clear: left; overflow: hidden; zoom: 1; }
div.x-listview-total-row div.listview-total-cell { display: block; float: left; overflow: hidden; }
/* Styling for total cells. */
div.x-listview-total-row div.listview-total-cell em { -x-system-font: none; font-family: arial,tahoma,helvetica,sans-serif; font-size: 11px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: bold; line-height: normal; -moz-user-select: none; display: block; overflow: hidden; padding: 3px 4px; }
/*Firefox was interpreting the auto part of "overflow: auto" as though it needed to be scroll, and as such, left scrollbars everywhere*/
#timepanel form .x-form-item {overflow: hidden}
/* _ _ _
* | | | | | |
* ___ ___| |__ ___ __| |_ _| | ___ _ __
* / __|/ __| '_ \ / _ \/ _` | | | | |/ _ \ '__|
* \__ \ (__| | | | __/ (_| | |_| | | __/ |
* |___/\___|_| |_|\___|\__,_|\__,_|_|\___|_|
*/
.zone1 {background: transparent url("../../Images/scheduler zones/blue1.png") repeat !important;}
.zone2 {background: transparent url("../../Images/scheduler zones/blue2.png") repeat !important;}
.zone3 {background: transparent url("../../Images/scheduler zones/green.png") repeat !important;}
.zone4 {background: transparent url("../../Images/scheduler zones/orange.png") repeat !important;}
@media screen {
.anychart .chart {display: block; padding: 0; margin: 0;}
.anychart img {display: none; }
}
@media print {
.anychart .chart {display: none; padding: 0; margin: 0;}
.anychart img {display: block; }
}
/* | | (_) | |
* _____ ___ __ ___ _ __| |_ __ ___ ______ _ _ __ __| |
* / _ \ \/ / '_ \ / _ \| '__| __| \ \ /\ / / |_ / _` | '__/ _` |
* | __/> <| |_) | (_) | | | |_ \ V V /| |/ / (_| | | | (_| |
* \___/_/\_\ .__/ \___/|_| \__| \_/\_/ |_/___\__,_|_| \__,_|
* | |
* |_|
*/
.exportwizard-settings fieldset {width:98%;}
.exportwizard-settings fieldset .x-form-item {}
.exportwizard-settings fieldset .x-form-item label.x-form-item-label,
.exportwizard-settings fieldset .x-form-item .x-form-field {display:inline;}
.exportwizard-settings fieldset .x-form-item label.x-form-item-label {width:200px; font-weight:bold; text-align:right;}
.exportwizard-settings fieldset .x-form-item .x-form-field {background:none repeat scroll 0 0 transparent;border:0 none;line-height:18px;position:relative;top:2px;width:200px;}
.exportwizard-settings fieldset .x-form-item table.x-btn {display:inline;left:370px;position:absolute;}
/***********************
* _ _ ___
* | | | | |__ \
* ___ | |_| |__ ___ _ __ ) |
* / _ \| __| '_ \ / _ \ '__/ / /
* | (_) | |_| | | | __/ | |_|
* \___/ \__|_| |_|\___|_| (_)
*
* (other) - for styles that aren't specific to any other division.
*/
.h30 {height:30px;}
.posT1 {position:relative;top:1px;}
.posT2 {position:relative;top:2px;}
.posAbs {position:absolute;}
.posTR {top:0px;right:0px;}
.posR0 {right:0px;}
.posRel {position:relative;}
.posStat {position:static;}
.pLT15 {padding-left:19px; padding-top:15px;}
.pLR5 {padding-left:5px; padding-right:5px;}
.pL18 {padding-left:18px !important;}
.pL100 {padding-left:100px !important;}
.p10 {padding:10px;}
.p0 {padding:0 !important;}
.pR0 {padding-right:0px;}
.pR5 {padding-right:5px;}
.pR20 {padding-right:20px;}
.pR50 {padding-right:50px;}
.pT3 {padding-top:3px;}
.pT5 {padding-top:5px;}
.mT5 {margin-top:5px;}
.pB5 {padding-bottom:5px;}
.mB0 {margin-bottom:0;}
.mLR5 {margin-left:5px; margin-right:5px;}
.mLR10 {margin-left:10px; margin-right:10px;}
.mR5 {margin-right:5px;}
.m5 {margin:5px;}
.mA {margin:auto;}
.aR {text-align:right !important;}
.aC {text-align:center !important;}
.aL {text-align:left !important;}
.grey333 {color:#333;}
.clear {clear:both;}
.fl {float:left;}
.fr {float:right;}
.df {display:flex;}
.faE {align-items:flex-end;}
.bgWhite {background-color:#FFF;}
.cursor-hand{cursor:hand; cursor:pointer;}
.cursor-move{cursor:move;}
.va-middle {vertical-align:middle !important;}
.redText {color:#F30;}
.loginErrorText {color:#F65;}
.greyText {color:#999;}
.boldText {font-weight:600;}
.highlightText {background-color:yellow;font-weight:600;padding:0 !important;}
.w100 {width:100px !important;}
.displayNone{display:none !important;}
.cellBtn .x-grid3-cell-inner {padding:0px;}
.inline {display:inline;}
.inline-block{display:inline-block;}
.infoPanel {position:absolute; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #99BBE8; z-index:20000; background: #a7c7dc;
background: -moz-linear-gradient(top, #a7c7dc 0%, #85b2d3 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7c7dc), color-stop(100%,#85b2d3));
background: -webkit-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); background: -o-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%); background: -ms-linear-gradient(top, #a7c7dc 0%,#85b2d3 100%);
background: linear-gradient(to bottom, #a7c7dc 0%,#85b2d3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7c7dc', endColorstr='#85b2d3',GradientType=0 );}
.infoPanel .title {font-weight:bold;width:100%;}
.infoPanel .heading-line {margin-top:0px;border-top: 1px solid #8EA4C1;height:1px;}
.infoPanel .content {width:100%;white-space:normal;word-wrap:break-word;overflow-y:auto;}
.infoPanel .bottom {position:absolute; bottom:0px;}
#forecasting_ce_legend { float:right;padding-right:100px }
#forecasting_ce_legend td { font-size: 10px; }
#forecasting_ce_legend td span { text-align:right !important; }
.w16 {width:16px;}
.h16 {height:16px;}
.maxWidth {width:96% !important;} /* 96% to allow some margin*/
#MyTasks .x-grid3-row-over .x-grid3-td-8:hover [id*=btn-info] {display: block !important;}
.aligntop { vertical-align: top }
/**********************
* _ _ _ _ _
* | (_) | | | | | |
* | |_ ___| |_ ___ ___| |_ _ _| | ___ ___
* | | / __| __/ __| / __| __| | | | |/ _ \/ __|
* | | \__ \ |_\__ \ \__ \ |_| |_| | | __/\__ \
* |_|_|___/\__|___/ |___/\__|\__, |_|\___||___/
* __/ |
* |___/
*/
.x-combo-list .border-top {border-top:3px double #A3C4E3 !important;}
.x-combo-list .border-bottom {border-bottom:3px double #A3C4E3 !important;}
/* for when a table is used in a tpl, in a combo: necessary for proper spacing */
tr.x-combo-list-item td {padding-left:5px;}
tr.x-combo-list-item td div {overflow:hidden;}
.inline {display:inline;}
.chaseMultiList .c1, .chaseMultiList .c2, .chaseMultiList .c3, .chaseMultiList .c4, .chaseMultiList .c5, .chaseMultiList .cp {display:inline-block;margin-right:4px;overflow:hidden;padding-left:3px;}
.chaseMultiList .c2, .chaseMultiList .c3, .chaseMultiList .c4, .chaseMultiList .c5 {border-left:1px solid #DEF;}
.worktypeList .c1 {width:150px;color:#0562BB;font-weight:bold;}
.worktypeList .c2 {width:50px; text-align:center;}
.worktypeList .c3 {width:150px;}
.worktypeList .c4 {width:100px;}
.worktypeList .c5 {width:50px;}
.worktypeList .cp {width:20px;}
.supplierList .c1 {width:250px;color:#0562BB;font-weight:bold;}
.supplierList .c2 {width:100px;}
.clientList .c1 {width:250px;color:#0562BB;font-weight:bold;}
.clientList .c2 {width:100px;}
/* WorkType Posting Group List */
.workTypePostingGroupList .c1 {min-width: 35%; text-align: left; }
.workTypePostingGroupList .c2 {min-width: 20%; text-align: left; }
.workTypePostingGroupList .c3 {min-width: 15%; text-align: left; }
.workTypePostingGroupList .c4 {min-width: 30%; text-align: left; }
/* time tracker list */
.timetracker dl {display: inline-block; position: relative; width: 100%; border-bottom: 1px dashed #99BBE8; min-height:40px;cursor:pointer;}
.timetracker dl dt {float:none !important;}
.timetracker dl .c1 {padding: 3px 80px 3px 5px; white-space: normal; border-left: 5px solid transparent;}
.timetracker dl .c2 {color: #005599; font-size: 20px; position: absolute; right: 0; top: 10px; width:80px; text-align:left;}
.timetracker dl .red-robot {border-left-color: red;}
.timetracker dl .orange-robot {border-left-color: orange;}
.timetracker dl .green-robot {border-left-color: green;}
.timetracker dl .notes {border-top: 1px solid #CCC; margin-top: 5px; padding: 3px; }
/* more list styles*/
.border-blue {border-left:3px double #99BBE8;border-right:1px double #99BBE8;padding:0 !important;width:1px !important;}
.border-none {border:none !important;}
.bl0 {border-left-width:0px;}
.word-wrap div {white-space:normal !important;}
.x-filter-view {border-radius:5px; height:17px; width:150px;}
.x-filter-view .x-form-item {float:left; position:relative; border:1px solid black; overflow:hidden; padding:2px 20px 2px 2px; margin:1px; cursor:hand; cursor:pointer; border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; border-color:#85A7D4;}
.x-filter-view .x-form-item .btn-delete {position:absolute; top:2px; right:2px; visibility:hidden; width:16px; height:16px; }
.x-filter-view .x-filter-view-over {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.55, #DDF0FF), color-stop(0.57, #CEDFF4) );background:-moz-linear-gradient( center top, #DDF0FF 55%, #CEDFF4 57% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDF0FF', endColorstr='#CEDFF4'); }
.x-filter-view .x-filter-view-over .btn-delete {visibility:visible !important; }
.shortcut-window {position:absolute;background-color:#F0F0F0;font-size:10px;border:solid black 1px;z-index:10000;}
.shortcut-window-heading { color:#666666;}
.shortcut-window-heading .left {float:left;}
.shortcut-window-heading .right {
float: right;
font-weight: bold;
cursor: pointer;
cursor: hand;
padding: 0px 5px 0px 5px;
background-color: grey;
}
.shortcut-window-content {width:500px;height:400px;overflow:scroll;background-color:#FFF;}
.shortcut-window-content .groupHeader {background-color:#F0F0F0;color:#3C78B5;}
.shortcut-window-content table {width:100%;}
.shortcut-window-content td {font-size:10px;}
.shortcut-window-content input {width:50px; font-size:10px;}
.btn-tagtip {background: transparent url(../../images/DocumentImages/tagtip.png) no-repeat !important; width:16px; height:16px; z-index:9000; position:absolute; text-align:center; padding-top: 1px;}
.btn-tagtip-win {z-index:9999 !important;}
.sml-btn {background: transparent url(../../images/DocumentImages/shortcut.svg) no-repeat !important; width:16px; height:16px; text-align:center;}
.sml-btn2 {
background-color: #49A2B0;
border-radius: 25px;
color: white;
padding-left: 10px;
}
.summary-row-item {margin-left: 12px}
/**********************
* __ _ _ _
* / _| | | | | | |
* | |_ ___ _ __ | |_ ___| |_ _ _| | ___ ___
* | _/ _ \| '_ \| __| / __| __| | | | |/ _ \/ __|
* | || (_) | | | | |_ \__ \ |_| |_| | | __/\__ \
* |_| \___/|_| |_|\__| |___/\__|\__, |_|\___||___/
* __/ |
* |___/
* (font styles)
*/
/*
font styles & sizes that are set here
affect the entire extjs implementation. (try to not declare font-family / sizes elsewhere.)
*/
.x-form-check-wrap input {margin-top:4px;}
.x-form-field,
.x-combo-list-item,
.x-combo-item,
.x-static-text-field,
.x-form-item {outline:none; font: normal 11px arial,verdana,tahoma; /*possibly only relevant on the Chase.dialog.createRelatedDocument footer checkbox-text*/ white-space:nowrap; line-height:16px;}
.ux-mselect-item,
.x-combo-list-item,
.x-combo-item {height:16px; padding-top:1px; padding-bottom:1px;}
.x-combo-list-hd > div {height: 18px;line-height: 18px;}
.x-form-text {height:22px !important;}
input.x-static-text-field,
.x-small-editor .x-form-text{height:20px !important;}
input.x-item-disabled {height:16px !important;}
/* adjusting the Ext TextArea padding so that the scrollbar is flush with the right side */
textarea.x-form-field{padding:2px 0 2px 3px; white-space: pre;}
.home-panel .x-panel-body {background:transparent url(../../images/wallpapers/desk.jpg) no-repeat center center;}
.set-text-red { color: #FF0000 !important;}
#replyText { color: grey !important;font-size: 14px !important;border-top: solid 1px lightblue !important;padding: 20px !important;}
#replyText a { color: grey !important;}
.tool-img, .tool-expand, .tool-collapse {background-image:url(../../ExtJs5/images/tools/tool-sprites.gif) !important; background-repeat:no-repeat !important; background-position:inherit inherit !important; cursor: pointer; cursor:hand;}
.tool-expand { background-position: 0 -330px !important; }
.tool-collapse { background-position: 0 -345px !important; }
.x5-scroll-container {
overflow-x: hidden;
overflow-y: auto !important;
position: relative
}
/* link integration icons */
.btn-jira {
background: url(../../Images/jiralogo_16.svg) 0 0 no-repeat !important;
}
.btn-msteams {
background: url(../../Images/msTeams-logo.svg) 0 0 no-repeat !important;
}
.btn-msplanner {
background: url(../../Images/msPlanner-logo.svg) 0 0 no-repeat !important;
}
.btn-basecamp {
background: url(../../Images/basecamp-paperclip-logo.svg) 0 0 no-repeat !important;
}
.btn-asana {
background: url(../../Images/asana-logo.svg) 0 0 no-repeat !important;
}
.btn-trello {
background: url(../../Images/trello-mark-blue.svg) 0 0/16px 16px no-repeat !important;
}
.btn-msoutlook {
background: url(../../Images/outlook-calendar.svg) 0 0/16px 16px no-repeat !important;
}
.btn-googlecalendar {
background: url(../../Images/google-calendar.svg) 0 0/16px 16px no-repeat !important;
}