﻿/* ====================== COE Auto Sec (07/30/18) =======================*/
body { font-family: 'Lucida Sans Unicode','Lucida Grande', sans-serif; background-color: #FFFFFF; color: #002855;}
/* =================== Styles for basic forms ===============*/
fieldset { border:1px solid #ddd; padding:0 1.4em 1.4em 1.4em; margin:0 0 1.5em 0;}
legend { font-size:1.1em; font-weight: bold; border-bottom: none; color: #002855;}
textarea { min-height: 75px;}
.editor-label { margin: 1em 0 0 0;}
.editor-field { margin:0.5em 0 0 0;}
/* =================== Styles for validation helpers ========*/
.field-validation-error { color: #ff0000;}
.field-validation-valid { display: none;}
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000;}
.validation-summary-valid { display: none;}
/* ==================== Main Section =========================*/
.coeMain { min-height: 400px;}
/* ==================== Navigation ===========================*/ 
/*.navbar { background-color: #ffffff;}
.navbar-nav { background-color: #1A3E68;}
.navbar .nav > li > a { text-transform:uppercase; color:#ffffff; border-left: #CCD4E0; border-left-style: solid; border-width: 1px; padding-top:10px !important; padding-bottom:10px !important;} /*HS*/ 
/*.navbar .nav > li:hover { background-color: #667D9D;}
.coe-navbar { background-color: #1e4778;}
.coe-navbar-lower { background-color: #DAA000; height: 5px; -webkit-box-shadow: 5px 5px 5px #888888; -moz-box-shadow: 5px 5px 5px #888888; box-shadow: 5px 5px 5px #888888; }*/
/* ==================== Footer ================================*/
.coe-footer-bar { height: 1px; background-color: #1A3E68;}
.coe-footer { color: #4C4C4C; font-size: 0.7em; }
/* ==================== Tables ================================*/
.coe-borderless > thead > tr > th, .coe-borderless > tbody > tr > th, .coe-borderless > tfoot > tr > th, .coe-borderless > thead > tr > td, .coe-borderless > tbody > tr > td, .coe-borderless > tfoot > tr > td { border: none !important; vertical-align: middle !important;}
.coe-borderlesstop > thead > tr > th, .coe-borderless > tbody > tr > th, .coe-borderless > tfoot > tr > th, .coe-borderless > thead > tr > td, .coe-borderless > tbody > tr > td, .coe-borderless > tfoot > tr > td { border: none !important; vertical-align: top !important;}
.coe-btable > thead > tr > th, .coe-btable > tbody > tr > th, .coe-btable > tfoot > tr > th, .coe-btable > thead > tr > td, .coe-btable > tbody > tr > td, .coe-btable > tfoot > tr > td { border-color: #002855 !important; vertical-align: middle !important;}
.coe-dataTables > thead > tr > th, .coe-dataTables > tbody > tr > th, .coe-dataTables > tfoot > tr > th, .coe-dataTables > thead > tr > td, .coe-dataTables > tbody > tr > td, .coe-dataTables > tfoot > tr > td { padding-top:2px !important;padding-bottom:2px !important;padding-right:2px !important;padding-left:2px !important;}
.coeTblC30W { width:30%; }
.coeTblC25W { width:25%; }
.coeTblC20W { width:20%; }
.coeTblC15W { width:15%; }
.coeTblC10W { width:10%; }

.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color: #E5E9EF;}

.coeVTop { vertical-align: text-top !important;}

/*.coeHeaderImg { width: 100%; display:block;}*/

/*===================== Panels ================================*/
.coePanelBody { }
.coePanelHeader { padding-top: 8px !important; padding-bottom: 8px !important; padding-right: 8px !important; padding-left: 8px !important; color: #002855 !important;}

/* =================== Inputs and Reports ==================== */
.coeInputs { color: #002855;}
.coeInputsMx { color: #002855; width: 100%;}
.coeInputsMxWH { color: #002855; width: 100%; height: 100%;}
.coeD300Scroll { height:300px; width:80%; overflow:scroll;}
.coeDivIndent { margin-left: 15px;}
.coe10W { width:10%; }
.coe15W { width:15%; }
.coe20W { width:20%; }
.coe25W { width:25%; }
.coe30W { width:30%; }
.coe40W { width:40%; }
.coe45W { width:45%; }
.coe50W { width:50%; }
.coe60W { width:60%; }
.coe70W { width:70%; }
.coe80W { width:80%; }
.coe90W { width:90%; }
.coeUCDInputWidth { width:50%; }
.coeGrpNameInputWidth { width:40%; }
.coeSmlCntInputWidth { width:40%; }
.coeTblColSmallWidth { width:30%; }
.coeADDNSmall { white-space: nowrap; width:60%; overflow: hidden; text-overflow: ellipsis;}

/*==================== Lists  =================================*/
.coeDoubleList {line-height: 200%;}


/* =================== Typography =============================*/
.coeH4 { margin-bottom: 20px; margin-top: 20px;}
.coeUnderline { text-decoration: underline;}
.coeSmallText {font-size:x-small !important;}
.coeLTblText {font-size:xx-small !important;}
.coeError { color: #ff0000;}
.coeErrorStrong { color: #ff0000; font-weight: bold;}
.coeFieldSet { border: 1px groove #ddd !important; padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; box-shadow: 0px 0px 0px 0px #000;}
.coeLegend { font-size: 1.0em !important; font-weight: bold !important; text-align: left !important;}
.coeAlrtNotice { color: #BA0C2F; background-color: #B1B3B3; }
.coeAlrtNtce { color: #BA0C2F; }
.coeAlrtCnt { background-color: #E9D599; }
.coeAlrtLnkNtce { color: #ff0000 !important;}

/*  B1B3B3 BA0C2F E9D599*/

/*Media Queries*/
/*@media screen and (min-width: 800px) {

    .coeLTblText {font-size:x-small !important;}
    .coeUCDInputWidth { width:40%; }
    .coeGrpNameInputWidth { width:30%; }
    .coeTblColSmallWidth { width:35%; }
    .coeSmlCntInputWidth { width:20%; }
}

@media screen and (min-width: 1300px) {

    .coeLTblText {font-size:small !important;}
    .coeUCDInputWidth { width:30%; }
    .coeGrpNameInputWidth { width:25%; }
    .coeTblColSmallWidth { width:20%; }
    .coeSmlCntInputWidth { width:15%; }
}


@media screen and (min-width: 1600px) {

    .coeLTblText {font-size:medium !important;}
    .coeUCDInputWidth { width:20%; }
    .coeGrpNameInputWidth { width:20%; }
    .coeTblColSmallWidth { width:15%; }
    .coeSmlCntInputWidth { width:10%; }
}*/