/* ================================================ */
/* ================= 2022 - jrv =================== */
/* ================================================ */
 /*METODOLOGÍA CSS DEL ERP (BEM)
	.bloque-erp
	.bloque-erp__elemento
	.--modificador-erp
*/
:root{

    --background-color-fondo-erp: #f6fcfa;

    --color-green-erp:#006e25; 
    --color-blue-erp:#002397;

    --color-secondary-green-erp:#eefff7;;
    --color-secondary-blue-erp:#e6f0fd;

    --border-radius-box-erp:8px;
    --border-radius-btn-erp:6px;
}
/*====================================
 * ======= Background and color  =====
======================================*/

.color-orange-erp{
    color: #e65100;
}
.color-deep-purple-erp{
    color:#673ab7
}

.bk-orange-erp{
    background-color: #e65100;
    color: #fff;
}
.bk-fondo-erp{
    background-color: #fafeff;
}
.bk-deep-purple-erp{
    background-color:#673ab7;
    color: #fff;
}
.color-green-erp{
    color:var(--color-green-erp)
}
.color-blue-erp{
    color:var(--color-blue-erp)
}

/*========================================
 * Re diseñando propiedades de SmartAdmin
=========================================*/

 .dt-toolbar-footer{
    background-color: #fff ;
    padding-top: 15px;
    padding-bottom: 15px;
    border: none;
    border-top: 1px solid #ccc;
 }


 @media (max-width: 1200px ) {
    .menu-admin-erp{
        text-overflow: ellipsis
    }
    .menu-admin-erp .span-menu-admin-erp {
        display: none;;
    }
    .menu-admin-erp .dropdown-toggle{
        /* margin-top: 10px !important; */
        padding: 5px 10px;
        border-radius: 2px;
        color: #3654da;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
        /* color: #fff; */
        /* background-color: #ffffff; */
    }
    .menu-admin-erp .dropdown-menu{
        width: 360px;
        left: -210px;
    }
    .menu-admin-erp .dropdown-menu ul{
        width: 400px;
    }
    .menu-admin-erp .dropdown-menu.pull-right li a{
        white-space: initial;

    }
}

.open > .dropdown-menu {
    display: block;
    border-radius: 8px;
    border: none;
    padding: 15px 0;
  }


@media (max-width: 400px ) {
    /* .container-erp{
        display: block;
    } */
    .input-login-erp{
        border: none;
        height: 38px;
        border-radius: 5px;
        width: 250px;
    }
    .menu-admin-erp .dropdown-menu{
        width: 320px;
        left: -170px;
    }
    /* 
 *===================================
 * Estilos Panel Docente
  ===================================*/
    .cantidad-alumnos-erp{
        width: 250px;
    }
    .badge{

        white-space: normal;
    }
    

}

.rounded-erp{
    color: #000; 
    padding:8px; 
    border-radius:50%;
    background-color:rgb(225,225,225)
  }

/*=========================================
 * Re diseñando propiedades de Bootstrap
 ==========================================*/
.sitemap{
    background-color: #ffe5b0;
    /* background-color: #eefff7; */
}
.btn-group{
    display: flex;
    justify-content: flex-end;
}
 .label{
    border-radius: .6em;
 }

.table thead tr th, .table tbody tr td{
    vertical-align: middle;
} 
.table thead tr:first-child th{
    background-color: #f7f9fc !important;
    padding: 10px 8px !important;
}
.table thead tr th{
    background-color: #fff!important;
}
.sorting_asc{
    background-color: #ecf3f8 ;
}
th .input-group label .form-control{
    border:1px solid #eff4fc;
    background-color: #f7f9fc !important;
}
 .form-control{
    margin: 0 0 4px;
    border-radius: var(--border-radius-btn-erp) !important;
 }
 .input-group .form-control{
    border-radius:0 !important;
 }
 th .input-group label .form-control:focus{
    border-color: #019c35;
}
 .form-control:focus {
    border-color: #019c35;
 }
 .btn {
    border-radius: var(--border-radius-btn-erp);
    box-shadow: none;
    border: none;
    
 }

 .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1) !important;
    border: none;
    }

    .btn-default{
        border:1px solid #858585;
        background-color:#fff;
    }
    .btn-default:hover, .btn-default:focus{
        box-shadow: none !important;
        background-color: var(--color-green-erp);
        color: #fff;
        border:1px solid #6b6b6b00;
    }   
.pagination > li > a, .pagination > li > span{
    /* border:none; */
    box-shadow: none;
    border-radius: var(--border-radius-btn-erp) !important;
    background-color: #f7f9fc;
    border:1px solid #eff4fc;
    margin: 0 3px;
    color: #002397;
    font-weight: bolder;
}
.pagination > li > a:hover, .pagination > li > span:hover{

    background-color: #002ec4;
    color:#fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1) !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1) !important;
    border:none;
    padding: 6px 11px;
    /* transition: all .5s ease; */
}
.num .paginate_button .activerd a:hover{
    /* transition: all .5s ease; */
    box-shadow: none;
    -webkit-box-shadow:none;
    border:none;
    padding: 6px 11px;
}
 /* 
 *===================================
 */
 .btn-padding{
    padding:4px 7px;
    margin: 1px;
 }
 .mr-0-erp{
    margin-right:0;
 }

.box-erp{
    border-radius: var(--border-radius-box-erp);
    background-color: #fff;
    padding: 20px;
    margin: 20px 0 30px;
    border: 1px solid #e9e9e9;
    -webkit-box-shadow: 0 0 13px 0 rgba(74,53,107,.08);
    box-shadow: 0 0 13px 0 rgba(74,53,107,.08);
}

.header-erp{
    display: flex;
    align-items: center;
    gap: 20px;
}
.header-erp__title{
    letter-spacing:0px;
    font-weight: bolder;
}

.bk-fondo-erp{
    background-color: var(--background-color-fondo-erp);
}
.shadow-img-erp {
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}

.input-erp{
    padding: 8px 6px;
    border-radius:5px;
    border:none;
}
.cont-datos-erp__label{
    font-size: 12px;
    color:var(--color-green-erp);
    font-weight: 600;

}
.cont-datos-erp__input{
    font-size: 14px !important;
    color: #1d1d1d;
    font-weight: 500;
    border:none;
    width: 100%;
    background-color: #fff;
}
.form-group-erp{
    padding: 10px ;
}

.name-perfil-erp{
    padding: 15px 0;
    text-align: center;
    font-weight: bolder;
}
.shadow-img-erp {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.08) 0px 4px 16px, rgba(17, 17, 26, 0.08) 0px 8px 32px;
}
.btn-erp{
    display: inline;
    padding: 10px 15px;
    border: none;
    margin: 1px;
    border-radius: var(--border-radius-btn-erp);
    transition: all .5s ease;
}
.btn-erp:hover{
    transition: all .5s ease;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2), 0 2px 10px 0 rgba(0, 0, 0, .1);	
}

.smart-form .col-7{
    width: 60%;
}


