/* ----------------------- GENERAL ------------------------------ */

/* Alerts */
.alert-success {
    background-color: #C8FFA2;
    border-color: #d0e9c6;
    color: #3c763d;
}


.select2-container--default .select2-results__option--highlighted[aria-selected] {
   background-color: #E3BA00 !important;
   color: white;
}

.logo-home{
	/*opacity: 8;*/
	width: 450px;
	height: auto;
}


/* fieldset forms */
.fieldset-form{
    margin-top: 15px;
    margin-bottom: 15px;
}

.fieldset-form > legend{
    font-size: 14px;
    color: #175E83;
    background-color: #E5F6FF; 
    margin-bottom: 15px;
    padding: 5px;
    border-bottom: 1px solid #76C9F3;
}


/* fieldset views detail */
.fieldset-detail{
    margin-top: 15px;
    margin-bottom: 15px;
}

.fieldset-detail > legend{
    font-size: 15px;
    color: #0FB84A;
    margin-bottom: 15px;
    padding: 5px;
    border-bottom: 1px solid #F3F3F3;
}
/**/


/* fieldset views detail a */
.fieldset-detail_a{
    margin-top: 15px;
    margin-bottom: 15px;
}

.fieldset-detail_a > legend{
    font-size: 14px;
    color: #D72F50;
    background-color: #FFF; 
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #FF7F7F;
    font-weight: bold;
}
/**/


/* Bg gris en td principal de tabla */
.table-data > thead{
    
    background: linear-gradient(to right, #199ACC 65%, #0F5570);
    color: #FFF;
}

/* table striped */
.table-data-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F1FFFE; 
}

/* bg header card agenda */
.header-card-agenda{
    color: #2E6476;
    background-color: #FFF;
    border-bottom:  1px solid #D2DCDE;
    border-bottom-style: dashed;
}



/* Tamaños en letras */
.text-diez{ font-size: 10px; }
.text-once{ font-size: 11px; }
.text-doce{ font-size: 12px; }
.text-trece{ font-size: 13px; }


/* Gris en tabla de signos vitales */
.bg-gray-td{
    background-color: #F6F6F6;
}

/* Estilo nombre de paciente en expediente */
.div-name-patient{
    color: #077389;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 5px;
}

/* Error de validación formulario */
/*
.input-error{
    font-size: 14px;
    color: #BF4949;
}
*/
.input-error{
    background-color: #FFE0E0;
    font-size: 13px;
    color: #C11212;
    padding: 4px;
    border-radius: 10px;
    margin-top: 3px;
}


/* Línea discontínua */
.line-disc{
    border-style: dashed; 
    border-width: 1px; 
    border-color: #D6D6D6;
}

/* Mensaje de error en inputs de login */
.error-input
{
  color: #BA1818;
  font-size: 12px;
}

.thead-index{
    background-color: #ECD93B;    
}

.thead-index > tr > th{
    font-weight: bold;
}


.thead-index-consults > thead > tr > th{
    background-color: #F5F5F5;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    
}

.thead-index-consults > tbody > tr > td{
    font-size: 11px;
}

.thead-payments{
    background-color: #322FF3;    
}

.thead-payments > tr > th{
    color: #FFF;
}

.table-hover-index > tbody > tr:hover {
  background-color: #E4E4E4;
}

.bg-ccpslp{
    background-color: #8C2828;
}


.callout {
  border-radius: 0.25rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  background-color: #fff;
  border-left: 5px solid #e9ecef;
  margin-bottom: 1rem;
  padding: 1rem;
}

.callout.callout-danger {
  border-left-color: #903737;
}

.callout.callout-blue {
  border-left-color: #1669E8;
}

.div-loading{
    padding: 10px;
    margin-bottom: 15px;
    background-color: #D6F1FF;
    color:#106089;
    font-weight: bold;
    display: none;
}