html, body, input, select, textarea, h1, h2, h3, h4, .cms-button {
    font-family: "Mulish", sans-serif;
}

h3 {
    font-size: 18px;
    font-weight: 500;
}

.cms-page .user-dropdown-content {
    font-family: "Mulish", sans-serif;
}

.cms-page main .index-page .tile a .top-level-name {
    font-family: "Mulish", sans-serif;
}

.main-menu ul li a {
    font-family: "Mulish", sans-serif;
}

.cms-module-list .multiple-lists .one-list h2 {
    font-family: "Mulish", sans-serif;
}

.cms-module-form table td.caption .caption {
    font-family: "Mulish", sans-serif;
}

/*.cms-page main .top-bar .right .user-icon {*/
/*    font-size: 16px;*/
/*    width: 38px;*/
/*}*/

.cms-page.no-top-bar main .top-bar {
    display: none;
    /*position: absolute;*/
    /*right: 0;*/
    /*justify-content: flex-end;*/
}

.cms-page.no-top-bar main .module-content {
    /*height: calc(100% - 60px);*/
    height: 100%;
}

.cms-page.no-padding main .module-content {
    padding: 0;
}


/*.cms-page.no-top-bar main .top-bar h1 {*/
/*    display: none;*/
/*}*/

.main-menu {
    background: linear-gradient(to bottom, #8FB7FF00, #90B8FF22);
    /*background: linear-gradient(to right, #90B8FF22, #8FB7FF00);*/
    /*background: linear-gradient(to right, #f5f5f5 0%, #f5f5f5 90%, #f0f0f0 98%, #ededee 100%);*/
    /*border-right: 1px solid #ededee;*/
    box-shadow: 4px 0 12px -10px rgba(0, 0, 0, .5);
}

.main-menu .panels {
    background: url("pila.svg") bottom center no-repeat;
    background-size: contain;
}

.cms-page.no-padding .main-menu {
    background: linear-gradient(to right, #90B8FF22, #8FB7FF00);
    box-shadow: none;
}

.cms-page.no-padding .main-menu .panels {
    background: none;
}

.cms-page.no-padding .main-menu .user-panel {
    border: none;
    background: none;
    width: auto;
}


.main-menu .logo-bar {
    /*background-color: #282e37;*/
    background: transparent;
    box-shadow: none;
    display: flex;
    justify-content: center;
    height: 50px;
}

.main-menu .logo-bar .logo {
    background: url(./logo.png) center center no-repeat;
    width: 50px;
    height: 50px;
    display: block;
    background-size: contain;
    /*margin-left: 50%;*/
}


.main-menu ul li a {
    color: #343434;
    border: 1px solid transparent;
    border-radius: 6px;
}

.main-menu ul li a i {
    color: #434343;
}

.main-menu ul li.active > a {
    background: transparent;
    /*border: 1px solid #ededed;*/
    /*border-radius: 6px;*/
}

.main-menu ul li ul li.active > a {
    /*color: #0077E9;*/
    background: #ffffff;
    border: 1px solid #ededed;
    border-radius: 6px;
    /*border: none*/
}


body.login-page {
    background: black !important;

}

body.login-page .bg {
    background: url("pila.svg") top center no-repeat;
    background-size: cover;
    height: 100%;
    opacity: .7;
}

body.login-page .bg .bg2 {
    background-size: cover;
    background-image: linear-gradient(135deg, #7da7fc 0, #6c90d8 50%, #5b79b5 100%);
    opacity: 0.6;
}

body.login-page .container {
    backdrop-filter: sepia(.4);
}

body.login-page .container .login-form .logo {
    background: url(./logo.png) center no-repeat;
    background-size: contain;
    opacity: .9;
    width: 200px;
    height: 120px;
    margin-bottom: 40px;
}

body.login-page .container .login-form form input.text {
    color: #fff;
    font-size: 18px;
    padding: 6px 10px 8px;
    border-radius: 6px;
    background-color: rgba(0, 0, 0, .2);
    border: none;
    outline: 0;
    margin-right: 10px;
}


.cms-module-form table tr.padding-0 td.caption,
.cms-module-form table tr.padding-0 td.field {
    padding-bottom: 5px;
}

.cms-module-form table tr.padding-40-0 td.caption,
.cms-module-form table tr.padding-40-0 td.field {
    padding-top: 40px;
    padding-bottom: 5px;
}