/* ================================================ */
/* ================= 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
}
.btn-group{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}
.bk-orange-erp{
    background-color: #e65100;
    color: #fff;
}
.bk-fondo-erp{
    background-color: #fafeff;
}
.bk-deep-purple-erp{
    background-color:#673ab7 !important;
    color: #fff;
}
.color-green-erp{
    color:var(--color-green-erp)
}
.color-blue-erp{
    color:var(--color-blue-erp)
}
.bk-black-erp{
    background-color: #36373b;
    color: #fff;
}

/*========================================
 * 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;
 }

 .dt-toolbar .btn-group button{
    margin:2px !important;
    border-radius: 5px !important;
    box-shadow: rgba(0, 4, 43, 0.09) 0px 3px 12px;
 }


/*=========================================
 * Re diseñando propiedades de Bootstrap
 ==========================================*/
 /* a:focus, a:hover {
    list-style: none !important;
 } */
.sitemap{
    background-color: #e0edff;
    /* background-color: #eefff7; */
}

 .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;
 }
 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;
}
 /* 
 *===================================
 * Estilos nuevos del ERP
  ===================================*/

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: #fff !important;
    -moz-background-color: none !important;
    color: -internal-light-dark(black, white) !important;
}
.box-erp_shd-login .input-group-erp.state-success,.box-erp_shd-login .input-group-erp.state-success input, .box-erp_shd-login .state-success i {
    background: #e6ffe6 !important;

  }
input{
    border-radius: 6px !important;
}
.no-hover:hover {
    background: #fff !important;
  }
 .logo-login-erp{
    border: 6px solid rgba(221, 218, 215, 0.23);border-radius:50%;display: inline-block;
 }
 .label-login-erp{
    font-weight: 400;
    padding: 12px 0 0;
    margin: 0;
}
.input-login-erp{
    border: none;
    height: 36px;
    border-radius: 5px;
    width: 225px;
}
.note-olvide-erp{
    font-size: 13px;
    font-weight: bolder;
    padding-top: 10px;
   text-align: right;
}

.note-olvide-erp a{
    color:#5fa7ff;
}
.logo-group-erp{
    display: block !important;
    text-align: center;
    padding-top: 20px;
}
.btn-login-enviar{
    background-color: #00a149;
    color: #fff;
    font-weight: bolder;
    padding: 10px;
    font-size: 15px;
    border-radius: 8px;
    margin: 20px 0 10px;
    transition: all .5s ease;
}
.input-group-erp{
    margin: 10px 0;
    border-radius: 5px;
    color: #1d1d1d;
    background-color: #fff;
}

.input-group-erp .icon-append {
    padding: 10px;
}
.container-erp{
    /* display: flex;
    justify-content: center; */
}
 .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 25px;
    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);
}
.box-erp_shd-login{
    display: inline-block;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgb(24, 24, 24) 0px 20px 30px -10px;;
    padding: 28px 38px 20px 38px;
    font-size: 14px;
}

.title-erp-title{
    font-size: 21px;
    padding: 10px 0 20px;
    text-align: center;
}
.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: 16px !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.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 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);	
}

.flex-wrap-erp{
    display: flex;
    gap:20px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
}
.t-decoration-none a{
    text-decoration: none;
}
.l-style-none li{
    list-style: none;
}
.width-well-erp .well{
    width: 280px;
    margin-bottom: 0;
}

.container-task-erp{
    margin-top:10px;

}
.task-erp{
    display:flex;
    gap:10px;
    border-radius: 10px;
    background-color:#ffdcc8;
    margin:10px auto;
    padding:10px 20px;
    align-items:center;
    /* border:1px solid #006d31 ; */
    /* color: #dd7600; */
}
.task-icon-erp{
    position: relative;
    padding: 10px;
    width: 48px;
    height: 50px;
    border-radius: 50%;
    background-color: #673ab7;
    color: #fff;
}

.task-icon-erp .fa{
    position: absolute;
    margin: auto;
}
.task-icon-erp .day{
    text-align: center;
    padding-top: 12px;
    font-weight: bolder;
    font-size: 14px;
}
.task-hour-erp{
    padding-top: 10px;
}
.task-description-erp p{
    margin-bottom: 1px;
}

.container-donutGraphic{
    padding-top:10px;
    
}
.container-donutGraphic table{
    margin:15px auto;
}



.donutGraphic {
    width: 50px;
    padding: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 5px;
    margin: 5px auto;
}

