header, main, footer {
    padding-left: 300px;
}
.icon-container{
    margin-top: 7px;
}
.inline-icon {
    display: inline-flex;
    vertical-align: top;
}
.titulo_modulo{
    display: table-cell;
    font-size: 14px;
    font-weight: 500;
    height: 64px;
    width: 300px;
    line-height: 18px !important;
    vertical-align: middle;
    padding: 10px 5px;
    border-bottom: 1px #a11a1a solid;
    color: #fff;
    background-color: #B71C1C;
    }
.titulo_modulo h1{
    font-size: 18px;
    margin: 0px;
    text-align: center;
}

.collapsible-header{
    padding: 0 30px !important;
}
.container {
    padding: 0 0.5rem;
    margin: 0 auto;
    max-width: 100% !important;
    width: 98%;
}
/* user wrapper */
.user{
    background: #757575e6;
}
/* sidenav mobile-menu */
#mobile-menu li>a>i.material-icons{
    margin: 0px !important;
}
.menu-sidenav li{
    border-bottom: 1px solid #e4e0e0;
}
.wrapper-logo-sidenav{
    color: rgba(0, 0, 0, 0.87);
    display: block;
    font-size: 14px;
    font-weight: 500;
    height: 176px;
    line-height: 24px !important;
    padding: 10px 32px;
    color: white;
    background: #607d8b;
    text-align: center;
}
.wrapper-logo-sidenav img{
    margin-top: 11px;
    height: 88px;
}
/** loading page**/
.loader {
    height: 4px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
}
.loader:before{
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 4px;
    background-color: #2980b9;
    animation: loading 2s linear infinite;
}

/** mensaje previo **/
#msg_previo{
    margin-top: 22px;
    background: url("../../view/img/background.png");
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    display: table;
}
.msg_previo{
    margin-top: 22px;
    background: url("../../view/img/background.png");
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    display: table;
}
.publift-inset {
    text-align: center;
    height: 500px;
    display: table-cell;
    vertical-align: middle;
    font-size: 300%;
    color: #cdcccd;
    font-weight: 800;
}
/*** ***/

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% {left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}
@media only screen and (min-width: 993px){
    .container {
        width: 98%!important;
    }
}


@media only screen and (max-width : 992px) {
    header, main, footer {
        padding-left: 0;
    }
}