@font-face{

  font-family: Lato;
  src: url(Lato-Regular.ttf);

}

.text-decoration-underline{
  text-decoration: underline !important;
}

.img-ParametroIntervalo{
  width: 160vh;
}

.bg-secondary{
  color: #FFF;
  background-color: #c0c0c0!important;
}

.titleConstruccion{
  font-weight: 700;
  color: red;
  font-size: 40px;
}

.bg-card{
  background: #3c8dbc !important;
  border: solid 1px #3c8dbc !important;
  color : #FFF !important;
  text-align: center;
}

.fa-mensaje {
  cursor: pointer;
}

#bodyModalInfo{
  max-height:480px;
  overflow-y:scroll;
}

.bg-verde {
  background: #b9ebcd;
}

.bg-amarillo {
  background: #ffff7f;
}

.bg-celeste {
  background: #a4cbfa;
}

.bg-violeta {
  background: #FFCCFF;
}


/* ----------------------- STYLE SWAL ----------------------------------- */

  button.confirm{
    background-color: #3c8dbc !important;
    box-shadow: #3c8dbc 0px 0px 2px, rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset;
  }

  button.cancel{
    background-color: #70777d !important;
  }

/* ------------------------------------------------------------------------ */

/* ----------------------- STYLE FOOTER ----------------------------------- */

footer {
  background: #3c8dbc !important;
  padding: 0px 0px 0px 10px !important;
  /* height: 30px !important; */
  width: 100%;
  font-size: 13px;
  position:fixed;
  left:0px;
  bottom:0px;
  z-index: 100;
}

.text-footer{
  color: #eee !important;
  font-size: 12px !important;
  margin-top: 7px;
  font-family: Arial, Helvetica, sans-serif;
}

/* ------------------------------------------------------------------------ */




/* ----------------------- STYLE MENU ------------------------------------- */

.dropdown-menu {

  min-width:58px !important;

}


.nav-link, .dropdown-item, .navbar-brand{
  color: #eee !important;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

.dropdown-item {
  padding: 5px 10px 5px 10px;
}

.dropdown-menu {
  background: #3c8dbc !important;
  margin-top: 0px;
  border-radius: 0px;
  border: solid 0px;
  padding: 0px 0px 0px 0px !important;
}

.dropdown-item:hover {
  background-color: #2f78a2 !important;
}

.nav-item:hover{
  background-color: #2f78a2 !important;
}
.nav-user{
  background-color: #2f78a2 !important;
}

.navbar-toggler{
  margin:5px;
}

.fa-menu{
  font-size:16px !important;
}

.nav-item{
  /* text-align: center !important; */
}

$custom-file-text: (
  en: "Browse",
  es: "Elegir"
);


.navbar {
  background: #3c8dbc !important;
}

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

  .navbar {
    background: #3c8dbc !important;
    padding: 0px 0px 0px 10px !important;
  }

  .btnTitle{
    text-align: right;
  }

}

@media screen and (max-width: 767px) {

.input-group{
  margin-bottom: 10px !important;
}

}

@media screen and (max-width: 991px) {

  .btnTitle{
    text-align: center;
  }

  .sub-menu-2 {
    padding-left: 40px !important;
  }

  .sub-menu-3 {
    padding-left: 60px !important;
  }

  .sub-menu-4 {
    padding-left: 80px !important;
  }

  .sub-menu-5 {
    padding-left: 100px !important;
  }


  .sub-menu-2-3 {
    padding-left: 20px !important;
  }

  .sub-menu-3-4 {
    padding-left: 40px !important;
  }

  .sub-menu-4-5 {
    padding-left: 60px !important;
  }

  .sub-menu-5-6 {
    padding-left: 80px !important;
  }


  .dropdown-item{
    padding-left: 20px;
  }

  #titleTemperaturas{
    display: none;
  }


  .nav-item{
    text-align: left !important;
  }

  .navbar {
    background: #3c8dbc !important;
    padding: 0px 0px 0px 0px !important;
  }

  .nav-item{
    padding: 5px 0px 0px 5px !important;
  }
  .dropdown-menu{
    background-color: transparent !important;
    margin-left: -5px !important;
  }

  .dropdown-menu {
    background-color: transparent !important;
    margin-left: -9px !important;
  }


  a.dropdown-item:hover{
    background: #376c8a !important;
  }

  .fa-menu{
    font-size:20px !important;
  }
}

.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}


.form-control.is-valid{
  border-color: #80bdff !important;
  box-shadow: 0 0 0 0.2rem #c8deff !important;
  background-image: none;

}

.form-control:valid:focus {
  border-color: #80bdff !important;
  box-shadow: 0 0 0 0.2rem #c8deff;
}


