/*Core stylesheets*/
@import url("../vendor/cms/assets/font-awesome/font-awesome.css");
@import url("../vendor/cms/assets/globalassets/styles/adobeBlank/adobe-blank.css");
@import url("../vendor/cms/assets/jqueryui/themes/base/jquery-ui.css");
/*@import url("../js/vendor/jqueryui/themes/base/jquery-ui.css");

/*External library stylesheets*/
@import url("../vendor/cms/assets/chart/1.0.1/css/charts.css");
@import url("../vendor/cms/assets/datatables/1.9.1/css/datatables.css");
@import url("../vendor/cms/assets/datepicker/v6/css/datepicker.css");
/*@import url("../vendor/cms/assets/jquery.customInput/css/enhanced.css"); */
@import url("../vendor/cms/assets/jquery.collapsible/1.0/css/collapsible.css");
@import url("../vendor/cms/assets/rwdTable/1.0/css/rwdtable-core.css");
@import url("../vendor/cms/assets/share/4.0/styles/sharewidget-4.0.css");

/*Global Assets stylesheets*/
@import url("../vendor/cms/assets/globalassets/styles/widgets/alerts.css");
@import url("../vendor/cms/assets/globalassets/styles/widgets/buttons.css");
@import url("../vendor/cms/assets/globalassets/styles/widgets/tooltips.css");
@import url("../vendor/cms/assets/globalassets/styles/widgets/carousel.css");
@import url("../vendor/cms/assets/globalassets/styles/widgets/modalstyles.css");
@import url("../css/dep.css");
.darkestBlue {
    color: #000007;
}
.nearBlack {
    color: #101420;
}
.nearBlue {
    color: #103582;
}
#layout {
    width: 100%;
    min-height: 99%;
    height: auto !important;
    margin: 0 0 -4em 0;
}
span.noshow {
    height: 0;
    display: none;
    visibility: hidden;
}
#container {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border: 1px solid #25587E;
}

#banner {
    width: 100%;
    height: 20em;
    margin-bottom: .4em;
}

div#header {
    height: 100px;
    padding: 8px 10px 0 10px;
    background: -webkit-radial-gradient(#1D3582,#101420); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#1D3582,#101420); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#1D3582,#101420); /* For Firefox 3.6 to 15 */
    background: radial-gradient(#1D3582,#101420); /* Standard syntax */ }

div#cpheader {
    height: 40px;
    background: #101420;;
    color: #F8F8FF;
    padding: 8px 10px 0 10px;
}

div#subhead {
    float: right;
    padding-top: 8px;
}

span.pageTitle {
    vertical-align: top;
    float: right;
    font-family: Arial Black, sans-serif;
    font-size: 24pt;
    color: #FcFcFF;
}

span.pageSubTitle {
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    text-align: right;
    color: #FcFcFF;
    padding: 0 2px 0 0;
    clear: right;
    float: right;
    border-top: 2px solid #BAB891;
}

div#titlehead {
    width: 50%;
    float: right;
    margin: 20px 0 0 0;
    padding-bottom: 4px;
    border-top: 2px solid #145192;
    border-bottom: 2px solid #145192;
    color: #000007;
}

div#header span.dbp {
    float: left;
    margin-left: 10px;
    vertical-align: top;
    color: #fefeff;
    font-size: 46pt;
    font-family: Verdana, sans-serif;
    font-variant: small-caps;
    font-weight: 100;
    text-shadow: 3px 3px #00003F;
}

div#login-bar {
    clear: right;
    vertical-align: top;
    float: right;
    font-family: Verdana, sans-serif;
    font-size: 14px;
    margin-top: 6px;
    padding: 2px 0 0 0;
    text-align: right;
    color: #101420;
}

div#login-bar a {
    background: #F8F8FF;
    color: #000007;
}

#headerinfo {
    width: 60%;
    vertical-align: top;
    float: left;
    background: #F8F8FF;
    padding: 0;
    margin: 0;
}

