[ng\:cloak],[ng-cloak],.ng-cloak{display:none !important}

/*.k-grid-content > table > tbody > tr > td {  border-bottom: 1px solid #808080; }*/
/*.k-icon,.k-grid-header th.k-header  .k-link ,.k-button,.k-grid-header,.k-grid-header .k-header{background-color:teal; color: white;text-align: center; }*/
#grid .k-loading-color { background-image: none;}
.k-button,.k-grid-header .k-header{background:#2a68ab;color:white}

.warp{white-space:nowrap;}
.k-list>.k-item.k-state-selected{background-color:lightskyblue;}
.k-button:hover,.k-button:active:hover,.k-button:focus{background-color:lightskyblue;/*color:white;*/ }
.switchery .switchery-default{background-color:rgb(33,150,243)}
.k-grid-content{ /*min-height: 20px; overflow:auto;max-height: 500px;*/ height:auto !important; overflow-wrap:break-word }
.dashboard .k-grid-content{ /*min-height: 20px;*/ /*overflow:auto;*/max-height: 235px; height:auto !important;  }
.Employeedashboard .k-grid-content {
    max-height: 285px;
    height: auto !important;
}
.k-widget .k-window {
    min-height: 60px;
    overflow: auto;
    max-height: 480px;
    height: auto !important;
}

div.k-window-content {
    overflow: hidden
}

.k-listbox .k-list-scroller li{
    cursor:pointer;
}
.k-treeview span.k-icon ~ span.k-in {
    font-weight: bold;
    margin-left:-20px;
    color:royalblue;
    font-size:14px;
    font-style:italic;
}

.colorclass {
    color: royalblue;
    font-size:15px;
}

.k-grouping-row {
    float: left;
    white-space: nowrap;
}
.page-container{padding:0px 10px}
/*.k-calendar .k-today .k-link{color:lightskyblue;border-color:lightskyblue;}*/
.k-grid-header th.k-header>.k-link,.k-grid-header th.k-header{font-weight:bold;color:white}
.k-grid td.k-state-selected:hover{background-color:lightskyblue}
 .image-preview {
        position: relative;
        vertical-align: top;
        height: 100%;
        width:100%;
      }
.btn-create{background-color:aqua}
.k-group-cell {display: none;}
.k-group-col {display: none;}

.Midsdashboard .k-grid-content{  min-height: 20px; /*overflow:auto;*/max-height: 200px; height:auto !important; }
.border-yellow {border-color: yellow;}
.k-grouping-row p{text-decoration:underline}
.k-grid-filter{color:white}
.k-grid-filter:active{color:black}
.k-grouping-row td, .k-resize-handle-inner, td.k-group-cell{background-color:white}
.k-grid .k-button{background-color:deepskyblue}
.k-grid-content,.k-grid-header th.k-header  .k-link {text-align:left}
.k-icon.k-clear-value.k-i-close { display: none !important; }
img{image-rendering:-webkit-optimize-contrast;inline-size:fit-content}
.k-list>.k-item.k-state-focused, .k-treeview .k-in.k-state-focused,.k-button:active:hover{border-color:lightskyblue}
.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order{color:white}
.k-animation-container{padding-top:18px;}
.k-content .dynamicgrid .k-grid .k-widget .k-display-block{ min-height: 20px; overflow:auto;max-height: 400px; }
.k-state-focused,.k-state-selected,.k-state-selected:hover{background-color:lightskyblue;border-color:lightskyblue}
.k-radio-label:before{top:1px;left:1px;}
.k-i-close{color:white}
.k-header{background:#2a68ab}
.k-window-title {
    font-weight: bold;color:black
}
.nav-tabs > li > a{color:white}

.k-calendar .k-link.k-nav-fast, .k-calendar .k-header .k-icon {color: white}


.Approved {background-color: lightgreen}
.Declined {background-color:#fcb8b8 !important}
.Pending {  background-color:#f2fc9a}
.Closed {background-color: gainsboro}
.OnHold{   background-color:#f2fc9a;}
.REJECTED {background-color:#fcb8b8 !important}
.Obsolete{background-color:#f2fc9a;}
.InRisk{background-color:#fcb8b8;}

.White{background-color:white;}

.k-listbox .k-list-scroller{height:500px;}

.Red {
    background-color: lightcoral
}
.Green{background-color:lightgreen}
.Yellow {background-color: #ff5}

.highlightText{color:black;background-color:yellow}

#grid tbody tr:hover {background: gainsboro;}

.navbar-brand > img{image-rendering:-webkit-optimize-contrast}

.Exceptions{background-color:gold !important}

.StatusListSelected {background-color: rgb(236, 248, 255);border-color:grey;}

#grid .k-loading-image {
    background-image: none;
}
 .border-yellow{border-color:goldenrod}
/*.k-group-footer td{background-color:#ddd;color:black}
.k-footer-template td{background-color:teal;color:white}*/

   @media (min-width:320px)  {
    .login-container .page-container .login-form {
        width: 100%;
    }
    /* width: 320px; */
} /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */ }
@media (min-width:480px)  {.login-container .page-container .login-form {
        width: 100%;
    } /* smartphones, Android phones, landscape iPhone */ }
@media (min-width:600px)  {.login-container .page-container .login-form {
        width: 100%;
    } /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */ }
@media (min-width:801px)  { .login-container .page-container .login-form {
        width: 100%;
    }/* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { .login-container .page-container .panel {
        width: 30%;
    }/* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { .login-container .page-container .panel {
        width: 30%;
    }/* hi-res laptops and desktops */ }

.k-header {
    background: #d5d5d5;
    border-color:darkgray
}

/*.k-grid-filter.k-state-active{
    background-color:darkgray;
}*/

.Productdashboard .k-grid-content { /*min-height: 20px;*/ /*overflow:auto;*/
    max-height: 640px;
    height: auto !important;
}

.k-grid-filter.k-state-active {
    background-color: #9a9ea2;
}

.MerchantCRMIDS.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup, .k-multiselect .k-button, .k-multiselect .k-button:hover {
    color: #fff;
}