/* 
 *===================================
 * panel para el ERP
  ===================================*/
  .dt-toolbar{
    background-color: #fff;
  }
  .panel-fullscreen{
    overflow:hidden;
    max-width:100%
}
.panel{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    position:relative;
    background-color:#fff;
    -webkit-box-shadow:0 0 13px 0 rgba(44,56,90,.08);
    box-shadow:0 0 13px 0 rgba(44,56,90,.08);
    margin-bottom:1.5rem;
    border-radius:6px;
    border:1px solid rgba(0,0,0,.09);
    border-bottom:1px solid #e0e0e0;
    border-radius:4px;
    -webkit-transition:border .5s ease-out;
    transition:border .5s ease-out
}
.panel .panel-container{
    position:relative;
    border-radius:0 0 4px 4px
}
.panel .panel-container .panel-content{
    padding:1rem 1rem
}
.panel .panel-container .panel-content:last-child,.panel .panel-container .panel-content:only-child{
    border-radius:0 0 4px 4px
}
.panel.panel-refresh .js-panel-refresh{
    opacity:.5;
    cursor:wait
}
.panel.panel-fullscreen{
    position:fixed!important;
    z-index:2055;
    top:0;
    left:0;
    right:0;
    height:100vh!important;
    max-height:100vh!important;
    width:100vw!important;
    max-width:100vw!important;
    border-radius:0;
    border:0
}
.panel.panel-fullscreen .js-panel-close,.panel.panel-fullscreen .js-panel-collapse,.panel.panel-fullscreen [data-action=panel-close],.panel.panel-fullscreen [data-action=panel-collapse]{
    display:none!important
}
.panel.panel-fullscreen .panel-hdr{
    height:4.125rem;
    border-radius:0;
    -webkit-box-shadow:0 .125rem .125rem -.0625rem rgba(53,67,107,.1);
    box-shadow:0 .125rem .125rem -.0625rem rgba(53,67,107,.1)
}
.panel.panel-fullscreen .panel-hdr h2{
    font-size:1.125rem;
    font-weight:400
}
.panel.panel-fullscreen .js-panel-locked{
    display:none
}
.panel.panel-fullscreen .btn-panel[data-action=panel-fullscreen],.panel.panel-fullscreen .js-panel-fullscreen{
    width:1.5rem;
    height:1.5rem
}
.panel.panel-fullscreen .panel-container{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    overflow-y:auto;
    border-radius:0;
    display:block!important
}
.panel.panel-locked:not(.panel-fullscreen) .js-panel-locked{
    font-weight:700
}
.panel.panel-locked:not(.panel-fullscreen) .panel-hdr h2:before{
    font-family:nextgen-icons;
    content:"\f2ae";
    position:absolute;
    top:0;
    bottom:0;
    right:5px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:1.1rem;
    color:#ff4341
}
.panel.ui-sortable-helper{
    -webkit-box-shadow:0 5px 16px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.09);
    box-shadow:0 5px 16px 0 rgba(0,0,0,.05),0 5px 20px 0 rgba(0,0,0,.09)
}
.panel-tag{
    padding:1rem 1rem;
    margin-bottom:2rem;
    border-left:3px solid #1dc944;
    background:#eef7fd;
    opacity:.8;
    font-weight:400;
    font-size:.875rem;
    border-radius:0 8px 8px 0
}
.panel-tag>:last-child,.panel-tag>:only-child{
    margin-bottom:0
}
.panel-tag:only-child{
    margin-bottom:0
}
.panel-hdr{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background:#fff;
    min-height:3rem;
    border-bottom:1px solid rgba(0,0,0,.07);
    border-radius:4px 4px 0 0;
    -webkit-transition:background-color .4s ease-out;
    transition:background-color .4s ease-out
}
.panel-collapsed .panel-hdr{
    border-radius:4px
}
.panel-hdr>:first-child{
    padding-left:1rem
}
.panel-hdr>:last-child{
    padding-right:1rem
}
.panel-hdr h2{
    -webkit-box-flex:1;
    -ms-flex:1;
    flex:1;
    font-size:1.6rem;
    margin:0;
    padding: 6px 8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    line-height:3rem;
    color:inherit;
    color:#333;
    position:relative;
    font-weight:500;
    letter-spacing: 0;
}
.panel-hdr h2:not(:only-child){
    margin-right:.66667rem
}
.widget-icon .subheader-icon{
    color:#3ca94f;
}

.panel-hdr h2>[class*=fw-]{
    margin-left:4px
}
.panel-hdr h2 small{
    display:inline-block;
    margin:0;
    opacity:.8;
    font-weight:400;
    font-size:.75rem;
    margin-left:.5rem
}
.panel-hdr h2 .panel-icon{
    margin-right:.5rem
}
.panel-hdr[class*=" bg-"] h2,.panel-hdr[class^=bg-] h2{
    color:inherit
}
.panel-sortable:not(.panel-locked).ui-sortable-helper:active{
    border-color:rgba(0,0,0,.15)
}
.panel-toolbar{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.panel-toolbar .btn-panel{
    margin-left:.3rem;
    padding:0;
    width:1rem;
    height:1rem;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:50%;
    opacity:.8
}
.panel-toolbar .btn-panel:hover{
    opacity:1
}
.panel-toolbar .btn-panel.js-panel-collapse,.panel-toolbar .btn-panel[data-action=panel-collapse]{
    background:#1dc944
}
.panel-toolbar .btn-panel.js-panel-fullscreen,.panel-toolbar .btn-panel[data-action=panel-fullscreen]{
    background:#ffd541
}
.panel-toolbar .btn-panel.js-panel-close,.panel-toolbar .btn-panel[data-action=panel-close]{
    background:#ff4341
}
.panel-toolbar .btn-toolbar-master{
    height:3rem;
    width:1.826875rem;
    border-radius:0;
    margin-right:-1rem;
    border-top-right-radius:3px;
    margin-left:.5rem;
    padding:0 13px;
    background:0 0;
    border:0;
    font-size:1.5625rem;
    color:inherit;
    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
}
.panel-toolbar .btn-toolbar-master[aria-expanded=true]{
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,.15) inset;
    box-shadow:0 2px 5px rgba(0,0,0,.15) inset
}
.panel-toolbar .btn-toolbar-master+.dropdown-menu{
    right:0;
    top:3rem;
    left:auto!important;
    margin:0;
    border-radius:0
}
.panel-toolbar .btn-panel-flat:last-child{
    border-top-right-radius:3px
}
.panel-sortable:not(.panel-fullscreen):not(.panel-locked) .ui-sortable-handle{
    cursor:move
}
.panel-placeholder{
    background-color:#e6e7ec;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:1.5rem;
    border-radius:5px;
    position:relative;
    overflow:hidden;
    border:1px solid transparent
}