/* --------------------------------------------------------------------------- */

/* ----------------------- STYLE SISTEMA ------------------------------------- */

.titleEvento{
  color: #376c8a;
  margin-bottom: 2px;

}

.strEvento{
}

.divContenedorNuevo{

   margin-right: 0px;
   margin-left: 0px;

}
.divEstadoEvento{

  background: #FFFF7F;

}
.divNuevoEvento{

  background: #F5CCF9;

}
.divNuevoEpisodio{

  background: #D6FEFE;

}

hr {
    margin-top: -5px;
    margin-bottom: 5px;
}

.modal-footer{
  padding: 2px !important;
}

.datepicker{
    /* border: solid 1px #ced4da; */
    background: #fff !important;
    border: solid 1px #ced4da !important;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    color: #2f78a2 !important;
}


.bootstrap-datetimepicker-widget.dropdown-menu.bottom{
    background: #FFF !important;
    border: solid 1px #ced4da !important;
    border-radius: 4px 4px 4px 4px !important;
}

.kv-zoom-header{
  color: #fff;
  background: #5297c1;
}

.title{
  color: #1F497D;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 200;
}

.card-header, .btn-card{
  background: #3c8dbc !important;
  border: solid 1px #3c8dbc !important;
}

.bg-table{
  background: #3c8dbc !important;
  color:#eee !important;
}

.table-responsive {
  overflow-y: hidden !important;
  min-height: 300px;
}

.container-fluid{
  margin-bottom: 50px;
}


.dataTable>thead>tr>th{
  background-color: #3c8dbc;
  color: #eee;
  font-weight: 200;
  font-size: 15px;
  font-family:  Arial, Helvetica, sans-serif;
  padding: 5px 5px 5px 5px !important;
  text-align: center;
}


.bg-table-child th{
  background: #5bc0de !important;
  color: #fff !important;
  font-weight: 200;
  padding: 5px 5px 5px 5px !important;
}

.dataTable>tbody>tr>td{
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 5px 5px 5px 5px !important;
}

.table>tbody>tr>td{
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 15px;
  padding: 5px 5px 5px 5px !important;
}


.fa-table{
  color:#979797;
  cursor: pointer;
}

.fa-table:hover{
  color:#555555;
  cursor: pointer;
}


div.dataTables_wrapper div.dataTables_paginate {
  margin-top: -30px !important;
}

.dt-button{
  background: #3c8dbc !important;
  border: solid 1px #3c8dbc !important;
}

.dt-button>span, .dt-down-arrow{
  color: #FFF !important;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #3c8dbc;
  border-color: #007bff;
}

a.page-link {
  color: #3c8dbc;
}

.bootstrap-select{
  color: #495057;
  height: calc(1.5em + 0.75rem + 2px);
  background-color: #fff !important;
  background-clip: padding-box;
  border: 1px solid #ced4da !important;
}

.bootstrap-select .dropdown-menu {
  color: black !important;
  background: #FFF !important;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transform: none !important;
  top: auto !important;
  max-height: 200px;
}

.bootstrap-select>.dropdown-toggle{
  background: #fff;
}

.bootstrap-select .dropdown-menu li a {
  background: #FFF !important;
  color: black !important;
}

.bootstrap-select .dropdown-menu li a:hover {
  background: #3c8dbc !important;
  color: #FFF !important;
}

.dataTables_info {

  text-align: left !important;
}

.btn-default{
  background:#ddd;
}

.form-group label{
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}

.form-check-label{
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
}

.bootstrap-select .dropdown-menu span.text {
    display: block;
    word-wrap: break-word;
    white-space: normal;
}

.table-btn-create{
  background: #28a745 !important;
  border: solid 1px #28a745 !important;
}

.table-btn-danger{
  background: #ff4e46 !important;
  border: solid 1px #ff4e46 !important;
}


.btn-circle {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  font-size: 18px;
  text-align: center;
}

.acordion{
  display: none
}
/* --------------------------------------------------------------------------- */
/* FILE INPUT */
.kv-zoom-actions {
    text-align: right;
}

.btn-kv-rotate,.file-upload-indicator , .btn-kv-toggleheader, .btn-kv-fullscreen, .btn-kv-borderless, .kv-file-rotate, .kv-file-upload{
  display: none !important;
}

.btn-file{
  background: #3c8dbc !important;
  border: solid 1px #3c8dbc !important;
}




