﻿@charset "UTF-8";
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(/client/fonts/Poppins/latin-ext-300.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url(/client/fonts/Poppins/latin-300.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(/client/fonts/Poppins/latin-ext-400.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url(/client/fonts/Poppins/latin-400.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(/client/fonts/Poppins/latin-ext-500.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url(/client/fonts/Poppins/latin-500.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(/client/fonts/Poppins/latin-ext-600.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url(/client/fonts/Poppins/latin-600.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(/client/fonts/Poppins/latin-ext-700.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url(/client/fonts/Poppins/latin-700.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
    font-family: "Poppins", sans-serif;
    color: #555555;
    background: var(--page-body-background-color, #f4f4f4);
}
footer {
    background: var(--page-footer-background-color, #f3f3f3);
    text-align: center;
    padding: 10px 0;
    font-size: 90%;
}
footer a {
    color: var(--page-footer-link-font-color, #a30a00);
}
footer .list-inline-item:not(:last-child) {
    margin-right: 3rem;
}
.copyright-footer {
    font-size: 80%;
    color: var(--page-footer-text-font-color, #555555);
}

/*MENU*/
.navbar-brand {
    flex-basis: 200%;
}
.navbar-brand img {
    max-width: 150px;
}
.navbar-default {
    transition: all 0.5s ease-in-out;
    background: var(--top-body-background-color, #ffffff);
    padding-top: 10px;
    padding-bottom: 50px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}
.navbar-expand-lg .navbar-collapse {
    background: var(--mainmenu-normal-background-color, initial);
}
.navbar-default .container {
    padding: 0;
}
.navbar-default .navbar-nav {
    position: relative;    
}
.navbar-default.navbar-reduce {
    box-shadow: 1px 2px 15px rgba(100, 100, 100, 0.3);
}
.navbar-default.navbar-trans,
.navbar-default.navbar-reduce {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.navbar-default.navbar-trans .nav-item,
.navbar-default.navbar-reduce .nav-item {
    position: initial;
    padding-right: 15px;
    margin-left: 0;
}
.navbar-default.navbar-trans .nav-link,
.navbar-default.navbar-reduce .nav-link {
    font-size: 1.1rem;
    color: var(--mainmenu-normal-font-color, #000000);
    font-weight: 600;
    transition: all 0.1s ease-in-out;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.navbar-default .dropdown-menu .dropdown-item.active:after {
    display: inline-block;    
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
    position: absolute;
    left: 50%;
    top: 100%;
}
.navbar-default.navbar-trans .nav-link:before,
.navbar-default.navbar-reduce .nav-link:before {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 2px;
    z-index: 0;
    background-color: var(--submenu-selected-border-color, #d60007);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.2s ease-out, opacity 0.2s ease-out 0.3s;
}
.navbar-default.navbar-trans .mai-user-nav .nav-link:before,
.navbar-default.navbar-reduce .mai-user-nav .nav-link:before,
.navbar-default.navbar-trans .mai-icons-nav .nav-link:before,
.navbar-default.navbar-reduce .mai-icons-nav .nav-link:before {
    background-color: initial;
}
.navbar-default.navbar-trans .nav-link.active .icon {
    color: #d60007;
}
.navbar-default.navbar-trans .nav-link:hover,
.navbar-default.navbar-reduce .nav-link:hover {
    color: var(--mainmenu-hover-font-color, #000000);
}
.navbar-default.navbar-trans .nav-link:hover:before,
.navbar-default.navbar-reduce .nav-link:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}
.navbar-default.navbar-trans .show > .nav-link:before,
.navbar-default.navbar-trans .active > .nav-link:before,
.navbar-default.navbar-trans .nav-link.show:before,
.navbar-default.navbar-trans .nav-link.active:before,
.navbar-default.navbar-reduce .show > .nav-link:before,
.navbar-default.navbar-reduce .active > .nav-link:before,
.navbar-default.navbar-reduce .nav-link.show:before,
.navbar-default.navbar-reduce .nav-link.active:before {
    transform: scaleX(1);
}
.navbar-default.navbar-trans .show > .nav-link,
.navbar-default.navbar-trans .active > .nav-link,
.navbar-default.navbar-trans .nav-link.show,
.navbar-default.navbar-trans .nav-link.active {
    color: var(--mainmenu-selected-font-color, #d60007);
    background: var(--mainmenu-selected-background-color, #ffffff);
}
.navbar-default.navbar-reduce {
    transition: all 0.5s ease-in-out;
    padding-top: 19px;
    padding-bottom: 19px;
}
.navbar-default.navbar-reduce .nav-link {
    color: #000000;
}
.navbar-default.navbar-reduce .nav-link:before {
    background-color: #d60007;
}
.navbar-default.navbar-reduce .nav-link:hover {
    color: #000000;
}
.navbar-default.navbar-reduce .show > .nav-link,
.navbar-default.navbar-reduce .active > .nav-link,
.navbar-default.navbar-reduce .nav-link.show,
.navbar-default.navbar-reduce .nav-link.active {
    color: #000000;
}
.navbar-default.navbar-reduce .navbar-brand {
    color: #000000;
}
.navbar-default .dropdown .dropdown-menu {
    border-top: 0;
    border-left: 4px solid var(--submenu-selected-border-color, #d60007);
    border-right: 0;
    border-bottom: 0;
    transform: translate3d(0px, 40px, 0px);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all 0.5s cubic-bezier(0.3, 0.65, 0.355, 1) 0s, opacity 0.31s ease 0s, height 0s linear 0.36s;
    margin: 0;
    border-radius: 0;
    padding: 8px 0;
    background: var(--submenu-normal-background-color, #ffffff);
}
.dropdown-item-text {
    color: var(--dropdownmenu-caption-font-color, #212529);
    background-color: var(--dropdownmenu-caption-background-color, rgba(17, 16, 15, 0.1));
}
.dropdown-item.right-menu {
    font-size: 1.3rem;
}
.mai-icons-nav .nav-item, .mai-user-nav .nav-item {
    line-height: 25px;
}
.mai-user-nav .dropdown .dropdown-menu.show, .mai-icons-nav .dropdown .dropdown-menu.show {
    border-radius: 0 0 3px 3px;
    box-shadow: 0 1.3px 2.5px 0;
    padding-top: 0;
    border-left: 0;
}
.mai-user-nav .dropdown .dropdown-menu .icon {
    font-size: 1.538rem;
    vertical-align: middle;
    margin-right: 10px;
    min-width: 25px;
}
#navbarDefault .dropdown .dropdown-menu .dropdown-item {
    padding: 3px 18px; /*5px*/
}
.navbar-default .dropdown .dropdown-menu .dropdown-item {
    padding: 12px 18px;
    transition: all 500ms ease;
    font-weight: 600;
    font-size: 1.1rem;    
    background-color: initial;
    color: var(--submenu-normal-font-color, #000000);
}
.navbar-default .dropdown .dropdown-menu .dropdown-item.right-menu {
    font-weight: normal;
    color: var(--dropdownmenu-font-color, #000000);
}
.navbar-default .dropdown .dropdown-menu .dropdown-item.right-menu:hover {
    color: var(--dropdownmenu-hover-font-color, #d60007);
    background: var(--dropdownmenu-hover-background-color, #ffffff);
}
.navbar-default .dropdown .dropdown-menu .dropdown-item:hover {    
    color: var(--submenu-hover-font-color, #d60007);
    transition: all 500ms ease;
}
.navbar-default .dropdown .dropdown-menu .dropdown-item.active {   
    position: relative;
    color: var(--submenu-selected-font-color, #d60007);
}
.navbar-default .dropdown .dropdown-menu.show {
    transform: translate3d(0px, 0px, 0px);
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=1);
}
.mai-user-nav {
    order: 1;
}
.navbar-default .mai-icons-nav .dropdown .dropdown-menu, .navbar-default .mai-user-nav .dropdown .dropdown-menu {
    position: absolute;
    display: block;
    z-index: 1001;
    background: var(--dropdownmenu-background-color, #ffffff);
}
.mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul {
    list-style: none;
    padding-left: 0;
}
.mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li:not(:last-child) {
    border-bottom: 1px solid hsla(0,0%,0%,0.15);
}
.mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a {
    padding: 15px;
    display: block;
    overflow: hidden;
}
.mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .icon {
    margin-top: 3px;
    height: 36px;
    width: 36px;
    border-radius: 50%;
    float: left;
    text-align: center;
}
.mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .content {
    padding-left: 50px;
    line-height: 14px;
}
.mai-icons-nav .mai-notifications .mai-scroller-notifications > .content > ul > li > a .content .date {
    color: #8a8a8a;
    display: block;
    font-size: 1rem;
    font-style: italic;
    font-weight: 300;
    margin-top: 5px;
    white-space: nowrap;
}
#topmenuCorrector {
    display: contents;
}
#navbarDefault .navbar-nav > .nav-item > .nav-link > .icon {
    font-size: 2.154rem;
    margin-right: 5px;
}
#navbarDefault .navbar-nav > .nav-item > .nav-link.open-sub-menus > .icon {
    display: block;
}
.mai-toggler-nav {
    flex-basis: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
.navbar-toggler {
    position: relative;
    background-color: var(--mainmenu-navbar-open-background-color-handy, #d60007);
    box-shadow: 0 1.3px 2.5px 0;
    height: auto;
    width: 100%;
    line-height: initial;
}
.navbar-toggler.collapsed {
    background: var(--mainmenu-navbar-close-background-color-handy, #d60007);    
}
.mai-toggler-nav .icon-bar {
    display: inline-block;
    background-color: transparent;
    height: auto;
    width: auto;
    vertical-align: middle;
}
.mai-toggler-nav .collapsed .icon-bar span {
    background-color: var(--mainmenu-navbar-close-font-color-handy, #ffffff);
}
.mai-toggler-nav .menu-text {
    color: var(--mainmenu-navbar-open-font-color-handy, #ffffff);
    position: absolute;
}
.mai-toggler-nav .collapsed .menu-text {
    color: var(--mainmenu-navbar-close-font-color-handy, #ffffff);    
}
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}
.navbar-toggler span {
    display: block;
    background-color: var(--mainmenu-navbar-open-font-color-handy, #ffffff);    
    height: 3px;
    width: 25px;
    margin-bottom: 4px;
    transform: rotate(0deg);
    opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
    transition: transform 0.35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    top: 18px;
    transform: rotate(135deg);
    opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    top: 18px;
    transform: rotate(-135deg);
    opacity: 0.9;
}
.mai-icons-nav {
    flex-direction: row;
}
.mai-icons-nav .nav-link .icon {    
    font-size: 30px;
    vertical-align: middle;
    color: var(--top-symbol-background-color, #d60007);
}
.mai-icons-nav .nav-link .icon:hover {        
    color: var(--top-symbol-hover-font-color, #d60007);
}
.open-sub-menus::after {
    visibility: hidden;
}
.mai-user-nav > .nav-item.dropdown > .nav-link img {
    max-width: 50px;
    max-height: 50px;
    border-radius: 50%;
}
.indicatorMsg {
    position: absolute;
    top: 14px;
    left: 0;
    color: var(--top-symbol-font-color, #ffffff);
    font-size: 16px;
    border-radius: 50%;
    width: 30px;
    text-align: center;    
}
.indicatorMenu {
    position: relative;
    top: -42px;
    right: 5px;
    text-align: center;
    display: inline-block;
}
.indicatorMenu .icon {
    position: absolute;
    width: 40px;
    font-size: 32px;
    color: var(--mainmenu-newmessage-background-color, #d60007);
}
.indicatorMenu .newMessage {
    position: absolute;
    top: 2px;
    width: 40px;
    font-size: 18px;
    font-weight: 600;
    color: var(--mainmenu-newmessage-font-color, #ffffff);
}
.dropdown-toggle::after {
    color: var(--top-symbol-dropdown-color, #d60007);
}
.mai-notifications .dropdown-toggle::after {
    color: var(--top-symbol-background-color, #d60007);
}
.mai-notifications .dropdown-toggle:hover::after {
    color: var(--top-symbol-hover-font-color, #d60007);
}


@media (min-width: 992px) {
    .navbar-default.navbar-trans .nav-item, .navbar-default.navbar-reduce .nav-item {
        margin-left: 10px;
    }
    .navbar-default.navbar-trans .mai-user-nav .nav-item,
    .navbar-default.navbar-reduce .mai-user-nav .nav-item {
        margin-left: 0;
        padding-right: 0;
    }
    .navbar-default .dropdown .dropdown-menu {        
        margin-top: 5px;
        display: flex;
        position: absolute;        
        top: 100%;
        box-shadow: 0 2px rgba(17, 16, 15, 0.1), 0 2px 10px rgba(20, 19, 18, 0.1);
    }
    .dropdown-menu-arrow::before {
        content: "";
        width: 13px;
        height: 13px;
        background: #fff;
        position: absolute;
        top: -7px;
        right: 20px;
        transform: rotate(45deg);
        border-top: 1px solid #eaedf1;
        border-left: 1px solid #eaedf1;
    }
}

@media (max-width: 991.98px) {
    .navbar-default.navbar-trans .nav-link,
    .navbar-default.navbar-reduce .nav-link,
    .navbar-default .dropdown .dropdown-menu .dropdown-item {
        font-size: 1.3rem;
    }    
    .navbar-default.navbar-trans .show > .nav-link,
    .navbar-default.navbar-trans .active > .nav-link,
    .navbar-default.navbar-trans .nav-link.show,
    .navbar-default.navbar-trans .nav-link.active {
        color: var(--mainmenu-selected-font-color-handy, #d60007);
        background: var(--mainmenu-selected-background-color-handy, #ffffff);
    }
    .navbar-default.navbar-trans .nav-link:before,
    .navbar-default.navbar-reduce .nav-link:before {    
        background-color: var(--submenu-selected-border-color-handy, #d60007);   
    }
    .navbar-default .dropdown .dropdown-menu .dropdown-item.active {
        color: var(--submenu-selected-font-color-handy, #d60007);
    }
    .navbar-default .dropdown .dropdown-menu .dropdown-item {
        color: var(--submenu-normal-font-color-handy, #000000);
    }
    #navbarDefault .navbar-nav > .nav-item > .nav-link.open-sub-menus > .icon {
        display: inline-block;
        font-size: 1.615rem;
        margin-right: 10px;
        min-width: 32px;
        text-align: center;
    }
    .navbar-default .dropdown-menu .dropdown-item.active:after {
        position: initial;
        margin-left: 5px;
        padding-bottom: 2px;
    }
    .navbar-expand-lg .navbar-collapse {
        background: var(--mainmenu-normal-background-color-handy, initial);
    }
    #topmenuCorrector {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
    footer .list-inline-item:not(:last-child) {
        margin-right: 1rem;
    }
    #member-main-content {
        /*margin-top: 111px;*/ /*closedMenuHeight, aktiv if default closed */
    }
    #member-menu-top {
        /*position: fixed;*/
        top: 0;
        right: 0;
        left: 0;
        z-index: 1040;
    }
    #navbarDefault .dropdown .open-sub-menus {
        padding: 0.3rem 1rem;
    } 
    #navbarDefault .dropdown .dropdown-menu .dropdown-item {
        padding: 1px 18px;
    }  
    .navbar-default {
        padding-top: 0;
        padding-bottom: 5px;
    }
    .navbar-brand {
        flex-basis: auto;
    }
    .mai-user-nav {
        order: 0;
    }
    .navbar-default .dropdown .dropdown-menu {        
        border-left: 4px solid var(--submenu-selected-border-color-handy, #d60007);       
    }
    .navbar-default.navbar-trans .nav-link, .navbar-default.navbar-reduce .nav-link {
        text-align: left;  
        color: var(--mainmenu-normal-font-color-handy, #000000);        
    }
    .navbar-default .dropdown .dropdown-menu.show {
        padding-top: 0;
    }
    .indicatorMenu {       
        top: -35px;       
    }
    .indicatorMenu .icon {   
        color: var(--mainmenu-newmessage-background-color-handy, #d60007);
    }
    .indicatorMenu .newMessage {   
        color: var(--mainmenu-newmessage-font-color-handy, #ffffff);
    }
}

@media (max-width: 575.98px) {
    #member-menu-top > .container {
        justify-content: space-between;        
    }
    .navbar-brand {
       
    }
    .navbar-brand img {
        max-width: 100%;
    }
}

/*LOADER*/
.dual-ring:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 5% auto;
    border-radius: 50%;
    border: 6px solid #fff;
    border-color: var(--loader-background-1-color, #ffffff) transparent var(--loader-background-2-color, #d60007) transparent;
    animation: dual-ring 1.2s linear infinite;
}