#headerinfo {
    font: small-caps 12px arial, sans-serif; }


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 90px;
    background-color: #f5f5f5;
}

/*/!*custom gradient*!/
.navbar-custom {
    background-color: #1d3582;
    border-color: #172a67;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2646ac), to(#1d3582));
    background-image: -webkit-linear-gradient(top, #2646ac, 0%, #1d3582, 100%);
    background-image: -moz-linear-gradient(top, #2646ac 0%, #1d3582 100%);
    background-image: linear-gradient(to bottom, #2646ac 0%, #1d3582 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2646ac', endColorstr='#ff1d3582', GradientType=0);
}
.navbar-custom .navbar-brand {
    color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #e6e6e6;
    background-color: transparent;
}
.navbar-custom .navbar-text {
    color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
    border-right: 1px solid #172a67;
}
.navbar-custom .navbar-nav > li > a {
    color: #ffffff;
    border-left: 1px solid #172a67;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #101420;
    background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #101420;
    background-color: #172a67;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#172a67), to(#203b91));
    background-image: -webkit-linear-gradient(top, #172a67, 0%, #203b91, 100%);
    background-image: -moz-linear-gradient(top, #172a67 0%, #203b91 100%);
    background-image: linear-gradient(to bottom, #172a67 0%, #203b91 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff172a67', endColorstr='#ff203b91', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-custom .navbar-toggle {
    border-color: #dddddd;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #dddddd;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: #162965;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #101420;
    border-bottom-color: #101420;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    background-color: #172a67;
    color: #101420;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #101420;
    border-bottom-color: #101420;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
@media (max-width: 767) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #ffffff;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #101420;
        background-color: transparent;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #101420;
        background-color: #172a67;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}
.navbar-custom .navbar-link {
    color: #ffffff;
}
.navbar-custom .navbar-link:hover {
    color: #101420;
}
/!*end custom gradient*!/




/!*Override bootstrap css on to increase navbar height to accommodate logo*!/   */
.navbar-nav > li > a, .navbar-brand {
    padding-top:4px !important;
    padding-bottom:0 !important;
    height: 200px;
    font-size: 100%;
}
.navbar {/*min-height:100px !important;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,bf0306+51,6d0019+100 */
    /* Red gradient */
    /*background: #a90329;
    background: -moz-radial-gradient(center, ellipse cover, #a90329 0%, #bf0306 51%, #6d0019 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #a90329 0%,#bf0306 51%,#6d0019 100%);
    background: radial-gradient(ellipse at center, #a90329 0%,#bf0306 51%,#6d0019 100%); */

    /* Red Gradient */
    background: -webkit-radial-gradient(#1D3582,#101420);
    background: -o-radial-gradient(#1D3582,#101420) ;
    background: -moz-radial-gradient(#1D3582,#101420);
    background: radial-gradient(#1D3582,#101420);
}
.blue{
    background: #71B2D3;
}

.page-sub-title{
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    font-style: italic;
    text-align: right;
    color: #FcFcFF;
    padding: 0 2px 0 0;
    clear: right;
    float: right;
    border-top: 2px solid #BAB891;
}

.left-header-title{
    margin-left: 10px;
    margin-top: 20px;
    vertical-align: top;
    color: #fefeff;
    font-size: 30pt;
    font-family: Verdana, sans-serif;
    font-variant: small-caps;
    font-weight: 100;
    text-shadow: 3px 3px #00003F;
}

.left-header-title-admin{
    margin-right: 20px;
    padding-top: 10px;
    vertical-align: top;
    color: #fefeff;
    font-size: 24pt;
    font-family: 'Arial Black', gadget, sans-serif;
    font-weight: bold;
    text-shadow: 3px 3px #00003F;
}

.page-title{
    padding-top: 15px;
    color: rgb(254,254,255);
    font-weight:100;
    font-family: 'Arial Black', sans-serif;
    font-size: 32px;
    text-shadow: rgb(0,0,63) 3px 3px ;
    float: right;
}

#maincontainer{
    margin-top: -35px ;
    margin-bottom: 30px ;
    margin-left: 20px ;
    margin-right: 20px ;
    padding-bottom: 15px ;
}

#tablelayout{
    padding-bottom: 75px ;
}

#tablelayout table{
    border: 1px solid black ;
    text-align: center ;
    margin-bottom: 100px ;
    width: 100% ;
}

#tablelayout td{
    border: 1px solid black ;
    padding: 2px 5px 2px 5px;
}

