body {
}


.logo { background-image: url('../img/tecnolex_1.png'); background-repeat: no-repeat; background-size:contain; width: 283px; height: 54px; }

.ha35-content, .ha35-modal-content {  background-color: #fff; min-height: 100px;  border: 0px solid #515b6c; }
/*.ha35-header, .ha35-modal-header { background-color: #333a44 ; border-bottom: 1px solid #515b6c; color: #fff; }*/
.ha35-header, .ha35-modal-header { background-color: #fff ; color: #4c5f71; }


.ha35-font-14 { font-size: 14px;}
.ha35-font-80p { font-size: 80%;}
.ha35-font {font-family: Verdana; }
.ha35-font-8pt { font-size: 8pt;}

.drag {
    padding: 1px;
    margin: 5px;
    text-align: justify;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: #65b188;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

div#drag:hover { cursor: move;}


 .ui-droppable-hover {
     background-color: lightyellow;
     /*opacity: .25;*/
 }


 /*#region vista calendario botones agregar*/
#divLunes .agregar  {
    background-color: transparent;
    opacity: 0;
    transition: 0.8s;
}

 #divLunes:hover .agregar  {
     opacity: 1;
 }

 #divMartes .agregar  {
    background-color: transparent;
    opacity: 0;
    transition: 0.8s;
}

 #divMartes:hover .agregar  {
     opacity: 1;
 }

 #divMiercoles .agregar  {
    background-color: transparent;
    opacity: 0;
    transition: 0.8s;
}

 #divMiercoles:hover .agregar  {
     opacity: 1;
 }

 #divJueves .agregar  {
    background-color: transparent;
    opacity: 0;
    transition: 0.8s;
}

 #divJueves:hover .agregar  {
     opacity: 1;
 }

 #divViernes .agregar  {
    background-color: transparent;
    opacity: 0;
    transition: 0.8s;
}

 #divViernes:hover .agregar  {
     opacity: 1;
 }

  #divSabado .agregar  {
    background-color: transparent;
    opacity: 0;
    transition: 0.8s;
}

 #divSabado:hover .agregar  {
     opacity: 1;
 }

  #divDomingo .agregar  {
    background-color: transparent;
    opacity: 0;
    transition: 0.8s;
}

 #divDomingo:hover .agregar  {
     opacity: 1;
 }

 /*#endregion*/

.drag .dropdown-toggle::after {
    display:none;
}


.paginadorSemana .btn {
    /*background-color: transparent;*/
    
}

#tblHoras .btn {
    background-color: transparent;
    /*border-color: #212529;*/ 
}

#tblHorasPendientes .btn {
    background-color: transparent;
    /*border-color: #212529;*/ 
}

#tblHorasIncompletas .btn {
    background-color: transparent;
    /*border-color: #212529;*/ 
}

#hoy {
    
}

@media (min-width: 1250px) {
    .container {
        max-width: 1250px;
    }

    .horas {
        color: #7b848d;
    }
}

/*#region tablas*/

.headerTabla {
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd !important;
    /*display: table-cell;*/
    background-color: #f7f7f7;
    color: #4c5f71;
}

.headerTablaUltimaCelda {
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd !important;
    background-color: #f7f7f7;
    color: #4c5f71;
}

.bodyTabla {
            border-left: 1px solid #cdcdcd;
            border-bottom: 1px solid #cdcdcd;
            /*background-color: #fff;*/
            
            /*width: 18%;*/
            
}

.clickeable {
    cursor: pointer;
}

  .bodyTablaUltimaCelda {
            border-right: 1px solid #cdcdcd;
            border-bottom: 1px solid #cdcdcd;
            background-color: #fff;
            /*width: 18%;*/
            
}

  .headerTablaUltimaCeldaListado {
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd !important;
    border-left: 1px solid #cdcdcd;
    background-color: #f7f7f7;
    color: #4c5f71;
}

  /*#endregion */



/*#region vista calendario*/

    .vista-calendario-header-div {
        display: inline-block; vertical-align: baseline;
    }

    .vista-calendario-header-div-label {
        font-weight: 400; white-space: nowrap;line-height: 1em; font-size: 13px;
    }

    .vista-calendario-header-div-span {
        white-space: nowrap;font-size: 14px; line-height: 1em;font-weight: 500;
    }
    
    .vista-calendario-header-botones {
        display: inline-block; vertical-align: baseline;float: left;
    }
    
    .vista-calendario-header-botones-border {
        border-color: #ccc;
    }

    .vista-calendario-header-botones-estilo {
        background-color: transparent;
        color: #4c5f71;
    }

    .vista-calendario-header-calendario {
        cursor: pointer;
    }

/*#endregion */


div.diaActualBody {
    background-color: #fffdf2 !important;
}

div.diaActual {
    background-color: #fef8cf !important;
}

.ui-draggable {

    z-index: 1000;

}


.ha35-h0 {
    display: none;
}


