img.preview {
    max-height: 250px;
}

.container-fluid>.card {
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

#toast-container {
    z-index: 99999;
    display: block;
}

.select2-container--default .select2-selection--single {
    height: 41px;
    padding: 0.47rem 1.75rem 0.47rem 0.75rem;
}

.sub-modal {
    background: #74788d91;
}

#modal-ticket-data .modal-body table td {
    color: #000;
}

.iti {
    display: block;
}

.rtl .form-select {
    background-position: left 0.75rem center !important;
}

.dataTables_length label,
.dataTables_filter label {
    display: inline-flex;
}

.auth-logo>img {
    margin: auto;
    height: 100px;
}
.site-logo img{
    height: 50px;
}

.btn-primary {
    --bs-btn-bg: #2191d1;
    --bs-btn-border-color: #2191d1;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2191d1;
    --bs-btn-hover-border-color: #2191d1;
}

.pagination {
    --bs-pagination-hover-color: #2191d1;
    --bs-pagination-focus-color: #36bfe8;
    --bs-pagination-active-bg: #36bfe8;
    --bs-pagination-active-border-color: #36bfe8;
}

body[data-sidebar=dark] #sidebar-menu ul li a i {
    color: inherit;
}

body[data-sidebar=dark] .menu-title,
body[data-sidebar=dark] #sidebar-menu ul li a,
body[data-sidebar=dark] #sidebar-menu ul li ul.sub-menu li a {
    color: white;
}

.select2-container--default .select2-selection--single {
    height: 42px !important;
}

.rtl .select2-container--default .select2-selection--single {
    direction: rtl;
    padding: 0.5rem 0rem 0rem 0.47rem;
}

.dt-bootstrap4 .dataTables_paginate {
    justify-content: end;
    display: flex;
}

ul.pagination:first-child {
    background-color: yellow;
}

body[data-sidebar=dark] .navbar-brand-box {
    background: white;
}

#sidebar-menu {
    background: #8253af;
}

body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active,
body[data-sidebar=dark].vertical-collpsed .vertical-menu #sidebar-menu ul li.mm-active .active i,
body[data-sidebar=dark] .mm-active {
    background: #ec45b9;
}

.menu-item a svg , .has-arrow svg{
    fill: white;
}
.mm-active ul.sub-menu li a{
    color: white !important;
}
#sidebar-menu li:hover >a , #sidebar-menu li:hover >a i {
    color: #36bfe8 !important;
}
#sidebar-menu li:hover svg{
    fill: #36bfe8 !important;
}
.h-150px{
height: 150px;
}
.customer-card .bg-img{
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 200px;
}
.bg-left{
    background-position: left;
}
.bg-right{
    background-position: right;
}
.customer-card .card-logo{
    float: left;
}
.customer-card{
    background: white;
}
.customer-card .card-data img{
    height: 150px;
    border-radius: 10px;
    border: 4px solid #2a5a30;
}
.customer-card p {
    font-size: 16px;
    font-weight: 800;
}

.form-control:focus{
    border-color: #000000;
    box-shadow: none;
}
.user-data-conteiner{
    border: 1px solid #9c9a9a;
}
.user-data-conteiner >div{
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #9c9a9a;
    /* color: #fff; */
}
footer li a{
    color: #fff;

}