@import "../../../framework/recursos/css/lib/styles.css";
 
 .app-header .navbar,
 .left > .navbar {
     background-color: white;
 }
 
 .app-header,
 .left > .navbar {
     background-color: white;
 }
 
 .navbar-brand {
     color: black;
 }
  
 .navbar-brand img, .navbar-brand svg {
     max-height: 50px;
 }
 
 .pos-rlt .nav-fold {
     background-color: lightgray;
 }
 
 .sessionTimeout{
     z-index: 20 !important;
 }
 
 .app-header { 
     margin-top:1px;
 }

 html {
     --scrollbarBG: #CFD8DC;
     --thumbBG: #FFFF;
 }
 ::-webkit-scrollbar {
     width: 12px;
 }
 body {
     scrollbar-width: thin;
     scrollbar-color: var(--thumbBG) var(--scrollbarBG);
 }
 ::-webkit-scrollbar-track {
     background: var(--scrollbarBG);
 }
 ::-webkit-scrollbar-thumb {
     background-color: var(--thumbBG) ;
     border-radius: 6px;
     border: 3px solid var(--scrollbarBG);
 }


 /* ESTILOS BOTONES OUTLINE DE COLORES PARA FILTRO EN STREAM LINE */

.btn-outline-scheduled {
    border-width: 2px;
    border-color: #F8DB7A;
    background-color: transparent;
    box-shadow: none !important;
    color: #F8DB7A !important;
}

.btn-outline-scheduled:hover {
    background-color: #F9F9F9;
    border-color: #F8DB7A;
}
.btn-outline-ocurred {
    border-width: 2px;
    border-color: #3E9FB2;
    background-color: transparent;
    box-shadow: none !important;
    color: #3E9FB2 !important;
}

.btn-outline-ocurred:hover {
    background-color: #F9F9F9;
    border-color: #3E9FB2;
}

.btn-outline-noShow {
    border-width: 2px;
    border-color: #8474A1;
    background-color: transparent;
    box-shadow: none !important;
    color: #8474A1 !important;
}

.btn-outline-noShow:hover {
    background-color: #F9F9F9;
    border-color: #8474A1;
}
.btn-outline-Cancelled {
    border-width: 2px;
    border-color: #CCABD8;
    background-color: transparent;
    box-shadow: none !important;
    color: #CCABD8 !important;
}

.btn-outline-Cancelled:hover {
    background-color: #F9F9F9;
    border-color: #CCABD8;
}
.btn-outline-Confirmed {
    border-width: 2px;
    border-color: #529B9B;
    background-color: transparent;
    box-shadow: none !important;
    color: #529B9B !important;
}

.btn-outline-Confirmed:hover {
    background-color: #F9F9F9;
    border-color: #529B9B;
}
.btn-outline-Re-Scheduled {
    border-width: 2px;
    border-color: #F88973;
    background-color: transparent;
    box-shadow: none !important;
    color: #F88973 !important;
}

.btn-outline-Re-Scheduled:hover {
    background-color: #F9F9F9;
    border-color: #F88973;
}
.btn.b-scheduled:focus,.btn.b-scheduled:hover,.btn.scheduled:focus,.btn.scheduled:hover{color:rgba(255,255,255,.87)!important;background-color:#F8DB7A}
.btn.b-ocurred:focus,.btn.b-ocurred:hover,.btn.ocurred:focus,.btn.ocurred:hover{color:rgba(255,255,255,.87)!important;background-color:#3E9FB2}
.btn.b-noShow:focus,.btn.b-noShow:hover,.btn.noShow:focus,.btn.noShow:hover{color:rgba(255,255,255,.87)!important;background-color:#8474A1}
.btn.b-Cancelled:focus,.btn.b-Cancelled:hover,.btn.Cancelled:focus,.btn.Cancelled:hover{color:rgba(255,255,255,.87)!important;background-color:#CCABD8}
.btn.b-Confirmed:focus,.btn.b-Confirmed:hover,.btn.Confirmed:focus,.btn.Confirmed:hover{color:rgba(255,255,255,.87)!important;background-color:#529B9B}
.btn.b-Re-Scheduled:focus,.btn.b-Re-Scheduled:hover,.btn.Re-Scheduled:focus,.btn.Re-Scheduled:hover{color:rgba(255,255,255,.87)!important;background-color:#F88973}



.btn-outline-patient {
    border-width: 2px;
    border-color: #74C58D;
    background-color: transparent;
    box-shadow: none !important;
    color: #74C58D !important;
}

.btn-outline-patient:hover {
    background-color: #F9F9F9;
    border-color: #74C58D;
}
 .selectedRow{
     background-color: #acbad4 !important;
 }

 .btnSelectedRow{
     background-color: #262262;
 }

 a.btn.b-2x.btn-outline.b-primary.text-primary.btnSelectedRow{
     color: white !important;
 }

 .open2>.dropdown-menu-scale{
     opacity: 1 !important;
     pointer-events: auto !important;
     -webkit-transform: scale(1) !important;
 }


 .modalCampaignClass{
     max-width: 500px;
     margin: auto;
     min-height: 500px;
     max-height: 100vh;
     height: fit-content;
 }

 .forcedWidth{
     width: 15rem !important;
 }