body {
    background-color: #fff;
}

@media (max-width: 768px) {
    .text {
        display: none;
    }
    .icon {
        display: inline;
    }
}

@media (min-width: 769px) {
    .icon {
        display: none;
    }
}

@media (max-width: 768px) {
    .hide-on-mobile {
        visibility: hidden;
    }
}

@media (max-width: 768px) {
    .remove-on-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .remove-on-desktop {
        display: none;
    }
}

#auth #auth-right {
    background: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)), url(https://hfactor.s3.eu-south-1.amazonaws.com/web-UI/iperquest-background-m.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

button.btn, input[type='button'] {
    border-radius: 35px;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.visually-hidden) {
    border-radius: .25rem 0 0 .25rem;
}

.input-group>:last-child:not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback):not(.visually-hidden) {
    border-radius: 0 .25rem .25rem 0;
}

.form-control {
    border-color: #6c757d;
}

.icon-red {
    background-color: #D60B52;
}

.text-red {
    color: #D60B52;
}

.btn-red {
    --bs-btn-color: #fff;
    --bs-btn-bg: #D60B52;
    --bs-btn-border-color: #D60B52;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #a40a41;
    --bs-btn-hover-border-color: #b40b46;
    --bs-btn-focus-shadow-rgb: 95, 118, 200;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b40b46;
    --bs-btn-active-border-color: #b40b46;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #D60B52;
    --bs-btn-disabled-border-color: #D60B52;
}

.border-bottom {
    border-bottom: #1A3665 solid 2px !important;
}

/*---------------------    DATEPICKER    --------------------------*/

#datepicker {
    min-width: 160px;
}

.dropdown-menu {
    min-width: 10rem;
    color: #212529;
    border: 2px solid #1A3665;
}

.datepicker-dropdown:before {
    border-bottom-color: #1A3665;
}

.datepicker-dropdown.datepicker-orient-top:before {
    border-top: 5px solid #1A3665;
}

.datepicker table tr td span.active {
    background-image: linear-gradient(to bottom, #157b93, #212529);
}

.quickradio {
    display: block;
    text-align: left;
}

.hover-change:hover {
    background-color: var(--bs-primary); /* Change the hover color here */
}

.quickradio input {
    left: -999em;
    position: absolute;
}

.quickradio-checked {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.show-nums {
    padding-left: 1.5em;
}

.show-nums li {
    display: list-item;
    cursor: pointer;
}

button.image-btn {
    background: transparent;
    border: 0;
    padding: 0;
}

.image-btn img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}
/*.feather {*/
/*    cursor: pointer;*/
/*}*/