html body {
    background-color: lavender;
}

.loader {
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #00335b;
    width: 60px;
    height: 60px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

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

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

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

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

.loader-container {
    background-color: gray;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10000;
    left: 0;
    opacity: 0.7;
    display: none;
}

    .loader-container .loader {
        position: fixed;
        top: calc(50% - 30px);
        left: calc(50% - 30px);
    }

#GridPeriod tbody tr:hover td {
    background-color: #00335b !important;
    color: white;
    z-index:999;
}

.k-grid .k-state-selected {
    background: #00335b !important;
    color: white;
}


.colored-col {
    background-color: #bfcddb;
    z-index:0;
}

   /* .colored-col:hover {
        background-color: #00335b !important;
    }*/

.tabs {
    width: 100%;
    height: auto;
    margin: 0 auto;
}

    /* tab list item */
    .tabs .tabs-list {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .tabs .tabs-list li {
            width: 150px;
            float: left;
            margin: 0px;
            margin-right: 2px;
            padding: 10px 5px;
            text-align: center;
            background-color: white;
            border-radius: 3px;
            /*border: 1px solid #00335b;*/
            font-size: 12px;
        }

            .tabs .tabs-list li:hover {
                cursor: pointer;
            }

            .tabs .tabs-list li a {
                text-decoration: none;
                font-size: 12px;
                color: #00335b;
            }

    /* Tab content section */
    .tabs .tab {
        display: none;
        width: 100%;
        /*min-height: 250px;*/
        height: auto;
        border-radius: 3px;
        padding: 4px 8px;
        background-color: lavender;
        color: darkslategray;
        clear: both;
        font-size: 12px;
        line-height: 1.4285714286;
    }

        .tabs .tab h3 {
            border-bottom: 3px solid #00335b;
            letter-spacing: 1px;
            font-weight: normal;
            padding: 5px;
        }

        .tabs .tab p {
            line-height: 20px;
            letter-spacing: 1px;
        }

/* When active state */
.active {
    display: block !important;
}

.tabs .tabs-list li.active {
    width: 150px;
    float: left;
    margin: 0px;
    margin-right: 2px;
    padding: 10px 5px;
    text-align: center;
    border-radius: 3px;
    background-color: white;
    color: black !important;
    border-bottom: 3px solid #00335b;
}

.active a {
    color: black !important;
}

.k-form-horizontal .k-form-field > .k-label, .k-form-horizontal .k-form-field > kendo-label, .k-form-horizontal .k-form-field > .k-form-label {    
    width: 50%;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
}

.k-picker-solid {
    border-color: #00335b;
    color: #000;
    background-color: #fff !important;
}

.k-filter-menu .k-button-group {
    display: none;
}

span.k-icon.k-i-filter-clear.k-button-icon {
    display: none;
}

span.k-icon.k-i-more-vertical {
    display: none;
}

a.k-grid-column-menu.k-grid-header-menu {
    display: none;
}

.k-grid-column-menu {
    display: none;
}

.k-grid-header-menu {
    display: none;
}

.k-grid .k-grid-header .k-header {
    border-bottom: none;
    background-color: #8080804d;
}

.k-checkbox {
    border-color: #00335b !important;
    background-color: #fff;
}

input.chkbx {
    accent-color: #00335b;
}