.clear-cookies{
    z-index: 9999;
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.btn{
    border-radius: 10px;
}

.noscroll{
    overflow: unset!important;
}

/* DISENO DE LOGIN */
  .full-page>.content {
        padding: 0px;
  }

  .wrapper-full-page{
        align-content: center;
  }

  .login-page{
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-content: center;
  }
/* DISENO DE LOGIN */

/* CONTENEDOR DE MEDICOS */
    #contenedor-medicos  {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }

    .sidebar-mini #contenedor-medicos {
        opacity: 0;
    }
/* CONTENEDOR DE MEDICOS */

/* BARRA DE BUSQUEDA */

    .alert-msg{
        width: 100%!important;
        text-align: center;
    }
    
    .navbar.fixed-top {
        width: 100%;
    }
    
    .navbar .navbar-nav .nav-item{
        margin: 0px!important;
    }
    
    .busqueda_container{
        width: 70%;
        display: flex;
        align-items: center;
        justify-content: end;
    }
    
    .busqueda{
        width: 50%;
    }
    
    .navbar-collapse {
        flex-grow: 0;
    }

    .select2-container--krajee .select2-selection {
        background-color: hsla(0, 0%, 87%, .3)!important;
        border: medium none!important;
        border-radius: 10px!important;
    }
    
    .select2-selection__placeholder{
        color: rgb(31, 31, 31)!important;
        display: flex!important;
    }
    
    .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
        border-color: rgb(31, 31, 31) transparent rgb(31, 31, 31) transparent !important;
    }
    
    .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: rgb(31, 31, 31) transparent rgb(31, 31, 31) transparent !important;
    }
    
    #select2-hola-container > .select2-selection__placeholder{
        color: white!important;
    }
    
    #hola span .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
        border-color: white transparent #fff transparent !important;
    }
    
    #hola > .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: white transparent #fff transparent !important;
    }
    
    .select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus{
        -webkit-box-shadow: none!important;
        box-shadow: none!important;
        border: medium none!important;
        background-color: hsla(0, 0%, 87%, .5)!important;
    }
    
    .select2-container--krajee .select2-dropdown {
        border-radius: 7px!important;
        margin-top: 7px!important;
    }
/* BARRA DE BUSQUEDA */


/* DISENO DE CHAT */
    .chatContainer{
        position: relative;
        display: flex;
    }
    
    .open-button {
        padding: 10px 20px;
        border: none;
        cursor: pointer;
        width: 100%;
        border-radius: 10px;
        margin: 5px;
    }
    
    .chat-popup{
        width: 100%;
        padding: 5px;
    }

    .form-popup {
        display: none;
        position: fixed;
        bottom: 0;
        right: 15px;
        border: 3px solid #f1f1f1;
        z-index: 9;
    }

    .form-container {
        max-width: 300px;
        padding: 5px;
        background-color: white;
        border-radius: 10px;
    }

    .chat-container {
        margin: 0 0 5px 0;
        font-size: 11px;
        display: flex;
        flex-direction: column;
        border-radius: 7px;
        min-height: 300px;
        background-color: #f1f1f1;
        border: none;
        height: 300px;
    }

    .chat-messages {
        flex-grow: 1;
        padding: 5px;
        -ms-overflow-style: thin;
        scrollbar-color: #c4c4c4 #f1f1f1;
        scrollbar-width: thin;
        overflow-y: scroll;
        overflow-x: hidden;
        scroll-behavior: smooth;
    }

    .chat-messages::-webkit-scrollbar {
        display: none;
    }

    .message {
        display: flex;
        margin-bottom: 10px;
        position: relative;
    }

    .message.other {
        justify-content: flex-start;
        align-items: flex-start;
    }

    .message.self {
        justify-content: flex-end;
        align-items: flex-end;
    }

    .message.other::after {
        content: '';
        position: absolute;
        visibility: visible;
        bottom: 0px;
        left: -8px;
        border: 10px solid transparent;
        border-bottom: 10px solid #c3e2f8;
        clear: both;
    }
    
    .message.self::after {
        content: '';
        position: absolute;
        visibility: visible;
        bottom: 0px;
        right: -8px;
        border: 10px solid transparent;
        border-bottom: 10px solid #76c6ff;
        clear: both;
    }

    .message-title{
        font-weight: bold;
        color: #003975;
    }

    .message-content {
        max-width: 90%;
        padding: 5px;
        border-radius: 7px;
        background-color: #c3e2f8;
    }

    .time{
        font-size: 9px;
        font-weight: bold;
        text-align: right;
        color: #003975;
    }

    .self .message-title{
        color: #fff;
    }

    .message.self .message-content{
        background-color: #76c6ff;
    }

    .msgtext{
        border-radius: 7px;
    }

    .form-container .btn {
        background-color: #4CAF50;
        color: white; 
        border: none;
        cursor: pointer;
        width: 100%;
        opacity: 0.8;
        margin: 10px 0 0 0;
        border-radius: 7px;
    }

    .chat-popup .cancel {
        background-color: red;
        margin: 0px;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        padding: 5px;
        position: absolute;
        right: 0px;
        top: -5px;
        z-index: 1;
    }

    .sidebar-mini .open-button{
        width: 85%;
        padding: 10px;
        display: block;
    }
