/**
buttons: linear-gradient(to bottom, #3799c7, #77bfdd)

main blue:  #3799c7   |    55, 153, 199
light blue: #77bfdd   |   119, 191, 211

main text:  #2f2f2f
bold text:  #848484
background: #d6d9d9
 */

* {
    box-sizing: border-box;
}
body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #3799c7;
}
h3 {
    font-size: 22px;
    font-weight: normal;
}

html,
body,
.site-wrapper,
.site-wrapper-inner {
    min-height: 100%;
}

.cover-container {
    padding-bottom: 20px;
}
.inner {
    margin: auto;
    max-width: 800px;
    position: relative;
}
.free .inner {
    max-width: 900px;
}
.free .inner.cover {
    margin-top: 25px;
}


/*.demobox {
    border-radius: 9px;
    margin: 22px 0 0;
    width: 340px;
    padding: 20px;
    overflow: hidden;

}
.bg5 .demobox,
.bg6 .demobox,
.bg7 .demobox{
    text-shadow: 0 0 3px #000000;
}
.demobox #startDemo {
    width: 170px;
    height: 36px;
    background: url("/img/demo/Demobutton.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    position: absolute;
}
.demobox #startDemo:hover {
    background-image: url("/img/demo/Demobutton_over.png");
}*/


.masthead {
    width: 100%;
    background: rgba(55, 153, 199, 0.15);
    padding-left: 5px;
}
.bg1 .masthead,
.bg2 .masthead,
.bg4 .masthead,
.bg5 .masthead,
.bg8 .masthead,
.bg9 .masthead,
.bg10 .masthead,
.bg11 .masthead,
.bg14 .masthead,
.bg16 .masthead {
    background: rgba(255, 255, 255, 0.15);
}
.masthead-brand,
.masthead nav,
.masthead-nav > li {
    display: inline-block;
}
.masthead-brand {
    font-size: 25px;
    line-height: 1.6;
    color: transparent;
    margin: 10px 0;
    background: url("/img/mailNew/logo_mail_de.png") top left no-repeat;
}
.mch .masthead-brand {
    background-image: url("/img/mailNew/logo_mail_ch.png");
}
.muk .masthead-brand {
    background-image: url("/img/mailNew/logo_mail_co_uk.png");
}
.mfr .masthead-brand {
    background-image: url("/img/mailNew/logo_mail_fr.png");
}
.cover-heading {
    margin: 30px 5px 50px;
    width: auto;
    font-size: 120%;
}
.login .cover-heading {
    text-align: center;
}
.secondfactor .cover-heading {
    text-shadow: 0 0 2px #f0f0f0;
}
.secondfactor .cover-heading .note {
    color: #2f2f2f;
}

