.modal-header {
    border-bottom: 0;
}

.borderRounded {
    border-radius: var(--border-radius-md);
    border: 1px solid #75ab38;
}

.btn-transparent {
    background: transparent !important;
}

.spinner-mini {
    width: 22px;
    height: 22px;
}

.hidden {
    display: none;
}

.spinner-big {
    width: 50px;
    height: 50px;
}

.select-mini {
    transform: scale(0.9);
}

img.profile {
    object-fit: cover;
    width: 5vw;
    height: 5vw;
}

.icon-hover:hover > svg{
    color: white!important;
}

.text-grey{
    color: #7c7c7c;
}

.css-yk16xz-control, .css-1pahdxg-control {
    border-radius: 10px !important;
}

.css-1pahdxg-control {
    box-shadow: 0 0 0 1px #75ab38 !important;
}

.css-1pahdxg-control:hover {
    border-color: #75ab38 !important;
}

.css-1okebmr-indicatorSeparator {
    display: none !important;
}

.os-host.os-host-foreign.os-theme-dark.os-host-overflow.os-host-overflow-y.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.menu-container.flex-grow-1.os-host-transition {
    margin-top: 1em !important;
}
.os-host.os-host-foreign.os-theme-dark.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden.menu-container.flex-grow-1.os-host-scrollbar-vertical-hidden.os-host-transition {
    margin-top: 1em !important;
}

#selectOrganizationDiv.user-container {
    order: 2;
    display: block !important;
    flex-direction: column;
    height: auto;
}

.mobile-top-ready #selectOrganizationDiv {
    display: none !important;
}

.mobile-top-out #selectOrganizationDiv {
    display: none !important;
}

.cursor-normal {
    cursor: auto !important;
}

.separator {
    border-bottom: 1px solid white !important;
}

.modeDark-background {
    background-color:#242424 !important;
}
.modeDark-arrowNext {
    border-color: transparent transparent transparent rgb(212 226 239) !important;  
}
.modeDark-arrowPrev {
    border-color: transparent rgb(212 226 239) transparent  transparent  !important;  
}

/**************************** Date Range Picker */
.rdrCalendarWrapper, .rdrDateRangeWrapper, .rdrDateDisplayWrapper {
    background-color: transparent !important;
}

.rdrDateDisplayItem {
    pointer-events: none;
    border-radius: var(--border-radius-md) !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.03) !important;
}

.rdrDateDisplayItemActive {
    border-color: transparent !important;
}

.rdrDateDisplay {
    margin-top: 0.4em !important;
    margin-bottom: 0.1rem !important;
    margin-left: 0px !important;
}

.rdrMonthAndYearWrapper {
    border-top-left-radius: var(--border-radius-md) !important;
    border-top-right-radius: var(--border-radius-md) !important;
    border: 2px solid #75ab38;
    border-bottom: 0px !important;
    padding-top: 0px !important;
    background: #ffffff;
}

.rdrMonths {
    border-bottom-left-radius: var(--border-radius-md) !important;
    border-bottom-right-radius: var(--border-radius-md) !important;
    border: 2px solid #75ab38;
    border-top: 0px !important;
    background: #ffffff;
}

.rdrCalendarWrapper {
    font-size: 1em !important;
}

.rdrMonth {
    padding: 0 !important;
    width: 100% !important;
}

.rdrEndEdge, .rdrInRange, .rdrStartEdge {
    background: #75ab38 !important;
}

.rdrDayStartPreview, .rdrDayEndPreview, .rdrDayInPreview {
    border-color: #75ab38 !important;
}

.rdrDayToday .rdrDayNumber span::after {
    background: #75ab38 !important;
}

.rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span::after, .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span::after, .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span::after, .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span::after {
    background: #ffffff !important;
}

.dateRangeContainer {
    z-index: 4;
}
/* Date Range Picker ****************************/

.clearButtonDiv {
    border-right: 2px solid #75ab38;
    border-left: 2px solid #75ab38;
    background: #ffffff;
}

.wizard-default ul.nav li .nav-link:before {
    content: " ";
    position: absolute;
    margin-top: 10px;
    display: block;
    border-radius: 50%;
    color: initial;
    background: var(--separator-light);
    border: none;
    width: 18px;
    height: 18px;
    text-decoration: none;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
}

/* clases para crear el tooltip */
.tooltip-position {
    position: relative;
    display: inline-block;
} 

.tooltip-custom  {
    position: absolute;
    top: -3px;
    left: 45%;
    transform: translateX(-50%);
    padding: 5px;
    background-color: #dc3545;
    color: #fff;
    border-radius: 10px;
    font-size: 11px;
    width: auto;
    padding-left: 8px;
    padding-right: 8px;
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.show-custom {
    opacity: 1;
}
.tooltip-custom::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px;
    border-style: solid;
    border-color: #dc3545 transparent transparent transparent;
    
  }
.text-small-custom {
    font-size: .7em !important;
    font-weight: initial !important;
}

.paymentPaydunyaButton {
    position: absolute;
    top: 55%; 
    left: 80vw;
}
/**************************** Media query */
@media(min-width:300px) and (max-width:990px) {
    img.profile {
        object-fit: cover;
        width: 20vw;
        height: 20vw;
    }
    .paymentPaydunyaButton {
        position: absolute;
        top: 53%; 
        left: 40vw;
    }
   
}

@media(min-width:300px) and (max-width:545px) {
    .text-small-custom {
        font-size: .6em !important;
    }
    .tooltip-custom  {
        width: 100%;
        font-size: 9px;
        top: 0px;
    }
    .paymentPaydunyaButton {
        position: absolute;
        top: 55%; 
        left: 33vw;
    }
}

@media(min-width:1023px) and (max-width:1281px) {
    .tooltip-custom  {
        width: 100%;
        font-size: 9px;
        top: 0px;
    }
    .paymentPaydunyaButton {
        position: absolute;
        top: 53%; 
        left: 68vw;
    }
}

@media (min-width:991px) and (max-width:1249px) {
    .rdrDateDisplay {
       margin-left: 0px !important;
       font-size:11px !important;
       min-height: 38px !important;
    }

    .rdrDateDisplayItem {
        padding-top: 5px !important;
    }

    .rdrDateDisplayWrapper {
        width: 57% !important;
    }
    .paymentPaydunyaButton {
        position: absolute;
        top: 53%; 
        left: 62vw;
    }

}

@media (min-width:1250px) and (max-width:1580px) {
     .rdrDateDisplay {
        margin-left: 0px !important;
    }

    .rdrDateDisplayWrapper {
        margin-top: 0px !important;
        width: 70% !important;
    }
    .paymentPaydunyaButton {
        position: absolute;
        top: 53%; 
        left: 70vw;
    }


}

@media (min-width:1581px) and (max-width:1700px) {
   .paymentPaydunyaButton {
       position: absolute;
       top: 53%; 
       left: 76vw;
   }
}
/* Media query ****************************/