.panel-placeholder:before{
    background:#e6e7ec;
    margin:1px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    opacity:1;
    z-index:1
}
.mod-panel-clean .panel-hdr{
    background:#fff;
    background-image:-webkit-gradient(linear,left top, left bottom,from(#f7f7f7),to(#fff));
    background-image:linear-gradient(to bottom,#f7f7f7,#fff);
    -webkit-box-shadow:none;
    box-shadow:none
}
.mod-panel-clean .panel-hdr h2{
    color:#333;
    font-weight:500
}
@media only screen and (max-width:420px){
    .panel .panel-hdr{
        font-size:.875rem;
        min-height:-1rem
    }
    .panel .panel-hdr>:first-child{
        padding-left:10px
    }
    .panel .panel-hdr>:last-child{
        padding-right:10px
    }
    .panel .panel-hdr .panel-toolbar .btn-toolbar-master{
        margin-right:-10px
    }
    .panel .panel-container .panel-content:first-child{
        padding:10px
    }
}
@media print{
    .panel-fullscreen .page-breadcrumb,.panel-fullscreen .page-content .panel:not(.panel-fullscreen),.panel-fullscreen .subheader{
        display:none
    }
    .panel-fullscreen .panel-container,.panel-fullscreen .panel-content,.panel-fullscreen .panel-hdr,.panel-fullscreen h2{
        border:none;
        padding:0!important
    }
    .panel-fullscreen .panel{
        margin:0
    }
}


/* 
 *===================================
 * On/Off FlipSwitch para el ERP
  ===================================*/
  .form-onoffswitch{
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
}

.form-onoffswitch .onoffswitch {
    position: relative !important; 
    width: 52px !important;
    -webkit-user-select:none !important; 
    -moz-user-select:none !important; 
    -ms-user-select: none !important;
    display: inline-block !important;
}
.form-onoffswitch .onoffswitch-checkbox {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.form-onoffswitch .onoffswitch-label {
    display: block !important; 
    overflow: hidden !important; 
    cursor: pointer !important;
    border: 2px solid #3654da !important; 
    border-radius: 20px !important;
}
.form-onoffswitch .onoffswitch-inner {
    display: block !important; 
    width: 200% !important; 
    margin-left: -100% !important;
    transition: margin 0.3s ease-in 0s !important;
}
.form-onoffswitch .onoffswitch-inner:before, .form-onoffswitch .onoffswitch-inner:after {
    display: block !important; float: left !important; 
    width: 50% !important; 
    height: 20px !important; 
    padding: 0 !important; 
    line-height: 20px !important;
    font-size: 12px !important; 
    color: white !important; 
    font-family: Trebuchet, Arial, sans-serif; 
    font-weight: bold !important;
    box-sizing: border-box !important;
}
.form-onoffswitch .onoffswitch-inner:before {
    content: "SI" !important;
    padding-left: 7px !important;
    background-color: #3654da !important; 
    color: #FFFFFF !important;
    box-shadow:none !important;
}
.form-onoffswitch .onoffswitch-inner:after {
    content: "NO" !important;
    padding-right: 7px !important;
    background-color: #fff; 
    color: #3654da  !important;
    text-align: right !important;
}
.form-onoffswitch .onoffswitch-switch { /*circulo*/
    display: block !important; 
    width: 18px !important; 
    height: 18px !important;
    margin: 1px !important;
    background: #FFFFFF !important;
    position: absolute !important; 
    /* top: 2px !important;  */
    bottom: 0 !important;
    right: 30px !important;
    border: 2px solid #3654da !important; 
    border-radius: 20px !important;
    transition: all 0.3s ease-in 0s !important; 
}
.form-onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0 !important;
}
.form-onoffswitch .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -2px !important; 
}

.custom-switch .onoffswitch .onoffswitch-label{
    width: 36px !important;

    
}
.custom-switch .custom-control-label{
    margin-bottom:0px !important;
    padding-top:2px !important;
    font-size: 12px !important;
    font-weight: bolder !important;
}
.custom-switch .onoffswitch {
    
    width: 40px !important;
    margin-bottom:0px !important;
    padding-top:2px !important;
    
}
/* .form-onoffswitch .onoffswitch-inner::before, .form-onoffswitch .onoffswitch-inner::after{
    height: 14px !important;

} */
.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-switch{
    height: 12px !important;
    width: 12px !important;;
    right: 20px !important;
    margin:3px !important;
}
.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-switch::before{
    font-size: 8px !important;
    line-height:12px !important;
}

.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-inner:before,
.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-inner:after {
   font-size: 10px !important;
   line-height: 14px !important;
}

.custom-switch .onoffswitch .onoffswitch-label  .onoffswitch-inner:before {
    padding-left: 6px !important;

}
.custom-switch .onoffswitch .onoffswitch-label  .onoffswitch-inner:after {

    padding-right: 4px !important;

}

 

.textbox-erp {
    border: 1px solid #DBE1EB;
    font-family: Arial, Verdana;
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    color: #2E3133;
    overflow: auto;
    resize: none;
    transition: .3s all ease;
  }
  .textbox-erp:focus {
    border-color: #3276B1;
    transition: .5s all ease;
  }







/* 
 *===================================
 * Border y background para el ERP
  ===================================*/

  .border {
    border: 1px solid #dee2e6 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-right {
    border-right: 1px solid #dee2e6 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-left {
    border-left: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-left-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #6a7eb5 !important
}

.border-secondary {
    border-color: #868e96 !important
}

.border-success {
    border-color: #1dc944 !important
}

.border-info {
    border-color: #1dc7a0 !important
}

.border-warning {
    border-color: #ffd541 !important
}

.border-danger {
    border-color: #ff4341 !important
}

.border-light {
    border-color: #fff !important
}

.border-dark {
    border-color: #505050 !important
}

.border-white {
    border-color: #fff !important
}

.border-transparent {
    border: 1px solid transparent !important
}

.bg-transparent {
    background-color: transparent !important
}


.bg-white {
    background-color: #fff;
    color: #666
}

.bg-faded {
    background-color: #f7f9fa
}

.bg-offwhite-fade {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f8f8f8));
    background-image: linear-gradient(to top, #fff, #f8f8f8)
}

.bg-subtlelight {
    background-color: #fff
}

.bg-subtlelight-fade {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5fcff));
    background-image: linear-gradient(to top, #fff, #f5fcff)
}

.bg-highlight {
    background-color: #fffbee
}

.bg-gray-50 {
    background-color: #f9f9f9
}

.bg-gray-100 {
    background-color: #f8f9fa
}

.bg-gray-200 {
    background-color: #f3f3f3
}

.bg-gray-300 {
    background-color: #dee2e6
}

.bg-gray-400 {
    background-color: #ced4da
}

.bg-gray-500 {
    background-color: #adb5bd
}

.bg-gray-600 {
    background-color: #868e96
}

.bg-gray-700 {
    background-color: #495057
}

.bg-gray-800 {
    background-color: #343a40
}

.bg-gray-900 {
    background-color: #212529
}

.border-faded {
    border: 1px solid rgba(29, 29, 29, .07)
}

.border-top-left-radius-0 {
    border-top-left-radius: 0 !important
}

.border-bottom-left-radius-0 {
    border-bottom-left-radius: 0 !important
}

.border-top-right-radius-0 {
    border-top-right-radius: 0 !important
}

.border-bottom-right-radius-0 {
    border-bottom-right-radius: 0 !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #4e639e !important
}

.bg-secondary {
    background-color: #868e96 !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #6c757d !important
}

.bg-success {
    background-color: #1dc944 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #179c35 !important
}

.bg-info {
    background-color: #1dc7a0 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #179a7c !important
}

.bg-warning {
    background-color: #ffd541 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #ffca0e !important
}

.bg-danger {
    background-color: #ff4341 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #ff110e !important
}

.bg-light {
    background-color: #fff !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #e6e6e6 !important
}

