@font-face{
    font-family: Lato;
    src: url(../fuentes/Lato-Regular.ttf);
}
*{
  font-family: Lato;
}
h1, h2, h3, h4, h5, h6, p, span, li, a, ul{
  font-family: Lato;
}

/* Clases para matriz de choque simple  */
.col-cs-h1 { height: 40vh; }
.col-cs-h2 { height: 20vh; }
.col-cs-h3 { height: 13.33vh; }
.col-cs-h4 { height: 10vh; }

.fil-cs-w1 {  width: 100%; }
.fil-cs-w2 {  width: 50%; }
.fil-cs-w3 {  width: 33.33%; }
.fil-cs-w4 {  width: 25%; }

.border-cs { border: 1px solid; }
.border-cs-danger { border-color: #dc3545 !important; background: #ff667561; }
.border-cs-success { border-color: #28a745; }
.color-cs-danger { color: #dc3545 !important; font-weight: bold;}
.color-cs-success { color: #28a745; font-weight: bold;}
/* Fin clases para matriz de choque simple  */

/* MEJORA PARA LISTADOS */
  .marcarCelda-th {
			position: sticky; top: 0; z-index: 2;
		}
		.heightListados { height: 75vh; overflow: auto; }

		@media screen and (max-width: 700px) {
			.heightListados { height: 70vh; }
		}
		
		@media screen and (max-width: 500px) {
			.heightListados { height: 60vh; }
		}



.row {
    margin-left: 0px;
}
.btn-info{
  color: #6c757d!important;
}
.skin-blue .main-header .navbar {
    background-color: #1e282c;
    height: 40px;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #565656;
}
.skin-blue .main-header .navbar .sidebar-toggle {
    color: #fff;
    padding-bottom: 0px;
    transition: transform .2s;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
      background: transparent;
      transform: scale(1.2);
}

.skin-blue .main-header .logo {
    background-color: #565656;
    color: #fff;
    border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
    background-color: #565656;
}
.skin-blue .sidebar a {
    color: #fff;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
    background: #474747;
}


.skin-blue .main-header li.user-header {
    background-color: #aba387;
}

a.sidebar-toggle.menu{
  margin-top: -15px;
}
.user-panel{
  padding: 2px;
}
span.pagn{
  color: #000;
}
.programAgenda>.row>.col-3>.cuerpOpciones>.filtrosPAgendas {
    background: #FFFFFF;
    margin: 2%;
    padding: 2%;
    display: block
  }
  .programAgenda>.row>.col-3>.cuerpOpciones>.filtrosPAgendas>.tiltuloFiltros {
    background: #343a40;
    color: #FFF;
    width: 100%;
    margin-left: -2%;
  }

 .tiltuloFiltros  {
    background: #565656;
    color: #FFF;
    width: 100%;
    height: 30px;


}
.tiltuloFiltros h6{
    line-height: 2;
    font-size: 14px;
    text-align: center;
}
  .lista-espera{
    background: #d5d8da;
    padding: 5px;
    margin-top: 5px;
    height: 180px;
  }

  .col-12.list {
    background: #aba387;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
}

.counter {
    padding: 1px 3px 1px 3px;
    background: rgba(255,62,62,0.9);
    color: #ffffff;
    /*right: 12px;*/
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: absolute;
    bottom: -7px!important;
    font-size: 11px;
    /* font-weight: bold; */
    z-index: 1;
}    
label.input-group-text.op-busqueda{
      font-size: 13px;
    width: 85px;
}
tbody.tablas{
  font-size: 13px;
}
.page-item.active .page-link {
    z-index: 1;
    border-radius: 2%;
    color: #fff;
    background-color: #565656!important;
    border-color: #565656!important;
}

input, button, select, optgroup, textarea {
    font-size: 13px;
}
.input-group > .form-control, .input-group > .custom-select, .input-group > .custom-file {

    font-size: 12px;
}

.tituloVisualPA {
    background: #565656;
    height: 40px;
    margin-top: -2px;
}

.icons{
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}
a.iconos{
      color: #fff;
    font-size: 1.3rem;
    padding-left: 20px;
    transition: transform .2s;
}
a.iconos:hover{
  transform: scale(1.2);
  color: #fff;
}
h6#fecha.ng-binding{
  color: #fff;
}
.table-responsive {
    display: inline-table;
    }


    @media (max-width: 320px) {

.iconos{

     margin-top: -96px;

}

    }

    .content-header {
    position: relative;
    padding: 0px 0px 0 10px;
    
}


    td.clsHorasLual{
     /** background: #a8a8a8;**/
      width: 30px;
      font-size: 14px;
    }

    .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body {
        background-color: transparent !important;
       height: 28px;
       width: 150px;
       padding-top: -3px;
       padding-left: 2px;
}
.small-box h3, .small-box p {
    z-index: 5;
    font-size: 16px;
}
.small-box h3, .small-box p {
    z-index: 5;
    font-size: 16px;
    margin-bottom: -6px;
}
.small-box > .inner {
     padding: 2px;
     color: #000;
}

.small-box {
    border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: -10px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}


td.colDia.ng-scope.colDiasSemana {
    color: #FFF;
    background: #7f7a7c;
    border: 2px solid #FFF;
    text-align: center;
}

td.colDia.ng-scope.colDia {
    color: #FFF;
    background: #d0d0d0;
    border: 2px solid #FFF;
    text-align: center;
}

td.colDia.ng-scope.colDia>a {
    text-decoration: none;
    color: #FFF;
}

td.colDia.ng-scope.hoyNavegador {
    background: #343a40;
}
td.colDia.ng-scope.hoyNavegador a{
  color: #fff;
}

td.colDia.ng-scope.diaSeleccion {
    border-top: 3px solid #08a732;
    border-bottom: 3px solid #08a732;
    border-left: 3px solid #08a732;
    border-right: 3px solid #08a732;
}

td.colDia.ng-scope.diaSinFecha {
    background: none;
    border: none;
}

td.colDia.ng-scope.hoySeleccion{  
    border-top: 3px solid #343a40;
    border-left: 3px solid #343a40;
    border-right: 3px solid #343a40;
    border-bottom: 3px solid #343a40;
    font-weight: bold;
   
}


 .barraFiltros.col-xs-12.col-sm-12.col-md-4.col-lg-4.col-xl-3.mt-3{
  background: #e0d8d8;
    padding: 5px;
 }
 a.select-dia.ng-binding{
color: #565656;
text-align: center;
 }
 a.select-dia.ng-binding:hover{
  background: #565656;
  color: #fff;
  border-radius: 100%;
 }
 td.colDia.ng-scope{
  text-align: center;
}
td.colDia.ng-scope:hover{
  background: #565656;
  color: #fff;
  border-radius: 10%;
}
td.colDia.ng-scope:hover a.select-dia.ng-binding{
  color: #fff;
}

 .filtros, .calendar-main{
    background: #fff;
    padding: 5px;
    margin-top: 2px;
 }
 .table th, .table td {
     padding: 0rem;
     padding-left: 15px;
     padding-right: 15px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
    padding: .3rem!important;
}


 .calendar-main{
background: #fff;
    padding: 5px;
 }
.box.box-default{
  background: transparent;
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    display: inline-block;
    font-size: 11px;
    }
    p.ng-binding{
    font-size: 10px;
    height: 0px;
    color: #000;
    margin-top: 5px;
    padding-left: 23px;

    }

    .ajuste-text-nombre-abogado {
      padding-left: 15px !important;
      height: auto !important;
      -webkit-line-clamp: 1;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
.btn.btn-box-tool{
  margin-top: -34px
}

    .box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 0px solid #d2d6de;
    margin-bottom: 0px;
    width: 100%;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}

/* CLASES PORTAFOLIO RECIPCION */
.contAgendaLualPortafolio {
  width: 240px !important;
}
.datosAbogadoCitaRecepcion {
  font-size: 10px;
    height: 0px;
    margin-top: 5px;
    padding-left: 23px;
}

.bg-portafolio-sinAsignar { background: #ff000078 !important; }

.contAgendaLual.ng-scope {
    background: #007bff99;
     border: solid .5px #b2b2b2;
    margin-left: 1px;
    width: 191px;
    /**margin-top: -10px;**/
  }
  .contAgendaLual.ng-scope.estadoAgendaOcupadoEspacio {
    background: #007bff99;
     border: solid .5px #b2b2b2;
    margin-left: 1px;
  }

  .estadoAgendaOcupadoPortafolio{
    background-color: rgba(255, 255, 0, 0.3)!important; 
  }
  .estadoAgendaCumlidoPortafolio{
    background-color: rgba(0, 255, 0, .2)!important; 
  }
  .estadoAgendaAplazadaPortafolio{
    background-color: rgba(0, 0, 0, 0.3)!important;
    margin-top: 2px;
  }
  .estadoAgendaSinAbogadoPortafolio{ background-color: #ff000078!important; }

  .size-menu-v { color: white; font-weight: bold; text-transform: uppercase; font-size: .735rem; }

  .contAgendaLual.ng-scope.estadoAgendaAplazada {
    background: #ffffff;
     border: solid .5px #b2b2b2;
    margin-left: 1px;
    
}
.ajuste-btn-crear-conducto-caso {
  max-width: 100%;
  width: 100%;
  padding: 0.2rem 0.1rem;
}
.contAgendaLual.ng-scope.estadoAgendaCumplida {
    background: #08a732ad;
     border: solid .5px #b2b2b2;
    margin-left:  1px;
    
}

.contAgendaLual.ng-scope.estadoAgendaCumplidaEspacio {
    background: #08a732ad;
     border: solid .5px #b2b2b2;
    margin-left:  1px;
    
}

.contAgendaLual.ng-scope.estadoAgendaIncumplida {
    background: #fd080c!important;
     border: solid .5px #b2b2b2;
    margin-left:  1px;
    
}

.contAgendaLual.ng-scope.estadoAgendaCancelada {
    background: #ffffff;
     border: solid .5px #b2b2b2;
    margin-left:  1px;
    
}

.contAgendaLual.ng-scope.estadoAgendaValoracion {
  border-style: dotted;
  border-width: 1.5px;
  border-color: red;
}

.estadoAgendaValoracion {
  border-style: dotted;
  border-width: 1.5px;
  border-color: red !important;
}

.contAgendaLual.ng-scope.estadoAgendaEnCurso {
     background-color: #f1c341;
     border: solid .5px #b2b2b2;
    margin-left:  1px;
}
.contAgendaLual.ng-scope.estadoAgendaConfirmada{
    background: #5d606399;
    border: solid .5px #b2b2b2;
    margin-left:  1px;
}
/**td.clsInfoProgramacionLual.pt-1 {
  background: #fff;
}**/
td.clsInfoProgramacionLual.pt-1:hover{
  background: #dedddd;
 /* border: 1px solid #565656;*/
    box-shadow: 0px 2px 0 #474747, 0px 0px 2px #474747;
    transition: all 150ms linear;
}
.input-group-text.op-busqueda.fechaLual{
  font-size: 13px
}

.barraFiltros.col-xs-12.col-sm-12.col-md-3.col-lg-2.col-xl-2.mt-3 {
  font-size: 15px;
}
.input-group-text{
  font-size: 13px;
}
.input-group>.custom-select:not(:first-child), .input-group>.form-control:not(:first-child){
  height: 30px;
}
.input-group-prepend.lual{
  height: 30px;
  width: 85px;
}
.input-group.mb-3.caja-filtro{
margin-bottom: 0.2rem!important;
}
.input-group-text.op-busqueda{
  width: 85px;
}
.input-group.mb-3.caja-filtro.filtro-sucursal{
  margin-left: -25px;
}

    @media (max-width:2560px){


    }

    span.icon-add{
      color: #fff;
    font-size: 15px;
    }
    span.icon-clock {
    color: #fff;
    font-size: 15px;
}


    .input-group-prepend.label.lual{
      height: 30px;

      }

        /*BOTON WP*/


      .whatsapp-button{
    position: fixed;
    bottom: 17px;
   right: 15px;
    z-index: 99;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    box-shadow: 0px 0px 25px -6px rgba(0,0,0,1);
    animation: effect 5s infinite ease-in;
}

@keyframes effect {
    20%, 100% {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }
    0%, 10%{
        width: 55px;
        height: 55px;
        font-size: 35px;
    }
    5%{
        width: 50px;
        height: 50px;
        font-size: 30px;
    }
}







    @media (min-width: 1441px){
.col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 24%;
    max-width: 16%;
}

}
@media (min-width: 992px){
.col-llg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 24.333333%;
}
}
.cabecera-agenda-especialista.navCallCenter {
    background: #565656!important;
    margin-left: -15px;
    height: 40px;
    }
.contAgenda.ng-scope{
  width: 150px;
}
.btn.btn-secondary.clsBotonEnCurso{
    width: 27px;
    height: 28px;
    padding: 0px;
    font-size: 17px;
    margin-left: 23px;
    margin-top: -40px;
}
.user-panel {
    padding: 0px;
    height: 50px;
}
.user-panel > .image > img {
    width: 100%;
    max-width: 45px;
    height: auto;
}
.navbar{
  display: block;
}

.seccion h6{
  color: #fff;
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right;
    margin-top: -28px;
}

.tabla-agenda{
  min-height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: -1.5vh;
}
.tabla-agenda::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    
}
.tabla-agenda::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.tabla-clientes{
  height: 100%!important;
  margin-top: 10px;
  overflow: auto;
  left: -10px;
}
.tabla-agenda::-webkit-scrollbar-track:hover, 
.tabla-agenda::-webkit-scrollbar-track:active {
  background: #d4d4d4;
}
.col-12.list.lista-espera.ng-scope{ 
  background: #aba387;
    border: 1px solid #565656;
    box-shadow: 0px 2px 0 #474747, 0px 0px 2px #474747;
    transition: all 150ms linear;
    font-size: 14px;
    height: 30px
}


.col-12.list.lista-espera.ng-scope:hover {
  background: #aba387;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 2px rgba(255, 255, 255, 0.2);
  color: #fff;
  text-decoration: none;
  transition: all 250ms linear;
}
#timedate {
    /*font: small-caps lighter 43px/150% "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;*/
    text-align: center;
    width: 140px;
    height: 40px;
    /*margin: -14px 10px 10px 23px;*/
    color: #fff;
    /*border-left: 3px solid #ffffff;*/
    padding: 6px;
    font-size: 10px;
}

.form-group.row.row-fila{
  height: 30px;
}

/*ESTILOS MODAL REGISTRO DE CLIENTE EN LISTA DE ESPERA*/




.modal-header.lual {
    border-radius: 0%;
    border-bottom-color: #f4f4f4;
    background: #908d8d!important;
    color: #fff;
    height: 40px;
  }
  button span.cerrar{
    color: #fff;
  }
  .modal-header.lual span{
    text-align: center;

  }

  input.reg-CE, label.reg-CE, select.reg-CE {
    height: 30px!important;
    font-size: .75rem;
    border-radius: 3px;
    padding-right: 0px;
  }
  label.descLarga{
        height: 52px!important;
    font-size: 12.5px;
    border-radius: 3px;
    text-align: center;
  }
  label.reg-CE{
    width: 50px
  }
  .modal-title.lual{
    margin-top: -12px;
    width: 100%;
    text-align: center;
  }
  b.validacion-form{
    color: red;
  }
  .modal-body.lual{
    padding-left: 0px;
    padding-right: 30px;
    margin-bottom: 6px;
  }
  .modal-header .close.lual {

    margin-top: -25px!important;
  }
  .validateCampo:focus{
    border: 1px solid red;
    background:#d011111a;
  }
  .validateCampo{
    border: 1px solid red;
    background:#d011111a;
  }
  .btn.btn-primary{
    background: green;  
    border-color: transparent;    
  }
  .btn.btn-secondary{
    background: red;
    border-color: transparent;
  }
  .form-group.row.row-fila{
    height: 30px;
  }
  span.fecha-RC.ng-binding{
    height: 30px!important;
    font-size: 13px;
  }
  .btn-info{
    background: #007bff;  
    border-color: transparent;  
  }

  .select-nuevo{
    height: 40px!important;
  }
  .cabecera-agenda-especialista{
    padding: 10px 0px;
  }

  .img-especialista{
    height: 30px;
      border-radius: 50%;
  }

  .p-especialistas{
    width: 100%;
    margin-bottom: 0px!important;
    font-size: 12.5px;
    cursor: pointer;
    text-align: center;
  }

  .botones-hora-especialistas{
    margin-bottom: 5px;
    width: 105%!important;
  }

  .btn-hora-especialista{
    height: 25px;
      line-height: 1;
      font-size: 12.5px;
      border-radius: .15rem;
      font-weight: 200;
      width: 90%;
  }

  .th-especialista{
    width:450px!important;
  }

  .btn-especialista{
    height: 25px;
      line-height: 1;
      font-size: 12px;
      border-radius: .15rem;
      font-weight: 200;
      width: 95%;
      color:black!important;
      text-align: left;
  }

  .table th, .table td{
    padding: 1px!important;
  }

  .label-title{
    border-radius: 3px;
    border:1px solid #d0d0d0;
    background-color: #EEEEEE;
    margin-right: 3px;
    padding-top: calc(.25rem + 1px);
      padding-bottom: calc(.25rem + 1px);
  }

  .label-contenido{
    border-radius: 3px;
    border:1px solid #d0d0d0;
    padding-top: 7px;
    margin-right: -10px;
    padding-left: 5px;
    padding-top: calc(.25rem + 1px);
    padding-bottom: calc(.25rem + 1px);
  }

  .modal-ver{
    width: 110%;
  }

  .btn-mas-citas{
    background: #85929E;
    color: black;
    border-color: grey; 
    width: 30px!important;
    padding: .375rem .5rem;
  }

  .btn-mas-citas:hover{
    background: #AEB6BF;
    border-color: grey;
  }

  .btn-multiple-sesion{
    background:rgba(255,255,0,0.5);
    border-color: grey;
    width: 195px!important;
    text-align: left;
  }

  .btn-multiple-sesion:hover{
    background:rgba(255,255,0,0.7);
    border-color: grey;
  }

  .btn-disponible{
    background: #FFF;
    color: black;
    border-color: grey;
    width: 225px;
    text-align: center;
  }

  .btn-disponible:hover{
    background: #d0d0d0;
    border-color: grey;
  }


  .btn-en-curso{
    background-color: #f1c341;;
    color: black;
    border-color: grey;
    width: 195px;
  }

  .btn-en-curso:hover{
    background-color: #bfa969!important;
    border-color: grey;
  }

  .btn-en-curso2{
    background-color: #f1c341;;
    color: black;
    border-color: grey;
    width: 195px;
  }

  .btn-en-curso2:hover{
    background-color: #bfa969!important;
    border-color: grey;
  }

  .btn-reservado{
    background: #007bff99;
    color: black;
    border-color: grey;
    width: 195px;
  }

  .btn-reservado:hover{
    background: rgba(0,102,255,0.4);
    border-color: grey;
  }

  .btn-espacio-pendiente2{
    background: #007bff99;
    color: black;
    border-color: grey;
    width: 195px;
  }

  .btn-espacio-pendiente2:hover{
    background: #B923B9;
    border-color: grey;
  }

  .btn-reservado2{
    background: #007bff99;
    color: black;
    border-color: grey;
    width: 165px;
  }
  .btn-reservado2:hover{
    background: rgba(0,102,255,0.4);
    border-color: grey;
  }

  .btn-espacio-pendiente{
    background: #007bff99;
    color: black;
    border-color: grey;
    width: 165px;
  }

  .btn-espacio-pendiente:hover{
    background: #B923B9;
    border-color: grey;
  }

  .btn-incumplida{
    border-color: grey;
     background: #fd080c;
    width: 195px!important;
  }

  .btn-incumplida:hover{
    background: rgba(255,0,51,0.2)!important;
    border-color: grey;
  }

  .btn-incumplida2{
    border-color: grey;
    background: #fd080c;
    width: 165px!important;
  }

  .btn-incumplida2:hover{
    background: rgba(255,0,51,0.2)!important;
    border-color: grey;
  }

  .btn-aplazadas{
    background-color: #fff;
    border-color: grey!important;
    width: 195px!important;
  }

  .btn-aplazadas:hover{
     background: #b3b0b0!important;
    border-color: grey!important;
  }

  .btn-aplazadas2{
    background-color: #fff;
    border-color: grey!important;
    width: 165px!important;
  }

  .btn-aplazadas2:hover{
    background: #b3b0b0!important;
    border-color: grey!important;
  }

  .btn-cumplida{
    background: #08a732ad;
    border-color: grey;
    width: 195px!important;
  }

  .btn-cumplida:hover{
    background: rgba(0,153,0,0.4);
    border-color: black;
  }

  .btn-espacio-cumplida{
    background: #00FF7F;
    border-color: grey;
    width: 195px!important;
  }

  .btn-espacio-cumplida:hover{
    background: #0CC96A;
    border-color: grey;
  }

  .btn-cumplida2{
    background: #08a732ad;
    border-color: grey;
    width: 165px!important;
  }

  .btn-cumplida2:hover{
    background: rgba(0,153,0,0.4);
    border-color: black;
  }

  .btn-espacio-cumplida2{
    background: #08a732ad;
    border-color: grey;
    width: 165px!important;
  }

  .btn-espacio-cumplida2:hover{
    background: #0CC96A;
    border-color: grey;
  }

  .btn-cancelado{
    background: #ffffff;
    border-color: grey;
    width: 195px!important;
  }

  .btn-cancelado:hover{
    background: #b3b0b0!important;
    border-color: grey;
  }

  .btn-cancelado2{
     background: #ffffff;
    border-color: grey;
    width: 165px!important;
  }

  .btn-cancelado2:hover{
    background: #b3b0b0!important;
    border-color: grey;
  }
  .btn-confirmado{
    background-color: rgba(173,173,173,1);
    border-color: grey;
    width: 195px!important;
  }
  .btn-confirmado:hover{
    background-color: rgba(93,96,99,0.6)!important;
    border-color: grey;
  }
   .btn-confirmado2{
    background-color: rgba(173,173,173,1);
    border-color: grey;
    width: 165px;
  }
  .btn-confirmado2:hover{
    background-color: rgba(93,96,99,0.6)!important;
    border-color: grey;
  }

  .seccion-6{
    padding-right: 25px;
  }

  .row-fila{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 6px;
  }

  .modalCreacionCitaAgendaMultiple>.modal-dialog {
    max-width: 90%;
    /* margin: 1.75rem 12rem; */
  }
  

  .btn-ver{
    padding: .0rem .5rem;
  }
.form-control.select-nuevo.sucursalCallCenter{
  /*width: 280px;*/
  font-size: 13px;
  height: 30px!important;
}
.form-control.form-control.fechaCallCenter{
/*  width: 150px;*/
  font-size: 13px;
  height: 30px!important;
}
.form-control.select-nuevo.servicioCallCenter{
  /*width: 180px;*/
  font-size: 13px;
  height: 30px!important;
}
.cabecera-agenda-especialista.navCallCenter{
  background: #565656;
  margin-left: -15px;
  height: 40px;
}
.input-group-prepend.callCenter{
  height: 30px!important;
}

td.nombreRCE{
            font-size: 13px;
            width:300px;
          }       
          td.servicioRCE{
            font-size:12.5px;
            width: 280px;
          }
          .modalListaGeneralListaEspera>.modal-dialog>.modal-content>.modal-body>table>tbody>tr>td
          >form>.form-group>.formTimeLE {
            width: 100%;
            padding: 0.1rem .3rem;
            font-size: 13px;
            line-height: 1;
            border-radius: 0rem;
          }
          td.encabezado{
            font-size: 13px;
          }
          .form-control.form-control-sm.especialistaRCE.ng-pristine.ng-valid{
            font-size: 12.5px!important;
            height: 25px;
            width: 110px
          }
          .form-control.formaBusquedaEspecLE.ng-pristine.ng-valid{
            font-size: 12.5px;
            width: 110px;
          }
          td.btnRCE{
            overflow-wrap: break-word;
            width: 155px;
          }
          .configBtnListadoEspera {
            color: #fff !important;
            font-size: 13px!important;
            margin-right: 0% !important;
            width: 25px;
            padding-left: 6px;
            height: 25px;
          }
          i.fa.fa-pencil-square-o.editRCE{
            margin-left: -3px;
            font-size: 20px;
            margin-top: -3px;
          }

          .programAgenda>.row>.col-3>.cuerpOpciones>.calendarAgenda>.cASemana>table>tbody>.filDias>.diaActualNavegador {
            background: #343a40;
          }

          .table>tbody>tr>td{
        word-wrap: break-word;
      }

      .tabla-movimientos{
        overflow: auto;
        height: 640px;
        font-size: 14px;
      }

      .contiene{
        width: 99.25%;
        padding: 0px 5px;
      }

      .text-nuevo{
        font-size: 14px;
      }

      .table>tbody>tr>td{
      word-wrap: break-word;
    }

    .tabla-clientes{
      overflow: auto;
      height: 418px;
    }

    .row-t{
      cursor: pointer;
    }
    #notify-bell{
    font-size: 13px;
    color: white;
    top: -5px;
    right: 199px;
    position: absolute;
    background-color: transparent;
    border-color: transparent;
    z-index: 100;
    }
    #notify-bellRecepcion{
    font-size: 13px;
    color: white;
    top: -23px;
    background-color: transparent;
    border-color: transparent;
    margin-top: 0px;
    position: absolute;
    }
