*{ 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:focus, *:visited, *:active {
     outline: none !important; 
}
html,body {
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    background:linear-gradient(to right,#ffffff 0%,#ffffff 50%, #f2fbfe 50%, #f2fbfe 100%);
    color:#676767;
    font-family: 'Roboto','Open Sans', sans-serif;
}
a{
    text-decoration: none;
    color: inherit;
}
a:hover,a:focus{
    text-decoration: underline;
}
img{
    outline:none !important;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    outline:none !important;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
input {
    line-height: normal;
}
select {
    padding-right: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;   
    background-image: url(../img/newLoginimg/selectArrowDown.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 1.2rem !important;
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}
button, select {
    text-transform: none;
}
.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active, .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0);
}
.disabledClass, .disabled {
    opacity: 0.6;
    pointer-events: none;
}
.form-group {
    margin-bottom: 6px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
select.form-control{
    padding-right:25px;
}



.font-light{
    font-weight:200;
}
.font-normal{
    font-weight:400;
}
.font-bold{
    font-weight:700;
}
.font-gray{
    color:#637381;
}
.h1-txt-line,.h2-txt-line,
.h3-txt-line,.h4-txt-line,
.h5-txt-line,.h6-txt-line,p{
    margin:0;
    padding:0;
}
.h1-txt-line{
    font-size:1.9rem;
    padding: 12px 0;
}
.h2-txt-line{
    font-size:1.7rem;
    padding: 10px 0;
}
.h3-txt-line{
    font-size:1.4rem;
    padding: 8px 0;
}
.h4-txt-line{
    font-size:1.2rem;
    padding: 5px 0;
}
.h5-txt-line{
    font-size:0.8rem;
}
.h6-txt-line{
    font-size:0.7rem;
}
.divider-hr{
    border-bottom:1px solid #D5D6D9;
}
.divider-ver{
    display: inline-block;
    height: 20px;
    width: 1px;
    vertical-align: middle;
    background-color: #d3d3d3;
    margin: 0 2px;
}



/*loading indicator starts here*/
.ct-loader-cover {
     display: table;
    /* height: 100vh;
     */
     overflow: hidden;
     width: 100%;
}
.ct-loader-cover .load-vertical {
     vertical-align: middle;
     width: 100%;
     display: table-cell;
     overflow: hidden;
}
.ct-loader-cover .loader {
     margin: 0px auto 0;
     font-size: 10px;
     position: relative;
     text-indent: -9999em;
     border-top: 0.5em solid rgba(175,174,174,0.5);
     border-right: 0.5em solid rgba(175,174,174,0.5);
     border-bottom: 0.5em solid rgba(175,174,174,0.5);
     border-left: 0.5em solid #67a6ce;
     -webkit-transform: translateZ(0);
     -ms-transform: translateZ(0);
     transform: translateZ(0);
     -webkit-animation: load8 1.1s infinite linear;
     animation: load8 1.1s infinite linear;
     overflow: hidden;
}
.ct-loader-cover .loader,
.ct-loader-cover .loader:after {
     border-radius: 50%;
     width: 5em;
     height: 5em;
}
 @-webkit-keyframes load8 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes load8 {
     0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
    }
     100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/*loading indicator ends here*/



.pl-select-ele{
    display:none;
}
.pl-select-ele + .pl-sel-input{
    cursor:default;
    background-image: url(images/arrow-down.png) !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    background-size: 18px !important;
}
.pl-sel-dropdown{
    display:none;
    position:absolute;
    width:320px;
    max-height:300px;
    background-color:#fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    background-color: white;
    border: 1px solid #CCC;
    overflow:auto;
    top:0;
    z-index:10;
    margin-top:34px;
}
.pl-sel-dropdown.showDropDown{
    display:block;
}
.pl-sel-dropdown .pl-dropdown-list {
    margin: 0;
    padding:0;
    list-style: none;    
    display: table;
    width: 100%;
}
.pl-sel-dropdown .pl-dropdown-list li{
    padding: 7px 10px;
    white-space: nowrap;
    font-size: 13px;
    cursor: pointer;
    height:30px;
}
/*.pl-sel-dropdown .pl-dropdown-list li:hover,*/
.pl-sel-dropdown .pl-dropdown-list li.hover{
    background-color: rgba(0,0,0,0.05);
}



/* Slider */

.slick-slide {
    margin: 0px 1rem;
}
@media (min-width: 1px) and (max-width: 991px) {
    .slick-slide {
        margin: 0px 15px;
    }
}
.slick-slide img {
    width: 100%;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.slick-slide img:focus{
    outline:none !important;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.intl-tel-input .country-list {
    max-width: 350px;
}
.intl-tel-input .country-list .country {
    padding: 5px;
}
.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .dial-code {
    font-size: 13px;
}


.main-header{
    text-align:center;
}
.main-wrapper{
    /*padding:15px 0;*/
    min-height: 40vh;
    min-height: calc(100vh - 155px - 205px);
    -webkit-transition: all .5s linear 0s;
    transition: all .5s linear 0s;
}
.main-footer{
    text-align:center;
    padding:15px 0 20px 0;
}
#signup-login-pg .main-header {
    -webkit-transition: all 0.5s linear 0s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s linear 0s;
}
#signup-login-pg .main-header .primary-tit-wrapper{
    padding-top: 5px;
}
#signup-login-pg .main-header .secondary-tit-wrapper{
    padding: 2px 0;
}

#signup-login-pg .main-wrapper{
    position:relative;
}
#signup-login-pg .main-wrapper .sc-bgUI-pic1{
    position:absolute;
    z-index:0;
    left:0;
    bottom:0;
    background-image:url(../img/signupLogin_bgPic2.png);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size: contain;
    width: 28%;
    padding-top: 21.672%;
}
#signup-login-pg .main-wrapper .sc-bgUI-pic2{
    position:absolute;
    z-index:0;
    right:0;
    bottom:0;
    background-image:url(../img/signupLogin_bgPic1.png);
    background-position:bottom;
    background-repeat:no-repeat;
    background-size: contain;
    width: 33%;
    padding-top: 14.318%;
}
#signup-login-pg .main-wrapper .forms-main-wrapper{
    position:relative;
    z-index:1;
    height: 100%;
}
#signup-login-pg .main-wrapper .form-wrapper{
    display:table;
    width:100%;
    height:100%;
    text-align:center;
    /*min-height:40vh;*/
    position: absolute;
    display: none;
    -webkit-transition: all 1s linear 0s; /* For Safari 3.1 to 6.0 */
    transition: all 1s linear 0s;
}
#signup-login-pg .main-wrapper .form-wrapper.activeBLock{
    display:table;
    opacity:1;
    /*position:initial;*/
}
#signup-login-pg .main-wrapper .form-wrapper.ani-takePosition{
    display:table;
    opacity:0;
}
#signup-login-pg .main-wrapper .form-wrapper.ani-takePosition.ani-fadeIn{
    opacity:1;
}
#signup-login-pg .main-wrapper .form-wrapper.activeBLock.ani-fadeOut{
    opacity:0;
}
#signup-login-pg .main-wrapper .form-wrapper > .form-cover{
    display:table-cell;
    vertical-align:middle;
    /*padding:15px 0;*/
    height: 100% !important;
}
#signup-login-pg .main-wrapper #signupForm-widget2.form-wrapper > .form-cover{
    display: block;
}
#signup-login-pg.ct-firstLoad.main-wrapper,
#signup-login-pg.ct-firstLoad .main-wrapper .form-wrapper > .form-cover{
    height: 79vh;
    height: calc(100vh - 120px - 35px);
}
#signup-login-pg .main-wrapper .form-wrapper .formElement{
    display:inline-block;
    clear:both;
}
#signup-login-pg .main-wrapper .form-wrapper .formElement,
#signupForm-widget2 .formElement .formBlock,
#signupForm-widget2 .formElement .formBtnBlock{
    width:100%;
    /*max-width: 500px;*/
    padding: 0 5%;
}
#signup-login-pg .pl-sel-dropdown,
#signup-login-pg .intl-tel-input .country-list{
    width:340px;
    max-height:240px;
}
#signup-login-pg  .main-wrapper .other_form_links{
    clear:both;
    padding:0.7rem 0.5rem 0.5rem;
    font-size: 0.8rem;
}
#signup-login-pg .warning-mess-area{
    text-align: left;
    padding: 1px 0px;
    margin: 0 0 10px 0;
    /*min-height: 10px;*/
    color:#DD0F24;
    clear:both;
    -webkit-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}