.mastform {
    background: rgba(55, 153, 199, 0.25);
    padding: 30px 15px 8px;
    width: auto;
    position: relative;
    border: 2px solid #77bfdd;
    border-radius: 7px;
    max-width: 260px;
    margin: auto;
}
.mfr .mastform {
    max-width: 270px;
}
.free .mastform {
    margin: 0 auto;
}
.default .mastform {
    max-width: unset;
    margin: 0 3px;
}
.secondfactor .mastform {
    max-width: 600px;/*unset;*/
}
#u2f.halfColumn {
    margin-bottom: 50px;
}
.mastform .header {
    background-color: #3799c7;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    padding: 5px 0 5px 20px;
    position: absolute;
    top: -15px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 9px;
    width: 200px;
}
.login .header {
    width: 120px;
}
.mastform .header .icon {
    background: #3799c7 url(/img/mailNew/lock.png) no-repeat scroll center center / 45% auto;
    border: 1px solid #fff;
    border-radius: 30px;
    height: 45px;
    width: 45px;
    left: -15px;
    top: -10px;
    position: absolute;
}
.mastform .subhead {
    text-align: center;
}
.mastform .lead {
    display: inline-block;
    margin: 10px;
    width: 95%;
}
.mastform .lead p {
    text-align: left;
}
.mastform .masttext {
    margin: 10px;
}
.mastform .masttext a {
    color: #3799c7;
    font-size: 12px;
}
.mastform dt:not(#submit-label) {
    margin: 10px 0;
}
.mastform dd {
    margin: 0;
    width: 100%;
}
.mastform input[type=text],
.mastform input[type=password] {
    border: 1px solid #3799c7;
    padding: 5px;
    border-radius: 3px;
    height: 29px;
    width: 100%;
    max-width: 240px;
}
.mastform input[type=file] {
    width: 100%;
}
.mastform input[type=text]:not(#loginGoogleAuthenticator),
.mastform input[type=password] {
    background-color: rgba(255, 255, 255, 0.5);
}
.mastform dt#loginButton-label {
    margin: 0;
}
.mastform input[type=submit],
.button {
    border-color: #fff;
    background-color: #3799c7;
    background-image: linear-gradient(rgb(55, 153, 199), rgb(119, 191, 211));
    color: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    width: 100%;
    max-width: 240px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
    padding: 4px 0;
    cursor: pointer;
}
.mastform input[type=submit]:hover,
.button:hover {
    background-image: none;
}
.mastform input[type=submit]:disabled,
.button:disabled {
    background-image: none;
    background-color: #9CAFB8;
}
.mastform input[type=radio],
.mastform input[type=checkbox] {
    margin: 10px 3px 0 0;
    vertical-align: bottom;
}
.mastform input[type=text].code {
    width: 134px;
    font-size: 12pt;
    font-weight: bold;
    letter-spacing: 8px;
    text-align: center;
    text-indent: 5px;
    margin-bottom: 5px;
}
#loginGoogleAuthenticator {
    display: block;
    width: 100px;
    margin: auto;
    text-align: center;
}
.mastform .errorlist {
    background-color: rgba(255, 0, 0, 0.15);
    border: 2px solid rgba(255, 0, 0, 0.25);
    border-radius: 5px;
    color: #cc0000;
    list-style: none;
    padding: 5px 10px;
    line-height: 15pt;
    font-size: 10pt;
}
.mastform .errorlist li {
    padding-bottom: 5px;
}
.mastform .errors {
    display: none;
}
.inner .separator {
    height: 50px;
    clear: both;
}
#credentialsForm,
#entercodeForm {
    overflow: hidden;
}

.formelement {
    width: 100%;
    padding-top: 20px;
}
#forcechangepasswordForm .formelement {
    position: relative;
}
#RetrievalMethod-div.formelement {
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
}
#RetrievalMethod-div input[type=radio] {
    position: absolute;
    margin: 0;
}
#RetrievalMethod-div input[type=radio] + label {
    /*display: block;*/
    cursor: pointer;
}

#RetrievalMethod-div .arrow {
    height: 20px;
    width: 20px;
    background: url("/img/mailNew/arrow_blue.png") no-repeat scroll center center;
    position: absolute;
    right: 5px;
    top: 4px;
    cursor: pointer;
}
#RetrievalMethod-div input:checked + label {
    font-weight: bold;
}
#RetrievalMethod-div input:checked + label + .arrow {
    transform: rotate(90deg);
    right: 8px;
}
#RetrievalMethod-div li.method {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin: 5px 0;
    padding: 5px 25px 5px 10px;
    position: relative;
}
#RetrievalMethod-div input[type=radio] {
    visibility: hidden;
}
#RetrievalMethod-div label {
    display: block;
}
#FormInputs-div {
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border: 2px solid #ffffff;
    border-radius: 5px;
    padding: 10px;
}
#Submit-div {
    width: 100%;
    text-align: center;
}
#entercodeForm #Code-div {
    display: inline-block;
}
.hasNoLoginName #WhatToDo-div {
    display: none;
}
.button {
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
.mastform .submitarea {
    text-align: center;
}
#loginArea .links {
    margin: 10px 0;
    text-align: center;
    white-space: nowrap;
}
.message .error {
    color: #ff0000;
}
.message .success {
    color: #66AA22;
}
.bg2 .message .success,
.bg4 .message .success,
.bg13 .message .success,
.bg14 .message .success {
    color: #4D8F09;
}
.bg5 .message .success,
.bg6 .message .success,
.bg7 .message .success,
.bg9 .message .success,
.bg10 .message .success,
.bg12 .message .success,
.bg15 .message .success,
.bg16 .message .success {
    color: #80FF0D;
}
#newpass1,
#newpass2 {
    padding-right: 30px;
}
.pwHelp {
    position: absolute;
    right: 50px;
    /*top: 130px;*/
    bottom: 80px;
    padding: 15px 20px;
    background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 5px;
    max-width: 400px;
}

