/*!
*
*   Aplicación: SIDIE - Sistema Integrado de Información Empresarial
*       Author: @Litesystems
*  Descripción: Recurso css principal de la aplicación
*      Versión: 1.0.0
*        Fecha: 05-09-2019
*     Licencia: Licencia exclusiva para uso de la organización.
*         Nota: Las alteraciones sin previa autorización del autor son exclusivamente responsabilidad de la empresa. Los cambios quedan sujetos a las politicas de uso.  
*               @Copyright 2019
*
*
*    ChangeLog:
*
*               @Versión	|	  @Fecha	|		@autor			|	@Descripción
*
*               1.0.0		|	05-09-2019	|	Elvis Cipriano		|	Se agregó la función
*
**/

/*
    Índice de elementos

        1. Parámetros Generales (root)
        2. Body (elemento)
        3. Elementos
            3.1 Page loader - blockui
            3.2 Index
                3.2.1 bgAsideBody
                3.2.2 bgAsideIndex
                3.2.3 panels
                3.2.4 inputs
            3.3 Acceso
                3.3.1 Images System
                3.3.2 text system
                3.3.3 img-avatar-lateral
            3.4 Finalizar
                3.4.1 text system
                3.4.2 subtitle text
            3.5 All
                3.5.1 img punto venta
        4. Atributos
            4.1 form-control
                4.1.1 kt-input-air
            4.2 login
                4.2.1 form-password
            4.3 margin-top
            4.4 font-weight
            4.5 margin-left
        5. custom
            5.1 custom Background INFO
            5.2 font-size
            5.3 padding-left
            5.4 padding-right
            5.5 swal-alert
            5.6 form-valid
            5.7 label
            5.8 kt-checkbox
            5.9 kt-footer
            5.10 subHeader
            5.11 colors
            5.12 select
            5.13 backgrounds
            5.14 Table - Datatable
        6. General Medias
            6.1 @media (max-width: 575.98px)
            6.2 @media (min-width: 576px) and (max-width: 767.98px)
            6.3 @media (min-width: 768px) and (max-width: 991.98px)
            6.4 @media (min-width: 992px) and (max-width: 1023.99px)
            6.5 @media (max-width: 1024px)
            6.6 @media (min-width: 1024px)
            6.7 @media (min-width: 1200px)
*/

    /************* 1. Parámetros Generales *************/
    :root {
        --pFontFamily:'Poppins', sans-serif;
        --pFontSize:1rem!important;
        --pBgBody:#e8ecf2!important;
        --pMaxHeight:auto!important;
        --pBgInfo:#3d94fb!important;
        --pColor:#000000!important;
        --pWhite:#ffffff!important;
    }
    /************* 2. Body *************/
    body{
        font-family: var(--pFontFamily);
        font-size: var(--pFontSize);
        background-color:var(--pBgBody);
        max-height:var(--pMaxHeight);
        color:var(--pColor);
    }

    /************* 3. Elementos *************/
        /*
            3.1 Page Loader - blockui
        */
        .kt-page-loader{
            background:#eff0f57c;
        }
        .blockui-sidie{
            background:#ffffff;
        }
        .blockui>span {
            font-weight: 500;
            color:#000;
            margin-top:10rem;
        }
        /*
            3.2 Index
        */
            /*3.2.1 bgAsideBody*/
            .bgAsideBody{
                background: var(--pBgBody);
            }
            /*3.2.2 bgAsideIndex*/
            .bgAsideIndex{
                background: #11111b;
            }
            #text-inicio-sesion{
                font-size: 1.8rem;
                font-weight: bold;
            }
            #footerIndex{
                color:#777777!important;
                font-size:0.9rem;
            }
            #head-label-text{
                margin-top:2.5rem;
            }
            /*3.2.3 panels */
            .panel-idx{
                width: 30rem;
            }
        /*
            3.3 Acceso
        */
            /*3.3.1 Images System */
            img#logoSysDesktop{
                width:4.5rem!important;
            }
            img#logoMobile{
                width: 3rem!important;
            }
            /*3.3.2 text System */
            #textSysDesktop{
                font-weight: 500;
                font-size:1.25rem;
                letter-spacing: .05rem;
                color:#ffff00;
            }
            #textVerDesktop{
                font-weight: 400;
                font-size:0.85rem;
                letter-spacing: .025rem;
                color:#eeeded;
            }
            #textLiteDesktop{
                font-weight: 500;
                font-size:0.95rem;
                letter-spacing: .025rem;
                color:#eeeded;
            }
            #textUserWelcome{
                font-size:1rem;
                font-weight:500;
                color:#ffff00;
                letter-spacing: 0.25px;
            }
            #userNameNavbar{
                font-size:1rem;
                font-weight:500;
                color:#ffffff;
            }
            #userNameDrpdwn1{
                color:#000000;
                font-size: 1.25rem;
                font-weight: 500;
            }
            #userNameUser{
                font-weight: 500!important;
                color:rgb(85, 85, 85);
            }
            #kt-portlet-acceso{
                min-height: 95%!important;
            }
            .kt-footer .kt-footer__copyright .kt-link{
                color:#009be2;
            }
            /*3.3.3 img-avatar-lateral */
            .kt-user-card-v3 .kt-user-card-v3__avatar>img{
                width: 85px!important;
                height: 85px!important;
            }
         /*
            3.4 Finalizar
        */
            /*3.4.1 text system */
            #textSysMobile{
                font-weight: 500;
            }
            #textLiteMobile{
                font-weight: 400;
                font-size: 0.9rem;
                color:#eee;
            }
            #title2Idx{
                font-weight: 600;
                font-size: 3rem;
            }
        /*
            3.5 All
        */
            /*3.5.1 img punto venta */
            #logoPuntoVentaDesk{
                height: 64px;
            }
            #namePuntoVentaDesk{
                font-size: 1.25rem;
                font-weight: 500;
                color:#ffff00;
                margin-top: -50px;
            }
            #direccionPuntoVentaDesk{
                font-size: 1rem;
                font-weight: 400;
                margin-top:-5px!important;
            }
            #logoPuntoVentaM{
                padding-top: 2px;
                padding-bottom: 2px;
                height: 50px;;
            }
            .kt-offcanvas-panel-overlay {
                background: rgba(0, 0, 0, 0.5);
            }
            #arrowMenuLeft{
                color: #646c9a;
                font-size: 1.5rem;
                right: -5px;
                top: 2px;
            }
            #arrowMenuLeft:hover{
                color:#ffffff;
            }
            #arrowMenuRight{
                color:#646c9a;
                font-size:1.5rem;
            }
            #arrowMenuRight:hover{
                color:#ffffff;
            }
            .kt-aside--minimize .kt-aside__brand .kt-aside__brand-logo span{
                display:none;
            }
            .kt-aside-menu .kt-menu__nav > .kt-menu__section {
                margin: 0 0 0 0;
                height: 40px;
            }
            .kt-aside-menu .kt-menu__nav > .kt-menu__section .kt-menu__section-text {
                font-size: 0.925rem;
            }
            #nameUserPanel{
                font-weight: 500;
                font-size: 1.3rem;
            }
            #userPanel{
                font-weight: 500;
                color:rgb(51, 51, 51)!important;
            }
            #rolUserPanel{
                font-weight: 500;
                color:rgb(51, 51, 51)!important;
            }
            #emailUserPanel{
                font-weight: 500;
                color:rgb(51, 51, 51)!important;
            }
            #phoneUserPanel{
                font-weight: 500;
                color:rgb(51, 51, 51)!important;
            }
            .kt-user-card-v3 .kt-user-card-v3__detalis .kt-user-card-v3__desc{
                padding: 0.3rem 0;
            }
            #breadcrumb-modulo{
                font-size:1rem;
                margin-top:.35rem;
                margin-left:.5rem;
            }
            #iconSubHeaderArrow{
                margin-top: -2px;
            }
            #breadcrumb-franquicia{
                font-weight: 500;
                margin-top:.35rem;
            }
            #lblFechaActual{
                margin-top:0.15rem!important;
                background:#fff;
            }
            #portlet-inicio{
                min-height: 102%!important;
            }
            .kt-widget.kt-widget--user-profile-1 .kt-widget__body .kt-widget__items .kt-widget__item .kt-widget__section .kt-widget__icon i {
                width: 2rem;
                height: 1.5rem;
                margin-left: .5rem;
            }
            #kt-portlet-resumen-perfil{
                min-height: 100%!important;
            }
            .s-height-100{
                height: 100%;
            }
            .s-height-perfil{
                height: 109%!important;
            }
            .kt-list-timeline__text{
                font-size: .95rem!important;
            }
            .alert.alert-solid-info {
                background: #36a3f727!important;
            }
            .content-nav{
                padding: 3px 10px!important;
            }

            .panel-heading-dark{
                border-radius: 4px;
            }

            .kt-todo .kt-todo__header.panel-heading-dark .kt-todo__title{
                color:#ffffff!important;
            }
            .kt-todo .kt-todo__header.panel-heading-dark .kt-todo__nav .kt-todo__link {
                color: #e4e4e4;
            }
            .kt-todo .kt-todo__header.panel-heading-dark .kt-todo__nav .kt-todo__link:hover, .kt-todo .kt-todo__header .kt-todo__nav .kt-todo__link.kt-todo__link--selected, .kt-todo .kt-todo__header .kt-todo__nav .kt-todo__link.kt-todo__link--active {
                color:rgb(0, 132, 255);
            }
            .kt-todo .kt-todo__header.panel-heading-dark .kt-todo__nav .kt-todo__link.active {
                background-color: #fff;
                color:rgb(0, 132, 255);
                border-radius: 4px;
            }
            .kt-todo .kt-todo__header.panel-heading-dark{
                padding: 5px 12px;
            }
            .kt-portlet.panel-heading-dark{
                margin-bottom:0;
                background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);
            }
            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item {
                background:#f5f5f5;
            }
            .nav-pills .nav-item .nav-link:active, .nav-pills .nav-item .nav-link.active, .nav-pills .nav-item .nav-link.active:hover{
                background-color: #ffffff;
                color:rgb(0, 132, 255)!important;
                border-radius: 4px;
            }

            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state="current"] .kt-wizard-v4__nav-body .kt-wizard-v4__nav-number{
                background: 0!important;
                color:rgb(255, 0, 0);            }
            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item .kt-wizard-v4__nav-body .kt-wizard-v4__nav-number{
                background: 0!important;
                color:#b8b8b8;
            }
            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item[data-ktwizard-state="current"] .kt-wizard-v4__nav-body .kt-wizard-v4__nav-label .kt-wizard-v4__nav-label-title{
                color:rgb(255, 0, 0);
            }

            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item.nav-user .kt-wizard-v4__nav-body{
                padding:.5rem .5rem;
            }
            .kt-wizard-v4 .kt-wizard-v4__wrapper .kt-form{
                width:97.5%!important;
                padding: 0 0 2rem;
            }
            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item .kt-wizard-v4__nav-body .kt-wizard-v4__nav-label .kt-wizard-v4__nav-label-title{
                font-size: 1rem;
            }
            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item .kt-wizard-v4__nav-body .kt-wizard-v4__nav-label .kt-wizard-v4__nav-label-desc{
                font-size: 0.85rem;
            }
            .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item .kt-wizard-v4__nav-body .kt-wizard-v4__nav-number{
                margin-right: .75rem;
            }
            .kt-wizard-v2 .kt-wizard-v2__aside {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 250px;
                flex: 0 0 250px;
                width: 250px;
            }
            .form-control {
                color:#000000!important;
                border: 1px solid #cccccc;
            }
            .form-control-s{
                height:calc(1.15em + 1.4rem + 3px);
                border: 1px solid #cccccc;
                color:rgb(42, 42, 42);
                font-weight: 400;
            }
            .form-group {
                margin-bottom: .60rem;
            }
            .select2-container--default .select2-selection--single .select2-selection__rendered{
                font-weight: 400;
                color:rgb(42, 42, 42);
                padding: 0.4rem 3rem 0.5rem 1rem;
            }
            .select2-container--default .select2-results__option.select2-results__option--highlighted{
                background-color:#1976d2!important;
                color:#fff;
            }
            .select2-container--default .select2-results__option[aria-selected=true]{
                background-color:#1976d2b2!important;
                color:#fff;
            }
            .select2-container--default .select2-results__option {
                font-weight: 400;
            }
            .kt-select2>select.form-control{
                opacity: 1!important;
            }
            .kt-link{
                cursor:pointer!important;
            }
            .separator-opciones{
                margin-top:.25rem;
                margin-bottom:.25rem
            }
            .dropdown-menu>li>a:hover, .dropdown-menu>.dropdown-item:hover, .dropdown-menu>.dropdown-item:hover>i {
                background-color: #f5f5f5;
                color: rgb(23, 151, 255);
            }
            select + .select2-container {
                width: 100% !important;
            }
            .modal-content{
                border:0;
            }
            .bg-modal{
                background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);     }
            .modal .modal-content .modal-header .close:before {
                font-family: "Font Awesome 5 Pro";
                content:"\f00d";
                font-weight: 500;
                color:#ffffff;
            }
            .nav-link.dropdown-toggle:after, .btn.dropdown-toggle:after {
                margin:0;
            }
            .select2-container--default.select2-container--disabled .select2-selection--multiple, .select2-container--default.select2-container--disabled .select2-selection--single{
                border-color:#e2e5ec!important;
            }

            .kt-form.kt-form--state .has-danger .select2-container--default.select2-container--focus .select2-selection--multiple, .kt-form.kt-form--state .has-danger .select2-container--default.select2-container--focus .select2-selection--single, .kt-form.kt-form--state .has-danger .select2-container--default.select2-container--open .select2-selection--multiple, .kt-form.kt-form--state .has-danger .select2-container--default.select2-container--open .select2-selection--single{
                border-color:#F44336!important;
            }
            .kt-form.kt-form--state .has-danger .select2-container--default .select2-selection--multiple, .kt-form.kt-form--state .has-danger .select2-container--default .select2-selection--single{
                border-color:#F44336!important;
            }
            .kt-form.kt-form--state .has-success .select2-container--default .select2-selection--multiple, .kt-form.kt-form--state .has-success .select2-container--default .select2-selection--single{
                border-color:#34bfa3!important;
            }
            .kt-form.kt-form--state .has-success .select2-container--default.select2-container--focus .select2-selection--multiple, .kt-form.kt-form--state .has-success .select2-container--default.select2-container--focus .select2-selection--single, .kt-form.kt-form--state .has-success .select2-container--default.select2-container--open .select2-selection--multiple, .kt-form.kt-form--state .has-success .select2-container--default.select2-container--open .select2-selection--single{
                border-color:#34bfa3!important;
            }
            #inptRangoMaxIngreso,#inptRangoMaxEgreso{
                text-align: left!important;
            }
            .kt-list-politicas-popover{
                margin-top: -7.5px!important;
            }
            .thead-bg-1{
                background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%)!important;
                color:#fff!important;
            }
            .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
                cursor: pointer;
            }
            .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice{
                background: linear-gradient(to bottom, #D5DEE7 0%, #E8EBF2 50%, #E2E7ED 100%), linear-gradient(to bottom, rgba(0,0,0,0.02) 50%, rgba(255,255,255,0.02) 61%, rgba(0,0,0,0.02) 73%), linear-gradient(33deg, rgba(255,255,255,0.20) 0%, rgba(0,0,0,0.20) 100%);background-blend-mode: normal,color-burn;color: #000;
            }
            .select2-container--default .select2-selection--single .select2-selection__arrow:before, .select2-container--default .select2-selection--multiple .select2-selection__arrow:before{
                font-family: "Font Awesome 5 Pro";
                content:"\f078";
                font-weight: 600;
            }
            .kt-notification .kt-notification__item:after{
                font-family: "Font Awesome 5 Pro";
                content:"\f324";
                font-weight: 600;
            }
            .toast .toast-close-button:before {
                font-family: "Font Awesome 5 Pro";
                content:"\f00d";
                font-weight: 600;
            }
            .kt-todo .kt-todo__header {
                padding: 10px 20px;
            }
            .form-control-label{
                font-weight: 700!important;
            }
               
    /************* 4. Atributos *************/
        /*
            4.1 form-control
        */
             /* 4.1.1 kt-input-air*/
            .form-control.kt-input--air {
                -webkit-box-shadow: 0px 3px 20px 0px rgba(115,76,234,0.11);
                box-shadow: 0px 3px 20px 0px rgba(115,76,234,0.11);
            }
        /*
            4.2 login
        */
            .kt-login.kt-login--v6 .btn ~ .btn {
                margin-left: 0.5rem; 
            }
            .kt-login.kt-login--v6 .kt-login__content {
                background-size: cover;
                background-repeat: no-repeat; 
            }
            .kt-login.kt-login--v6 .kt-login__content .kt-login__section {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1; 
            }
            .kt-login.kt-login--v6 .kt-login__content .kt-login__section .kt-login__title {
                color: #ffffff;
                font-size: 3.2rem;
                font-weight: 500;
                margin-bottom: 2rem;
            }
            .kt-login.kt-login--v6 .kt-login__content .kt-login__section .kt-login__desc {
                color: rgba(255, 255, 255, 0.8);
                font-size: 1.1rem;
                font-weight: 400; 
            }
            .kt-login__body{
                margin-bottom: 1.5rem;
            }
            /*
                4.2.1 form-password
            */
            #iNameUser{
                padding-left: .25rem!important;
                padding-right: .5rem!important;
            }
            .buttonsPassword{
                margin-top: 2.1rem!important;
            }
        /*
            4.3 margin-top
        */
            .mt--025{
                margin-top: -0.25rem!important
            }
            .mt--05{
                margin-top: -0.5rem!important
            }
            .mt--1{
                margin-top: -1rem!important
            }
        /*
            4.4 font-weight
        */
            .s-font-weight-400{
                font-weight: 400!important;
            }
            .s-font-weight-500{
                font-weight: 500!important;
            }
            .s-font-weight-600{
                font-weight: 600!important;
            }
            .s-font-weight-700{
                font-weight: 700!important;
            }
        /*
            4.3 margin-top
        */
            .ml--025{
                margin-left: -0.25rem!important
            }
            .ml--05{
                margin-left: -0.5rem!important
            }
            .ml--1{
                margin-left: -5px!important
            }
    /*
    /************* 5. custom *************/
        /*
            5.1 custom Background INFO
        */
        .btn-info {
            color: var(--pWhite);
            background-color: var(--pBgInfo);
            background-image: none;
            border-color: var(--pBgInfo);
        }
        .btn-info:hover{
            border-color: #1976d2;
            background: #1976d2;
            color: var(--pWhite);
        }
        .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle{
            border-color: #1976d2;
            background: #1976d2;
            color: var(--pWhite);
        }
        .btn-outline-info {
            color:var(--pBgInfo);
            background-color: transparent;
            background-image: none;
            border-color:#36a3f7!important;
            border-left-color: #36a3f7!important;
            border-right-color: #36a3f7!important;
        }
        .btn-outline-info:hover{
            border-color:var(--pBgInfo);
            background:var(--pBgInfo);
            color: #fff;
        }
        .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle{
            border-color:var(--pBgInfo);
            background:var(--pBgInfo);
            color: #fff;
        }
        .alert.alert-solid-info{
            background:var(--pBgInfo);
        }
        .alert.alert-solid-info .alert-icon i{
            color: var(--pBgInfo);
        }
        .alert.alert-solid-info .alert-text{
            color: var(--pBgInfo);
        }
        .kt-list-timeline .kt-list-timeline__items .kt-list-timeline__item .kt-list-timeline__badge.kt-list-timeline__badge--info:before{
            background-color: var(--pBgInfo);
        }
        .kt-ribbon--info .kt-ribbon__target{
            background: var(--pBgInfo);
        }
        .kt-font-info{
            color: #3d94fb!important;
        }
        .kt-link{
            color: #009be2;
        }
        .kt-link:hover{
            color: #03a9f4!important;
        }
        .btn-xs, .btn-group-xs > .btn {
            padding: 0.4rem 0.85rem;
            font-size: 0.75rem;
            line-height: 1.25;
            border-radius: 0.2rem;
        }
        .dropdown-menu > .dropdown-item.dropdown-optionUser {
            outline: none !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 0.5rem 1rem;
            font-weight: 500;
            font-size: 0.9rem;
        }
        .btn-opciones {
            margin-top:-2px;
            padding: 0.2rem 0.55rem;
        }
        .dropdown-menu > li > a [class^="fa-"], .dropdown-menu > li > a [class*=" fa-"], .dropdown-menu > .dropdown-item.dropdown-optionUser [class^="fa-"], .dropdown-menu > .dropdown-item.dropdown-optionUser [class*=" fa-"] {
            font-size: 1rem;
        }
        /*
            5.2 font-size
        */
        .s-font-0-8{
            font-size: 0.8rem!important;
        }
        .s-font-0-9{
            font-size: 0.9rem!important;
        }
        .s-font-1{
            font-size: 1rem!important;
        }
        .s-font-1-1{
            font-size: 1.1rem!important;
        }
        .s-font-1-2{
            font-size: 1.2rem!important;
        }
        .s-font-1-3{
            font-size: 1.3rem!important;
        }
        .s-font-1-4{
            font-size: 1.4rem!important;
        }
        .s-font-1-5{
            font-size: 1.5rem!important;
        }
        .s-font-1-6{
            font-size: 1.6rem!important;
        }
        .s-font-1-7{
            font-size: 1.7rem!important;
        }
        .s-font-1-8{
            font-size: 1.8rem!important;
        }
        .s-font-1-9{
            font-size: 1.9rem!important;
        }
        .s-font-2{
            font-size: 2rem!important;
        }
        .s-font-3{
            font-size: 3rem!important;
        }
        .s-font-4{
            font-size: 4rem!important;
        }
        .s-font-5{
            font-size: 5rem!important;
        }
        /*
            5.3 padding-left
        */
            .pl-3{
                padding-left: 2rem!important;
            }
            .pl-4{
                padding-left: 2.5rem!important;
            }
        /*
            5.4 padding-right
        */
            .pr-3{
                padding-right: 2rem!important;
            }
            .pr-4{
                padding-right: 2.5rem!important;
            }
        /*
            5.5 swal-container
        */
            body.swal2-height-auto{
                height:100%!important;
            }
            .swal2-container.swal2-shown {
                background-color: rgba(0, 0, 0, 0.5);
            }
            .swal2-popup {
                width:28rem;
            }
            .swal2-popup .swal2-actions {
                margin:0!important;
                margin-top:1rem!important;
            }
            .swal2-popup .swal2-title{
                color: #575962;
                margin: 1rem 0 0.5em;
                font-weight: 600;
                font-size: 1.3rem!important
            }
            .swal2-popup .btn{
                margin:1px 5px 0
            }
            .swal2-popup .swal2-content{
                font-size: 1rem!important;
                font-weight: 500!important;
                margin-top:.5rem!important;
            }
            .swal2-popup .swal2-icon{
                margin-top:0!important;
            }
        /*
            5.6 form-valid
        */
            .error{
                color:#F44336!important;
                font-weight: 400!important;
                font-size: 0.9rem!important;
            }
            .form-error{
                color:#F44336!important;
            }
            .form-valid{
                color:#0abb87!important;
            }
            .form-control.is-invalid, .was-validated .form-control:invalid{
                background-image: none;
            }
            .form-control.is-valid, .was-validated .form-control:valid{
                background-image: none;
            }
        /*
            5.7 label
        */
            label{
                color:#000;
            }
        /*
            5.8 kt-checkbox
        */
            .kt-checkbox{
                color:#5a5a5a!important;
            }
        /*
            5.9 kt-footer
        */
            .kt-footer{
                padding:7px 12px;
                background: #ffffff;
            }
            .kt-footer .kt-footer__copyright{
                color:#7a7a7a!important;
                font-size:0.925rem!important;
                font-weight: 400!important;
                margin-top: 0.25rem!important;
            }
            .kt-footer .kt-footer__menu .kt-footer__menu-link{
                font-size:0.925rem!important;
            }
        /*
            5.10 subHeader
        */
            .kt-subheader-acceso{
                min-height: 30px!important;
            }
            .kt-subheader--solid .kt-subheader{
                min-height: 5px!important;
            }
        /*
            5.11 colors
        */
            .s-color-red-1{
                color:#F44336!important
            }
            .s-color-red-2{
                color:#FF1744!important
            }
            .s-color-light-blue-1{
                color:#00b0ff!important;
            }
            .s-color-light-blue-2{
                color:#0aa9f3!important;
            }
            .s-color-light-blue-3{
                color:#80d8ff!important;
            }
            .s-color-light-blue-4{
                color:#0277bd!important;
            }
            .s-color-light-blue-5{
                color:#0288d1!important;
            }
            .s-color-blue-1{
                color:#2196f3!important;
            }
            .s-color-blue-2{
                color:#0d47a1!important;
            }
            .s-color-blue-3{
                color:#2962ff!important;
            }
            .s-color-blue-4{
                color:#1976d2!important;
            }
            .s-color-blue-4{
                color:#1e88e5!important;
            }
            .s-color-orange-1{
                color:#ffa726!important;
            }
            .s-color-orange-2{
                color:#ff9800!important;
            }
            .s-color-orange-3{
                color:#fb8c00!important;
            }
            .s-color-orange-4{
                color:#ffab40!important;
            }
            .s-color-orange-5{
                color:#ff9100!important;
            }
            .s-color-white{
                color:#ffffff!important;
            }
            .s-color-black{
                color:#000000!important;
            }
        /*
            5.12 select
        */
            .s-select-first{
                font-weight: 600;
                color:#FF1744;
            }
            .s-select-others{
                font-weight: 600;
                color:#2962ff;
                background:#fafafa;
            }
            .custom-select{
                /*font-family: "Font Awesome 5 Duotone";
                background:"\f078";
                font-weight: 600;
                background:none!important;*/
            }
        /*
            5.13 Backgrounds
        */
            .s-bg-gray-1{
                background:#f7f8fa;
            }
            .s-bg-gradient-1{
                background-image: linear-gradient(to top, #dfe9f3 0%, white 100%);
            }
        /*
            5.14 Table - Datatable
        */
            table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,
            table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
                padding-left: 27.5px;
            }
            .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before{
                left:3px;
                margin-top: -10px;
            }
            .table-instagram .table-header{
                border-color:transparent!important;
            }
            .table-instagram thead,
            .table-instagram thead th,
            .table-instagram thead tr{
                border-color:#3264a5!important;
                color:#fff!important;
                padding-top: .6rem;
                padding-bottom: .6rem;
                text-align: center!important;
            }
            .table-instagram thead th,
            .table-instagram thead tr{  
                background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);
            }
            .table-instagram .table-header{
                background: transparent;
            }
            .dataTables_wrapper .pagination .page-item:hover > .page-link {
                background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);            
                color: #ffffff;
            }
            .dataTables_wrapper .pagination .page-item.active > .page-link {
                background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);            
                color: #ffffff;
            }

            .table th, .table td {
                padding: 0.25rem;
                vertical-align: top;
                border-top: 1px solid #ebedf2;
                text-align: center;
            }
            .table thead{
                font-size: .85rem!important;
            }
            .table thead > tr > th,
            .table tbody > tr > th,
            .table tfoot > tr > th,
            .table thead > tr > td,
            .table tbody > tr > td,
            .table tfoot > tr > td {
                border-top-color: #e4e4e4;
                text-align: justify;

            }
            .table tbody > tr > th,
            .table tbody > tr > td{
                color:#000!important;
                font-weight:500!important;
                font-size:0.85rem;
                text-align: center;
            }
            .table tbody + tbody {
                border-top-color: #e4e4e4;
            }
            .table-bordered {
                border-color: #e4e4e4;
            }
            .table-header {
                background: #fff;
                position: relative;
                border: 1px solid #e4e4e4;
                margin-bottom: -14px;
                padding: 10px 15px 30px 15px;
                border-top-right-radius: 2px;
                border-top-left-radius: 2px;
            }
            .table-hover tbody tr:hover {
                background-color: #fff176;
            }
            div.dataTables_wrapper div.dataTables_length label {
                font-weight: 600;
                text-align: left;
                white-space: nowrap;
                color: #000000!important;
            }
            .table-header .table-caption {
                font-size: 1rem;
                line-height: 1rem;
                font-weight: 500;
                margin: 0;
                padding-bottom:1rem;
                margin-top:   0;
                color:#000000
            }
            .table-footer {
                min-height: 40px;
                position: relative;
                line-height: 20px;
                padding: 3px 1px 1px 3px;
                background: #ffffff;
                border-bottom-right-radius: 2px;
                border-bottom-left-radius: 2px;
                text-align: center!important;
            }
            .dataTables_wrapper .child .dtr-details>li .dtr-title{
                font-weight: 600!important;
                text-align: right;
            }
            .dropLeft{
                margin-left: -0.75rem!important;
            }
            table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, 
            table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
                    color: #3d94fb!important;
                    font-family: "Font Awesome 5 Pro"!important;
                    font-weight: 500!important;
                    content: '\f32d'!important;
            }
            table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
            table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
                color: #f44336!important;
                font-family: "Font Awesome 5 Pro"!important;
                font-weight: 500!important;
                content: '\f331'!important;
            }
            table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td,
            table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th {
                background-color: #fff176!important;
            }
            .dataTables_wrapper table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child:before{
                top: 58%;
            }
            table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
                padding-left: 30px;
                padding-right: 10px;
            }
            table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting{
                padding-right: 17px;
            }
            .dataTables_wrapper .dataTable th.sorting_desc:before, .dataTables_wrapper .dataTable th.sorting_desc:after, .dataTables_wrapper .dataTable th.orting_asc_disabled:before, .dataTables_wrapper .dataTable th.orting_asc_disabled:after, .dataTables_wrapper .dataTable th.orting_desc_disabled:before, .dataTables_wrapper .dataTable th.orting_desc_disabled:after, .dataTables_wrapper .dataTable th.sorting_asc:before, .dataTables_wrapper .dataTable th.sorting_asc:after, .dataTables_wrapper .dataTable th.sorting:before, .dataTables_wrapper .dataTable th.sorting:after, .dataTables_wrapper .dataTable td.sorting_desc:before, .dataTables_wrapper .dataTable td.sorting_desc:after, .dataTables_wrapper .dataTable td.orting_asc_disabled:before, .dataTables_wrapper .dataTable td.orting_asc_disabled:after, .dataTables_wrapper .dataTable td.orting_desc_disabled:before, .dataTables_wrapper .dataTable td.orting_desc_disabled:after, .dataTables_wrapper .dataTable td.sorting_asc:before, .dataTables_wrapper .dataTable td.sorting_asc:after, .dataTables_wrapper .dataTable td.sorting:before, .dataTables_wrapper .dataTable td.sorting:after{
                bottom:8px!important;
            }
            .dataTables_wrapper .pagination .page-item.previous > .page-link:hover, .dataTables_wrapper .pagination .page-item.next > .page-link:hover, .dataTables_wrapper .pagination .page-item.last > .page-link:hover, .dataTables_wrapper .pagination .page-item.first > .page-link:hover {
                background-image: linear-gradient(to top, #1e3b72c5 0%, #1e3b72c5 1%, #2a5298 100%);
            }
            #portlet-custom{
                padding: 15px;
            }
            .kt-todo .kt-todo__header .kt-todo__nav .kt-todo__link {
                padding: 0.5rem 1.2rem;
                font-weight: 500;
                color: #fff;
                border-radius: 4px;
            }
            #btnArrowUp{
                margin-top: -.05rem!important;
                margin-bottom: 0!important;
            }
            #btnArrowDown{
                margin-top: -.05rem!important;
                margin-bottom: 0!important;
            }
            .kt-wizard-v4 .kt-wizard-v4__wrapper .kt-form .kt-form__actions [data-ktwizard-type="action-prev"]{
                margin-right: 0!important;
            }
    /************* 6. General Medias *************/
        /*
            6.1 form-control
        */
             /* 6.1.1 @media (max-width: 575.98px) */
             @media (max-width: 575.98px) {
                #login-content{
                    width: 100%!important;
                    height: 18%!important;
                }
                #login-panel{
                    width: 100%!important;
                    height: 82%!important;
                }
                #imgIdx{
                    margin-top:0.85rem;
                    width:15rem;
                }
                #portlet-index{
                    margin-top: -4.5rem!important;
                }
                #titleIdx{
                    margin-top: 0.25rem!important;
                    font-weight: 600;
                    font-size: 1.5rem;
                }
                #versionIdx{
                    margin-top:-10px;
                    font-size: 0.9rem;
                }
                #head-label-text{
                    margin-top:3rem;
                }
                #text-inicio-sesion{
                    font-size: 1.8rem;
                }
                .kt-login__wrapper{
                    padding:.25rem;
                    margin-top:-30px;
                }
                .kt-login__container{
                    width: 100%!important;
                }
                .kt-todo .kt-todo__header .kt-todo__nav .kt-todo__link{
                    display:block;
                }
             }
             @media (max-width: 768px){
                .kt-wizard-v2 .kt-wizard-v2__aside {
                    padding: 1rem;
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 100%;
                    flex: 0 0 100%!important;
                    width: 100%!important;
                }
             }
             /* 6.1.2 @media (min-width: 576px) and (max-width: 767.98px) */
             @media (min-width: 576px) and (max-width: 767.98px){
                #login-content{
                    width: 100%!important;
                    height: 15%!important;
                }
                #login-panel{
                    width: 100%!important;
                    height: 85%!important;
                }
                #portlet-index{
                    margin-top: -8.5rem!important;
                    width:350px;
                    margin:0 auto;
                }
                #imgIdx{
                    margin-top:0.5rem;
                    width: 15rem!important;
                }
                #portlet-index{
                    margin-top: -5.5rem!important;
                }
                #titleIdx{
                    margin-top: 0.5rem!important;
                    font-weight: 600;
                    font-size:1.6rem;
                }
                #versionIdx{
                    margin-top:-10px;
                    font-size: 0.9rem;
                }
                #head-label-text{
                    margin-top:3rem;
                }
                #text-inicio-sesion{
                    font-size: 2rem;
                }
                .kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper{
                    padding:1rem;
                }
                .kt-login__container{
                    width: 100%!important;
                }
                .kt-login__account-msg{
                    margin-top:10px;
                }
                .kt-todo .kt-todo__header .kt-todo__nav .kt-todo__link{
                    display:block;
                }
             }
             /* 6.1.3 @media (min-width: 768px) and (max-width: 991.98px) */
             @media (min-width: 768px) and (max-width: 991.98px){
                #login-content{
                    width: 100%!important;
                    height: 17%!important;
                }
                #login-panel{
                    width: 100%!important;
                    height: 83%!important;
                }
                #portlet-index{
                    margin-top: -5.5rem!important;
                    width:350px;
                    margin:0 auto;
                }
                .kt-login__container{
                    width: 100%!important;
                }

                #imgIdx{
                    margin-top:0.5rem;
                    width: 19rem!important;
                }
                #titleIdx{
                    margin-top: 0.1rem!important;
                    font-weight: 600;
                    font-size:1.7rem;
                }
                #versionIdx{
                    margin-top:-10px;
                    font-size: 1rem;
                }
                #head-label-text{
                    margin-top:3rem;
                }
                #text-inicio-sesion{
                    font-size: 2rem;
                }
                .kt-login__account{
                    margin-top:10px;
                }
             }
             /* 6.1.4 @media (min-width: 992px) and (max-width: 1023.99px) */
             @media (min-width: 992px) and (max-width: 1023.99px){
                #login-content{
                    width: 100%!important;
                    height: 17.5%!important;
                }
                #login-panel{
                    width: 100%!important;
                    height: 82.5%!important;
                }
                .kt-login__container{
                    width: 100%!important;
                }
                #portlet-index{
                    margin-top: -7.5rem!important;
                    width:350px;
                    margin:0 auto;
                }
                #imgIdx{
                    margin-top:.25rem;
                    width: 18rem!important;
                }
                #titleIdx{
                    margin-top: 0.1rem!important;
                    font-weight: 600;
                    font-size:1.8rem;
                }
                #versionIdx{
                    margin-top:-10px;
                    font-size: 1rem;
                }
                #head-label-text{
                    margin-top:3rem;
                }
                #text-inicio-sesion{
                    font-size: 2rem;
                }
                .kt-wizard-v2 .kt-wizard-v2__aside {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 300px;
                    flex: 0 0 300px;
                    display: flex;
                    width: 300px;
                }
            }

            @media (min-width: 1024px) and (max-width: 1200px) {
                #imgIdx{
                    width: 20rem!important;
                    margin-top: 0;
                }
                #titleIdx{
                    font-size: 2rem!important;
                }
                .kt-login__wrapper {
                    margin-top: 2%!important;
                }
                #versionIdx{
                    font-size: 1.05rem;
                    font-weight: 500;
                    margin: -12.5px 0 .5rem 0!important;
                    letter-spacing:0.5px;
                }
                .kt-login__container{
                    width: 100%!important;
                }
                .kt-wizard-v2 .kt-wizard-v2__aside {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 300px;
                    flex: 0 0 300px;
                    width: 300px;
                }
            }
            /* 6.1.5 @media (max-width: 1024px) */
            @media (max-width: 1024px) {
                .kt-login.kt-login--v6 {
                    height: 100%; 
                }
                .kt-login.kt-login--v6 .kt-login__aside {
                    padding: 3rem 1.5rem;
                    width: 100%; 
                }
                .kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper {
                    width: 100%;
                    max-width: 500px;
                    margin: 0 auto;
                    padding-top: 1.5rem; 
                }
                .kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__logo {
                    margin: 1.5rem auto 2rem auto; 
                }
                .kt-login.kt-login--v6 .kt-login__content {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    padding: 4rem 1.5rem; 
                }
                .kt-login.kt-login--v6 .kt-login__content .kt-login__section .kt-login__title {
                    font-size: 1.3rem;
                    margin-bottom: 1rem; 
                }
                .kt-login.kt-login--v6 .kt-login__content .kt-login__section .kt-login__desc {
                    font-size: 1rem;
                    margin: 0; 
                }
                #kt-portlet-acceso {
                    min-height: 95%!important;
                }
                .kt-content-acceso {
                    padding-top: 0;
                    margin-top: 25px;
                    padding-left: 25px;
                    padding-right: 25px;
                    padding-bottom: 5px;
                }
                #textMobile{
                    font-size:1.1rem!important;
                    margin-left:.5rem!important;
                    font-weight:500;
                }
                #portlet-inicio{
                    margin-top:2rem;
                    min-height: 100%!important;
                }
                .kt-aside-overlay {
                    background: rgba(0, 0, 0, 0.5);
                }
                .gen-portlet{
                    margin-top:1rem;
                    height: 100%;
                }
                .subheader-no-margin{
                    margin-top:0!important;
                }
                .subheader-top-n-margin{
                    margin-top:-50px!important;
                }
                .subheader-top-p-margin{
                    margin-top:50px!important;
                }
            }
            /* 6.1.6 @media (min-width: 1024px) */
            @media (min-width: 1024px) {
                #imgIdx{
                    width: 34rem;
                }
                #titleIdx{
                    margin-top: 1rem;
                    font-size: 3.1rem;
                    font-weight: 600!important;
                    padding-left:2rem;
                    padding-right:2rem;
                }
                #versionIdx{
                    font-size: 1.05rem;
                    font-weight: 500;
                    margin: -20px 0 0.5rem 0;
                    letter-spacing:0.5px;
                }
                .kt-login.kt-login--v6 .kt-login__aside .kt-login__wrapper .kt-login__container{
                    width:400px!important;
                }
                #portlet-inicio{
                    margin-top:1rem;
                }
                .gen-portlet{
                    min-height: 100%;
                }
                .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item.nav-user{
                    -ms-flex: 0 0 calc(20% - 0.25rem);
                    flex: 0 0 calc(20% - 0.25rem);
                    width: calc(20% - 0.25rem);
                }
                .kt-wizard-v4 .kt-wizard-v4__nav .kt-wizard-v4__nav-items .kt-wizard-v4__nav-item.nav-user.col-4{
                    -ms-flex: 0 0 calc(25% - 0.25rem);
                    flex: 0 0 calc(25% - 0.25rem);
                    width: calc(25% - 0.25rem);
                }
                .subheader-no-margin{
                    margin-top:-60px!important;
                }
                .subheader-top-n-margin{
                    margin-top:-65px!important;
                }
                .subheader-top-p-margin{
                    margin-top:50px!important;
                }
            }
             @media (min-width: 1025px) {
                .header-acceso {
                    height: 85px!important;
                }
                .kt-content-acceso {
                    padding-top: 0;
                    margin-top: 60px;
                    padding-left: 25px;
                    padding-right: 25px;
                    padding-bottom: 5px;
                }
                #login-panel{
                    padding: 5rem;
                    width:68%;
                }
                .kt-header--fixed.kt-subheader--fixed .kt-subheader {
                    height: 35px!important;
                    top: 65px;
                }
                .kt-header {
                    height: 64px;
                }
             }
            /* 6.1.7 @media (min-width: 1200px) */
            @media (min-width: 1200px) {
                #login-content{
                    width: 50%!important;
                }
                #login-panel{
                    width: 50%!important;
                }
                #portlet-index{
                    margin-top: 3.25rem!important;
                }
                #titleIdx{
                    font-size: 3rem!important;
                    font-weight: bold;
                }
                .header-acceso {
                    height: 75px!important;
                }
                #portlet-index{
                    width:31rem!important;
                }
                .kt-wizard-v2 .kt-wizard-v2__aside {
                    -webkit-box-flex: 0;
                    -ms-flex: 0 0 400px;
                    flex: 0 0 400px;
                    display: flex;
                    width: 400px;
                }
            }
            .kt-switch input:checked ~ span:after {
                background-color: var(--pBgInfo);
            }

            .kt-switch.kt-switch--icon input:checked ~ span:after {
                font-family: "Font Awesome 5 Pro";
                content:"\f00c"!important;
                color: #fff;
            }
            .kt-switch.kt-switch--icon input:empty ~ span:after {
                font-family: "Font Awesome 5 Pro";
                content:"\f00d";

            }
            .kt-switch input:empty ~ span:after {
                color: #f44336;
            }
            .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search__field {
                font-weight: 400;
                font-size: 0.85rem;
            }

            .dropzone.dropzone-default {

                border: 2px dashed #adadad;
            }
            .display-img-panel{
                width: 4rem;
            }

            .note-icon-magic:before {
                font-family: "Font Awesome 5 Pro";
                content:"\f0d0";
            }
            .note-icon-caret:before {
                font-family: "Font Awesome 5 Pro";
                content:"\f0d7";
            }
            .note-icon-bold:before {
                font-family: "Font Awesome 5 Pro";
                content:"\f032";
            }
            .note-icon-underline:before {
                font-family: "Font Awesome 5 Pro";
                content:"\f0cd";
            }
            .note-icon-eraser:before {
                font-family: "Font Awesome 5 Pro";
                content:"\f12d";
            }
            .note-icon-font:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f031";
            }
            .note-icon-unorderedlist:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f0ca";
            }
            .note-icon-orderedlist:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f0cb";
            }
            .note-icon-align-left:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f036";
            }
            .note-icon-align-center:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f037";
            }
            .note-icon-align-right:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f038";
            }
            .note-icon-align-justify:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f039";
            }
            .note-icon-align-outdent:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f03b";
            }
            .note-icon-align-indent:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f03c";
            }
            .note-icon-table:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f0ce";
            }
            .note-icon-link:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f0c1";
            }
            
            .note-icon-picture:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f03e";
            }
            .note-icon-video:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f03d";
            }
            .note-icon-arrows-alt:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f320";
            }.note-icon-code:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f121";
            }.note-icon-question:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f128";
            }

            .note-icon-rollback:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f2f1";
            }
            .note-icon-float-left:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f34b";
            }
            .note-icon-float-right:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f347";
            }
            .note-icon-trash:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f2ed";
            }

            .note-icon-row-below:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f349";
            }
            .note-icon-row-above:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f346";
            }
            .note-icon-col-before:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f348";
            }
            .note-icon-col-after:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f347";
            }
            .note-icon-row-remove:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f89c";
            }
            .note-icon-col-remove:before {
                font-family: "Font Awesome 5 Pro";
                content: "\f84f";
            }