.badge-success-erp {
    color: #ffffff;
    background-color: #006e25;
    padding: 5px 10px !important;
    font-weight: bolder !important;
  }

  .rounded-erp{
    color: #000; 
    padding:8px; 
    border-radius:50%;
    background-color:rgb(225,225,225)
  }
/* 
 *===================================
 * smart-form-erp para el ERP
  ===================================*/

  .smart-form-erp .form-group .form-label{
    font-weight: bolder;
  }

  .smart-form-erp .form-group .input-group{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: center;
    width: 100%;
  }

  .smart-form-erp .form-group .input-group .input-group-append, 
  .smart-form-erp .form-group .input-group .input-group-prepend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }



  .smart-form-erp .form-group .input-group .input-group-prepend .input-group-text,
  .smart-form-erp .form-group .input-group .input-group-append .input-group-text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* padding: .5rem .875rem; */
    padding: 1px 10px 1px 5px;
    margin-bottom: 0;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.47;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #f3f3f3;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
  }

  .smart-form-erp .form-group .input-group .input-group-append > .input-group-text{
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }

  .smart-form-erp .form-group .input-group > .custom-select:not(:last-child), .input-group > .form-control:not(:last-child) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;

  }

  .smart-form-erp .form-group .input-group .input-group-append {
    margin-left: -1px !important;
  }
  .smart-form-erp .note-editor {
    border-color: rgba(0,0,0,.08)  !important;
    -webkit-box-shadow: 0 0 13px 0 rgba(74,53,107,.08) !important;
    box-shadow: 0 0 13px 0 rgba(74,53,107,.08) !important;
    border-radius:5px !important;
  }
  .note-editor {
    border-color: rgba(0,0,0,.08)  !important;
    -webkit-box-shadow: 0 0 13px 0 rgba(74,53,107,.08) !important;
    box-shadow: 0 0 13px 0 rgba(74,53,107,.08) !important;
    border-radius:5px !important;
  }
  .dropzone i {
    font-size: 5rem;
  }
  .dropzone .dz-message {
    text-align: center;
    font-weight: bolder;
    margin: 2em 0;
  }

  .dropzone-group{
    display:flex;
    flex-direction:column;
}
.label-dropzone{
    padding: 5px 8px;
    text-align: center;
    margin:10px 0;

  }
  .modal-header {
    padding: 15px 20px;
    border-bottom: 0px solid #e5e5e5;
    min-height: 16.43px;
  }
  .modal-body {
    position: relative;
    padding: 15px 20px;
  }
  .form-btn{
    margin-left:5px
}
.input-group .select{
    width:100%;

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


  .dropdown-menu-erp > .active > a, .dropdown-menu-erp > .active > a:focus, .dropdown-menu-erp > .active > a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #006e25;
  }

  .dropdown-menu-erp > li > a:focus, .dropdown-menu-erp > li > a:hover {
    text-decoration: none;
    color: #0e0e0e;
    background-color: #c2ffd9;
  }
/* 
 *===================================
 * 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:4px;
    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;
}
.widget-icon .subheader-icon-erp{
    color:#3ca94f;
    font-size: 20px;
}

.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
    }
}

.flex-auto{
    flex:initial !important;
}

/* 
 *===================================
 * Alert para el ERP
  ===================================*/

.alert {
    position: relative;
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert-primary {
    color: #696969;
    background-color: #f1f2f5;
    border-color: #d3d5da
}

.alert-success {
    color: #45a15a;
    background-color: #f7fdf9;
    border-color: #a3ebb3
}

.alert-danger {
    color: #f40300;
    background-color: #ffefee;
    border-color: #ffa8a7
}

.alert-warning {
    color: #c19600;
    background-color: #fffae9;
    border-color: #ffdd65
}

.alert-info {
    color: #13846a;
    background-color: #bbf5e8;
    border-color: #62e8c9
}

.alert-secondary {
    color: #505050;
    background-color: #fbfbfb;
    border-color: #dcdcdc
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3.71875rem
}

.alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem 1.25rem;
    color: inherit
}

.alert-primary {
    color: #37425e;
    background-color: #e1e5f0;
    border-color: #d5dbea
}

.alert-primary hr {
    border-top-color: #c4cce2
}

.alert-primary .alert-link {
    color: #242b3e
}

.alert-secondary {
    color: #464a4e;
    background-color: #e7e8ea;
    border-color: #dddfe2
}

.alert-secondary hr {
    border-top-color: #cfd2d6
}

.alert-secondary .alert-link {
    color: #2e3133
}

.alert-success {
    color: #0f6923;
    background-color: #d2f4da;
    border-color: #c0f0cb
}

.alert-success hr {
    border-top-color: #abebba
}

