@font-face {
    font-family: 'Museo Sans';
    src: url("../font/museosans.otf") format("opentype");
}
* {
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: 400;
    outline:none !important;
}
.switcher a:focus  {
    transform:scale(1.05);
    outline:none !important;
}
form *:focus {
    outline: -webkit-focus-ring-color auto 1px !important;
    outline-color: #EE7F00 !important;
}
.mdp:focus {
    outline:none !important;
    text-decoration:none !important;
}
html {
    height:100%;
    min-height: 100%;
    background: #EE7F00 url('../img/background.svg');
    background-position: center;
    background-repeat: no-repeat;
    position:relative;
}
body {
    position: absolute;
    width: 100%;
    margin: 0;
    padding: 0;
    min-width: 1440px;
    position: relative;
    transform-origin: 0 0;
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow:auto !important;
}
.swal2-container {
    transition: none !important;
}
.body-content {
    position:relative;
    width:100%;
    height:100%;
    overflow:auto;
}
#loginGroup {
    text-align:center;
}
#meter_wrapper {
    width: calc(100% - 200px);
    height: 37px;
    position: relative;
    position: absolute;
    margin-top: 2px;
    background: #9c9c9c1c;
    display:none;
}
#repass, .body-content>form {
    text-align: center;
}
.loginbloc {
    background:#FFF;
    padding:85px 100px 124px;
    border-radius:12px;
    display:inline-block;
    text-align:left;
    width: 378px;
    margin-top:80px;
    margin-bottom:80px;
    position: relative;
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden !important;
}
label.label_input_text {
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: #3E3D40;
    display:block;
    padding-bottom:10px;
}
input.input_text {
    padding: 0px 8px;
    width: 360px;
    height: 48px;
    border: 1px solid #C3C2C5;
    border-radius: 4px;
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #878588;
}
button.btn_submit {
    padding: 0px 12px;
    width: 100%;
    height: 48px;
    background: #EE7F00;
    border-radius: 4px;
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #3E3D40;
    border:none;
    display:block;
    cursor:pointer;
}
button.btn_submit:disabled {
   opacity: 0.6;
    cursor:not-allowed;
}
button.btn_submit img {
    vertical-align: sub;
    margin-left: 5px;
}
.bloc_input {
    margin-top:60px;
}
.msg--error {
    margin: 0 auto;
    margin-top: 34px;
    width: 250px;
    min-height: 25px;
    color: #F00;
    display: block;
    position: absolute;
    width: calc(100% - 220px);
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 140%;
}
.swal2-title {
    font-family: 'Museo Sans' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 20px !important;
    text-align: center !important;
    color: #EE7F00 !important;
}
.swal2-icon {
    transform: scale(.6) !important;
    margin-bottom: -20px !important;
    margin-top: 5px !important;
}
.btn {
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #3E3D40;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    border: 1px solid transparent;
    width: auto !important;
}
.btn--transparent {
    background:transparent;
    border:1px solid #EE7F00;
}
.mdp {
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: 400;
    color: #878588;
    margin-top: 10px;
    display: block;
    padding:0;
}
#repass #reponse{
    position: absolute;
    margin-top:22px;
    font-style: normal !important;
    color: green;
}
#repass #reponse p {
    font-size: 14px;
    font-weight: bold;
    color: green;
}
#repass #reponse p.red {
    color: #fd4848;
}

.switcher {
    display:inline-block;
    position: absolute;
    top: 18px;
    right: 18px;
}
.switcher-verifications .counter {
    display:none;
}
.switcher>div {
    display:flex;
    background:#E3E3E3;
    padding:4px;
    border-radius:4px;
}
.switcher>div>a {
    font-family: 'Museo Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #878588;
    text-decoration:none;
    padding: 7px 10px 6px;
    cursor:pointer;
}
.switcher>div>a.selected {
    background:#FFF;
    border-radius:4px;
    box-shadow: 4px 4px 4px rgba(62, 61, 64, 0.1);
}
.swal2-icon.swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon2 .5s !important;
}

@keyframes swal2-animate-error-icon2 {
    from {
        transform: scale(.6) rotateX(100deg) !important;
        opacity: 0 !important;
    }
    to {
        transform: scale(.6) rotateX(0deg) !important;
        opacity: 1 !important;
    }
}
.relative{
    position: relative;
}
#showPassword{
    position: absolute;
    bottom: 14px;
    right: -40px;
}
#showPassword i {
    color: #3E3D40;
    font-size: 20px;
    width: 25px;
    height: 20px;
    text-align: center;
}
#showPassword1{
    position: absolute;
    bottom: 14px;
    right: -40px;
}
#showPassword1 i {
    color: #3E3D40;
    font-size: 20px;
    width: 25px;
    height: 20px;
    text-align: center;
}
#showPassword2{
    position: absolute;
    bottom: 14px;
    right: -40px;
}
#showPassword2 i {
    color: #3E3D40;
    font-size: 20px;
    width: 25px;
    height: 20px;
    text-align: center;
}