#signup-login-pg #reg_form2 .warning-mess-area{
    margin:0;
}
#signup-login-pg .warning-mess-area1{
    text-align: left;
    padding:0 5px;
    font-size:14px;
    margin:0 0 5px 0;
    color:#DD0F24;
    clear:both;
    -webkit-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}
#signup-login-pg div#new_dns_customer_signup_mess, #signup-login-pg div#TextCompName_signup_mess, #signup-login-pg div#TextFName_signup_mess{
    font-size: 12px !important;
    margin: 0 !important;
}
#signup-login-pg  .main-wrapper  .form-primaryBtn{
    width:100%;    
    line-height: 2rem;
    font-size: 1rem;
    background-color: #219cea;
    color: #fff;
    padding-left: 50px;
    padding-right: 50px;
    position:relative;
    width: 70%;
}
#signup-login-pg  .main-wrapper .form-primaryBtn:hover{
    background-color: #1478b7;
}
#signup-login-pg  .main-wrapper .btn.showLoading,
#signup-login-pg  .main-wrapper  .form-primaryBtn.disable{
    opacity:.4;
    pointer-events:none;
}
#signup-login-pg  .main-wrapper .btn.showLoading:after{
    content: '';
    font-size: 0px;
    top: 9px;
    right: 8px;
    position: absolute;
    text-indent: -9999em;
    border-top: 3px solid rgba(256, 256, 256, 0.4);
    border-right: 3px solid rgba(256, 256, 256, 0.4);
    border-bottom: 3px solid rgba(256, 256, 256, 0.4);
    border-left: 3px solid #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    overflow: hidden;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 100%;
    opacity:1;
}
#signup-login-pg .st-input-status{
    position:relative;
}
#signup-login-pg .st-input-status:after{
    font-family: FontAwesome;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1.8rem;
    height: 100%;
    font-size: 1.2rem;
    line-height: 2.8rem;
}
#signup-login-pg .st-input-status.error:after{
    content: '\f00d';
    color:#DD0F24;
}
#signup-login-pg .st-input-status.success:after{
    content: '\f00c';
    color:#29CA42;
}
#signup-login-pg .st-input-status.loading:after{
    content: '\f1ce';
    color:#209cea;
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
    line-height: 1.34rem;
    height: 1.3rem;
    width: 1.3rem;
    font-size: 1.3rem;
    top: 0.7rem;
    right: 0.5rem;
}
#signup-login-pg .st-input-status .form-control{
    padding-right: 30px;
}
#signup-login-pg .st-input-withExt{
    position:relative;
}
#signup-login-pg .st-input-withExt .st-fixed-ext{
    font-size: 0.85rem;
    position: absolute;
    right: 2.5rem;
    line-height: 2.65rem;
    top: 0;
    font-weight: 600;
}
#signup-login-pg .st-input-withExt .form-control{
    padding-right: 140px;
}

#signup-login-pg .suremdm_logo_container{
    width: 100%;
    height: 2.5rem;
    margin-bottom: 10px;
}
#resetPassword-widget .suremdm_logo_container{
    margin-bottom: 40px;
}
.last_x_passord {
    line-height: 1.4;
}
#signup-login-pg .suremdm_logo_container .suremdm_logo{
    background-image: url(../img/newLoginimg/Shield_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
}


#captcha_mainContainer {
    clear: both;
    padding: 0;
    position: relative;
    display: none;
}
#captcha_mainContainer .g-recaptcha iframe[title='reCAPTCHA']{
    min-height: 90px !important;
}
#loginForm-widget.showCAPTCHA #captcha_mainContainer,
#signup-login-pg.showCAPTCHA #captcha_mainContainer {
    display: block;
}
#captcha_mainContainer .captcha_img_wrapper{
    width: 160px;
    float: left;
    padding: 0 38px 0 0;
    position: absolute;
    left: 0;
}
#captcha_mainContainer .captcha_image{
    width: 120px;
    height: 50px;
    margin: 0px 0;
    background-color: #fff;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*background-image:url('images/captcha.png')*/
}
#captcha_mainContainer .capt_refreshBtn{
    position: absolute;
    top: 12px;
    right: 10px;
    width: 26px;
    height: 26px;
    padding: 0;
    font-size: 12px;
    background-color: #209cea;
    color:#fff;
}
#captcha_mainContainer .capt_refreshBtn:hover{
    background-color: #1478b7;
}
#captcha_mainContainer .captcha_input_wrapper{
    width:100%;
    /*float:left;*/
}
#captcha_mainContainer .capt_codeInput{
    width:100%;
    /*height:50px;*/
    /*float:left;*/
}
#captcha_mainContainer .capt_submitBtn{
    width:34%;
    width:calc(35% - 5px);
    height: 38px;
    margin-left:1%;
    margin-left:calc(0% + 5px);
    float:left;
    padding:0px;    
    position: relative;
    text-align:center;
}
#captcha_mainContainer .capt_submitBtn .txt{
    font-size:12px;
    height:100%;
    padding:11px 5px;
}
#captcha_mainContainer .capt_submitBtn .loaderIcn{
    top: 20%;
    left: 35%;
}
#captcha_mainContainer .capt_submitBtn .succIcn,
#captcha_mainContainer .capt_submitBtn .errIcn{
    font-size: 20px;
}
#captcha_mainContainer .capt_submitBtn .txt,
#captcha_mainContainer .capt_submitBtn .loaderIcn,
#captcha_mainContainer .capt_submitBtn .succIcn,
#captcha_mainContainer .capt_submitBtn .errIcn{
    display:none;
}
#captcha_mainContainer .capt_submitBtn.showTxt .txt,
#captcha_mainContainer .capt_submitBtn.showLoading .loaderIcn,
#captcha_mainContainer .capt_submitBtn.showSucc .succIcn,
#captcha_mainContainer .capt_submitBtn.showErr .errIcn{
    display:block;
}
#reg_form2 .g-recaptcha iframe {
    position: relative;
    left: 26px;
}

#reg_form2 .g-recaptcha {
    height: 84px;
}
#pass_str_box {
    position: absolute;
    top: -9999px;
    z-index: 100;
    display: none;
    min-width: 250px;
    padding: 1px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto;
    padding: 10px;
}
#pass_str_box .password_rules_note {
    padding:0px 0px 0.7rem 1rem;
    margin: 0px;
}
#pass_str_box .password_rules_note li {
    font-size: 0.7rem;
    list-style: none;
}
#pass_str_box .password_rules_note i {
    font-size: 0.7rem;
    color: #DD0F24;
    padding:0px 0.4rem 0px 0px;
    width: 1rem;
}
#pass_str_box .password_rules_note i.ct-check-icn {
    color: #29CA42;
}
.password_rules_note .pass_rules_head {
    margin-bottom: 8px;
    font-size: 13px;
}
#pass_str_box .arrow,
#pass_str_box .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
#pass_str_box.left .arrow {
    top: 50%;
    right: -22px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, .25);
    border-width: 11px;
}
#pass_str_box.left .arrow:after {
    right: -9px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
    border-width: 10px;
}
#pass_str_box.down .arrow {
    top: -22px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, .25);
    border-width: 11px;
}
#pass_str_box.down .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: "";
    border-width: 10px;
    border-top-width: 0;
    border-bottom-color: #fff;
}
#pass_str_box .strength_txt {
    font-size: 12px;
    font-weight: 600;
    margin: 5px;
}
#pass_str_box .strength_txt .stre_mess {
    font-weight: 300;
    display: none;
}
#pass_str_box.short .strength_txt .mess1,
#pass_str_box.weak .strength_txt .mess2,
#pass_str_box.fair .strength_txt .mess3,
#pass_str_box.good .strength_txt .mess4,
#pass_str_box.strong .strength_txt .mess5 {
    display: inline;
}
.ct-check-icn:before {
    font-family: FontAwesome;
    content: "\f00c";
}