.bg-dark {
    background-color: #505050 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #363636 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}
.bg-primary-50 {
    background-color: #bfc8df;
    color: rgba(0, 0, 0, .8)
}

.bg-primary-50:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-primary-100 {
    background-color: #aeb9d7;
    color: rgba(0, 0, 0, .8)
}

.bg-primary-100:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-primary-200 {
    background-color: #9daace;
    color: rgba(0, 0, 0, .8)
}

.bg-primary-200:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-primary-300 {
    background-color: #8c9cc6;
    color: rgba(0, 0, 0, .8)
}

.bg-primary-300:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-primary-400 {
    background-color: #7b8dbd;
    color: #fff
}

.bg-primary-400:hover {
    color: #fff
}

.bg-primary-500 {
    background-color: #6a7eb5;
    color: #fff
}

.bg-primary-500:hover {
    color: #fff
}

.bg-primary-600 {
    background-color: #596fad;
    color: #fff
}

.bg-primary-600:hover {
    color: #fff
}

.bg-primary-700 {
    background-color: #4e639e;
    color: #fff
}

.bg-primary-700:hover {
    color: #fff
}

.bg-primary-800 {
    background-color: #46598d;
    color: #fff
}

.bg-primary-800:hover {
    color: #fff
}

.bg-primary-900 {
    background-color: #3d4e7c;
    color: #fff
}

.bg-primary-900:hover {
    color: #fff
}

.color-primary-50 {
    color: #bfc8df
}

.color-primary-100 {
    color: #aeb9d7
}

.color-primary-200 {
    color: #9daace
}

.color-primary-300 {
    color: #8c9cc6
}

.color-primary-400 {
    color: #7b8dbd
}

.color-primary-500 {
    color: #6a7eb5
}

.color-primary-600 {
    color: #596fad
}

.color-primary-700 {
    color: #4e639e
}

.color-primary-800 {
    color: #46598d
}

.color-primary-900 {
    color: #3d4e7c
}

.bg-success-50 {
    background-color: #7aec94;
    color: rgba(0, 0, 0, .8)
}

.bg-success-50:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-success-100 {
    background-color: #63e982;
    color: rgba(0, 0, 0, .8)
}

.bg-success-100:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-success-200 {
    background-color: #4de570;
    color: rgba(0, 0, 0, .8)
}

.bg-success-200:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-success-300 {
    background-color: #37e25e;
    color: rgba(0, 0, 0, .8)
}

.bg-success-300:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-success-400 {
    background-color: #21df4c;
    color: rgba(0, 0, 0, .8)
}

.bg-success-400:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-success-500 {
    background-color: #1dc944;
    color: #fff
}

.bg-success-500:hover {
    color: #fff
}

.bg-success-600 {
    background-color: #1ab33c;
    color: #fff
}

.bg-success-600:hover {
    color: #fff
}

.bg-success-700 {
    background-color: #179c35;
    color: #fff
}

.bg-success-700:hover {
    color: #fff
}

.bg-success-800 {
    background-color: #13862d;
    color: #fff
}

.bg-success-800:hover {
    color: #fff
}

.bg-success-900 {
    background-color: #107026;
    color: #fff
}

.bg-success-900:hover {
    color: #fff
}

.color-success-50 {
    color: #7aec94
}

.color-success-100 {
    color: #63e982
}

.color-success-200 {
    color: #4de570
}

.color-success-300 {
    color: #37e25e
}

.color-success-400 {
    color: #21df4c
}

.color-success-500 {
    color: #1dc944
}

.color-success-600 {
    color: #1ab33c
}

.color-success-700 {
    color: #179c35
}

.color-success-800 {
    color: #13862d
}

.color-success-900 {
    color: #107026
}

.bg-info-50 {
    background-color: #78ebd1;
    color: rgba(0, 0, 0, .8)
}

.bg-info-50:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-info-100 {
    background-color: #62e8c9;
    color: rgba(0, 0, 0, .8)
}

.bg-info-100:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-info-200 {
    background-color: #4ce5c2;
    color: rgba(0, 0, 0, .8)
}

.bg-info-200:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-info-300 {
    background-color: #35e2ba;
    color: rgba(0, 0, 0, .8)
}

.bg-info-300:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-info-400 {
    background-color: #20ddb2;
    color: rgba(0, 0, 0, .8)
}

.bg-info-400:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-info-500 {
    background-color: #1dc7a0;
    color: #fff
}

.bg-info-500:hover {
    color: #fff
}

.bg-info-600 {
    background-color: #1ab18e;
    color: #fff
}

.bg-info-600:hover {
    color: #fff
}

.bg-info-700 {
    background-color: #179a7c;
    color: #fff
}

.bg-info-700:hover {
    color: #fff
}

.bg-info-800 {
    background-color: #13846a;
    color: #fff
}

.bg-info-800:hover {
    color: #fff
}

.bg-info-900 {
    background-color: #106e58;
    color: #fff
}

.bg-info-900:hover {
    color: #fff
}

.color-info-50 {
    color: #78ebd1
}

.color-info-100 {
    color: #62e8c9
}

.color-info-200 {
    color: #4ce5c2
}

.color-info-300 {
    color: #35e2ba
}

.color-info-400 {
    color: #20ddb2
}

.color-info-500 {
    color: #1dc7a0
}

.color-info-600 {
    color: #1ab18e
}

.color-info-700 {
    color: #179a7c
}

.color-info-800 {
    color: #13846a
}

.color-info-900 {
    color: #106e58
}

.bg-warning-50 {
    background-color: #fff1c1;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-50:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-100 {
    background-color: #ffeca7;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-100:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-200 {
    background-color: #ffe68e;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-200:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-300 {
    background-color: #ffe074;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-300:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-400 {
    background-color: #ffdb5b;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-400:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-500 {
    background-color: #ffd541;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-500:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-600 {
    background-color: #ffcf28;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-600:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-700 {
    background-color: #ffca0e;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-700:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-800 {
    background-color: #f4be00;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-800:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-warning-900 {
    background-color: #daaa00;
    color: rgba(0, 0, 0, .8)
}

.bg-warning-900:hover {
    color: rgba(0, 0, 0, .8)
}

.color-warning-50 {
    color: #fff1c1
}

.color-warning-100 {
    color: #ffeca7
}

.color-warning-200 {
    color: #ffe68e
}

.color-warning-300 {
    color: #ffe074
}

.color-warning-400 {
    color: #ffdb5b
}

.color-warning-500 {
    color: #ffd541
}

.color-warning-600 {
    color: #ffcf28
}

.color-warning-700 {
    color: #ffca0e
}

.color-warning-800 {
    color: #f4be00
}

.color-warning-900 {
    color: #daaa00
}

.bg-danger-50 {
    background-color: #ffc1c1;
    color: rgba(0, 0, 0, .8)
}

.bg-danger-50:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-danger-100 {
    background-color: #ffa8a7;
    color: rgba(0, 0, 0, .8)
}

.bg-danger-100:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-danger-200 {
    background-color: #ff8f8e;
    color: rgba(0, 0, 0, .8)
}

.bg-danger-200:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-danger-300 {
    background-color: #ff7574;
    color: rgba(0, 0, 0, .8)
}

.bg-danger-300:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-danger-400 {
    background-color: #ff5c5b;
    color: #fff
}

.bg-danger-400:hover {
    color: #fff
}

.bg-danger-500 {
    background-color: #ff4341;
    color: #fff
}

.bg-danger-500:hover {
    color: #fff
}

.bg-danger-600 {
    background-color: #ff2a28;
    color: #fff
}

.bg-danger-600:hover {
    color: #fff
}

.bg-danger-700 {
    background-color: #ff110e;
    color: #fff
}

.bg-danger-700:hover {
    color: #fff
}

.bg-danger-800 {
    background-color: #f40300;
    color: #fff
}

.bg-danger-800:hover {
    color: #fff
}

.bg-danger-900 {
    background-color: #da0200;
    color: #fff
}

.bg-danger-900:hover {
    color: #fff
}

.color-danger-50 {
    color: #ffc1c1
}

.color-danger-100 {
    color: #ffa8a7
}

.color-danger-200 {
    color: #ff8f8e
}

.color-danger-300 {
    color: #ff7574
}

.color-danger-400 {
    color: #ff5c5b
}

.color-danger-500 {
    color: #ff4341
}

.color-danger-600 {
    color: #ff2a28
}

.color-danger-700 {
    color: #ff110e
}

.color-danger-800 {
    color: #f40300
}

.color-danger-900 {
    color: #da0200
}
.bg-fusion-10 {
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .8)
}

.bg-fusion-10:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-fusion-20 {
    background-color: #d3d1d1;
    color: rgba(0, 0, 0, .8)
}

.bg-fusion-20:hover {
    color: rgba(0, 0, 0, .8)
}

.bg-fusion-50 {
    background-color: #909090;
    color: #fff
}

.bg-fusion-50:hover {
    color: #fff
}

.bg-fusion-100 {
    background-color: #838383;
    color: #fff
}

.bg-fusion-100:hover {
    color: #fff
}

.bg-fusion-200 {
    background-color: #767676;
    color: #fff
}

.bg-fusion-200:hover {
    color: #fff
}

.bg-fusion-300 {
    background-color: #696969;
    color: #fff
}

.bg-fusion-300:hover {
    color: #fff
}

.bg-fusion-400 {
    background-color: #5d5d5d;
    color: #fff
}

.bg-fusion-400:hover {
    color: #fff
}

.bg-fusion-500 {
    background-color: #505050;
    color: #fff
}

.bg-fusion-500:hover {
    color: #fff
}

.bg-fusion-600 {
    background-color: #434343;
    color: #fff
}

.bg-fusion-600:hover {
    color: #fff
}

.bg-fusion-700 {
    background-color: #363636;
    color: #fff
}

.bg-fusion-700:hover {
    color: #fff
}

.bg-fusion-800 {
    background-color: #2a2a2a;
    color: #fff
}

.bg-fusion-800:hover {
    color: #fff
}

.bg-fusion-900 {
    background-color: #1d1d1d;
    color: #fff
}

.bg-fusion-900:hover {
    color: #fff
}

