.nav-link{
    color:#ffd29f;
}
.nav-link:hover{
    color:#FFF;
}
.bg-agr{
    background-color: #505050 !important;
}
.bg-agr-light{
    background-color:rgb(255, 200, 128);

}
.icon24{
    max-height:24px;
}
.icon18{
    max-height: 18px;;
}
.card400{
    width:400px;
    min-height: 200px;
    margin:10px;
}
.card300{
    width:300px;
    min-height: 200px;
    margin:10px;
}
.card350{
    width:350px;
    min-height: 200px;
    margin:10px;
}
.card180{
    width:180px;
    min-height: 80px;
    margin:10px;
}
.card200{
    width:200px;
    min-height: 100px;
    margin:10px;
}
.card150{
    width:150px;
    min-height: 100px;
    margin:10px;
}
.card600{
    width:600px;
    min-height: 200px;
    margin:10px;
}
.card800{
    width:800px;
    min-height: 200px;
    margin:10px;
}
.texto-08{
    font-size:0.8em;
}
.texto-07{
    font-size: 0.7em;
}
.texto-gray{
    color: #8a8989;
}
.border-agr-dark{
    border:1px solid #505050;
}
.border-agr-light{
    border:1px solid orange!important;
}
.h-agr-light{
    background-color:#ffd29f!important;
    color: #505050;
}
.h-agr-dark{
    background-color:#505050!important;
    color: #ffd29f;
}
/*****************turnero******************/
td.celda:hover{
    border :1px solid rgb(83, 54, 0);
    background-color: rgb(248, 247, 170);
    cursor: pointer;
}
.celda-header{
    min-width:80px!important;
    padding-bottom: 2px;
    padding-top: 2px;
}
.celda-fecha{
    min-width:400px;
    background-color: #fab566;
}
.txt-cell-0{
    font-size: 0.6em;
}
.txt-cell-1{
    font-size: 0.8em;
}
.txt-cell-2{
    font-size:1em;
}
.txt-cell-3{
    font-size:1.2em;
}
.txt-cell-4{
    font-size:1.4em;
}

.txt-cell08{
    font-size:0.8em;
}
.txt-cell07{
    font-size:0.7em;
}
.txt-cell06{
    font-size:0.6em;
}
/*tablas**/
.auto-table {
  border-collapse: collapse;
  width: auto; /* la tabla solo ocupa lo necesario */
  table-layout: auto; /* importante para que se ajuste */
}
.auto-table td:first-child{
    position:sticky;
    left:0;
    background-color: #FFF;
    z-index:1;
}

.auto-table th{
  border: 1px solid #AAA;
  padding-left: 4px;
  padding-right: 4px;
  padding-top:2px;
  padding-bottom: 2px;
  white-space: nowrap; /* evita que haga saltos de línea */
  min-width:80px!important;
  position:sticky;
  z-index: 2;
}
.auto-table td {
  border: 1px solid #AAA;
  padding-left: 4px;
  padding-right: 4px;
  padding-top:2px;
  padding-bottom: 2px;
  white-space: nowrap; /* evita que haga saltos de línea */
  min-width:80px!important;
}
.auto-table2{
    border-collapse: collapse;
    width: auto; /* la tabla solo ocupa lo necesario */
  table-layout: auto; /* importante para que se ajuste */
}

.auto-table2 thead th:first-child{
    border: 2px solid #AAA;
  padding-left: 4px;
  padding-right: 4px;
  padding-top:2px;
  padding-bottom: 2px;
  white-space: nowrap; /* evita que haga saltos de línea */
  min-width:80px!important;
  position:sticky;
  top:0;
  z-index: 2;
}
.w-100p{
    min-width:100px;
}

.bd-e{
    border-left:2px solid #999;
}
.bd-t{
    border-top:2px solid #999;
}

.clickable{
    cursor:pointer;
}
.tm{
    border:#505050;
    
    padding:2px;
    padding-left:6px;
    padding-right: 6px;
    font-size: 0.8em;
    background-color: orange!important;

}
.tool_paint{
    cursor:url("/static/images/paint_agr.svg")!important auto;

}
.tool_erase{
    cursor:url("/static/images/del_agenda_agr.svg")
}
/***DATATABLES*************************************/
table.dataTable tbody th,
table.dataTable tbody td {
    padding: 0.3rem 0.5rem; /* ajusta a gusto */
    font-size: 0.85rem;     /* opcional: texto más pequeño */
}

/**************************************/
.escena {
      perspective: 800px; /* Controla la profundidad de la perspectiva */
    }

.cubo {
    width: 300px;
    height: 300px;
    transform-style: preserve-3d;
    animation: girar 5s linear infinite;
}

.cubo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    backface-visibility: hidden; /* Oculta la parte trasera */
}

@keyframes girar {
    from { transform: rotateY(0deg); }
    to   { transform: rotateY(360deg); }
}



/***********************************/
@media (max-width: 480px) {
  .lbl_menu {
    display: none;
  }
}

/**colores bokeh***/ 
.bgp0{
    background-color:#fbb4ae;
}
.bgp1{
    background-color:#b3cde3;
}
.bgp2{
    background-color:#ccebc5;
}
.bgp3{
    background-color:#decbe4;
}
.bgp4{
    background-color:#fed9a6;
}
.bgp5{
    background-color:#ffffcc;
}
.bgp6{
    background-color:#e5d8bd;
}
.bgp7{
    background-color:#fddaec;
}
.profile_initials{
    color:#FFF;
    border:3px solid #ff8018;
    border-radius:15px 15px 15px 15px;
    font-size: 12px;
    font-weight: bold;
    width:30px;
    padding:3px;
    height:30px;
    vertical-align: middle;
    text-align: center;
    background-color:#555;
}
.th_sort{
    cursor:n-resize;
}

.search-table-col{
    background-color:#FFFFFF8F;
    border:1px solid #666;
}
.btn-trans{
    opacity:.5;
}
.btn-trans:hover{
    opacity: 1;
}
#menu {
    width: 250px;
  }

  @media (max-width: 991.98px) { /* Bootstrap 'lg' breakpoint */
    #menu {
      width: 50px;
      max-width: 50px!important;
    }
  }