.ct-times-icn:before {
    font-family: FontAwesome;
    content: "\f00d";
}
#pass_str_box .strength_bar {
    height: 5px;
    background-color: #f5f5f5;
}
#pass_str_box .strength_bar .status {
    height: 100%;
    display: block;
}
#pass_str_box.empty .strength_bar .status {
    width: 1px;
    background-color: #DD0F24;
}
#pass_str_box.short .strength_bar .status {
    width: 20%;
    background-color: #DD0F24;
}
#pass_str_box.weak .strength_bar .status {
    width: 40%;
    background-color: #DD0F24;
}
#pass_str_box.fair .strength_bar .status {
    width: 60%;
    background-color: #fc3;
}
#pass_str_box.good .strength_bar .status {
    width: 80%;
    background-color: #2d98f3;
}
#pass_str_box.strong .strength_bar .status {
    width: 100%;
    background-color: #76c261;
}
#pass_str_box.short,
#pass_str_box.weak,
#pass_str_box.fair,
#pass_str_box.good,
#pass_str_box.strong,
#pass_str_box.empty {
    display: block;
}
#signup-login-pg[data-active-block="login"] #pass_str_box {
    display: none !important;
}
#signup-login-pg #signupForm-widget2 .formElement{
    width:auto;
    padding:10px 0;
}
#signupForm-widget2 .formElement .formBlock{
    /*float:left;*/
}
.login_password_cover .floating__input ,
.signup_password_cover .floating__input {
    padding-right: 50px;
}
#signupForm-widget2 .rightBLock #partnership_link_div {
    margin-bottom: 10px;
    padding: 6px 1px;
}
.tersmsBlk {
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 0 10px;
    margin-bottom: 8px;
    background-color: #ffffff7a;
    margin-top: 3px;
}
#signupForm-widget2 .formElement .formBtnBlock{
    clear:both;
    margin:auto;
}
#signupForm-widget2 .accept_terms_cont{
    padding: 4px 0 5px;
    text-align: left;
    font-size: 0.7rem;
    font-weight: normal;
    display: flex;
    /*    border-bottom: 0.5px solid #e6e6e6;*/
}
#signupForm-widget2 .accept_terms_cont input{
    float:left;
    margin-right:3px;
}
#signupForm-widget2 .accept_terms_cont.communicationAccept{
    border-bottom:0;
    
}
#signupForm-widget2 .accept_terms_cont a{
     color: #00a6f6;
}
#signupForm-widget2 .accept_terms_cont .st-checkbox-cont{
    vertical-align:middle;
    margin-right: 0.25rem;
    position: relative;
}
#signupForm-widget2 .accept_terms_cont .st-checkbox-cont input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    cursor: pointer;
    position: absolute;
    opacity: 0;
  }
  
  #signupForm-widget2 .accept_terms_cont .st-checkbox-cont label {
    position: relative;
    cursor: pointer;
  }
  #signupForm-widget2 .accept_terms_cont .st-checkbox-cont input:focus + label:before {
    border: 2px solid #666666;
  }
  
  #signupForm-widget2 .accept_terms_cont .st-checkbox-cont label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #aaaaaa;
    padding: 0.38rem;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 3px;
    border-radius: 3px;
  }
  #signupForm-widget2 .accept_terms_cont .st-checkbox-cont input:checked + label:before {
    border: 2px solid #29ca42;
  }
  #signupForm-widget2 .accept_terms_cont .st-checkbox-cont input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0.15rem;
    left: 0.35rem;
    width: 0.15rem;
    height: 0.45rem;
    border: solid #29ca42;
    border-width: 0 0.15rem 0.15rem 0;
    transform: rotate(45deg);
  }


#signup-login-pg .st-signForm-wrap .intl-tel-input{
    width:100%;
}
#signup-login-pg .st-signForm-wrap .intl-tel-input .selected-flag{
    width:60px;
    padding-left:12px;
    outline:none !important;
    border-right: 1px solid #cccccc;
}
#signup-login-pg #signup-requirementTxt{
    resize:vertical;
    overflow:auto;
    min-height: 30px;
    max-height: 100px;
}

#signup-login-pg .main-footer{
    padding:0.8rem 0 0.3rem; 
}
#signup-login-pg .main-footer .customer-info-container{
    height:0;
    overflow: hidden;
    -webkit-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}
#signup-login-pg .customer-logos-wrapper{
    padding: 10px 50px 20px;
}
#customer-logos-carousel .slick-arrow{
    position:absolute;
    top:0;
    height:100%;
    width:50px;
    padding:0;
    font-size:0;
    border:0;
    outline:none !important;
    background:none;
}
#customer-logos-carousel .slick-arrow:after{
    font-family: FontAwesome;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    font-size: 3rem;
    color: #666;
    opacity:.4;
}
#customer-logos-carousel .slick-arrow:hover:after {
    opacity:1;
}
#customer-logos-carousel .slick-arrow.slick-prev{
    left:0;
    margin-left:-50px;
}
#customer-logos-carousel .slick-arrow.slick-next{
    right:0;
    margin-right:-50px;
}
#customer-logos-carousel .slick-arrow.slick-prev:after{
    content: "\f104";
}
#customer-logos-carousel .slick-arrow.slick-next:after{
    content: "\f105";
}
#signup-login-pg[data-active-block="login"] .main-header #secondary-tagLine2,
#signup-login-pg[data-active-block="fa2_otp_blk"] .main-header #secondary-tagLine2,
#signup-login-pg[data-active-block="fa2_method_blk"] .main-header #secondary-tagLine2,
#signup-login-pg[data-active-block="after_logout_message"] .main-header #secondary-tagLine2,
#signup-login-pg[data-active-block="change_password_BLK"] .main-header #secondary-tagLine2 {
    display: none;
}
#signup-login-pg[data-active-block="login"] .main-footer .customer-info-container,
#signup-login-pg[data-active-block="signup1"] .main-footer .customer-info-container,
#signup-login-pg[data-active-block="signup2"] .main-footer .customer-info-container,
#signup-login-pg[data-active-block="fa2_otp_blk"] .main-footer .customer-info-container,
#signup-login-pg[data-active-block="fa2_method_blk"] .main-footer .customer-info-container,
#signup-login-pg[data-active-block="after_logout_message"] .main-footer .customer-info-container,
#signup-login-pg[data-active-block="change_password_BLK"] .main-footer .customer-info-container {
    height: 0px;
}
#signup-login-pg .main-footer .footer-baseTxt{
    /*position: fixed;*/
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
   /* background-color: rgba(241, 244, 248,.8);*/
    z-index: 1000;
    padding: 0px;
}
#signup-login-pg .main-footer .footer-baseTxt .site_link {
    font-weight: bold;
    color: #333;
}
#signup-login-pg .download_link_cont {
    /*margin-top: 20px; */
    /* padding-left: 15px; */
    /*position: fixed;*/
    /*bottom: 25px;*/
    width: 100%;
    margin: auto;
    text-align: center;
    /*border-top: 1px solid #d3d3d3;*/
    padding-top: 3px;
   display:none;
}
#signup-login-pg .download_link_cont .cont_txt {
    display: inline-block;
    color: #666;
    line-height: 25px;
    vertical-align: text-bottom;
    font-size: 14px;
}
#signup-login-pg .download_link_cont .links_cont {
    display: inline-block;
}
#signup-login-pg .download_link_cont .link_btn {
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    opacity: .8;
}
#signup-login-pg .download_link_cont .link_btn:hover {
    opacity: 1;
}
#signup-login-pg .download_link_cont .link_btn .icn {
    font-size: 19px;
    color: #666;
}
#signup-login-pg .download_link_cont .and_link .icn {
    color: #8cbc06;
}
#signup-login-pg .download_link_cont .ios_link .icn {
    color: #000;
}
#signup-login-pg .download_link_cont .win_link .icn {
    color: #00aeef;
}
#signup-login-pg .download_link_cont .other_link .otherOS_icn{
    width: 25px;
    height: 25px;
    vertical-align: bottom;
}
#signup-login-pg .download_link_cont .other_link .otherOS_icn .icn1{
    font-size: 22px;
    color: #666;
    width: 25px;
    height: 25px;
}
#signup-login-pg .download_link_cont .other_link .otherOS_icn .icn2{
    font-size: 10px;
    color: #fff;
    position: relative;
    width: 25px;
    height: 25px;
    vertical-align: super;
    line-height: 30px;
}

#signup-login-pg .modal-header .close {
    margin-top: -1.25rem !important;
}
#signup-login-pg .modal-header .close:focus, .close:hover {
    opacity: 1 !important;
}

