.bg_red {
    background-color: var(--red);
}

.bg_white {
    background-color: var(--white);
}

.bg_1 {
    background-color: var(--color_1);
}

.bg_2 {
    background-color: var(--color_2);
}

.bg_3 {
    background-color: var(--color_3);
}

a {
    color: var(--red);
}

.btn-outline-primary {
    background: var(--color_2);
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--color_2);
    color: white;
    font-size: 14px;
    height: 38px;
    align-items: center;
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem #cda88129;
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    background-color: var(--color_2);
    border-color: var(--color_2);
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
    background-color: var(--color_2);
    border-color: var(--color_2);
}

.btn-check:focus+.btn,
.btn:focus {
    color: var(--color_2);
    background-color: var(--color_1);
    border-color: var(--color_2);
    box-shadow: none;
}

.btn-outline-primary:hover {
    background: var(--color_2);
    border: 1px solid var(--color_2);
    filter: brightness(1.1);
    transition: .3s;
}

.btn-primary {
    background: var(--red);
    padding: 5px 15px;
    display: flex;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid var(--color_2);
    color: white;
    font-size: 14px;
    height: 38px;
    align-items: center;
}

.btn-check:active+.btn,
.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:active {
    color: var(--color_1);
    background-color: var(--color_2);
    border-color: var(--color_2);
}

.btn-secondary {
    --bs-btn-color: var(--chocolate);
    --bs-btn-bg: var(--color_1);
    --bs-btn-border-color: var(--color_1);
    --bs-btn-hover-color: var(--chocolate);
    --bs-btn-hover-bg: var(--chocolate);
    --bs-btn-hover-border-color: var(--chocolate);
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: var(--chocolate);
    --bs-btn-active-bg: var(--chocolate);
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: none;
    --bs-btn-disabled-color: var(--chocolate);
    --bs-btn-disabled-bg: var(--color_1);
    --bs-btn-disabled-border-color: var(--color_1);
}

.g1 {
    gap: 26px;
}

.row-g1 {
    row-gap: 26px;
}

.colomn-g1 {
    column-gap: 26px;
}

.alert {
    margin-bottom: 0;
}

span.select2-dropdown.select2-dropdown--below {
    z-index: 9999;
}

.select2-selection__rendered {
    max-height: 150px;
    overflow-y: auto !important;
}

.line-clamp {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

.pointer {
    cursor: pointer;
}

.form-label {
    margin-top: 5px !important;
}


.rounded-pill {
    border-radius: 3px !important;
}

.active>.page-link,
.page-link.active {

    background-color: var(--red);
    border-color: var(--red);
    color: var(--color_3) !important;
}

.btn:hover {
    color: var(--color_3);
    background-color: var(--red);
    border-color: var(--red);
}

.btn-outline-secondary {
    --bs-btn-color: #3b2621;
    --bs-btn-border-color: #3b2621;
    --bs-btn-hover-bg: #3b2621;
    --bs-btn-hover-border-color: #3b2621;
    --bs-btn-active-bg: #3b2621;
    --bs-btn-active-border-color: #3b2621;
    --bs-btn-disabled-color: #3b2621;

    --bs-btn-disabled-border-color: #3b2621;

    background-color: var(--color_3);
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: rgb(205 168 129 / 16%);

}

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: 1.8em;
}

.text-red {
    color: var(--red);
}

.bg-light-red {
    background-color: rgb(144 41 33 / 16%);
}

.text-color2 {
    color: var(--color_2);
}

.bg-light-red {
    background-color: #cda88129;
}

.text-chocolate {
    color: var(--chocolate);
}

.bg-light-chocolate {
    background-color: #3b262121;
}

.table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem;
    background-color: var(--color2);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.modal-content {

    color: var(--chocolate);
    background-color: var(--color_3);

}

.modal-body .border {
    border: none !important;
}

.bg-success {
    background-color: var(--color_2) !important;
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: var(--color_1) !important;
}

.bg-danger {
    background-color: var(--chocolate) !important;
}

.form-control:disabled {
    background-color: var(--color_3);
    opacity: .6;
}

.modal-title,
.breadcrumb-title {
    font-family: "degular", sans-serif;
}

.country_clear,
.country2_clear {
    background-color: var(--color_2) !important;
    padding: 2px 5px;
    border-radius: 6px;
    border: none;
    color: var(--color_1);
}

.bg-primary {
    background-color: var(--red) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: var(--color_1) !important;
}

.bg-login .card {

    background: var(--color_1);
}

.card {

    box-shadow: 0 2px 6px 0 rgb(242 238 224), 0 2px 6px 0 rgb(242 238 224);

}

.card-body>.border {
    border: none !important;
}

.alert ul {
    margin: 0;
}

.alert-success {
    --bs-alert-color: var(--color_1);
    --bs-alert-bg: var(--color_2);
    --bs-alert-border-color: var(--color_2);
}

th {
    min-width: 20px;
}

.text-success {
    color: var(--color_2) !important;
}

.hide-icon::before,
.hide-icon::after {
    display: none !important;
}

table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 45px;
}
table>thead>tr>th .hide-icon{
    padding-right: 0px!important;
}