/*
.input-group-addon {
    height: 28px;
}

input.form-control {
    height: 28px !important;
}
*/

/*
.ui-dialog {
    z-index: 100001;
}
*/

.forzadoWidth50 {
    width: 10% !important;
}

.activo {
    background:#C3D6E3 !important;
}

.colorTono1 {
    color: #124672 !important;
}

.colorTono2 {
    color: #447094 !important;
}

.colorTono3 {
    color: #7599B6 !important;
}

.apertura {
    background:#d3edf6;
}


.noVisible {
    display:none !important;
}

.panel-heading {
    height: 28px !important;
}

.huecoLibre {
    background-color:white !important;
    border-color: lightgrey !important;
    color: forestgreen !important;
}

.noCita {
    background-color:white !important;
    border-color: lightgrey !important;
    color: darkred !important;
}

.redondeado {
    border: 1px silver; 
    border-style: dotted;
    border-radius: 6px; 
    display: block;
}


.fc-content {
    cursor: pointer;
}

.ui-dialog-titlebar{
   display: none;
}

.ui-widget-overlay {
    opacity: .8 !important;
}

.width10{
    width: 10% !important;
}

.width15{
    width: 15% !important;
}

.width20{
    width: 20% !important;
}

.width25{
    width: 25% !important;
}

.width30{
    width: 30% !important;
}

.width35{
    width: 35% !important;
}

.width40{
    width: 40% !important;
}

.width45{
    width: 45% !important;
}


.width50{
    width: 50% !important;
}

.width60{
    width: 60% !important;
}

.width65{
    width: 65% !important;
}


.width70{
    width: 70% !important;
}

.width80{
    width: 78% !important;
}

.width85{
    width: 85% !important;
}

.width90{
    width: 89% !important;
}

.selectduallistbox {
    height: 300px !important;
    font-size: 12px !important;
}
select {
    height: 28px !important;
    font-size: 11px !important;
}

.ui-widget-header {
    background : cornflowerblue;
    border : 0px solid;
}


    
.ui-state-default a, .ui-state-default a:link {
    color : darkgray !important;
}


.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color : #1c94c4 !important;
}


#wrap {
        width: auto;
        margin: 0 auto;
}


.colorCalendar {
    background: silver;
    color: black;
    border: 2px solid #ccc;
     
}

#external-events {
    float: left;
    /*width: 14%;*/
    /*padding: 0 10px;*/
    /*border: 1px solid #ccc;*/
    /*background: aliceblue;*/
    /*background: lightgoldenrodyellow;*/
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
}

#external-events .fc-event {
        margin: 10px 0;
        cursor: pointer;
}


#external-events p {
        margin: 1.5em 0;
        font-size: 11px;
        color: #666;
}

#external-events p input {
        margin: 0;
        vertical-align: middle;
}

#estadoCitas {
        float: left;
        height: 35px;
        /*width: 14%;*/
        padding: 0 10px;
        border: 0px solid #ccc;
        background: #eee;
        text-align: left;
}

#estadoCitas .fc-event {
        margin: 8px 0;
}

#busquedaCitas {
        float: left;
        /*width: 14%;*/
        padding: 0 10px;
        border: 0px solid #ccc;
        /*background: #eee;*/
        text-align: left;
}


#menu .container-fluid{
    float: left;
    width: 85%;
    padding-left: 1%;
}

#calendar {
    /*float: left;*/
    float: right;
    /*width: 85%;*/
    padding-left: 1%;
    
}

.fc-short .fc-title {
    font-size: 1em !important;
}


.navbar{
    /*background-color: #428bca !important;*/
    margin-bottom: 0px !important;
}

.navbar-nav{
    float:right !important;
}

#gridDemora th{
    background: #d9534f !important;
}

#gridDemora a{
    color: white !important;
}


#gridPersonas tr {
    cursor: pointer;
}


#fInicio th{
    background: white;
}

.date input{
    height: 30px !important;
}

.gridListado thead th{
    background: inherit !important;
}
.gridListado thead a{
    background: inherit !important;
}

/*customs*/
.ja_wrap{
    background: none !important;
}