#signup-login-pg.customerVerify-page .main-wrapper .form-wrapper .formElement,
#signup-login-pg.autoLogin-page .main-wrapper .form-wrapper .formElement {
    width: 720px;
}
#signup-login-pg.customerVerify-page .main-wrapper .form-primaryBtn{
    width:auto;
}
#signup-login-pg.customerVerify-page .form-wrapper .consoleLoginBtn_wrapper{
    margin-top:25px;
}
#signup-login-pg.customerVerify-page #customer_login_url{
    margin-top:15px;
}
#signup-login-pg.customerVerify-page .form-wrapper .cust_mdm_url{
    display:block;
    color:#1478b7;
}
#signup-login-pg.customerVerify-page .form-wrapper .color_url{
    color:#1478b7;
}
#partnerConfirmationDialog ,
.confirmationDialogModal,#selectRegionConfirmation,
#resetPasswordConfirmation {
	display: none;
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.6);
	z-index: 1;
}
#partnerConfirmationDialog .modal-wrapper ,
.confirmationDialogModal .modal-wrapper,#selectRegionConfirmation  .modal-wrapper,
#resetPasswordConfirmation  .modal-wrapper{
	display: table;
	width: 100%;
	height: 100%;
}
#partnerConfirmationDialog .modal-dialog ,
.confirmationDialogModal .modal-dialog,#selectRegionConfirmation .modal-dialog,
#resetPasswordConfirmation .modal-dialog {
	display: table-cell;
	vertical-align: middle;
}
#partnerConfirmationDialog .modal-content{
	width: 320px;
	margin: auto;
	background: #fff;
	border-radius: 4px;
	padding: 10px 0;
}
.confirmationDialogModal .modal-content,#selectRegionConfirmation  .modal-content,
#resetPasswordConfirmation  .modal-content {
	width: 440px;
	margin: auto;
	background: #fff;
	border-radius: 4px;
}
#resetPasswordConfirmation  .modal-content {
    width: 600px !important;
}
#partnerConfirmationDialog .modal-body{
	padding: 30px 10px;
	text-align: center;
}
.confirmationDialogModal .modal-body,#selectRegionConfirmation .modal-body,
#resetPasswordConfirmation .modal-body{
	padding: 25px;
	text-align: center;
}
#partnerConfirmationDialog .modal-body p,
.confirmationDialogModal .modal-body p, #selectRegionConfirmation .modal-body p,
#resetPasswordConfirmation .modal-body p{
	line-height: 26px;
}
#partnerConfirmationDialog .modal-footer {
	border-top:1px solid #f5f5f5;
	padding: 10px;
	text-align: center;
}


.confirmationDialogModal .modal-footer,#selectRegionConfirmation .modal-footer,
#resetPasswordConfirmation .modal-footer {
	border-top:1px solid #f5f5f5;
	padding: 20px;
	text-align: center;
}
#partnerConfirmationDialog .modal-footer .modal_btn ,
.confirmationDialogModal .modal-footer .modal_btn,#selectRegionConfirmation .modal-footer .modal_btn{
	min-width: 80px;
	margin: 0 5px;
	font-size: .8rem;
	color: #fff;
}
#partnerConfirmationDialog  .modal_btn.smdm_grn_clr,
.confirmationDialogModal .modal_btn.smdm_grn_clr,#selectRegionConfirmation .modal_btn.smdm_grn_clr {
	background-color: rgba(32, 156, 234,1);
}
#partnerConfirmationDialog .modal_btn.smdm_grn_clr:hover,
.confirmationDialogModal  .modal_btn.smdm_grn_clr:hover,#selectRegionConfirmation  .modal_btn.smdm_grn_clr:hover,#selectRegionConfirmation  .modal_btn.smdm_grn_clr:focus{
	background-color: rgba(32, 156, 234,.7);
}
#partnerConfirmationDialog .modal_btn.smdm_gry_clr ,
.confirmationDialogModal .modal_btn.smdm_gry_clr,#selectRegionConfirmation .modal_btn.smdm_gry_clr{
	color: #637381;
	border-color: #212b36;
	background: #fff;
}
#partnerConfirmationDialog .modal_btn.smdm_gry_clr:hover,
.confirmationDialogModal .modal_btn.smdm_gry_clr:hover,#selectRegionConfirmation .modal_btn.smdm_gry_clr:hover,#selectRegionConfirmation .modal_btn.smdm_gry_clr:focus{
	background-color:rgba(0,0,0,.2);
}

#regionSelectedconfirm{
    font-weight: bold;
}

#ForceTwoFAEnable {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
}
    
#ForceTwoFAEnable .modal-dialog {
    display: table-cell;
    vertical-align: middle;
}
    #ForceTwoFAEnable .modal-wrapper {
        display: table;
        width: 100%;
        height: 100%;
    }

    #ForceTwoFAEnable .modal-content {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        background: #fff;
        border-radius: 6px;
    }
    #ForceTwoFAEnable .modal-header {
        color: #fff;
        min-height: 32.43px;
        background-color: #209CEA;
        background-image: linear-gradient(50deg, #209CEA, #40c8f3);
        height: 60px;
        padding: 30px 15px;
        border-radius: 6px 6px 0 0;
    }

    #ForceTwoFAEnable .modal-title {
        text-align: center;
        margin: 0 25px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        top: -29px;
        line-height: 60px;
        font-size: 22px;
        font-weight: 300;
        font-family: 'Roboto', sans-serif;
        text-transform: none;
        cursor: default;
        }
        #ForceTwoFAEnable .modal-body {
    padding:20px;
}
     #ForceQRCOdeForGA {
        height: 150px;
        width: 150px;  
        border:1px solid #cccccc;
    }
    .act_2faType_force {
        margin: 0px 170px;
    }
#ForceTwoFAEnable .input-group {
    display: flex;
    align-items: center;
    margin-bottom:10px;
}
#signup-login-pg .main-wrapper .form-wrapper .formElement.fa2loginblk {
    width: 100%;
    max-width: 500px;
}
.bgwtblk {
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 25px;
}
    .bgwtblk .mtop20{
        margin-top:20px;
    }
.errormsgs2fa .f2ainputgrp {
    margin-bottom: 0;
}
.f2ainputgrp {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.labelBlk {
    width: 30%;
    display: inline-flex;
}
    .labelBlk .labeltext {
        font-size:0.8em;
        color:#666666;
    }
    .fieldBlk {
        width: 70%;
        display: inline-flex;
    }
.fieldwitherrorBlk{
    width:100%;
    text-align:left;
}
.fieldwitherrorBlk .fieldpos{
    display:flex;
}
    .fieldwitherrorBlk .errormsgtag {
        font-size: 0.75em;
        color: #209cea;
        text-align:left;
        margin-top:3px;
    }
#twoFAModal, #ResetFAModal {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 1;
}

    #twoFAModal .modal-wrapper, #ResetFAModal .modal-wrapper {
        display: table;
        width: 100%;
        height: 100%;
    }

    #twoFAModal .modal-dialog, #ResetFAModal .modal-dialog {
        display: table-cell;
        vertical-align: middle;
    }

    #twoFAModal .modal-content {
        width: 100%;
        max-width:450px;
        margin: auto;
        background: #fff;
        border-radius: 4px;
        padding: 10px 0;
    }
    #ResetFAModal .modal-content {
        width: 40%;
        margin: auto;
        background: #fff;
        border-radius: 4px;
        padding: 10px 0;
        height: 350px;
    }
    #twoFAModal .otptext{
        text-align:center;
    }
    #twoFAModal .linktext {
        margin:10px 0 0;
    }
#twoFAModal .linkToform {
    font-size: 0.8em;
}
    #twoFAModal .otptext input {
        max-width: 50%;
        margin: 0 auto;
    }
        #twoFAModal .otptext p {
            font-size: 0.8em;
            margin: 10px;
        }

    #twoFAModal .modal-body, #ResetFAModal .modal-body {
        padding: 30px 10px;
        text-align: center;
    }

        #twoFAModal .modal-footer, #ResetFAModal .modal-footer {
            padding: 10px;
            text-align: center;
        }

        #twoFAModal .modal-footer .modal_btn, #ResetFAModal .modal-footer .modal_btn {
            min-width: 80px;
            margin: 0 5px;
            font-size: .8rem;
            color: #fff;
        }
.fieldBlk button {
    font-size: 0.8rem;
    background-color: #209cea;
    color: #fff !important;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    margin-left:5px;
}
#signup-login-pg .main-wrapper .fieldBlk .btn.showLoading:after {
    width: 10px;
    height: 10px;
    top: 5px;
    right: 2px;
}
.footerbtnsf2a button {
    background-color: #209cea;
    color: #fff;
    position: relative;
    margin: 0 5px;
    min-width: 100px;
    padding-left: 15px;
    padding-right: 15px;
}
#signup-login-pg .main-wrapper .footerbtnsf2a .btn.showLoading:after {
    width:14px;
    height:14px;
    right:5px;
}
.qrcodeblk2fa {
   text-align:left;
}
    .qrcodeblk2fa p{
    font-size:0.7em;
    }
        .qrcodeblk2fa p span {
            color: #dd0f24;
        }
    .footerbtnsf2a button:hover,
    .footerbtnsf2a button:active,
    .footerbtnsf2a button:visited,
    .fieldBlk button:hover,
    .fieldBlk button:active,
    .fieldBlk button:visited {
        background-color: #1478b7;
        color: #fff;
    }

