body {  display: flex; -webkit-box-orient: vertical;  -webkit-box-direction: normal; flex-direction: column; color: #333333; background: #efeff5;   }
.login-header { padding: 30px 0;}
.login-header div.container { display: flex; justify-content: space-between;  align-items: center;}
.login-header div.container div { display: flex; }
.login-header div.container div img { height: 80px; }
.lang-container { }
.lang-container select, .lang-container select:active, .lang-container select:focus { background: transparent; color: #ffffff; outline: 0; cursor: pointer; font-size: 14px; }
.lang-container select option { background: #031F2B; color: #ffffff;  cursor: pointer;}
.login-body { padding: 3rem; margin: 0; }
.login-body .container { display: block; color: #cccccc; text-align: center; }
.login-body .container div.body-container {  display: block; width: 100%;  }
.login-body h3{ color: #ffffff; }
.login-body form { padding: 40px 0 0 0; }
.login-body form .form-control{ background: transparent !important; color: #ffffff; }
.login-body .body-container-separetor { border-bottom: 1px solid rgba(255,255,255,0.4); width: 100%; height: 1px; margin: 30px 0; }
.login-actions { display: flex; justify-content: space-between; -webkit-box-align: baseline; align-items: baseline; }
.login-actions a { font-size: 13px; color: #cccccc; text-decoration: none; }
.login-actions a:hover { color: #ffffff;  }
.login-actions button, .login-actions div.btn { color: #ffffff; background-color: #ff146c; padding: 6px 20px; font-size: 14px; cursor: pointer; font-weight: bold; }
.login-actions button:hover, .login-actions div.btn:hover { color: #ffffff; background-color: #ff146c;  }
.login-divider-container { margin: 3rem 0; }
.login-divider { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 2rem 0; }
.login-divider > span { background: none; }
.login-divider > span:first-child, .login-divider > span:last-child  { border-bottom: 1px solid rgba(255, 255, 255, 0.4); width: 100%; height: 1px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: inline-block; }
.login-divider > span:not(:first-child):not(:last-child)  { font-weight: 500; font-size: 14px; color: #cccccc; padding: 0 20px; }
.login-sign-up-options { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; /*justify-content: space-between;*/justify-content: space-evenly; }
.login-sign-up-options a.btn { background-color: #1F2375; color: #ffffff; font-size: 14px; }
.login-sign-up-options a.btn:hover { background-color: #1F2164; color: #ffffff; }
.login-sign-up-options a.btn i { font-size: 12px; padding-right: 8px; }
.login-footer { padding: 30px 0;}
.login-footer .footer-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #cccccc; font-size: 14px; }
.login-footer .footer-container a { color: #cccccc; margin-left: 10px;}
.login-footer .footer-container a:hover { color: #ffffff; }
.login-footer .footer-container div:first-child a { margin-left: 5px; }

.checkbox-list { padding: 0 0; }
.checkbox-list .checkbox { display: inline-block; position: relative; padding-left: 24px; margin-top: 6px; text-align: left; cursor: pointer; font-size: 1rem; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 13px; }
.checkbox-list .checkbox > label { color: #cccccc; cursor: pointer; }
.checkbox-list .checkbox > input { position: absolute; z-index: -1; opacity: 0; }
.checkbox-list .checkbox > span { border-radius: 3px; background: none; position: absolute; top: 1px; left: 0; height: 18px; width: 18px; border: 1px solid #d1d7e2; }
.checkbox-list .checkbox > span:after { content: ''; position: absolute; display: none; top: 50%; left: 50%; margin-left: -2px; margin-top: -6px; width: 5px; height: 10px; border-width: 0 2px 2px 0 !important; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.checkbox-list .checkbox.checkbox-bold > span { border-width: 2px !important; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.checkbox-list .checkbox > input:checked ~ span { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: none; }
.checkbox-list .checkbox:hover > input:not([disabled]):checked ~ span, .checkbox > input:checked ~ span { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.checkbox-list .checkbox > input:checked ~ span { border: 1px solid #c8cfdd; }
.checkbox-list .checkbox > span i { margin: 2px 0 0 2px; vertical-align: top; }

.form-control-warning { color: #E62F27; font-size: small; margin-bottom:30px; }
.form-control.required { border: 1px solid #E62F27; }

.back-to-top { position: fixed; bottom: 20px; right: 20px; text-decoration: none; color: #FFF; background-color: rgba(39, 41, 48, 0.8); font-size: 12px; padding: 9px 12px; display: none; border-radius: 4px; }
.back-to-top i { font-size: 15px; }
.back-to-top:hover { color: #FFF; background-color: #272930; }
.back-to-top:focus { color: #FFF; }

.sign-up-conditions { font-size: 13px; }
.sign-up-conditions a { color: #ffffff; }

.pick-login-account { padding-top: 40px; }
.pick-login-account .list-group-item { background-color: transparent; color: #ffffff; border: 1px solid #ced4da; text-align: left; }
.pick-login-account .list-group-item i { font-size: 36px; }
.pick-login-account .list-group-item div { width: calc(100% - 50px); float: right; }
.pick-login-account .list-group-item div i.cookie-user-remove { font-size: 24px; transition: opacity 1s ease-in-out; height: 0; opacity: 0; overflow: hidden; }
.pick-login-account .list-group-item.active div i.cookie-user-remove { opacity: 1; height: auto; }
.pick-login-account .list-group-item div.info { font-size: 12px; margin-top: -15px; }
.pick-login-account .list-group-item div.form-group { margin-top: 10px; margin-bottom: 0; transition: opacity 1s ease-in-out; opacity: 0; height: 0; overflow: hidden; }
.pick-login-account .list-group-item.active div.form-group { opacity: 1; height: auto; }
.pick-login-account .list-group-item div.form-group .input-group { width: 100%; }
.pick-login-account .list-group-item div.form-group .input-group input { height:35px; }
.pick-login-account .list-group-item div.form-group .input-group .login-actions { float: none;width: auto;}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .login-body { padding: 3rem; margin: 40px 0; }
    .login-body .container { display: flex; -webkit-box-align: center; align-items: center; justify-content: space-between; color: #cccccc; }
    .login-body .body-container-separetor { display: block; border-right: 1px solid rgba(255,255,255,0.4); width: 1px; height: 450px; }
    .login-body .container div.body-container { max-width: 390px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}


@media (min-width: 1399px) {
}

@media (min-width: 1440px) {
}

@media (min-width: 1600px) {
}