body {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    border-collapse: collapse;
    background-color: #b2bfd4;
    margin: 0;
    padding: 0;
    height: 100%;
}

.smallButton {
    font-size: 8px;
    height: 18px;
    width: 50px;
}

table.report {
    border: thin solid #000000;
    TEXT-ALIGN: left;
}

table.basic {
    border-collapse: collapse;
}

table.basic, th.basic, td.basic {
    border: 1px solid black;
}

.modalPopupBG {
    background-color: #b2bfd4;
}

.floatLeft {
    float: left;
}

.wrapper {
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.wrapperHalf {
    float: left;
    width: 50%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.wrapperThird {
    float: left;
    width: 33%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.heavy {
    font: 14px Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.header {
    font: medium Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.headerSmall {
    font: small Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.title {
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #001144;
    text-align: center;
}

.header {
    font: medium Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
}

.darkHeader {
    color: White;
    background-color: #5D7B9D;
    font-weight: bold;
    text-align: center;
}

.rowname {
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    background-color: #cccccc;
    text-align: left;
}

.overlay {
    position: fixed;
    z-index: 1098;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #ffffff;
    filter: Alpha(Opacity=70);
    opacity: 0.70;
    -moz-opacity: 0.70;
}

.overlayContent {
    z-index: 1099;
    margin: 250px auto;
    width: 120px;
    height: 80px;
}

.UPoverlay {
    position: fixed;
    z-index: 9999;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=40);
    opacity: 0.80;
    -moz-opacity: 0.80;
}

.UPloader {
    z-index: 100;
    position: fixed;
    width: 120px;
    margin-left: -60px;
    top: 7%;
    left: 49%;
}

.UPoverlayPanel {
    position: relative;
    z-index: 99;
    top: 0px;
    left: 0px;
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=70);
    opacity: 0.90;
    -moz-opacity: 0.90;
}

.UPloaderPanel {
    position: relative;
    z-index: 100;
    width: 120px;
    margin-left: -60px;
    top: 7%;
    left: 34%;
}

/* Most of classes in table/td below are for the schedule page only */
table.schedule {
    border-style: solid;
    border-collapse: collapse;
    border-width: 0px;
    border-color: #b2bfd4;
    padding: 0;
}

table.scheduleLines {
    width: 150px;
    border-style: solid;
    border-collapse: collapse;
    border-width: 0px;
    border-color: #b2bfd4;
    padding: 0;
}

.notification {
    width: 100%;
    margin: auto;
    border-style: solid;
    border-collapse: collapse;
    border-width: 0px;
    border-color: #b2bfd4;
    padding: 0;
    font-family: arial, tahoma, sans-serif;
    font-size: 12px;
}

.rcbSlide {
    width: 16% !important;
}

/*.RadComboBoxDropDown_WebBlue{ width: 90% !important;}*/

.Notification_pannel legend {
    font-size: 15px;
}

.notification tr td {
    text-align: left;
    padding: 4px 0px;
    vertical-align: top;
    font-weight: normal;
}

    .notification tr td:first-child {
        width: 100px;
    }

.Notification_pannel {
    width: 82%;
    margin: auto;
    font-weight: bold;
}

.VIewNotification_pannel {
    width: 70%;
    margin: auto;
    font-weight: bold;
}

.rcbInputCellLeft {
    width: 100% !important;
}

#ctl00_ContentPlaceHolder1_rbtnSelectUsersnRoles tr td {
    width: 60px !important;
    padding-left: 30px;
}

    #ctl00_ContentPlaceHolder1_rbtnSelectUsersnRoles tr td label {
        position: relative;
        top: -2px;
    }

#ctl00_ContentPlaceHolder1_rbtnSelectUsersnRoles {
    position: relative;
    top: -4px;
}

#ContentPlaceHolder1_rbtnSelectUsersnRoles tr td {
    width: 60px !important;
    padding-left: 30px;
}

    #ContentPlaceHolder1_rbtnSelectUsersnRoles tr td label {
        position: relative;
        top: -2px;
    }

#ContentPlaceHolder1_rbtnSelectUsersnRoles {
    position: relative;
    top: -4px;
}

.notification_droper {
    display: inline-block !important;
    margin-left: 10px
}

.View_users_selected {
    position: relative;
    top: -2px;
}


.rgRow {
    height: 30px !important;
}

.rgAltRow {
    height: 30px !important;
}
/**************************************
*          TD
***************************************/