.Force_cmn.form-group {
    width: 120px;
    margin: 0px 200px;
    padding: 5px;
}

/*#fa2Blkmethod .faimg-hw {
    width: 150px;
    height: 150px;
}*/
#fa2Blkmethod .imgfa-hw{
    height:150px
}

#twoFAModal .modal_btn.smdm_grn_clr, #ResetFAModal .modal_btn.smdm_grn_clr {
    background-color: rgba(32, 156, 234,1);
}

        #twoFAModal .modal_btn.smdm_grn_clr:hover {
            background-color: rgba(32, 156, 234,.7);
        }

    #twoFAModal .modal_btn.smdm_gry_clr {
        color: #637381;
        border-color: #212b36;
        background: #fff;
    }

    #twoFAModal .modal_btn.smdm_gry_clr:hover {
        background-color: rgba(0,0,0,.2);
    }

.intl-tel-input .country-list .country.highlight,
.pl-sel-dropdown .pl-dropdown-list li.hover{
    background-color: rgba(32, 156, 234,.6);
}
.intl-tel-input .country-list .country.highlight *,
.pl-sel-dropdown .pl-dropdown-list li.hover{
   color: #212B36;
}
.hidden{
    display:none;
}
#loginForm-widget .login_password_cover,
#signupForm-widget1 .signup_password_cover,
#resetPassword-widget .signup_password_cover,
#changePasswordBlk .login_password_cover{
    position: relative;
}
    #loginForm-widget .login_password_cover .pass_info_icn,
    #signupForm-widget1 .signup_password_cover .pass_info_icn,
    #resetPassword-widget .signup_password_cover .pass_info_icn,
    #changePasswordBlk .login_password_cover .pass_info_icn {
        position: absolute;
        right: -25px;
        top: 9px;
        width: 18px;
        height: 18px;
        line-height: 14px;
        font-size: 10px;
        border: 2px solid #666;
        border-radius: 100%;
        cursor: pointer;
        color: #666;
    }
    #loginForm-widget .login_password_cover .password_show_btn,
    #signupForm-widget1 .signup_password_cover .password_show_btn,
    #resetPassword-widget .signup_password_cover .password_show_btn,
    #changePasswordBlk .login_password_cover .password_show_btn {
        position: absolute;
        right: 0;
        top: 0;
        height:2.65rem;
        width: 2.5rem;
        display: table;
        border-left: 1px solid #eaeaea;
        cursor: pointer;
        text-align: center;
    }
    #loginForm-widget .login_password_cover .password_show_btn .icn_eye,
    #signupForm-widget1 .signup_password_cover .password_show_btn .icn_eye,
    #resetPassword-widget .signup_password_cover .password_show_btn .icn_eye,
    #login_password_cover .login_password_cover .password_show_btn .icn_eye,
    #changePasswordBlk .login_password_cover .password_show_btn .icn_eye {
        display: table-cell;
        vertical-align: middle;
        font-size: 1rem;
        color: #7d7d7d;
    }
    #loginForm-widget .login_password_cover input[type="text"] ~ .password_show_btn .icn_eye:before,
    #signupForm-widget1 .signup_password_cover input[type="text"] ~ .password_show_btn .icn_eye:before,
    #resetPassword-widget .signup_password_cover input[type="text"] ~ .password_show_btn .icn_eye:before,
    #changePasswordBlk .login_password_cover input[type="text"] ~ .password_show_btn .icn_eye:before,
    #signupForm-widget1 .signup_password_cover input[type="text"] + .password_show_btn .icn_eye:before,
    #resetPassword-widget .signup_password_cover input[type="text"] + .password_show_btn .icn_eye:before,
    #changePasswordBlk .login_password_cover input[type="text"] + .password_show_btn .icn_eye:before {
        content: "\f06e";
    }
    #loginForm-widget .login_password_cover input[type="password"] ~ .password_show_btn .icn_eye:before,
    #signupForm-widget1 .signup_password_cover input[type="password"] ~ .password_show_btn .icn_eye:before,
    #resetPassword-widget .signup_password_cover input[type="password"] ~ .password_show_btn .icn_eye:before,
    #changePasswordBlk .login_password_cover input[type="password"] ~ .password_show_btn .icn_eye:before,
    #signupForm-widget1 .signup_password_cover input[type="password"] + .password_show_btn .icn_eye:before,
    #resetPassword-widget .signup_password_cover input[type="password"] + .password_show_btn .icn_eye:before,
    #changePasswordBlk .login_password_cover input[type="password"] + .password_show_btn .icn_eye:before {
        content: "\f070";
    }

#password-rules-popup {
    z-index: 1010;
    display: none;
}
#recaptcha-popup {
    z-index: 1010;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
    display:none;
}
#password-rules-popup .contain_wrapper,
#recaptcha-popup .contain_wrapper {
    position: absolute;
    top: 33%;
    left: 50%;
    border: 1px solid #CCC;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 10px;
    overflow: auto;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index:111;
}

#recaptcha-popup .contain_wrapper {
    border: none;
    padding: 0px;
    top: 50%;
}
#recaptcha-popup .contain_wrapper .g-recaptcha {
    padding: 10px;
}
#password-rules-popup .password_rules_note{
    margin: 3px 0px;
    padding: 5px 5px 5px 25px;
    font-size: 11px;
    text-align: left;
    background-color: #fff;
    border-radius: 4px;
    line-height: 18px;
}
#recaptcha-popup  .popup_header{
    padding: 10px;
    text-align: center;
    background-color: #209CEA;
    background-image: linear-gradient(50deg, #209CEA, #40c8f3);
    color:#fff;
}
#password-rules-popup .popup_footer,
#recaptcha-popup  .popup_footer{
    padding: 10px;
    text-align: right;
}
#password-rules-popup .popup_footer .close_btn,
#recaptcha-popup .popup_footer .submit_btn{
    color: #209cea;
    font-weight: bold;
}
#recaptcha-popup  .popup_header .close_btn {
    float: right;
    font-size: 28px !important;
    color: rgb(255, 255, 255);
    height: 30px;
    width: 30px;
    font-family: Roboto;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    position: relative;
    top: -8px;
    left: 8px;
}


.main-wrapper{
    height:100% !important;
}

.main-container{
    width:100%;
    margin:auto;
    height:100%;
}
.leftSection{
    width:55%;
    height:100%;
    float: left;    
    background: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    color: #676767;
}
.rightSection{
    width:45%;
    height:100%;
    float: left;
    background: #f2fbfe;
    overflow-y: auto;
    overflow-x: hidden;
}
.headSection {
    width: 100%;
    align-items: center;
    display: flex;
    border-bottom: 1px solid #cccccc55;
    padding: 0 4%;
}
.logoImg {
    padding:0 1rem 0 0;
    width: 13rem;
}
.headText{
    width: calc(100% - 13rem);
    border-left: 1px solid #cccccc55;
    padding: 1rem 1.5rem;
}

.headOnetxt{
    font-size: 1rem;
    font-weight: 600;
    color: #353535;
}
.textParaMedium{
    font-size: 0.8rem;
    font-weight: 500;
}
.textParaSmall{
    font-size: 0.7rem;
    font-weight: 500;
}
.textParaSmallMed{
    font-size: 0.7rem;
    font-weight: 600;
}
h1#mainheadtext {    
    margin: 0 0 5px;
}
h2#subheadtext {
    margin: 0;
}
.mb-8{
    margin-bottom: 8px;
}
.bannerImg{
    max-width:20rem;
    margin: 0 auto 1rem;
}
.osimgs {
    text-align: center;
}
.osimg-item {
    display: inline-block;
    min-width: 3.5rem;
}
.osimg-item img {
    max-width: 1.75rem;
    margin: 0 auto;
    display: block;
}

.bannerSection {
    border-bottom: 1px solid #cccccc55;
    padding: 0.5rem;
}
.advantages_Section{
    padding:0.5rem 0.5rem 0.5rem 4%;
}
.advantages_Section ul{
    padding: 0;
    margin: 5px 0 0;
}
.advantages_Section h3{
    margin: 0;
}
.advantages_Section ul li {
    /* background-image: url(../img/newLoginimg/Tick.svg);
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 1.3rem;
    padding-left: 2rem; */
    list-style: none;
    line-height: 2rem;
    display: inline-flex;
    align-items: center;
    margin-right: 0.8rem;    
}
.advantages_Section ul li:last-child{
    margin-right: 0;   
}
.advantages_Section ul li::before {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    background: #219cea;
    display: inline-block;
    border-radius: 1rem;
    margin-right: 0.5rem;
}
h2.testimonial_head {
    margin: 0 0 15px;
    position: relative;
    text-align: center;
}
h2.testimonial_head::before{
    content: "";
    width: 100%;
    position: absolute;
    border-top: 1px solid #cccccc55;
    top: 50%;
    left: 0;
}
h2.testimonial_head span {
    background: #fff;
    display: inline-block;
    padding: 0 24px;
    z-index: 1;
    position: relative;
}
span.hrDivider {
    border-top: 1px solid #cccccc77;
    display: block;
    width: 50%;
    margin: 0.5rem auto;
}

