:root {
    --thm-bg-color-1: #fbfbfb;
    --thm-bg-color-2: #F8FAFB;
    --thm-bg-color-3: #ECF0F5;
    --thm-bg-color-4: #EBF4FF;
    --thm-bg-color-5: #ffffff;

    --color-white: #ffffff;
    --color-black: #000000;

    --text-color1: #2d3748;
    --text-color2: #444;
}

.body-bg{
    /*background:var(--thm-bg-color-4);*/
    /*background:linear-gradient(to right, #f7913e, #e8591a);*/ /*#92beb8,*/
    /*background:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.6)), url(assets/dist/img/feature-image/bg-dsm.jpg) center center;*/
    background:linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5)), url(../img/feature-image/bg-8.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat; /*no-repeat*/
}
/*.body-bg::before {
    content: "";
    background: linear-gradient(to left, rgba(54, 209, 220, 1), rgba(91, 134, 229, 0.9));
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0; left: 0; right: 0;  bottom: 0; opacity: .9;z-index: -1;
}*/
.user-register-page{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 120vh;

    /*-ms-flex-align: center;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;*/
/*    background-color: #e9ecef;*/
}
.cardBox{
    margin: 1% auto;
    word-wrap: break-word;
}
@media (max-width: 768px) {
  .cardBox { margin-top: 20px; }
}
.cardBox .largeCardBox{ width: 700px; }
.cardBox .smallCardBox{ width: 400px; }
.cardBox .cardBoxBody{
    padding: 20px; 
    border-radius: 15px; 
    background:linear-gradient(to bottom, rgba(255, 255, 255, 0.0), rgba(255, 255, 255, 0.0));
    margin: 30px auto; 
    backdrop-filter: blur(7px);
    —webkit—backdrop—filter: blur(7px);
    border: 2px solid rgba(255, 255, 255, 0.25);
}
.cardBox .cardBoxBody .cardBoxContent{
    border-radius: 15px;
    /*background:linear-gradient(to bottom, rgba(54, 209, 220, 1), rgba(91, 134, 229, 0.9));*/
    background:linear-gradient(to bottom, rgba(21, 155, 193, 1), rgba(4, 157, 166, 0.9));
    overflow: hidden;
}
.cardBox .cardBoxBody .cardBoxContent .col-padding-0{ padding: 0;}
.cardBox .cardBoxBody .cardBoxContent .cardFormView {
  background: #fff;
  color: #666;
  padding: auto;
}
.smallCardBox .cardBoxContent .cardFormView{padding: 20px 35px;}
.largeCardBox .cardBoxContent .cardFormView{padding: 20px 35px 20px 20px;}
.cardBox .cardBoxBody .cardBoxContent .cardSmallForm{
    min-height: 480px;
    padding-top: 70px!important;
}
.cardBox .cardBoxBody .cardBoxContent .cardFormInfo {
  background: transparent;
  padding: 20px 20px 20px 35px;
}
.cardBox .cardBoxBody .cardBoxContent .cardHeaderView{
    margin: auto auto 20px auto;
    padding: 7px auto;
    text-align: center;
}
.cardBox .cardBoxBody .cardBoxContent .cardHeaderView h4{
    font-size: 18px;
    margin: 5px auto;
    font-weight: 600;
}
.cardBox .cardBoxBody .cardBoxContent .cardHeaderView p{
    font-size: 14px;
    line-height: 1.42857143;
    margin: 0;
    padding: 0;
}
.cardBox .cardBoxBody .cardBoxContent .cardLogoView {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}
.cardBox .cardBoxBody .cardBoxContent .cardLogoView img {max-width: 200px;}
.cardBox .cardBoxBody .cardBoxContent .cardLogoView a {color: #444;}
.cardBox .cardBoxBody .cardBoxContent .cardForm{ margin: 0; }
.cardBox .cardBoxBody .cardBoxContent .cardForm .pageLink{ display:block; margin:8px auto; }
.cardBox .cardBoxBody .cardBoxContent .cardFormInfo .cardHeaderView {
    text-align: left;
}
.cardBox .cardBoxBody .cardBoxContent .cardFormInfo .cardHeaderView h4{
    color: rgba(26, 46, 70, 1);/*rgba(26, 46, 70, 0.1);*/
    font-weight: 700;
    margin-bottom: 15px;
}
.cardBox .cardBoxBody .cardBoxContent .cardFormInfo .cardHeaderView p{
    color: rgba(26, 46, 70, 0.9); /*#1A2E46;*/
    font-weight: 600;
    margin-bottom: 15px;
}
.cardBox .cardBoxBody .cardBoxContent .cardFormInfo .cardInfoImage{
    margin: 10px auto;
    padding: 7px auto;
}
.cardBox .cardBoxBody .cardBoxContent .cardFormInfo .cardInfoImage img{
    margin: 20px auto 30px auto;
    max-width: 100%;
    max-height: 100%;
}
.cardBox .cardBoxBody .cardBoxContent .cardFormInfo .cardInfoFooter{
    /*margin: 10px auto;
    padding: 7px auto;*/
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    color: rgba(255, 255, 255, 0.89);
    font-size: 12.5px;
    font-weight: 500;
    text-align: center;
}
.cardBox .cardBoxBody .cardBoxBodyFoot{
    margin-top: 15px;
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
}
.cardBox .cardBoxBody .cardBoxBodyFoot a{
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.8px;
}
.cardBox .cardBoxBody .cardBoxBodyFoot a:hover{
    color: #00A7FF;
}
.cardBox .cardBoxBody .cardBoxBodyFoot .copyrightText {
    font-size: 14px;
    line-height: 1.42857143;
}
.cardBox .cardBoxBody .cardBoxBodyFoot .copyrightText span{
    color: #fff;
    font-style: oblique; /*italic*/
}
.cardBox .cardBoxBody .cardBoxBodyFoot .devInfo {
    font-size: 12px;
    line-height: 1.42857143;    
}
.cardBox .cardBoxBody .cardBoxBodyFoot .devInfo .infoDiv{
    color: rgba(255, 255, 255, 0.8);
    padding: auto 7px;
}


/*@media only screen and (min-width: 768px) {*/
@media only screen and (min-width: 992px) {
    /* For Desktop: */
    .cardBox .smallCardBox {
        width: 400px;
    }

    .cardBox .largeCardBox {
        width: 700px;
    }

    .cardBox .cardBoxBody .cardBoxContent .cardFormInfo{
        visibility: visible;
        display: "";
        padding: 20px 20px 20px 35px;
    }

    .largeCardBox .cardBoxContent .cardFormView {
        padding: 20px 35px 20px 20px;
    }
}

@media only screen and (max-width: 600px) {
    /* For tablets: */
    .cardBox .smallCardBox {
        width: 400px;
    }

    .cardBox .largeCardBox {
        width: 650px;
    }

    .cardBox .cardBoxBody .cardBoxContent .cardFormInfo{
        visibility: hidden;
        display: none;
        padding: 20px 35px 20px 35px;
    }

    .largeCardBox .cardBoxContent .cardFormView {
        padding: 20px 35px 20px 35px;
    }
}

/*@media only screen and (max-width: 768px) {*/
@media only screen and (max-width: 992px) {
  /* For mobile phones: */
    .cardBox .smallCardBox {
        width: 90%;
    }

    .cardBox .largeCardBox {
        width: 95%;
    }

    .cardBox .cardBoxBody .cardBoxContent .cardFormInfo{
        visibility: hidden;
        display: none;
        padding: 20px 35px 20px 35px;
    }

    .largeCardBox .cardBoxContent .cardFormView {
        padding: 20px 35px 20px 35px;
    }
}

/*=====[captcha content]=====*/
.captchaContainer {
    display: flex;
    justify-content: center;
    align-items: center;
/*    margin-bottom: 20px;*/
}
.captchaContainer .captchaCode {
    border: 1px solid #d2d6de;
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.02);
}

/*===================*/
.my-shadow{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
/*===================*/
.flex-justify-content-center{
    display: flex; justify-content: center;
}
.flex-align-items-stretch{
    display: flex; justify-content: center; align-items: stretch;
}
.varticalMiddle{
    position:flex;
    top: 50%;
    transform: translateY(-50%);
}
/*===================*/
.password-control-feedback{
    position: absolute;
    top: 0; right: 0;
    z-index: 1; display: block;
    width: 34px; height: 34px;
    line-height: 34px;
    text-align: center; cursor: pointer;
}
/*===================*/