.dropdown-menu .dropdown .dropdown-menu.left {
    right: 100%;
    left: auto;
    top: 0%;
}
	/* @media (min-width: 991){ */

		.dropdown-menu .dropdown-menu{
			margin-left:0; margin-right: 0;
		}

		.dropdown-menu li{
			position: relative;
		}

		.nav-item .submenu{
			display: none;
			position: absolute;
			right: 100%; top:-0px;
		}

		.nav-item .submenu-left{
			left:auto;
		}

		.dropdown-menu > li:hover > .submenu{
			display: block;
		}

.dropdown-toggle::after {
  display: none !important;
}

.form-check-input {
    margin-left: 0px !important;
}

.form-check-label {
    margin-left: 20px !important;
}

/* ----------------------- STYLE NAV TABS --------------------------------- */

  .nav-2 .nav-link {
    background: #FFF !important;
    color: #3c8dbc !important;
    border: solid 1px #3c8dbc !important;
    border-bottom: 0px !important;
    border-radius: 5px 5px 0px 0px !important;
  }


  .nav-2 .nav-link.active {
    background: #3c8dbc !important;
    color:  #FFF !important;
  }

/* ------------------------------------------------------------------------ */

.container-fluid {
  position: relative;
}
/* NOTIFICACIONES */

.div-alert-notificaciones{
  position: absolute;
  margin-top:70px;
  border: solid 1px #6c757d;
  border-radius: 6px;
  padding: 5px;
  background: #FFF;
  overflow-y: hidden;
  overflow-x: hidden;
}

.alert-notificacion{

  background: #fff !important;
  color: #000 !important;
  border: solid 1px #ddd !important;
  border-bottom: 0px !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-radius: 0px !important;
  padding: 20px !important;
  text-align: justify !important;

}

.fechaNotificacion{
  font-size: 14px;
  margin-top: -10px;
  font-style: italic;
}
.tituloNotificacion{
  font-size: 14px;
  margin-top: -10px;
  font-weight: bold;
}
.mensajeNotificacion{
  font-size: 14px;
  margin-top: -10px;
}
.linkNotificacion{
  font-size: 14px;
  text-decoration: none;
  font-weight: bold;
  margin-top: -10px !important;
}

.linkNotificacion:hover{
  cursor: pointer;
  color: red !important;
}

@media screen and (max-width: 991px) {

  .div-alert-notificaciones{
    margin-top:84px;
  }

}

/* ------------------------------------------------------------------------ */


.titleMetodologia{
  /* color: #3c8dbc; */
  font-weight: bold;
}


.divTextAreaExploracionCG, .divTextAreadivsistemNervioso, .divTextAreaAnemesis, .divTextNota, .divTextAreadivExploracionClinicaE, .divTextAreaDiagnostico, .divTextAreaPronostico, .divTextAreaPlanTerapeutico, .divTextAreadivExploracionOido{
  border-radius: 10px;
}


.modal-header{
  height: 50px;
  padding: 12px;
  color: #fff;
}

.titlePlanifiacionR{
  font-weight: bold;
}


.nav-item-v:hover {
    background-color: transparent !important;
    border: solid 0px #3c8dbc !important;

}

.nav-tabs .nav-link-v{
  color: #3c8dbc !important;
}

.nav-tabs .nav-link-v:hover{
  background: #3c8dbc !important;
  color: #eee !important;
}

.nav-tabs .nav-link-v.active{
  background: #3c8dbc !important;
  color: #eee !important;
}

.row-fases{
  margin-right: 0;
  margin-left: 0;
}

.div-Exploracion1{
  background: #b9ebcd;
}

.div-Exploracion2{
  background: #ffff7f;
}


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

  /* .div-Exploracion1{
    margin-left:15px;margin-right:-15px
  }

  .div-Exploracion2{
    margin-left:-15px;margin-right:15px
  } */

}


.img-toros{

   height: 300px;
   object-fit: cover;
   cursor: pointer;

}

.imagen-container{
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  height: 300px;
}

.container-fotos{
  border: solid 2px #3c8dbc;
  border-radius: 4px;
}

#btnSeleccionToroFotos {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



#accordion{
  display: inline !important;
}

.modal-full-width{
  padding-right: 0px
}

.modal-full-width-content{
  max-width: 99% !important;
  width: 99% !important;
}


.bg-descartado{
  background: #ff8e8e;
}


.bg-seleccionado{
  background: #b9ebcd;
}

.modal-100{
  max-width: 98%;
}

input[type="file"] {
  padding-top: 3px !important;
}


.card-light{
  background-color: #f8f9fa!important;
  border: #dfdfdf !important;
}

.card-header.bg-success{
  background-color: #28a745!important;
  color: #fff !important;
}

.card-header.bg-info{
  background-color: #17a2b8!important;
  color: #fff !important;
}