#LoginBody {
    background-color: #2D2D30;
}

#LoginContainer {
    position: absolute;
    width: 100%;
    left:2000px;
    text-align: center;
}

#divIFHeaderPrimary {
    background-color: #2D2D30;
    padding: 10px;
    /*border: 1px solid #FFFFFF;*/
}

#divIFHeaderSecondary {
    width: 100%;
}

#divIFContentPrimary {
    background-color: #F2F2F2;
    padding: 5px;
    /*overflow: auto;*/
}

#divIFContentSecondary {
    width: 100%;
    overflow: auto;
}

.divIFContentCol {
    width: 100%;
    overflow: auto;
}

#divIFFooterPrimary {
    background-color: #2d2d30;
    padding: 10px;
    border: 1px solid #FFFFFF;
}

#divIFFooterSecondary {
    width: 100%;
}

.divHeading {
    padding: 5px 5px 5px 5px;
    /*border-bottom: 1px solid #336699;*/
    /*box-sizing:border-box;*/
    background-color: #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.divHeadingBlue {
    padding: 15px;
    /*border-bottom: 1px solid #336699;*/
    /*box-sizing:border-box;*/
    background-color: #336699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.StickyCell {
    position: sticky;
    top: 0px;
    z-index: 1000;
    border-bottom: 1px solid #336699;
}

.DT_container {
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.DT_scroller {
    overflow: auto;
    height: 100%;
    width: 100%;
}

.DT_thead {
    position: sticky;
    top: 0px;
    z-index:1000;
}

.DT_th {
    position: sticky;
    top: 0px;
    text-align: left;
    vertical-align: bottom;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    background: #eee;
    border-bottom: 1px solid #336699;
}

.DT_table {
    width:100%;
}

.DT_td {
    text-align: left;
    vertical-align: top;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
.DT_td_IF {
    text-align: left;
    vertical-align: top;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    white-space:nowrap;
}

.grid-container {
    position: relative;
    height: 300px;
    width: 100%;
    /*height:100%;*/
    overflow: auto;
}

    .grid-container table {
        border-collapse: collapse;
        /*font-family: helvetica;
            caption-side: top;
            text-transform: capitalize;*/
    }

    .grid-container td, th {
        /*border: 1px solid;*/
        /*padding: 10px;*/
        /*min-width: 200px;*/
        vertical-align: top;
        background: white;
        box-sizing: border-box;
        text-align: left;
        /*background-color:aquamarine;*/
    }

    .grid-container th {
        /*box-shadow: 0 0 0 1px black;*/
    }


    .grid-container thead th {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 2;
        /*background-color:bisque;*/
        /*background: hsl(20, 50%, 70%);*/
    }

        .grid-container thead th:first-child {
            left: 0;
            z-index: 3;
        }

    .grid-container tbody {
        overflow: auto;
        /*height: 200px;*/
    }

    /* MAKE LEFT COLUMN FIXEZ */
    .grid-container tr > :first-child {
        position: -webkit-sticky;
        position: sticky;
        /*background: hsl(180, 50%, 70%);*/
        left: 0;
        z-index: 2;
    }

.GridItem {
    position: absolute;
    top: 1px;
    margin: 0;
    white-space: nowrap;
    padding: 10px;
    /*border: 1px solid #336699;*/
    box-sizing: border-box;
    overflow: hidden;
    background-color: #dee7eb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*z-index:2;*/
}

.GridItemInactive {
    position: absolute;
    top: 1px;
    margin: 0;
    white-space: nowrap;
    padding: 10px;
    /*border: 1px solid #336699;*/
    box-sizing: border-box;
    overflow: hidden;
    background-color: #FBF5C3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*z-index:2;*/
}

.DashboardItem {
    position:relative;
    width:100%;
    padding: 10px;
    margin:0 0 10px 0;
    /*border: 1px solid #336699;*/
    box-sizing: border-box;
    background-color: #dee7eb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*z-index:2;*/
}

.DashboardItemInactive {
    position: relative;
    width: 100%;
    padding: 10px;
    margin: 0 0 10px 0;
    /*border: 1px solid #336699;*/
    box-sizing: border-box;
    background-color: #FBF5C3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*z-index:2;*/
}

.DashboardItemDeleted {
    position: relative;
    width: 100%;
    padding: 10px;
    margin: 0 0 10px 0;
    /*border: 1px solid #336699;*/
    box-sizing: border-box;
    background-color: #FDEAEA;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    /*z-index:2;*/
}

.POW {
    position: absolute;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    display:none;
}

.POW_AutoCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.POW_Grey {
    background-color: #323232;
    border: 1px solid #323232;
}

.POW_Blue {
    background-color: #336699;
    border: 1px solid #336699;
}

.POW_Red {
    background-color: #FF0000;
    border: 1px solid #FF0000;
}

.POW_DragArea {
    height: 25px;
    cursor: default;
}

.POW_Title {
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 5px;
    margin: 0 0 1px 0;
    float: left;
}

.POW_Body {
    background-color: #FFFFFF;
    padding: 10px;
    clear: both;
    overflow: auto;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    /*.tableFixHead thead th {
        position: sticky;
        top: 0px;
    }

    .tableFixHead table {
        width: 100%;
    }

    .tableFixHead th, td {
        text-align: left;
        vertical-align: bottom;
        padding: 5px;
        border-bottom: 1px solid #ccc;
    }

    .tableFixHead th {
        background: #eee;
        border-bottom: 1px solid #336699;
    }*/

.SafCal_TD_Day_Active {
    text-align: left;
    vertical-align: top;
    background-color: #F2F2F2;
}

.SafCal_TD_Day_Inactive {
    text-align: left;
    vertical-align: top;
    background-color: #F2F2F2;
}

.SafCal_DIV_Date_Active {
    margin-bottom: 1px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-color: #336699;
    border: 1px solid #336699;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.SafCal_DIV_Date_Inactive {
    margin-bottom: 1px;
    padding: 5px 5px 5px 5px;
    text-align: center;
    background-color: #F2F2F2;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.SafCal_DIV_Info {
    position:relative;
    margin-bottom: 1px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*.SafCal_LAB_Info_Inactive {
    position: relative;
    margin-bottom: 1px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}*/