.bg-primary {
    background: #AEA4A2 !important;
    color:#1F2324 !important;
}

.cubex-card {
    /* background: #1f2324; */
    background: #AEA4A2;
    color:#1F2324;
    border-radius: 8px;
    padding: 23px 31px 40px 31px;
}

.cubex-input {
    height: 39px;
    background: #F1E7E3;
    border-radius: 8px;
    border: none;
    padding: 0 10px;
    color: #1F2324;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid #D4D4D4;
    line-height: 17px;
}
.cubex-input::placeholder {
    color: #82909A;
}

.cubex-rounded-md {
    border-radius: 15px;
}
.cubex-text-area {
    background: #F1E7E3;
    border-radius: 8px;
    border: 1px solid #D4D4D4;
    padding: 0 10px;
    color: #1F2324;
    font-weight: 400;
    font-size: 14px;
    min-height: 80px;
    line-height: 17px;
}
.cubex-text-area:active,
.cubex-text-area:focus {
    background: #DFD4D0;
    color: #1F2324;
    outline: none;
}

.cubex-input:focus,
.cubex-input:active {
    background: #DFD4D0;
    outline: none;
    color: #1F2324;
}

label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    /* line-height: 17px; */
    color: #1F2324;
    margin-bottom: 10px;
}

.cubex-label {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #1F2324;
    margin-bottom: 10px;
}
.cubex-form-control {
    display: flex;
    flex-direction: column;
}
.cubex-form-wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}
.login-text-title {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #1F2324;
    text-align: center;
}
.login-text-wrap {
    display: flex;
    justify-content: center;
}
.cubex-button-login {
    background-color: #572d2d;
    border: none;
    width: 100%;
    height: 39px;
    /* margin: 0 8px; */
    color: white;
    border-radius: 8px;
}

/* .cubex-bg-primary.active {
    background-color: #572D2D;
}
.cubex-bg-primary {
    background-color: #572D2D;
} */

.cubex-button-reset {
    border: none;
    background: transparent;
}

.cubex-dropdown-item {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #ccd2d9;
}

.cubex-badge-success {
    border: none;
    background: #a8d3a7;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #484a4e;
    border-radius: 50px;
    width: 86px;
    height: 30px;
}
.cubex-badge-failed {
    border: none;
    background: #a0a8b0;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1f2324;
    border-radius: 50px;
    width: 86px;
    height: 30px;
}

.cubex-badge-danger {
    border: none;
    background: #ed3737;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50px;
    width: 86px;
    height: 30px;
}

#form-add-features input,
#cubex-form-domain-registration input,
#form-create-certificate input,
#form-cubex-features input,
#form-add-ipaddress input,
#form-add-domain-registration input {
    background: black;
    color: #a8b6ba;
    border: none;
    outline: none;
    border-radius: 10px;
}

#cubex-form-domain-registration select {
    background-color: black;
    color: white;
    height: 39px;
    border-radius: 10px;
    border: none;
}

#form-add-features .ip-input-container .ip-input-dot,
#cubex-form-domain-registration .ip-input-container .ip-input-dot,
#form-cubex-features .ip-input-container .ip-input-dot,
#form-add-ipaddress .ip-input-container .ip-input-dot,
#form-add-domain-registration .ip-input-container .ip-input-dot {
    background-color: white;
}
#form-add-features .ip-input-container .ip-input-item,
#cubex-form-domain-registration .ip-input-container .ip-input-item,
#form-cubex-features .ip-input-container .ip-input-item,
#form-add-ipaddress .ip-input-container .ip-input-item,
#form-add-domain-registration .ip-input-container .ip-input-item {
    background: transparent;
}
#form-add-features .ip-input-container,
#cubex-form-domain-registration .ip-input-container,
#form-cubex-features .ip-input-container,
#form-add-ipaddress .ip-input-container,
#form-add-domain-registration .ip-input-container {
    background: black;
    border-radius: 10px;
    border: none;
    outline: none;
}

/*  */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background-color: #572d2d;
    border-color: #572d2d;
}

/*  */
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    /* color: #ccd2d9 !important; */
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #572d2d;
    background-color: #572d2d;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #1F2324 !important;
    /* border: 1px solid #1f2324; */
    background-color: #DFD4D0;
}
/*  */