.slick-dots li{
    display: inline-block;
    list-style: none;
    margin: 0 0.3rem;
}

ul.slick-dots {
    margin: 0;
    padding: 0;
    text-align: center;
}
.slick-dots li button{
    font-size: 0;
    border: 1px solid #219eea;    
    border-radius: 1rem;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
    display: block;
}
.slick-dots li.slick-active button{
    background: #219eea;
}
.slick-list {
    margin: 0 auto;
    max-width: 92%;
    background: #f2fbfe;
    padding: 0.5rem;
    border-radius: 5px;
}
.slideContent{
    text-align: center;
    width: 100%;
}
p.testimonialTxt{   
    font-style: italic;
    line-height: 1rem;
    padding: 0 1rem;
}
p.customerName{
    margin-bottom: 0.2rem;
}
.divdrHR{
    position: relative;
    text-align: center;
    margin-bottom: 20px;
}
.divdrHR::before{
    content: "";
    border-top: 1px solid #cccccc55;
    position: absolute;
    top: 50%;
    width: 100%;
    left: 0;
}
.divdrHR span{
    background: #f2fbfe;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
#new_user_signup{
    display: inline-block;
    padding:3px 3px 3px 3rem;
    background-image: linear-gradient(to right, #209584, #28c743 , #79de89);
    position: relative;
    border-radius: 3px;
    width: 70%;
}
#new_user_signup::before{
    content: "";
    background-image: url(../img/newLoginimg/newUserIcn.svg);
    background-repeat: no-repeat;
    position: absolute;
    left: 1rem;
    top: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1.3rem;
}
.signUptxt{
    background: #ffffff;
    display: inline-block;
    height: 2.3rem;
    line-height: 2.3rem;
    width: 100%;
    color: #22a174;
    font-size: 1rem;
}
#loginBtn.btn.showLoading::before,
#SignupBtn.btn.showLoading::before{
    content: none;
}
#loginBtn::before ,
#SignupBtn::before{
    content: "";
    background-image: url(../img/newLoginimg/loginArrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    right: 0.6rem;
    top: 0.6rem;
    width: 1.2rem;
    height: 1.2rem;
}










/***********Floating label CSS***********/

:root {
    --color__accent: #666666;
  
    --field__background: #f5f5f5;
    --field__background--hover: #e9e9e9;
    --input__border: rgba(0, 0, 0, 0.42);
    --input__border--hover: rgba(0, 0, 0, 0.62);
    --label__color: #666666;
  
    --font__size: 16px;
    --font__family: Roboto, Arial, sans-serif;
  }
  
  .floating {
    margin-bottom: 0.5rem;
    /* background-color: var(--field__background);
    transition: background-color 0.2s ease; */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    text-align: left;
  }
  
  /* .floating:hover,
  .floating:focus-within {
    background-color: var(--field__background--hover);
  } */
  
  .floating__input {
    padding: 1.2rem 1rem 0.4rem;
    font-size: 0.8rem;    
    transition: border-color 0.2s ease;
    caret-color: var(--color__accent);
    width:100%;
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #353535;
  }
  .floating__input.mandatory, .floating__input.company_name_error, .floating__input.full_name_error{
    border: 1px solid #DD0F24;
    color: #DD0F24;
  }
  .floating__input.company_name_error + .floating__label::before ,
  .floating__input.company_name_error:focus + .floating__label::before,
  .floating__input.full_name_error + .floating__label::before ,
  .floating__input.full_name_error:focus + .floating__label::before,
  .floating__input.mandatory + .floating__label::before ,
  .floating__input.mandatory:focus + .floating__label::before ,
  .phoneNumbBlk.error #telPhoneNumLable.floating__label::before,
  .phoneNumbBlk.madatoryField #telPhoneNumLable.floating__label::before{
    color: #DD0F24;
  }
  .floating__input::placeholder {
    color: rgba(0, 0, 0, 0);
  }
  .floating__input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0);
  }
  .floating__input:-moz-placeholder { /* Firefox 18- */
    color: rgba(0, 0, 0, 0);
  }
  .floating__input::-moz-placeholder {  /* Firefox 19+ */
    color: rgba(0, 0, 0, 0);
  }
  .floating__input:-ms-input-placeholder {  
    color: rgba(0, 0, 0, 0);
  }   
  select.floating__input option:first-child ,
  select.floating__input.optionFirstSelected option[value=""] ,
  select.floating__input.optionFirstSelected{
      color: #ffffff !important
  }
  select option,
  select.othersSelected{
    color: #444444;
  }
  
  .floating__label {
    display: block;
    position: relative;
    max-height: 0;
    font-weight: 500;
    pointer-events: none;
  }

  .floating__label::before {
    content: attr(data-content);
    display: inline-block;
    backface-visibility: hidden;
    transform-origin: left top;
    transition: transform 0.2s ease;
    left: 1rem;
    font-size: 0.7rem;
    position: relative;
    transform: translate3d(0, -2.6rem, 0) scale3d(0.85, 0.85, 1);
  }
  #telPhoneNumLable.floating__label::before{
      left:75px;
  }
  
  .floating__label::after {
    bottom: 1rem;
    content: "";
    height: 0.1rem;
    position: absolute;
    transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1),
      opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), background-color 0.3s ease;
    opacity: 0;
    left: 0;
    top: 100%;
    margin-top: -0.1rem;
    transform: scale3d(0, 1, 1);
    width: 100%;
  }
  
  .floating__input:focus + .floating__label::after {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
  
  .floating__input:placeholder-shown + .floating__label::before,
  .placeholderShown.floating__label[for="tel-phone-num"]::before ,
  select.optionFirstSelected ~ .floating__label::before{
    transform: translate3d(0, -2rem, 0) scale3d(1, 1, 1);
  }
  textarea.floating__input:placeholder-shown + .floating__label::before{
    transform: translate3d(0, -2.25rem, 0) scale3d(1, 1, 1);
  }

    
  textarea + .floating__label::before,
  textarea.floating__input:focus + .floating__label::before {
    transform: translate3d(0, -2.89rem, 0) scale3d(0.85, 0.85, 1);
    background: #fff;
  }
  textarea::-webkit-scrollbar {
    display: none;
  }
  textarea{
      resize: none;
  }
 .floating__label::before ,
.floating__input:focus + .floating__label::before ,
.floating__input:focus ~ .floating__label::before ,
select.othersSelected + .floating__label::before ,
.floating__input:-webkit-autofill + .floating__label::before  {
    transform: translate3d(0, -2.6rem, 0) scale3d(0.85, 0.85, 1);
  }
  .hidden--visually {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  .twoinRow{
    display: flex;
    justify-content: space-between;
  }
  .twoinRow .floating {
    width: 49%;
  }
  .twoinRow .floating.smallTwoRow {
    width: 39%;
  }
  .twoinRow .floating.largeTwoRow{
    width: 59%;
  }
  .threefieldsInRow {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.threefieldsInRow .floating:first-child{
    width: 39%;
}
.threefieldsInRow .floating:nth-child(2){
    width: 34%;
}
.threefieldsInRow .floating:nth-child(3){
    width: 34%;
}
.threefieldsInRow .floating:last-child{
    width: 24%;
}
.subheadSignup{
    text-align: left;
    margin-bottom: 0.2rem;
    font-size: 0.8rem;
    font-weight: 600;
    margin-top: 0.5rem;
}
.headSignup{
    position: relative;
    margin-top: 0.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.headSignup a.backBtnSignUp {
    position: absolute;
    left: 0;
    display: inline-flex;
    width: 100px;
    text-align: left;
    color:#219cea;
    cursor: pointer;
    align-items: center;
    text-decoration: none;
    font-size: 0.8rem;
}
.backBtnSignUp img{
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 0.8rem;
    margin-right: 5px;
}
#signupForm-widget1 .linkToform,
#signupForm-widget2 .linkToform,
.sc-linkTo-login,
.copysiteLink{
    color: #219cea;
    font-weight: 600;
}

.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel]{
    padding-left: 75px;
}
.selectDropdownlist .cutomArrow{
    position: relative;
}
.selectDropdownlist .cutomArrow:before{
    content: "";
    position: absolute;
    right: 1.5rem;
    border-right: 1px solid #cccccc66;
    height: 100%;
}


.quantity {
    position: relative;
  }
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button
  {
    -webkit-appearance: none;
    margin: 0;
  }
  
  input[type=number]
  {
    -moz-appearance: textfield;
  }
  

  
  .quantity input:focus {
    outline: 0;
  }
  
  .quantity-nav {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
  }
  
  .quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 1.5rem;
    text-align: center;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
  }
  
  .quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
    background-image: url(../img/newLoginimg/Arrow_Up.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
  }
  
  .quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
    background-image: url(../img/newLoginimg/Arrow_Down.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
  }


@media  (min-width: 1px) and (max-width: 1380px){
    .h1-txt-line{
        font-size:1.5rem;
        padding: 8px 0;
    }
    .h2-txt-line{
        font-size:1rem;
        padding: 8px 0;
    }
    .h3-txt-line{
        font-size:1rem;
        padding: 6px 0;
    }
    .h4-txt-line{
        font-size:0.8rem;
        padding: 4px 0;
    }
    .h5-txt-line{
        font-size:0.8rem;
        padding: 3px 0;
    }
    .h6-txt-line{
        font-size:0.7rem;
    }
    .form-control {
        height: 27px;
        padding: 5px 10px;
        font-size: 13px;
    }
        
    #loginForm-widget .login_password_cover .pass_info_icn,
    #signupForm-widget1 .signup_password_cover .pass_info_icn,
    #resetPassword-widget .signup_password_cover .pass_info_icn,
    #changePasswordBlk .login_password_cover .pass_info_icn {
        top: 5px;
    }
    #loginForm-widget .login_password_cover .password_show_btn,
    #signupForm-widget1 .signup_password_cover .password_show_btn,
    #resetPassword-widget .signup_password_cover .password_show_btn,
    #changePasswordBlk .login_password_cover .password_show_btn {
        height: 2.65rem;
    }
}