.color-fusion-50 {
    color: #909090
}

.color-fusion-100 {
    color: #838383
}

.color-fusion-200 {
    color: #767676
}

.color-fusion-300 {
    color: #696969
}

.color-fusion-400 {
    color: #5d5d5d
}

.color-fusion-500 {
    color: #505050
}

.color-fusion-600 {
    color: #434343
}

.color-fusion-700 {
    color: #363636
}

.color-fusion-800 {
    color: #2a2a2a
}

.color-fusion-900 {
    color: #1d1d1d
}

.color-white {
    color: #fff !important
}

.color-black {
    color: #222 !important
}

.bg-primary-gradient {
    background-image: linear-gradient(250deg, rgba(61, 78, 124, .7), transparent)
}

.bg-danger-gradient {
    background-image: linear-gradient(250deg, rgba(218, 2, 0, .7), transparent)
}

.bg-info-gradient {
    background-image: linear-gradient(250deg, rgba(16, 110, 88, .7), transparent)
}

.bg-warning-gradient {
    background-image: linear-gradient(250deg, rgba(218, 170, 0, .7), transparent)
}

.bg-success-gradient {
    background-image: linear-gradient(250deg, rgba(16, 112, 38, .7), transparent)
}

.bg-fusion-gradient {
    background-image: linear-gradient(250deg, rgba(29, 29, 29, .7), transparent)
}


/* 
 *===================================
 * Font Weight y font-size para el ERP
  ===================================*/
.fs-nano {
    font-size: .6875rem !important
}

.fs-xs {
    font-size: .75rem !important
}

.fs-sm {
    font-size: .78125rem !important
}

.fs-b {
    font-size: .8125rem !important
}

.fs-md {
    font-size: .875rem !important
}

.fs-lg {
    font-size: .9375rem !important
}

.fs-xl {
    font-size: 1rem !important
}
.fs-xlmd {
    font-size: 1.2rem !important
}

.fs-xlg {
    font-size: 1.4rem !important
}

.fs-xxl {
    font-size: 1.75rem !important
}


.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-900 {
    font-weight: 900 !important
}

.fw-n {
    font-weight: 400 !important
}
.text-justify {
    text-align: justify !important
}

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.text-truncate-header {
    max-width: 6.0625rem
}

.text-truncate-xs {
    max-width: 4.5625rem
}

.text-truncate-sm {
    max-width: 117px
}

.text-truncate-md {
    max-width: 160px
}

.text-truncate-default {
    max-width: 180px
}

.text-truncate-lg {
    max-width: 200px
}


/* 
 *===================================
 * BADGE para el ERP
  ===================================*/

 
.badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 88%;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

a.badge:focus,
a.badge:hover {
    text-decoration: none
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: rgb(45, 0, 200)
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: rgb(45, 0, 200)
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(43, 0, 200, 0.4);
    box-shadow: 0 0 0 .2rem rgba(43, 0, 200, 0.4);
}

.badge-primary-claro {
    color: #fff;
    background-color: #4e639e
}

a.badge-primary-claro:focus,
a.badge-primary-claro:hover {
    color: #fff;
    background-color: #4e639e
}

a.badge-primary-claro.focus,
a.badge-primary-claro:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(106, 126, 181, .5);
    box-shadow: 0 0 0 .2rem rgba(106, 126, 181, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #868e96
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5);
    box-shadow: 0 0 0 .2rem rgba(134, 142, 150, .5)
}

.badge-success {
    color: #fff;
    background-color: #179c35
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #179c35
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(29, 201, 68, .5);
    box-shadow: 0 0 0 .2rem rgba(29, 201, 68, .5)
}

.badge-success-claro {
    color: #000;
    background-color: #94FFAC
}

a.badge-success-claro:focus,
a.badge-success-claro:hover {
    color: #000;
    background-color: #94FFAC
}

a.badge-success-claro.focus,
a.badge-success-claro:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(148, 255, 171, 0.493);
    box-shadow: 0 0 0 .2rem rgba(148, 255, 171, 0.493);
}

.badge-info {
    color: #fff;
    background-color: #1dc7a0
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #179a7c
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(29, 199, 160, .5);
    box-shadow: 0 0 0 .2rem rgba(29, 199, 160, .5)
}

.badge-warning {
    color: #212529;
    background-color: #ffd541
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #212529;
    background-color: #ffca0e
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 213, 65, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 213, 65, .5)
}

.badge-danger {
    color: #fff;
    background-color: #ff4341
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #ff110e
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 67, 65, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 67, 65, .5)
}

.badge-light {
    color: #212529;
    background-color: #fff
}

a.badge-light:focus,
a.badge-light:hover {
    color: #212529;
    background-color: #e6e6e6
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 255, 255, .5)
}

.badge-dark {
    color: #fff;
    background-color: #505050
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #363636
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(80, 80, 80, .5);
    box-shadow: 0 0 0 .2rem rgba(80, 80, 80, .5)
}


/* 
 *===================================
 * Margin y padding  para el ERP
  ===================================*/


.mt-0,
.my-0 {
    margin-top: 0 !important
}

