body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
   will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
    white-space: normal;
    padding-top: 10px;
}

.dl-horizontal dd {
    white-space: normal;
    padding-top: 10px;
}

/*Timesheety*/


#dropDownTreeView .k-dropdown {
    width: 100%;
}

#dropDownTreeView .k-ext-treeview {
    width: 100%;
    height: 300px;
    overflow-y: auto;
}

#dropDownTreeViewFilter .k-dropdown {
    width: 200px;
}

#dropDownTreeViewFilter .k-ext-treeview {
    width: 100%;
    height: 300px;
    overflow-y: auto;
}

.confirm-window-textarea {
    width: 400px;
    height: 150px;
}

.MessageAlert {
    color: #c23636;
}

#ToolTipFake, #ToolTipFake:hover {
    width: 500px;
    border: solid;
    border-color: #ddd;
    border-width: 1px;
    padding: 10px;
    color: #666;
    background-color: #eee;
    position: fixed;
    z-index: 10010;
    display: block;
    -webkit-box-shadow: 9px 10px 34px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 9px 10px 34px -5px rgba(0,0,0,0.75);
    box-shadow: 9px 10px 34px -5px rgba(0,0,0,0.75);
    left: -1000px;
}

.k-edit-label {
    font-weight: bold;
}

#contextMenu {
    width: 150px;
}

.table .name-th {
    background-color: #555;
    color: #fff;
}

.table .week-th {
    background-color: #eee;
}

.table .penalty-th {
    color: crimson;
}

.col-xs-auto, .col-xs1-auto, .col-sm-auto, .col-md-auto, .col-lg-auto,
.col-xs-auto-right, .col-xs1-auto-right, .col-sm-auto-right, .col-md-auto-right, .col-lg-auto-right,
.col-middle {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-middle {
    display: table;
}

.col-xs-auto {
    float: left;
}

.col-xs-auto-right {
    float: right;
}

@media (min-width: 480px) {
    .col-xs1-auto {
        float: left;
    }

    .col-xs1-auto-right {
        float: right;
    }
}

@media (min-width: 768px) {
    .col-sm-auto {
        float: left;
    }

    .col-sm-auto-right {
        float: right;
    }
}

@media (min-width: 992px) {
    .col-md-auto {
        float: left;
    }

    .col-md-auto-right {
        float: right;
    }
}

@media (min-width: 1200px) {
    .col-lg-auto {
        float: left;
    }

    .col-lg-auto-right {
        float: right;
    }
}

@media (min-width: 1800px) {
    .col-lg-auto {
        float: left;
    }

    .col-lg-auto-right {
        float: right;
    }
}

.highlighted-row {
    background-color: #fda;
    color: #000;
}

    .highlighted-row.k-alt {
        background-color: #fda;
        color: #000;
    }

#roleList dt {
    width: 400px;
    padding-right: 30px;
}

#Name {
    width: 100%;
}

/* PayrollVIEW */


.interpretationError {
    background-color: black !important;
    color: whitesmoke !important;
}

a.interpretationError {
    background-color: black !important;
    color: whitesmoke !important;
}

.pageBreak {
    display: block;
    page-break-before: always;
}

.notAcceptedEvent {
    border-color: #ff0000;
}

.acceptedEvent {
    border-color: #000;
}

.cellPayrollType {
    border-width: 1px;
    border-style: solid;
    text-align: center;
    width: 20px;
}

.cellPayrollTypePrint {
    border-width: 1px;
    border-style: solid;
    text-align: center;
    width: 30px;
}

.cellSelectedPayrollType {
    -moz-box-shadow: inset 0 0 10px 0 #222;
    -webkit-box-shadow: inset 0 0 10px 0 #222;
    box-shadow: inset 0 0 10px 0 #222;
    border: 1px solid #000;
}

.cellPayrollSupplement {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    text-align: left;
    padding-left: 5px;
    width: 30px;
}

input.payrollSupplement {
    text-align: left;
    border-style: none;
    width: 100%;
}

.cellPayrollName {
    border-top-width: 1px;
    border-top-color: #000;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #000;
    border-left-style: hidden;
    width: 100px;
}

.cellPayrollDayNumber {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    text-align: center;
    width: 20px;
}

.cellPayrollDayNumberPrint {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    text-align: center;
}

.cellPayrollCheckBox {
    border-top-width: 1px;
    border-top-color: #000;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-left-color: #000;
    border-left-style: solid;
    text-align: center;
    width: 30px;
}

.cellPayrollInfo {
    border-top-width: 1px;
    border-top-color: #000;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
    text-align: right;
    width: 150px;
    padding-right: 5px;
}

.cellPayrollDayNumberWeekEnd {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    text-align: center;
    width: 20px;
    background-color: #ccc;
}

.cellPayrollDayNumberWeekEndPrint {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    text-align: center;
    background-color: #ccc;
}

.cellPayrollNameHeader {
    border-top-width: 1px;
    border-top-color: #000;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
}

.cellPayrollShiftCalendarHeader {
    border-top-width: 1px;
    border-top-color: #000;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000;
    border-bottom-style: solid;
}

