.loading-page {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 1500;
    background-color: #58585881;
}


.alert-success {
    color: #ffffff;
    background-color: #09c29d;
    border-color: #29f4cd;
}

.alert-success hr {
    border-top-color: #11f3c7;
}

.alert-success .alert-link {
    color: #00bf9a;
}



.alert-warning {
    color: #ff8d72;
    background-color: #ffc889;
    border-color: #ff9f89;
}

.alert-warning hr {
    border-top-color: #ff8a70;
}

.alert-warning .alert-link {
    color: #ff643f;
}

.alert-danger {
    color: #ffffff;
    background-color: #fd1965;
    border-color: #fd77a4;
}

.alert-danger hr {
    border-top-color: #fd5e93;
}

.alert-danger .alert-link {
    color: #fc2b71;
}


hr {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.main-panel[data="primary"] .text-primary {
    color: #e14eca !important;
}

.main-panel[data="blue"] .text-primary {
    color: #1d8cf8 !important;
}

.main-panel[data="green"] .text-primary {
    color: #00f2c3 !important;
}


.main-panel[data="green"] .btn-primary {
    background: #00f2c3;
    background-image: -webkit-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-image: -o-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-image: -moz-linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-image: linear-gradient(to bottom left, #00f2c3, #0098f0, #00f2c3);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #00f2c3;
    transition: all 0.15s ease;
    box-shadow: none;
    color: #ffffff;
}

.main-panel[data="green"] .btn-primary.btn-simple {
    color: #00f2c3;
    border-color: #00f2c3;
    background: transparent;
}


.main-panel[data="green"] .btn-primary.btn-simple.active,
.main-panel[data="green"] .btn-primary.btn-simple:hover {
    color: #ffffff;
    background-image: none !important;
    background: transparent;
    background-color: #00f2c3 !important;
}


.main-panel[data="green"] .page-item.active .page-link {
    z-index: 1;
    color: #ffffff;
    background-color: #00f2c3;
    border-color: #00f2c3;
}

.main-panel[data="blue"] .btn-primary {
    background: #1d8cf8;
    background-image: -webkit-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -o-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: -moz-linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-image: linear-gradient(to bottom left, #1d8cf8, #3358f4, #1d8cf8);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #1d8cf8;
    transition: all 0.15s ease;
    box-shadow: none;
    color: #ffffff;
}

.main-panel[data="blue"] .btn-primary.btn-simple {
    color: #1d8cf8;
    border-color: #1d8cf8;
    background: transparent;
}

.main-panel[data="blue"] .btn-primary.btn-simple.active,
.main-panel[data="blue"] .btn-primary.btn-simple:hover {
    color: #ffffff;
    background-image: none !important;
    background: transparent;
    background-color: #1d8cf8 !important;
}


.main-panel[data="blue"] .page-item.active .page-link {
    z-index: 1;
    color: #ffffff;
    background-color: #1d8cf8;
    border-color: #1d8cf8;
}



.main-panel[data="primary"] .btn-primary {
    background: #e14eca;
    background-image: -webkit-linear-gradient(to bottom left, #e14eca, #d429bb, #e14eca);
    background-image: -o-linear-gradient(to bottom left, #e14eca, #d429bb, #e14eca);
    background-image: -moz-linear-gradient(to bottom left, #e14eca, #d429bb, #e14eca);
    background-image: linear-gradient(to bottom left, #e14eca, #d429bb, #e14eca);
    background-size: 210% 210%;
    background-position: top right;
    background-color: #e14eca;
    transition: all 0.15s ease;
    box-shadow: none;
    color: #ffffff;
}

.main-panel[data="primary"] .btn-primary.btn-simple {
    color: #e14eca;
    border-color: #e14eca;
    background: transparent;
}


.main-panel[data="primary"] .btn-primary.btn-simple.active,
.main-panel[data="primary"] .btn-primary.btn-simple:hover {
    color: #ffffff;
    background-image: none !important;
    background: transparent;
    background-color: #e14eca !important;
}


.main-panel[data="primary"] .page-item.active .page-link {
    z-index: 1;
    color: #ffffff;
    background-color: #e14eca;
    border-color: #e14eca;
}



.input-calculator {
    max-width: 200px;
    padding: 10px;
    background-color: #19191f;
}

.input-calculator .label {
    font-size: 13px;
    color: #ffffff;
    margin-bottom: 10px;
}

.input-calculator input.input-number {
    outline: none;
    padding: 5px 8px;
    color: #ffffff;
    background-color: #000000;
    font-size: 18px;
    border-radius: 0.3rem;
    display: block;
    width: 100%;
    border: 1px solid #303030;
}

.input-calculator input.input-number:focus {
    outline: none;
}

.input-calculator .numbers {
    margin-top: 10px;
}

.input-calculator .numbers .numbers-box {
    display: flex;
}

.input-calculator .numbers .numbers-box .number {
    width: 100%;
    text-align: center;
    padding: 8px;
    font-size: 16px;
    background-color: #000000;
    color: #ffffff;
    margin: 1px;
    cursor: pointer;
    border-radius: 5px;
}

.input-calculator .numbers .numbers-box .number:hover {
    background-color: #707070;
    color: #000000;
}


.modal-calculator {
    max-width: fit-content;
    margin: 1rem auto;
}

.modal-xl {
    width: 100%;
    margin: -5rem auto !important;
}

.btn-block {
    display: block;
    width: 100% !important;
}


.sweet-alert {
    background-color: #0a0a0a;
}


.list-cari,
.list-cari-2 {
    border: 1px solid #303030;
    cursor: pointer;
    padding: 8px;
    margin-bottom: 10px;
}

.list-cari:hover,
.list-cari-2:hover {
    background-color: #272727;
}


.list-cari h5,
.list-cari-2 h5 {
    font-size: 15px;
    margin: 0px;
    margin-bottom: 5px;
}

.list-cari p,
.list-cari-2 p {
    padding: 0px;
    margin: 0px;
    font-size: 13px;

}

.form-select {
    background-color: #19191f;
}

.form-select option {
    background-color: #272727;
    color: #ffffff;
}


.widget {
    border: 1px solid #303030;
    padding: 20px;
    border-radius: 0.5rem;
    margin-bottom: 30px;
}

.widget .wid-btn {
    color: #808080;
    text-align: center;
}

.widget .wid-btn i {
    font-size: 20px;
}

.widget .wid-btn.link i {
    font-size: 30px;
}

.widget .wid-btn.link {
    color: #ffffff;
    cursor: pointer;
}

@media (max-width: 575.98px) {

    .widget .wid-btn i {
        font-size: 13px !important;
    }

    .widget .wid-btn h5 {
        font-size: 10px;
    }

    .widget .wid-btn.link i {
        font-size: 22px !important;
    }
}

@media (max-width: 767.98px) {
    .widget .wid-btn i {
        font-size: 18px;
    }

    .widget .wid-btn.link i {
        font-size: 26px;
    }
}

/* DATA TABLE */

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
}

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

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center;
}

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

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 75px;
    display: inline-block;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap;
    font-size: 13px;
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
    font-size: 13px;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    justify-content: flex-end;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    padding: 0.5rem;
    font-size: 15px;
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0;
}

table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-right: 30px;
}

table.dataTable thead>tr>th:active,
table.dataTable thead>tr>td:active {
    outline: none;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    position: relative;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3;
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191";
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193";
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1;
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0;
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner {
    box-sizing: content-box;
}

div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
    margin-top: 0 !important;
    border-top: none;
}

@media screen and (max-width: 767px) {

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center;
    }
}

table.dataTable.table-sm>thead>tr>th {
    padding-right: 20px;
}

table.dataTable.table-md>thead>tr>th {
    padding-right: 25px;
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em;
}

table.dataTable.table-md .sorting:before,
table.dataTable.table-md .sorting_asc:before,
table.dataTable.table-md .sorting_desc:before {
    top: 7px;
    right: 0.9em;
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px;
}

table.dataTable.table-md .sorting:after,
table.dataTable.table-md .sorting_asc:after,
table.dataTable.table-md .sorting_desc:after {
    top: 7px;
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 0;
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
    border-right-width: 0;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    border-bottom-width: 0;
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row {
    margin: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
    padding-left: 0;
}

div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
    padding-right: 0;
}