@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;
    cursor: pointer;
}

    .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: 38px;
    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;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.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;
    }

.language_Grid tr td {
    padding: 0;
    border-right: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
}

.language_Grid tr:last-child td {
    border-top: 1px solid #c8b3b3;
}


.language_Grid tr td .form-control {
    border: 1px solid transparent;
    border-radius: 0;
    font-weight: 500 !important;
    background: #FFF !important;
    height: 50px;
    color: #000;
    border: none !important;
}

input.form-control {
}

.language_Grid tr td .form-control.arabic_lang {
    text-align: right;
    direction: rtl;
}

.language_Grid thead tr td {
    height: 40px;
    vertical-align: middle;
    padding: 5px 10px;
    font-weight: 500;
    font-size: 16px;
    background: #1e1c66;
    color: #FFF;
    line-height: 1;
    border-left: none !important;
    border-bottom: none !important;
    border-color: #1e1c66 !important;
}

    .language_Grid thead tr td label {
        margin-bottom: 0
    }

.table.language_Grid {
    border-left: 1px solid #474747;
    border-bottom: 1px solid #ababab;
    border-right: 0;
}

.language_Grid tr td .form-control:focus {
    border: 1px solid green !important;
    box-shadow: none !important;
}

.language_Grid tr td .form-control:read-only, .language_Grid tr td .form-control:read-only:focus {
    background: #f8edeb !important;
    border-color: transparent !important;
    box-shadow: none !IMPORTANT;
}

.languageTabs li button {
    border-radius: 0;
}

.nav-pills .nav-link {
    border-radius: 0 !important;
    margin: 0 1px;
    border: 1px solid transparent;
}

    .nav-pills .nav-link.active {
        background: #1e1c66;
    }