.alert-success .alert-link {
    color: #093c14
}

.alert-info {
    color: #0f6753;
    background-color: #d2f4ec;
    border-color: #c0efe4
}

.alert-info hr {
    border-top-color: #aceadb
}

.alert-info .alert-link {
    color: #093a2f
}

.alert-warning {
    color: #856f22;
    background-color: #fff7d9;
    border-color: #fff3ca
}

.alert-warning hr {
    border-top-color: #ffedb1
}

.alert-warning .alert-link {
    color: #5c4d18
}

.alert-danger {
    color: #852322;
    background-color: #ffd9d9;
    border-color: #ffcaca
}

.alert-danger hr {
    border-top-color: #ffb1b1
}

.alert-danger .alert-link {
    color: #5c1818
}

.alert-light {
    color: #858585;
    background-color: #fff;
    border-color: #fff
}

.alert-light hr {
    border-top-color: #f2f2f2
}

.alert-light .alert-link {
    color: #6c6c6c
}

.alert-dark {
    color: #292929;
    background-color: #dcdcdc;
    border-color: #cecece
}

.alert-dark hr {
    border-top-color: #c1c1c1
}

.alert-dark .alert-link {
    color: #101010
}


/* 
 *===================================
 * 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-20 {
    background-color: #f7f9ff;
    color: rgba(0, 0, 0, .8)
}

.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: 90.5%;
    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;
}

.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;

}

  .container-dashboard-erp{
        padding:10px;
        background-color:#F6FAFF;
        border-radius:10px;
        margin:10px;
    }
    .container-dashboard-erp h3{
        margin:0 0 10px 0;
        font-size:14px;
        font-weight:bold;
    }
    .title-erp{
        display:flex;
        align-items:center;
        padding: 15px 10px 0 15px;
    }
    .title-erp h2{
        margin-top:0px;
        margin-right:20px;
        color:#00712C;
    }
    .container-estructura{
        display:flex;
        justify-content:center;
        gap:10px;
        flex-wrap: wrap;
    }
    .box-erp-icon,.box-erp-info{
        border-radius:10px;
        padding:12px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:8px;
        flex-wrap: wrap;
    }
    .box-erp-icon span{
        font-weight:bolder;
    }
    .box-erp-info{
        min-height: 250px;
        margin-bottom: 10px;
        align-items: initial;
        background-color: #F0FBFF 
;
    }
    .title-icon-erp,.descripcion-erp,.cantidad-alumnos-erp{
        padding: 10px 5px 0;
        display:flex;
        gap:8px;
    }
    .title-icon-erp i{
        padding: 3px 5px;
        border-radius: 50%;
        background-color: #5B00E8;
        color: #fff;
        width: 18px;
        height: 18px;
    }

    .title-icon-erp p{
        font-weight: bolder;
    }

    .container-dashboard-erp  li::marker {
        /* content: "\26B2"; */
        color: #E85F00; 
    }
    .btn-moodle-erp{
        text-align: center;
    }

    .group-carreras{
        display: flex;
        align-items:center;
        gap:8px;
        flex-wrap: wrap;
    }
    .cantidad-alumnos-erp{
        align-items: center;
    }
    .cantidad-erp{
        color:#000 ;
        padding:13px 8px;
        border-radius: 50%;
        background-color: #fff;
        height: 44px;
        width: 44px;
        font-size: 24px;
        text-align: center;
    }
    .curso-erp{
        font-weight: bolder;
    }
    .curso-erp h3{
        margin: 5px 0 5px 0;
        color:#000;
        letter-spacing: 0px;
    }

    .total-erp{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap:8px;
        margin: 10px 0;
        padding: 8px;
        border-radius: 5px;

    }
    .total-date-erp{
         color:#008714 ;
         font-size: 20px;
         display: flex;
         justify-content: center;
         align-items: center;
    }
    .box-erp{
        min-height:186px;
    }

    .box-erp-curso{
        border-radius:10px;
        padding:12px 20px;;
        display:flex;
        align-items:center;
        justify-content:space-around;
        flex-wrap:wrap;
        gap:8px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
        /* box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px; */
        /* background-color: #F0FBFF  */
    }
    .cantidad-alumnos-erp{
        background-color: #d6eaf8;
        padding:5px 8px 10px;
        margin:5px;
        border-radius:5px;
    }
    .curso-principal-erp{
        width:230px;
    }
    .total-erp{
        width:170px;
    }

