.nav-link{
    color :#82c1fc !important;
}

.nav-link.active,.nav-user-img{
    color :#3685cd !important;
}

.row{margin-bottom:10px;}

label{justify-content: flex-start !important;}

.contenedor-clave .btn,.card-header .btn{
    padding:6px 16px;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem) !important;
}

[class^='ubicacion-']{
    display:flex;
    justify-content: baseline;
    align-items: center;
    gap:10px;
    margin-bottom:10px;
}

.card-header i{
    margin-right:10px !important;
}

.slimScrollBar{
    display: none !important;
}

table{
    width: 100%;
}


#navbarNavMini .nav-link.active{
    background-color: #e2e2eb;
    /* color: #3d405c; */
    border-radius: 2px;
    padding-left: 5px;
}

#navbarNavMini:not(.show){
    display: none !important;
}

/*@media only screen and (max-device-width:662px) {


    [class^='ubicacion-']{
        flex-wrap: wrap;
    }
    .nav-left-sidebar{
        display: none !important;
    }
    .dashboard-wrapper{
        margin-left: 0px;
    }
    .card-header{
        display: block;
        text-align: center;
    }

    .card-header .btn{
        width: auto !important;
        max-width: 100% !important;
        float:none !important;
    }

    a{
        float:none !important;
    }

    .form-group,.form-inline{
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom:0px;
        display: block;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .form-inline input,.form-group input{
        width:100%;
        max-width:100%;
        display: block;
    }
    .form-control{
        width: 100% !important;
        margin-left: 0px !important;
        margin-bottom: 5px;
    }

    .form-inline label,.form-group label{
        padding-left: 0px !important;
    }
    select{
        font-size: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .navbar-expand-lg img{
        width: 50% !important;
    }

    .dashboard-content{
        padding: 10px 10px;
    }

    table{
        margin-top:20px;
    }
  
    input[type='checkbox']{
        margin-left: auto;
    }

    .dashboard-main-wrapper{
        overflow-y: auto;
        max-height: 100%;
    }

    .table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .btn-acciones{
        text-align: center !important;
    }

    .card-footer{
        text-align: center;
    }

    .columna{
        flex: 0 0 100%;
        max-width: 100%;
    }

    label{
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0px !important;
    }

    .switch-button label{
        width:20px !important;
    }

    .eliminar-ubicacion{
        display: block;
        width: 100%;
        text-align: center;
    }

    .navbar-toggler-icon{
        display: block !important;
    }
    
    .card-inicio{
        height: 100% !important;
        padding: 150px 0px;
    }
    
}*/


.btn{
    width: auto !important;
    max-width: 100% !important;
}

/*@media only screen and (max-device-width:1024px) {

    


    [class^='ubicacion-']{
        flex-wrap: wrap;
    }
    .nav-left-sidebar{
        display: none !important;
    }
    .dashboard-wrapper{
        margin-left: 0px;
    }
    .card-header{
        display: block;
        text-align: center;
    }

    .card-header .btn{
        width: auto !important;
        max-width: 100% !important;
        float:none !important;
    }

    a{
        float:none !important;
    }

    .form-group,.form-inline{
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom:0px;
        display: block;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .form-inline input,.form-group input{
        width:100%;
        max-width:100%;
        display: block;
    }
    .form-control{
        width: 100% !important;
        margin-left: 0px !important;
        margin-bottom: 5px;
    }

    .form-inline label,.form-group label{
        padding-left: 0px !important;
    }
    select{
        font-size: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 50px;
    }

    .navbar-expand-lg img{
        width:40% !important;
    }

    .dashboard-content{
        padding: 10px 10px;
    }

    table{
        margin-top:20px;
    }
  
    input[type='checkbox']{
        margin-left: auto;
    }

    .dashboard-main-wrapper{
        overflow-y: auto;
        max-height: 100%;
        top:50px !important;
    }

    .table {
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .btn-acciones{
        text-align: center !important;
    }

    .card-footer{
        text-align: center;
    }

    .columna{
        flex: 0 0 100%;
        max-width: 100%;
    }

    label{
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0px !important;
    }

    .switch-button label{
        width:20px !important;
    }

    .eliminar-ubicacion{
        display: block;
        width: 100%;
        text-align: center;
    }

    .navbar-toggler-icon{
        display: block !important;
    }


 
}*/


