/*
 * Skin: mmp
 * ----------
        #242755
        #824393
        #0D4F80
        #3BBEE7

 */
  /*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');*/
 :root{
     --basic-white: #fff;
     --basic-font-color: #3c3c3c;
     --basic-primary-color:#242755;
     --basic-secondary-color:#824393;
     --basic-thertiary-color:#3FBFE7;
     --basic-error: #ff0000;
     
     /*shapes*/
     --border-radius: .5em;
 }
html,body,*{
    font-size:16px;
    line-height:1.4;
    font-family: Roboto;
    font-weight:400;
}
body{
     color:var(--basic-font-color);
 }
ul{
    list-style: none;
}

 h1,h2,h3,h4,h5,h6{
     color:var(--basic-primary-color);
     font-weight:300;
 }
.brand-link{background-color:var(--basic-white) !important;}
.basic-primary-color{color:var(--basic-primary-color)}
.basic-secondary-color{color:var(--basic-secondary-color)}
.basic-thertiary-color{color:var(--basic-thertiary-color)}
.skin-mmp .brand-text{
    display:flex;
    align-items: center;
    justify-content: flex-start;
}
.skin-mmp .main-header .navbar-nav .nav-item .dropdown-menu-lg{
    max-width:420px !important;
}

.sidebar-mmp{
     background-color:var( --basic-primary-color);
 }
 .sidebar-mmp a {
     color:var( --basic-thertiary-color);
 }
 .sidebar-mmp .navbar-link-mmp{
     background-color:var(--basic-white);
     padding: 0;min-height:3.5em;
    
    background-size:80%;
    background-repeat:no-repeat;
    background-position:10% 50%;
 }
 .sidebar-mmp .user-panel:not(.one-time-access){
     background:var( --basic-thertiary-color);
 }
 .sidebar-mmp .user-panel .image{
     padding-left:0;
 }
 .sidebar-mmp .user-panel .info {
    padding: 5px 5px 5px .8em;
}
.sidebar-mmp .user-panel .info a{
    color:var(--basic-white);
}
.sidebar-mmp .one-access .nav-link p{
    line-height:1.4;
    margin-bottom:0;
    padding-left:.8em;
}
.sidebar-mmp:not(.one-access) a{
    display:flex;
}
.sidebar-mmp .one-access .nav-link p,
.sidebar-mmp .one-access .nav-link pi{
     color:var(--basic-white);
}
 .login-page{
      background-image:linear-gradient(90deg,var(--basic-primary-color),var(--basic-secondary-color));
      flex-direction: row;
      max-height:calc(100vh - 12em - 4px);
      position: relative;
 }
.login-wrapper{
    width:100%;
    /*height: 100%;*/
    /*background-image:linear-gradient(90deg,var(--basic-secondary-color), #fff);*/
    position:relative;
}
.login-page:before,
.login-page:after
{
    content:'';
    height:30%;
    position: absolute;
    z-index:1;
    left:0;
    top:0;
    width:100%;
    background:#fff;
}
.login-page:after{
    top:auto;
    bottom:0;
}
.login-wrapper-form{
    border-radius:var(--border-radius);
    box-shadow: -1px -1px 15px var( --basic-secondary-color), 1px 1px 15px var(--basic-primary-color);
    z-index:2;
}
.skin-mmp #error-form{
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.one-time{
    background:var(--basic-primary-color);
    border-radius:var(--border-radius);
    min-height:50%;
    z-index:5;
}
.one-time h6{
    color:var(--basic-thertiary-color);
}
.one-time .danger{
    color:var(--basic-error);
    font-weight:300;
}
.one-time .btn.g-recaptcha{
    padding-left:0;
}
.content-wrapper {
    background-color: var(--basic-white)
}
.w2ui-grid .w2ui-grid-header{
/*    background-image: none;
    background-color: var(--basic-primary-color);
    border-color: var(--basic-primary-color);*/
}