.security-page .header {
margin-top: 50px;
text-align: center;
}
@media (max-width: 992px) {
.security-page .header {
margin-top: 20px;
text-align: center;
}
}
.security-page .logo__container a {
margin: 0 auto;
}
.main-title-container {
font-size: 22px;
font-weight: 600;
line-height: 30px;
text-align: center;
}
.main-text-container {
font-size: 14px;
font-weight: 400;
text-align: center;
margin-bottom: 20px;
}
.dark-mode .main-title-container, .dark-mode .main-text-container {
color: #fff;
}
@media (max-width: 992px) {
.main-title-container, .main-text-container {
text-align: left
}
}
.security-container {
background: #fff;
border-radius: 10px;
border: 1px solid #eaeaea;
padding: 15px;
margin: 25px auto;
}
@media (max-width: 992px) {
.security-container {
background: transparent;
border-radius: 0;
border: none;
padding: 0;
margin: 0;
}
}
.security-form .form-control {
font-size: 14px;
height: 42px;
}
.dark-mode .security-form label {
color: #fff;
}
.dark-mode .security-form .form-check span {
color: #fff;
}
@media (max-width: 992px) {
.security-form .form-control {
height: 42px;
font-size: 14px
}
}
.security-form .btn-lg {
padding: 10px 16px;
font-size: 16px;
line-height: 1.3333333;
border-radius: 6px;
}
.security-form .mm-switch {
border: 0;
padding: 0;
}
.security-form .mm-switch-container {
justify-content: flex-start;
padding: 0 !important;
flex-wrap: wrap;
}
.security-form .mm-switch-container .error {
flex-basis: 100%;
display: flex;
font-weight: 700;
padding-left: 0;
}
.security-form .mm-switch .mm-switch-toggle {
flex: 0 0 45px;
margin-right: 15px;
}
.security-form .main-text-container{
text-align: left;
}
@media (max-width: 992px) {
.security-form .main-text-container{
margin-top: 15px
}
.security-form .mm-switch-container {
flex-wrap: nowrap;
}
}
.block__social-connect {
text-align: center;
}
.social-media-connect-container {
display: flex;
justify-content: space-between;
}
@media (max-width: 992px) {
.social-media-connect-container {
flex-direction: column;
align-items: center;
}
}
.socialLogin {
margin-bottom: 15px
}
.also-connect {
margin: 0 0 25px 0;
border-bottom: 1px solid #eaeaea;
position: relative;
height: 20px;
}
.also-connect .or-connect {
width: 60px;
position: absolute;
top: 10px;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.or-connect {
background: #fff;
height: 25px;
color: #888;
margin: 0 auto;
font-size: 14px;
text-align: center;
}
.dark-mode .or-connect {
background: #000;
}
.dark-mode #loginModal .or-connect {
background: #fff;
}
.btn-social-connect {
background: #fff;
border-color: #dadce0;
color: #3c4043;
display: flex;
align-items: center;
justify-content: center;
height: 40px;
font-weight: 600;
}
.btn-social-connect:focus, .btn-social-connect:active, .btn-social-connect:hover {
background-color: #f8faff;
border-color: #d2e3fc;
}
@media (max-width: 992px) {
.btn-social-connect {
height: 42px;
}
}
@media (max-width: 992px) {
.btn-social-connect {
width: 320px;
max-width: 100%;
}
}
.g_id_signin > div .g_id_onload > div{
margin: 0 auto !important;
text-align: center;
}
.btn-google-connect {
margin: 0 auto
}
.icon-social-connect {
flex: 0 0 32px;
width: 32px;
height: 32px;
display: inline-block;
background-size: 90%;
background-position: center;
background-color: transparent;
background-repeat: no-repeat;
margin: 0 10px 0 0
}
.icon-facebook {
background-image: url(../img/social-media/icon-facebook.svg);
}
.icon-google {
background-image: url(../img/social-media/icon-google.svg);
}
.icon-apple {
background-image: url(../img/social-media/icon-apple.svg);
}