#pwpie {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    left: 212px;/*9px;*/
    /*top: 40px;/*35px;*/
    bottom: 2px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 1px 1px 1px #3799c7;
    line-height: 25px;
    text-align: center;
}
#pwpie.bad,
#pwpie.short {
    background-image:
            linear-gradient(90deg, #5FB1CE 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)),
            linear-gradient(126deg, #d03c41 50%, #5FB1CE 50%, #5FB1CE);
    box-shadow: -1px 1px 3px #d5e4ec;
    border: 1px solid #3799c7;
}
#pwpie.mismatch,
#pwpie.invalid {
    background-image:
            linear-gradient(90deg, #d03c41 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)),
            linear-gradient(270deg, #d03c41 50%, #5FB1CE 50%, #5FB1CE);
    box-shadow: -1px 1px 3px #d5e4ec;
    border: 1px solid #3799c7;
}
#pwpie.weak {
    background-image:
            linear-gradient(90deg, #5FB1CE 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)),
            linear-gradient(198deg, #bb6633 50%, #5FB1CE 50%, #5FB1CE);
    box-shadow: -1px 1px 3px #d5e4ec;
    border: 1px solid #3799c7;
}
#pwpie.fair {
    background-image:
            linear-gradient(-36deg, #718d49 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)),
            linear-gradient(270deg, #718d49 50%, #50a2d6 50%, #50a2d6);
    box-shadow: -1px 1px 3px #d5e4ec;
    border: 1px solid #3799c7;
}
#pwpie.strong {
    background-image:
            linear-gradient(72deg, #77bb33 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0)),
            linear-gradient(270deg, #77bb33 50%, #4993c2 50%, #4993c2);
    box-shadow: -1px 1px 3px #d5e4ec;
    border: 1px solid #3799c7;
}

#pwfit {
    position: absolute;
    width: 28px;/*35px;*/
    height: 28px;/*35px;*/
    left: 208px;
    /*top: 35px;*/
    bottom: 0;
    z-index: 10;
}
#pwfit.okay {
    background: url("/img/icons/okay.png") center center no-repeat;
}
#pwfit.fail {
    background: url("/img/icons/fail.png") center center no-repeat;
}


.mastfoot {
    background: #626262;
    color: #ffffff;
    overflow: hidden;
}
.mastfoot a {
    color: #77bfdd;
    text-decoration: none;
}
.mastfoot .inner {
    margin: 0 auto 0;
    padding: 0 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mastfoot .footcol {
    min-width: 185px;
    width: 23%;
    line-height: 0.95;
    margin: 15px auto;
}
.mastfoot .footcol h5 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: normal;
}
.mastfoot .footcol img {
    float: left;
    margin-right: 8px;
}
.mastfoot .footcol span {
    font-size: 11px;
}
.mastfoot .footcol ul {
    font-size: 12px;
    line-height: 1.4;
    padding-left: 0;
    list-style-type: none;
}
.mastfoot p {
    margin-top: 8px;
    font-size: 12px;
}
#activateCookies {
    display: none;
}
#u2f .error {
    display: none;
    color: #ff0000;
    margin-top: 10px;
}
#u2f img {
    width: 100%;
    max-width: 532px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#googleAuthenticator #loginButton {
    margin-top: 18px;
}
.spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(55, 153, 199, 0.25) url("/img/spinner.gif?v=1") no-repeat center center;
}


