:root {
--ci-shadow: 0 2px 5px 0 rgba(18,19,33,.2);
}
/* WEB-FONTS */
@font-face {
font-family: 'Nunito';
font-weight: regular;
src: url('../images/Nunito-Regular.ttf');
}
@font-face {
font-family: 'Nunito';
font-weight: bold;
src: url('../images/Nunito-Bold.ttf');
}
#mln2 html,
#mln2 body,
#mln1 html,
#mln1 body,
.uk-select.mln-select,
.uk-textarea.mln-textarea,
.uk-input.mln-input {
font-family: 'Nunito', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
.uk-input.mln-input::-webkit-input-placeholder {
font-family: 'Nunito', sans-serif;
}
.uk-input.mln-input:-ms-input-placeholder {
font-family: 'Nunito', sans-serif;
}
.uk-input.mln-input::placeholder {
font-family: 'Nunito', sans-serif;
}
.uk-input.mln-input::-moz-placeholder {
font-family: 'Nunito', sans-serif;
}
.uk-input.mln-input:-moz-placeholder {
font-family: 'Nunito', sans-serif;
}
#mln1 .page-wrapper>.page>.main, .mlnui1 .page-wrapper>.page>.main {
background-color: transparent;
}
#mln1 .header-logo {
margin: 10px 1% !important;
background-size: auto 25px !important;
}
#mln1 .page-wrapper>.page>.header, .mlnui1 .page-wrapper>.page>.header {
background-size: cover;
}
#mln1 .page-wrapper>.page>.header .redFont, .mlnui1 .page-wrapper>.page>.header .redFont {
color: #ffffff !important;
}
#mln1 .page-wrapper > .page > .header > .header-topnav-tab-area, .mlnui1 .page-wrapper > .page > .header > .header-topnav-tab-area {
background: #009FD3;
}
#mln1 .topnav-tab-inactive, .mlnui1 .topnav-tab-inactive {
color: #ffffff !important;
}
#mln1 .tab-container:hover > .tab {
background-color: rgba(255,255,255, 0.5) !important;
}
#mln1 .primarybutton,
#mln1 .secondarybutton {
line-height: 20px;
font-weight: 500 !important;
letter-spacing: 1.2px;
transition: all 0.2s linear;
opacity: 0.85 !important;
border-radius: 8px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 3px;
box-shadow: var(--ci-shadow);
}
#mln1 .primarybutton[disabled], #mln1 .gwt-Button[disabled], .mlnui1 .primarybutton[disabled], .mlnui1 .gwt-Button[disabled] {
background-color: #92C6EC !important;
color: #CAE3F6 !important;
}
#mln1 .secondarybutton[disabled], .mlnui1 .secondarybutton[disabled] {
background-color: #BFBFBF !important;
color: #E6E6E6 !important;
}
#mln1 .headerfont, .mlnui1 .headerfont,
#mln1 .headerfontcolor, .mlnui1 .headerfontcolor,
#mln1 .headerfontcolor.linksecondary , .mlnui1 .headerfontcolor.linksecondary {
color: #ffffff !important;
font-size: 12px;
}
#mln1 .primarybutton:hover,
#mln1 .secondarybutton:hover {
opacity: 1 !important;
}
#mln1 .secondarybutton {
background-color: #e6e6e6 !important;
}
#mln1 .page-wrapper > .page > .page-footer,
.mlnui1 .page-wrapper > .page > .page-footer {
background: #151719;
border-top-width: 0px;
}
#mln1 .page-wrapper > .page > .page-footer .footerfont,
.mlnui1 .page-wrapper > .page > .page-footer .footerfont,
#mln1 .page-wrapper > .page > .page-footer .footerfont:hover,
.mlnui1 .page-wrapper > .page > .page-footer .footerfont:hover {
color: #FFFFFF !important;
}
#mln1 .content-dashboardcontainer, .mlnui1 .content-dashboardcontainer,
#mln1 div .content-page-container>.content-site-info, #mln1 div .content-page-container>.content-site-info-wrapper, .mlnui1 div .content-page-container>.content-site-info, .mlnui1 div .content-page-container>.content-site-info-wrapper,
#mln1 div .content-page-container>.content-containerBox>.container>.content-headline-with-description, #mln1 div .content-page-container>form .content-headline-with-description, #mln1 div .content-page-container>.content-headline-with-description, .mlnui1 div .content-page-container>.content-containerBox>.container>.content-headline-with-description, .mlnui1 div .content-page-container>form .content-headline-with-description, .mlnui1 div .content-page-container>.content-headline-with-description {
background-color: #EAF4FB !important;
}
#mln1 .rounded-box-with-gradient, .mlnui1 .rounded-box-with-gradient {
background-color: #E6E6E6 !important;
}
#mln1 .content-dashboardcontainer, .mlnui1 .content-dashboardcontainer,
#mln1 div .content-page-container>.content-containerBox>.container>.content-headline-with-description, #mln1 div .content-page-container>form .content-headline-with-description, #mln1 div .content-page-container>.content-headline-with-description, .mlnui1 div .content-page-container>.content-containerBox>.container>.content-headline-with-description, .mlnui1 div .content-page-container>form .content-headline-with-description, .mlnui1 div .content-page-container>.content-headline-with-description {
background-color: #F7F7F7 !important;
}
#mln1 .container-description, .mlnui1 .container-description {
font-style:normal !important;
margin-top: 5px;
margin-bottom: 10px;
}
#mln1 .table_body tr:hover, .mlnui1 .table_body tr:hover {
background-color: #EAF4FB !important;
}
#mln1 .page-wrapper>.page>.main>.col1>.col1Box>.col1Box-content>.col1Box-content-elements>.col1Box-content-elements-activeItem, .mlnui1 .page-wrapper>.page>.main>.col1>.col1Box>.col1Box-content>.col1Box-content-elements>.col1Box-content-elements-activeItem {
background-color: #CAE3F6 !important;
}
#mln1 div.table .sorted, .mlnui1 div.table .sorted {
background-color: #CAE3F6 !important;
}
#mln1 div.table .sorted:hover, .mlnui1 div.table .sorted:hover {
background-color: #EAF4FB !important;
}
#mln1 .content-grid-border, .mlnui1 .content-grid-border {
border-top: 1px solid #f0f0f0;
}
#mln2 #maileon #logo {
width: 53px;
height:53px;
background: url('../images/logo_white_small.svg') no-repeat center center;
background-size: 54px auto;
}
#mln2 #maileon #logoLarge {
width: 150px;
height:53px;
background: url('../images/logo_white.svg') no-repeat center center;
background-size: 150px auto;
}
#mln2 .mln-navigation {
background: #009FD3 url('../images/bg3.jpg') no-repeat left center;
background-size: cover;
box-shadow: 2px 0px 8px 0px rgb(18, 19, 33,0.5);
}
.mln-navigation .mln-navigation-item.mln-clickable:focus {
background-color: #008ee4;
}
#mln2 .mln-navigation-2nd {
background: #009FD3 url('../images/bg3.jpg') no-repeat center center;
background-size: cover;
box-shadow: 2px 0px 8px 0px rgb(18, 19, 33,0.5);
}
#mln2 .mln-navigation-2nd a .mln-infoelement.mln-active,
#mln2 .mln-navigation .mln-navigation-item.mln-selected,
#mln2 .mln-navigation .mln-navigation-item.mln-opened {
color: #FFFFFF;
background: #009FD3;
}
#mln2 .mln-navigation .mln-navigation-item .mln-text-family-headline {
font-weight: normal !important;
text-transform: uppercase;
}
#mln2 .mln-navigation-2nd a .mln-infoelement:hover,
#mln2 .mln-navigation .mln-navigation-item:hover {
color: #FFFFFF;
background-color: #92C6EC;
}
#mln2 .mln-navigation .mln-navigation-item.mln-selected .mln-icon-fill,
#mln2 .mln-navigation .mln-navigation-item:hover .mln-icon-fill {
fill: #FFFFFF;
}
#mln2 .mln-content {
background: url('../../images/content/bg_bright.svg') no-repeat center center;
background-size: cover;
}
#mln2 .mln-area {
padding: 30px;
background-color: #FFFFFF;
box-shadow: var(--ci-shadow);
}
#mln2 .mln-area .mln-area {
padding: 0px;
box-shadow: none;
}
#mln2 .uk-notification .uk-notification-message {
text-transform: uppercase;
box-shadow: var(--ci-shadow);
text-weight: bold;
font-family: Kanit, Roboto, Arial, Helvetica, sans-serif;
color: var(--ci-black);
background: var(--ci-yellow);
}
#mln2 .uk-notification .uk-notification-message-primary {
color: var(--ci-black);
background: var(--ci-yellow);
}
#mln2 .uk-notification .uk-notification-message-success {
color: var(--ci-black);
background: var(--ci-yellow);
}
#mln2 .mln-button {
transition: all 0.2s linear;
}
#mln2 .mln-button.mln-button-ci > .mln-icon:hover:not(.mln-disabled),
#mln2 .mln-button.mln-button-ci:hover:not(.mln-disabled) {
background: #07c2ff;
border-color: #07c2ff;
}
#mln2 .mln-button.mln-button-ci > .mln-icon, .mln-button.mln-button-ci {
background: #009FD3;
border-color: #009FD3;
color: #FFFFFF;
}
#mln2 .mln-navigation .mln-user {
background-color: #009FD3;
}
#mln2 .uk-button.mln-button {
border-radius: 8px;
}
#mln2 .mln-fake-button-quaternary,
#mln2 .mln-button.mln-button-quaternary.mln-primary,
#mln2 .mln-button.mln-button-primary,
#mln2 .mln-button.mln-button-quaternary.mln-primary.mln-ci,
#mln2 .mln-button.mln-button-primary.mln-ci {
background-color: #009FD3;
border-color: #009FD3;
color: #FFFFFF;
box-shadow: var(--ci-shadow);
}
#mln2 .mln-button.mln-button-quaternary.mln-primary > .mln-icon .mln-icon-fill,
#mln2 .mln-button.mln-button-primary > .mln-icon .mln-icon-fill,
#mln2 .mln-fake-button-quaternary .mln-icon-fill,
#mln2 .mln-button.mln-button-quaternary.mln-primary .mln-icon-fill,
#mln2 .mln-button.mln-button-primary .mln-icon-fill,
#mln2 .mln-button.mln-button-quaternary.mln-primary.mln-ci .mln-icon-fill,
#mln2 .mln-button.mln-button-primary.mln-ci .mln-icon-fill,
#mln2 .mln-button.mln-button-primary>.mln-icon .mln-icon-fill
{
fill: #FFFFFF;
}
#mln2 .mln-fake-button-quaternary:active,
#mln2 .mln-fake-button-quaternary:focus,
#mln2 .mln-button.mln-button-quaternary.mln-primary:active,
#mln2 .mln-button.mln-button-quaternary.mln-primary:focus,
#mln2 .mln-fake-button-quaternary:hover:not(.mln-disabled),
#mln2 .mln-button.mln-button-quaternary.mln-primary:hover:not(.mln-disabled):not([disabled]),
#mln2 .mln-button.mln-button-primary:active, .mln-button.mln-button-primary:focus,
#mln2 .mln-button.mln-button-primary:hover:not(.mln-disabled):not([disabled]) ,
#mln2 .mln-button.mln-button-primary.mln-ci:hover:not(.mln-disabled):not([disabled]),
#mln2 .mln-button.mln-button-quaternary.mln-primary.mln-ci:hover:not(.mln-disabled):not([disabled]) {
background-color:#07c2ff;
border-color: #07c2ff;
}
#mln2 .mln-workflow .mln-element.mln-hovered > div .mln-button.mln-button-primary {
color: #EAF4FB;
background-color: #FFFFFF;
border-color: #FFFFFF;
}
#mln2 .mln-workflow .mln-element.mln-hovered > div .mln-button.mln-button-primary .mln-icon-fill {
fill: #EAF4FB;
}
#mln2 .mln-buttongroup {
border-radius: 8px;
overflow: hidden;
}
#mln2 .mln-buttongroup .uk-button {
border-radius: 0px;
box-shadow: none;
}
#mln2 .mln-reports-kpi .uk-link.mln-secondary,
#mln2 .mln-reports-kpi a.uk-link.mln-secondary,
#mln2 .mln-reports-kpi a.uk-link.mln-link.mln-secondary {
text-decoration: underline !important;
}
#mln2 .mln-reports-kpi .uk-link.mln-secondary:hover,
#mln2 .mln-reports-kpi a.uk-link.mln-secondary:hover,
#mln2 .mln-reports-kpi a.uk-link.mln-link.mln-secondary:hover {
text-decoration: none !important;
}