#error_msg_otp{
    font-size:0.7em;    
    color:#dd0f24;   
}
#error_force_otp {
    font-size: 0.7em;    
    color: #dd0f24;
}

    #error_force_mail.error_email_id {
        color: #dd0f24;
    }
    #error_force_otp.error_phn_num {
        color: #dd0f24;
    }


#Disable_verify_otp.align_center {
    max-width:150px;
    margin:0 auto;
}
 
.sc-sign-up{
    display:none;
    pointer-events:none;
} 

.sc-sign-up.signUpAllowed {
    display: block;
    pointer-events: auto;
    margin: 20px 0;
}
.onlyinmobile{
    display: none;
}
@media (min-width: 1px) and (max-width: 1300px) {
    html, body{
        font-size: 15px;
    }
}

@media (min-width: 1px) and (max-width: 1199px) {  
   
    .headSection {
        padding: 0 0 0 4%;
    }
    html, body{
        font-size: 14px;
    }
    .logoImg{
        width: 10rem;
    }
    .headText {
        width: calc(100% - 10rem);
        padding: 0.5rem;
        margin-bottom: 0;
    }
}
@media (min-width: 767px) and (max-width: 1100px) {  
    html, body{
        font-size: 13px;
    }
}
@media (min-width: 767px) and (max-height: 550px) {  
    .advantages_Section{
        display: none;
    }
    .bannerSection{
        border: none;
    }
}
@media (min-width: 1300px) and (max-height: 480px) {
    .testimonialBlock {
        display: none;
    }
 }
 @media (min-width: 1200px) and (max-height: 460px) {
    .testimonialBlock {
        display: none;
    }
 }
 @media (min-width: 1000px) and (max-height: 420px) {
    .testimonialBlock {
        display: none;
    }
 }
 @media (min-width: 767px) and (max-height: 400px) {
    .testimonialBlock {
        display: none;
    }
 }
@media (min-width: 1px) and (max-width: 991px){
    /* .h1-txt-line{
        font-size:1.75rem;
        padding: 10px 0;
    }
    .h2-txt-line{
        font-size:1.55rem;
        padding: 8px 0;
    }
    .h3-txt-line{
        font-size:1.10rem;
        padding: 7px 0;
    }
    .h4-txt-line{
        font-size:0.8rem;
        padding: 4px 0;
    }
    .h5-txt-line{
        font-size:0.73rem;
        padding: 3px 0;
    }
    .h6-txt-line{
        font-size:0.53rem;
        padding: 2px 0;
    }
    .form-control{
        height:30px;
        font-size:12px;
    }
    
    .main-wrapper{
        padding:12px 0;
    }

    #signup-login-pg .main-footer{
        /*padding:10px 0 20px;*/ 
   /* }

    /* #signup-login-pg .main-wrapper .form-wrapper .formElement, 
    #signupForm-widget2 .formElement .formBlock, 
    #signupForm-widget2 .formElement .formBtnBlock{ */
        /* width:350px;
        /* padding: 0 15px; */
    /* }
    #signup-login-pg .pl-sel-dropdown,
    #signup-login-pg .intl-tel-input .country-list{
        width:320px;
        max-height:200px;
    }
   

    #signup-login-pg .warning-mess-area{ */ 
        /*min-height:5px;*/
      /*  margin:0 0 6px 0;
    }  */
}
@media (min-width: 1px) and (max-width: 767px) {
    .onlyinmobile{
        display: block;
    }
    .notinmobile{
        display: none;
    }
    .leftSection{
        display: none;
    }
    .rightSection{
        width: 100%;
    }
    #signup-login-pg .suremdm_logo_container{
        margin-bottom: 1.2rem;
    }
    #signup-login-pg .suremdm_logo_container .suremdm_logo{
        background-image: url(../img/newLoginimg/Logo_Final.svg);
        background-size: 160px;
    }
    .marginBtmOnlyMoble{
        margin-bottom: 1.2rem;
    }
    /* .h1-txt-line{
        font-size:1.6rem;
        padding: 8px 0;
    }
    .h2-txt-line{
        font-size:1.4rem;
        padding: 7px 0;
    }
    .h3-txt-line{
        font-size:1.0rem;
        padding: 6px 0;
    }
    .h4-txt-line{
        font-size:0.8rem;
        padding: 4px 0;
    }
    .h5-txt-line{
        font-size:0.68rem;
        padding: 3px 0;
    }
    .h6-txt-line{
        font-size:0.48rem;
        padding: 2px 0;
    }
    .form-control{
        height:28px;
        padding:3px 7.5px;
        font-size:12px;
    }
   
    .main-wrapper{
        padding:10px 0;
    }

    #captcha_mainContainer{
        padding-left:150px;
    }
    #captcha_mainContainer .captcha_img_wrapper{
        width: 140px;
    }
    #captcha_mainContainer .captcha_image {
        width: 100px;
        height: 40px;
    }
    #captcha_mainContainer .capt_refreshBtn{
        top:7px;
    }
    #captcha_mainContainer .capt_codeInput {
        height: 40px;
    }
   

    #signup-login-pg .main-wrapper .form-wrapper .formElement,
    #signup-login-pg #signupForm-widget2 .formElement {
        width: 100%;
        padding: 0 5%;
    } 
    #signup-login-pg .pl-sel-dropdown,
    #signup-login-pg .intl-tel-input .country-list{
        width:300px;
    }
    #signup-login-pg .pl-sel-dropdown{
        margin-top:28px;
    }
    #signupForm-widget2 .formElement .formBlock, 
    #signupForm-widget2 .formElement .formBtnBlock{
        float: none;
        width:100%;
        padding:0;
    }
    #signup-login-pg .main-wrapper .sc-bgUI-pic1,
    #signup-login-pg .main-wrapper .sc-bgUI-pic2{
        display:none;
    }
    #signup-login-pg .download_link_cont .cont_txt{
        font-size:12px;
    }

    #signup-login-pg.customerVerify-page .main-wrapper .form-wrapper .formElement,
    #signup-login-pg.autoLogin-page .main-wrapper .form-wrapper .formElement {
        width: 100%;
    }
    textarea + .floating__label::before, textarea.floating__input:focus + .floating__label::before{
        padding: 3px 0 0 0;
    }
    #TextReqDiscription1{
        max-height: 2.7rem;
    } */
}
@media (min-width: 1px) and (max-width:575px) {
    
    .main-wrapper{
        padding:7px 0;
    }
}