.cellPayrollDisabled {
    border-width: 1px;
    border-color: #000;
    border-style: solid;
    color: #999;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cellPayrollDisabledLeft {
    border-left-width: 1px;
    border-left-color: #000;
    border-left-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000;
    background-color: #eee;
    color: #999;
    padding-top: 10px;
    padding-bottom: 10px;
}

.cellPayrollDisabledRight {
    border-right-width: 1px;
    border-right-color: #000;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000;
    background-color: #eee;
    color: #aaa;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tablePayroll {
    width: 100%;
}

/* TIMELINE */

.cellTimelineDayToday {
    border-width: 1px;
    border-color: #eee;
    border-style: solid;
    text-align: center;
    width: 20px;
    background-color: #ed9595;
}

.cellTimelineDayNumberWeekEnd {
    border-width: 1px;
    border-color: #eee;
    border-style: solid;
    text-align: center;
    width: 20px;
    background-color: #ccc;
}

.cellTimelineDayNumber {
    border-width: 1px;
    border-color: #eee;
    border-style: solid;
    text-align: center;
    width: 20px;
    background-color: #fff;
}

/*@media print {
        thead {display: table-header-group}
        tbody {display:table-row-group;}
    }*/

.k-textbox {
    width: 100%;
}

.empty-cell {
    height: 40px;
}


/*RESULTS*/

.closedRiv {
    background-color: aquamarine;
}

/* PADDING BETWEEN ROWS */
.voffset {
    margin-top: 2px;
}

.voffset1 {
    margin-top: 5px;
}

.voffset2 {
    margin-top: 10px;
}

.voffset3 {
    margin-top: 15px;
}

.voffset4 {
    margin-top: 30px;
}

.voffset5 {
    margin-top: 40px;
}

.voffset6 {
    margin-top: 60px;
}

.voffset7 {
    margin-top: 80px;
}

.voffset8 {
    margin-top: 100px;
}

.voffset9 {
    margin-top: 150px;
}

/* FileList in intradocument grid */

div.img {
    margin: 5px;
    float: left;
    width: 50px;
}

    div.img:hover {
        filter: brightness(85%);
    }

    div.img img {
        width: 100%;
        height: auto;
    }

div.desc {
    padding: 5px;
    text-align: center;
}

div.delete-file {
    padding: 5px;
    text-align: center;
    margin-top: 10px;
}

    div.delete-file > a {
        /*background-color:coral;*/
        color: black;
        padding: 5px;
    }

        div.delete-file > a > img {
            width: 16px;
        }

div.toolbar {
    float: left;
    margin-right: 20px;
}

.category-label {
    margin-top: 7px;
    vertical-align: middle;
}


.loader {
    margin: 30px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader-sm {
    margin: 5px;
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.fullscreen {
    position: fixed !important;
    left: 0px;
    top: 0px;
    height: 100vh !important;
    width: 100% !important;
    z-index: 10000;
}


/*
    Tiles
*/

.tile-sm:hover {
    -webkit-filter: brightness(90%);
    -webkit-transition: all ease;
    -moz-transition: all ease;
    -o-transition: all ease;
    -ms-transition: all ease;
    transition: all ease;
}


.tile {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    height: 120px;
}

    .tile .title {
        margin-top: 0px;
    }

    .tile.turquoise, .tile.cadet-blue, .tile.dark-grey, .tile.blue, .tile.officeBlue, .tile.violet, .tile.red, .tile.orange, .tile.green, .tile.grey, .tile.yellow, .tile.brown {
        color: #fff;
    }

    .tile.cadet-blue {
        background: #58949C
    }

        .tile.cadet-blue:hover {
            background: #3c7c84
        }

    .tile.yellow {
        background: #f1c40f;
    }

        .tile.yellow:hover {
            background: #f39c12;
        }

    .tile.dark-grey {
        background: #34495e;
    }

        .tile.dark-grey:hover {
            background: #2c3e50;
        }

    .tile.grey {
        background: #95a5a6
    }

        .tile.grey:hover {
            background: #7f8c8d;
        }

    .tile.violet {
        background: #9b59b6;
    }

        .tile.violet:hover {
            background: #8e44ad;
        }

    .tile.turquoise {
        background: #1abc9c;
    }

        .tile.turquoise:hover {
            background: #16a085;
        }

    .tile.red {
        background: #e74c3c;
    }

        .tile.red:hover {
            background: #c0392b;
        }

    .tile.green {
        background: #2ecc71;
    }

        .tile.green:hover {
            background: #27ae60;
        }

    .tile.blue {
        background: #3498db;
    }

        .tile.blue:hover {
            background: #2980b9;
        }

    .tile.officeBlue {
        background: #0072C6;
    }

        .tile.officeBlue:hover {
            background: #0b588e;
        }

    .tile.orange {
        background: #e67e22;
    }

        .tile.orange:hover {
            background: #d35400;
        }

    .tile.brown {
        background: #b88c8c;
    }

        .tile.brown:hover {
            background: #9a7676;
        }

/* Comments  */

.alert-administrative {
    background-color: #ddd;
}