/* 
 *===================================
 * Estilos Panel Docente
  ===================================*/

    .container-dashboard-erp{
        padding:10px;
        background-color:#F6FAFF;
        border-radius:10px;
        margin:10px;
    }
    .container-dashboard-erp h3{
        margin:0 0 10px 0;
        font-size:14px;
        font-weight:bold;
    }
    .title-erp{
        display:flex;
        align-items:center;
        padding: 15px 10px 0 15px;
    }
    .title-erp h2{
        margin-top:0px;
        margin-right:20px;
        color:#00712C;
    }
    .container-estructura{
        display:flex;
        justify-content:center;
        gap:10px;
        flex-wrap: wrap;
    }
    .box-erp-icon,.box-erp-info{
        border-radius:10px;
        padding:12px;
        display:flex;
        flex-direction:column;
        align-items:center;
        gap:8px;
        flex-wrap: wrap;
    }
    .box-erp-icon span{
        font-weight:bolder;
    }
    .box-erp-info{
        min-height: 250px;
        margin-bottom: 10px;
        align-items: initial;
        background-color: #F0FBFF 
;
    }
    .title-icon-erp,.descripcion-erp,.cantidad-alumnos-erp{
        padding: 10px 5px 0;
        display:flex;
        gap:8px;
    }
    .title-icon-erp i{
        padding: 3px 5px;
        border-radius: 50%;
        background-color: #5B00E8;
        color: #fff;
        width: 18px;
        height: 18px;
    }

    .title-icon-erp p{
        font-weight: bolder;
    }

    .container-dashboard-erp  li::marker {
        /* content: "\26B2"; */
        color: #E85F00; 
    }
    .btn-moodle-erp{
        text-align: center;
    }

    .group-carreras{
        display: flex;
        align-items:center;
        gap:8px;
        flex-wrap: wrap;
    }
    .cantidad-alumnos-erp{
        align-items: center;
    }
    .cantidad-erp{
        color:#000 ;
        padding:13px 8px;
        border-radius: 50%;
        background-color: #fff;
        height: 44px;
        width: 44px;
        font-size: 24px;
        text-align: center;
    }
    .curso-erp{
        font-weight: bolder;
    }
    .curso-erp h3{
        margin: 5px 0 5px 0;
        color:#000;
        letter-spacing: 0px;
    }

    .total-erp{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap:8px;
        margin: 10px 0;
        padding: 8px;
        border-radius: 5px;

    }
    .total-date-erp{
         color:#008714 ;
         font-size: 20px;
         display: flex;
         justify-content: center;
         align-items: center;
    }
    .box-erp{
        min-height:186px;
    }

    .box-erp-curso{
        border-radius:10px;
        padding:12px 20px;;
        display:flex;
        align-items:center;
        justify-content:space-around;
        flex-wrap:wrap;
        gap:8px;
        box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
        /* box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px; */
        /* background-color: #F0FBFF  */
    }
    .cantidad-alumnos-erp{
        background-color: #d6eaf8;
        padding:5px 8px 10px;
        margin:5px;
        border-radius:5px;
    }
    .curso-principal-erp{
        width:260px;
    }
    .total-erp{
        width:170px;
    }
    .cantidad-alumnos-erp{
        width:360px;
    }
    .cantidad-alumnos-erp .badge{
        white-space: normal;
    }

@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;

    }
}



@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;
    }
    

}


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

.onoffswitch {
    position: relative !important; 
    width: 46px ;
    -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" ; */
    padding-left: 7px !important;
    background-color: #3a57a6 !important; 
    color: #FFFFFF !important;
    box-shadow:none !important;
}
.onoffswitch-inner:after {
    /* content: "NO" ; */
    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 ;
    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;

}

/****  Animation ****/
.shake-horizontal {
	-webkit-animation: shake-horizontal 2s cubic-bezier(0.4, 0.030, 0.515, 0.8) infinite both;
	        animation: shake-horizontal 2s cubic-bezier(0.4, 0.030, 0.515, 0.8) infinite both;
}


 @-webkit-keyframes shake-horizontal {
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-2px);
              transform: translateX(-2px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(2px);
              transform: translateX(2px);
    }
    80% {
      -webkit-transform: translateX(1px);
              transform: translateX(1px);
    }
    90% {
      -webkit-transform: translateX(-1px);
              transform: translateX(-1px);
    }
  }
  @keyframes shake-horizontal {
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-2px);
              transform: translateX(-2px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(2px);
              transform: translateX(2px);
    }
    80% {
      -webkit-transform: translateX(1px);
              transform: translateX(1px);
    }
    90% {
      -webkit-transform: translateX(-1px);
              transform: translateX(-1px);
    }
  }

  /** * **/

/*** FIN **** /

/* 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);
    }
}