#form-add-client-corporate input {
    background: black;
    color: white;
    border: none;
    outline: none;
    border-radius: 10px;
}
#table-histori tbody tr:nth-child(even) td {
    background: #262a2b;
}
/* #table-histori tbody tr:hover {
    background: red;
} */
/* #form-add-client-corporate .cubex-form-wrap {
    background: blue;
    border: 1px solid red;
} */

.toggle.btn {
    min-width: 7rem;
    min-height: 2.15rem;
}
/*------------------------------------------------ Swal--------------------------------------------------- */
.swal-modal {
    background: #aea4a2;
    border-radius: 8px;
    width: Hug (385px);
}

.swal-footer {
    display: flex;
    justify-content: center;
}

/* .swal-button--danger:not([disabled]):hover, */

.cubex-confirm-delete-button,
.swal-button--danger:focus,
.swal-button--danger {
    background: #572d2d;
    color: #eff6ff;
    box-shadow: none;
}

.swal-button--danger:hover {
    background: #28A745 !important;
    color: #eff6ff;
    box-shadow: none;
}

.swal-title {
    color:#1F2324;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
}
.swal-button--cancel {
    background: transparent;
    border: 1px solid #FFC107;
    color: #eff6ff;
    /* background: #FFC107; */
}

.swal-button--cancel:hover {
    background: transparent;
    /* border: 1px solid #FFC107; */
    color: #eff6ff;
    background: #FFC107 !important;
}
/*------------------------------------------------ End Swal--------------------------------------------------- */
/* .swal-icon {
    width: 80px;
    height: 80px;
    border-width: 0px;
    border-style: solid;
    border-radius: 0%;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    margin: 20px auto;
    border: 1px solid red;
    background-image: url("assets/icon/warning-ico.svg");
} */

.dropdown-menu {
    background-color: #1f2324;
}
.dropdown-item {
    color: #fcfcfa;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link.active {
    background: #545D85;
}
.sb-sidenav-dark .sb-sidenav-menu .nav-link:hover {
    color: #fff;
    background: #545D85;
    text-decoration: none;
}

.table th,
.table td {
    border: none;
}
/* .sb-sidenav-dark .sb-sidenav-menu .nav-link {
    color: #a8b6ba;
} */
.form-control:disabled,
.form-control[readonly] {
    background-color: #2F3236;
    color:#CFD1E4;
}
.dropdown-item:hover {
    color: white;
    background: none;
}
.dropdown-menu {
    color: #a8b6ba;
}
.cubex-dropdown-item {
    background: transparent;
    border-radius: 8px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #b3bbc3;
}
.cubex-dropdown-item:hover {
    background: #572d2d;
    color: #fff;
}

.cubex-alert {
    background: gray;
    border-radius: 8px;
    color: #fff;
    width: 832px;
    height: 44px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
    /* opacity: 1;
    animation: alert-animation 2s ease-in-out; */
}
.cubex-alert-danger {
    background: #be1b1b;
}
.cubex-alert-success {
    background: #572d2d;
}

/* @keyframes alert-animation {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
} */
.btn-primary,
.btn-primary:active {
    background-color: #A33A42 !important;
    border-color: #A33A42 !important;
}

.btn-primary:hover {
    background-color: #28A745;
    border-color: #28A745;
}
.btn-primary:disabled {
    background-color: #572d2d80;
    border-color: #572d2d80;
}

.btn-primary-outline,
.btn-primary-outline:active {
    border-color: #9F4C39;
    color:#9F4C39;
}

.btn-primary-outline:hover {
    /* background-color: #572d2d80; */
    color:#fff;
    background: red;
    border-color: red;
}
.btn-primary-outline:disabled {
    /* background-color: #572d2d80; */
    border-color: #572d2d80;
}


.h-10 {
    height: 100px;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav {
    z-index: 9999;
}
.sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav {
    padding-top: 0px;
}

.text-success {
    color: #a8d3a7 !important;
}

.text-light {
    color: #FBFCFF !important;
}
.ms-container .ms-selectable,
.ms-container .ms-selection {
    background: #2f3236;
    color: white;
}
.ms-container .ms-list {
    border: 1px solid #6f7379;
}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    color: #ced1d6;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    background-color: #a93d3d;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #572d2d;
    border-color: #572d2d;
    box-shadow: 0 0 0 0.2rem #572d2d80;
    transform: scale(95%);
    transition: transform 0.1s;
}

.btn-primary:focus,
.btn-primary.focus {
    color: #fff;
    background-color: #572d2d;
    border-color: #572d2d;
    box-shadow: 0 0 0 0.2rem #572d2d80;
}