@font-face {
    font-family: "gandhi sans";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/gandhi-sans.ttf), url(../fonts/gandhi-serif.eot);
  }
  @font-face {
    font-family: "gandhi sans";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/gandhi-bold-sans.ttf), url(../fonts/gandhi-bold-sans.eot);
  }
  @font-face {
    font-family: "gandhi serif";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/gandhi-serif.ttf), url(../fonts/gandhi-serif.eot);
  }
  @font-face {
    font-family: "gandhi serif";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/gandhi-bold-serif.ttf), url(../fonts/gandhi-bold-serif.eot);
  }
html {font-size: 1.0em;}
body, h1, h2, h3, h4, h5, h6 {font-family: 'gandhi serif', georgia !important; color: #1e2c53 !important;}

input, button{border-radius: 4px !important;}
img.is-64x64 {
    height: 64px;
    width: 64px;
}
img.is-rounded {
    border-radius: 290486px;
}
img.category {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    margin: 0;
    text-align: center !important;
}

#irarriba {
    background: none repeat scroll 0 0 #FFFFFF;
    /*border-radius: 0 7px 0 9px;*/
    border-radius: 60%;
    bottom: 50px;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.5);
    height: 35px;
    opacity: 0.0;
    overflow: hidden;
    padding: 3px;
    position: fixed;
    right: 20px;
    width: 40px;
    z-index: 3000;
}

.bd {background: url("../images/app/fondo.jpg") fixed center center / cover rgba(0, 0, 0, 0);}
.bdg {background: linear-gradient(90deg,#d7d5dd,#eee 30%,#eee 70%,#d7d5dd);}
.card {border-radius: 6px}
.errorlist {color: hsl(348, 100%, 61%)}
.invacio {color: hsl(348, 100%, 61%)}
.list_img {max-width: 10%;}
.is-opaco {opacity: 0.9;}
.no-border {border:0px solid #dbdbdb !important;}
.is-rounded-4px {border-radius: 4px !important;}
.is-rounded-6px {border-radius: 6px !important;}

.box:not(:last-child){ margin-bottom: 1.5rem; }
.box {
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
    color: #1e2c53;
    /*color: #4a4a4a;*/
    /*display: flex;*/
    padding: 1.25rem;
    /*opacity: 0.9;*/
  }
  .box.opaco1 {opacity: 1;}

a.box:hover, a.box:focus {
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
  }
  
  a.box:active {
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
  }

.img-recommend {
    max-width: 30%;
    height: auto;
    margin-right: 0.4em;
    margin-bottom: 2em;
}

.title,
.subtitle {
  word-break: break-word;
}

.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}

.title sub,
.subtitle sub {
  font-size: 0.75em;
}

.title sup,
.subtitle sup {
  font-size: 0.75em;
}

.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: #363636;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}

.title strong {
  color: inherit;
  font-weight: inherit;
}

.title + .highlight {
  margin-top: -0.75rem;
}

.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}

.title.is-1 {
  font-size: 3rem;
}

.title.is-2 {
  font-size: 2.5rem;
}

.title.is-3 {
  font-size: 2rem;
}

.title.is-4 {
  font-size: 1.5rem;
}

.title.is-5 {
  font-size: 1.25rem;
}

.title.is-6 {
  font-size: 1rem;
}

.title.is-7 {
  font-size: 0.75rem;
}

.subtitle {
  color: #4a4a4a;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}

.subtitle strong {
  color: #363636;
  font-weight: 600;
}

.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}

.subtitle.is-1 {
  font-size: 3rem;
}

.subtitle.is-2 {
  font-size: 2.5rem;
}

.subtitle.is-3 {
  font-size: 2rem;
}

.subtitle.is-4 {
  font-size: 1.5rem;
}

.subtitle.is-5 {
  font-size: 1.25rem;
}

.subtitle.is-6 {
  font-size: 1rem;
}

.subtitle.is-7 {
  font-size: 0.75rem;
}

ul.nested li { 
    padding-left: 0.3em;
    border-left: 1px solid #aaaaaa55;
    list-style: none !important;
}

.menu a {
    line-height: 1;
    text-decoration: none;
    display: block;
    padding: .3rem 1rem;
}

.renglon5{
    margin-top: 5em;
}

.radius {border-radius: 2px;}

#dropzone {
    padding: 20px;
    background: #eee;
    min-height: 200px;
    margin-bottom: 20px;
    z-index: 0;
    /*border-radius: 10px;*/
  }