/*#region tooltip*/
.tooltip-inner {
  max-width: 235px;
  padding: 0 15px;
  color: #fff;
  text-align: justify;
  /*background-color: #000;
  border-radius: 0.25rem;*/
}

.ha35-tooltip-superior {
    background-color: #657090; color: #d5d7dd;border-radius: 0.25rem 0.25rem 0 0;
}

.ha35-tooltip-titulo {
    color:#c3c4c8; font-weight: 400; font-size: 13px;
}

.ha35-tooltip-inferior {
    background-color: #e4e4e4; color: #b8bbbd;border-radius: 0 0 0.25rem 0.25rem;
}

.ha35-tooltip-hora {
    color:#c3c4c8; font-weight: 600; font-size: 13px;
}

.ha35-tooltip-descripcion {
    color:#989fa5; font-weight: 400; font-size: 13px;
}

.ha35-tooltip-familia {
    color:#efefef; font-weight: 400; font-size: 13px;
}

.ha35-tooltip-cliente {
    color:#efefef; font-weight: 600; font-size: 13px;
}

.ha35-tooltip-materia {
    color:#c3c4c8; font-weight: 500; font-size: 13px;
}

.tooltip.show {
  opacity: 1;
}
/*#endregion*/


.ui-datepicker-calendar tbody tr:hover > td a{
    background-color: #b3d4fc;
}

.ui-state-highlight {
    background: #4379ef !important;
    color: #454545 !important;
    border: 1px solid #c5c5c5 !important;
}

tr.ui-state-highlight td a{
    background: #4379ef !important;
    color: #454545 !important;
    border: 1px solid #c5c5c5 !important;
}

.cargando {
    /* Fallback for web browsers that doesn't support RGBa */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
/* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.8);
/* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
/* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
#cargando {
    /*background: rgb(0, 0, 0);
    
    background: rgba(0, 0, 0, 0.6);*/
    position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #555;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#tblHoras .verde { background-color: #C5E1A5; }
#tblHoras .gris { background-color: #E0E0E0; }
#tblHoras .naranja { background-color: #FFCC80; }

.leyenda { border: 1px solid #B3B3B3; font-family: Verdana; font-size: 8pt; color: #404040; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 4px; margin: 0 auto 0 auto; }
.leyenda ul { padding: 0; margin: 0; }
.leyenda ul li { list-style:none; vertical-align: middle; }
.leyenda span { list-style:none; vertical-align: middle; min-height: 20px; vertical-align: middle; margin: 1px 2px; }
.leyenda legend { font-weight: bold; margin: 0 5px; }
.leyenda .bajo { color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #f44336; width:20px; height:20px; display:inline-block; }
.leyenda .medio { color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #ffb74d; width:20px; height:20px; display:inline-block; }
.leyenda .alto { color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #81c784; width:20px; height:20px; display:inline-block; }
.leyenda .verde { border: 1px solid #808080; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #C5E1A5; width:30px; height:30px; display:inline-block; }
.leyenda .gris { border: 1px solid #808080; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #E0E0E0; width:30px; height:30px; display:inline-block; }
.leyenda .naranja { border:1px solid #808080; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #FFCC80; width:30px; height:30px; display:inline-block; }
.leyenda legend { font-weight: bold; margin: 0 5px;font-size: 8pt !important;width: 3% !important; }

.ha35-fullHeight {
    min-height: 74vh !important;
}

.block-with-text {
  overflow: hidden;
  position: relative; 
  line-height: 1.2em;
  text-align: justify;  
}
.block-with-text:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
}
.block-with-text:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: transparent;
}

.ha35_100px_menos {
    left: -100px !important;
}

.semanaToggle {
 background:buttonface;
 border:1px solid #cdcdcd;
 white-space:nowrap;
    border-radius: 4px;
 /*border-top-left-radius:4px;
 border-top-right-radius:4px;*/
 /*border-bottom:none;*/
 /*-webkit-transform:rotate(90deg) translateY(-100%);
 transform:rotate(90deg) translateY(-100%);
 -webkit-transform-origin:0 0;
 transform-origin:0 0;*/
 height:30px;
 line-height:30px;
 width:120px;
 text-align:center;
 display:block;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
    margin-bottom: 0;

 cursor:pointer;
 /*position:absolute;*/
 /*top:0;
 right:-170px;*/
 font-weight:400
}


.flex-child {
    display: flexbox;
}

.textoLargo {
  
  min-width: 0;
  /* or some value */
}

@media (max-width: 1750px) {                  
   .w14 {
       font-size: 14px;
   }
}

@media (max-width: 1700px) {                  
   .w12 {
       font-size: 12px;
   }
}

@media (max-width: 1650px) {                  
   .w10 {
       font-size: 10px;
   }
}

#duo_iframe {
    width: 100%;
    min-width: 304px;
    max-width: 620px;
    height: 330px;
    border: none;
  }
.linea-oculta{
	display: none;
}