.tabla-general{
  height: 450px;
    overflow: auto;
}

.tabla-caso{
  height: 350px;
    overflow: auto;
}

.tabla-general2{
  height: 547px;
    overflow-x: hidden;
    overflow-y: auto;
}

.tabla-general3{
  height: 369px;
    overflow-x: hidden;
    overflow-y: auto;
}


.tabla-asistencias{
  height: 200px;
    overflow: auto;
}

 @media (min-width: 1441px){
  .tabla-general{
  height: 900px;
    overflow: auto;
}

.tabla-general2{
  height: 900px;
    overflow: auto;
}

.tabla-general3{
  height: 900px;
    overflow: auto;
}

.tabla-caso{
  height: 850px;
    overflow: auto;
}


 }
/**DEJA TODAS LAS COLUMNAS DEL MISMO TAMAÑO**/
.fix_column_tables {
    table-layout: fixed;
}


#style-1::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
  height: 10px;
  width: 10px;
  background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #c7cbd0;
}

#style-2::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar
{
  height: 10px;
  width: 10px;
  background-color: #F5F5F5;
}

#style-2::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #c7cbd0;
}
.tabla-servicios, .tabla-estado{
  border: solid 1px;
  height: 30px!important;
}
.tabla-servicios span, .tabla-estado span{
  font-size: 13px;
}
.modalGestionServices{
    height: 35rem;
    overflow: auto;
    padding-right: 30px;
}
/*========CRM MERCADEO============*/
.formFiltrosCrm{
    text-align: center;
    top: 20px;
    background: white;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    max-height: 400px;
    overflow: auto;
    
}
.btnAddFilter{
  height: 37px;
    margin-top: 10px;
    width: 40px;
    font-size: 19px;
}
.fs-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #2C3E50;
  margin-bottom: 15px;
}
.btnFiltrosCrm{
    margin-left: 80%;
    margin-top: 20px;
    margin: 10px;
}
hr.style5 {
  background-color: #fff;
  border-top: 2px dashed #8c8b8b;
}
.filterSetparator{
border-top: 2px dashed #8c8b8b;
width: 100%;
margin-top: 5px;
}
a.btnFilter{
  margin: 10px;
  text-align: center;
  width: 75px;
  height: 65px;
}
a.btnFilter i{
  font-size: 45px;
}
a.btnFilterEstadist{
background:#c2c7c2; 
}
a.btnFiltroResult{
background: #c2c7c2;
}
a.btnSMS{
background: #c2c7c2;
}
a.btnFilterEstadist:hover{
transition: 0.5;
background: #474747;
 border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388;
}
a.btnFiltroResult:hover{
  transition: 0.5;
background: #474747;
 border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388;
}
a.btnSMS:hover{
  transition: 0.5;
background: #474747;
   border: 1px solid;
  box-shadow: inset 0 0 20px rgba(255, 255, 255, .5), 0 0 20px rgba(255, 255, 255, .2);
  outline-color: rgba(255, 255, 255, 0);
  outline-offset: 15px;
  text-shadow: 1px 1px 2px #427388;
}
.btnsFilter{
  padding-left: 60px;
}