#mdeContractChoice sup {
    vertical-align: super;
}
#mdeContractChoice p {
    margin-top: 0;
}
#mdeContractChoice .title {
    position: inherit;
    height: 25px;
    padding: 15px;
    background: #9CCEE5;
    background-image: linear-gradient(to bottom, #3799c7, #77bfdd);
    box-shadow: inset 0px -15px 15px 0px rgba(255, 255, 255, 0.1);
}
#mdeContractChoice .title h1 {
    display: inline;
}
#mdeContractChoice .footnote {
    text-shadow: 1px 1px 3px #ffffff;
    display: inline-block;
    padding-bottom: 6px;
    margin-left: 27px;
    font-size: smaller;
}
#mdeContractChoice .mainArea {
    overflow: hidden;
}
#mdeContractChoice .head {
    margin: 0px 5% 40px;
    font-size: 135%;
    color: #000;
    text-shadow: 1px 1px 2px #fff;
}
#mdeContractChoice #ccTwo .head {
    font-size: 200%;
}
#mdeContractChoice .main {
    text-align: center;
}
#ccTwo .main {
    margin-top: -25px;
}
#mdeContractChoice .info {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    width: 45%;
    margin: 10px 0.5%  20px;
    padding: 10px 0;
    line-height: 1.8;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background: linear-gradient(to bottom, #9CCEE5, rgba(255, 255, 255, .5));
    box-shadow: 2px 2px 5px #999999;
}
#mdeContractChoice .info.plusmail {
    background: linear-gradient(to bottom, #df9500, rgba(255, 255, 255, .5))
}
#mdeContractChoice .info h3 {
    margin: -30px auto -40px;
    font-size: 100%;
    font-weight: normal;
}
#mdeContractChoice .info h3>span {
    position: relative;
    font-size: 700%;
    font-weight: bold;
}
#mdeContractChoice .info h3>span>span {
    position: absolute;
    top: -15%;
    font-size: 64%;
}
#mdeContractChoice .info>label {
    display: inline-block;
    cursor: pointer;
    padding: 10px;
    font-size: 140%;
    font-weight: bold;
}
#mdeContractChoice .info>label>p {
    font-weight: normal;
    text-align: left;
    margin: 5px 5px -5px 30px;
}
#mdeContractChoice .info>label input[type=radio] {
    vertical-align: top;
}
#mdeContractChoice .info img {
    margin-top: -42px;
}
#mdeContractChoice .info ul {
    list-style-image: url(/img/icons/check_black.png);
    list-style-position: inside;
    vertical-align: bottom;
    margin: 15px auto 10px;
    width: 75%;
    font-size: 150%;
    text-align: initial;
}
#mdeContractChoice .buttonLong {
    background: #3799c7 linear-gradient(to bottom, #3799c7, #77bfdd) repeat scroll 0 0;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
    font-size: 145%;
    cursor: pointer;
    width: 180px;
    height: 30px;
}
#mdeContractChoice .title .buttonLong {
    float: right;
    background: #3799c7;
}
#mdeContractChoice .buttonLong:hover {
    background: #77bfdd linear-gradient(to bottom, #77bfdd, #3799c7) repeat scroll 0 0;
}
#mdeContractChoice .info .buttonLong {
    margin-bottom: 5px;
}
#mdeContractChoice .plusmail .buttonLong {
    background: #df9500 linear-gradient(to bottom, #c16100, #df9500) repeat scroll 0 0;
}
#mdeContractChoice .plusmail .buttonLong:hover {
    background: #c16100 linear-gradient(to bottom, #df9500, #c16100) repeat scroll 0 0;
}
#mdeContractChoice #ccPrePaid,
#mdeContractChoice #ccPrePay,
#mdeContractChoice #ccPPEpay {
    font-size: 20px;
    text-align: center;
    line-height: 30px;
}