@media (min-height: 1px) and (max-height:599px) {
    #signup-login-pg[data-active-block='signup2'] #primaryTagLine {
        font-size: 1rem;
        padding: 10px 0;
    }
    #signup-login-pg[data-active-block='signup2'] .st-sec-tagLine1,
    #signup-login-pg[data-active-block='signup2'] #secondary-tagLine2 {
        display: none;
    }
} 
@media (min-width:1440px) {
    html, body {
        font-size: 16x;
    }
}
@media (min-width:1550px) {
    html, body {
        font-size: 19px;
    }       
    .leftSection{
        justify-content: normal;
    }   
}
@media (min-width:1700px) {
    html, body {
        font-size: 21px;
    }  
}
@media (min-width:1800px) {
    html, body {
        font-size: 22px;
    }  
}
@media (min-width:1900px) {
    html, body {
        font-size: 23px;
    }  
}
@media (min-width:2000px) {
    html, body {
        font-size: 24px;
    }  
}
@media (min-width:2100px) {
    html, body {
        font-size: 25px;
    }  
}
@media (min-width:2200px) {
    html, body {
        font-size: 27px;
    }  
}
@media (min-width:2300px) {
    html, body {
        font-size: 28px;
    }  
}
@media (min-width:2400px) {
    html, body {
        font-size: 30px;
    }  
}
@media (min-width:2600px) {
    html, body {
        font-size: 32px;
    }  
}
@media (min-width:2800px) {
    html, body {
        font-size: 34px;
    }  
}
@media (min-width:3000px) {
    html, body {
        font-size: 38px;
    }  
}
@media (min-width:3200px) {
    html, body {
        font-size: 42px;
    }  
}
@media (min-width:3400px) {
    html, body {
        font-size: 44px;
    }  
}
@media (min-width:3600px) {
    html, body {
        font-size: 46px;
    }  
}
@media (min-width:3800px) {
    html, body {
        font-size: 48px;
    }  
}
@media (min-width:4000px) {
    html, body {
        font-size: 50px;
    }  
}
@media (min-width:4200px) {
    html, body {
        font-size: 52px;
    }  
}
@media (min-width:4400px) {
    html, body {
        font-size: 54px;
    }  
}
@media (min-width:4600px) {
    html, body {
        font-size: 56px;
    }  
}
@media (min-width:4800px) {
    html, body {
        font-size: 58px;
    }  
}
@media (min-width:5000px) {
    html, body {
        font-size: 62px;
    }  
}
@media (min-width:5200px) {
    html, body {
        font-size: 64px;
    }  
}
@media (min-width:5400px) {
    html, body {
        font-size: 66px;
    }  
}
.notifyjs-corner {
    top: 25px !important;
    left: 20% !important;
    width: 60% !important;
    margin: 0 !important;
    z-index: 10000 !important;
}

.notifyjs-wrapper {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 10px !important;
    margin-top: -25px !important;
    border-radius: 0 0 4px 4px !important;
    -webkit-box-shadow: 0px 5px 17px 0px rgba(47, 47, 47, .3);
    -moz-box-shadow: 0px 5px 17px 0px rgba(47, 47, 47, .3);
    box-shadow: 0px 5px 17px 0px rgba(47, 47, 47, .3);
}

    .notifyjs-wrapper:hover {
        z-index: 10;
        -webkit-box-shadow: 0px 0px 0px 2000px rgba(49, 49, 49, 0.6);
        -moz-box-shadow: 0px 0px 0px 2000px rgba(49, 49, 49, 0.6);
        box-shadow: 0px 0px 0px 2000px rgba(49, 49, 49, 0.6);
    }

.notifyjs-container {
    margin: 0 !important;
}

.notifyjs-bootstrap-base {
    width: 100% !important;
    border-radius: 0 0 4px 4px !important;
    background-size: 25px 25px !important;
    background-position: 5px 3px !important;
    min-height: 30px;
    font-size: 15px;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif;
    text-shadow: none !important;
    border: 0 !important;
    text-align: center;
}

    .notifyjs-bootstrap-base span[data-notify-text]:before {
        font-family: FontAwesome;
        font-size: 18px;
        width: 21px;
        height: 21px;
        line-height: 23px;
        display: inline-block;
        text-align: center;
        border-radius: 100%;
        margin-right: 5px;
    }

.notifyjs-bootstrap-error {
    background-color: #fff !important;
    background-image: none !important;
    color: #E8031F;
}

    .notifyjs-bootstrap-error span[data-notify-text]:before {
        color: #fff;
        background-color: #E8031F;
        content: '\f06a';
    }

.notifyjs-bootstrap-success {
    background-color: #fff !important;
    background-image: none !important;
    color: #06CE29;
}

    .notifyjs-bootstrap-success span[data-notify-text]:before {
        color: #fff;
        background-color: #06CE29;
        content: '\f058';
        padding-left: .5px;
    }

.notifyjs-bootstrap-base span {
    white-space: normal !important;
    text-shadow: none !important;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    display: inline-block;
    max-width: 100%;
}
/** displaying only 3 notify alerts**/

.notifyjs-corner .notifyjs-wrapper:nth-of-type(1n-3) {
    display: none !important;
}

.notifyjs-corner .notifyjs-wrapper:nth-last-child(-1n+3) {
    display: block !important;
}
.form-control.mandatory {
    border: 1px solid #DD0F24;
}

#TextReqDiscription1{
    max-width: 100%;
    width: 100% !important;
    max-height: 2.65rem;
}

#signup-login-pg[data-active-block="signup2"] select:focus,
#signup-login-pg[data-active-block="signup2"] input:focus,
#signup-login-pg[data-active-block="signup2"] textarea:focus {
    border: 1px solid #666666b3;
}
#signup-login-pg[data-active-block="signup2"] .pl-sel-input {
    display: none;
}
#signup-login-pg[data-active-block="signup2"] .st-signForm-wrap .intl-tel-input .selected-flag:focus {
    border:  1px solid #666666b3;
}
.forGotPassword-page  .main-wrapper{
    padding: 0 !important;
}

input#new_dns_customer {
    padding-right: 8rem;
}
select#selectCountry,
select#selectState {
    padding-right: 1.5rem;
    background-color: #fff;
}
select#account_region{
    background-color: #fff;
}

button#signup {
    margin-top: 0.75rem;
}
span.signUptxt:hover {
    background: #f7f9f7;
}

.testimonial-carousel{
    visibility: hidden;
    height: 100px;
    overflow: hidden;
    opacity: 0;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}
.testimonial-carousel.slick-initialized{
    visibility: visible;
    height: auto;
    overflow: unset;
    opacity: 1;  
}

/*css for bootstrap modal*/
.modal-open {
    overflow: hidden;
  }
  #selectRegionConfirmation.modal,
  #resetPasswordConfirmation.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  
  .modal-open #selectRegionConfirmation.modal,
  .modal-open #resetPasswordConfirmation.modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  #selectRegionConfirmation .modal-dialog,
  #resetPasswordConfirmation .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
  
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
  }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
  }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
  }

  .deploymentSize_err_msg{
    text-align: left;
    padding:0 5px;
    font-size:12px;
    margin:0 0 5px 0;
    color:#DD0F24;
    clear:both;
    -webkit-transition: all 1s linear 0s;
    transition: all 1s linear 0s;
}
#resetPasswordConfirmation .modal-body::before{
    content: "Hi";
    color: transparent;
    background-image: url(../img/reset_password.svg);
    background-repeat: no-repeat;
    font-size: 3em;
}
#resetPasswordConfirmation .smdm_gry_clr{
    color: #696E7F !important;
    border-color: #696E7F !important;
}
#resetPasswordConfirmation .smdm_gry_clr:hover{
    color: #696E7F !important;
    border-color: #696E7F !important;
    background-color: #EEEEEE !important;
}
#resetPasswordConfirmation .smdm_gry_clr,#resetPasswordConfirmation .smdm_grn_clr{
    background-color: #fff;
    border: 2px solid transparent;
    border-radius: 20px;
    min-width: 120px;
    text-align: center;
    margin: 2.5px 5px !important;
    outline: 0 !important;
    font-size: 14px;
    padding: 6px 12px;
    cursor: pointer;
}
#resetPasswordConfirmation .smdm_grn_clr{
    color: #40B64B !important;
    border-color: #40B64B !important;
    min-width: 160px;
}
#resetPasswordConfirmation .smdm_grn_clr:hover{
    color: #40B64B !important;
    border-color: #40B64B !important;
    background-color: #EEEEEE !important;
}
#signup-login-pg .main-container .tenant {
    width: 100% !important;
    #log-in{
        max-width: 45%;
        margin: 0 auto;
    }
}
#signup-login-pg .rightSection .main-wrapper #tenant_Footer{
    position: absolute;
    bottom: 0.5rem;
    width: 100%;
}
  
/* 7.64.5 */