#tablelayout tr:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d2ebf9+1,feffff+100 */
    background: #d2ebf9;
    background: radial-gradient(ellipse at center, #d2ebf9 1%,#feffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ebf9', endColorstr='#feffff',GradientType=1 );
    background-attachment: fixed ;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feaeb0+0,fdabac+44,ff9d9f+100 */
    /* background: #feaeb0;  Old browsers
    background: -moz-radial-gradient(center, ellipse cover, #feaeb0 0%, #fdabac 44%, #ff9d9f 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #feaeb0 0%,#fdabac 44%,#ff9d9f 100%); /
    background: radial-gradient(ellipse at center, #feaeb0 0%,#fdabac 44%,#ff9d9f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feaeb0', endColorstr='#ff9d9f',GradientType=1 );
    background-attachment: fixed ; */
}

#tablelayout th{
    text-align: center ;
    font-weight: bold ;
    background-color: #e6e6e6 ;
    color: black ;
    border: 1px solid black ;
    padding: 0.5px 1.5px 0.5px 1.5px;
}

hr {
    border-color: #00008B ;
}

input#excel-icon{
    position: relative ;
    top: 0;
    left: 0;
    background: #bec2c6 url("../static/images/excel_icon.png") no-repeat left ;
    background-size: 25px 25px ;
    background-position: 9px ;
    border: none ;
    width: 120px;
    border-radius: 12px;
    color: black ;
    font-weight: bold ;
    font-size: 19px ;
    padding: 10px 40px 10px 40px;
}
.excel-downloadicon{
    position: relative ;
    top: 0;
    left: 0;
    background: #bec2c6 url("../static/images/excel_icon.png") no-repeat left ;
    background-size: 25px 25px ;
    background-position: 9px ;
    border: none ;
    width: 120px;
    border-radius: 12px;
    color: black ;
    font-weight: bold ;
    font-size: 19px ;
    padding: 10px 40px 10px 40px;
}

.toggle_button{
    padding-top: 11px;
    padding-bottom: 11px;
}


.contain-border{
    border-radius: 25px ;
    border: 1.5px solid #1e0e8b ;
    animation: fadeIn 0.75s ease-in 1 forwards ;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.report_button{
    font-size: 18px ;
    padding: 16px 32px ;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s
}

.report_button.resize{
    width: 310px ;
    height: 80px ;
}

.report_button:hover{
    border: 2px solid #008CBA;
    background-color: white;
    color: black;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

#reports-contain{
    text-align: center ;
}

.resize{
    width: 120px ;
}

.depmenutable td {
    padding: 2px 5px 2px 5px;
}

.depmenutable a {
    color: #ffffff;
    font-weight: bold ;
}

.depmenutable {
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 18px;
    background-color: #336699;
    color: #ffffff;
    width: 100%;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    padding-right: 5px;
}

#reportHeader{
    font-size: 18px;
    font-weight: 200;
    text-align: center;
}

.reportSelectionBlock{
    margin-bottom:50px;
}

.reportSelectionBlock button{
    margin-bottom: 5px;
}

.reportSelectionBlock p{
    padding-left: 25px;
}

#noResults{
    color: #ff0000;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.requiredTag{
    color: #ff0000;
    font-size: 16px;
    font-weight: 600;
}

#returnHeadings{
    display: flex ;
}

#returnDivs{
    flex: 1 ;
    position: relative ;
    left: 25px;
}