@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700&display=swap');
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    scroll-behavior: smooth
}

body {
    margin: 0;
    font-size: 14px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333
}
body{background:#f3f3f3;min-height:110vh, width:100vw; overflow-x:hidden}
    body * {
        /*        font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important
*/

        font-family: 'Roboto', sans-serif !important;
    }
*{box-sizing:border-box}
.bg-dark{background-color:#1e1c66!important}
.navbar-brand.white{background-color:#fff}
.navbar-brand{margin:-15px 15px -15px -15px;padding:15px}
.navbar-brand img{width:auto;height:40px;object-fit:scale-down}
.navbar.navmaain{min-height:70px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.3);-moz-box-shadow:0 4px 10px rgba(0,0,0,.3);box-shadow:0 4px 10px rgba(0,0,0,.3)}
.navbar-nav .nav-link{padding-left:.75rem!important;padding-right:.75rem!important;color:#fff!important}
ul.quickicons{max-width:1080px;margin:0 auto;padding:0;display:flex;justify-content:center}
ul.quickicons li{display:inline-block;text-align:center;width:calc(14.28% - 5px);cursor:pointer}
ul.quickicons li:hover{transition:all .3s ease-in}
ul.quickicons li .title{color:#0d47a1;font-size:14.5px;line-height:42px;text-transform:uppercase}
ul.quickicons li span{border:1px dashed #0d47a1;border-radius:50%;width:90px;height:90px;margin:0 auto!important;display:block;transition:all .1s ease-in;position:relative}
ul.quickicons li span i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .2s ease-in}
ul.quickicons li.air span i{width:50px;height:29px;background-position:-583px -6px}
ul.quickicons li.profile span i{width:39px;height:39px;background-position:-538px -6px}
ul.quickicons li:hover span{text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#e85b54;background-image:-webkit-linear-gradient(top,#e85b54 0,#b22520 100%);background-image:-o-linear-gradient(top,#e85b54 0,#b22520 100%);background-image:linear-gradient(to bottom,#e85b54 0,#b22520 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE85B54', endColorstr='#FFB22520', GradientType=0);border-color:#b22520;box-shadow:inset 0 1px 0 rgba(242,164,162,.6),0 1px 2px rgba(0,0,0,.05)}
ul.quickicons li.air:hover span i{width:50px;height:29px;background-position:-583px -67px}
ul.quickicons li.profile:hover span i{width:39px;height:39px;background-position:-538px -67px}
ul.quickicons li a{text-decoration:none;font-weight:600;display:block;text-align:center}
.main-heading{font-weight:600;font-size:20px;columns:#000}
.icon{background:url(../images/img-sprits.png);display:inline-block;padding:0;margin:0;margin-right:12px!important;position:relative;top:2px}
.font-weight-semi-bold{font-weight:600}
.page-item.active .page-link{z-index:3;color:#fff;background-color:#1e1c66;border-color:#1e1c66}
.page-link{color:#1e1c66}
.table-bordred{border-color:#dee2e6!important}
.tabble tr td,.tabble tr th{padding:.5rem !important;border-color:#dee2e6!important}
.profile_menu .dropdown-toggle:after{content:""!important;display:none!important}
.profile_menu .dropdown-toggle.btn-secondary{background-color:transparent;border-color:transparent}
.profile_menu .dropdown-toggle svg{width:24px;height:24px;fill:#fff}
.profile_menu .dropdown-menu{text-align:left;float:right;left:initial;right:0}
.profile_menu .dropdown-menu .dropdown-item{font-weight:600;color:#000;padding:.25rem 1rem}
.card{width:100%}
.card .card-header{font-weight:600;font-size:18px}
.bg-grey{background-color:#f3f3f3}
.form-group.mdinput{position:relative;margin:0 0 15px}
.form-group.mdinput label{position:absolute;left:14px;width:100%;top:14px;transition:.5s;z-index:0!important;letter-spacing:.4px;font-size:15px;margin:0;color:#9c9c9c}
    .form-group.mdinput .form-control:focus ~ label, .form-group.mdinput .form-control:valid ~ label, .form-group.mdinput .form-control:disabled ~ label {
        top: 4px;
        font-size: 12px;
        color: #adadad
    }
.mdinput .btn-light{height:50px;top:-18px;width:calc(100% + 30px);left:-15px;position:relative;z-index:1!important}
.form-group.mdinput .form-control {
    height: 50px !important;
    padding: 18px 12px 5px !important;
    z-index: 1 !important;
    position: relative;
    background: 0 0 !important;
    color: #000 !important;
    border-color: #b5b5b5 !important;
    position: relative;
    z-index: 1;
    background-color: transparent;
    border-radius: 4px !important;
    box-shadow: none !important
}
.row[data-gutter="15"]{margin:0 -10px!important}
.row[data-gutter="15"]>[class^=col-]{padding-left:7.5px;padding-right:7.5px}
.mobilenumber .bootstrap-select{position:absolute;top:35%;left:16px;background:0 0!important}
.mobilenumber{position:relative}
.mobilenumber .bootstrap-select .btn-light{background:0 0!important;outline:0!important;box-shadow:none;width:50px;border:none;border-right:1px solid #d4d4d4;border-radius:0;height:50px!important;margin-top:-18px}
.mobilenumber .form-control{padding-left:110px!important}
.form-group.mdinput.mobilenumber label{left:110px}
hr{width:100%;margin:20px 0}
.action-btn a{color:#000;text-decoration:none;display:flex;align-items:center;justify-content:center}
.action-btn a svg{width:20px;height:20px;fill:#000;color:#000;margin-right:5px}
.select-text{position:relative;font-family:inherit;background-color:transparent;width:100%;padding:18px 12px 5px;border-radius:0;border:none;border:1px solid #b5b5b5;border-radius:4px}
.select-text:focus{outline:0;border-bottom:1px solid rgba(0,0,0,0)}
.select .select-text{appearance:none;-webkit-appearance:none}
.dvnotes {
    max-height: 300px;
    overflow-y: scroll;
}
.select-label{color:rgba(0,0,0,.26);font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all}
.select-text:focus~.select-label,.select-text:valid~.select-label{transition:.2s ease all;top:4px;font-size:12px;color:#adadad}
.select-bar{position:relative;display:block;width:100%}
.btn{border-radius:2px}
.select-bar:after,.select-bar:before{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#2f80ed;transition:.2s ease all}
.select-bar:before{left:50%}
.select-bar:after{right:50%}
.select-text:focus~.select-bar:after,.select-text:focus~.select-bar:before{width:50%}
.select-highlight{position:absolute;height:60%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}
.btn-primary,.btn-primary:hover{background:#1e1c66;border-color:#1e1c66}
.btn-secondary,.btn-secondary:hover{background:#cc1212;border-color:#cc1212}
.md-checkbox{position:relative;margin:1em 0;text-align:left}
.md-checkbox{position:relative;margin:0;text-align:left}
.md-checkbox.md-checkbox-inline{display:inline-block}
.md-checkbox label{cursor:pointer;display:inline;line-height:1.15em;vertical-align:top;clear:both;padding-left:28px!important;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.md-checkbox label:not(:empty){padding-left:.75em}
.md-checkbox label:after,.md-checkbox label:before{content:"";position:absolute;left:0;top:0}
.md-checkbox label:before{width:1.15em;height:1.15em;background:#f5f5f5;border:1px solid #c1c1c1;border-radius:.125em;cursor:pointer;transition:background .3s}
.md-checkbox input[type=checkbox]{outline:0;visibility:hidden;width:1.15em;margin:0;display:none;float:left;font-size:inherit}
.md-checkbox input[type=checkbox]:checked+label:before{background:#008cff;border:none}
.md-checkbox input[type=checkbox]:checked+label:after{transform:translate(.25em,.325em) rotate(-45deg);width:.65em;height:.325em;border:.125em solid #f5f5f5;border-top-style:none;border-right-style:none}
.md-checkbox input[type=checkbox]:disabled+label:before{border-color:rgba(0,0,0,.26)}
.md-checkbox input[type=checkbox]:disabled:checked+label:before{background:rgba(0,0,0,.26)}
@keyframes ripple{
0%{box-shadow:0 0 0 1px rgba(0,0,0,0)}
50%{box-shadow:0 0 0 15px rgba(0,0,0,.1)}
100%{box-shadow:0 0 0 15px rgba(0,0,0,0)}
}
.md-radio.md-radio-inline{display:inline-block}
.md-radio input[type=radio]{display:none}
.md-radio input[type=radio]:checked+label:before{border-color:#008cff}
.md-radio input[type=radio]:checked+label:after{transform:scale(1)}
.md-radio label{display:inline-block;height:20px;position:relative;padding:0 30px;margin-bottom:0;cursor:pointer;vertical-align:bottom}
.md-radio label:after,.md-radio label:before{position:absolute;content:"";border-radius:50%;transition:all .3s ease;transition-property:transform,border-color}
.md-radio label:before{left:0;top:0;width:18px;height:18px;border:1px solid #008cff;border-color:#008cff!important}
.md-radio label:after{top:4px;left:4px;width:10px;height:10px;transform:scale(0);background:#008cff}
.ft14{font-size:14px}
.ft16{font-size:16px}
.selectpicker+.btn-light,.selectpicker+.btn-light:focus,.selectpicker+.btn-light:hover{padding:initial!important;background:0 0!important;height:initial!important;left:inherit!important;top:initial!important;width:100%;border:none;box-shadow:none}
.selectpicker+.btn-light::after{display:none}
.multiple .select label{transition:.2s ease all;top:4px;font-size:12px;color:#adadad}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:100% !important}
.topflightlist ul li{display:flex;justify-content:flex-start;margin-bottom:12px}
.topflightlist ul li span.color{height:24px;width:30px}
.topflightlist ul li span.salescount{font-weight:600}
.topflightlist ul li span.labelname{flex:1;padding:0 10px;font-weight:600;color:#000;font-family:'Open Sans'!important}
.nav-tabs{display:flex;justify-content:space-evenly}
.nav-tab .nav-item{border:none}
.nav-tabs .nav-link{border:none;margin-bottom:0}
.nav-tabs a{flex:1;display:block;font-size:17px;font-weight:600;text-align:center;color:#000;position:relative}
.nav-tabs a.active:after{background:#008cff}
.nav-tabs a:after{content:"";position:absolute;width:100%;background:0 0;height:5px;bottom:-3px;left:0;z-index:1;transition:all .3s linear}
.nav-tabs a.active{color:#008cff!important}
ul.dailysales{padding:0;margin:0}
ul.dailysales li{display:flex;justify-content:space-between;color:#333;border-bottom:1px dashed #e2e2e2;padding:10px 10px;margin:10px 0}
ul.dailysales li .__DSamount{text-align:right;flex:1;font-weight:600!important}
ul.dailysales li.muted{background:#f3f3f3;cursor:not-allowed}
.loginbar {
    padding: 20px 0 0
}
.multiselect-container {
    min-width: 280px;
}
a.logo img{width:auto;height:50px;object-fit:scale-down}
.register__inner-container ._header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #e8e8e8;padding-bottom:3px}
.register__inner-container ._header ._title{font-size: 20px;font-weight: 600;margin-bottom: 4px;}
.register__inner-container ._header .close{color:#666!important;opacity:1!important;font-size:16px;font-weight:400}
.loginmodal .modal-content{border-radius:0}
.loginmodal .modal-dialog{max-width:360px}
.register__inner-box .form-control{border-radius:0;border:1px solid #ccc;font-weight:500;color:#000;font-size:15px;height:44px}
.register__inner-box .form-group{margin-bottom:0}
a.register__form-forgot-password{color:#0a84c0;text-decoration:none;font-weight:400;font-size:15px;margin-top:-10px;display:block}
.Select-menu-outer{z-index:1000!important}
.is-open{z-index:100!important}
/*.input-group #invalidIdPswd {
    position: absolute;
    bottom: -36px;
    padding: 5px;
    font-size: 18px !important;
    font-weight: 600;
}*/
.bootstrap-select .form-control:focus {
    outline: 0px none #fff !important;
}

.bootstrap-select .form-control > div.filter-option:focus {
    outline: 0px none #fff !important;
}

.bootstrap-select .form-control > div.filter-option > div.filter-option-inner:focus {
    outline: 0px none #fff !important;
}

.bootstrap-select .form-control > div.filter-option > div.filter-option-inner > div.filter-option-inner-inner:focus {
    outline: 0px none #fff !important;
}

.bootstrap-select .dropdown-toggle:focus, .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
    outline: 0px none #fff !important;
}
.form-group.mdinput.mobilenumber .form-control {
    padding-left: 106px !important;
}



.mobilenumber .bootstrap-select .btn-light .filter-option {
    padding-top: 13px;
}
@media only screen and (min-width:1600px){
.container{min-width:1560px}
}
@media only screen and (min-width:1200px){
    .container {
        width: calc(100% - 20px) !important;
        max-width: 1500px !important;
    }
}
.d_box {
    padding: 20px;
    background: #FFF;
    border: 1px solid #DDD;
}

div#empcontainer {
}

h1.heading {
    font-size: 24px;
    margin:20px 0;  
}


/*//new added*/
h2.heading2 {
    font-size: 18px;
    font-weight: 700;
}

.featured-star {
    position: relative;
    top: -8px;
    left: 5px;
}

    .featured-star input {
        position: absolute;
        opacity: 0;
    }

        .featured-star input + label {
            font-size: 14px;
        }

        .featured-star input + label {
            text-align: center
        }

            .featured-star input + label svg {
                fill: grey;
                display: block;
                margin: 0 auto;
            }

        .featured-star input:checked + label svg {
            fill: #FF9800
        }

a.btn-save {
    background: #5cb85c;
}

a.btn-delete {
    background: #F44336;
}

.actionbtn a {
    display: block;
    padding: 6px;
    margin: 0 2px;
    border-radius: 4px;
}

.d-flex.actionbtn {
    justify-content: space-between;
    max-width: 60px;
}

    .d-flex.actionbtn a svg {
        width: 16px;
        height: 16px;
    }

    .d-flex.actionbtn a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

.file-upload-wrapper {
    position: relative;
    width: 100%;
    height: 50px;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
}

    .file-upload-wrapper:before {
        content: attr(data-text);
        font-size: 16px;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0px 15px;
        display: block;
        width: calc(100% - 40px);
        pointer-events: none;
        z-index: 20;
        height: 50px;
        line-height: 50px;
        color: #999;
        border-radius: 5px 10px 10px 5px;
    }

    .file-upload-wrapper:after {
        content: 'Upload';
        position: absolute;
        top: 0;
        right: 0;
        display: inline-block;
        height: 50px;
        background: #4daf7c;
        color: #fff;
        font-weight: 700;
        z-index: 25;
        font-size: 16px;
        line-height: 50px;
        padding: 0 15px;
        text-transform: uppercase;
        pointer-events: none;
        border-radius: 0 5px 5px 0;
    }
    /*.file-upload-wrapper:hover:before {
  background: #3d8c63;
}*/
    .file-upload-wrapper input {
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99;
        height: 40px;
        margin: 0;
        padding: 0;
        display: block;
        cursor: pointer;
        width: 100%;
    }
.buttons-excel {
    background: #28a745 !important;
    border-color: #28a745 !important;
}

.dropdown-item svg {
    width: 20px;
    height: 20px;
    margin: -5px 5px 0 0;
}
.dataTable td {
    min-width: 124px;
}

table.dataTable td {
    padding: 4px;
}

textarea {
    min-height: 80px;
}
@media only screen and (max-width:480px) {
    .imgbanner {
        display: none;
    }

    .loginbar .row[data-gutter="15"] {
        padding: 15px 3px;
        margin: 100px 5px !important;
        background: #FFF;
        border-radius: 6px;
        -webkit-box-shadow: 0px 0px 10px 5px rgba(130,130,130,0.3);
        -moz-box-shadow: 0px 0px 10px 5px rgba(130,130,130,0.3);
        box-shadow: 0px 0px 10px 5px rgba(130, 130, 130, 0.3);
    }

    .loginbar {
        background: #ededed !important;
        height: 100vh;
    }

    .input-group-text svg {
        width: 16px;
    }

    .loginbar a.logo {
        display: block;
        margin: 25px auto 0;
        text-align: center;
    }
}

.form-group.mdinput small {
    position: absolute;
    font-size: 11px;
    color: #666;
    padding-left: 2px;
    display: block;
}


.acInput label {
    position: absolute;
    z-index: 1;
    transition: .2s ease all;
    font-size: 12px;
    color: #adadad;
    top: 5px;
    left: 10px;
}

.acInput {
    position: relative;
}

.select-pure__select {
    align-items: center;
    background: #f9f9f8;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    min-height: 44px;
    padding: 26px 10px 5px 10px;
    position: relative;
    transition: 0.2s;
    width: 100%;
}

.select-pure__options {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    display: none;
    left: 0;
    max-height: 221px;
    overflow-y: scroll;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 99;
}

.select-pure__select--opened .select-pure__options {
    display: block;
}

.select-pure__option {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 44px;
    line-height: 25px;
    padding: 10px;
}

.select-pure__option--disabled {
    color: #e4e4e4;
}

.select-pure__option--selected {
    color: #e4e4e4;
    cursor: initial;
    pointer-events: none;
}

.select-pure__option--hidden {
    display: none;
}

.select-pure__selected-label {
    align-items: center;
    background: #5e6264;
    border-radius: 4px;
    color: #fff;
    cursor: initial;
    display: inline-flex;
    justify-content: center;
    margin: 5px 10px 5px 0;
    padding: 3px 7px;
}

    .select-pure__selected-label:last-of-type {
        margin-right: 0;
    }

    .select-pure__selected-label i {
        cursor: pointer;
        display: inline-block;
        margin-left: 7px;
        width: 18px;
        height: 18px;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' width='18px' height='18px' focusable='false' data-prefix='fal' data-icon='times' class='svg-inline--fa fa-times fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23FFFFFF' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
    }

    .select-pure__selected-label img {
        cursor: pointer;
        display: inline-block;
        height: 18px;
        margin-left: 7px;
        width: 14px;
    }

    .select-pure__selected-label i:hover {
        color: #e4e4e4;
    }

.select-pure__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 10px;
    width: 100%;
}

.select-pure__placeholder--hidden {
    display: none;
}

.acInput .easy-autocomplete input {
    padding-top: 30px;
    padding-bottom: 20px;
}

.easy-autocomplete-container {
    z-index: 99;
}

.customAutoComplete {
    margin: auto;
    padding: 0;
    position: absolute;
    width: 350px;
    z-index: 9999;
}

    .customAutoComplete li {
        border: 1px solid #DDD;
        width: 100%;
        padding: 10px;
        border-bottom: none;
        display: block;
        cursor: pointer;
        background:#FFF;
    }

        .customAutoComplete li:hover {
            background: #DDD;
        }

        .customAutoComplete li:last-child {
            border-bottom: 1px solid #DDD;
        }

.inner_slab h2 {
    font-size: 20px;
    margin: 20px 0;
}

.setReset, .viewPoolButton {
    min-width: 120px !important;
    line-height: 1;
    font-weight: 500;
    background: #fa751d !important;
    border: none !important;
    color: #FFF !important;
    text-align: center;
    padding: 14px 15px !important;
    border-radius: 2px !important;
    font-size: 14px !important;
}

.addSlabButton {
    padding: 10px !important;
    min-width: 120px !important;
    line-height: 1;
    font-weight: 600;
    background: #1e1c66 !important;
    border: none !important;
    color: #FFF;
    font-size: 14px !important;
}
.data-table tr td {
    padding: 8px !important;
    font-size: 12px !important;
    color: #333;
}

.autocompleteDiv {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 0;
}

    .autocompleteDiv ul {
        max-height: 300px;
        overflow-x: visible;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        scroll-behavior: smooth;
        border: none !important;
    }

        .autocompleteDiv ul li {
            padding: 10px 10px !important;
            font-size: 14px;
            font-weight: 400;
            cursor: pointer !important;
        }

            

            .autocompleteDiv ul li:after {
                display: none !important;
            }


            .autocompleteDiv ul li:not(:last-child) {
                border-bottom: 1px solid #DDD;
            }

.newTableUi table {
    width: calc(100%);
    border-color: rgb(212 212 212) !important;
}

    .newTableUi table tr th, .newTableUi table tr td {
        border-right: 1px solid rgb(212 212 212) !important;
        border-bottom: 1px solid rgb(212 212 212) !important;
        border-top: 1px solid rgb(212 212 212) !important;
    }

    .newTableUi table tr td {
        text-align: left;
        font-size: 11px;
        padding: 10px 5px;
    }

    .newTableUi table tr th {
        font-size: 11px;
        font-weight: 500;
        padding: 10px 5px !important;
        text-align: left;
        border-color: rgb(221 221 221 / 28%) !important;
    }

    .newTableUi table tr:nth-child(odd) td {
        border-bottom: none !important;
        border-top: none !important;
        background-color: #f8edeb;
    }
    .newTableUi table tr:nth-child(odd) {
        background-color: #f8edeb;
    }
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8edeb;
}
    .newTableUi table tr th, .newTableUi table thead tr td {
        background: #1e1c66 !important;
        color:#FFF !important;
    }


/* width */
.newTableUi::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    margin: 10px;
}

/* Track */
.newTableUi::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
.newTableUi::-webkit-scrollbar-thumb {
    background: #1e1c66;
}

    /* Handle on hover */
    .newTableUi::-webkit-scrollbar-thumb:hover {
        background: #1e1c66;
    }