:root {
    --scroller-bg:#dcdcdc;
    --scroller-box:#aaaaaa;
    --table-text:#2e3841;
    --table-even:#f5f5f5;
    --table-odd:#ffffff;
    --grid-link:#cb7f03;
    --k-pager-bg:#c6c6c6;
    --table-th:#b8237e;
    --table-th-border:#ffffff;
    --table-th-text:#ffffff;
} 
 .error {
                text-align: center;
                /*font-weight: bold;*/
                padding-top: 1em;
            }

            .dataTables_wrapper .dataTables_processing {
                position: unset !important;
            }

            /*label {
                        text-align: left !important;
                        float: left !important;
                    }*/

            /*select {
                        font-size: 89% !important;
                    }*/
            .sparkline13-collapse-link:hover, .sparkline14-collapse-link:hover {
                cursor: pointer;
            }

            /*.k-grid table {
                width: 100% !important;
            }*/


            .k-grid-footer td, .k-group-footer td {
                color: #ff0000 !important;
            }
 
            /*
                      Use the DejaVu Sans font for display and embedding in the PDF file.
                      The standard PDF fonts have no support for Unicode characters.
                  */
            /*.k-grid {
                font-family: "DejaVu Sans", "Arial", sans-serif;
                font-size: 10px;
            }*/

            .k-grid-content a {
                color: blue;
            }

             .k-grid-content a i{
                 border: 2px solid;
    padding: 4px;
            }

            .k-dropdown {
                width: 95% !important;
            }

           

            /*.k-grid-add-row, .k-grid-footer, .k-grid-header, .k-grouping-header {
                background-color: #72e3bb !important;
            }*/
 
            /* Page Template for the exported PDF */
            .page-template {
                font-family: "DejaVu Sans", "Arial", sans-serif;
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
            }

                .page-template .header {
                    position: absolute;
                    top: 30px;
                    left: 30px;
                    right: 30px;
                    border-bottom: 1px solid #888;
                    color: #888;
                }

                .page-template .footer {
                    position: absolute;
                    bottom: 30px;
                    left: 30px;
                    right: 30px;
                    border-top: 1px solid #888;
                    text-align: center;
                    color: #888;
                }

                .page-template .watermark {
                    font-weight: bold;
                    font-size: 400%;
                    text-align: center;
                    margin-top: 30%;
                    color: #aaaaaa;
                    opacity: 0.1;
                    transform: rotate(-35deg) scale(1.7, 1.5);
                }

            /* Content styling */
            .customer-photo {
                display: inline-block;
                width: 32px;
                height: 32px;
                border-radius: 50%;
                background-size: 32px 35px;
                background-position: center center;
                vertical-align: middle;
                line-height: 32px;
                box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2);
                margin-left: 5px;
            }

            kendo-pdf-document .customer-photo {
                border: 1px solid #dedede;
            }

            .customer-name {
                display: inline-block;
                vertical-align: middle;
                line-height: 32px;
                padding-left: 3px;
            }
 
.k-pager-numbers .k-link.k-state-selected {
    color: #000; 
}

          .newKendo .k-grid-header-wrap thead {
    background-image: none;
    font-weight: inherit;
    height: auto;
    border-radius: 5px 5px 0 0;
    padding: 18px 45px 18px;
    background-size: inherit;
    background-color: #214162;
    position: relative;
    text-align: center;
   
}
          .newKendo .k-icon{
              background-image : none;
                  /*color: #ee1d79 !important;*/
          }

         .newKendo .k-grid-add-row, .k-grid-footer, .k-grid-header, .k-grouping-header {
    background-color: #fdded8; 
        font-weight: normal;
}
         .newKendo .k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-pivot-toolbar {
                background-color: #e3ebf1 !important;
            }
.newKendo .k-grid-header .k-header > .k-link {
    font-weight: 600;
    color: #fff !important;   
}
         .newKendo .k-link:hover {
              color : #fff;
            }
        /*.newKendo  .k-header-column-menu{
            color : #ee1d79;
          }*/
        .newKendo .k-grid-content tbody tr:hover, .newKendo .k-grid-content tbody tr.k-alt:hover {
    background-color: #818180  !important;
}
        .newKendo .k-grid-content thead tr:hover{
            background-color :#818180  !important;
        }
        .k-grid .k-grid-content-locked .k-state-hover td, .k-grid .k-grid-content-locked tr:hover td {
     background-color :#818180  !important;
}

        .k-grid table tr.k-alt:hover{
            background-color :#d7d7d7  !important;
        }
        .newKendo .detailTabstrip{
                font-size: 1.0em;
         }
        /*.newKendo .k-footer-template:hover{
            background-color : inherit !important;
        }*/

