.table-hover tbody tr:hover td {
  background: aqua;
}

.ui-datepicker {
  z-index: 1055 !important;
}

.oe_kanban_colorpicker a {
  display: block;
}

.oe_kanban_colorpicker a::after {
  border-radius: 0px;
  width: 20px;
  height: 20px;
  margin: 1px 4px;
  content: "";
  display: block;
}

.oe_kanban_colorpicker li {
  display: inline-block;
}

.oe_kanban_colorpicker a::after {
  border-radius: 0px;
  width: 20px;
  height: 20px;
  margin: 1px 4px;
}

.oe_kanban_colorpicker a.active::after {
  outline: 2px solid #000;

}

.oe_kanban_color_0::after {
  outline: 1px solid #CCC;
}

.odoo_color_1,
.oe_kanban_color_1::after {
  background-color: #F06050;
  color: #F06050;
  outline: 1px solid #F06050;
}

.odoo_color_2,
.oe_kanban_color_2::after {
  background-color: #F4A460;
  color: #F4A460;
  outline: 1px solid #F4A460;
}

.odoo_color_3,
.oe_kanban_color_3::after {
  background-color: #F7CD1F;
  color: #F7CD1F;
  outline: 1px solid #F7CD1F;
}

.odoo_color_4,
.oe_kanban_color_4::after {
  background-color: #6CC1ED;
  color: #6CC1ED;
  outline: 1px solid #6CC1ED;
}

.odoo_color_5,
.oe_kanban_color_5::after {
  background-color: #814968;
  color: #814968;
  outline: 1px solid #814968;
}

.odoo_color_6,
.oe_kanban_color_6::after {
  background-color: #EB7E7F;
  color: #EB7E7F;
  outline: 1px solid #EB7E7F;
}

.odoo_color_7,
.oe_kanban_color_7::after {
  background-color: #2C8397;
  color: #2C8397;
  outline: 1px solid #2C8397;
}

.odoo_color_8,
.oe_kanban_color_8::after {
  background-color: #475577;
  color: #475577;
  outline: 1px solid #475577;
}

.odoo_color_9,
.oe_kanban_color_9::after {
  background-color: #D6145F;
  color: #D6145F;
  outline: 1px solid #D6145F;
}

.odoo_color_10,
.oe_kanban_color_10::after {
  background-color: #30C381;
  color: #30C381;
  outline: 1px solid #30C381;
}

.odoo_color_11,
.oe_kanban_color_11::after {
  background-color: #9365B8;
  color: #9365B8;
  outline: 1px solid #9365B8;
}

.odoo_color_sin_fondo {
  background-color: inherit;
}

.odoo_color_sin_borde {
  outline: inherit;
}

.content-search {
  min-width: 250px;
  width: 100%;
}

.bootstrap-tagsinput input::placeholder {
  color: #c0ccda;
}

.bootstrap-tagsinput {
  border: none;
}

.hidden {
  display: none;
}

.select2-selection--multiple {
  overflow: hidden !important;
  height: auto !important;
}


/* Calendar */
.bg-ausencias-rechazados {
  color: var(--empresa-main-color);
  border-color: #FF0000 !important;
  background: linear-gradient(transparent 0 40%, var(--empresa-main-color-light) 40% 60%, transparent 60% 100%);
}

.bg-ausencias-por-aprobar {
  border-color: #FF9900 !important;
  color: var(--empresa-main-color);
  background: repeating-linear-gradient(45deg, var(--empresa-main-color-light), var(--empresa-main-color-light) 5px, rgba(238, 238, 238, 1) 10px, rgba(238, 238, 238, 1) 25px) !important;
}

.bg-ausencias-aprobados {
  color: var(--empresa-main-color);
  background-color: var(--empresa-main-color-light);
}

.bg-ausencias-festivos {
  background-color: #d9f1d7 !important;
  color: var(--empresa-main-color);
  border-color: #23F843 !important;
  opacity: 0.7 !important;
}

.tipos_ausencia_0 {
  color: var(--empresa-main-color);
  background-color: #F7EFC1;
}

.tipos_ausencia_1 {
  color: var(--empresa-main-color);
  background-color: #FCD1EC;
}

.tipos_ausencia_2 {
  color: var(--empresa-main-color);
  background-color: #C1F1F6;
}

.tipos_ausencia_3 {
  color: var(--empresa-main-color);
  background-color: #CCE1FF;
}

.tipos_ausencia_4 {
  color: var(--empresa-main-color);
  background-color: #D3F2A7;
}

.tipos_ausencia_5 {
  color: var(--empresa-main-color);

  background-color: #F8E6A0;
}



.contenido-dos-columnas {
  margin-left: 60px;
  position: relative;

}

/* Modal loading */


.loading {
  display: none;
  position: fixed;
  z-index: 10000;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Fin modal loading */
.section-to-print {
  visibility: hidden;
  display: none;
}

.media-folder .fa-regular {
  color: var(--empresa-main-color) !important;
  font-size: 26px;

}

.media-folder,
.search_folder {
  cursor: pointer;
}

@media print {
  body {
    visibility: hidden;
  }

  .section-to-print {
    visibility: visible;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
}

.nav.nav-aside .nav-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav.nav-aside .nav-item span {
  cursor: pointer;
}

#modalNotificaciones tr.bold td {
  font-weight: bold;

}

/* full screen loader */

/** SPINNER CREATION **/

.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  z-index: 9999;
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}


/** MODAL STYLING **/

.modal-content {
  border-radius: 0px;
  box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.7);
}

.modal-backdrop.show {
  opacity: 0.75;
}

.loader-txt {
  p {
    font-size: 13px;
    color: #666;

    small {
      font-size: 11.5px;
      color: #999;
    }
  }
}

#output {
  padding: 25px 15px;
  background: #222;
  border: 1px solid #222;
  max-width: 350px;
  margin: 35px auto;
  font-family: 'Roboto', sans-serif !important;

  p.subtle {
    color: #555;
    font-style: italic;
    font-family: 'Roboto', sans-serif !important;
  }

  h4 {
    font-weight: 300 !important;
    font-size: 1.1em;
    font-family: 'Roboto', sans-serif !important;
  }

  p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 0.9em;

    b {
      text-transform: uppercase;
      text-decoration: underline;
    }
  }
}


/* calendar */
.hide_time .fc-event-time {
  display: none;
}

.fc-view-harness {
  min-height: 450px;
}

.fc-scrollgrid {
  min-width: 450px;
}

.contact-content {
  min-width: 450px;
}