.mr-0,
.mx-0 {
    margin-right: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mt-1,
.my-1 {
    margin-top: .25rem !important
}

.mr-1,
.mx-1 {
    margin-right: .25rem !important
}

.mb-1,
.my-1 {
    margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.mb-2,
.my-2 {
    margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important
}

.m-5 {
    margin: 2rem !important
}

.mt-5,
.my-5 {
    margin-top: 2rem !important
}

.mr-5,
.mx-5 {
    margin-right: 2rem !important
}

.mb-5,
.my-5 {
    margin-bottom: 2rem !important
}

.ml-5,
.mx-5 {
    margin-left: 2rem !important
}

.m-6 {
    margin: 2.5rem !important
}

.mt-6,
.my-6 {
    margin-top: 2.5rem !important
}

.mr-6,
.mx-6 {
    margin-right: 2.5rem !important
}

.mb-6,
.my-6 {
    margin-bottom: 2.5rem !important
}

.ml-6,
.mx-6 {
    margin-left: 2.5rem !important
}
.ml-7,
.mx-7 {
    margin-left: 3rem !important
}
.ml-8,
.mx-8 {
    margin-left: 3.5rem !important
}

.ml-9,
.mx-9 {
    margin-left: 4rem !important
}
.ml-10,
.mx-10 {
    margin-left: 4.5rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.pt-1,
.py-1 {
    padding-top: .25rem !important
}

.pr-1,
.px-1 {
    padding-right: .25rem !important
}

.pb-1,
.py-1 {
    padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
    padding-left: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.pt-2,
.py-2 {
    padding-top: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pb-2,
.py-2 {
    padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pr-3,
.px-3 {
    padding-right: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
    padding-left: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important
}

.p-5 {
    padding: 2rem !important
}

.pt-5,
.py-5 {
    padding-top: 2rem !important
}

.pr-5,
.px-5 {
    padding-right: 2rem !important
}

.pb-5,
.py-5 {
    padding-bottom: 2rem !important
}

.pl-5,
.px-5 {
    padding-left: 2rem !important
}

.p-6 {
    padding: 2.5rem !important
}

.pt-6,
.py-6 {
    padding-top: 2.5rem !important
}

.pr-6,
.px-6 {
    padding-right: 2.5rem !important
}

.pb-6,
.py-6 {
    padding-bottom: 2.5rem !important
}

.pl-6,
.px-6 {
    padding-left: 2.5rem !important
}

.m-n1 {
    margin: -.25rem !important
}

.mt-n1,
.my-n1 {
    margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
    margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
    margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
    margin-left: -.25rem !important
}

.m-n2 {
    margin: -.5rem !important
}

.mt-n2,
.my-n2 {
    margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
    margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
    margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
    margin-left: -.5rem !important
}

.m-n3 {
    margin: -1rem !important
}

.mt-n3,
.my-n3 {
    margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
    margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
    margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
    margin-left: -1rem !important
}

.m-n4 {
    margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
    margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
    margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
    margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
    margin-left: -1.5rem !important
}

.m-n5 {
    margin: -2rem !important
}

.mt-n5,
.my-n5 {
    margin-top: -2rem !important
}

.mr-n5,
.mx-n5 {
    margin-right: -2rem !important
}

.mb-n5,
.my-n5 {
    margin-bottom: -2rem !important
}

.ml-n5,
.mx-n5 {
    margin-left: -2rem !important
}

.m-n6 {
    margin: -2.5rem !important
}

.mt-n6,
.my-n6 {
    margin-top: -2.5rem !important
}

.mr-n6,
.mx-n6 {
    margin-right: -2.5rem !important
}

.mb-n6,
.my-n6 {
    margin-bottom: -2.5rem !important
}

.ml-n6,
.mx-n6 {
    margin-left: -2.5rem !important
}

.m-auto {
    margin: auto !important
}

.mt-auto,
.my-auto {
    margin-top: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:576px) {
    .m-sm-0 {
        margin: 0 !important
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: .25rem !important
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: .25rem !important
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: .25rem !important
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: .5rem !important
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: .5rem !important
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: .5rem !important
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important
    }

    .m-sm-5 {
        margin: 2rem !important
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 2rem !important
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 2rem !important
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 2rem !important
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 2rem !important
    }

    .m-sm-6 {
        margin: 2.5rem !important
    }

    .mt-sm-6,
    .my-sm-6 {
        margin-top: 2.5rem !important
    }

    .mr-sm-6,
    .mx-sm-6 {
        margin-right: 2.5rem !important
    }

    .mb-sm-6,
    .my-sm-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-sm-6,
    .mx-sm-6 {
        margin-left: 2.5rem !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: .25rem !important
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: .25rem !important
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: .25rem !important
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: .5rem !important
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: .5rem !important
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: .5rem !important
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important
    }

    .p-sm-5 {
        padding: 2rem !important
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 2rem !important
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 2rem !important
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 2rem !important
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 2rem !important
    }

    .p-sm-6 {
        padding: 2.5rem !important
    }

    .pt-sm-6,
    .py-sm-6 {
        padding-top: 2.5rem !important
    }

    .pr-sm-6,
    .px-sm-6 {
        padding-right: 2.5rem !important
    }

    .pb-sm-6,
    .py-sm-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-sm-6,
    .px-sm-6 {
        padding-left: 2.5rem !important
    }

    .m-sm-n1 {
        margin: -.25rem !important
    }

    .mt-sm-n1,
    .my-sm-n1 {
        margin-top: -.25rem !important
    }

    .mr-sm-n1,
    .mx-sm-n1 {
        margin-right: -.25rem !important
    }

    .mb-sm-n1,
    .my-sm-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-sm-n1,
    .mx-sm-n1 {
        margin-left: -.25rem !important
    }

    .m-sm-n2 {
        margin: -.5rem !important
    }

    .mt-sm-n2,
    .my-sm-n2 {
        margin-top: -.5rem !important
    }

    .mr-sm-n2,
    .mx-sm-n2 {
        margin-right: -.5rem !important
    }

    .mb-sm-n2,
    .my-sm-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-sm-n2,
    .mx-sm-n2 {
        margin-left: -.5rem !important
    }

    .m-sm-n3 {
        margin: -1rem !important
    }

    .mt-sm-n3,
    .my-sm-n3 {
        margin-top: -1rem !important
    }

    .mr-sm-n3,
    .mx-sm-n3 {
        margin-right: -1rem !important
    }

    .mb-sm-n3,
    .my-sm-n3 {
        margin-bottom: -1rem !important
    }

    .ml-sm-n3,
    .mx-sm-n3 {
        margin-left: -1rem !important
    }

    .m-sm-n4 {
        margin: -1.5rem !important
    }

    .mt-sm-n4,
    .my-sm-n4 {
        margin-top: -1.5rem !important
    }

    .mr-sm-n4,
    .mx-sm-n4 {
        margin-right: -1.5rem !important
    }

    .mb-sm-n4,
    .my-sm-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-sm-n4,
    .mx-sm-n4 {
        margin-left: -1.5rem !important
    }

    .m-sm-n5 {
        margin: -2rem !important
    }

    .mt-sm-n5,
    .my-sm-n5 {
        margin-top: -2rem !important
    }

    .mr-sm-n5,
    .mx-sm-n5 {
        margin-right: -2rem !important
    }

    .mb-sm-n5,
    .my-sm-n5 {
        margin-bottom: -2rem !important
    }

    .ml-sm-n5,
    .mx-sm-n5 {
        margin-left: -2rem !important
    }

    .m-sm-n6 {
        margin: -2.5rem !important
    }

    .mt-sm-n6,
    .my-sm-n6 {
        margin-top: -2.5rem !important
    }

    .mr-sm-n6,
    .mx-sm-n6 {
        margin-right: -2.5rem !important
    }

    .mb-sm-n6,
    .my-sm-n6 {
        margin-bottom: -2.5rem !important
    }

    .ml-sm-n6,
    .mx-sm-n6 {
        margin-left: -2.5rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important
    }
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 2rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 2rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 2rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 2rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 2rem !important
    }

    .m-md-6 {
        margin: 2.5rem !important
    }

    .mt-md-6,
    .my-md-6 {
        margin-top: 2.5rem !important
    }

    .mr-md-6,
    .mx-md-6 {
        margin-right: 2.5rem !important
    }

    .mb-md-6,
    .my-md-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-md-6,
    .mx-md-6 {
        margin-left: 2.5rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 2rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 2rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 2rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 2rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 2rem !important
    }

    .p-md-6 {
        padding: 2.5rem !important
    }

    .pt-md-6,
    .py-md-6 {
        padding-top: 2.5rem !important
    }

    .pr-md-6,
    .px-md-6 {
        padding-right: 2.5rem !important
    }

    .pb-md-6,
    .py-md-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-md-6,
    .px-md-6 {
        padding-left: 2.5rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -2rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -2rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -2rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -2rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -2rem !important
    }

    .m-md-n6 {
        margin: -2.5rem !important
    }

    .mt-md-n6,
    .my-md-n6 {
        margin-top: -2.5rem !important
    }

    .mr-md-n6,
    .mx-md-n6 {
        margin-right: -2.5rem !important
    }

    .mb-md-n6,
    .my-md-n6 {
        margin-bottom: -2.5rem !important
    }

    .ml-md-n6,
    .mx-md-n6 {
        margin-left: -2.5rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

@media (min-width:992px) {
    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 2rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 2rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 2rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 2rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 2rem !important
    }

    .m-lg-6 {
        margin: 2.5rem !important
    }

    .mt-lg-6,
    .my-lg-6 {
        margin-top: 2.5rem !important
    }

    .mr-lg-6,
    .mx-lg-6 {
        margin-right: 2.5rem !important
    }

    .mb-lg-6,
    .my-lg-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-lg-6,
    .mx-lg-6 {
        margin-left: 2.5rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 2rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 2rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 2rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 2rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 2rem !important
    }

    .p-lg-6 {
        padding: 2.5rem !important
    }

    .pt-lg-6,
    .py-lg-6 {
        padding-top: 2.5rem !important
    }

    .pr-lg-6,
    .px-lg-6 {
        padding-right: 2.5rem !important
    }

    .pb-lg-6,
    .py-lg-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-lg-6,
    .px-lg-6 {
        padding-left: 2.5rem !important
    }

    .m-lg-n1 {
        margin: -.25rem !important
    }

    .mt-lg-n1,
    .my-lg-n1 {
        margin-top: -.25rem !important
    }

    .mr-lg-n1,
    .mx-lg-n1 {
        margin-right: -.25rem !important
    }

    .mb-lg-n1,
    .my-lg-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-lg-n1,
    .mx-lg-n1 {
        margin-left: -.25rem !important
    }

    .m-lg-n2 {
        margin: -.5rem !important
    }

    .mt-lg-n2,
    .my-lg-n2 {
        margin-top: -.5rem !important
    }

    .mr-lg-n2,
    .mx-lg-n2 {
        margin-right: -.5rem !important
    }

    .mb-lg-n2,
    .my-lg-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-lg-n2,
    .mx-lg-n2 {
        margin-left: -.5rem !important
    }

    .m-lg-n3 {
        margin: -1rem !important
    }

    .mt-lg-n3,
    .my-lg-n3 {
        margin-top: -1rem !important
    }

    .mr-lg-n3,
    .mx-lg-n3 {
        margin-right: -1rem !important
    }

    .mb-lg-n3,
    .my-lg-n3 {
        margin-bottom: -1rem !important
    }

    .ml-lg-n3,
    .mx-lg-n3 {
        margin-left: -1rem !important
    }

    .m-lg-n4 {
        margin: -1.5rem !important
    }

    .mt-lg-n4,
    .my-lg-n4 {
        margin-top: -1.5rem !important
    }

    .mr-lg-n4,
    .mx-lg-n4 {
        margin-right: -1.5rem !important
    }

    .mb-lg-n4,
    .my-lg-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-lg-n4,
    .mx-lg-n4 {
        margin-left: -1.5rem !important
    }

    .m-lg-n5 {
        margin: -2rem !important
    }

    .mt-lg-n5,
    .my-lg-n5 {
        margin-top: -2rem !important
    }

    .mr-lg-n5,
    .mx-lg-n5 {
        margin-right: -2rem !important
    }

    .mb-lg-n5,
    .my-lg-n5 {
        margin-bottom: -2rem !important
    }

    .ml-lg-n5,
    .mx-lg-n5 {
        margin-left: -2rem !important
    }

    .m-lg-n6 {
        margin: -2.5rem !important
    }

    .mt-lg-n6,
    .my-lg-n6 {
        margin-top: -2.5rem !important
    }

    .mr-lg-n6,
    .mx-lg-n6 {
        margin-right: -2.5rem !important
    }

    .mb-lg-n6,
    .my-lg-n6 {
        margin-bottom: -2.5rem !important
    }

    .ml-lg-n6,
    .mx-lg-n6 {
        margin-left: -2.5rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }
}

@media (min-width:1399px) {
    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 2rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 2rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 2rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 2rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 2rem !important
    }

    .m-xl-6 {
        margin: 2.5rem !important
    }

    .mt-xl-6,
    .my-xl-6 {
        margin-top: 2.5rem !important
    }

    .mr-xl-6,
    .mx-xl-6 {
        margin-right: 2.5rem !important
    }

    .mb-xl-6,
    .my-xl-6 {
        margin-bottom: 2.5rem !important
    }

    .ml-xl-6,
    .mx-xl-6 {
        margin-left: 2.5rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 2rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 2rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 2rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 2rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 2rem !important
    }

    .p-xl-6 {
        padding: 2.5rem !important
    }

    .pt-xl-6,
    .py-xl-6 {
        padding-top: 2.5rem !important
    }

    .pr-xl-6,
    .px-xl-6 {
        padding-right: 2.5rem !important
    }

    .pb-xl-6,
    .py-xl-6 {
        padding-bottom: 2.5rem !important
    }

    .pl-xl-6,
    .px-xl-6 {
        padding-left: 2.5rem !important
    }

    .m-xl-n1 {
        margin: -.25rem !important
    }

    .mt-xl-n1,
    .my-xl-n1 {
        margin-top: -.25rem !important
    }

    .mr-xl-n1,
    .mx-xl-n1 {
        margin-right: -.25rem !important
    }

    .mb-xl-n1,
    .my-xl-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-xl-n1,
    .mx-xl-n1 {
        margin-left: -.25rem !important
    }

    .m-xl-n2 {
        margin: -.5rem !important
    }

    .mt-xl-n2,
    .my-xl-n2 {
        margin-top: -.5rem !important
    }

    .mr-xl-n2,
    .mx-xl-n2 {
        margin-right: -.5rem !important
    }

    .mb-xl-n2,
    .my-xl-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-xl-n2,
    .mx-xl-n2 {
        margin-left: -.5rem !important
    }

    .m-xl-n3 {
        margin: -1rem !important
    }

    .mt-xl-n3,
    .my-xl-n3 {
        margin-top: -1rem !important
    }

    .mr-xl-n3,
    .mx-xl-n3 {
        margin-right: -1rem !important
    }

    .mb-xl-n3,
    .my-xl-n3 {
        margin-bottom: -1rem !important
    }

    .ml-xl-n3,
    .mx-xl-n3 {
        margin-left: -1rem !important
    }

    .m-xl-n4 {
        margin: -1.5rem !important
    }

    .mt-xl-n4,
    .my-xl-n4 {
        margin-top: -1.5rem !important
    }

    .mr-xl-n4,
    .mx-xl-n4 {
        margin-right: -1.5rem !important
    }

    .mb-xl-n4,
    .my-xl-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-xl-n4,
    .mx-xl-n4 {
        margin-left: -1.5rem !important
    }

    .m-xl-n5 {
        margin: -2rem !important
    }

    .mt-xl-n5,
    .my-xl-n5 {
        margin-top: -2rem !important
    }

    .mr-xl-n5,
    .mx-xl-n5 {
        margin-right: -2rem !important
    }

    .mb-xl-n5,
    .my-xl-n5 {
        margin-bottom: -2rem !important
    }

    .ml-xl-n5,
    .mx-xl-n5 {
        margin-left: -2rem !important
    }

    .m-xl-n6 {
        margin: -2.5rem !important
    }

    .mt-xl-n6,
    .my-xl-n6 {
        margin-top: -2.5rem !important
    }

    .mr-xl-n6,
    .mx-xl-n6 {
        margin-right: -2.5rem !important
    }

    .mb-xl-n6,
    .my-xl-n6 {
        margin-bottom: -2.5rem !important
    }

    .ml-xl-n6,
    .mx-xl-n6 {
        margin-left: -2.5rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }
}

/* 
 *===================================
 * Estilos de Chat ERP
  ===================================*/

.chat-segment-get {
    text-align: left;
    position: relative;
    margin: 0 2rem .5rem 0
}

.chat-segment-get.chat-start .chat-message {
    border-bottom-left-radius: 3px
}

.chat-segment-get.chat-start+:not(.chat-end) .chat-message {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.chat-segment-get.chat-end .chat-message {
    border-top-left-radius: 3px
}

.chat-segment-get .chat-message {
    background: #f1f0f0;
    color: rgba(0, 0, 0, .8);
    text-align: left
}

.chat-segment-sent {
    text-align: right;
    position: relative;
    margin: 0 0 .5rem 3rem
}

.chat-segment-sent.chat-start .chat-message {
    border-bottom-right-radius: 3px
}

.chat-segment-sent.chat-start+:not(.chat-end) .chat-message {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.chat-segment-sent.chat-end .chat-message {
    border-top-right-radius: 3px
}

.chat-segment-sent .chat-message {
    background: #1dc944;
    color: #fff;
    text-align: left
}

.chat-message {
    padding: .75rem 1rem;
    border-radius: 1.5rem;
    /* border-radius: .625rem; */
    position: relative;
    display: inline-block
}

.chat-message>p {
    padding: .75rem 0 0;
    margin: 0
}

.chat-message>p:first-child {
    padding-top: 0
}

.chat-start {
    margin-bottom: 3px !important
}

.chat-start .time-stamp {
    display: none
}

.chat-start+.chat-segment:not(.chat-end) {
    margin-bottom: 3px !important
}

.chat-start+.chat-segment:not(.chat-end) .time-stamp {
    display: none
}
/* 
 *===================================
 * Estilo Perfil  para ERP
  ===================================*/

  .profile-image {
        width: 3.125rem;
        height: 3.125rem
    }

    .profile-image-md {
        width: 3.5rem;
        height: 3.5rem
    }

    .profile-image-sm {
        width: 1.5625rem;
        height: 1.5625rem
    }

    .img-share {
        width: auto;
        height: 2.8125rem
    }

    span.img-share {
        width: 4.12594rem;
        height: 2.8125rem
    }

    .rounded-sm {
        border-radius: 4px !important
    }
    
    .rounded {
        border-radius: 6px !important
    }
    
    .rounded-top {
        border-top-left-radius: 4px !important;
        border-top-right-radius: 4px !important
    }
    
    .rounded-right {
        border-top-right-radius: 4px !important;
        border-bottom-right-radius: 4px !important
    }
    
    .rounded-bottom {
        border-bottom-right-radius: 4px !important;
        border-bottom-left-radius: 4px !important
    }
    
    .rounded-left {
        border-top-left-radius: 4px !important;
        border-bottom-left-radius: 4px !important
    }
    
    .rounded-lg {
        border-radius: 8px !important
    }
    
    .rounded-circle {
        border-radius: 50% !important
    }
    
    .rounded-pill {
        border-radius: 50rem !important
    }
    
    .rounded-0 {
        border-radius: 0 !important
    }
/* 
 *===================================
 * Estilo Display para ERP
  ===================================*/
  .d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -webkit-box-flex: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:576px) {
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:768px) {
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:992px) {
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1399px) {
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}


  @media (min-width:768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}


/* 
 *===================================
 * Re dibujando Scroll
  ===================================*/

/*Scroll Mozilla*/
.miscroll {
    overflow-y: scroll;
    scrollbar-color: #5CCF74 #b4e996;
    scrollbar-width: thin;
}

/*scroll chrome*/
.miscroll::-webkit-scrollbar {
    width: 8px;
    /* Tamaño del scroll en vertical */
    height: 8px;

}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */

.miscroll::-webkit-scrollbar-thumb {
    background: #5CCF74;
    border-radius: 4px;
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
.miscroll::-webkit-scrollbar-thumb:hover {
    background: #5ef77f;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);

}

/* Cambiamos el fondo cuando esté en active */
.miscroll::-webkit-scrollbar-thumb:active {
    background-color: #5ef77f;
}

/* Ponemos un color de fondo y redondeamos las esquinas del track */

.miscroll::-webkit-scrollbar-track {
    background: #b4e996;
    border-radius: 20px;
}

/* Cambiamos el fondo cuando esté en active o hover */
.miscroll::-webkit-scrollbar-track:hover,
.miscroll::-webkit-scrollbar-track:active {
    background: #b4e996;
}

.mitabla thead tr th {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f5f5f5;
}


/* 
 *===================================
 * Opacity para el ERP
  ===================================*/

  .opacity-5 {
    opacity: .05
}

.opacity-10 {
    opacity: .1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-35 {
    opacity: .35
}

.opacity-40 {
    opacity: .4
}

.opacity-45 {
    opacity: .45
}

.opacity-50 {
    opacity: .5
}

.opacity-55 {
    opacity: .55
}

.opacity-60 {
    opacity: .6
}

.opacity-65 {
    opacity: .65
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-85 {
    opacity: .85
}

.opacity-90 {
    opacity: .9
}

.opacity-95 {
    opacity: .95
}

.opacity-100 {
    opacity: 1
}

/* 
 *===================================
 * On/Off FlipSwitch para el ERP
  ===================================*/
  /* .form-onoffswitch{
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
} */

.onoffswitch {
    position: relative !important; 
    width: 46px !important;
    -webkit-user-select:none !important; 
    -moz-user-select:none !important; 
    -ms-user-select: none !important;
    display: inline-block !important;
}
.onoffswitch-checkbox {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}
.onoffswitch-label {
    display: block !important; 
    overflow: hidden !important; 
    cursor: pointer !important;
    border: 2px solid #3a57a6 !important; 
    border-radius: 20px !important;
}
.onoffswitch-inner {
    display: block !important; 
    width: 200% !important; 
    margin-left: -100% !important;
    transition: margin 0.3s ease-in 0s !important;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block !important; float: left !important; 
    width: 50% !important; 
    height: 16px !important; 
    padding: 0 !important; 
    line-height: 16px !important;
    font-size: 11px !important; 
    color: white !important; 
    font-family: Trebuchet, Arial, sans-serif; 
    font-weight: bold !important;
    box-sizing: border-box !important;
}
.onoffswitch-inner:before {
    content: "SI" !important;
    padding-left: 7px !important;
    background-color: #3a57a6 !important; 
    color: #FFFFFF !important;
    box-shadow:none !important;
}
.onoffswitch-inner:after {
    content: "NO" !important;
    padding-right: 7px !important;
    background-color: #fff; 
    color: #01271e  !important;
    text-align: right !important;
}
.onoffswitch-switch { /*circulo*/
    display: block !important; 
    width: 14px !important; 
    height: 14px !important;
    margin: 1px !important;
    background: #FFFFFF !important;
    position: absolute !important; 
    /* top: 2px !important;  */
    bottom: 0 !important;
    right: 26px !important;
    border: 2px solid #3a57a6 !important; 
    border-radius: 20px !important;
    transition: all 0.3s ease-in 0s !important; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0 !important;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: -2px !important; 
}

.custom-switch .onoffswitch .onoffswitch-label{
    width: 36px !important;

    
}
.custom-switch .custom-control-label{
    margin-bottom:0px !important;
    padding-top:2px !important;
    font-size: 12px !important;
    font-weight: bolder !important;
}
.custom-switch .onoffswitch {
    
    width: 40px !important;
    margin-bottom:0px !important;
    padding-top:2px !important;
    
}
/* .form-onoffswitch .onoffswitch-inner::before, .form-onoffswitch .onoffswitch-inner::after{
    height: 14px !important;

} */
.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-switch{
    height: 12px !important;
    width: 12px !important;;
    right: 20px !important;
    margin:3px !important;
}
.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-switch::before{
    font-size: 8px !important;
    line-height:12px !important;
}

.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-inner:before,
.custom-switch .onoffswitch .onoffswitch-label .onoffswitch-inner:after {
   font-size: 10px !important;
   line-height: 14px !important;
}

.custom-switch .onoffswitch .onoffswitch-label  .onoffswitch-inner:before {
    padding-left: 6px !important;

}
.custom-switch .onoffswitch .onoffswitch-label  .onoffswitch-inner:after {

    padding-right: 4px !important;

}

/* Loading */

.loader-v1 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: #FFF;
    left: -100px;
    box-sizing: border-box;
    animation: shadowRolling 2s linear infinite;
}

@keyframes shadowRolling {
    0% {
        box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }

    12% {
        box-shadow: 100px 0 #222, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }

    25% {
        box-shadow: 110px 0 #222, 100px 0 #222, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
    }

    36% {
        box-shadow: 120px 0 #222, 110px 0 #222, 100px 0 #222, 0px 0 rgba(255, 255, 255, 0);
    }

    50% {
        box-shadow: 130px 0 #222, 120px 0 #222, 110px 0 #222, 100px 0 #222;
    }

    62% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #222, 120px 0 #222, 110px 0 #222;
    }

    75% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #222, 120px 0 #222;
    }

    87% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #222;
    }

    100% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
    }
}


/* Estilos de responsive para tablas */
@media screen and (max-width: 678px) {
    .table-responsive-erp {
        width: 100%;
    }

    .thead-responsive-erp {
        display: none;
    }

    .tbody-responsive-erp td {
        display: block;
        text-align: left;
        padding-left: 50%;
        position: relative;
        border: none;
    }

    .tbody-responsive-erp td:before {
        content: attr(data-th);
        display: inline-block;
        font-weight: bold;
        position: absolute;
        left: 0;
        width: 45%;
        white-space: nowrap;
        text-align: left;
        padding-left: 10px;
        background: #f9f9f9;
    }

    .table-responsive-erp tr td:first-child {
        background: #eee;
    }
}