@charset "UTF-8";

@font-face {
    font-family: "Apercu Arabic Pro";
    src: local("Apercu Arabic Pro"), local("Apercu Arabic Pro Regular"), url("/includes/fonts/apercu-arabic-regular-pro.woff2") format('woff2');
}

@font-face {
    font-family: "Apercu Arabic Pro";
    src: local("Apercu Arabic Pro Bold"), url("/includes/fonts/apercu-arabic-bold-pro.woff2") format('woff2');
    font-weight: 700;
}

@font-face {
    font-family: "Apercu Arabic Pro";
    src: local("Apercu Arabic Pro Medium"), url("/includes/fonts/apercu-arabic-medium-pro.woff2") format('woff2');
    font-weight: 500;
}

@font-face {
    font-family: "Apercu Arabic Pro";
    src: local("Apercu Arabic Pro Light"), url("/includes/fonts/apercu-arabic-light-pro.woff2") format('woff2');
    font-weight: 300;
}

html, body { margin: 0; height: 100%; overflow-x:hidden; }
body { font-family:  'Apercu Arabic Pro', Arial, Helvetica, sans-serif; font-size: 16px; color: var(--text-color); }
h1, h2, h3, h4 { font-family: inherit; }
a { text-decoration: none; cursor: pointer; color: var(--highlight-color); }
a:hover { text-decoration: underline; }

h1{font-size:38px;line-height:36px;font-weight:700;}
h2{font-size:24px;line-height:24px;font-weight:700;}
h3{font-size:20px;line-height:20px;font-weight:700;}
h4{font-size:18px;line-height:18px;font-weight:700;}
p1, .p1 {font-size:16px;line-height:16px; display: block; }
p2, .p2 {font-size:14px;line-height:14px; display: block; }
p3, .p3 {font-size:12px;line-height:12px; display: block; }
.text-regular{font-weight:400;}
.text-bold{font-weight:700;}

