@charset "utf-8";
/* CSS Document */

/* --- Start Import CSS Files --- */
@import url("../../../MasterPages/structure.css");
@import url("../../../Script/Ext/resources/css/ext-all.css");
/* --- End Import CSS Files --- */

/* --- Global Properties --- */
@font-face {
    font-family: 'latoregular', Segoe UI !important;
	src: url('../Fonts/Lato-Regular.woff2') format('woff2'),
		 url('../Fonts/Lato-Regular.woff') format('woff'),
		 url('../Fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../Fonts/Lato-Regular.ttf') format('truetype');
	src: url('../Fonts/Lato-Regular.eot');
    font-weight: normal;
    font-style: normal;
}
body{ font-size: 100%; font-family: 'Roboto', sans-serif !important; font-size: 14px; }
.main-mnu-new ul li {
    height: 37px;
}

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
.sub-mnu-new ul li a.current
{
    padding: 6px !important;
}}
a { text-decoration:none; color:#900;}
a:hover { text-decoration:none; color:#990;}
.x-grid3 table {
    border-collapse: collapse;
}
.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td, .x-panel-tl .x-panel-header {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    /*this was causing space between editor rows*/
    /*height: 25px;*/
}
.x-btn button, .x-tab-strip span.x-tab-strip-text, .x-btn em {
    font-family: 'Roboto', sans-serif !important;
    font-size: 13px; 
}
.x-grid3-cell-inner, .x-grid3-hd-inner {
    padding: 10px 5px;
    font-size: 12px;
}
.x-grid3-row td, .x-grid3-summary-row td {
    line-height: 17px;
    border: 1px solid #e6e6e6;
    padding-left: 0px;
    padding-right: 0px;
}
.x-grid3-row-expander {
    margin-top: 8px;
}

.grid-lnk-btn {
    background-color: #fff;
    border: 1px solid #0072c6;
    color: #0072C6;
    padding: 5px;
    text-decoration: none;
    transition: background-color 0.5s, color 0.5s;
    font-family: 'Lato', sans-serif !important;
    font-size: 105%;
}

.grid-lnk-btn:hover {
    background-color: #005899;
    color: #fff;
}

/* ---  Global Properties  --- */
.struct-width { max-width:100% !important; width:100% !important;}

/* --- Application Top Most Toolbar   --- */
.apptoolbar {background:#e4e4e4;}
.app-tb a { color:#333333; }
.logout-ico { border:none; background:url(../images/icons/icon-logout.gif) no-repeat scroll 0 0;}

/* --- Application Header   --- */
.clntlogo { background:url(../images/client-logo/clt-logo.gif) no-repeat scroll 0 0;}
.applogo { background:url(../images/app-logo/app-logo.gif) no-repeat scroll top right;}
.biz { background-color:#203D5B; }
.biz-statmnt { font-family:'latoregular', Segoe UI; font-size:13px; color:#fff; }
.clndr { font-family:'latoregular', Segoe UI; font-size:13px; color:#fff; background:url(../images/icons/icon-calendar.gif) no-repeat scroll 0 4px;}

/* ---  Application Main Menu  --- */
.main-mnu { background:#9cf url(../images/menubg.gif);}
.main-mnu ul li a, .main-mnu ul li a:hover, .main-mnu ul li a .current {color:#fff; border-left:1px solid #4a7dac; border-right:1px solid #add7ff;}
.main-mnu ul li a{text-decoration:none; }
.main-mnu ul li a:hover{ background:#9cf url(../images/menubgovr.gif) scroll 0 0; }
.main-mnu ul li a.current{ background:#9cf url(../images/menubgovr.gif) scroll 0 0; }

.sub-mnu{ background-color:#7fc7fc; border-bottom:2px solid #ddd; }
.sub-mnu ul { font: 13px 'latoregular', Segoe UI;}
.sub-mnu ul li a{text-decoration:none; color:#fff; }
.sub-mnu ul li a:hover{ background:#9cf url(../images/menubgovr.gif);  color:#fff;}
.sub-mnu ul li a.current{ background:#9cf url(../images/menubgovr.gif);  color:#fff;}

/* ---  Bread-Crumbs  --- */
.brdcrmb ul{color:#999; font-family:'latoregular', Segoe UI; font-size:13px;}
.brdcrmb ul li a { color:#999; text-decoration:underline; background:url(../images/brd-crumb.gif) no-repeat scroll 0 4px;}
.brdcrmb ul li a:hover { color:#069;}
.brdcrmb ul li span a{ color:#069;}

/* ---  Application Content Area  --- */
#app-cntnt { background-color: #fff;}
.pg-ttl { background:#fff;}
.pg-ttl .rgtcrnr { background: #fff;}
.pg-ttl .rgtcrnr h1 { font-size:16px; font-family: 'latoregular', Segoe UI; font-weight:400; font-style:normal; margin-top: 5px; margin-left: 10px; margin-right: 10px; }
.pg-ttl .rgtcrnr h1 a { font-size:14px; font-family: 'latoregular', Segoe UI; font-weight:400; font-style:normal; color:#fff; }
.pg-ttl .rgtcrnr h1 a:hover { color:#069; opacity: 0.9; }
.pg-ttl .rgtcrnr h1 span a { color:#069; }
/*.pg-appcntnt{ border:1px solid #333;}*/

.app-form td span, .app-form span, .x-form-cb-label, .lbl_td, .lbl_td2, #tblContent td span, #tblFields td span
{
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}

/*---------------------------------------------------------*/
/* --  Shift to Structure.css  -- */.x-panel { margin: 5px 0 0 0 !important;}
.x-grid3-viewport {overflow:auto;}
.x-grid3-header-offset {
	background: #f3f3f3;
    cursor: default;
    zoom: 1;
    padding: 1px 0 0 0;
    border-bottom: solid 1px #e6e6e6;
}
.x-grid3-header div { position: relative;}
.x-form-num-field { text-align: right;}

.Excel{ background-image: url(../Images/excel.png) !important; }
.x-panel-tl .x-panel-header {
	color: #181818;
    font-weight: normal;
    font-size: 14px;
    padding: 8px 3px 1px;
}

/* - The Left and Right Border Corners of the Form and Grid Heading --- */

.x-panel-tl{
	background: #f3f3f3;
    padding-left: 6px;
    zoom: 1;
    border-top: solid 1px #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-left: solid 1px #e6e6e6;
}
.x-panel-tr{
	background: #f3f3f3;
    zoom: 1;
    padding-right: 6px;
    border-right: solid 1px #e6e6e6;
}
.x-panel-bc{
	background: #fff;
    zoom: 1;
    border-bottom: solid 1px #e6e6e6;
}
.x-panel-bl{
	padding-left: 0px;
    zoom: 1;
	background:none !important;
	border-bottom: solid 1px #e6e6e6;
	border-left: solid 1px #e6e6e6;
}
.x-panel-br{
	background: #fff;
    padding-right: 0px;
    zoom: 1;
	border-right: solid 1px #e6e6e6;
}
.x-panel-tc{background:#f3f3f3}
.x-panel-bwrap {
    overflow: hidden;
    zoom: 1;
    left: 0;
    top: 0;
}

/* - - Panel Body Left Right Border Color  - -*/
.x-panel-ml{
	background: #fff;
    padding-left: 3px;
    zoom: 1;
    border-left: solid 1px #e6e6e6;
}
.x-panel-mr{
	background: #fff;
    padding-right: 3px;
    zoom: 1;
	border-right: solid 1px #e6e6e6;
}
/* - - Panel Body Background Color  - -*/
.x-panel-mc 
{
    background:#fff none repeat scroll 0 0;
    padding-top: 3px;
}
.x-panel-nofooter .x-panel-bc
{
    height: 3px;
}
.x-panel-bc .x-panel-footer
{
    padding-bottom: 0px;
}

/*--Data Readonly clss */
.app-form-detail td.rd-only-dt {font-weight:bold; font-family:font-family: 'latoregular', Segoe UI; font-size:12px; padding:0; margin:0; }
.app-form-detail td.rd-only-dt span {padding:0 10px; margin:5px 0;float:left !important;text-align:left !important; font-family:font-family: 'latoregular', Segoe UI; font-size:12px; padding:0; margin:0;}
.app-form-detail td.dt-lbl { padding:0 ; float:left !important; position:inherit;}
.app-form-detail td.dt-lbl { padding:0 ; float:left !important; position:inherit;}

/* for popup forms */
.app-form-popup td span , .app-form-popup span,.app-form-popup td input, app-form-popup input,.app-form-popup td textarea , app-form-popup textarea {font-family:font-family: 'latoregular', Segoe UI; font-size:12px !important;}

/*===========================*/
/* --- // FORM LAYOUT // --- */


/*#InputPanel {margin:0 5px; padding:0;}
#searchResults {margin:0 5px; padding:0;}*/
/*
.x-form-check{background:url('../images/default/form/checkbox.gif') no-repeat 0 0;}
.x-form-radio{background:url('../images/default/form/radio.gif') no-repeat 0 0;}
*/

/*--- Text Fields Background ---*/
.ext-gecko .x-form-text{padding-top:2px;padding-bottom:0;}
.ext-strict .x-form-text{height:18px;}
/*
.ext-gecko .x-form-text{padding-top:2px;padding-bottom:0;}
.x-form-text,textarea.x-form-field{padding:1px 3px;background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;border:1px solid #B5B8C8;}
*/
/*--- Text Fields Trigger Sprites ---*/

.x-form-field-wrap .x-form-trigger{width:30px;height:29px;border:0;background:transparent url(../images/Sprites/trigger.gif) no-repeat 0 0;cursor:pointer;position:absolute;top:0;right:2px !important;border: solid 1px #bababa;border-left: 0px;}
.x-form-field-wrap .x-form-date-trigger{background-image:url(../images/Sprites/date-trigger.gif);cursor:pointer;}
.x-form-field-wrap .x-form-clear-trigger{background-image:url(../images/Sprites/clear-trigger.gif);cursor:pointer;}
.x-form-field-wrap .x-form-search-trigger{background-image:url(../images/Sprites/search-trigger.gif);cursor:pointer;}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{position:static;top:auto;vertical-align:top;}
.x-form-field-wrap .x-form-trigger-over{background-position:-30px 0;}
.x-form-field-wrap .x-form-trigger-click{background-position:-30px 0;}
.x-trigger-wrap-focus .x-form-trigger{background-position:-60px 0;}
.x-trigger-wrap-focus .x-form-trigger-over{background-position:-60px 0;}
.x-trigger-wrap-focus .x-form-trigger-click{background-position:-60px 0;}
.x-item-disabled *{color:#62aef0 !important;cursor:default!important;}
.x-item-disabled .x-form-trigger-over{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}
.x-item-disabled .x-form-trigger-click{background-position:0 0!important;border-bottom:1px solid #B5B8C8;}
.x-form-focus,textarea.x-form-focus{border:1px solid #7eadd9;}
/*.x-form-field-wrap .x-form-trigger{width:17px;height:21px;border:0;background:transparent url(../images/Sprites/trigger.gif) no-repeat 0 0;cursor:pointer;border-bottom:1px solid #B5B8C8;position:absolute;top:0;}*/


/*--- Form Toggle Sprite ---*/

.x-tool{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(../images/Sprites/tool-sprites.gif) no-repeat;margin-left:2px;}
/*.x-tool{overflow:hidden;width:15px;height:15px;float:right;cursor:pointer;background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;margin-left:2px;}*/
.x-tool-toggle{background-position:0 -60px;}
.x-tool-toggle-over{background-position:-15px -60px;}
.x-panel-collapsed .x-tool-toggle{background-position:0 -75px;}
.x-panel-collapsed .x-tool-toggle-over{background-position:-15px -75px;}
.x-tool-close{background-position:0 -0;}
.x-tool-close-over{background-position:-15px 0;}
.x-tool-minimize{background-position:0 -15px;}
.x-tool-minimize-over{background-position:-15px -15px;}
.x-tool-maximize{background-position:0 -30px;}
.x-tool-maximize-over{background-position:-15px -30px;}
.x-tool-restore{background-position:0 -45px;}
.x-tool-restore-over{background-position:-15px -45px;}
.x-tool-gear{background-position:0 -90px;}
.x-tool-gear-over{background-position:-15px -90px;}
.x-tool-pin{background-position:0 -135px;}
.x-tool-pin-over{background-position:-15px -135px;}
.x-tool-unpin{background-position:0 -150px;}
.x-tool-unpin-over{background-position:-15px -150px;}
.x-tool-right{background-position:0 -165px;}
.x-tool-right-over{background-position:-15px -165px;}
.x-tool-left{background-position:0 -180px;}
.x-tool-left-over{background-position:-15px -180px;}
.x-tool-up{background-position:0 -210px;}
.x-tool-up-over{background-position:-15px -210px;}
.x-tool-down{background-position:0 -195px;}
.x-tool-down-over{background-position:-15px -195px;}
.x-tool-refresh{background-position:0 -225px;}
.x-tool-refresh-over{background-position:-15px -225px;}
.x-tool-minus{background-position:0 -255px;}
.x-tool-minus-over{background-position:-15px -255px;}
.x-tool-plus{background-position:0 -240px;}
.x-tool-plus-over{background-position:-15px -240px;}
.x-tool-search{background-position:0 -270px;}
.x-tool-search-over{background-position:-15px -270px;}
.x-tool-save{background-position:0 -285px;}
.x-tool-save-over{background-position:-15px -285px;}
.x-tool-help{background-position:0 -300px;}
.x-tool-help-over{background-position:-15px -300px;}
.x-tool-print{background-position:0 -315px;}
.x-tool-print-over{background-position:-15px -315px;}



/*===========================*/
/* --- // GRID LAYOUT // --- */

/* --- Loading Indicator --- */
/*
.loading-indicator{font-size:11px;background-image:url(../images/default/grid/loading.gif);background-repeat:no-repeat;background-position:left;padding-left:20px;line-height:16px;margin:3px;}
.x-toolbar .ytb-sep{background-image:url(../images/default/grid/grid-blue-split.gif);background-position:center;background-repeat:no-repeat;display:block;font-size:1px;height:16px;width:4px;overflow:hidden;cursor:default;margin:0 2px 0;border:0;}
*/

/*===========================*/
/* --- // TABS LAYOUT // --- */
/*
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close{background-image:url(../images/default/tabs/tab-close.gif);opacity:.6;-moz-opacity:.6;background-repeat:no-repeat;display:block;width:11px;height:11px;position:absolute;top:3px;right:3px;cursor:pointer;z-index:2;}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{background-image:url(../images/default/tabs/tab-close.gif);opacity:1;-moz-opacity:1;}

/* ---  Login Page  --- */
#LoginPanel {}
#tblLogin {}
#tblLogin tr td {}
#tblLogin span {}
#tblLogin input {}

#popuppanel .x-window-plain .x-window-body{border:1px solid #F3F3F3; background:#fff !important;}
/*
.x-window-tc{background:transparent url(../images/default/window/top-bottom.png) repeat-x 0 0;overflow:hidden;zoom:1;}
.x-window-tl{background:transparent url(../images/default/window/left-corners.png) no-repeat 0 0;padding-left:6px;zoom:1;z-index:1;position:relative;}
.x-window-tr{background:transparent url(../images/default/window/right-corners.png) no-repeat right 0;padding-right:6px;}
.x-window-bc{background:transparent url(../images/default/window/top-bottom.png) repeat-x 0 bottom;zoom:1;}
.x-window-bl{background:transparent url(../images/default/window/left-corners.png) no-repeat 0 bottom;padding-left:6px;zoom:1;}
.x-window-br{background:transparent url(../images/default/window/right-corners.png) no-repeat right bottom;padding-right:6px;zoom:1;}
*/

.app-form-detail td input.buttonhide,.app-form-detail input.buttonhide {background:transparent url(../images/btn-bg.gif) no-repeat 0 bottom !important; border:0px solid #00f !important;}
.DoesntExist
{
    color:white;
    background:#000;
}
.HideRow
{
   display:none;
}
.red-row
{
    color:white;
    background:Red;
}

/* Web2Print */

.W2PTextBox
{
    width: 170px;
    background: #fff;
    border: solid 1px #BABABA;
    padding: 3px !important;
    height: 19px !important;
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}

.W2PDropDown
{
    width: 178px;
    background: #fff;
    border: solid 1px #BABABA;
    padding: 4px 0px 4px 0px !important;
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}

.W2PMTextBox
{
    width: 170px;
    background: #fff;
    border: solid 1px #BABABA;
    padding: 3px !important;
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}

.W2PMBtnTextBox
{
    width: 170px;
    background: #fff;
    border: solid 1px #BABABA;
    padding: 3px !important;
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}

.W2PMTextBoxBtn
{
    width: 30px;
    height: 24px;
    vertical-align: top;
}

.W2PParaTextBox
{
    width: 1000px;
    height: 200px;
    padding:5px;
}

.W2PDatTextBox
{
    width: 170px;
    background: #fff;
    border: solid 1px #BABABA;
    padding: 3px !important;
    height: 19px !important;
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}

.FieldNameCell
{
    width: 150px;
    height: 10px;
	padding:5px;
	color:#ffffff;
	background-color:#18426a;
	font-weight:bold;
	min-width:150px;
}

.FieldValueCell
{
	padding:5px;
}

.SavenPreviewButton
{
    width: 163px;    
    height: 30px;
}
.x-grid3-cell{vertical-align: middle !important;}

.touchscreenbutton .x-btn-left,.x-btn-right{font-size:1px;line-height:1px;}
.touchscreenbutton .x-btn-left{width:3px;height:42px;background:url(../images/default/button/btn-sprite2.gif) no-repeat 0 0;}
.touchscreenbutton .x-btn-right{width:3px;height:42px;background:url(../images/default/button/btn-sprite2.gif) no-repeat 0 -42px;}
.touchscreenbutton .x-btn-left i,.x-btn-right i{display:block;width:3px;overflow:hidden;font-size:1px;line-height:1px;}
.touchscreenbutton .x-btn-center{background:url(../images/default/button/btn-sprite2.gif) repeat-x 0 -84px;vertical-align:middle;text-align:center;padding:0 5px;cursor:pointer;white-space:nowrap;}

.touchscreenbutton .x-btn-focus .x-btn-left{background-position:0 -294px !important;}
.touchscreenbutton .x-btn-focus .x-btn-right{background-position:0 -336px !important;}
.touchscreenbutton .x-btn-focus .x-btn-center{background-position:0 -378px !important;}
.touchscreenbutton .x-btn-over .x-btn-left{background-position:0 -126px !important;}
.touchscreenbutton .x-btn-over .x-btn-right{background-position:0 -168px !important;}
.touchscreenbutton .x-btn-over .x-btn-center{background-position:0 -210px !important;}
.touchscreenbutton .x-btn-click .x-btn-center{background-position:0 -252px !important;}
.touchscreenbutton .x-btn-click .x-btn-right{background-position:0 -168px !important;}
.touchscreenbutton .x-btn-click .x-btn-left{background-position:0 -126px !important;}

.touchscreenpanel .x-panel-btns-ct .x-btn-focus .x-btn-left{background-position:0 -294px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-focus .x-btn-right{background-position:0 -336px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-focus .x-btn-center{background-position:0 -378px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-over .x-btn-left{background-position:0 -126px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-over .x-btn-right{background-position:0 -168px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-over .x-btn-center{background-position:0 -210px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-click .x-btn-center{background-position:0 -252px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-click .x-btn-right{background-position:0 -168px !important;}
.touchscreenpanel .x-panel-btns-ct .x-btn-click .x-btn-left{background-position:0 -126px !important;}

.estReviewDeptOtherPrice
{
   /* background-color: #BBD1EF;
    color:#15428B;*/
}

.estReviewTotalPrice
{
   /* background-color: #21629E;
    color: #FFFFFF;*/
}

.cont_margin
{
  font-size: 11px;
}

.estReviewTableBackground
{
    background-color: #BBD1EF;
}

.lookupField
{
    height: 19px !important;
}

.padLeft2
{
    padding-left: 2px!important;
}

.upper-case
{
    text-transform: uppercase;
}

.btnRedText .x-btn-text
{
    color: #D92D1B !important;
}

.btnAlignLeft
{
    position: absolute;
    left: 15px;
    margin-top: -15px;
}

.btnRed
{
    /* IE10 Consumer Preview */ /* Mozilla Firefox */ /* Opera */ /* Webkit (Safari/Chrome 10) */ /* Webkit (Chrome 11+) */ /* W3C Markup, IE10 Release Preview */
    border: 1px solid #D92D1B !important;
    border-color: transparent;
}
.btnRed button {
    color: #fff !important;
}
.btnRed td
{
    /* IE10 Consumer Preview */
    background: #D92D1B !important; /* Mozilla Firefox */ /* Opera */ /* Webkit (Safari/Chrome 10) */ /* Webkit (Chrome 11+) */ /* W3C Markup, IE10 Release Preview */
}
.btnRed .x-btn-left
{
    background-position: 0px -168px;
}

.btnAmber
{
    /* IE10 Consumer Preview */ /* Mozilla Firefox */ /* Opera */ /* Webkit (Safari/Chrome 10) */ /* Webkit (Chrome 11+) */ /* W3C Markup, IE10 Release Preview */
    border: 1px solid #FFBF00 !important;
    border-color: transparent;
}
.btnAmber button {
    color: #fff !important;
}
.btnAmber td
{
    /* IE10 Consumer Preview */
    background: #FFBF00 !important; /* Mozilla Firefox */ /* Opera */ /* Webkit (Safari/Chrome 10) */ /* Webkit (Chrome 11+) */ /* W3C Markup, IE10 Release Preview */
}
.btnAmber .x-btn-left
{
    background-position: 0px -168px;
}

.btnGreen
{
    /* IE10 Consumer Preview */ /* Mozilla Firefox */ /* Opera */ /* Webkit (Safari/Chrome 10) */ /* Webkit (Chrome 11+) */ /* W3C Markup, IE10 Release Preview */
    border: 1px solid #00b050 !important;
    border-color: transparent;
}
.btnGreen button {
    color: #fff !important;
}
.btnGreen td
{
    /* IE10 Consumer Preview */
    background: #00b050 !important; /* Mozilla Firefox */ /* Opera */ /* Webkit (Safari/Chrome 10) */ /* Webkit (Chrome 11+) */ /* W3C Markup, IE10 Release Preview */
}
.btnGreen .x-btn-left
{
    background-position: 0px -168px;
}

.btnAddressLabel {
    position: absolute;
    left: calc(50% - 100px);
    margin-top: -10px;
}

.progressParentDisable
{
    position: fixed;
    top: 0;
    left: 0;
    background: #CCC;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 9999998;
    height: 100%;
    width: 100%;
}
#progress
{
    position: absolute;
    z-index: 9999999;
    display: none; 
    background: white url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;
    border: 1px solid #cd335c;width:140px;padding-top:5px;height:25px;padding-right:6px;
    position:fixed;
    top: 50%;
    left: 50%; font: normal 12px 'latoregular', Segoe UI
}
#loadingMsg
{
    float:right;
}

.x-grid-group-hd {
    border-bottom: 1px solid #c8c8c8;
    padding: 9px;
}
.x-grid-group-hd div {
    font-size: 12px;
    padding-top: 3px;
}
.x-grid-panel .x-panel-mc .x-panel-body {
    border: 1px solid #e6e6e6;
}
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background: #e8e6e6;
}
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
    border-right: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3; 
}
.x-grid3-hd-inner {
    position: relative;
    cursor: inherit;
    padding: 9px 3px 9px 5px;
    text-shadow: 0px 1px 0px #fff;
}
.x-grid3-row-over {
    background: none;
    color: #0072C6;
}
.x-grid3-row-selected {
    background-color: #fafafa !important;
    border-left: none !important;
    box-shadow: 2px 0 0 0 #F4A11E inset;
    color: #0072C6;
}
.x-grid3-row {
    cursor: default;
    border: none;
    border-top-color: #fff;
    width: 100%;
    padding: 0px;
}
.x-grid3-header .x-grid3-td-numberer {
    width: 29px!important;
    text-align: center!important;
}
.x-grid3-td-numberer
{
    width: 25px!important;
}
.x-toolbar {
    border-color: #a9bfd3;
    border-style: solid;
    border-width: 0 0 1px 0;
    display: block;
    padding: 2px;
    background: #f3f3f3;
    position: relative;
    zoom: 1;
}
.x-panel-bbar .x-toolbar {
    border: 1px solid #e6e6e6;
    border-top: 0 none;
    overflow: hidden;
    padding: 2px;
}
.x-panel-bbar{
    /*margin-top: -20px;*/
}
.x-paging-info {
    padding-top: 5px;
}

.app-form td textarea, app-form textarea
{
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}
.x-form-text, textarea .x-form-field
{
    background: #fff;
    border: solid 1px #BABABA;
    padding: 3px !important;
    height: 19px !important;
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}
table.app-form td, .app-form-search td {
    vertical-align: middle;
}
.x-combo-list {
    border: 1px solid #BABABA;
    background: #fff;
}
.x-combo-list .x-combo-selected {
    border: 1px solid #f3f3f3 !important;
    background: #f3f3f3;
    cursor: pointer;
}
.ext-safari .x-form-field-wrap .x-form-trigger {
    height: 25px;
}
.x-small-editor .x-form-field-wrap .x-form-trigger {
	height: 25px;
}
.x-form-trigger .x-form-arrow-trigger .x-form-trigger-over {
    padding-bottom: 1px!important;
}
.x-btn-left, .x-btn-right, .x-btn-center {
    background: #fff;
    padding: 2px 0px 4px 0px !important;
    font-family: 'latoregular', Segoe UI !important;
}
.x-btn {
    border: 1px solid #0072c6;
}
.x-btn-icon {
    border: initial;
}

.x-btn:hover .x-btn-left, .x-btn:hover .x-btn-right, .x-btn:hover .x-btn-center {
    background:#005899;
}
.x-btn button, .x-btn em {
    color: #0072c6;
}
.x-btn:hover .x-btn-left button, .x-btn:hover .x-btn-right button, .x-btn:hover .x-btn-center button {
    color: #fff;
}
.x-btn .x-btn-center em {
    display: block;
}
.ext-strict .x-small-editor .x-form-text {
    height: 19px !important;
}
.ftr {
    background: #282828;
}
.ftr-mnu-cr span {
    text-decoration: none;
    color: #fff;
    border-left: 0;
    border-right: 1px solid #e6e6e6;
}
.ftr-mnu-ver span {
    border-right: 1px solid #e6e6e6;
    color: #fff;
}
.ftr-mnu-lnk ul li a {
    color: #fff;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
}
.x-window-tc {
    background: #0072c6;
}
.x-window-tl .x-window-header {
    color: #fff;
padding: 12px 5px;

}
.x-window-tl {
    background: #0072c6;
}
.x-window-tr {
    background: #0072c6;
}
.x-window-ml {
    background: #fff;
    padding-left: 0px;
}
.x-window-mr {
    background: #fff;
    padding-right: 0px;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top: 0px;
}
.x-window-mc, .x-window-bl, .x-window-br, .x-window-bc  {
    border: 0px;
    background: #fff;
}
.x-window-bl {
    padding-left: 0px;
}
.x-window-br {
    padding-right: 0px;
}
.x-window-bc .x-window-footer {
    padding-bottom: 0px;
}

.red-back
{
    background: red !important;
    color: #fff;
}
.green-back
{
    background: #00b050 !important;
    color: #fff;
}

/*----------------------- 27-Dec-2017------------*/

input[type="button"], input[type="submit"], .btn-default
{
    background: #fff;
    padding: 6px;
    color: #0072c6;
    border: 1px solid #0072c6;
}
input[type="button"]:hover, .btn-default:hover
{
    background:#005899;
    color: #fff;
}
.btn-default {
    min-width: 80px;
}
.x-date-left a {
    width: 20px;
    height: 20px;
    border: solid 2px #fff;
    border-radius: 50%;
    opacity: 1;
}
.x-date-right a {
    width: 20px;
    height: 20px;
    border: solid 2px #fff;
    border-radius: 50%;
    opacity: 1;
}
.x-date-middle, .x-date-left, .x-date-right {
    background: #0072c6;
}
.x-date-inner th {
    background: #fff;
    border-bottom: 0px;
}
.x-date-bottom {
    border-top:0px;
    background: #0072c6;
}
.x-date-inner a {
    background: #D9D9D9;
}
.x-date-inner .x-date-prevday a, .x-date-inner .x-date-nextday a {
    background: #fff;
}
.x-date-inner .x-date-selected a {
    background: #0072c6;
    color:#fff;
}
.x-date-inner .x-date-today a {
    border:0px;
}
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
    color: #fff;
    background: #0072c6;
}
.x-date-picker > table
{
    width:230px !important;
}
ul.x-tab-strip-top{
    background:#f3f3f3;
    border:0px
}
.x-tab-panel-header{
    border:0px;
}
.x-tab-strip-active{
    border-bottom: 3px solid #F4A11E;
}
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner {
    background: none;
}
.x-tab-strip-active span.x-tab-strip-text {
    font-weight: normal;
    padding: 10px;
    margin-bottom: 5px;
}
.x-tab-strip span.x-tab-strip-text {
    color: #000;
    padding: 8px 0;
}
.x-toolbar table .x-btn-text{
    color:#000;
    /*padding-bottom:12px;*/
    font-size:12px;
}
.x-toolbar table .x-btn-text:hover{
    color:#fff;
}
.x-tree-node .x-tree-selected
{
    background-color: #f3f3f3;
}
.x-menu-item-active {
    background: #fff;
    border: 1px solid #fff;
    padding: 0;
}
.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left {
    background: #0072c6;
}
.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center {
    background: #0072c6;
}
.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right {
    background: #0072c6;
}

.x-toolbar .x-btn-click .x-btn-left button, .x-toolbar .x-btn-pressed .x-btn-left button, .x-toolbar .x-btn-menu-active .x-btn-left button {
    color: #fff;
}
.x-toolbar .x-btn-click .x-btn-center button, .x-toolbar .x-btn-pressed .x-btn-center button, .x-toolbar .x-btn-menu-active .x-btn-center button {
    color: #fff;
}
.x-toolbar .x-btn-click .x-btn-right button, .x-toolbar .x-btn-pressed .x-btn-right button, .x-toolbar .x-btn-menu-active .x-btn-right button {
    color: #fff;
}
.x-panel {
    border-color: #f3f3f3 ;
}
.x-tab-panel-body {
    border: 1px solid #f3f3f3;
}
.x-tab-panel-header, .x-tab-panel-footer {
    background: #f3f3f3;
}
.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top: 1px solid #f3f3f3;
}
.x-panel-tbar .x-toolbar {
    border: 1px solid #f3f3f3;
}
.x-window-plain .x-window-mc {
    background: #fff !important;
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3; 
    border-top: 1px solid #f3f3f3; 
    border-left: 1px solid #f3f3f3; 
}
.x-window-plain .x-window-body {
   background: #fff !important; 
    border-right: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3; 
    border-top: 1px solid #f3f3f3; 
    border-left: 1px solid #f3f3f3; 
}

.x-date-mp-btns td {
    border-top: 1px solid #e6e6e6;
}
.x-date-mp-btns {
    background: #f3f3f3;
}
.x-date-mp-btns button {
    background: #0072c6;
    border-color: #0072c6;
}
td.x-date-mp-sel a {
    background: #0072c6;
    border: 1px solid #0072c6;
    color: #fff;
}
.x-panel-bbar input {
    width: 25px !important;
}
.x-tbar-page-number {
    background: #fff;
    border: solid 1px #BABABA;
    width: 25px !important;
    height: 19px !important;
}
.x-tbar-loading{background-image:url(../images/default/grid/refresh.png)!important;}
.x-toolbar {
    height:30px !important;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top: 0px;
}
.ext-ie .x-date-menu {
    width:230px !important;
}
.x-panel-header {
    background:#f3f3f3;
    border: 1px solid #e6e6e6;
    color: #000;
    font-weight: normal;
    font-family: 'latoregular', Segoe UI !important;
    font-size: 13px;
    text-shadow: 1px 1px 0px #FFFFFF;
    height: 22px;
    padding-top: 8px;
}
.x-border-layout-ct { background:#fff; }
.x-panel-body { border:0px; }
.x-combo-noedit {
    min-height: inherit;
    outline: none!important
}
.lookupBtn .x-btn-left, .lookupBtn .x-btn-right, .lookupBtn .x-btn-center {
    background: #fff !important;
    padding: 0px  !important;
    height: 25px;
}
.lookupBtn {
    border-left: 0;
    border-right: solid 1px #BABABA;
    border-bottom: solid 1px #BABABA;
    border-top: solid 1px #BABABA;
    margin-left: -4px !important;
    width: 30px !important;
}
.lookupBtn .x-btn-center button { color:#000 !important; }
#LoginPanel .x-btn-left {background: #f3f3f3;border-left: solid 1px #e6e6e6;}
#LoginPanel .x-btn-right {background: #f3f3f3;border-right: solid 1px #e6e6e6;}
#LoginPanel .x-btn-center {background: #f3f3f3;border-top: solid 1px #e6e6e6;border-bottom: solid 1px #e6e6e6;}
#LoginPanel .x-btn:hover .x-btn-left, #LoginPanel .x-btn:hover .x-btn-right, #LoginPanel .x-btn:hover .x-btn-center {background: #f3f3f3;}
#LoginPanel .x-btn button, #LoginPanel .x-btn:hover .x-btn-left button, #LoginPanel .x-btn:hover .x-btn-right button, #LoginPanel .x-btn:hover .x-btn-center button, #LoginPanel .x-btn em {color: #181818;}

.panel-font-bwrap {
    font-family: 'latoregular', Segoe UI !important;
    font-size: 12px;
}

.products li {
    margin: 7px!important;
}

.gridex li {
    width: 166px!important;
}

input[type="checkbox"],input[type="radio"],.x-form-check {
    width: 16px;
    height: 16px;
}
.x-form-check-focus .x-form-check,.x-form-check-over .x-form-check {background-position:-16px 0;}
.x-form-check-down .x-form-check {background-position:-32px 0;}
.x-form-check-checked .x-form-check-focus .x-form-check,.x-form-check-checked .x-form-check-over .x-form-check {background-position:-16px -16px;}
.x-form-check-checked .x-form-check-down .x-form-check {background-position:-32px -16px;}
.x-form-check-checked .x-form-check {background-position:0 -16px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.x-form-text{height: 19px !important;}
}
@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
 /* IE9 CSS*/
.main-mnu-new ul li a {line-height:36px; padding:9px;}
.main-mnu-new ul li a:hover{line-height:36px;}
.main-mnu-new ul li a.current {padding-bottom: 15px;}
.ext-ie .x-form-text{margin:inherit !important;}
.x-form-field-wrap .x-form-trigger{margin-top:1px;}
.ext-ie td .x-form-text{top:1px;position:relative;}
.ext-ie textarea.x-form-field{top:1px;position:relative;}
.ext-safari .x-form-field-wrap .x-form-trigger {height: 26px;}
.lookupBtn {margin-top:2px;}
}

.cart_box 
{
    position: absolute;
    right: 8px;
    top: 6px;
}
.cart_box img {
    display: inline-block;
    margin-right: 5px;
}
.cart_box span{
    position: relative;
    top: -9px;
}
.status_approved {
    color: #8EC63F;
}
.status_rejected {
    color: #F26C4F;
}
.status_awaiting {
    color: #F7941D;
}
.status_text
{
}
.image_button
{
    cursor:pointer;
    margin: 2px;
}
.asset_buttons
{
    text-align: center;
    padding-top: 10px;
}
.read_comments {
    color: #8EC63F!important;
}
.new_comments {
    color: #F26C4F!important;
}

#catalogPanel .x-panel,
#groupPanel .x-panel {
    margin: 0 !important;
}
.footer {
    font-size: 12px;
    text-align: center;
}
.footer_bg {
    background: #282828;
    padding: 5px 6px;
    color: #fff;
    font-size:12px;
}
.border_box {
    padding: 5px 5px;
    padding-left: 14px;
    border-left: solid 1px #fff;
    margin: -5px 0px;
    display: inline-block;
    margin-left: 6px;
}
.footer_bg .border_box:last-child {
    border-right: solid 1px #fff;
    padding-right: 15px;
}
.footer_bg a {
    color: #fff;
}
.footer_bg a:hover {
    color: #fff;
    text-decoration:underline;
}

.redText
{
    color: #D92D1B!important;
}

.btn-miniOrange {
    color: #212529!important;
    background-color: #ffc107!important;
    border-color: #ffc107!important;
    border-radius: 0px;
}

.btn-azureAD, .btn-azureAD:hover {
    color: #fff!important;
    background-color: #0067b8!important;
    border-color: #0067b8!important;
    border-radius: 0px;
}

.power_icon-1 a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  border-radius: 50px;
  margin-right: 5px;
  background: #005899;
  font-size: 14px;
  color: #FFF!important;
  font-weight: bold;
  min-width: 40px;
  height: 40px;
  text-align: center;
}

.flt-right-item {
    margin-right: 30px;
    color: white;
    display: inline-flex;
}
.flt-right-item:hover {
    color: white !important;
}
.flt-right-item i {
    color: #ffc000;
    margin-right: 5px;
    font-size: 20px;
}

.arrows-1 {
    height: 20px;
    position: absolute;
    left: 45%;
    margin-left: -30px;
    bottom: 100px;
    color: white;
}

.arrows-3 {
    height: 40px;
    position: absolute;
    left: 45%;
    margin-left: -30px;
    bottom: 20px;
    color: white;
}

.arrows {
    width: 60px;
    height: 72px;
	position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: 20px;
    color: white;
}

.arrows path {
	stroke: #2994D1;
	fill: transparent;
	stroke-width: 1px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

.blue_container {
    position: relative;
}

html {
    scroll-behavior: smooth;
}

.light_blue_box_rev {
    border-left: solid 5px #00ffff;
    background: #262350;
    padding: 5px 10px;
    color: white;
}

.content_phy_img {
    max-width: 600px;
    margin: 0 auto 30px;
}

.flfo {
    right: 0px;
}

.content_phy {
    position: relative;
}

/* --- Login --- */
.s-login h2 {
    color: #1a526f;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

.s-login label {
    margin-bottom: 4px;
    color: #1a526f;
}

.s-login .form-control {
    height: 35px !important;
    width: 100% !important;
    border-color: #9dc9d7 !important;
    border-radius: 0px;
    margin-bottom: 15px;
    background-color: white !important;
}

.s-login .form-control:focus {
    background: white;
    color: #1a526f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.s-login .form-control:hover {
    background: white;
    color: #1a526f;
}

.s-login .form-control::-webkit-input-placeholder { /* Edge */
    background: white;
    color: #1a526f;
}

.s-login .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    background: white;
    color: #1a526f;
}

.s-login .form-control::placeholder {
    background: white;
    color: #1a526f;
}

.s-login .btn-login {
    background: #9dc9d7;
    color: #1a526f;
    margin-bottom: 10px;
    border-radius: 0px;
    height: 35px;
}

.s-login .btn-login:hover {
    background: #9dc9d7;
    color: #1a526f;
}

.s-login .s-link {
    width: 100%;
    display: block;
    text-align: center;
    margin-bottom: 15px;
}

.s-login a {
    color: #1a526f;
    text-decoration: underline;
}

.s-login a:hover {
    text-decoration: none;
    color: #1a526f;
}

.s-logo-cont {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.login_container {
    height: auto;
    flex-direction: column;
}
        
@media(max-width:844px) {
    .s-logo-cont { margin-bottom: 10px; }
    .s-logo-cont img { width: 100px; }
}

@media(max-width:500px) {
    .login_body .container { display: flex; align-items: center; justify-content: center; }
    .login_container { width: 80%; }
    .login_body { height: calc(100vh - 48px); }
}