/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}
.left-sidebar{
  position: fixed;
  top: 30%;
  z-index: 999;
}
.left-sidebar ul{
  border: none;
}
.left-sidebar i.fa{
  padding: 8px;
  font-size: 25px;
  color: #fff;
}
.left-sidebar li{
  width: 80px;
  transition: .5s;
}
.left-sidebar li:nth-child(1){
  background: #3b5999;
  border-radius: 0px 15px 0px 0px;
}
.left-sidebar li:nth-child(2){
  background: #e4405f;
  border-radius: 0px 0px 15px 0px;
}

.left-sidebar li:hover{
  width: 150px;
}
.navbar-mobile-hide{
  display: block;
}
#social-list li{
  display: inline;
}
#logo-site{
  height: 120px;
  padding-left: 130px;
  padding-top: 10px;
}
#logo-mobile-1{
  height: 100px;
  padding-left: 30px;
}

/*         -----------Diet page----------             */
#excangesTable td, #excangesTable th {
  font-size: 10px;
  height: 22px;
  padding: 0px 0px 0px 0px;
}

#vegetables, #fruits, #cereals_tubers_no_fat, #cereals_tubers_fat, #legumes,  #aoa_very_low_fat,  #aoa_low_fat,  #aoa_moderate_fat,  #aoa_high_fat,  #skim_milk,  #semi_skimmed_milk,  #whole_milk,  #milk_sugar, #breastmilk, #formula_milk,  #fat_oil_no_protein,  #fat_oil_with_protein,  #sugar_no_fat,  #sugar_with_fat, #energy_free_food, #alcoholic_beverages   {
  height: 22px;
  margin-bottom: 0px;
}

#portion_g_select{
    border: 0;
}

.exchangesRow:hover{
  background-color: #A9D2FD;
  cursor: pointer;
}

.exchangesRow:active{
  background-color: #A9D2FD;
  transform: translateY(1px);
}

#recipe_table tr.header, #recipe_table tr:hover {
  background-color: #f1f1f1;
}

#nutrientsTable td, #nutrientsTable th{
  text-align: center;
}

@media screen and (max-width: 640px) {
  #logo_navbar {
    border-radius: 5px 5px 5px 5px;
  }
}

@media screen and (min-width: 641px) and (max-width: 990px) {
  #logo_navbar {
    border-radius: 5px 5px 5px 5px;
  }
}

@media screen and (min-width: 991px) and (max-width: 1280px) {
  #logo_navbar {
    border-radius: 0px 0px 5px 0px;
  }
}

@media screen and (min-width: 1281px) {
  #logo_navbar {
    border-radius: 0px 0px 5px 0px;
  }
}
/*              --Diet Page--         */
#foodList tbody tr th {
  font-size: 13px;
}

#foodList tbody tr td {
  font-size: 13px;
}

.scheduleSelect{
  width:120px;
  border:none;
  font-family:inherit;
  font-size:inherit;
}

#menuTable {
  position: relative;
}

.buttons-container {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  padding: 10px;
  border-radius: 15px;
  background-color: #2196f3;
}

.buttons-container .btn-floating {
  margin-left: 5px;
}

/*              --Login page--         */
#login_box {
  border-radius: 15px;
}
#login_submit_btn {
  border-radius: 15px;
}

/*              --Triage page--       */
#get_triage_patients_list_btn, #triageSearchListBtn {
  border-radius: 10px;
}

/*               --Sweet Alert Framework --      */

.swal-button--confirm {
  background-color: #0288d1 !important;
}

/*              -- Medical_Records Page   --       */

#cie_10_List tr.header, #cie_10_List tr:hover {
  background-color: #f1f1f1;
}

#treatment_List tr.header, #treatment_List tr:hover {
  background-color: #f1f1f1;
}

@media print {
  #breakfast_0, #firstsnack_0, #lunch_0, #secondsnack_0, #dinner_0{
    border-top: 1px solid #cec6c6;
  }
}

#div_consultation_diagnosis_search {
  margin: 0;
}

#div_consultation_treatment_search {
  margin: 0;
}

#div_consultation_required_studies_search {
  margin: 0;
}

#div_consultation_prescriptions_search {
  margin: 0;
}

#div_indications_input {
  margin: 0;
}

#diagnosis_search_table td, #diagnosis_search_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
}

#treatment_search_table td, #treatment_search_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
}

#medical_tests_search_table td, #medical_tests_search_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
}

#prescriptions_search_table td, #prescriptions_search_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
  cursor: pointer;
}

#diagnosis_table td, #diagnosis_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
}

#treatment_table td, #treatment_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
}

#medical_tests_table td, #medical_tests_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
}

#prescriptions_table td, #prescriptions_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
}

#indications_table td, #indications_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
}

#progress_notes_table td, #progress_notes_table th {
  font-size: 15px;
  height: 35px;
  padding: 5px 5px 5px 5px;
}

/*               -- Dashboard Page --             */

.datepicker-date-display {
  background-color: #2196f3 ; /* Cambia el color de fondo del botón */
  color: #ffffff; /* Cambia el color del texto del botón */
}

/*               -- Materialize Elements --             */
input[type="checkbox"].filled-in:checked+span:not(.lever):after {
  background-color: #1565c0 !important;
  border-color: #1565c0 !important;
}

.dropdown-content {
  min-width: 300px; /* Ajusta el ancho según tus necesidades */
}

.dropdown-content li a {
  display: inline-flex;
  align-items: center;
}

.dropdown-content li a i.material-icons {
  margin-right: 5px;
}

#timer_modal {
  max-width: none; /* Elimina el ancho máximo predeterminado */
  height: 400px;
  width: 265px;
  border-radius: 15px;
}

#modal9 {
  width: 80%; /* Cambia el ancho del modal */
  max-height: 80%; /* Cambia la altura máxima del modal */
}

#modal1 {
  width: 80%; /* Cambia el ancho del modal */
  max-height: 80%; /* Cambia la altura máxima del modal */
}

#modal_clinical_notes {
  width: 70%; /* Cambia el ancho del modal */
  max-height: 80%; /* Cambia la altura máxima del modal */
}

.toast-small {
  height: 30px !important;
  line-height: 30px !important;
  padding: 0 15px !important;
}

.toast-mini {
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 12px !important;
  min-width: 100px !important;
}

.toast-small .preloader-wrapper,
.toast-mini .preloader-wrapper {
  vertical-align: middle;
}