td.time {
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 20px;
}

td.timeReserve {
    background-color: #e3ffee;
    border-style: solid;
    border-width: 1px;
    border-color: #b2d4bf;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 20px;
}

td.timeT {
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 60px;
    height: 40px;
}

td.tb {
    /********************
	*  timeblank cell
	*********************/
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 15px;
    height: 20px;
    cursor: pointer;
}

td.tbReserve {
    /********************
	*  timeblank cell
	*********************/
    background-color: #e3ffee;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 15px;
    height: 20px;
    cursor: pointer;
}

td.tbT {
    /********************
	*  timeblank cell
	*********************/
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 15px;
    height: 40px;
    cursor: pointer;
}

td.date {
    background-color: #dfeeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 100px;
    height: 21px;
    text-align: center;
}

td.dateReserve {
    background-color: #99FFCC;
    border-style: solid;
    border-width: 1px;
    border-color: #b2d4bf;
    padding: 0;
    margin: 0;
    width: 100px;
    height: 21px;
    text-align: center;
}

td.dateT {
    background-color: #dfeeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 100px;
    height: 40px;
    text-align: center;
}

td.firstColumn {
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 160px;
    height: 20px;
    text-align: right;
    font-size: smaller;
}

td.firstColumnT {
    background-color: #e3eeff;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 160px;
    height: 40px;
    text-align: right;
    font-size: smaller;
}

td.firstColumnXLD {
    background-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 160px;
    height: 20px;
    text-align: right;
    font-size: smaller;
}

td.firstColumnXLDT {
    background-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 160px;
    height: 40px;
    text-align: right;
    font-size: smaller;
}

td.firstColumnReserve {
    background-color: #e3ffee;
    border-style: solid;
    border-width: 1px;
    border-color: #b2d4bf;
    padding: 0;
    margin: 0;
    width: 160px;
    height: 20px;
    font-size: smaller;
    text-align: left;
}

.sF {
    float: left;
    width: 100%;
}

td.b {
    font-size: smaller;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 10px;
    height: 20px;
    cursor: pointer;
}

    td.b:hover {
        font-size: smaller;
        background-color: #FFE79C;
        cursor: pointer;
    }

td.bT {
    font-size: smaller;
    border-style: solid;
    border-width: 1px;
    border-color: #b2bfd4;
    padding: 0;
    margin: 0;
    width: 10px;
    height: 40px;
    cursor: pointer;
}

    td.bT:hover {
        font-size: smaller;
        background-color: #FFE79C;
        border-color: #ea9b1f;
        cursor: pointer;
    }

/* flight cell: APIS valid, two crew assigned */
.r {
    font-size: smaller;
    cursor: pointer;
    border: solid 2px ForestGreen;
    text-align: center;
    overflow: hidden;
}

    .r:hover {
        font-size: smaller;
        border: solid 2px red;
        cursor: pointer;
    }

/* flight cell: APIS valid, one crew not assigned */
.s {
    font-size: smaller;
    cursor: pointer;
    border: solid 2px Blue;
    text-align: center;
    overflow: hidden;
}

    .s:hover {
        font-size: smaller;
        border: solid 2px red;
        cursor: pointer;
    }


/* flight cell: APIS valid, all crew assigned */
.t {
    font-size: smaller;
    cursor: pointer;
    border: solid 2px Black;
    text-align: center;
    overflow: hidden;
}

    .t:hover {
        font-size: smaller;
        border: solid 2px red;
        cursor: pointer;
    }

/* flight cell: APIS valid, neither crew assigned */
.u {
    font-size: smaller;
    cursor: pointer;
    border: solid 2px HoneyDew;
    text-align: center;
    overflow: hidden;
}

    .u:hover {
        font-size: smaller;
        border: solid 2px red;
        cursor: pointer;
    }

/* flight cell: APIS not valid, two crew assigned */
.v {
    font-size: smaller !important;
    cursor: pointer !important;
    border: solid 2px ForestGreen !important;
    text-align: center !important;
    padding-left: 12px !important;
    overflow: hidden !important;
}

    .v:hover {
        font-size: smaller !important;
        cursor: pointer !important;
        border: solid 2px red !important;
    }

