/* noto-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v27-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/noto-sans-v27-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/noto-sans-v27-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/noto-sans-v27-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/noto-sans-v27-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/noto-sans-v27-latin_latin-ext-regular.svg#NotoSans') format('svg'); /* Legacy iOS */
}


#header #mainMenuBar, #header #mainMenuBar .x-panel-body {
    background: #5fa2dd !important;
}

#header #subMainMenuBar, #header #subMainMenuBar .x-panel-body {
    background: #5fa2dd !important;
}

#header #subMenuBar {
    background: #49535e !important;
}

#header #subMenuBar {
    border-top: 2px solid #49535e !important;
    overflow: visible;
}

#header #schedmanMenuBar {
    background: #1688B6 !important;
    border-top: 2px solid #49535e !important;
    overflow: visible;
}

#header, #footer {
    box-shadow: 0 0 7px #003055;
}

/* -------------------- HEADER & Software title -------------------- */
#header {
    font-family: 'Noto Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif!important;
    color: #FFFFFF;
    line-height: 2.4em;
    position: relative;
    z-index: 2000;
}

#header a,#header a:link,#header a:active,#header a:visited,#header a:focus {
    text-decoration: none;
    color: #FFFFFF;
}

#header h1 a:before {
    content: "";
    position: relative;
    display: inline-block;
    background: url('../imgs/ui-v2/dps-logo.svg') no-repeat center;
    background-size: cover;
    width: 85px;
    height: 25px;
    margin-right: 25px;
    top: 6px;
    
}

/* --- HACK TO TARGET IE8 --- */
#header h1 a:before {
    background-image: url('../imgs/ui-v2/dps-logo.svg')\9;
    margin-left : 10px\9;
    
}

#header h1 {
    font-size: 1em;
    display: inline-block;
    position: relative;
    top: 2px;
    font-weight: 400!important;
    font-family: 'Noto Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif!important;
}

/* -------------------- HEADER Toolbars -------------------- */
#header .x-toolbar {
    color: white;
    line-height: 2.4em;
    font-size: 1.2em;
    padding: 0 2em 0 0;
}

#header #subMenuBar {
    padding: 2px 0;
}

#header #schedmanMenuBar {
    padding: 2px 0;
}

/* -------------------- HEADER SubMenuBar -------------------- */

.mymenuitem-link, .mymenuitem-link {
    padding: 6px 2px 3px 6px;
}

.x-menu .x-box-inner {
    background-color: #5fa2dd;
}

#header .x-toolbar-item {
    margin-left: 1em;
}

#header .x-btn-split-right {
    background-image: url("../extjs-4.2.1/resources/themes/images/default/button/s-arrow-light.gif");
}

#header .x-form-item-label, #header .x-btn-default-toolbar-small .x-btn-inner {
    color: white;
    font-size: 12px;
}

#header .x-btn-default-toolbar-small-over .x-btn-inner, #header .x-btn-default-toolbar-small-menu-active .x-btn-inner {
    color: white;
    text-shadow: none;
}

#header .x-btn-default-toolbar-small-over .x-btn-split-right, #header .x-btn-default-toolbar-small-menu-active .x-btn-split-right {
    background-image: url("../extjs-4.2.1/resources/themes/images/default/button/s-arrow-noline.gif");
}


/* -------------------- FOOTER -------------------- */
#footer p {
    background-color: #5fa2dd;
    color: white;
    text-align: center;
    font-size: 0.9em;
    line-height: 2em;
    box-shadow: 0 0 5px black;
    margin: 0;
    padding: 0;
}

#footer a,#footer a:link,#footer a:active,#footer a:visited,#footer a:focus {
    color: white;
    font-weight: bold;
    font-size: 1.1em;
    text-decoration: none;
    margin: 0 5px;
}

/* ------------------- ALERT -------------------- */
.x-message-box .x-window-body {
    background-color: white;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #D1D1D1;
}

.x-window-default {
	background-color: #EAEAEA;
	border: 1px solid #D1D1D1;
}

.x-window-header-default-top {
	background-color: #EAEAEA;
}

.x-window-header-text-container-default {
	color: #555555;
}

.x-progress-default {
	background-color: #EAEAEA;
	border-color: #cdcdcd;
}

.x-progress-default .x-progress-bar-default {
	background-image: none;
	background-color: #cdcdcd;
}


.x-menu-body {
	background-color: #5fa2dd;
}

.x-menu-item-text {
	color: white;
}

.x-menu-item-separator {
	border-color: #5fa2dd;
}

.x-menu-item-active {
	background-image: none;
	border-color: white;
	background-color: #5fa2dd;
}

.x-menu-item-arrow {
	background-image: url("../extjs-4.2.1/resources/themes/images/access/menu/menu-parent.gif");
}

.x-form-clear-trigger {
  	background-image: url("../extjs-4.2.1/resources/themes/images/gray/form/clear-trigger.gif") !important;
}