/* DISENO DE CHAT */


/* DISENO DE ALERT */
    .alert{
        /* width: 250px!important; */
        font-weight: bold;
        font-size: 1rem;
    }
    
    .alert.alert-success {
        background-color: #57c251!important;
    }
    
    .progress {
        height: 3px!important;
    }
    
    .progress-bar {
        background-color: #14990d!important;
    }
/* DISENO DE ALERT */


/* DISENO DE FILEINPUT */
    .btn-file:hover, .btn-file:active:hover, .btn-file:focus, .btn-file:not(:disabled):not(.disabled).active, .btn-file:not(:disabled):not(.disabled).active:focus, .btn-file:not(:disabled):not(.disabled):active, .btn-file:not(:disabled):not(.disabled):active:focus, .show>.btn-file.dropdown-toggle, .show>.btn-file.dropdown-toggle:focus, .show>.btn-file.dropdown-toggle:hover {
        background-color: #4bb5ff;
        color: #fff;
        box-shadow: none;
    }
    .btn-file{
        border-radius: 10px;
        margin: 0px;
        background-color: #2ca8ff;
        color: #fff;
    }

    .fileinput-remove{
        background-color: #ff3636;
        color: #fff;
    }
    
    .fileinput-remove{
        margin: 0px;
    }
    
    .file-preview-thumbnails{
        display: flex;
    }
    
    .noUi-horizontal {
        height: 5px;
    }
    
    .noUi-horizontal .noUi-handle {
        margin-top: -5px;
    }
/* DISENO DE FILEINPUT */

    .w5{
        width: 5%!important;
    }
    
    .w10{
        width: 10%!important;
    }
    
    .w20{
        width: 20%!important;
    }
    
    @media (min-width: 992px) {
        .busqueda_container{
            width: 85%;
        }
    }

    @media (min-width: 1200px) {   
        .busqueda_container{
            width: 90%;
        }  
    }

    @media (min-width: 1600px) {
        .busqueda_container{
            width: 60%;
        }
    }
    
    @media (width <= 991px) {
        .busqueda{
            width: 90%;
        }
    
        .select2-selection__placeholder{
            color: rgb(31, 31, 31)!important;
        }
        
        .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
            border-color: rgb(31, 31, 31) transparent rgb(31, 31, 31) transparent !important;
        }
        
        .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: rgb(31, 31, 31) transparent rgb(31, 31, 31) transparent !important;
        }
    
        #select2-hola-container > .select2-selection__placeholder{
            color: rgb(31, 31, 31)!important;
        }
        
        #select2-hola-container > .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
            border-color: rgb(31, 31, 31) transparent rgb(31, 31, 31) transparent !important;
        }
        
        #select2-hola-container > .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
            border-color: rgb(31, 31, 31) transparent rgb(31, 31, 31) transparent !important;
        }
    }