html{color:#393939;}
body,h1,h2,h3,h4,h5,h6{font-size:72.5%;font-weight:normal;margin:0;padding:0; }
img{border:0;}q:before,q:after{content:'';}
table{border-collapse:collapse;border-spacing:0;}
.bg{background: #f9f9f7 url(../../images/MainMasterbg.jpg) no-repeat 0 220px; background-color: #bdbdbd;}
/*Login Background and containers*/
#login-wrapper {font-family: Verdana;width:500px; margin: 0 auto; min-height:955px; color: #000;}
#login-header-wrapper {font-family: Verdana;width:700px; margin: 0 auto; color: #000;}
.Loginbg{background:url(../../images/loginbg.gif) repeat;}
#bgcontainer{background:url(../../images/bgct.gif) repeat; width:78%; height:auto; padding:15px; margin:1% auto; }
#Loginimg{background:url(../../images/mainbg.jpg) no-repeat center center; width:auto; height:600px;}
#login-container {background-color: #fff; width:100%; margin:0 auto; overflow:hidden; box-shadow: 0 0 12px 1px #bbb; -webkit-box-shadow: 0 0 12px 1px #bbb; -moz-box-shadow: 0 0 12px 1px #bbb; -o-box-shadow: 0 0 12px 1px #bbb;}
#login-container:focus {outline:none;}
#login-container a {vertical-align: bottom; font-size:12px; color: #1E438C;}
.itx-blue {color: #1E438C;}
#application-name {padding: 50px 0; text-align: center;}
#login-application-name {padding: 50px 0; text-align: center;}
.login-title {font-weight: bolder; font-size: 190%; color: #1E438C; margin-left: 0px; font-family: Verdana;vertical-align:middle; display: inline;}
.login-message {font-weight: bold; font-size: 155%; color: #1E438C; margin-left: 0px; font-family: sans-serif;}
.body-filler {width: 100%; height:inherit;}
.login-button-itx
{
border-radius: 20px;
border: 1px solid #555;
background: #AEAFB3;
padding: 2px 30px;
font-weight: bold;
font-family: Verdana;
color: #333;
cursor: pointer;
}
.login-button-itx.space {margin-left: 160px;}
/* fonts */
body{font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; color:#393939; }
input,button,textarea{font-family:Arial,sans-serif !important;}
table{font-size:inherit;font-size:100%;}
/* =========== alignment ===========*/
.c{display: block;margin-left: auto;margin-right: auto;}
.txt_c{text-align:center}
.txt_r{text-align:right;}
.r, .floatright{float: right;}
.txt_l{text-align:left;}
.txt_upper{text-transform: uppercase;}
.l, .floatLeft{float: left}
.clear{clear:both;}
/* ====== Padding ====== */
.Pad{padding:10px}
.PadL{padding-left:10px; }
.PadR{padding-right:10px}
.PadB{padding-bottom:10px}
.PadT{padding-top:10px}
.Pad20{padding:20px}
.PadL20{padding-left:20px; }
.PadR20{padding-right:20px}
.PadB20{padding-bottom:20px}
.PadT20{padding-top:20px}
.Pad5{padding:5px}
.PadL5{padding-left:5px; }
.PadR5{padding-right:5px}
.PadB5{padding-bottom:5px}
.PadT5{padding-top:5px}
/* ====== Margin ====== */
.Margin0{margin:0 !important}
.Margin5{margin:5px}
.MarginL0{margin-left:0 !important}
.MarginR0{margin-right:0 !important}
.MarginB0{margin-bottom:0 !important}
.MarginT0{margin-top:0 !important}
.MarginL5{margin-left:5px; }
.MarginR5{margin-right:5px}
.MarginB5{margin-bottom:5px}
.MarginT5{margin-top:5px}
.Margin{margin:10px}
.MarginL{margin-left:10px; }
.MarginR{margin-right:10px}
.MarginB{margin-bottom:10px}
.MarginT{margin-top:10px}
.Margin20{margin:20px}
.MarginL20{margin-left:20px; }
.MarginR20{margin-right:20px}
.MarginB20{margin-bottom:20px}
.MarginT20{margin-top:20px}
/* Structure*/
/* ==== LOGO ===*/
.Logo{ margin:10px auto;}
.appname{ border-top: solid 3px #c9c0b1; margin:auto; width:80%; display:block; line-height:25px;}
/* === Top links === */
.TopNav {text-align:left; color:#dce1cd !important; line-height:30px; width:auto;width:99%; clear:both;}
.TopLinks {color:#dce1cd !important;margin:0 5px;}
.TopSearch {width:203px; height:22px; float:right; margin-top:1px;}
.TopSearch .txtsearch{border:0 !important; float:right;background: url(../../images/TxtSearch.png) no-repeat top right; width:163px; height:22px; line-height:22px; padding: 0 0 0 4px;/* padding:2px 0px 2px 4px;*/ }
.TopSearch .search {border:0 !important; float:right;background: url(../../images/BtnSearch.png) no-repeat top right; width:29px; height:22px; margin:3px 0 0 0; cursor:pointer;}
* html .txtsearch {margin-top:3px}
.greetings{color:#229ed4; font-weight:normal;padding:20px 5px 7px 0; width:auto; text-align:right}
.greetings span {color:#229ed4;font-size:1.42em; font-weight:normal; }
.UName {background: url(../../images/Usericon.png) no-repeat 0px 0px;color:#229ed4;font-size:1.42em; padding-left:20px; line-height:30px; }
.LnkBtnLogout{color:#667786;font-size:1em !important; font-weight:normal}
/* ==== wrapper ==== */
.pagewp{ width:100%; min-width:1000px; height:auto; margin:0; position: relative; top:0;left:0; right:0;
background: url(../../images/top.gif) repeat-x top;}
.wrapper {text-align:left; width:85%; min-width:1000px; margin:0 auto; min-height:955px; }
.wrapper.full {width: 100%;}
#ContentPlaceHolder{ margin:10px 5px 10px 30px ; width:auto; min-height:500px; height:auto}
/* ==== Header ==== */
#page-header { padding: 50px 0 20px 40px; margin: 0 0 0 0; }
#header .bol{height:auto; width:25%; float:left; }
#header .right{height:auto; width:72.4%; float:left;}
/* ==== Menu==== */
.main-menu{ background: #3674bf; width:auto; padding:0 0 0 20px;min-height:29px;display:block;/*overflow:hidden;_overflow:visible; zoom:1;*/}
* html .main-menu{display:inline-block; height:29px;}
#menuEdge{ display: block; width:auto; padding-right:10px; height:29px; width:auto;
background:url(../../images/menu_corner.png) no-repeat right top;}
.main-menu .RadMenu_DefaultSkin, .RadMenu_DefaultSkin a.rmLink {
color: #fff !important;
}
.main-menu .RadMenu_DefaultSkin .rmGroup .rmItem a.rmLink:hover {
color: #fff !important;
background: #3875c0;
}
.main-menu .RadMenu_DefaultSkin .rmGroup .rmItem a.rmLink {
color: #0081b9 !important;
}
/* ==== Main Tab ====*/
.main-tab-menu .rtsTxt { color: #fff; font: 16px/32px "Segoe UI", Arial, sans-serif !important; font-weight: bold !important; margin:0 5px;}
.main-tab-menu .rtsLevel1 .rtsTxt { color: #fff; }
.main-tab-menu .rtsLevel2 .rtsTxt { color: #000; font-weight: normal !important; font-size: 14px !important;}
.main-tab-menu .rtsLevel { background-color: transparent !important;}
.main-tab-menu .rtsLevel1 .rtsIn { background-image: url('../../images/yellow.png'); background-repeat: no-repeat; border-radius: 6px 6px 0 0; }
.main-tab-menu .rtsLevel1 .rtsSelected .rtsIn { background: #f0f0f0 !important; }
.main-tab-menu .rtsLevel1 .rtsLink .rtsSelected { background-image: url('../../images/blue.png'); background-repeat: no-repeat; border-radius: 6px 6px 0 0; }
.main-tab-menu .rtsLevel2 { padding: 3px 3px 8px 3px !important; background: #f0f0f0 !important; border-bottom: 5px solid #aaa; min-height:35px !important; }
.main-tab-menu .rtsLevel2 .rtsSelected .rtsOut { background-image: url('../../images/blue.png') !important; border-radius: 6px 6px 6px 6px;}/*For Level2 and Level3*/
.main-tab-menu .rtsLevel1 .rtsSelected .rtsTxt {color: #000 !important;}
.main-tab-menu .rtsLevel2 .rtsSelected .rtsTxt {color: #fff !important;}
.main-tab-menu .rtsOut { border-radius: 6px 6px 6px 6px; padding-right: 0px !important;}
.main-tab-menu .rtsSelected { background-image: url('../../images/gray.png') !important; background-repeat: no-repeat; border-radius: 6px 6px 6px 6px;}/*For Level2 and Level3*/
.main-tab-menu .rtsLevel2 .rtsLink .rtsOut { color: #000; margin-top: 5px;}
.main-tab-menu .rtsLevel1 .rtsSelected { background-image: url('../../images/blue.png') !important; background-repeat: no-repeat; border-radius: 6px 6px 6px 6px;}
.main-tab-menu .rtsLevel2 .rtsLink:hover { background-image: url('../../images/blue.png') !important; background-repeat: no-repeat; border-radius: 6px 6px 6px 6px;}
.main-tab-menu .rtsLevel1 .rtsLink:hover { background-image: url('../../images/blue.png') !important; background-repeat: no-repeat; border-radius: 6px 6px 6px 6px;}
.main-tab-menu .rtsLevel1 .rtsLink { color: #ffffff !important; margin-left:5px; }
.main-tab-menu .rtsLevel1 .rtsSelected .rtsIn .rtsLink { background-image: url('../../images/gray.png') !important; border-radius: 6px 6px 6px 6px; color: #000;}/*For Level2 and Level3*/
.main-tab-menu .rtsLevel1 .rtsOut, .main-tab-menu .rtsLevel1 .rtsLink{background-image:none !important;}
.main-tab-menu .rtsLevel2 .rtsLink{background-image:none !important;}
.main-tab-menu .divtab{background:transparent;}
.main-tab-menu .rtsLink {padding: 0px !important;}
.main-tab-menu .rtsLevel1 .rtsLink:hover { background-image: url('../../images/gray.png') !important; border-radius: 6px 6px 6px 6px; color: #000;}/*For Level2 and Level3*/
/* === Content === */
#content-container {
padding: 20px; background-color: #fff;
box-shadow: 0 0 10px 2px #ccc; -moz-box-shadow: 0 0 10px 2px #ccc; -webkit-box-shadow: 0 0 10px 2px #ccc; -o-box-shadow: 0 0 10px 2px #ccc;
border-bottom-right-radius:2em; -moz-border-bottom-right-radius:2em; -webkit-border-bottom-right-radius:2em; -o-border-bottom-right-radius:2em;
border-bottom-left-radius:2em; -moz-border-bottom-left-radius:2em; -webkit-border-bottom-left-radius:2em; -o-border-bottom-left-radius:2em;
z-index: 1;
}
#content-container:focus {
outline: none;
}
/* ==== Footer ==== */
#footer {color:#227097;font-size:0.91em; font-weight:bold; padding:10px 30px;}
#footer a {color:#227097;}
#main-footer {padding: 40px 0; overflow:hidden; width:470px; margin:auto;}
/* ==== Rounder white wrapper ==== */
.rctr {background:url(../../images/ctopright.png) no-repeat right top; width:100%; overflow:hidden;display: block; float: left;
height:23px; padding-right:25px;}
.rctl{ background:url(../../images/ctopleft.png) no-repeat left top; display: block;height: 23px;}
.bor { background:url(../../images/br.png) repeat-y 100% 0px ; width:100%; float: left;height:auto;
overflow:hidden;_overflow:visible; zoom:1; display: block; padding-right:25px;}
.bol { background:url(../../images/bl.png) repeat-y 0px 0px ;
height:auto;overflow:hidden;_overflow:visible; zoom:1; display: block; }
.rcbr{ background:url(../../images/cbotright.png) no-repeat right bottom; width:100%; overflow:hidden;display: block; float: left;
height: 23px; padding-right:25px;}
.rcbl{ background:url(../../images/cbotleft.png) no-repeat left bottom; display: block;height: 23px;}
/* ==== Containers for form: divform is for search, basic info etc containers, divinfo is for validation/error/important messages, divref is for feedback messages = */
.divform{ background:#fdfbfc; border:solid 3px #d0e1e9; padding:10px; margin:10px 0;
overflow:hidden; _overflow:visible; zoom:1; font-weight:bold; }
.divinfo{ background:#fff9e7; border:solid 3px #e6ddb4; padding:10px; margin:10px 0;
overflow:hidden; _overflow:visible; zoom:1; font-weight:bold; }
.divinfo img { margin:0 5px 0 0}
.divref{ background:#fff6f7; border:solid 3px #e9d6d0; padding:10px; margin:10px 0;
overflow:hidden; _overflow:visible; zoom:1; font-weight:bold; }
.divtab{background:#fdfdfd; margin-top: 10px;
overflow:hidden; _overflow:visible; zoom:1; }
.VertForm{ line-height:1.2em}
/* ==== Separators ==== */
.HSeparator{border-bottom:solid 3px #c9c0b1; font-size:1px; margin:5px 0; width:auto}
.HseparatorSec{border-bottom:solid 2px #eaece3; font-size:1px; margin:5px 0; width:auto}
.VSeparator{border-right:solid 2px #eaece3; margin:0 5px; width:auto}
.VLSeparator{border-left:solid 2px #eaece3; width:auto}
.HSep{border-bottom:solid 3px #c9c0b1; width:auto}
.HSepSm{border-bottom:solid 1px #c9c0b1; width:auto}
.VLSep{border-left:solid 3px #c9c0b1; width:auto}
.VRSep{border-right:solid 3px #c9c0b1; width:auto}
.VLSepSm{border-left:solid 1px #c9c0b1; width:auto}
.VRSepSm{border-right:solid 1px #c9c0b1; width:auto}
/* CSS Classes Related to Controls */
/* ==== Page Header Control==== */
.UCPageHeader{ width:auto}
.UCPageHeader h1 { float:left}
.UCPageHeader .BtnHelp { float:left; margin:7px}
.UCPageHeader .UCBreadCrumb{float:right; }
.UCBreadCrumb .Links{text-decoration:none; cursor:none; }
.UCBreadCrumb .SecLinks{color:#7b6c43;}
.UCBreadCrumb .PathSeparator{background:url(../../images/bc_arrow.gif) no-repeat bottom; display:inline-block; margin-right:2px; width:20px; height:20px; *margin-bottom:5px; _margin-bottom:5px;}
/* ====== Miles Textboxes, textareas, input fields ====== */
input[type="text"]:not(.rcbInput, .racInput),textarea, .Textboxes, .ui-select-search.ui-select-toggle { border: #c3d9f9 1px solid !important; font-size:1em !important; padding: 0.2em; margin:3px 0; box-sizing: border-box;}
.Textboxes_RightAlign{ font-size:1em; border: #c3d9f9 1px solid; padding: 0.2em; text-align:right; margin:3px 0;}
select, .DropDownLists{ font-size:1em; border: #c3d9f9 1px solid; padding: 0.15em 0.1em 0.15em 0.2em; margin:3px 0;}
select{ font-size:1em; border: #c3d9f9 1px solid; }
input[type="radio"] { margin-top: 0; margin-bottom: 0; }
/* ====== Miles Data Grid ====== */
.GridRecordCountFooter{ font-weight: bold}
.MilesGridInactive{ background: #FFCCCC;}
.MilesGridInactive td{ border:1px solid #FFCCCC; border-top:0; padding:4px 7px 3px 7px;}
.MilesGridInactiveAlternating td{ border:1px solid #FFDDDD; border-top:0; padding:4px 7px 3px 7px;}
.MilesGridInactiveAlternating{ background: #FFDDDD;border-color:#FFDDDD;}
/* ====== LINKS ======*/
a, a:visited, a:active, .Links, .Links a:link
{color:#3674bf; cursor:pointer; text-decoration:underline;}
a.Links:hover, a:hover{ text-decoration:none;}
.SecLinks, .SecLinks a {color:#9a8c65; cursor:pointer; text-decoration:underline;}
.SearchLinks, .SearchLinks a {color:#0086fb; font-weight: bold; font-size:1.25em; cursor:pointer; text-decoration:underline;}
/* ====== BUTTONS ====== */
.Buttons,.Buttons_Bold
{ color: white !important; font-size:1em; CURSOR: pointer; border: #34520c 1px solid; font-weight: bold;
background:#518210;padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
text-decoration: none;
} .Buttons.space { margin-left: 160px; }
.SecButtons,.SecButtons_Bold
{ color: white !important; font-size:1em; CURSOR: pointer; border: #2d7bbe 1px solid; font-weight: bold;
background:#328fe0; padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
text-decoration: none;
}
.NeutralButtons,.NeutralButtons_Bold
{ color: #000 !important; font-size:1em; CURSOR: pointer; border: #918e80 1px solid; font-weight: bold;
background:#f3f3f3 ; padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
text-decoration: none;
}
.NegativeButtons,.NegativeButtons_Bold
{ color: white !important; font-size:1em; CURSOR: pointer; border: #be2d2d 1px solid; font-weight: bold;
background:#e03232; padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
text-decoration: none;
}
.DefaultButtons,.DefaultButtons_Bold
{ color: #333 !important; font-size:1em; CURSOR: pointer; border: #be2d2d 1px solid; font-weight: bold;
background:#fff; padding: 0.2em 1.25em; -moz-border-radius:4px; border-radius:4px;
box-shadow: 1px 1px 1px #ccc;-moz-box-shadow: 1px 1px 1px #ccc; -webkit-box-shadow: 1px 1px 1px #ccc;
text-decoration: none;
}
.Buttons:hover, .Buttons_Bold:hover, .SecButtons:hover, .SecButtons_Bold:hover,.NeutralButtons:hover,
.NeutralButtons_Bold:hover, .NegativeButtons:hover, .NegativeButtons_Bold:hover
{ box-shadow: 0px 4px 4px 1px #ccc;-moz-box-shadow: 0px 4px 4px 1px #ccc; -webkit-box-shadow:0px 4px 4px 1px #ccc; text-decoration: none;}
/* ====== Lists with Icon ====== */
.Arrowlist{ background:url(../../images/dtArrow.gif) no-repeat 0px 6px; padding-left:15px; line-height:20px;}
.Magnifylist{ background:url(../../images/magnifyglass.png) no-repeat 0px 0px; padding-left:22px;line-height:20px; }
.Userlist{background:url(../../images/usericon.png) no-repeat 0px 0px; padding-left:20px; line-height:20px;}
.Arrowlist:link, .Userlist:link{ color:#0091cd; }
/* FONT and LABELS*/
h1, h1 a, h1 a:hover, h1 a:visited, .headerimg .description {text-decoration: none;}
/* ==== LABELS ==== */
h1, .Labels_PageHeading{font-size:1.9em;font-family:'Raleway', sans-serif; color: #3674bf; line-height:normal}
h2, .Labels_PageSubHeading{ font-family:"Times New Roman", Times, serif; font-size: 1.7em; color: #8f8470; font-weight: bold;}
h3, .Labels_LargeBold{font-size: 1.25em;font-weight: bold;}
h4, .Labels_MediumBold{font-size: 1.15em;font-weight: bold;}
h5, .Labels_Bold{font-size: 1em;font-weight: bold;}
h6, .Labels_SmallBold{font-size:0.95em;font-weight: bold;}
.Labels_Large{font-size: 1.25em}
.Labels_Medium{ font-size: 1.15em}
.Labels{ font-size:1em;}
.Labels_Small{font-size:0.95em;}
.Labels_Required{color:#a97b29;font-size:0.75em;}
.Labels_normal{font-weight: normal}
.Labels_Username{font-size: 1.25em;color:#0092d6}
.Labels_Notes{color:#666;font-size:0.95em;} /* Gray Label*/
.Labels_HighlightNotes, .Labels_HighlightNotes a{ color:#a97b29; font-weight: bold;font-size:0.95em;}
.Labels_Highlight, .Labels_Highlight a{ color:#229ed4; font-weight: bold;} /* Blue Label*/
.Labels_HighlightSec, .Labels_HighlightSec a{ color:#986f27; font-weight: bold;}
.Labels_Reference, .Labels_Reference a{ color:#7c7a7b; font-weight: bold;} /* Light Gray Label*/
h2.Labels_LargeBold {
font-family: sans-serif;
color: #000;
}
/* === Error messages, system messages etc === */
.Labels_ValidationSummary{font-size: 1.15em; color: Red;}
.Labels_Messages, .Labels_Validation {font-size:1em; color: Red; }
/* ====== STATUS LABELS ====== */
.Labels_Started, .Labels_Started{ color:#d92320;font-weight: bold;}
.Labels_NotStarted, .Labels_NotStarted a{ color:#ab1abf;font-weight: bold;}
.Labels_Completed, .Labels_Completed a { color:#769b3e; font-weight: bold;}
/* === column === */
.colauto{float:left; width:auto; padding-right:5px;}
.colauto a{color:#0091cd;}
.col100{width:100%; }
.col99{width:99%;}
.col98{width:98%;}
.col97{width:97%;}
.col96{width:96%;}
.col95{width:95%;}
.col94{width:94%;}
.col93{width:93%;}
.col92{width:92%;}
.col91{width:91%;}
.col90{width:90%;}
.col85{width:85%;}
.col80{width:80%;}
.col75{width:75%;}
.col70{width:70%;}
.col66{width:66.66666%;}
.col60{width:60%;}
.col56{width:56%;}
.col55{width:55%;}
.col50{width:50%;}
.col49{width:49%;}
.col48{width:48%;}
.col47{width:47%;}
.col46{width:46%;}
.col45{width:45%;}
.col44{width:44%;}
.col40{width:40%;}
.col33{width:33.33333%;}
.col31{width:31%;}
.col30{width:30%;}
.col25{width:25%;}
.col22{width:22%;}
.col20{width:20%;}
.col15{width:15%;}
.col10{width:10%;}
.col8{width:8%;}
.col7{width:7%;}
.col6{width:6%;}
.col5{width:5%;}
.col3{width:3%;}
.col2{width:2%;}
.dashboardElement
{
width:300px;
margin-top:0px;
min-height:250px;
}
.dashboardHeader
{
font-family:Tahoma, Arial, Sans-Serif;
font-size:1.5em;
height:25px;
color:#003d91;
background:url(../../images/dashboardBG.jpg) repeat-x;
}
.dashboardContent
{
font-family:Arial, Sans-Serif;
line-height:22px;
margin-top:10px;
}
/* ITX */
.footer-logo { max-height: 35px; max-width: 135px;}
.header-logo { max-height: 43px; max-width: 165px;}
.red {color:red;}
.RadWindow .rwDialogPopup {padding: 0 !important;}
.RadWindow .rwWindowContent .radalert {background-image: none !important;}
.verdana {font-family: Verdana;}
.clickable {cursor:pointer;}
.RadComboBox.RadComboBox_DefaultSkin {
border-bottom: 1px solid #c3d9f9;
position: relative;
top: -2px;
}
/* POST HD */
.posthd-section {font-size: 0.9em !important; overflow-x:auto; box-sizing:border-box; margin-bottom:0;}
.posthd-section .Labels {font-size: 0.9em !important;}
.posthd-tab .rtsIn, .posthd-tab .rtsTxt {padding: 0 !important;}
/***********/
/* ORDER PROCESSING QUEUE */
.processing-section {font-size: 0.9em !important; overflow-x:auto; box-sizing:border-box; margin-bottom:0;}
.processing-section .Labels {font-size: 0.9em !important;}
.processing-tab .rtsIn, .posthd-tab .rtsTxt {padding: 0 !important;}
.processing-section .sub-header { font-size: 110%; }
.processing-section .Labels {font-size: 0.9em !important; font-weight: normal;}
table.processing-totals td { padding-right: 8px; }
table.fax-totals td { padding-right: 4px; white-space: nowrap; overflow: hidden; }
table.fax-totals td:nth-child(1) { width: 65%; }
table.fax-totals td:nth-child(2) { width: 35%; }
.batch-container {height: 500px; overflow-y: auto; margin-bottom: 5px;}
.order-container {height: 470px; overflow-y: auto; margin-bottom: 5px;}
.processing-order, .processing-batch {
border: 1px solid lightgray;
padding: 7px;
margin-right: 4px;
margin-bottom: -1px; /* collapse the borders */
line-height: 1.8em;
box-sizing: border-box;
cursor: pointer;
}
.processing-order.selected, .processing-batch.selected { background-color: #FFA500; }
.processing-order.selected:hover, .processing-batch.selected:hover { background-color: #D48900; }
.processing-order:hover, .processing-batch:hover { background-color: lightgray; }
.queue-info-block {font-size: 0.9em !important;}
.queue-info-block td {padding-right: 15px; padding-bottom: 4px;}
/*************************/
.RadWindow .rwWindowContent .radconfirm {
background-image: none !important;
}
/******************jQuery Dialogs****************/
.ui-widget-header {
background: none !important;
border: 1px solid transparent !important; /*1px solid #00632E !important;*/
background-color: transparent !important; /*#009345 !important;*/
}
.ui-front {z-index: 10000 !important;}
.ui-dialog.ui-widget {box-shadow: 0px 0px 25px 0px grey;}
/***************** checkbox slider *************/
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 36px;
height: 16px;
}
/* Hide default HTML checkbox */
.switch input {display:none;}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ddd;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 12px;
width: 12px;
left: 2px;
bottom: 2px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
z-index: 1;
}
input:checked + .slider {
background-color: #009345; /*#2196F3;*/
}
input:focus + .slider {
box-shadow: 0 0 1px #009345; /*#2196F3;*/
}
input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.slider:after {
content: "OFF";
font-size: 8px;
color: #888;
position: relative;
left: 15px;
top: 4px;
z-index: 0;
}
input:checked + .slider:after {
content: "ON";
color: #fff;
left: 6px;
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.switch + label {
position: relative;
top: -4px;
}
/*************** end checkbox slider ***********/
/** D1C Lables **/
.SubFormLabel
{
font-size:2em !important;
}
.SectionHeader
{
font-size:1.5em !important;
}
/* ========================= SPACING ========================= */
.p-0 { padding: 0 !important; }
.p-xs { padding: 5px !important; }
.p-sm { padding: 10px !important; }
.p-md { padding: 20px !important; }
.p-lg { padding: 30px !important; }
.p-t-0 { padding-top: 0 !important; }
.p-t-xs { padding-top: 5px !important; }
.p-t-sm { padding-top: 10px !important; }
.p-t-md { padding-top: 20px !important; }
.p-t-lg { padding-top: 30px !important; }
.p-l-0 { padding-left: 0 !important; }
.p-l-xs { padding-left: 5px !important; }
.p-l-sm { padding-left: 10px !important; }
.p-l-md { padding-left: 20px !important; }
.p-l-lg { padding-left: 30px !important; }
.p-r-0 { padding-right: 0 !important; }
.p-r-xs { padding-right: 5px !important; }
.p-r-sm { padding-right: 10px !important; }
.p-r-md { padding-right: 20px !important; }
.p-r-lg { padding-right: 30px !important; }
.p-b-0 { padding-bottom: 0 !important; }
.p-b-xs { padding-bottom: 5px !important; }
.p-b-sm { padding-bottom: 10px !important; }
.p-b-md { padding-bottom: 20px !important; }
.p-b-lg { padding-bottom: 30px !important; }
.p-x-0 { padding-left: 0 !important; padding-right: 0 !important; }
.p-x-xs { padding-left: 5px !important; padding-right: 5px !important; }
.p-x-sm { padding-left: 10px !important; padding-right: 10px !important; }
.p-x-md { padding-left: 20px !important; padding-right: 20px !important; }
.p-x-lg { padding-left: 30px !important; padding-right: 30px !important; }
.p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.p-y-xs { padding-top: 5px !important; padding-bottom: 5px !important; }
.p-y-sm { padding-top: 10px !important; padding-bottom: 10px !important; }
.p-y-md { padding-top: 20px !important; padding-bottom: 20px !important; }
.p-y-lg { padding-top: 30px !important; padding-bottom: 30px !important; }
.m-0 { margin: 0 !important; }
.m-xs { margin: 5px !important; }
.m-sm { margin: 10px !important; }
.m-md { margin: 20px !important; }
.n-lg { margin: 30px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-xs { margin-top: 5px !important; }
.m-t-sm { margin-top: 10px !important; }
.m-t-md { margin-top: 20px !important; }
.m-t-lg { margin-top: 30px !important; }
.m-l-0 { margin-left: 0 !important; }
.m-l-xs { margin-left: 5px !important; }
.m-l-sm { margin-left: 10px !important; }
.m-l-md { margin-left: 20px !important; }
.m-l-lg { margin-left: 30px !important; }
.m-r-0 { margin-right: 0 !important; }
.m-r-xs { margin-right: 5px !important; }
.m-r-sm { margin-right: 10px !important; }
.m-r-md { margin-right: 20px !important; }
.m-r-lg { margin-right: 30px !important; }
.m-b-0 { margin-bottom: 0 !important; }
.m-b-xs { margin-bottom: 5px !important; }
.m-b-sm { margin-bottom: 10px !important; }
.m-b-md { margin-bottom: 20px !important; }
.m-b-lg { margin-bottom: 30px !important; }
.m-x-0 { margin-left: 0 !important; margin-right: 0 !important; }
.m-x-xs { margin-left: 5px !important; margin-right: 5px !important; }
.m-x-sm { margin-left: 10px !important; margin-right: 10px !important; }
.m-x-md { margin-left: 20px !important; margin-right: 20px !important; }
.m-x-lg { margin-left: 30px !important; margin-right: 30px !important; }
.m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.m-y-xs { margin-top: 5px !important; margin-bottom: 5px !important; }
.m-y-sm { margin-top: 10px !important; margin-bottom: 10px !important; }
.m-y-md { margin-top: 20px !important; margin-bottom: 20px !important; }
.m-y-lg { margin-top: 30px !important; margin-bottom: 30px !important; }
.d-ib { display: inline-block !important; }
.cur-default { cursor: default !important; }
.cur-pointer { cursor: pointer !important; }
ul.wizardbar {
font-size: 16px;
font-weight: bold;
line-height: 1;
display: inline-block;
}
/*base item styles*/
ul.wizardbar > li {
display: inline-block;
padding: 0.5em 0.8em;
padding-left: 1.8em;
text-decoration: none;
/*transition: all .15s;*/
background-color: #aaa;
color: #fff;
text-align: center;
text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
position: relative;
margin-right: 2px;
cursor: pointer;
}
/*arrow styles*/
ul.wizardbar > li:before,
ul.wizardbar > li:after {
content: "";
height: 0;
width: 0;
border-width: 1em 0 1em 1em;
border-style: solid;
/*transition: all .15s;*/
position: absolute;
left: 100%;
top: 0;
}
/*arrow overlapping left side of item*/
.divform ul.wizardbar > li:before {
border-color: transparent transparent transparent #fdfbfc;
}
ul.wizardbar > li:before {
border-color: transparent transparent transparent black;
left: 0;
}
/*arrow pointing out from right side of items*/
ul.wizardbar > li:after {
border-color: transparent transparent transparent #aaa;
z-index: 1;
}
/*current item styles*/
ul.wizardbar > li.current {
background-color: #328fe0;
color: white;
cursor: default;
}
ul.wizardbar > li.current:after {
border-color: transparent transparent transparent #328fe0;
}
/*hover styles*/
/*ul.wizardbar > li:not(.current):hover {
background-color: #2870af;
}
ul.wizardbar > li:not(.current):hover:after {
border-color: transparent transparent transparent #2870af;
}*/
/*remove arrows from beginning and end*/
ul.wizardbar > li:first-of-type:before,
ul.wizardbar > li:last-of-type:after {
border-color: transparent!important;
}
/*no inset arrow for first item*/
ul.wizardbar > li:first-of-type {
border-radius: 0.25em 0 0 0.25em;
padding-left: 1.3em;
}
/*no protruding arrow for last item*/
ul.wizardbar > li:last-of-type {
border-radius: 0 0.25em 0.25em 0;
padding-right: 1.3em;
}
.voe-borrowers {
margin: 0;
padding: 0;
width: 150px;
}
.voe-borrowers > li {
list-style: none;
padding: 10px;
border: 1px solid #000;
margin-top: -1px;
background-color: #ddd;
cursor: pointer;
}
.voe-borrowers > li.selected, .voe-borrowers > li.selected:hover {
background-color: #328fe0;
color: #fff;
}
.voe-borrowers > li:hover {
background-color: #bbb;
}
.voe-borrowers > li .fa:hover {
color: #fff;
}
.voe-borrower-info {
border-top: 1px solid #aaa;
padding: 14px 0px;
}
.voe-employer {
padding: 20px 10px;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
margin-top: -1px;
}
.voe-employer:hover {
background-color: #efefef;
}
.voe-loan-number-error
{
color:Red;
font-size:11px;
}
.voe-borrower-review {
display: table;
margin-top: 10px;
border-bottom: 1px solid #aaa;
width: 100%;
font-weight: normal;
}
.voe-borrower-review > div {
display: table-cell;
width: 33.333%;
padding: 10px;
border-right: 1px solid #aaa;
border-top: 1px solid #aaa;
vertical-align: top;
}
.voe-borrower-review > div:hover {
background-color: #eee;
}
.voe-borrower-review > div:nth-of-type(3) {
border-right: 1px solid transparent;
}
.voe-borrower-review > div > span,
.voe-borrower-review > div > div > span {
padding: 0px 15px 0px 0px;
line-height: 1.75em;
}
.required:after {
content: '*';
color: #a97b29;
font-size: 1.25em;
line-height: 0.5;
padding: 2px;
}
.table td {
padding-top: 10px;
font-weight: normal;
}
.table th {
font-size: 1.2em;
}
.table th, .table td {
border: 1px solid #aaa;
min-width: 100px;
padding: 8px 10px;
}
.tr {
display: table-row !important;
}
.success-color { color: #518210 !important; }
.secondary-color { color: #328fe0 !important; }
.negative-color { color: #e03232 !important; }
.black { color: #000 !important; }
.file-container {
overflow: hidden;
position: relative;
}
.file-container input[type=file] {
cursor: pointer;
display: block;
filter: alpha(opacity=0);
/*min-height: 100%;*/
/*min-width: 100%;*/
width:100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: -4px;
}
.label-btn-sec {
background-color: #fff;
border: 1px solid #328fe0;
border-radius: 4px;
font-weight: bold;
padding: 4px 8px;
text-transform: uppercase;
cursor: default;
}
.label-btn-sec-fill {
border: 1px solid #333;
border-radius: 4px;
font-weight: bold;
padding: 4px 8px;
background-color: #328fe0;
text-transform: uppercase;
color: #fff;
cursor: default;
}
label > .fa {
position: relative;
top: -2px;
}
.voe-file-review {
padding: 10px;
font-weight: normal;
border-bottom: 1px solid #aaa;
}
.voe-file-review table {
width: 500px;
border-spacing: 0px 10px;
border-collapse: separate;
}
.tooltip {
display: none;
position: absolute;
background-color: rgba(30, 30, 30, 0.95);
padding: 7px 10px;
max-width: 250px;
color: #fff;
border-radius: 4px;
opacity: 0;
transition: opacity 0.5s;
z-index: 10000 !important;
}
.tooltip-show {
display: inherit;
opacity: 1;
transition: opacity 0.5s;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
}
.tooltip-down .tooltip-arrow {
top: -5px;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid rgba(30, 30, 30, 0.95);
}
.tooltip-up .tooltip-arrow {
bottom: -5px;
left: 50%;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgba(30, 30, 30, 0.95);
}
.tooltip-right .tooltip-arrow {
left: -5px;
top: 50%;
margin-top: -3px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgba(30, 30, 30, 0.95);
}
.tooltip-left .tooltip-arrow {
right: -5px;
top: 50%;
margin-top: -3px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid rgba(30, 30, 30, 0.95);
}
/* LOADING ANIMATIONS */
.base-loader-wrapper {
position: absolute;
z-index: 99999;
}
.base-loader {
position: absolute;
display: block;
border-color: #eee;
border-top-color: #328fe0;
border-style: solid;
border-radius: 50%;
margin: auto;
z-index: 9999;
animation-name: spin;
animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-name: spin;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: spin;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* END LOADING ANIMATIONS */
input[type=text].ng-touched.ng-invalid,
select.ng-touched.ng-invalid {
border: 1px solid #f22 !important;
}
.border-box {
box-sizing: border-box;
}
.vertical-middle {
vertical-align: middle;
}
button {
cursor: pointer;
}
.rwMinimizedWindow {
position: fixed !important;
bottom: 0 !important;
left: 0 !important;
top: auto !important;
right: auto !important;
}
.RadWindow_DefaultSkin {
box-shadow: 2px 2px 20px 0px;
}
.rwMinimizedWindowOverlay {
display:none;
}
input[type=radio] + label {
position: relative;
top: -2px;
}
.rcCalPopup {
height: 20px !important;
position: relative !important;
top: -2px !important;
}
.RadPicker RadPicker_Windows7 {
position: relative;
top: -1px;
}
.RadComboBox_DefaultSkin td.rcbInputCellLeft {
background-position: 0 2px !important;
}
.RadComboBox_DefaultSkin td.rcbArrowCellRight {
background-position: -36px -86px !important;
}
.RadTreeView .rtSelected .rtIn {
color: #fff;
background: #999;
padding: 4px;
}
.RadTreeView .rtPlus, .RadTreeView .rtMinus {
background-image: url('/images/carets.png');
cursor: pointer;
}
.privacy-policy {
position: fixed;
bottom: 0;
margin: 1%;
padding: 18px;
color: #fff;
background-color: rgba(0, 0, 0, 0.8);
}
.privacy-policy > h3 {
color: white;
font-size: 12pt;
font-family: sans-serif;
}
.privacy-policy > p {
margin-bottom: 0;
margin-right: 110px;
line-height: 14pt;
font-size: 10pt;
}
.privacy-policy a {
color: white;
}
.privacy-policy button {
position: absolute;
right: 0px;
margin-right: 16px;
top: 48px;
border: none;
background-color: #013a6f;
color: white;
padding: 10px 14px;
font-size: 12pt;
font-weight: bold;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.privacy-link {
text-decoration: none !important;
color: black !important;
}
.privacy-link:hover {
text-decoration: underline !important;
}
a.skip-main {
left:-999px;
position:absolute;
top:auto;
width:1px;
height:1px;
overflow:hidden;
z-index:-999;
}
a.skip-main:focus, a.skip-main:active {
color: #fff;
background-color:#000;
left: auto;
top: auto;
width: 30%;
height: auto;
overflow:auto;
margin: 10px 35%;
padding:5px;
border-radius: 15px;
border:4px solid yellow;
text-align:center;
font-size:1.2em;
z-index:999;
}
.table-batch-orders {
width: 100%;
}
.table-batch-orders th {
border-bottom: 1px solid #ddd;
font-weight: bold;
font-size: 110%;
}
.table-batch-orders td {
font-weight: normal;
}
.table-batch-orders th, .table-batch-orders td {
padding: 3px 1px;
}
.badge {
background-color: lightgray;
padding: 2px 6px;
border-radius: 3px;
font-weight: bold;
}
.badge.badge-danger {
background-color: pink;
}
.badge.badge-queue{
background-color: yellow;
}
.tooltip ul, .rtWrapperContent ul {
padding-inline-start: 30px;
margin-top: 6px;
margin-bottom: 6px;
}
.tooltip ul ul, .rtWrapperContent ul ul {
margin-top: 2px;
margin-bottom: 0;
}
.tooltip ul > li, .rtWrapperContent ul > li {
padding: 2px 0;
}
.ui-dialog-title {
color: #393939;
}
.ui-widget-content a {
color: #3674bf !important;
}