/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
@font-face { font-family: 'square721_bdex_btbold'; src: url('https://app.integron.com/cdn/content/font-face/Square_721_Bold_Extended_BT/sqr721be-webfont.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square_721_Bold_Extended_BT/sqr721be-webfont.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square_721_Bold_Extended_BT/sqr721be-webfont.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square_721_Bold_Extended_BT/sqr721be-webfont.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square_721_Bold_Extended_BT/sqr721be-webfont.svg#square721_bdex_btbold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'square721_btroman'; src: url('https://app.integron.com/cdn/content/font-face/Square_721_BT/sqr721n-webfont.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square_721_BT/sqr721n-webfont.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square_721_BT/sqr721n-webfont.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square_721_BT/sqr721n-webfont.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square_721_BT/sqr721n-webfont.svg#square721_btroman') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Square721 Blk Italic'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Italic.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Italic.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Italic.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Italic.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Italic.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Italic.svg#Square721Blk-Italic') format('svg'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Square721 Blk Normal'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Normal.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Normal.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Normal.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Normal.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Normal.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721Blk-Normal.svg#Square721Blk-Normal') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Square721 BT Bold'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Bold.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Bold.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Bold.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Bold.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Bold.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Bold.svg#Square721BT-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Square721 BT Bold Extended'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldExtended.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldExtended.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldExtended.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldExtended.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldExtended.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldExtended.svg#Square721BT-BoldExtended') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Square721 BT Condensed'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldCondensed.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldCondensed.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldCondensed.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldCondensed.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldCondensed.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-BoldCondensed.svg#Square721BT-BoldCondensed') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Square721 BT Italic'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BoldItalic.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BoldItalic.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BoldItalic.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BoldItalic.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BoldItalic.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BoldItalic.svg#Square721BoldItalic') format('svg'); font-weight: bold; font-style: italic; }
@font-face { font-family: 'Square721 BT Roman'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Roman.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Roman.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Roman.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Roman.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Roman.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-Roman.svg#Square721BT-Roman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Square721 BT Roman Condensed'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanCondensed.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanCondensed.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanCondensed.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanCondensed.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanCondensed.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanCondensed.svg#Square721BT-RomanCondensed') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Square721 BT Roman Extended'; src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanExtended.eot'); src: url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanExtended.eot?#iefix') format('embedded-opentype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanExtended.woff2') format('woff2'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanExtended.woff') format('woff'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanExtended.ttf') format('truetype'), url('https://app.integron.com/cdn/content/font-face/Square721/Square721BT-RomanExtended.svg#Square721BT-RomanExtended') format('svg'); font-weight: normal; font-style: normal; }

html,body{height:100%}
body { background-color: #fff; font-size: .85em; font-family: "Trebuchet MS",Verdana,Helvetica,Sans-Serif; letter-spacing: .5px; margin: 0; padding: 0; color: #696969 }
/*font-family: 'Square721 BT Roman';*/
a:link{color:#034af3;text-decoration:underline}
a:visited{color:#505abc}
a:hover{color:#1d60ff;text-decoration:none}
a:active{ color: #12eb87;}
p,ul{margin-bottom:20px;line-height: 1.6em;}

/*HEADINGS*/
h1,h2,h3,h4,h5,h6{font-size:1.5em;color:#000}
h1{font-size:2em;padding-bottom:0;margin-bottom:0}
h2{padding:0 0 10px 0}
h3{font-size:1.2em}
h4{font-size:1.1em}
h5,h6{font-size:1em}

/*PRIMARY LAYOUT ELEMENTS*/
/*you can specify a greater or lesser percentage for the page width. Or, you can specify an exact pixel width.*/
.page{width:100%;margin:0;padding:0;top:0;bottom:0;position:fixed}
header,#header{width:100%;position:relative;margin-bottom:0;color:#000;padding:0}
header h1,#header h1{font-weight:bold;padding:5px 0;margin:0;color:#000;border:none;line-height:2em;font-size:32px !important;text-shadow:1px 1px 2px #111}
#main{padding:0 0 15px 0;background-color:#fff;width:100%;height:100%}
.scrollable{width:100%;background-color:#ccc;height:93%}
footer,#footer{background-color:#fff;color:#999;padding:10px 0;text-align:center;line-height:normal;margin:0 0 30px 0;font-size:.9em;border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;background-color:#00f}

/*TAB MENU*/
ul#menu{border-bottom:1px #5c87b2 solid;padding:0 0 2px;position:relative;margin:0;text-align:right}
ul#menu li{display:inline;list-style:none}
ul#menu li#greeting{padding:10px 20px;font-weight:bold;text-decoration:none;line-height:2.8em;color:#fff}
ul#menu li a{padding:10px 20px;font-weight:bold;text-decoration:none;line-height:2.8em;background-color:#e8eef4;color:#034af3;border-radius:4px 4px 0 0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0}
ul#menu li a:hover{background-color:#fff;text-decoration:none}
ul#menu li a:active{background-color:#a6e2a6;text-decoration:none}
ul#menu li.selected a{background-color:#fff;color:#000}

/*FORM LAYOUT ELEMENTS*/
fieldset{border:none;padding:0 1.4em 1.4em 1.4em;margin:0 0 1.5em 0}
legend{font-size:1.2em;font-weight:bold;padding:5px}
textarea{min-height:50px;width:175px}
input[type="text"],input[type="password"]{border:1px solid #ccc;padding:2px;font-size:1.2em;color:#444;width:175px}
select{border:1px solid #ccc;padding:2px;font-size:1.2em;color:#444}
input[type="submit"]{font-size:1.2em;padding:5px}

/*MISC*/
.clear{clear:both}
.error{color:#f00}
nav,#menucontainer{margin-top:40px}
div#title{width:100%;display:block;float:left;text-align:left;padding:5px}
#logindisplay{font-size:1.1em;display:block;text-align:right;margin:10px}
#logindisplay a:link{text-decoration:underline}
#logindisplay a:visited{text-decoration:underline}
#logindisplay a:hover{text-decoration:none}

/*Styles for validation helpers*/
.field-validation-error{color:#f00}
.field-validation-valid{display:none}
.input-validation-error{border:1px solid #f00;background-color:#fee}
.validation-summary-errors{font-weight:bold;color:#f00}
.validation-summary-valid{display:none}

/*Styles for editor and display helpers*/
.display-label,.editor-label{margin:0 0 0 0}
.display-field,.editor-field{margin:0 0 0 0}
.text-box{width:30em}
.text-box.multi-line{height:6.5em}
.tri-state{width:6em}
.display-label,.editor-label{margin:0 0 0 0}

/*Styles for editor and display helpers tables*/
.form-table{border:none}
.form-table-row{border:none}
.display-label-cell,.editor-label-cell{margin:0;padding:5px;/*width:200px;*/border:none;font-weight:bold;vertical-align:top}
.display-field-cell,.editor-field-cell{margin:0;padding:5px;border:none;vertical-align:top}
.display-label-cell2{margin:0;padding:2px;width:200px;border:none;font-weight:bold;vertical-align:top}
.display-field-cell2{margin:0;padding:2px;border:none;vertical-align:top}
.listViewDiv{margin:0;padding:0}
.detailViewDiv{padding:10px;padding-top:25px}
.detailViewDiv2{padding:10px}
.warningColumn{text-align:center;font-weight:bold;color:#c00}

/*  jQuery Layout styling */
.ui-layout-pane{background:#fff;border:1px solid 1px solid #7fa5d7;padding:0;overflow:visible}
.ui-layout-content{padding:0;position:relative;overflow:auto}

/*Must come AFTER pane-class above so will override These classes are NOT auto-generated and are NOT used by Layout*/
.layout-child-container,.layout-content-container{padding:0;overflow:hidden}
.layout-child-container{border:0}
.layout-scroll{overflow:auto}
.layout-hide{display:none}

/*RESIZER-BARS*/
.ui-layout-resizer{background:#ddd;border:1px solid #c4e1a4;border-width:0}
.ui-layout-resizer-open-hover,.ui-layout-resizer-dragging{background:#c4e1a4}
.ui-layout-resizer-dragging{border:1px solid #c4e1a4}
.ui-layout-resizer-dragging-limit {background: #E1A4A4; /* red */}
.ui-layout-resizer-closed-hover	{background: #EBD5AA;}
.ui-layout-resizer-sliding{opacity:.1;filter:alpha(opacity=10)}
.ui-layout-resizer-sliding-hover{opacity:1;filter:alpha(opacity=100)}

/*sliding resizer - add 'outside-border' to resizer on-hover*/
.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*TOGGLER-BUTTONS*/
.ui-layout-toggler{border:1px solid #69f;background-color:#c4e1a4}
.ui-layout-resizer-hover .ui-layout-toggler{opacity:.6;filter:alpha(opacity=60)}
.ui-layout-toggler-hover,.ui-layout-resizer-hover .ui-layout-toggler-hover{background-color:#fc6;opacity:1;filter:alpha(opacity=100)}
.ui-layout-toggler-north,.ui-layout-toggler-south{border-width:0 1px}
.ui-layout-toggler-west,.ui-layout-toggler-east{ border-width: 1px 0;}
.ui-layout-resizer-sliding .ui-layout-toggler{display:none}
.ui-layout-toggler .content{color:#666;font-size:12px;font-weight:bold;width:100%;padding-bottom:.35ex}
.ui-layout-mask{border:none !important;padding:0 !important;margin:0 !important;overflow:hidden !important;position:absolute !important;opacity:0 !important;filter:Alpha(Opacity="0") !important}
.ui-layout-mask-inside-pane{top:0 !important;left:0 !important;width:100% !important;height:100% !important}

/*drop down menu*/
.account-menu{z-index:100000;margin:0;padding:0;list-style:none;cursor:pointer;border:1px solid #5177b5;width:125px;position:relative;height:24px}
.account-menu li{background-color:#7693c7;padding:2px;padding-left:7px;color:#fff;height:20px;font-size:small;white-space:nowrap}
.account-menu ul{display:none;position:absolute;width:100%;left:-1px;bottom:0;margin:0;margin-bottom:1.55em}
.account-menu ul{bottom:auto;margin:0;margin-top:22px}
.account-menu ul li{padding:2px;padding-left:5px;font-size:small;color:#fff}
.account-menu ul li a{padding:2px;padding-left:5px;font-size:small;color:#fff;text-decoration:none}
.account-menu ul li:hover{background-color:#99b7df;font-size:small;color:#fff}
.account-menu li:hover ul	{ display:	block; background-color: #99B7DF; }
.t-grid td{white-space:nowrap}

.ui-tooltip .integron-tooltip { z-index: 999999 !important; position: absolute; }
#MobileProcessDetailViewWindow { z-index: 999 !important; }
#ReportingDetailViewWindow { z-index: 999 !important; }

/*Log4Net Detail Window*/
#divLog4NetDetailView dd { padding: 0.75em; }
#divLog4NetDetailView dl { margin: 2em 1em; }
#ErrorDetail { font-size: 110%; background-color: #ffffcc; padding: 1em; width: 90%; }

/*********CSS colors*********/
.red {color: red;}
.green {color: green;}
.wmsGray {color: #adadad;}

/****************************/
/***CSS for Jean & Allison***/
/****************************/
.loginForm input[type=text],
.loginForm input[type=password],
.loginForm input[type=email],
.loginForm select,
.loginForm textarea{height:30px;padding:0 10px 0 5px;font-size:12px;line-height:1.428571429;color:#555;vertical-align:bottom;background-color:#fff;border:0;border-bottom:1px solid #000;text-transform:inherit}
#background{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}

.t-tabstrip-items .t-item, .t-panelbar .t-tabstrip-items .t-item {background-color: lightgray;}
.t-header,.t-grid-header{border-color:#ccc !important;border-width:1px !important}
.t-widget,.t-input{border-color:#ccc !important}
.stretch {min-width:100%; min-height:100%; width:auto; height:auto;}

#header-dropdown {float:right;position:absolute;top:10px;right: 22px;}
#header-logo {float:right;position:absolute;top:110px;right: 20px;}
#header-quote {float:right;position:absolute;top:55px;right:50px;text-align: center;}
#header-quote div {font-size:24px;color: #000;}
#header-quote h3 { margin: 0;}
#header-quote span {font-size:18px;color: #000;}
#header-username {float:right;position:absolute;top:10px;right:25px;font-size: 16px;}
#header-wrapper { background-color: #bbd0d8;min-height: 105px; /*min-height:155px;*/}

#branded-header-dropdown {float:right;position:absolute;top:10px;right: 22px;}
#branded-header-logo {float:right;position:absolute;top:65px;right: 20px;}
#branded-header-quote {float:right;position:absolute;top:55px;right:50px;text-align: center;}
#branded-header-quote div {font-size:24px;color: #000;}
#branded-header-quote h3 { margin: 0;}
#branded-header-quote span {font-size:18px;color: #000;}
#branded-header-username {float:right;position:absolute;top:10px;right:25px;font-size: 16px;}
#branded-header-wrapper { background-color: #bbd0d8;}

.form-signin {background-color:#bbd0d7;width:800px;height:620px;background-color: #bbd0d7;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;overflow:auto;}
.form-signin *{font-family:"Open Sans",Calibri,Candara,Arial,sans-serif;font-size:1rem}
.form-signin input { outline: none; position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
.form-signin input:focus { z-index: 2; outline:none;}
.form-signin input[type="text"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 1px solid #000000; }
.form-signin input[type="password"] { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom: 1px solid #000000; margin-bottom: 10px; }

.form-signin .maintenance_message {text-align: center;position: absolute;top: 53%;left: 10%;font-size:24px}
.form-signin .unavailable_message { text-align: center; position: absolute; top: 53%; /*left: 13%;*/ font-size: 24px; padding: 0 80px; }

.form-signin .wms-title div.top{ font-size: 2.25rem;color: #000;}
.form-signin .wms-title div.bottom em{ font-size: 1.75rem;color: #000;}
.form-signin #lblChk {display:block;padding-left:15px;text-indent:-15px;text-align: center;}
.form-signin #lblChk > input {width:13px;height:13px;padding:0;margin:0;vertical-align:bottom;position:relative;top:-1px;*overflow: hidden;}
.form-signin .checkbox { font-weight: normal; margin-bottom: 10px;}
.form-signin .ThemeButton {display:inline-block;background:#333;border:none;padding:7px 15px;font-family:'Open Sans',sans-serif;font-size:11px;font-weight:bold;cursor:pointer;text-transform:uppercase;height: 31px;}
.form-signin .form-signin-heading {margin-bottom: 10px;}
.form-signin .btn-primary { color: #000; background-color: #fff; border: 1px solid #000 !important; border-radius: 0; float: right !important;}
.form-signin .btn-primary:hover { color: #fff; background-color: #000;border: 4px solid #fff;}

#divUpload .t-upload-button > span{ color: white;}
.validation-summary-errors ul { list-style: none;}
.field-validation-for-model{color:red;font-weight:bold;text-align:center;}
/****************************/
/***CSS for Jean & Allison***/
/****************************/

.t-menu .t-item { border-width: 0 !important; /*border-style: inherit !important;*/ }
#SystemAlertsWindow .t-window-titlebar.t-header { text-align: center; }
#header-wrapper ul.t-tabstrip-items { line-height: 1.7em; }