.ja_title div{
    font-weight: normal !important;
    font-size: 16px !important;
}
.ja_body {
        font-size: 16px;
}

.tabsCalendar {
    height: 0px;
    margin: -25px;
}


#tabs .ui-state-active {
    background:#ffb558;
}

#tabs .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: white !important;
}

.horario {
    background: orange;
}


.label-default {
    color: darkGray !important;
    background-color:#eee !important;
}

#panel_FormCitas.panel-danger .panel-heading, #panel_ViewCitas.panel-danger .panel-heading {
    color: white !important;
    background-color:#d9534f !important;
    border-color: #d43f3a !important;
}

#panel_FormCitas.panel-success .panel-heading, #panel_ViewCitas.panel-success .panel-heading {
    color: white !important;
    background-color:#5cb85c !important;
    border-color: #4cae4c !important;
}

#panel_FormCitas.panel-warning .panel-heading, #panel_ViewCitas.panel-warning .panel-heading {
    color: white !important;
    background-color:darkorange !important;
    border-color: #eea236 !important;
}

#panel_FormCitas.panel-default .panel-heading, #panel_ViewCitas.panel-default .panel-heading {
    color: white !important;
    background-color:silver !important;
    border-color: silver !important;
}

.panel-violet .panel-heading {
    color: white !important;
    background-color:#ff99ff;
    border-color: #ff99ff !important;
}

.panel-no-asistencia .panel-heading {
    color: white !important;
    background-color:tomato;
    border-color: tomato !important;
}

.panel-PdteCobro .panel-heading {
    color: black !important;
    background-color:black;
    border-color: #C195E4 !important;
}

.panel-cobrada .panel-heading {
    color: white !important;
    background-color:#7B1E2D;
    border-color: #C195E4 !important;
}

.panel-cobrada-nas .panel-heading {
    color: white !important;
    background-color:blueviolet;
    border-color: #C195E4 !important;
}


.panel-aux1 .panel-heading {
    color: white !important;
    background-color:#C195E4;
    border-color: #C195E4 !important;
}

.panel-aux2 .panel-heading {
    color: white !important;
    background-color:rgb(74, 191, 56);
    border-color: rgb(74, 191, 56) !important;
}

.panel-aux3 .panel-heading {
    color: black !important;
    background-color:yellow;
    border-color: #7B1E2D !important;
}

#contentCalendario {
    /*height: 67vh;*/
    /*overflow-y: scroll;*/
}

.panel-heading {
    height: 35px;
} 

.panel-heading > h5 {
    margin-top: -10px;
}

