/* for mobile */

.modal-xxl {
    max-width: 90%;
}

@media (max-width: 639px) {
    .blog iframe {
        width:100%;
        height:auto;
    }
}

.card_payment {
    width: 80%;
}

@media (max-width: 1200px) {
    .card_payment {
        width: 100%;
    }
}


.liMenu {
    display: block !important;
}

@media (min-width: 990px) {


    .liMenu {
        display: flex !important;
    }
}

.liMenu a:hover {
    opacity: 0.65;
}

.main-profile-menu .profile-user img {
    height: 44px !important;
    width: 25px !important;
}

.horizontal-color .horizontal-main.hor-menu {
    background: #263d52 !important;
}

.containerAnalitycs {
    max-width: 90% !important;
}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clockst {
    margin-top: 4px !important;
    padding-left: 8px !important;
    background: none !important;
    width: 110px !important;
    font-weight: bold;
}

.main-error-wrapper {
    justify-content: normal !important;
}

@media (min-width: 768px) {
    .error-page {
        height: 20% !important;
        width: 20% !important;
    }
}


.side-menu__item{
    gap:12px;
}

    .side-menu__item .material-symbols-outlined {
        font-size: 1.2rem !important;
    }

input.form-control,
textarea.form-control,
select.form-control {
    box-shadow: box-shadow: 0 0 5px var(--primary-color) !important;
}

/* Ensure checkboxes and radio buttons are not affected */
input[type="checkbox"].form-control,
input[type="radio"].form-control {
    box-shadow: !important;
    border: !important;
}

input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:active,
input[type="radio"]:active {
    outline: !important;
    box-shadow: !important;
    border: !important;
}