.paraborrar{
    color: #9a0606;
    margin-left: 1em;

  }

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

.font-1-4em {font-size: 1.4em;}
.font-1-3em {font-size: 1.3em;}

.unitem {margin-left: 1em; cursor: grab;}

th {text-align: center !important; border-right:1px solid #dbdbdb !important;}

input.fxbx{margin: 0 0 0rem !important;}

.muestra { margin-left: 1em; }
.codigocalc {font-size: 1em; font-stretch: semi-expanded; color: hsl(348, 100%, 61%); text-decoration: underline !important;}
.marcacalc {text-decoration: underline !important;}
/* .reveal {border-radius: 8px; background-color: #b9bdd0;} */
.reveal {border-radius: 8px; }

/*para flatpickr*/
input:disabled, input[readonly] {background-color: #e6e6e6; cursor: pointer;}
.es00 {font-size: 1.08em; font-stretch: semi-expanded; color: hsl(111, 91%, 5%);}
.es01 {font-size: 1.08em; font-stretch: semi-expanded; color: hsl(111, 91%, 5%);}
.es02,.es22 {padding-left: 1.08em; font-size: 1.08em; font-stretch: semi-expanded; color: hsl(111, 91%, 5%);}
.es04 {font-size: 1.08em; font-stretch: semi-expanded; color: hsl(111, 91%, 5%);}

/**/
.usadoincodigo {text-decoration: underline;}

a.negritas {color:rgb(7, 7, 7);}
a.negritas a:hover {color: #0079a0;}
a.negritas.grandes {font-size: 1.2em;}

ul.nested1em li {
    padding-left: 1em;
    border-left: 1px solid #aaaaaa55;
    list-style: none !important;
  }

.split {
    display: flex;
    flex-direction: row;
}

.gutter {
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter.gutter-horizontal {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
    cursor: col-resize;
}

.split {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.split {
    overflow-y: auto;
    overflow-x: hidden;
}


/* report.css */

.numerito {margin-left: 2em; color: rgb(0, 0, 0);  text-align: end !important;}
.columna {margin-left: 2em; text-align: center !important;}
tfoot td, tfoot th, thead td, thead th {
    padding: .5rem .625rem .625rem;
    font-weight: 700;
    text-align: end;
  }

a.mes {color:#ec661f;}
a.mes a:hover {color: #0079a0;}
a.mes.grandes {font-size: 1em;} 
a.false {color: rgb(235, 15, 15);}
a.false a:hover {color: #df5718;}

.mes {color: #ec661f; text-align: right !important;}
.novisible {visibility: hidden;}
.visible {visibility: visible;}

.camb {color: #1779ba;}
.camb:hover {color: #df5718;}
td.highlight {background-color: whitesmoke !important;}

.dtrg-level-0{text-align: left !important; text-decoration: underline; font-size: 1.2em; font-stretch: semi-expanded;}

table.dataTable tr.dtrg-group.dtrg-level-0 th {
    font-weight: bold;
    text-align: left !important;
    text-decoration: underline; 
    font-size: 1.2em; 
    font-stretch: semi-expanded;
  }

.sunday, .saturday {color:rgb(240, 9, 9); font-size:1.1em;}
tr.calculados{color:#1779ba; font-size:1.1em;} 
.titulo{color:#ad1717; font-size:1.1em;} 

.estemplatename{font-size: 1.5rem;line-height: 1.4;color:#ad1717;}
.esinfoname{font-size: 1.1rem;line-height: 1.4; /*color:#17ad30;*/}
.esinocalc{color: rgb(0, 0, 0);}
.estotal{font-weight: bolder;font-size: 1.1em;}

@media screen and (max-width: 39.9375em) {.no-js .top-bar {display: none;  }}
@media print, screen and (min-width: 40em) {.no-js .title-bar {display: none;  }}

[data-sticky]{width: 100%;}
.sticky-container{z-index: 5;}
.title-bar.azul {background: #1e2c53 !important;}

.top-bar.blanco, .top-bar.blanco ul { background-color: #ffffff;}

table.fija {
    width: 100%;
    border-collapse: collapse;
    overflow-y: auto; /* Permite el desplazamiento vertical */
    max-height: 500px; /* Altura máxima para el desplazamiento */
    display: block; /* Necesario para el desplazamiento */
}

thead.fija {
    position: sticky;
    top: 0;
    background-color: #f1f1f1; /* Color de fondo del encabezado */
    z-index: 10; /* Asegura que el encabezado esté por encima del contenido */
}