.ui-dialog .container{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

ui-dialog-content{
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.pagCgridView {
    text-align: center;
}


.pagCgridView li {
    display: inline;
}
.pagination>.selected>a{
    background-color: steelblue;
    color: white;
}

.pagCgridView li.next{
    /*background: url(../images/displaytag/flecha_siguiente.png) no-repeat center bottom;*/
    padding-bottom:1px;
    padding-right: 15px;
    padding-left: 5px;
}
.pagCgridView li.last{
    /*background: url(../images/displaytag/flecha_ultima.png) no-repeat center bottom;*/
    padding-bottom:1px;
    padding-right: 15px;
}
.pagCgridView li.previous{
    /*background: url(../images/displaytag/flecha_anterior_des.png) no-repeat center bottom;*/
    padding-bottom:1px;
    padding-right: 15px;
}
.pagCgridView li.first{
    /*background: url(../images/displaytag/flecha_primero_des.png) no-repeat center bottom;*/
    padding-bottom:1px;
    padding-right: 15px;
}

.pagination{
    margin: 0px !important;
}

.loginMovil input, .loginMovil label{
    font-size: 1.8em;
    height: 1.8em;
}

.loginMovil input[type='checkbox']{
    width: 25px;
}

input[type='checkbox'] {
    margin-top: 1px !important;
    accent-color: var(--panel-heading-color) !important;
}

.ui-dialog {
    background: white;
}

@media screen and (min-width: 320px) {

    .ui-dialog .ui-dialog-content{
        padding: initial !important;
        /*height: 100vh !important;*/
    }
    
    .row{
        margin-left: 0px !important;
/*        margin-right: 0px !important;*/
    }
    
    .nomr {
        margin-right: 0px !important;
    }
}

@media screen and (max-height: 320px) {

    .ui-dialog .ui-dialog-content{
        padding: initial !important;
        height: 100vh !important;
    }
    .row{
        margin-left: 0px !important;
    }
    
    .nomr {
        margin-right: 0px !important;
    }    
}

@media screen and (min-width: 420px) {

    .ui-dialog .ui-dialog-content{
        padding: initial !important;
        /*height: 100vh !important;*/
    }
    .row{
        margin-left: 0px !important;
        margin-right:  0px !important; 
    }
}

@media screen and (min-width: 923px) {
    .ui-dialog .ui-dialog-content{
        padding: initial !important;
        height: auto !important;
    }
}


@media screen and (min-height: 500px){
    /*.fc-basic-view .fc-body .fc-row {
        min-height: 5em;
    }*/
    .loginContent{
       margin-top: 3%;
   }
}

@media screen and (min-height: 800px){
   /* .fc-basic-view .fc-body .fc-row {
        min-height: 7em;
    }*/
   .loginContent{
       margin-top: 5%;
   }
}


@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

/* los tr de vista mensual   */
.fc-body .fc-day-grid .fc-row {
    height: 11vh;
}

#buttonNavbar{
    background-color: white;
}

#buttonNavbar span{
    background-color: steelblue;
}
.panel{
    margin-bottom: 0px !important;
}

.grid-view .summary{
    text-align:center;
}

.widthButtons{
    width: 10%;
}

#detalleNotificacion {
    table-layout: auto;
}

#detalleNotificacion td{
    word-wrap: break-word;
}

@media (max-width: 576px) {
    .centradoDialog{
       /* position: fixed !important;*/
        background: transparent !important;
    }
}
@media (min-width: 577px) {
    .centradoDialog{
        position: fixed !important;
        top:0px !important;
        background: transparent !important;
    }
}

/*Estilos para el botón de aceptar fecha del componente databox*/
.btn-group-vertical .btn-default{
    color: #fff !important;
    background-color: lightgray !important;
    border-color: gray !important;
}

.picker-switch {
    background: white;
}

.datepicker-days .dow {
    background: white;
}

.datepicker-days .next, .datepicker-days .prev   {
    background: #428bca;
}

.datepicker-days span  {
    background: #428bca;
}

.withPopoverConageDia .popover{
    /*max-width:70% !important;*/
}

.backColorLightBlue{
    background-color: lightblue;
}

.danger{
    color: #d9534f;
}

.warning{
    color: darkorange;
}

.success{
    color: green;
}

#datepickerIni .container{
        width:auto !important;
}

#datepickerFin .container{
    width:auto !important;
}

.popover-title { 
    display: none; 
}

.popover{
    max-width: 430px !important; /* Max Width of the popover (depending on the container!) */
}

.container-fluid{
    width: 99%;
}

.borderSelect{
    border: 3px outset #2530A2;
}
/*
#contentAgendasTotal .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, 
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, 
.col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, 
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, 
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, 
.col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, 
.col-md-12, .col-lg-12 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    position: relative;
    min-height: 1px;

}*/
.grid-view th label{
    display: none;
}


.fc-event{
    margin-left: 10px;
    width: auto !important;
}

.form-control{
    height: 28px;
    padding: 2px 2px;
    border-radius: 0px !important;
}

.input-group-addon {
    padding: 5px 12px;
}

.input-group-addon img {
    margin-right: 5px;
}

.btn {
    padding: 2px 2px;
    font-size: 12px;
}

#column-left span{
    font-size:11px;
    padding: 1px;
}

#pestanasFormEmpleados {
    background: white;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    background: royalblue;
    color: white;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background: whitesmoke;
    color: gray;
}
@media screen and (max-width: 420px) {
    .container-fluid {
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    #leftCalendario{
        padding-left: 0px;
        padding-right: 0px;
    }

    .panel-body {
        padding: 0px;
    }
    
    .btn{
        padding: 2px 2px;
        font-size: 14px;
    }

}