.x-form-search-trigger {
  	background-image: url("../extjs-4.2.1/resources/themes/images/gray/form/search-trigger.gif") !important;
}

.x-form-trigger {
	background-image: url("../extjs-4.2.1/resources/themes/images/gray/form/trigger.gif");
}

.x-boundlist {
	border-color: #D1D1D1;
}

/* ------------------------------ masking --------------------- */

.x-mask {
  background: #cccccc;
}

/* line 9, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask-msg {
  border-color: #d1d1d1;
  background-image: none;
  background-color: #eaeaea;
}

/* line 29, ../../../ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask-msg-inner {
  border-style: solid;
  border-color: #d1d1d1;
  background-color: #eaeaea;
  color: #555555;
}

/* ------------------- HEADER PLACEHOLDER -------------------- */
body {
	margin: 0;
    padding: 0;
}

#headerPlaceHolder {
	margin: 0;
	padding: 0;
	box-shadow: 0 0 7px #003055;
}

#mainMenuBarPlaceHolder {
	height: 35px;
	background: none repeat scroll 0 0 #5fa2dd !important;
}

#subMenuBarPlaceHolder {
	height: 26px;
	border-top: 2px solid #49535e !important;
	background: none repeat scroll 0 0 #0678A6 !important;
}

/*-------------------------- EXTJS GRID COLUMN ------------------------*/
.x-grid-header-ct, .x-column-header {
	/*background : url("../extjs-4.2.1/resources/ext-theme-classic/images/grid/column-header-bg.gif");*/
	background-color: white;
	
}

.x-column-header-trigger {
	background-image: none;
	background-color: white;
}

.x-column-header-over, .x-column-header-sort-ASC, .x-column-header-sort-DESC {
  /*background-image: url("../extjs-4.2.1/resources/ext-theme-classic/images/grid/column-header-over-bg.gif");*/
  background-color: white;
  background-image: none;
}

.x-tool-img {
	background-image: url("../extjs-4.2.1/resources/ext-theme-gray/images/tools/tool-sprites.gif");
}

.x-border-layout-ct {
	background: #eaeaea;
}

.x-grid-header-ct {
	border-bottom-color: #eaeaea;
	border-top-color: #eaeaea;
	border-left-color: #eaeaea;
	border-right-color: #eaeaea;	
}


.x-toolbar-default {
	background-image:none;
	background: #eaeaea;
    color: #555555;
    border-color: #eaeaea;
}


.x-panel-default {
	border-color: #eaeaea;
}

.x-panel-header-default {
	background-image:none;
	background: #eaeaea;
    color: #555555;
    border-color: #eaeaea;
}

#main_panel .x-panel-body-default {
	border-color: #eaeaea;
}

.x-panel-body-default {
	border-color: #5fa2dd;
}

.x-panel-header-text-container-default {
	color: #555555;
}

.x-btn-default-small {
	background-image: none;
	background-color: #f6f6f6;
}

.x-btn-default-small-over {
	background-color: #eaeaea;
	border-color: #d1d1d1;
}

#header #subMenuBar .x-btn-default-toolbar-small {
	background-color: #49535e;
	background-image: none;
	color: white;
}

#header #subMenuBar .x-btn-default-toolbar-small-over {
	background-color: #49535e;
	background-image: none;
	border-color: white;
	color: white;
}

#header #subMenuBar .x-btn-default-toolbar-small-focus {
	background-color: #49535e;
	background-image: none;
}

#queue .x-btn-default-toolbar-small,
#locked .x-btn-default-toolbar-small {
	background-color: #f6f6f6;
	border-color: #d1d1d1;
}

#candidates .x-btn-default-toolbar-small-icon-text-left,
#main_panel .x-btn-default-toolbar-small-icon-text-left {
	background-color: #f6f6f6;
	border-color: #d1d1d1;
}

#main_panel .x-btn-default-toolbar-small {
	background-color: #f6f6f6;
	border-color: #d1d1d1;
}

#queue .x-btn-default-toolbar-small-over,
#locked .x-btn-default-toolbar-small-over,
#candidates .x-btn-default-toolbar-small-over,
#main_panel .x-btn-default-toolbar-small-over {
	background-image: none;
	background-color: #eaeaea;
	border-color: #d1d1d1;
	
}

.x-fieldset-header-text {
	color: black;
}

.x-grid-row-selected .x-grid-td {
  background-color: rgb(255, 239, 187);
}

.x-boundlist-selected {
	background-color: rgb(224, 232, 236);
}]

/* Bulk operation panel warning message box*/
.bulkops-notice {
  position: relative;
  color: #404040;
  background-color: #eedc94;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.bulkops-notice .x-panel-body-default {
    background: none;
    border: none
}
.bulkops-notice.bulkops-warning p {
    background: url('../imgs/16x16/error.png') no-repeat 8px 0px transparent;
    padding-left: 38px;
    padding-top: 1px;
    margin-top: 0px;
    font-size: 11px !important;
}

.bulkops-grid-row {
    height: 30px;
}