/*-----------------------Kendo Grid Style-----------------------------------*/
.k-grid {
    font-size: 8.9pt !important;
}

@media only screen and (min-width:1600px) {
    .k-grid {
        font-size: 14px !important;
        color: #092F50;
    }
}

/* Bold grid header*/
.k-header {
    /*font-weight: 700 !important;
    font-family: 'Montserrat-Bold' !important;
    color:#FFFFFF !important;
    font-size:14px !important;*/
}

/*adjust grid pager*/
.k-pager-wrap > .k-link {
    padding: 0 0 0 0.50em !important;
}

/*adjust grid pager on small screens*/
@media only screen and (max-width: 1024px) {
    .k-webkit .k-pager-numbers + .k-link, .k-ff .k-pager-numbers + .k-link, .k-ie11 .k-pager-numbers + .k-link {
        margin-left: 7.4em !important;
    }
}

/*set minimum width of grid pager*/
.k-pager-wrap > .k-link, .k-pager-numbers .k-link, .k-pager-numbers .k-state-selected {
    min-width: 11px !important;
}
/*Decrease row height*/
.k-grid td {
    padding: 3px 3px !important;
    font-family: Montserrat;
    color: #000000 !important;
    font-size: 16px !important;
    border-style: none;
}

.k-grid-header th.k-header, .k-grid-header th.k-header > .k-link {
    /*font-family: Montserrat;*/
    color: #FFFFFF !important;
    font-size: 16px !important;
    font-weight: 700;
    background-color: var(--teal) !important;
    height: 30px;
    padding-top: 20px;
    padding-left: 4px;
}
.k-grid-header {
    
    padding-right:0px !important;
}
.k-filter-row th, .k-grid-header th.k-header {
    padding: 0px;
    border-style: none;
}

div.k-grid-footer, div.k-grid-header {
    border-style: none;
}

tr.k-alt {
    background-color: #FFFFFF !important;
    
}

#grdClientSchedulesDetails .k-grid-content {
    /*max-height: 500px !important;*/
}

/*to make sure that grids appear correct on smaller screens*/
@media only screen and (max-width:991px) {
    /*for grids with small width*/
    .small-grid .k-grid-header table[role="grid"] {
        min-width: 600px;
    }

    /* view scroll bars of grid when open on mob device*/
    .small-grid .k-grid-content {
        /* overflow: scroll !important;   */
    }
        /*-------------------------------------------------*/

        .small-grid .k-grid-content table[role="grid"] {
            min-width: 600px;
        }

    .small-grid .k-grid-footer table {
        min-width: 600px;
    }

    /*for grids with large width*/
    .large-grid .k-grid-header table[role="grid"] {
        min-width: 1400px;
    }

    .large-grid .k-grid-content table[role="grid"] {
        min-width: 1400px;
    }

    .large-grid .k-grid-footer table {
        min-width: 1400px;
    }
}

/*-----------------------Apply overflow x scroll to non scrollable tables on small display-----------------------------------*/
@media only screen and (max-width:767px) {
    .non-scrollable-grid-in-iframe div.k-grid {
        overflow-x: scroll;
    }
}
/*-----------------------Kendo Window Style-----------------------------------*/
.k-window-title {
    color: #D62425;
    font-weight: 700;
    font-size: 1.2em;
    top: 4px;
}

/*------------------------Make grid content text more visible ---------------------*/
.k-grid .k-grid-content {
    overflow-y: hidden;
}

/*-----------Make iframe content scrollable inside Kendo Window on iPhone-----------*/
.k-window-iframecontent {
    -webkit-overflow-scrolling: touch !important;
    overflow: auto !important;
}

/*-------------Remove height on grid for mobile displays---------------------------*/
@media only screen and (max-width:767px) {
    .k-grid .k-grid-content {
        max-height: none !important;
    }
}

.k-grid-header th, td {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
/*.k-header {
    font-weight: 700 !important;
}*/
.k-grid tr {
    height: 50px;
    /*background-color:lightblue  !important;*/
}

    .k-grid tr:hover {
        background: rgba(167, 255, 220, 0.32) !important;
        color: #FFFFFF !important;
    }

/*.k-grid tr.k-alt:hover {
    background: #65328f;
}*/

/*.grid-with-text-shadow table td {
    text-shadow: 0px 0px 0px #000;
}*/
.k-grid td {
    border-right: 1px solid rgba(46, 81, 67, 0.32) !important;
    border-bottom: 1px solid rgba(46, 81, 67, 0.32) !important;
    color: rgba(46, 81, 67, 0.32);
    padding-left: 6px !important;
}
.k-grid-header th.k-header > .k-link {
    line-height: 10px !important;
}