/* Minification failed. Returning unminified contents.
(355,1): run-time error CSS1019: Unexpected token, found '}'
 */

/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*##### MAIN PAGE ELEMENTS 
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/



/*######################################################################################################################################################*/
/*##### TOP SECTION 
/*######################################################################################################################################################*/


#top {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
}

#top, #menu, .top-bar, .top-bar-section ul li, .top-bar-section ul li > a.button {
    background: #06052D;
    font-size: 0.8rem;
    font-weight: bold !important;
    color: #fff;
}

.currentModule {
    background: #4ac73d !important;
    color: #fff !important;
}

.top-bar-section ul li > a.button:hover, .top-bar-section ul li > a.button:focus {
    background: #4ac73d !important;
    color: #fff !important;
}

#btnMenuHome {
    /*display: none !important;*/
}

.logout {
    /*display:none !important;*/
}





/*######################################################################################################################################################*/
/*##### TITLE SECTION 
/*######################################################################################################################################################*/


#logo {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.61);
    -moz-box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.61);
    box-shadow: 0px 0px 0px 0px rgba(50, 50, 50, 0.61);
    padding: 0rem;
    /*max-width: 8%; 
    margin-left: -8.1%;*/
}



/*######################################################################################################################################################*/
/*##### MAIN SECTION 
/*######################################################################################################################################################*/





/*######################################################################################################################################################*/
/*##### BOTTOM SECTION 
/*######################################################################################################################################################*/


#hlTestLink {
    /*display: none !important;*/
}



/*######################################################################################################################################################*/
/*##### MODALS 
/*######################################################################################################################################################*/





/*######################################################################################################################################################*/
/*##### ELEMENTS 
/*######################################################################################################################################################*/


a {
    /*color: #DEB408;*/
}

.fileUploadLabel {
    background-color: #4ac73d !important;
}


h5 {
    padding: 0.3rem;
    padding-right: 1rem;
    font-size: 1rem;
    background-color: #06052D;
    color: #fff;
    /*font-weight: bold;*/
    border: solid 1px #adadad;
    border-bottom: none;
    display: inline-block;
}


/*######################################################################################################################################################*/
/*##### CONTAINERS 
/*######################################################################################################################################################*/


.tab .ajax__tab_header .ajax__tab_outer {
    background: #06052D !important;
}

    .tab .ajax__tab_header .ajax__tab_outer a {
        color: #fff;
    }

.ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer, .ajax__tab_xp .ajax__tab_header .ajax__tab_hover .ajax__tab_outer {
    background-color: #4ac73d !important;
}

/*.tab .ajax__tab_hover .ajax__tab_outer, .tab .ajax__tab_active .ajax__tab_outer { 
    background-color: #4ac73d!important; 
} 

.tab .ajax__tab_hover .ajax__tab_tab, .tab .ajax__tab_active .ajax__tab_tab { 
    background-color: #4ac73d!important; 
    color: #fff; 
}*/

.accordionHeader {
    color: #fff;
    background: #06052D;
    background-image: url('/Common/images/arrowDown.png');
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
}

.accordionHeaderSelected {
    color: #fff;
    background: #cf6e0e;
    background-image: url('/Common/images/arrowUp.png');
    background-repeat: no-repeat;
    background-position: right;
}

.pnlButtonBar, .pnlButtonBarModal {
    background: #06052D !important;
}


/*######################################################################################################################################################*/
/*##### TABLES, GRIDVIEWS, FORMVIEWS 
/*######################################################################################################################################################*/


.gv th, .gv th a {
    background-color: #06052D !important;
    color: #fff !important;
}

    .gv th:hover, .gv th a:hover {
        background-color: #06052D !important;
        color: #fff !important;
    }

.gv tr:hover {
    background-color: #EFEFEF !important;
}

.gvSelectedRow {
    background-color: #4ac73d !important;
}

    .gvSelectedRow:hover {
        background-color: #EFEFEF !important;
    }

.gvTotal, .gvTotalRow {
    background-color: #EFEFEF !important;
}

    .gvTotalRow td {
        border-top: 2px solid black !important;
    }

.gvRoster {
    table-layout: fixed;
    /*width: 100%;*/
}

    .gvRoster thead tr {
        display: block;
        position: relative;
    }

    .gvRoster tbody {
        display: block;
        overflow: auto;
        width: 100%;
        max-height: 70vh;
    }

    .gvRoster th {
        background-color: #ff3333 !important;
        font-weight: normal;
        padding: 5px;
        min-width: 50px;
        max-width: 50px;
        word-wrap: break-word;
    }

    .gvRoster td, .gvRoster formField {
        padding: 0.3rem 0.15rem;
        font-size: 0.75rem;
    }

    .gvRoster th a {
        padding: 0.3rem 0.15rem;
    }

    .gvRoster td {
        padding: 5px;
        min-width: 50px;
    }

        .gvRoster td:hover {
            font-weight: bold;
        }




.gvDutyRoster {
    table-layout: fixed;
    /*width: 100%;*/
}

    .gvDutyRoster thead tr {
        display: block;
        position: relative;
    }

    .gvDutyRoster tbody {
        display: block;
        overflow: auto;
        /*width: 100%;*/
        max-height: 50vh;
    }

    .gvDutyRoster th {
        background-color: #ff3333 !important;
        font-weight: normal;
        padding: 5px;
        /*min-width: 50px;*/
        /*max-width: 50px;*/
        word-wrap: break-word;
    }




/*######################################################################################################################################################*/
/*##### ALERTS 
/*######################################################################################################################################################*/





/*######################################################################################################################################################*/
/*##### CLASSES 
/*######################################################################################################################################################*/





/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*##### PRINT 
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/





/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*##### SCREEN SIZE 
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/
/*######################################################################################################################################################*/


/* Smartphones */
/* Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}

/* Landscape */
@media only screen and (min-width : 321px) {
}

/* Portrait */
@media only screen and (max-width : 320px) {
}



/* Tablets, Surfaces, iPads */
/* Portrait and landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}


/* Desktops, laptops, larger screens */
@media only screen and (min-width : 1224px) {
    #top, #menu, .top-bar, .top-bar-section ul li, .top-bar-section ul li > a.button {
        font-size: 1rem;
        font-weight: initial !important;
    }
}

}

/*Large screen*/
@media only screen and (min-width : 1824px) {
}

/* Smartphones */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
}

/* Portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
}