.menu ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.menu ol:first-child {
  width: 100%;
  max-width: 960px;
  margin: 1rem auto 0 auto;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
}
.menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 2px solid #16a085;
  position: relative;
  transition: background 0.3s ease-in-out;
}

.menu-item a {
  font-size: 0.8rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  height: 100%;
  width: 100%;
  padding: 1.5em 1em;
}
@media (max-width: 500px) {
  .contAgendaLualPortafolio {
    width: 90% !important;
  }
}

@media (min-width: 768px) {
  .menu-item a {
    font-size: 1rem;
  }

  
}

.validationFilter{
  background: red;

}
.foundFilter{
    border: 1px solid dashed red;
    background: #d011111a;
}
.resultEnd{
  font-size: 13px;
}
.estadisticaFilter{
  font-size: 13px;
}
.campanaInactiva{
  color: #9e9e9e;
    background: #d4cfcf;
}
.infoCrmEnc{
    text-align: center;
    background: white;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin-left: 80px;
    
}
.small-box h3 {
          font-size: 30px;
          font-weight: bold;
          margin: 0 0 10px 0;
          white-space: nowrap;
          padding: 0;}
          .small-box>.inner {
           padding: 10px;
            }
            .small-box h3, .small-box p {
       z-index: 5;
}
.small-box h3, .small-box p {
    z-index: 5;
}
.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 90px;
    color: rgba(0,0,0,0.15);
}
a.siguienteTabConfir i {
    font-size: 35px;
    font-weight: bold;
    margin-top: 30px;
    color: #000;
}
.titleTabConfir{
  width: 100%;
    background: #908d8d;
    text-align: center;
    color: #fff;
}