/* flight cell: APIS not valid, one crew not assigned */
.w {
    font-size: smaller !important;
    cursor: pointer !important;
    border: solid 2px Blue !important;
    text-align: center !important;
    padding-left: 12px !important;
    overflow: hidden !important;
}

    .w:hover {
        font-size: smaller !important;
        cursor: pointer !important;
        border: solid 2px red !important;
    }

/* flight cell: APIS not valid, all crew assigned */
.x {
    font-size: smaller !important;
    cursor: pointer !important;
    border: solid 2px Black !important;
    text-align: center !important;
    padding-left: 12px !important;
    overflow: hidden !important;
}

    .x:hover {
        font-size: smaller !important;
        cursor: pointer !important;
        border: solid 2px red !important;
    }

/* flight cell: APIS not valid, neither crew assigned */
.y {
    font-size: smaller !important;
    cursor: pointer !important;
    border: solid 2px HoneyDew !important;
    text-align: center !important;
    padding-left: 12px !important;
    overflow: hidden !important;
}

    .y:hover {
        font-size: smaller !important;
        cursor: pointer !important;
        border: solid 2px red !important;
    }

.hidelabel {
    visibility: hidden;
}

.centerElement {
    text-align: center !important;
    margin-left: 0px auto !important;
    margin-right: 0px auto !important;
}

td.subheader {
    border: thin solid #69798C;
    background-color: #8DA0B4;
    text-align: left;
}

td.subBorder {
    border: thin solid #69798C;
}

td.cargoHeight {
    height: 36px;
}

td.cargoHeightTop {
    height: 36px;
    border-top: thin solid #69798C;
}

td.cargoHeightBottom {
    height: 36px;
    border-bottom: thin solid #69798C;
}

td.cargoHeightTopBottom {
    height: 36px;
    border-bottom: thin solid #69798C;
    border-top: thin solid #69798C;
}

td.cargoHeightAlignLeft {
    height: 36px;
    text-align: left;
}

td.cargoHeightTopAlignLeft {
    height: 36px;
    border-top: thin solid #69798C;
    text-align: left;
}

td.cargoHeightBottomAlignLeft {
    height: 36px;
    border-bottom: thin solid #69798C;
    text-align: left;
}

td.cargoHeightTopBottomAlignLeft {
    height: 36px;
    border-bottom: thin solid #69798C;
    border-top: thin solid #69798C;
    text-align: left;
}

.toolTipHeader {
    background-color: #FFE79C;
    font-weight: bold;
    width: 100%;
}

.scheduleCellHover {
}

    .scheduleCellHover:hover {
        background-color: #FFE79C;
        cursor: pointer;
    }

#ctl00_ContentPlaceHolder1_reUserContentModule {
    display: none !important;
}

.rade_module {
    display: none
}

.ctl00_ContentPlaceHolder1_reUserContent {
    resize: none !important;
}

#ContentPlaceHolder1_reUserContentModule {
    display: none !important;
}

.rade_module {
    display: none
}

.ContentPlaceHolder1_reUserContent {
    resize: none !important;
}

.SelectedDate a {
    background-color: #1D721D !important;
    text-align: center !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin: auto !important;
    color: #fff !important;
    padding: 0px !important;
}

.SelectedDatePast a {
    border: 1px #1D721D solid !important;
    text-align: center !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    margin: auto !important;
    padding: 0px !important;
    background-color: transparent !important;
}

.MainContent_Holder {
    position: relative;
    min-height: 100%;
}
/*.InnerContentMain{     padding-bottom: 180px;
 }*/
html {
    height: 100% !Important;
}
.footer{
    height:37px;
}
.footer_devider {
    height: 37px;
}

    .footer_devider ul {
        -webkit-padding-start: 0px;
        display: flex;
        align-items: center;
        height: 37px;
        flex-wrap: wrap;
    }

        .footer_devider ul li {
            width: 14%;
            margin-left: 0px;
            text-align: center;
            float:none;
        }

            .footer_devider ul li:nth-child(1) {
                width: 30%
            }

            .footer_devider ul li:nth-child(2) {
                width: 30%
            }

            .footer_devider ul li:nth-child(3) {
                width: 40%
            }

   





/*@media screen and (min-width:768px) and (max-width:1150px) {
    
 .footer_devider ul li{text-align:left; padding:5px}
    .footer_devider ul li:nth-child(1){width:30%}
    .footer_devider ul li:nth-child(2){width:70%}
    .footer_devider ul li:nth-child(3){width:30%}
    .footer_devider ul li:nth-child(4){width:70%;}
}*/