.foto_usuario {
            width: 40px;
            height: 40px;
            border-radius: 40px;
            border: 3px solid #dcdcdc;
            float: left !important;
            margin-left: 22px;
        }
        
        .texto_sp {
            text-transform: uppercase;
            vertical-align: middle;
            margin-right: 60px;
            float: right;
            color: #CCC;
        }
        
        .space_btn {
            padding-top: 10px;
            padding-bottom: 40px;
        }
        
        .space_up {
            padding-top: 15px;
        }
        
        .hr_blue {
            background-color: #00608A;
        }
        
        .hr_white {
            background-color: #fff;
            line-height: .5;
        }

        .hr_black {
            display: inline-block;
            margin: -3px 0 0 0;
            background-color: rgb(57, 57, 57);
            line-height: 0;
        }

        .hr_white_2 {
            display: inline-block;
            margin: -3px 0 0 0;
            background-color:#FFF;
            line-height: 0;
        }

        .p_black {
            font-size: .75rem;
            /*display: inline-block;*/
            margin: 0;
            color: rgb(57, 57, 57);
            line-height: 0;
            padding: 12px 0 0 0;
        }

        .p_white_up {
            font-size: .75rem;
            display: inline-block;
            margin: 0 0 10px 0;
            color: #FFF;
            line-height: 0;

        }

        .p_white_down {
            font-size: .75rem;
            /*display: inline-block;*/
            margin: 0;
            color: #FFF;
            line-height: 0;
            padding: 12px 0 0 0;
        }
        .p_black_up {
            font-size: .75rem;
            display: inline-block;
            margin: 0 0 10px 0;
            color: rgb(57, 57, 57);
            line-height: 0;

        }

        .p_black_down {
            font-size: .75rem;
            /*display: inline-block;*/
            margin: 0;
            color: rgb(57, 57, 57);
            line-height: 0;
            padding: 12px 0 0 0;
        }        
        
        .hr_smoke {
            background-color: rgb(170, 170, 170);
            line-height: 0;
        }
        
        .texto-azuloscuro {
            color: #00608a !important;
        }
        
        .vertical-menu {
            list-style: none;
            width: 200px;
        }
        
        .vertical-menu a {
            text-decoration: none;
            display: block;
            padding: 5px 0 5px 15px;
            color: #324963;
        }
        
        .vertical-menu a:hover {
            background-color: #f2f2f2;
            color: #5a87ba;
        }
        
        .cyan-card {
            background-color: #2DCCD3;
            box-shadow: 4px 4px 5px rgb(201, 201, 201); 
        }

        .white-card {
            background-color: #FFF;
            box-shadow: 4px 4px 5px rgb(201, 201, 201); 
        }

        .texto-sin {

        }
        
        .titulo-card {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: #fff;
            font-style: italic;
            line-height: 1;
        }

        .titulo-card-gris {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: rgb(112, 112, 112);
            font-style: italic;
            line-height: 1;
        }        
        
        .texto-card {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: .8rem;
            color: #fff;
            line-height: 1;
        }

        .texto-card-gris {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: .8rem;
            color: #afafaf;
            line-height: 1;
        }        

        .texto-gris {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: 1rem;
            color: #afafaf;
            line-height: 1.5;
        }
        .texto-gris-2 {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: .75rem;
            color: #afafaf;
            line-height: 1.5;
        }         
        
        .titulo-card-1 {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: rgb(112, 112, 112);
            font-style: italic;
            line-height: 1;
        }

        .titulo-card-2 {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1.05rem;
            color: rgb(75, 73, 73);
            font-style: italic;
            line-height: 1;
        }
        .titulo-card-2b {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 700;
            font-size: 1.05rem;
            color: rgb(44, 44, 44);
            line-height: 1;
        }
        .titulo-card-2c {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 700;
            font-size: .85rem;
            color: rgb(44, 44, 44);
            line-height: 1;
        }                 
        .titulo-card-3 {
            display: inline-block;
            margin: 0 0 -3px 0;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1.2rem;
            color: rgb(32, 167, 32);
            font-style: italic;
            line-height: .5;
        }

        .titulo-card-4 {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1.1rem;
            color: #FFF;
            font-style: italic;
            line-height: 1;
        }
        
        .titulo-card-1b {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: rgb(112, 112, 112);
            font-style: italic;
            line-height: 0;
            border: none;
        }
        
        .titulo-card-1b option {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            color: rgb(112, 112, 112);
            font-style: italic;
            line-height: 0;
            border: none;
        }
        
        .texto-card-1 {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: .8rem;
            color: rgb(112, 112, 112);
            line-height: 1;
        }
        
        .titulo-paciente-azul {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1.25rem;
            text-align: left;
            text-transform: uppercase;
            color: #00608a;
            line-height: 0;
            float: left;
        }
        
        .titulo-paciente-verde {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1.25rem;
            text-align: left;
            text-transform: uppercase;
            color: #90bb25;
            line-height: 0;
            float: left;
        }

        .titulo-paciente-cyan {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1.15rem;
            text-align: left;
            color: #2DCCD3;
            line-height: 0;
            float: left;
        }        

        .btn_azuloscuro{
            background-color:#00608a;
            color:#fff;
        }

        .btn_azuloscuro:hover{
            background-color:#0387c0;
            color:#fff !important;
        }
   
        .btn_cyan{
            background-color:#2DCCD3/*00beb8*/ !important;
            color:#fff !important;
        }
        
        .btn_cyan:hover{
            background-color:#06dde9 /*7e9e9d*/ !important;
            color:#fff !important;

        }
        
        .btn_buscar{
            background-color:#2DCCD3 !important;
            color:#fff !important;
            display: inline-block;
            margin: 0 0 0 -3px;
        }

        .linea_bb{
        border-bottom: 1px solid rgba(26,54,126,.125);
        }
    
        .linea_bt{
            border-top: 1px solid rgba(26,54,126,.125);
            }

        .titulo-azul{
            color: #3f6ad8;
        }

        .texto-verde {
            color: #21b664;
        }
        
        .texto-verde:hover {
            color: #42e68b;
        }
        
        .texto-amarillo {
            color: #eedb2d;
        }
        
        .texto-amarillo:hover {
            color: #fceb52;
        }
        
        .texto-rojo {
            color: #ff4141;
        }
        
        .texto-rojo:hover {
            color: #fd5e5e;
        }
        
        .texto-azul {
            color: #00f;
        }
        
        .texto-azul:hover {
            color: rgb(62, 62, 253);
        }

        .texto-cyan{
            color:#2DCCD3/*00beb8*/;
            line-height: 0;
        }
        .texto-verde2{
            color:#90bb25;
            line-height: 0;
        }       
        
        .padding-izq {
            padding-left: 100px;
        }

        .texto-form{
            color:rgba(0,0,0,.5);
        }

        .texto-plomo{
            color: #f1f4f6;
        }

        .texto-1{
            font-size: .845rem;
        }

        .texto-azul{
            font-size: 1rem;
            color:#00608a;
            font-weight: bold;
        }
        .fondo-verde{
            color:#90bb25;
        }
        .fondo-cyan{
            background-color:#2DCCD3;
        }
        
        .select:invalid{
            color: gray;
        }

        .bottom-aligned {
            align-items: end !important;
        }

        .p-izquierdo{
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            /*font-weight: 500;*/
            font-size: .75rem;
            text-align: left;
            color: rgb(57, 57, 57);
            line-height: 0;
            float: left;
        }

        .p-derecho{
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: .75rem;
            text-align: right;
            color: rgb(57, 57, 57);
            line-height: 0;
            float: right;
        }

        /*---------------------------------- Actualizar ----------------------------------- */

        .boton-card-1{
            background-color: #FFF !important;
            width: 100%;
        }

        .texto-card-2{
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-size: .8rem;
            color: rgb(112, 112, 112);
            line-height: 1;
        }

        .bg-aliceblue {
            background-color: aliceblue;
        }
        
        /* Nuevos CSS */
        .titulo-paciente-oscuro {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1.15rem;
            text-align: left;
            color: #195066;
            line-height: 0;
            float: left;
        }

        .titulo-paciente-cyan-2 {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
            font-weight: 500;
            font-size: 1rem;
            text-align: left;
            color: #2DCCD3;
            line-height: 0;
            float: left;
        }  
        
        .divider-pt-20{
            border-top: 1px solid rgba(0,0,0,.12);
            height: 0;
            margin: -20px 0 28px 0;
        }

        /*---------------------------- NUEVO -------------------------------*/

        .card-sl {
            border-radius: 8px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }
    
        .card-image img {
            max-height: 100%;
            max-width: 100%;
            border-radius: 8px 8px 0px 0;
        }
    
        .card-action-trash {
            position: relative;
            float: right;
            margin-top: -28px;
            margin-right: 15px;
            z-index: 2;
            color: #fff;
            font-size: 18px;
        }

        .card-action-edit {
            position: relative;
            float: right;
            margin-top: -28px;
            margin-right: 50px;
            z-index: 2;
            color: #fff;
            font-size: 18px;
        }
    
        .card-action-edit:hover {
            color: rgb(235, 238, 238);
        }

        .card-action-trash:hover {
            color: rgb(235, 238, 238);
        }
    
        .card-heading {
            font-size: 18px;
            font-weight: bold;
            background: #fff;
            padding: 10px 15px;
        }
    
        .card-text {
            padding: 10px 15px;
            background: #fff;
            font-size: 14px;
            color: #636262;
        }
    
        .card-button {
            display: flex;
            justify-content: center;
            padding: 10px 0;
            width: 100%;
            background-color: #00608a;
            color: #fff;
            border-radius: 0 0 8px 8px;
        }
    
        .card-button:hover {
            text-decoration: none;
            background-color: #1D3461;
            color: #fff;
    
        }

        .container-1 {
            margin: 0 20px;
        }
    
    
        @-webkit-keyframes pulse {
            0% {
                -moz-transform: scale(0.9);
                -ms-transform: scale(0.9);
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
            }
    
            70% {
                -moz-transform: scale(1);
                -ms-transform: scale(1);
                -webkit-transform: scale(1);
                transform: scale(1);
                box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);
            }
    
            100% {
                -moz-transform: scale(0.9);
                -ms-transform: scale(0.9);
                -webkit-transform: scale(0.9);
                transform: scale(0.9);
                box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);
            }
        }

        /* ------------------------- EXTRA ---------------------------------------------*/

        .badge-sin {
            color: #667;
            background-color: #c43a4100;
        }

        .divider-pb15{
            border-top: 1px solid rgba(0,0,0,.12);
            height: 0;
            margin: 0 0 15px 0;
        }

        /* ------------------------- EXTRA BADGE ---------------------------------------------*/

        .badge-espera {
            color: rgb(81, 81, 81);
            background-color: #FFE9A9;
          }
          
          a.badge-espera:hover, a.badge-espera:focus {
            color: rgb(81, 81, 81);
            background-color: #eeda9e;
          }

        
          .badge-solicitado {
            color: rgb(81, 81, 81);
            background-color: #C0D5DD;
          }
          
          a.badge-solicitado:hover, a.badge-solicitado:focus {
            color: rgb(81, 81, 81);
            background-color: #acc8d3;
          }


          .badge-finalizado {
            color: rgb(81, 81, 81);
            background-color: #87DAFF;
          }
          
          a.badge-finalizado:hover, a.badge-finalizado:focus {
            color: rgb(81, 81, 81);
            background-color: #79cbf1;
          }

        .gallery-image img {
            max-height: 100%;
            max-width: 100%;
        }

        .gallery-action-trash {
            position: relative;
            float: right;
            margin-top: -40px; /*-165px;*/
            margin-right: 0px;
            z-index: 2;
            color: #fff;
            font-size: 18px;
            background-color: #f00;
            padding: 0 6px;
            border-radius: 3px;
        }

        .gallery-action-trash:hover {
            color: #fff;
            background-color: rgb(182, 7, 7);
        }

        /* ------------------------------- EXTRA ---------------------------------------------*/

        .form-control-2 {
            display: block;
            width: 100%;
            min-height: 0px;
            padding: 0.2rem 0.2rem 0.2rem 0.4rem;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.2;
            color: #495057;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ced4da;
            border-radius: 0.25rem;
            transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
          }
          
        .bg-inactivo{background-color:#ced4da!important}a.bg-solicitado:focus,a.bg-solicitado:hover,button.bg-solicitado:focus,button.bg-solicitado:hover{background-color:#ced4da!important}
        
        .dataTables_scrollBody::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
            background-color: #F5F5F5;
            border-radius: 10px;
        }

        .dataTables_scrollBody::-webkit-scrollbar {
            width: 6px;
            background-color: #F5F5F5;
        }

        .dataTables_scrollBody::-webkit-scrollbar-thumb {
            background-color: #436CD5;
            border-radius: 10px;
        }