#mdeContractChoice #ccTwo .info {
    margin-bottom: 20px;
}

#mdeContractChoice .pick {
    box-shadow: 2px 2px 5px #999999;
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #ffffff;
    border-radius: 7px;
    padding: 10px;
    margin: -5px auto 20px;
    width: 91.5%;
}
#mdeContractChoice .pick.active {
    background: rgba(255, 255, 255, 0.5);
    background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.7), rgba(119, 191, 211, 0.15));
}
#mdeContractChoice .pick .activator {
    vertical-align: middle;
}
#mdeContractChoice .pick .activator > span {
    margin-left: 8px;
    display: inline-block;
    font-size: 145%;
    vertical-align: middle;
    font-weight: bold;
}
#mdeContractChoice .pick .activator > img {
    vertical-align: middle;
}
/*#mdeContractChoice .pick .arrow {*/
    /*float: right;*/
/*}*/
/*#mdeContractChoice .pick.active .arrow {*/
    /*transform: rotate(90deg);*/
/*}*/
#mdeContractChoice .pick .detail {
    display: none;
}
#mdeContractChoice .pick .detail .buttonLong {
    float: right;
}
#mdeContractChoice .pick p {
    margin: 15px 4px;
}
#mdeContractChoice .pick.active .detail {
    margin-top: 10px;
    display: block;
}


.mdeProp,
.mdeTopProp,
.mdeSideProp {
    display: none;
    overflow: hidden;
}
.mdeProp {
    height: 280px;
    width: 336px;
    margin: 0 auto 50px;
}
.mdeTopProp {
    margin: 50px auto 50px;
    width: 728px;
    height: 90px;
}
.mdeSideProp {
    float: right;
    height: 600px;
    width: 160px;
}
#settings {
    display: none;
}
.settingsBtn {
    background-image: url('/img/mailNew/settings.png');
    cursor: pointer;
    float: right;
}
.settingsBtn.open {
    height: 30px;
    width: 30px;
    margin-top: 12px;
}
.settingsBtn.close {
    background-position: 0 -15px;
    background-size: 15px 30px;
    margin-top: 5px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
}
#settings .menu {
    display: none;
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, rgb(255, 255, 255), rgb(255, 255, 255), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5), rgb(255, 255, 255));
    /*background-image: linear-gradient(to right, rgb(225, 240, 247), rgba(225, 240, 247, 0.5), rgba(225, 240, 247, 0.5), rgb(225, 240, 247));*/
    top: 0;
    left: 0;
}
#settings .choices {
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 55px 0 30px;
}
#settings .choice {
    width: 80px;
    height: 50px;
    border: 1px solid #3799c7;
    border-radius: 3px;
    margin: 5px;
    display: inline-block;
    background-size: cover;
    background-position: center center;
    cursor: pointer;
}
#settings .choice.active {
    box-shadow: 0 0 5px #252525;
}
#settings .choice[data-option=all] {
    background-image: url('/img/mailNew/backgrounds.gif?1');
}
#settings .choice:not([data-option=all]) {
    background-image: url('/img/mailNew/BGPreview.png?1');
    background-size: auto;
}
#settings .choice[data-option=none] {
    background-position: 0 0;
}
#settings .choice[data-option='0'] {
    background-position: -80px 0;
}
#settings .choice[data-option='1'] {
    background-position: -160px 0;
}
#settings .choice[data-option='2'] {
    background-position: 0 -53px;
}
#settings .choice[data-option='3'] {
    background-position: -80px -53px;
}
#settings .choice[data-option='4'] {
    background-position: -160px -53px;
}
#settings .choice[data-option='5'] {
    background-position: 0 -106px;
}
#settings .choice[data-option='6'] {
    background-position: -80px -106px;
}
#settings .choice[data-option='7'] {
    background-position: -160px -106px;
}
#settings .choice[data-option='8'] {
    background-position: -240px 0px;
}
#settings .choice[data-option='9'] {
    background-position: -240px -53px;
}
#settings .choice[data-option='10'] {
    background-position: -240px -106px;
}
#settings .choice[data-option='11'] {
    background-position: -320px 0px;
}
#settings .choice[data-option='12'] {
    background-position: -320px -53px;
}
#settings .choice[data-option='13'] {
    background-position: -320px -106px;
}
#settings .choice[data-option='14'] {
    background-position: -400px 0px;
}
#settings .choice[data-option='15'] {
    background-position: -400px -53px;
}
#settings .choice[data-option='16'] {
    background-position: -400px -106px;
}
#settings .arrow {
    height: 32px;
    width: 20px;
    position: absolute;
    margin: 14px 5px;
    cursor: pointer;
}
#settings .arrow.left {
    left: 0;
    background-image: url('/img/mailNew/arrow-big-left.png');
    display: none;
}
#settings .arrow.right {
    right: 25px;
    background-image: url('/img/mailNew/arrow-big-right.png');
}

