@font-face {
    font-family: 'vermin vibes';
    src: url('fonts/vermin_vibes.ttf') format('truetype');
}
label {
    margin-bottom: 0rem !important;
    margin-top: .1rem !important;
}
label[for]
{
   cursor:pointer;
}
.k-grid .k-icon {
    display: none !important;
}
nav.main-header {
    padding: 3px 5px 0px 5px !important;
}
.nav-link {
    font-weight:bold;
    color:white
}

    .nav-link:hover {
        /*background-color: #b7d9f7;*/
        border-bottom: 4px solid #3583f3
    }

    .k-grid {
        cursor: pointer;
        font-size: 1em !important;
        overflow-y: auto;
        overflow-x: hidden
    } 
    .k-grid th {
        position: sticky;
        top: 0;  
    }

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #d3d1d1;
    border-radius: 10px;
}

 ::-webkit-scrollbar {
    width: 12px; 
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    margin:1px !important;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));
}


.xTable {
    margin-top: -2px;
    width: 100% !important;
}

    .xTable td label {
        margin-top: 4px;
        font-weight: bold !important;
    }

    .xTable td .k-textbox, .xTable td .k-dropdown, .xTable td .k-numerictextbox, .xTable td textarea {
        width: 100% !important;
    }

    .xTable td {
        padding: 5px;
        white-space: nowrap;
        vertical-align: middle;
        font-weight: 100 !important;
        color: black !important;
    }

        .xTable td:first-child {
            font-weight: bold !important;
            width: 1px !important;
        }

        .xTable td:nth-child(2n+2), .xTable td:nth-child(5) {
            font-weight: bold !important;
            white-space: nowrap;
            width: 2px;
        }

        .xTable td:last-child {
            font-weight: 100 !important;
            width: 100% !important;
        }
.sub-head {
    background: #3583f3;
    padding: 5px !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    font-weight: bold;
    color: white;
    border-bottom: 2px solid green !important
}
.k-grid th {
    position: sticky !important;
    top: 0 !important; /* Don't forget this, required for the stickiness */
    background-image: linear-gradient(#d5e4f1, #b7d9f7);
    font-weight: bold !important;
    padding: 5px 3px !important
}

.k-grid-header th.k-header {
    z-index: 1
}
.field-validation-error, .k-tooltip-validation {
    position: relative;
    color: red;
    font-size: 1em !important;
    right: 5px !important;
     float:right !important;
     margin-top:-33px !important;
    white-space: nowrap;
}
.shadow-top {
    box-shadow: 0 -3px 3px -3px #333;
}

.shadow-right {
    box-shadow: 3px 0 3px -3px #333;
}

.shadow-bottom {
    box-shadow: 0 3px 3px -3px #333 !important;
}

.shadow-left {
    box-shadow: -3px 0 3px -3px #333;
}

.shadow-all {
    box-shadow: 0 0 3px #333;
}

.xfooter {
    position: sticky !important;
    bottom: 0 !important; /* Don't forget this, required for the stickiness */
}
.k-tabstrip-items {
    font-weight: bold !important;
    color: black !important;
}
.k-window-content
{
    overflow:hidden !important;
}

/*Search Box */
.searchBox .k-textbox {
    border: 2px solid #00B4CC;
    padding-right: 2px !important;
    padding-left: 5px !important;
    outline-color: lightblue !important;
    padding-top: .2rem !important;
    padding-bottom: .2rem !important;
    margin-right: -2.5rem;
}

    .searchBox .k-textbox:focus {
        outline-color: green !important
    }

.searchBox {
    display: flex;
    margin-left: 1px;
    margin-right: 3px;
}

.btnSbClick {
    position: relative !important;  
    width: 2.5rem !important; 
    margin-top: 1px !important;
    margin-bottom: 1px !important;
    background-color: lightgreen;
}

.searchBoxr .k-textbox {
    border-radius: 5rem !important;
}

.searchBoxr .btnSbClick {
    border-top-right-radius: 5rem !important;
    border-bottom-right-radius: 5rem !important;
}

.btnSbClick:hover {
    background-color: grey;
}