/**
* CUSTOM CSS COLORS
*/

.menu .app-brand.demo {
  padding-left: 1.7rem;
}

.app-brand-text.demo {
  font-size: 1.1rem;
  letter-spacing: -0.5px;
  text-transform: UPPERCASE;
}

.btn-primary, .bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  color: #fff;
  background-color: #9a8644;
  border-color: #9a8644;
  box-shadow: 0 0.125rem 0.25rem 0 rgb(77 70 47);
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link:hover {
  background-color: #9a8644 !important;
}

.btn-primary:hover,.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle, .btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #9a8644;
  border-color: #9a8644;
  box-shadow: 0 0.125rem 0.25rem 0 rgb(77 70 47);
}

.btn-label-primary {
  color: #9a8644;
  border-color: transparent;
  background: #e7e7e7;
  box-shadow: 0 0.125rem 0.25rem 0 rgb(177 177 177);
}

.btn-label-primary:hover, .btn-label-primary:active, .btn-label-primary:focus {
  color: #9a8644;
  border-color: transparent;
  background: #e7e7e7;
}

a {
  color: #8777b1;
}

a:hover {
  color: #8d74cf;
}

/**
* END OF CUSTOM CSS COLORS
*/

div.dt-button-collection {
  padding: 0;
}

.dropdown-menu {
  margin: 0;
}

.layout-navbar-fixed
  body:not(.modal-open)
  .layout-content-navbar
  .layout-navbar,
.layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-navbar,
.layout-menu-fixed-offcanvas
  body:not(.modal-open)
  .layout-content-navbar
  .layout-navbar {
  z-index: 10;
}

@media (min-width: 1200px) {
  .layout-navbar-fixed
    body:not(.modal-open)
    .layout-content-navbar
    .layout-menu,
  .layout-menu-fixed body:not(.modal-open) .layout-content-navbar .layout-menu,
  .layout-menu-fixed-offcanvas
    body:not(.modal-open)
    .layout-content-navbar
    .layout-menu {
    z-index: 10;
  }
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  box-shadow: 0 0.125rem 0.25rem 0 rgb(133 146 163 / 40%);
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  content: "✓";
  color: #645420;
  font-size: 20px;
  margin-top: -19px;
  margin-left: -6px;
  text-align: center;
  text-shadow: 1px 1px #cdc3a1, -1px -1px #cdc3a1, 1px -1px #cdc3a1, -1px 1px #cdc3a1;
}

table.dataTable tbody tr.selected,
table.dataTable tbody th.selected,
table.dataTable tbody td.selected {
  color: #989898;
}

table.dataTable tbody tr.selected a,
table.dataTable tbody th.selected a,
table.dataTable tbody td.selected a {
  color: #b5b7ff;
}

table.dataTable tbody > tr.selected,
table.dataTable tbody > tr > .selected {
  background-color: #eeeeee;
}

table.dataTable.table-striped > tbody > tr.odd.selected {
  --bs-table-striped-bg: #eeeeee;
}


.calendar table.month td.disabled, .calendar table.month td.disabled:hover {
  color: inherit;
  box-shadow: #e5e5ff 0px -30px 0px 0px inset
}


.direct-links a {
  color: #566a7f;
}

.direct-links a:hover {
  color: #8d74cf;
}

a .bx-edit, a .bx-trash-alt, a .bx-edit-alt {
  color: #697a8d;
}

.editar, .eliminar {
  cursor: pointer;
}

.swal2-title {
  font-size: 25px !important;
}

.btn-check:checked + .btn-outline-primary.radio-dia, .btn-outline-primary.radio-dia:hover {
  background-color: #e5e5ff;
  color: #697b8d;
  border-color: #bcbce2;
}

.btn-outline-primary.radio-dia {
  color: #bcbce2;
  border-color: #bcbce2;
}

.btn-check:checked + .btn-outline-warning.radio-dia, .btn-outline-warning.radio-dia:hover {
  background-color: #f4d28e;
  color: #697b8d;
  border-color: #f4d28e;
}


/* ===== FRANJA HORARIA ===== */

#time-range p {
  font-family:"Arial", sans-serif;
  font-size:14px;
  color:#333;
}
.ui-slider-horizontal {
  height: 8px;
  background: #D7D7D7;
  border: 1px solid #BABABA;
  box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
  clear: both;
  margin: 8px 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
  top: -1px;
  height: 100%;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  height: 8px;
  font-size: .7em;
  display: block;
  border: 1px solid #5BA8E1;
  box-shadow: 0 1px 0 #AAD6F6 inset;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  background: #81B8F3;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
  background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
  background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
  border-radius: 50%;
  background: #F9FBFA;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
  background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
  background-image: linear-gradient(top, #C7CED6, #F9FBFA);
  width: 22px;
  height: 22px;
  -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
  -webkit-transition: box-shadow .3s;
  -moz-transition: box-shadow .3s;
  -o-transition: box-shadow .3s;
  transition: box-shadow .3s;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 22px;
  height: 22px;
  cursor: default;
  border: none;
  cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
  content:"";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -4px;
  background: #30A2D2;
  -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
  -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
  box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -.5em;
  margin-left: -.6em;
}
.ui-slider a:focus {
  outline:none;
}

#slider-range {
width: 90%;
margin: 0 auto;
}
#time-range {
width: 400px;
}


.layout-navbar {
  height: 5rem !important;
}



@media (max-width: 1200px) {
  .margin-top-mv {
      margin-top: 3rem;
  } 
}


.alert-primary {
  background-color: #90ffbb;
  border-color: #04381d;
  color: #004919;
}

.swal2-styled.swal2-confirm { 
  background-color: #9a8644 !important;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgb(229 229 229) !important;
}


div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
  font-size: 0.9rem;
}

.form-control-sm {
  font-size: 1rem;
}

.authentication-wrapper {
   min-height: 90vh !important;
}

.btn-outline-primary:hover {
  color: #9a8644;
  background-color: inherit;
  border-color: #9a8644;
  box-shadow: 0 0.125rem 0.25rem 0 rgb(154 134 68 / 42%);
  transform: translateY(-1px);
}

.no-actiu {
  background-color: #fff4f1;
}

th.no-sort {
  cursor: default;
  pointer-events: none;
}

th.no-sort input {
  cursor: text;
  pointer-events: auto;
}


@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
      max-width: 1650px;
  }
}

.bg-label-sumar {
  background-color: #f0f0f0 !important;
}

.paddspecial {
  padding: 30px 25px;
}

.ui-state-disabled.ui-slider-disabled {
  filter: contrast(0.5);
}

.fons-success {
  background-color: #f5fff0 !important;
}

.fons-warning {
  background-color: #fff8ea !important;
}

.fons-danger {
  background-color: #fff0f2 !important;
}

.fons-danger-mod {
  background-color: #ffe0db !important;
}