@media (min-width: 360px) {
    .free .inner.cover {
        min-height: 600px;
    }
    .free .mastform {
        font-size: 16px;
        max-width: 330px;
        width: 330px;
        padding: 30px 25px 15px;
    }
    .free .mastform .masttext a {
        font-size: 14px;
    }
    .free .mastform input[type=text],
    .free .mastform input[type=password] {
        max-width: 330px;
    }
    .free .mastform input[type=submit] {
        max-width: 330px;
        margin-top: 5px;
    }
    .mdeProp {
        display: block;
    }
}

@media (min-width: 400px) {
    .mastform .lead {
        width: 43%;
    }
}
@media (min-width: 500px) {
    .mastfoot .footcol {
        margin: 15px 0;
    }
}

@media (min-width: 640px) {
    body {
        background-attachment: fixed;
        background-size: cover;
        background-position: center center;
    }
    body.login.bg0 { /*background for both, free and premium customers*/
        background-image: url("/img/mailNew/login_bg.jpg");
    }
    body.login.bg1 { /*background for both, free and premium customers*/
        background-image: url("/img/mailNew/login_bg1.jpg");
    }
    body.login.bg2 { /*background for both, free and premium customers*/
        background-image: url("/img/mailNew/login_bg2.jpg");
    }
    body.login.bg3 {
        background-image: url("/img/mailNew/login_bg3.jpg");
        background-position: 75% center;
    }
    body.login.bg4 {
        background-image: url("/img/mailNew/login_bg4.jpg");
    }
    body.login.bg5 {
        background-image: url("/img/mailNew/login_bg5.jpg");
        color: #fff;
    }
    body.login.bg6 {
        background-image: url("/img/mailNew/login_bg6.jpg");
        color: #fff;
    }
    body.login.bg7 {
        background-image: url("/img/mailNew/login_bg7.jpg");
        background-position: right center;
        color: #fff;
    }
    body.login.bg8 {
        background-image: url("/img/mailNew/login_bg8.jpg");
        background-position: unset;
    }
    body.login.bg9 {
        background-image: url("/img/mailNew/login_bg9.jpg");
        color: #fff;
    }
    body.login.bg10 {
        background-image: url("/img/mailNew/login_bg10.jpg");
        color: #fff;
    }
    body.login.bg11 {
        background-image: url("/img/mailNew/login_bg11.jpg");
    }
    body.login.bg12 {
        background-image: url("/img/mailNew/login_bg12.jpg");
    }
    body.login.bg13 {
        background-image: url("/img/mailNew/login_bg13.jpg");
        background-position: unset;
    }
    body.login.bg14 {
        background-image: url("/img/mailNew/login_bg14.jpg");
    }
    body.login.bg15 {
        background-image: url("/img/mailNew/login_bg15.jpg");
    }
    body.login.bg16 {
        background-image: url("/img/mailNew/login_bg16.jpg");
        color: #fff;
    }
    body.secondfactor {
        background-image: url("/img/mailNew/2factor_bg.jpg");
        background-position: 40% top;
    }
    body.default {
        background-image: url("/img/mailNew/password_bg.jpg");
        background-position: 70% top;
    }
    body.bg5 .masthead-brand,
    body.bg9 .masthead-brand,
    body.bg10 .masthead-brand,
    body.bg16 .masthead-brand {
        background-image: url("/img/mailNew/logo_mail_de_white.png");
    }
    body.mch.bg5 .masthead-brand
    body.mch.bg9 .masthead-brand,
    body.mch.bg10 .masthead-brand,
    body.mch.bg16 .masthead-brand {
        background-image: url("/img/mailNew/logo_mail_ch_white.png");
    }
    body.muk.bg5 .masthead-brand,
    body.muk.bg9 .masthead-brand,
    body.muk.bg10 .masthead-brand,
    body.muk.bg16 .masthead-brand {
        background-image: url("/img/mailNew/logo_mail_co_uk_white.png");
    }
    body.mfr.bg5 .masthead-brand,
    body.mfr.bg9 .masthead-brand,
    body.mfr.bg10 .masthead-brand,
    body.mfr.bg16 .masthead-brand {
        background-image: url("/img/mailNew/logo_mail_fr.png");
    }

    .secondfactor,
    .default {
        color: #252525;
    }
    .default .cover-heading h3 {
        text-shadow: 0 0 3px #d4a877;
    }
    .secondfactor .mastform,
    .default .mastform {
        background-color: rgba(200, 200, 200, 0.5);
        border-color: #bbbbbb;
    }
    .secondfactor .mastform input[type=text],
    .default .mastform input:not([type=radio]):not([type=file]) {
        border-color: #bbbbbb;
    }

    .mastform.halfColumn {
        width: 49%;
    }
    #u2f.halfColumn {
        float: left;
    }
    #googleAuthenticator.halfColumn {
        margin-left: 51%;
    }

    html,
    body,
    .site-wrapper {
        height: 100%;
    }

    h3 {
        font-size: 24px;
    }
    .inner {
        margin-left: 10px;
        margin-right: 10px;
    }
    .login #settings {
        display: block;
    }
    .login.bg1 .cover-heading {
        color: #fff;
        text-shadow: 0 0 4px #4D90B7;
    }
    .login.bg2 .cover-heading,
    .login.bg4 .cover-heading,
    .login.bg8 .cover-heading,
    .login.bg11 .cover-heading,
    .login.bg12 .cover-heading,
    .login.bg13 .cover-heading,
    .login.bg14 .cover-heading,
    .login.bg15 .cover-heading{
        text-shadow: 0 0 4px #fff;
        color: #353535;
    }
    .login.bg6 .cover-heading,
    .login.bg7 .cover-heading {
        text-shadow: 0 0 4px #000;
    }
    .login.bg3 .cover-heading,
    .login.bg7 .cover-heading,
    .login.bg8 .cover-heading,
    .login.bg13 .cover-heading,
    .login.bg15 .cover-heading {
        text-align: left;
    }
    .secondfactor .mastform,
    .login.bg3 .mastform,
    .login.bg7 .mastform,
    .login.bg8 .mastform,
    .login.bg13 .mastform,
    .login.bg15 .mastform {
        margin: unset;
    }
    .login.bg0 .mastform {
        background-color: rgba(255, 255, 255, 0.3);
    }
    .login.bg1 .mastform {
        background-color: rgba(255, 255, 255, 0.7);
    }
    .login.bg2 .mastform {
        background-color: rgba(255, 255, 255, 0.5);
    }
    .login.bg4 .mastform {
        background-color: rgba(255, 255, 255, 0.6);
    }
    .login.bg5 .mastform,
    .login.bg7 .mastform,
    .login.bg16 .mastform {
        background-color: rgba(100, 100, 100, 0.4);
        border-color: #fff;
    }
    .login.bg6 .mastform {
        background-color: rgba(57, 97, 98, 0.7);
        border-color: #fff;
    }
    .login.bg8 .mastform {
        background-color: rgba(182, 65, 72, 0.10);
    }
    .login.bg9 .mastform {
        background-color: rgba(120, 92, 115, 0.7);
        border-color: #fff;
    }
    .login.bg10 .mastform {
        background-color: rgba(28, 27, 85, 0.3);
        border-color: #fff;
    }
    .login.bg11 .mastform {
        background: rgba(255, 255, 255, 0.8);
    }
    .login.bg12 .mastform {
        background-color: rgba(54, 134, 186, 0.5);
        color: #fff;
    }
    .login.bg13 .mastform {
        background-color: rgba(255, 255, 255, 0.75);
        color: #353535;
        border-color: #ccc;
    }
    .login.bg14 .mastform {
        background-color: rgba(255, 255, 255, 0.6);
    }
    .login.bg15 .mastform {
        background-color: rgba(100, 100, 100, 0.7);
        border-color: #fff;
        color: #fff;
    }
    .login.bg5 .mastform input[type="text"],
    .login.bg5 .mastform input[type="password"],
    .login.bg6 .mastform input[type="text"],
    .login.bg6 .mastform input[type="password"],
    .login.bg7 .mastform input[type="text"],
    .login.bg7 .mastform input[type="password"],
    .login.bg9 .mastform input[type="text"],
    .login.bg9 .mastform input[type="password"],
    .login.bg10 .mastform input[type="text"],
    .login.bg10 .mastform input[type="password"],
    .login.bg15 .mastform input[type="text"],
    .login.bg15 .mastform input[type="password"],
    .login.bg16 .mastform input[type="text"],
    .login.bg16 .mastform input[type="password"] {
        border-color: #fff
    }
    .login.bg13 .mastform input[type="text"],
    .login.bg13 .mastform input[type="password"] {
        border-color: #aaa;
    }
    .login.bg5 .mastform .masttext a,
    .login.bg6 .mastform .masttext a,
    .login.bg7 .mastform .masttext a,
    .login.bg9 .mastform .masttext a,
    .login.bg10 .mastform .masttext a,
    .login.bg12 .mastform .masttext a,
    .login.bg15 .mastform .masttext a,
    .login.bg16 .mastform .masttext a {
        color: #fff;
    }
    .login.bg13 .mastform .masttext a {
        color: #353535;
    }
    #FormInputs-div {
        width: 340px;
        float: right;
    }
    #RetrievalMethod-div .arrow {
        background-image: url("/img/mailNew/arrow.png");
    }
}
/*@media (min-width: 750px) {*/
/*    !*.free .mastform {*!*/
/*    !*    float: left;*!*/
/*    !*}*!*/
/*    .mdeProp {*/
/*        float: left;*/
/*        margin-right: 35px;*/
/*    }*/
/*    .mdeTopProp {*/
/*        display: block;*/
/*    }*/
/*}*/
@media (min-width: 815px) {
    .inner {
        margin: auto;
    }

    /*.secondfactor .cover-heading {
        width: 600px;/*60%;
    }*/
}
/*@media (min-width: 900px) {*/
/*    .mdeTopProp {*/
/*        float: left;*/
/*    }*/
/*    .mdeSideProp {*/
/*        display: block;*/
/*    }*/
/*}*/
@media (min-width: 1360px) {
    body {
        background-position: right top;
    }
}