#showPrevious, #showNext, .k-grid-excel, .k-grid-pdf {
    /*margin-right: 20px;*/
    padding: 2px 10px;
    font-size: 0.9em;
    color: #fff !important;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    font-family: 'Poppins', sans-serif;
    /*background: #3b5672;*/
    background-image: var(--btn-primary);
}
            #showPrevious:hover, #showNext:hover, .k-grid-excel:hover,  .k-grid-pdf:hover {
                background: var(--btn-primary-hvr);
            } 
            .k-grid-header-wrap table th {
                border-right : 1px solid #afafaf;
            }
           .newKendo .k-grid {
                    font-size: 1.0em;
            }
           .newKendo .k-grid td {
               /*border : none;*/
               text-align : center;
                   font-size: 0.9em;
            }
           .k-i-file-excel{
               /*color : #35a205 !important;*/
           }
            .k-i-file-pdf{
               color : red !important;
           }
           .newKendo{
               overflow :hidden !important;
           }
           .k-grid-content.k-auto-scrollable{
               max-height:420px;
                    overflow-y: auto !important; 
           }
           .k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after{
               background : none;
           }
 .NewGridNorecord{
     background-color:#ffe1e1; 
     width: 100%; 
     color: #000; 
     padding: 3px 0;
 }
.k-grid.k-widget .k-grid-toolbar .k-button {
    background: #06bb2d !important;
    background-color: #029e57 !important;
    border-color: #008d4c;
    padding: 4px;
}
.k-grid.k-widget .k-grid-toolbar {
    background: #fbf1ef !important; 
        padding: 1px 8px;
}
.k-grid.k-widget .k-pager-wrap { 
    background: #fbf1ef !important; 
}

html {
  --scrollbarBG: #fbf1ef;
  --thumbBG: #f01d7b;
}
body::-webkit-scrollbar {
  width: 11px;
}
body{
scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
body::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}


.k-grid-content::-webkit-scrollbar {
  width: 11px;
}
.k-grid-content{
scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
.k-grid-content::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}
.k-grid-content::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG) ;
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}
/*.k-grid-content table, .k-grid-content-locked table{
 
    height: 300px !important;
    overflow: auto  !important;
    display: inline-block  !important;

}*/
/*====kindo style by DU=====*/
html {
  --scrollbarBG: var(--scroller-bg)!important;
  --thumbBG: var(--scroller-box) !important;
}
.NewGridNorecord {
    background-color: transparent !important;
}
.k-grid-header .k-header {
    background:var(--table-th) !important;
    border-color:var(--table-th-border);
    color:var(--table-th-text);
}
.k-grid-content {
    background-color: transparent !important;
}
.newKendo #pageInfo {
    background: transparent !important;
    border:0px !important;
}
.k-grid.k-widget .k-grid-toolbar {
    background: transparent !important;
}

.newKendo .k-grid-add-row, .k-grid-footer, .k-grid-header, .k-grouping-header {
    background-color: transparent !important;
}
.k-grid {
    background-color: transparent !important;
}

.k-grid.k-widget .k-pager-wrap {
    background: var(--k-pager-bg) !important;
}
.k-grid tr:nth-of-type(odd) {
  background-color: var(--table-odd)  !important;
  color:var(--table-text);
}
.k-grid tr:nth-child(even) {
  background-color: var(--table-even)  !important;
  color:var(--table-text);
}
.k-pager-numbers .k-link.k-state-selected {
    background-color: var(--primary) !important;
}
.k-widget, .k-widget  textarea, .k-widget, .k-widget input
{
color : var(--text-color);
}

@media (max-width: 800px) {
    .gridContainer {
        min-width: 600px;
        overflow:scroll;
    }

    .gridContainer tr {
       display:table-row !important;
    }

        .gridContainer td {
            display: table-cell !important;
        }

}