#listadoEmpzon{
    padding: 0px 0px;
}


#amcharts-chart-div image{
    display: none;
}

.imgPersona{
    background-image:url(../img/iconos/usuarioAzul20.png); 
    background-repeat: no-repeat; 
    text-indent : 20px;
}

.imgCliente{
    background-image:url(../img/iconos/usuarioVerde20.png); 
    background-repeat: no-repeat; 
    text-indent : 20px;
}

.imgProducto{
    background-image:url(../img/iconos/paquete20.png); 
    background-repeat: no-repeat; 
    text-indent : 25px;
    background-position: 2px 3px;
    
}

.imgProveedor{
    background-image:url(../img/iconos/usuarioRojo20.png); 
    background-repeat: no-repeat; 
    text-indent : 25px;
    background-position: 2px 3px;
}

.imgEmpleado{
    background-image:url(../img/iconos/usuarioAmarillo20.png); 
    background-repeat: no-repeat; 
    text-indent : 25px;
    background-position: 2px 3px;
    
}

#pestanasFormCitas button{
    margin-bottom: 2px;
}

#pestanasFormCitas button.active{
    background-color :scrollbar !important;
        
}


#gridConsultaDoccli .panel-heading{
    height: initial;
    padding: 3px 15px;   
}

#formConsultadocumento ul{
    margin-bottom: 0px;
}

margin-20px {    
    margin-top: -20px !important;

}

.esDetalle {
    background-color:white !important;
}
/*.collapsed, .esDetalle {
    background-color:white !important;
}*/

#agendasPlanning ul{
    list-style-type: none;
    margin: 0 0.5em 0.5em 0;
}

#agendasPlanning li{
   height: 25px; 
   display: flex;
}

#agendasPlanning .form-control{
    height: 20px !important;
}

#tableExcel td{
    width: 6%;
    text-align: right;
}

#tableExcel td:first-child{
    width: 20%;
}

#tableExcel td >input{
    width: 100%;
    text-align: right;
}

.sinBorde {
    border:none;
}

.fondoLogin{
    background: url('/citas/img/logo/fondo_login.png') no-repeat center;
    background-size: 60%;
}

.backgroundNone{
    background: none;
}

.loginContent{
    -webkit-box-shadow: -2px 2px 32px 15px rgba(138,109,138,1);
    -moz-box-shadow: -2px 2px 32px 15px rgba(138,109,138,1);
    box-shadow: 0px 2px 23px 10px rgba(138, 144, 182, 1);
    /* background: #f2f2f2; */
    /*margin-top:3%;*/ 
/*    margin-bottom: -20px;*/

}

.verticalTable{
    display: table-row;
}

/* Bottom left text */
.textoAbajoIzquierda {
    position: relative;
    bottom: 35px;
    left: 16px;
}

/* Top left text */
.textoArribaIzquierda {
    position: relative;
    top: 8px;
    left: 16px;
}

/* Top right text */
.textoArribaDerecha {
    position: relative;
    top: 10px;
    right: 16px;
}

/* Bottom right text */
.textoAbajoDerecha {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

/* Centered text */
.textoCentrado {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.centrado{
  display:block;
  margin-left: auto;
  margin-right: auto;
}

.label-white {
    background-color: white;
}


.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.altaPaciente:before {
   display: none; /* Lo ocultamos*/
    content: "Alta Paciente";
    color: white;
    font-size: 0.8em;
    padding: 2px 8px;
    background: rgba(0,0,0,0.8);
    border-radius: 5px;
    position: absolute; /* Lo posicionamos de modo absoluto dentro del span */
    top: 1.5em;
    left: 5px;
    min-width: 500px;
    z-index: 999;
}

.altaPaciente:hover::before  {
    display:block;
}

.botonera.dropdown-menu {
    min-width: 40px !important;
    width: 40px !important;
    left: 50% !important;
}
.botonera.dropdown-menu li a{
    padding: 2px 5px !important;
}

.contPaciente {
    title: 'No alta';
}