.novaworks-separator{display:inline-block}.novaworks-separator-wrap{-js-display:flex;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.novaworks-separator-parent{line-height:0}.novaworks-divider-text{white-space:nowrap;margin:0}.novaworks-divider-text.pen:not([data-elementor-inline-editing-toolbar=advanced]){white-space:nowrap}.novaworks-heading{position:relative;z-index:1}.novaworks-heading-align-center .novaworks-separator-wrap{margin-left:auto;margin-right:auto}.novaworks-heading-align-left .novaworks-separator-wrap{margin-left:0;margin-right:auto}.novaworks-heading-align-right .novaworks-separator-wrap{margin-left:auto;margin-right:0}.novaworks-separator-line{display:table-cell;vertical-align:middle}.novaworks-separator-line>span{display:block;margin-top:0}.novaworks-divider-content{display:table-cell}.novaworks-divider-content .novaworks-icon-wrap{display:block}.novaworks-heading-fill-gradient .novaworks-heading-text{background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.novaworks-divider-content .novaworks-icon-wrap .novaworks-icon i:not(.fad):before{position:static}.novaworks-heading .novaworks-heading-text>a{color:inherit;font-size:inherit}.novaworks-heading .novaworks-heading-text.novaworks-size--small{font-size:15px}.novaworks-heading .novaworks-heading-text.novaworks-size--medium{font-size:19px}.novaworks-heading .novaworks-heading-text.novaworks-size--large{font-size:29px}.novaworks-heading .novaworks-heading-text.novaworks-size--xl{font-size:39px}.novaworks-heading .novaworks-heading-text.novaworks-size--xxl{font-size:59px}.novaworks-stack-desktop-yes .novaworks-adv-heading-stack{display:block}.novaworks-heading-wrapper .novaworks-heading .novaworks-heading-text{display:block}.line-custom-position{position:absolute;width:100%}.authentication-alert .alert-text {
color: #fff;
padding: 5px;
margin: 5px 0;
}
.authentication-alert.fail {
background-color: #ff4242;
}
.authentication-alert.success {
background-color: #00c30f;
}
.info-show .true {
color: rgb(2, 148, 2);
}
.info-show .false {
color: rgb(231, 5, 5);
}
.auth {
text-align: center;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
max-width: 500px;
margin: 0px auto;
}
.authentication_code{
text-align: center;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
margin: 0px;
width: 80%;
}
.authentication_form{
text-align: center;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
margin: 0px;
width: 20%;
} .popup-flex {
margin: 30px;
}
.popup-container {
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgb(0 0 0 / 82%);
display: flex;
align-items: center;
}
.popup-content {
background-color: #fefefe;
margin: auto;
padding: 20px;
width: 50%;
border-radius: 6px;
box-shadow: 1px 1px 2px #959595;
}
.popup-content p {
font-size: 17px;
padding: 10px;
line-height: 20px;
font-family: Mulish, sans-serif!important;
}
.popup-content span {
color: #fff;
float: right;
font-size: 35px;
margin: 0px 0px 0px 0px;
background: #49bbf8;
width: 35px;
height: 35px;
border-radius: 50%;
line-height: 31px;
padding: 2px 0px 0px 7px;
font-family: Mulish, sans-serif!important;
}
.popup-content span:hover,
.popup-content span:focus {
color: rgb(240, 240, 240);
text-decoration: none;
cursor: pointer;
}
.show {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.more-articles {
margin: 30px 30px 50px;
font-size: 20px;
}
.more-articles a {
margin: 0 10px;
text-decoration: underline;
}
.danger_info {
text-align: center;
margin: 0px auto;
}
.danger_info img {
max-width: 100px;
}
.danger_info h4 {
font-size: 26px;
font-weight: 600;
color: #3a3a3a;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
font-family: Mulish, sans-serif!important;
}
.danger_info p {
font-size: 16px;
font-weight: 500;
color: #555;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 25px;
font-family: Mulish, sans-serif!important;
}
.success_info {
text-align: center;
margin: 0px auto;
}
.success_info img {
width: 100%;
}
.success_info h4 {
font-size: 22px;
font-weight: 600;
color: #007c2a;
margin: 0px 0px 0px 0px;
padding: 10px 0px 5px 0px;
text-transform: uppercase;
font-family: Mulish, sans-serif!important;
}
.success_info label {
text-transform: uppercase;
font-family: Mulish, sans-serif!important;
}
.success_info p {
font-size: 16px;
font-weight: 500;
color: #555;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 25px;
font-family: Mulish, sans-serif!important;
}
@media screen and (max-width: 768px){
.authentication_code{
text-align: center;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
margin: 0px;
min-width:200px;
}
.authentication_form{
text-align: center;
display: flex;
align-content: center;
justify-content: center;
flex-wrap: nowrap;
align-items: center;
margin: 0px;
min-width: 90px;
font-size: 13px!important;
padding: 15px!important;
margin-left: 5px!important;
}
}