.tabbable-panel {
  border:1px solid #eee;
  padding: 10px;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid rgb(80,144,247);
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #32465B;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.cursorOrder{
  color: #000000;
}
.separatorDateCita{
  border-top: 1px solid #eae4e4;
}
.alertaAdicionTime{
  height: 30px;
    font-size: 12px;
    width: 300px;
    margin-left: 45px;
    margin-top: 5px;
    padding: 5px;
}


.modalListadoAbogadosDisponiblesMovil>.modal-dialog { max-width: 96%; }
.modalListadoAsistenciasMovil>.modal-dialog { max-width: 96%; }
.modalGestionServiciosMovil>.modal-dialog { max-width: 96%; }
.modalAgregarSiniestroMovil>.modal-dialog { max-width: 96%; }
.modalAbogadosDisponiblesMovil>.modal-dialog { max-width: 96%; }
.heightVerAsistencia {height: 471px; overflow-x: auto;}
.heightTomarFoto {height: 79.5vh;}

.modal-citaRapida{}

@media (min-width:576px){
  .d-sm-none{display:none!important}
  .d-sm-inline{display:inline!important}
  .d-sm-inline-block{display:inline-block!important}
  .d-sm-block{display:block!important}
  .d-sm-table{display:table!important}
  .d-sm-table-row{display:table-row!important}
  .d-sm-table-cell{display:table-cell!important}
  .d-sm-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
  .d-sm-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:768px){
  .d-md-none{display:none!important}
  .d-md-inline{display:inline!important}
  .d-md-inline-block{display:inline-block!important}
  .d-md-block{display:block!important}
  .d-md-table{display:table!important}
  .d-md-table-row{display:table-row!important}
  .d-md-table-cell{display:table-cell!important}
  .d-md-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
  .d-md-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}
@media (min-width:992px){
  .d-lg-none{display:none!important}
  .d-lg-inline{display:inline!important}
  .d-lg-inline-block{display:inline-block!important}
  .d-lg-block{display:block!important}
  .d-lg-table{display:table!important}
  .d-lg-table-row{display:table-row!important}
  .d-lg-table-cell{display:table-cell!important}
  .d-lg-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
  .d-lg-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
  .modal-citaRapida {
    max-width: 950px;
  }
}
@media (min-width:1200px){
  .d-xl-none{display:none!important}
  .d-xl-inline{display:inline!important}
  .d-xl-inline-block{display:inline-block!important}
  .d-xl-block{display:block!important}
  .d-xl-table{display:table!important}
  .d-xl-table-row{display:table-row!important}
  .d-xl-table-cell{display:table-cell!important}
  .d-xl-flex{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
  .d-xl-inline-flex{display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important}
}