@media (max-width: 661px) {

    .dashboard-content{
        padding:0px !important;
        max-height: 75vh !important;
        margin-top:80px;
    }

    .card-body{
        padding-left:10px;
        padding-right:10px;
    }

    .navbar-expand-lg{
        top:60px;
    }

    .dashboard-main-wrapper{
        padding: 0px;
    }

    body,html{
        padding: 0px !important;
    }
}




@media (max-width: 1192px) {
    
    .d-flex{
        flex-wrap:wrap !important;
    }
}

@media (max-width: 992px) {
  
    .sidebar-light{
        display: none !important;
    }

    .dashboard-wrapper{
        margin-left:0px;
    }

    .form-inline .form-control{
        width: 100%  !important;
    }
    .producto-select{
        width:60% !important;
    }

   
}

@media (max-width: 800px) {

    .dashboard-main-wrapper{
        top:-60px !important;
    }

    textarea{
        width: 100%;
    }

 
}


p.bloque{
    background: #f4f4f4 !important;
    border: 1px solid #ddd !important;
    border-left: 3px solid #f36d33 !important;
    color: #666 !important;
    page-break-inside: avoid !important;
    font-family: monospace !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    margin-bottom: 1.6em !important;
    max-width: 100% !important;
    overflow: auto !important;
    padding: 1em 1.5em !important;
    display: block !important;
    word-wrap: break-word !important;
}

.modal-backdrop {
    display: none !important;
}

ul{
    padding-left: 0px;
}

li span{
    text-wrap: wrap;
}

.modal {
    background: rgba(0, 0, 0, 0.5) !important; 
  }

  @media (max-width: 800px) {

    .navbar-expand-lg{
        position: relative;
    }
    
}

optgroup.categoria_select{
    background:#b9d8ff;
    position: relative;

}

.categoria_select::before {
    content: '\1F4C3'; /* Código Unicode para un icono (puedes cambiarlo) */
    font-family: 'Segoe UI Emoji', sans-serif; /* Font family para emojis, ajusta según tus necesidades */
    margin-right: 5px; /* Ajusta el espaciado según tus necesidades */
  }

optgroup.categoria_select option{
    background:white !important;
}
.lista_con_hijos li:first-child::before {
    content: '\f0fe'; /* Código Unicode de la icono en Font Awesome */
    font-family: 'Font Awesome 5 Free'; /* Nombre de la fuente de Font Awesome */
    font-weight: 900; /* Peso de la fuente (puede variar según la versión de Font Awesome) */
}

.lista_con_hijos li:not(:first-child)::before {
    content: '\f146'; /* Código Unicode de la icono en Font Awesome */
    font-family: 'Font Awesome 5 Free'; /* Nombre de la fuente de Font Awesome */
    font-weight: 900; /* Peso de la fuente (puede variar según la versión de Font Awesome) */
}

li.prod_hijo{
    padding-left:30px !important;
    margin-top:10px;
}

.lista_producto{
    border: 1px solid #c7c7c7;
    padding:20px;
}

.titulo{
    background:#3685cd;
    color:white;
    display: flex;
    align-items: center;
    margin-bottom:20px;
    padding:7px;
}

.multi-select-container{
    padding:0px;
}

.multi-select-button{
    width:100% !important;
    max-width: 100% !important;
}

.subtabla-productos th{
    background-color: #3685cd !important;
    color:white !important;
}

.subtabla-productos tr{
    background-color: #f7f7f7 !important; /* Puedes ajustar el color gris según tus preferencias */
}

.titulo-tareas{
    cursor:pointer;
}

.total{
    background-color:rgb(191, 255, 191) !important;
}