.table-margin-bottom {
    /* margin-bottom: 10rem !important; */
}

.page-item.active .page-link {
    background-color: #673c71 !important;
    border-color: #673c71 !important;
}

.clear-license-dash-history-con {
    position: relative;
}

.search-classes-icon {
    /* background-image: url(../img/icon-search.svg); */
    background-size: contain;
    background-repeat: no-repeat;
    text-indent: 39px;
    background-size: 24px;
    position: relative;
    background-position-x: 10px;
    background-position-y: 5px;
    border-radius: 0.625rem;
    background-color: #eff3f9;
    padding: 8.5px 7px;
    font-size: 1rem !important;
}

.search-clear {
    position: absolute;
    right: 52%;
    top: 4.25rem;
}

.form-control-feedback-table::before {
    position: absolute;
    top: 2.3rem;
    z-index: 1;
    font-size: 1.25rem;
    color: #c5cee0;
    left: 1.8rem;
}

.table td {
    border-top: 3px solid #eff3f9;
}

.last-td {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.meter-span-per {
    position: relative;
    right: -29px;
    bottom: 16px;
}

.fancy-checkbox-filter input[type="checkbox"] {
    display: none;
}

.fancy-checkbox-filter span:before {
    color: #e1e5ef;
    font-size: 19px;
    font-family: "FontAwesome";
    font-style: normal;
    width: 1em;
    height: 1em;
    content: "\f14a";
    margin-right: 0.3em;
    position: relative;
    top: 17px;
}

.fancy-checkbox-filter input[type="checkbox"]:checked~span:before {
    content: "\f14a";
    color: #ef5b6d;
}

.classes-dropdwon {
    border-radius: 0.635rem;
}

.filter-dropdown {
    min-width: 13rem !important;
}


/* NEW VERSION */

div.dataTables_wrapper div.dataTables_filter input {
    padding: 0.5625rem 0.5rem;
}

.buttons-collection,
.levels-filters {
    background: #00000000;
    border: none;
    font-family: "Material Design Icons" !important;
    position: relative;
    top: 37px;
    right: 45px;
}

table.dataTable thead .sorting_asc:after {
    opacity: 0;
}

.border-r {
    border-right: 1px solid #f2f3f7 !important;
}

.select-fancy-dataTable {
    position: relative;
    top: -7px;
}

.buttons-collection::after,
.levels-filters::after {
    content: "\F140";
    top: 0rem !important;
    position: absolute;
    font-weight: 600;
    color: #673c71;
    font-size: 1rem;
    margin-right: 0.3rem;
    margin-left: 0.3rem;
    border: none;
}

.dt-button-collection:first-child {
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}

.dt-button-collection {
    padding: 0 !important;
    border: none;
    border-radius: 0.625rem;
}

.only-selected:after {
    content: "" !important;
}

.dt-button {
    color: #1e2029;
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
}

.dt-button:focus {
    background-color: #dfe3ee;
}

.dt-button.active {
    background-color: #e3e2eb;
    color: #1e2029;
}

.level-filter-dev {
    position: absolute;
    z-index: 10000;
    right: 0px;
    top: 0px;
}

.sec-filter-dev {
    position: absolute;
    z-index: 10000;
    right: 150px;
    top: 27px;
}

.third-filter-dev {
    position: absolute;
    z-index: 10000;
    right: 278px;
    top: 27px;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff;
}

.dtfc-custom {
    background-color: #ffffff00 !important;
}

tbody .dtfc-custom {
    background-color: #ffffff !important;
}

.spacer td {
    border-right: 2px solid #f2f3f7;
}

.first-th-no-sort::before,
.first-th-no-sort::after {
    content: "" !important;
}

.datepicker table tr td.today {
    background-color: #fde6e9 !important;
}


/* .spacer td :after{
    content: "";
    background: #DFE3EE;
    position: absolute;
    bottom: 67px;
    left: 205px;
    height: 34%;
    width: 2px;
} */

table.dataTable.nowrap th,
table.dataTable.nowrap td {
    white-space: nowrap;
}

table.dataTable td,
table.dataTable th {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#datatable-exist_filter label {
    width: 100% !important;
}

.table td {
    border-top: 3px solid #eff3f9;
}

.table td,
.table th {
    vertical-align: middle;
}

.first-td {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.last-td {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}


/* .thead {
    border-bottom: .5rem solid transparent;
} */

.table td {
    padding: 0rem 0.75rem;
}

.fancy-table-header {
    position: relative;
    top: 8px;
}

.td-without-r-border {
    border-right: 0px solid #f2f3f7 !important;
    background-color: #ffffff !important;
}

.meter {
    height: 8px;
    display: inline-grid;
    position: relative;
    background: #ecf8f0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    min-width: 150px;
    border-radius: 25px;
    padding: 0px;
    box-shadow: inset 0 -1px 1px rgb(255 255 255 / 30%);
    z-index: 0;
}

.progress {
    height: 0.5rem !important;
    border-radius: 25px !important;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.progress-reports-course {
    height: .8rem !important;
}

.progress-reports-level {
    height: 0.65rem !important;
}

.progress-reports-lesson {
    height: 0.5rem !important;
}

.meter-span-per {
    position: absolute;
    bottom: -5px;
    left: 110%;
}

.progress-td {
    min-width: 150px;
}

.next-icon-td {
    border-right: 0px solid #f2f3f7;
}

.dataTables_length label {
    position: relative;
    bottom: 16px;
    left: -18px;
    z-index: 1;
}

.dataTables_length .select2 {
    min-width: 70px !important;
    width: auto !important;
}

.dataTables_info {
    display: none;
}

div.dataTables_wrapper div.dataTables_paginate {
    position: relative;
    z-index: 0;
    right: 0px;
    bottom: 63px;
}

.dataTables_scroll {
    z-index: 1;
}

.thead {
    background-color: #dfe3ee !important;
}

.spacer-border-bottom {
    border-bottom: 40px solid #eff3f9;
}

.profileImage {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #979fbd;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 33px;
}

.data-range-exercises-classes {
    background-color: #e3e2ec !important;
}

.datatable-students .dataTables_length {
    position: relative;
    bottom: 0;
    left: 0px;
}

.datatable-students div.dataTables_wrapper div.dataTables_paginate {
    position: relative;
    bottom: 40px;
    left: 0px;
}

.dataTables_scrollBody,
.licenses-container-scroll {
    overflow-y: scroll;
    scrollbar-width: thin !important;
    scrollbar-color: #dfe3ee #ffffff;
}

.dataTables_scrollBody::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

.dataTables_scrollBody {
    /* float: left; */
    overflow-y: scroll;
}

.dataTables_scrollBody::-webkit-scrollbar-track,
.licenses-container-scroll::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */
    border-radius: 10px;
    background-color: #eff3f9;
}

.dataTables_scrollBody::-webkit-scrollbar,
.licenses-container-scroll::-webkit-scrollbar {
    width: 12px;
    background-color: #eff3f9;
}

.dataTables_scrollBody::-webkit-scrollbar-thumb,
.licenses-container-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #e1e5ef;
}

.licenses-filter-dev {
    position: absolute;
    right: 40px;
    z-index: 10000;
}

@media (max-width: 1600px) {
    .meter {
        min-width: 100px;
    }
}

@media (max-width: 990px) {
    .table td {
        border-top: 0px solid #eff3f9;
        z-index: 1;
    }
    .td-img {
        border-right: 1px solid #eff3f9 !important;
        position: relative;
        z-index: 100;
    }
    .td-img::after {
        content: "";
        position: absolute;
        background: linear-gradient( 90deg, rgba(213, 217, 229, 0.4) -30.77%, rgba(243, 245, 250, 0) 100%);
        width: 10px;
        height: 100%;
        left: 100%;
        margin-top: -45px;
    }
    .td-text::after {
        margin-top: -15px;
    }
    .th-with-bg {
        background-color: #dfe3ee !important;
        z-index: 10;
    }
    .first-td {
        border-top-left-radius: 0rem;
        border-bottom-left-radius: 0rem;
    }
    .last-td {
        border-top-right-radius: 0rem;
        border-bottom-right-radius: 0rem;
    }
    .dataTables_length {
        /* left: 70px; */
    }
}

@media (max-width: 770px) {
    div.dataTables_wrapper div.dataTables_filter input {
        margin-top: 1.7rem;
    }
    /* .dataTables_length {
        display: none;
    } */
    div.dataTables_wrapper div.dataTables_paginate {
        position: absolute;
        bottom: 0px;
        z-index: 0;
    }
    .dataTables_length label {
        position: relative;
        bottom: 56px;
        z-index: 101;
        float: left;
    }
    .dataTables_length #items {
        display: none;
    }
    .buttons-collection,
    .levels-filters {
        top: 13px;
    }
    li.paginate_button {
        display: flex;
        justify-content: center;
    }
    .dataTables_paginate ul {
        display: flex;
        justify-content: center !important;
    }
    .existing_page .form-control-feedback-table::before {
        top: 3.8rem !important;
    }
    .show-only-selected {
        top: 0px;
    }
    .assignment-show-page .form-control-feedback-table::before {
        top: 3.8rem !important;
    }
    .dataTables_length .select2-container {
        display: none;
    }
}


/* exist page START*/

.existing_page table {
    width: 100% !important;
}

.existing_page .dataTables_scrollHeadInner {
    width: 100% !important;
}

.checkbox-exist {
    position: relative;
    top: 4px;
}

.existing_page div.dataTables_wrapper div.dataTables_filter input {
    padding-right: 4rem;
}


/* exist page END*/


/* ASSIGNMENT PAGE START */

@media (max-width: 770px) {
    .assignment-page .form-control-feedback-table::before {
        top: 3.6rem !important;
    }
}


/* ASSIGNMENT PAGE END */