.img-box > input {
    display: none;
}
.template-border {
    border: 3px solid #0b9ef7 !important;
    border-radius: 10px !important;
}
.btn-check:focus + .btn,
.btn:focus {
    box-shadow: unset !important;
    outline: unset !important;
}
.screen.image {
    border-radius: 5px;
    cursor: pointer;
    display: block;
    height: auto;
    margin: auto;
    padding: 5px;
    position: relative;
    width: 100%;
}
.screen.image img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    transform-origin: 50% 50%;
    transition-duration: 0.5s;
    transition: all 5s ease;
    width: 100%;
}
.screen.image:hover img {
    -o-object-position: left;
    object-position: left;
}
.screen.vcard_11 {
    border-radius: 5px;
    cursor: pointer;
    display: block;
    height: auto;
    margin: auto;
    padding: 5px;
    position: relative;
    width: 100%;
}
.screen.vcard_11 img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
    transform-origin: 50% 50%;
    transition-duration: 0.5s;
    transition: all 5s ease;
    width: 100%;
}
.screen.vcard_11:hover img {
    -o-object-position: right;
    object-position: right;
}
.img-radio .screen.vcard_11 {
    border-radius: 5px;
    cursor: pointer;
    display: block;
    height: auto;
    margin: auto;
    padding: 5px;
    position: relative;
    width: 100%;
}
.img-radio .screen.vcard_11 img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
    transform-origin: 50% 50%;
    transition-duration: 0.5s;
    transition: all 5s ease;
    width: 100%;
}
.img-radio .screen.vcard_11:hover img {
    -o-object-position: right;
    object-position: right;
}
.img-radio {
    border-radius: 5px;
    cursor: pointer;
    display: block;
    height: auto;
    margin: auto;
    padding: 5px;
    position: relative;
    width: 100%;
}
.img-radio img {
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    transform-origin: 50% 50%;
    transition-duration: 0.2s;
    transition: all 5s ease;
    width: 100%;
}
.img-radio:hover img {
    -o-object-position: left;
    object-position: left;
}
.img-radio.img-border {
    border: 3px solid #0b9ef7 !important;
    border-radius: 10px !important;
}
#dashboardWeeklyUserBarChartContainer #dashboardWeeklyUserBarChart,
#incomeChartCanvas #dashboardIncomeChart {
    max-height: 320px !important;
}
.ql-editor {
    font-family: Poppins, Helvetica, sans-serif !important;
    font-size: 14px !important;
}
.ql-editor.ql-blank:before {
    font-style: unset !important;
}
.btn-group-toggle input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}
.btn-group-toggle input[type="radio"]:checked + label {
    color: #fff;
}
.btn-group-toggle input[type="radio"]:checked + label,
.btn-group-toggle input[type="radio"]:focus + label {
    background-color: #019aff;
    border: 1px solid #019aff !important;
    border-radius: 0.3rem;
}
.btn-group-toggle label {
    border: 1px solid #dee2e6 !important;
    border-radius: 0.475rem;
    display: inline-block;
    font-family: sans-serif, Arial;
    font-size: 12px;
    padding: 8.15px 17.225px;
}
@media (min-width: 501px) {
    .swal-modal {
        width: 381px !important;
    }
}
.product_url {
    word-break: break-word;
}
.withdraw-approval-dropdown {
    min-width: 186px !important;
    transition: unset !important;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.flatpickr-disabled {
    color: #ced4da !important;
}
.iti {
    display: block !important;
    width: 100%;
}
.swal-modal .swal-text {
    text-align: center;
}
.logo-fix-size {
    max-height: 60px !important;
    max-width: 120px !important;
    width: 100% !important;
}
.logo-fix-size,
.object-fit-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
}
.bg-dark-white {
    background: #fff !important;
    color: #000 !important;
}
.sidebar-app-logo {
    max-height: 50px;
    max-width: 120px;
}
body {
    overflow-x: hidden;
}
#toast-container > div {
    min-width: 400px !important;
}
@media (max-width: 575px) {
    #toast-container > div {
        min-width: 300px !important;
    }
}
.whitespace-nowrap {
    white-space: nowrap;
}
.min-width-540 {
    min-width: 540px !important;
    width: 540px;
}
@media (max-width: 768px) {
    .min-width-540 {
        min-width: 450px !important;
        width: 450px;
    }
}
@media (max-width: 575px) {
    .min-width-540 {
        max-width: 100% !important;
        min-width: 100% !important;
        width: 100%;
    }
}
.ms-100 {
    margin-left: 100px;
}
@media (max-width: 575px) {
    .ms-100 {
        margin-left: 0;
    }
}