.redbutton { border:0; background-color:#ff3333; color:#fff; min-width:64px; max-width: 130px; height:36px; border-radius: 8px; font-family: inherit; float:right; cursor:pointer; padding: 10px 18px; }
@media (min-width: 880px){.redbutton { min-width:86px; }}

input[type=text], input[type=email], input[type=password], select { height: 36px; width: 100%; font-family: inherit; font-size: inherit; background-color: #f7f7f7; border: 0; border-radius: 5px; color: #888888; padding: 10px 14px; box-sizing: border-box; line-height: 16px; }

label { color: #888888; font-size: 90%; font-weight: 500; line-height: 14px; margin-bottom: 6px; }
label.thin {font-weight: 300; }

/* ---------- LOGIN BACKGROUND ---------- */
.background {position: absolute; height:100%; width: 100%; background-color: #000E1F; background-size: cover; top:0px;}
@media (min-width: 420px){.background { }}
.background-left { position: relative;  height:100%; width: 50%;}
.background-left-img {position: absolute;left:0px; bottom: 0px; height:400px; opacity: 20%;}
@media (min-width: 420px){.background-left-img {height:550px;}}
@media (min-width: 880px){.background-left-img { }}
.background-right { position: relative; height:100%; width: 50%; }
.background-right-img {position: absolute;right:0px; top:0px; height:400px;  opacity: 20%;}
@media (min-width: 420px){.background-right-img { height:672px;}}

/* ---------- CONTENT STRUCTURE ---------- */
.content_login, .content-sign { width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; gap: 20px; box-sizing: border-box; }

.logo-slidecrew { height: 60px; background-image: url('https://portalv2.b-cdn.net/Login_content/slidecrew-logo-01.svg'); background-repeat: no-repeat; background-size: contain; background-position: left center; position: relative; flex-shrink: 0; }
@media (min-width: 880px){.logo-slidecrew {height: 80px;}}
.login-bottom { display: flex; height: auto; flex-direction: column-reverse; align-items: center; gap: 10px; }
@media (min-width: 480px){.login-bottom { flex-direction: row; }}
.legal-text { position:relative; font-size: 10pt; color:#ffffff; font-weight:lighter; text-align: center; margin: 0; }
@media (min-width: 480px){.legal-text { text-align: left; margin-right: auto; }}
.server-text{font-style: italic;color:#888888}
.social-icons{ position: relative; display: flex; flex-direction: row; gap: 10px; }
@media (min-width: 480px){.social-icons{ }}
.icon-bottom { vertical-align: middle; }
.icon-bottom:hover { color:#FF3333; }
img.icon-bottom { width: 18px; height: 18px; }

.newpass{z-index:0}
.enterpass{z-index:1}
.capcha{z-index:2}
.checkmail{z-index:2}
.forgot{z-index:3}
.normal{z-index:4}

.newin-first{z-index:100}

.hidden{visibility:hidden}

/* ------------------------------ GENERIC LOGIN CONTENT ------------------------------ */
/* ---------- LOGIN STRUCTURE ---------- */
.login-content {display: flex; justify-content: center; min-height: 500px; width: 100%; flex-shrink: 0; flex-grow: 1; }
@media (min-width: 500px){.login-content { align-items: center; }}
.login_box {position:relative;background: #fff; width: 100%; max-height: 620px; border-radius: 10px; padding: 26px; box-sizing: border-box; display: flex; flex-direction: column; }
@media (min-width: 500px){.login_box { width: 500px; }}

/* ---------- LOGIN BOX DOWN STRUCTURE ---------- */
.box-down{ margin-top: auto; display: flex; flex-direction: column; gap: 20px; }
.button-box { }
    @media (min-width: 1280px){.button-box { }}
form { margin: 0; }
.line-down { background-color: #E8E8E8; border: none; width: 100%; height: 1px; margin: 0; }
.login-text-signup { color:#888888; font-weight:300; text-align: center;}
.login-text-signup-red {color:#FF3333; font-weight: bold; cursor:pointer;}

/* ---------- LOGIN NOTIFICATIONS ---------- */
.login-notif-box, .sign-notif-box { position:relative; background-color:#FFD6D6; padding: 10px 14px; border-radius: 8px; color:#ff3333; display: flex; align-items: center; gap: 10px; margin-top: 18px; }
.show-pas {float:right;}
.notif-close{float:right;cursor:pointer;align-content: center; justify-content: center;}
    
/* ---------- LOGIN BOX UP STRUCTURE ---------- */
.box-up{position:relative;width: 100%;}
.box-title { margin: 0; }
.box-text { color:#888888; width:100%; margin-top: 18px; }
.box-textlink {color:#ff3333;text-decoration-line: underline;cursor:pointer;}

/* ---------- LOGIN BOX CENTER STRUCTURE ---------- */
.box-center{position:relative; width: 100%; height:  586px; display: flex}
.box-title { margin: 0; }
.box-text { color:#888888; width:100%; margin-top: 18px; }
.box-textlink {color:#ff3333;text-decoration-line: underline;cursor:pointer;}

/* ---------- LOGIN INPUTS ---------- */
.label-text {color:#888888;width:100%;margin-top:30px; font-weight:500; }
.input-base{ position: relative; }
.input-box{ display: flex; flex-direction: column; gap: 10px; }
#login-first .input-box { margin-bottom: 20px; }
.fpas-box { text-align: right; padding-top:4px; }
.fpas-text { color:#ff3333; cursor:pointer; text-decoration: none; }
.fpas-text:hover { text-decoration: underline; }

input.login-email, input.login-password { top:4px; }
.login-email { }
.login-password{ }
.icon-view-password{ position:absolute; color:#bbbbbb; font-size: 10pt; right:10px; cursor:pointer; bottom: 10px; }

/* ---------- LOGIN BUTTONS ---------- */
.button-login, .button-back-login { width: 100%; max-width: initial; min-width: initial; height: 36px; padding: 10px 18px; }
.button-login:hover, .button-back-login:hover {background-color:#E90000;}

/* ---------- GENERIC BOTTOM MESSAGES ---------- */
.bottom-message-text {color:#888888;margin-top:7px;font-size: 10pt;font-weight:300;line-height: 14px;}
.bottom-message-textlink {color:#ff3333;text-decoration-line: underline;cursor:pointer;}
.condition-text {color:#888888;margin-bottom:8px;font-size: 10pt;font-weight:300;line-height:12px;}
@media (min-width: 1280px){.condition-text{font-size: 9pt;}}
input[type=checkbox] { float: left; margin: 0 5px 0 0; }

/* ------------------------------ GENERIC SIGN UP AND NEW IN CONTENT ------------------------------ */

/* ---------- SIGN UP AND NEW IN STRUCTURE ---------- */
.sign-content { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
@media (min-width: 480px){.sign_content {position:relative; display:flex; background: #fff;width: 600px;height: 430px;border-radius:8px;}}
@media (min-width: 880px){.sigp_content {position: absolute;height: 80%;width: calc(100% - 68px);top: 150px;}}
.sign-box-container{ display:block; flex-grow: 1; flex-shrink: 0; }
@media (min-width: 880px){.sign-box-container{ display: flex; align-items: center; align-self: center; }}
.sign-box-container-newin{display:block;position: relative;z-index:100;}
@media (min-width: 880px){.sign-box-container-newin{width:calc(100% - 68px); height:80%; position: absolute; display: flex;justify-content: center;align-items: center;z-index:100;}}
.sign_box {position:relative; display:flex; flex-direction: column; background: #fff;width: 100%;min-height: 540px;border-radius:8px;}
@media (min-width: 880px){.sign_box { flex-direction: row; width: 740px; height: 520px; min-height: auto; }}

/* ---------- SIGN UP AND NEW IN LEFT BAR ---------- */
.sign-left {width:calc(100% - 52px); background-color:#e8e8e8; position:relative; height:28px; padding:26px; border-radius:8px 8px 0px 0px;display:flex;}
@media (min-width: 880px){.sign-left { width: 168px; height:auto; border-radius:8px 0px 0px 8px; flex-direction: column; }}
.sign-title { width:120px; margin: 0; }
@media (min-width: 880px){.sign-title { width:auto; }}
.sign-text {display: none;}
@media (min-width: 880px){.sign-text {color:#888888; margin-top:24px; display:block;}}
.sign-text-numb {color:#888888;font-size: 12pt;font-weight:300;line-height: 14px; display: flex; justify-content: flex-end; margin-left: auto; align-items: center; }
@media (min-width: 880px){.sign-text-numb { margin-top:30px; display:block; margin-left: 0; }}
.sign-text-phone {color:#888888;width: 100%; margin-top:24px;font-size: 14pt;font-weight:300;line-height: 16px;}
@media (min-width: 880px){.sign-text-phone {display:none;}}
.sign-textlink { color:#ff3333; margin-top: 20px; }
.sign-left-bottom { display: none; margin-top: auto; }
@media (min-width: 880px){ .sign-left-bottom { display: block; }}
.sign-left-bottom .redbutton { float: none; }

/* ---------- SIGN UP AND NEW IN STEPS ---------- */
.steps-box {margin-left:12px; margin-top: 0;display:flex;right:0px;}
@media (min-width: 880px){.steps-box { margin-left:3px; margin-top:7px; }}
@media (min-width: 1280px){.steps-box { }}
.steps-box-active {margin-left:10px;margin-top: 0;display:flex;}
@media (min-width: 880px){.steps-box-active {margin-left:0px;margin-top:7px }}
@media (min-width: 1280px){.steps-box-active { }}

.number-step {border-radius: 50%; width: 24px; height: 19px;  background: #fff; color: #000; text-align: center; font-size: 12pt; font-weight: 600;padding-top: 4px; line-height: initial; }
@media (min-width: 880px){.number-step { width: 14px; height: 12px; padding-top: 3px; font-size: 8pt; }}
@media (min-width: 1280px){.number-step { font-size: 7pt; }}

.step-text {display:none;}
@media (min-width: 880px){.step-text { color:#888888; font-weight:300; margin-left:6px;display:block;}}
@media (min-width: 1280px){.step-text { }}

.number-step-ant {border-radius: 50%; width: 24px; height: 19px; background: #000E1F; color: #fff; text-align: center; font-size: 12pt; font-weight: 600;display:block;padding-top: 5px; line-height:initial; }
@media (min-width: 880px){.number-step-ant { width: 14px; height: 12px; padding-top: 3px; font-size: 8pt; }}
@media (min-width: 1280px){.number-step-ant { font-size: 7pt; }}

.step-text-ant {display:none;}
@media (min-width: 880px){.step-text-ant { color:#000E1F; margin-left:6px; display:block; margin-top: 2px; }}
@media (min-width: 1280px){.step-text-ant { }}

.number-step-active {border-radius: 50%; width: 28px; height: 23px; padding-top: 3px; background: #ff3333; color: #fff; text-align: center; font-size: 14pt; font-weight: 800;display:block; line-height: 23px; }
@media (min-width: 880px){.number-step-active { width: 22px; height: 16px; padding-top: 4px; font-size: 11pt; line-height: 15px; }}
@media (min-width: 1280px){.number-step-active { }}

.step-text-active {display:none;}
@media (min-width: 880px){.step-text-active {font-size: 11pt; color:#000E1F; font-weight:600; margin-left:4px;margin-top:4px;display:block;}}
@media (min-width: 1280px){.step-text-active { }}

/* ---------- SIGN UP AND NEW IN RIGHT ---------- */
.sign-right { width: 100%;height: 100%;display: grid;float: left;align-content: space-between;top: 72px; min-height: 460px; }
@media (min-width: 880px){.sign-right { position:relative; width: calc(100% - 272px); height:auto; display:flex; top: 0px; flex-direction: column; padding: 26px; }}

/* ---------- SIGN UP AND NEW IN UP STRUCTURE ---------- */
.sign-box-up{ padding: 26px; }
@media (min-width: 880px){ .sign-box-up{ padding: 0; }}
.sign-box-title { margin: 0; }
@media (min-width: 520px){.sign-box-title { width:300px; }}   
@media (min-width: 1280px){.sign-box-title {  }}

.sign-box-title-red {color:#ff3333;}
.sign-box-text {color:#888888; margin-top:30px;font-size: 10pt;font-weight:300;line-height: 12pt; padding-right:40px;}
@media (min-width: 880px){.sign-box-text { width:340px; }}
@media (min-width: 880px){.sign-box-text { width:380px; font-size: 14pt; line-height: 16pt; }}
.sign-box-textlink {color:#ff3333;text-decoration-line: underline;cursor:pointer;}
.sign-box-textmark {color:#888888;font-weight:600;}
.sign-consentspace { }

/* -- new mid category -- */
.sign-box-mid { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; transform: translateY(-50%); }

/* ---------- SIGN UP AND NEW IN DOWN STRUCTURE ---------- */
.sign-box-down{ width: calc(100% - 40px); margin-right: 0px; padding-left: 20px; padding-bottom: 20px; margin-top: auto; }
@media (min-width: 880px){ .sign-box-down{ width: auto; padding: 0; }}

/* ---------- SIGN UP AND NEW IN BUTTONS STRUCTURE ---------- */
.button-sign, .button-sign-active, .sign-button-back, .sign-button-back-phone { border:0; background-color:#ff3333; color:#fff; min-width:64px; height:24px; border-radius: 8px; font-family: inherit; cursor:pointer; padding: 10px 18px; }

.button-sign{ margin-left: auto; width: 100px; height: 36px; }
.button-sign-active{ float:right; width:100px; height: 36px; }
.button-sign:hover, .button-back:hover, .button-user-image:hover, .button-sign-active:hover {background-color:#E90000;}

.sign-button-back{display:none;}
@media (min-width: 480px){.sign-button-back{border:0;background-color:#ff3333;color:#fff; width:64px; height:24px;border-radius:5px;font-family: 'Apercu Arabic Pro';font-size: 12pt;cursor:pointer;margin-left:-20px;display:block;}}
@media (min-width: 880px){.sign-button-back{font-size: 12pt;cursor:pointer;margin-left:-20px;display:block;}}
@media (min-width: 1280px){.sign-button-back{width:86px; height:28px;font-size: 10pt;}}
.sign-button-back-phone{border:0;background-color:#ff3333;color:#fff; width:64px; height:24px;border-radius:5px;font-family: 'Apercu Arabic Pro';font-size: 12pt;cursor:pointer;margin-left:0px;}
@media (min-width: 480px){.sign-button-back-phone{display:none;}}

/* ---------- SIGN UP AND NEW IN NOTIFICATIONS ---------- */
.sign-notif-box { margin-bottom: 20px; margin-top: 0; }
.sign-advice { color:#ff3333; margin-bottom:10px; font-weight:300; margin-right:40px; }
@media (min-width: 480px){.sign-advice { margin-bottom: -26px; margin-right: 90px; }}

/* ---------- SIGN UP AND NEW IN CODE INPUTS ---------- */
.input-base-code {position:relative;margin-bottom:10px;}
input[name=verifyCode i] {width:28px;height:26px; padding:1px; margin-right: 10px; background-color:#f7f7f7;border:0;border-radius:5px;color:#888888;font-family: 'Apercu Arabic Pro';font-size: 11pt;text-align: center;cursor:pointer;}
@media (min-width: 480px){input[name=verifyCode i] {width:16px;height:14px; padding:1px; margin-right: 12px; background-color:#f7f7f7;border:0;border-radius:5px;color:#888888;font-family: 'Apercu Arabic Pro';font-size: 11pt;text-align: center;cursor:pointer;}}
@media (min-width: 620px){input[name=verifyCode i] {width:20px;height:18px; padding:2px 2px 2px 2px; margin-right: 14px;background-color:#f7f7f7;border:0;border-radius:5px;color:#888888;font-family: 'Apercu Arabic Pro';font-size: 12pt;text-align: center;cursor:pointer;}}
@media (min-width: 1280px){input[name=verifyCode i] {width:34px;height:32px; padding:2px 2px 2px 2px; margin-right: 16px; font-size: 14pt;}}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.input-box-code{margin-top:4px;margin-bottom:14px;}
@media (min-width: 620px){.input-box-code{display:flex; margin-top:4px;margin-bottom:14px;}}
.line-code-verify {margin:5px;color:#888888;margin-top:2px;}
@media (min-width: 480px){.line-code-verify {margin:1px;color:#888888;margin-top:2px;}}
@media (min-width: 880px){.line-code-verify {margin:5px;color:#888888;}}
.code-valid {width:44px;margin-top:7px;margin-bottom:3px;background-color:#E6FAE4; padding:4px 5px 4px 5px;border-radius:14px; font-size: 12pt; font-weight:500; color:#81E37B;}
@media (min-width: 620px){.code-valid {margin-top:0px;margin-left:14px;background-color:#E6FAE4;}}
@media (min-width: 1280px){.code-valid {width:50px;margin-top:2px;font-size: 14pt;}}
.vcode-text {color:#888888;margin-top:7px;font-size: 10pt;font-weight:300;line-height: 14px;}
@media (min-width: 1280px){.vcode-text {font-size: 12pt;}}
.vcode-textlink {color:#ff3333;text-decoration-line: underline;cursor:pointer;}


/* ---------- SIGN UP AND NEW IN PERSONAL INFORMATION INPUTS ---------- */
.label-text-sign { margin-bottom: 6px; }
.sign-label-text-required {color:#ff3333;margin-top:30px;font-size: 10pt;font-weight:800;line-height: 14px;}
@media (min-width: 880px){.sign-label-text-required {font-size: 12pt;}}
.sign-input-base{margin-bottom:10px; position: relative; }
@media (min-width: 880px){.sign-input-base { margin-bottom: 0; }}
.sign-input-box{ margin-bottom: 20px; display: flex; flex-direction: column; gap: 20px; }
#signupstep1 .sign-input-box { gap: 10px; }

input.sign-email { }
input.sign-password{ }

input.sign-input-error { border: 1px solid #E90000; }

.input-base-pers-info-text {margin-bottom:0px;}
.input-base-pers-info { }
@media (min-width: 880px){.input-base-pers-info { }}
.input-base-pers-after1 {margin-left:8px;}
@media (min-width: 880px){.input-base-pers-after1 {margin-left:8px;}}
.input-base-pers-after2 {margin-left:8px;}
@media (min-width: 880px){.input-base-pers-after2 { position:relative;}}
.input-base-pers-info-box { width:100%; display:flex; align-items: center; }
@media (min-width: 880px){.input-base-pers-info-box { }}
.input-resp-jump { display:flex; position:relative; width: 100%; }

.box-name {    position:relative; width:100%; }
.box-surname { position:relative; width:100%; margin-left: 0; margin-top: 20px; }
@media (min-width: 880px){ .box-surname { margin-left: 8px; margin-top: 0; }}
.box-prefix {  position:relative; width:30%; min-width:72px; }
.box-phone {   position:relative; width:70%; }
.box-country { position:relative; width:50%; }
.box-company { position:relative; width:50%; }

input.sign-name{ }
input.sign-surname{ }
input.sign-prefix{ }
input.sign-phone{ }
input.sign-country, input.sign-company{ }

/* ---------- SIGN UP AND NEW IN USER INFORMATION ---------- */
.input-desc {margin-bottom:10px;position:relative;width:100%;}
textarea {width:calc(100% - 12px);height:60px;color:#888888; font-family: inherit; font-size: 10pt;padding:6px; background-color:#f7f7f7;border:0;border-radius:5px;line-height: 14px;text-align: start;resize: none;}
@media (min-width: 880px){textarea { width: calc(100% - 16px); height: 76px; padding-left:8px; }}
.signup-user-image {background-image: url('https://portalv2.b-cdn.net/content/noimage.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; width: 100px; height:100px; border-radius: 50px;}
@media (min-width: 880px){.signup-user-image { }}
.button-user-image{ float: none; display: inline-block; }
@media (min-width: 880px){.button-user-image {  }}
.image-name {color:#888888; font-weight:300; margin-top:4px;margin-left:0px;}
@media (min-width: 880px){.image-name { display: inline-block; }}
.input-base-pers-image { margin-left: 0; }
@media (min-width: 880px){.input-base-pers-image { margin-left:8px; }}

/* ---------- SIGN UP FINAL STEP ---------- */
.welcome-text { color:#888888; margin-top:7px; font-weight:300; width:100%; }
@media (min-width: 1280px){.welcome-text {  }}
.welcome-text-slidecrew {color:#000;font-weight:600;}
.welcome-text-link {color:#ff3333;text-decoration-line: underline;cursor:pointer;}

.grecaptcha-badge { bottom: 50px !important; }

#g_id_onload {display: none; }

#m_id_button{
    width: 38px;
    height: 38px;
    border-color: black;
    border-style: solid;
    border-width: 0.1px;
    border-radius: 100px;
    margin-left: 10px;
    display: flex;
}

#m_id_button_logo{
    width: 18px;
    height: 20px;
    border-color: black;
    border-style: solid;
    border-width: 0px;
    display: block;
    margin: auto;
}

.office365{
    background-image: url('/content/microsoft-365.svg'); /* TODO: Change to 365 logo */
    background-size: contain;
}

.entraId {
    background-image: url('/content/microsoft-icon.svg'); /* TODO: Change to 365 logo */
    background-size: contain;
}

.ssoTable{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    display: flex;
}

.separator {
    margin-top: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #888888;
}

.separator::before,
.separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #E8E8E8;
}

.separator:not(:empty)::before {
    margin-right: .25em;
}

.separator:not(:empty)::after {
    margin-left: .25em;
}

.login-processing {
    vertical-align: auto;
    margin: auto;
    display: flex;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    background-image: url(../content/loading.svg);
    background-size: cover;
    fill: #ff3333;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.switch {position: relative;display: inline-block;width: 32px;height: 20px;}
.switch input { opacity: 0;width: 0; height: 0;}
.slider { position: absolute;cursor: pointer;top: 0;left: 0;right: 0; bottom: 0; background-color: #DDDDDD; -webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 16px;width: 16px;left: 2px;top:2px;bottom: 2px;background-color: #ffffff; -webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #81E37B;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before { -webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);}

/* Rounded sliders */
.slider.round { border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

.remeber-browser {width: 20px; height: 20px;}

button:disabled,
button[disabled]{
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}