/* Contenedor derecho: Mostrar + Buscar */
#tblUniformeSearch_wrapper .DT-lf-right{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap: 26px !important;         /* + separación entre Mostrar y Buscar */
  padding-right: 10px;          /* aire contra el borde derecho */
}

/* Quitar floats que rompen el layout */
#tblUniformeSearch_wrapper .dataTables_length,
#tblUniformeSearch_wrapper .dataTables_filter{
  float:none !important;
  margin:0 !important;
  padding:0 !important;
}

/* “Mostrar [select] registros” en una sola línea y con separación */
#tblUniformeSearch_wrapper .dataTables_length label{
  display:flex !important;
  align-items:center !important;
  gap: 10px !important;
  margin:0 !important;
  white-space: nowrap !important;  /* no se rompe */
}

/* Ajuste del select para que no quede pegado */
#tblUniformeSearch_wrapper .dataTables_length select{
  margin: 0 8px !important;
  min-width: 70px;
}

/* Buscador alineado y con ancho decente */
#tblUniformeSearch_wrapper .dataTables_filter label{
  display:flex !important;
  align-items:center !important;
  gap: 10px !important;
  margin:0 !important;
  white-space: nowrap !important;
}

#tblUniformeSearch_wrapper .dataTables_filter input{
  width: 220px;
}
#tblUniformeSearch_wrapper .DT-lf-right{
  justify-content: space-between !important;
}
.titulo-uniformes{
  font-size: 1.3rem;      /* tamaño del texto */
  font-weight: 600;        /* negrita */
  letter-spacing: 0.5px;
  text-transform: uppercase;
  display: block;
  padding: 8px 0;
}

.uniforme-carousel-img{
  width: 100%;
  height: 420px;
  object-fit: contain;
  background: #f7f7f7;
  border-radius: 6px;
}

.modal-backdrop.show {
    opacity: 0.85;
    background-color: rgba(0,0,0,0.85);
    backdrop-filter: blur(6px);
}
#modalUniformeImagenes,
#modalUniformeImagenes * {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}



    /* Ajuste imagen tabla */
    .u-thumb{
        width: 85px;
        height: 85px;
        object-fit: cover;
        border-radius: 6px;
        cursor: pointer;
    }
    .u-code{
        margin-top: 6px;
        font-weight: 700;
        font-size: .85rem;
        text-align:center;
        line-height: 1.05rem;
        word-break: break-word;
    }
    .u-center{ text-align:center; }