.reg-head h2{color: #fff;font-weight: 700;}
.reg-mid{
    padding: 15px 15px 50px;
}
.form-group{margin-bottom: 10px;}
.form-group .form-control{
    background-color: #fff;
    border: 1px solid #d6d6d6;
    color: #000;
    height: 48px;
    margin-bottom: 20px;
}
.app-lead{line-height: 15px;font-size: 12px;}
.reg-btn{padding: 12px 15px;background-color: #64b759;color: #fff;border:1px solid#64b759;width: 100%;border-radius: 16px;font-size: 18px;font-weight: 700;text-transform: uppercase; margin-bottom: 15px;}
.form-check{font-size: 13px;color: #7f858c;font-weight:600;margin-bottom: 15px; padding-left: 0;}

.form-check-input{width: 20px;height: 20px;border-radius: 0!important;margin-right: 10px;}
.form-check-input:checked{
    background-color: #d03731;
    border-color: #d03731;
}
.reg-foot{
    padding: 20px 15px;text-align: center;background-color: #f5f5f5;
}
.reg-foot p{margin-bottom: 0;color: #9ba0a5;font-weight: 700;}
.reg-foot p a{margin-left: 5px;color: #d03731;}

.modal-body{background-color: #fff;text-align: center;}
.modal-body h2{color: #000;font-size: 30px;font-weight: 700;margin-bottom: 20px;}
.modal-body p{color: #000;text-align: left;font-size: 18px;margin-bottom: 0;line-height: normal;}
.modal-body .btn-block{margin: 25px 0 15px;}
.modal-content {
    border: none !important;
}
.btn-loader {
    display: none
}

.btn-active .btn-loader {
    display: block
}

.btn-active .btn-text {
    display: none
}

.btn-loader-img {
    width: 20px;
    -webkit-animation: rotate 1.5s infinite linear;
    animation: rotate 1.5s infinite linear;
    -ms-animation: rotate 1.5s infinite linear;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: -1px
}
.label-error {
    color: #f4a400 !important;
    padding-left: 20px !important;
    font-size: 13px;
    background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/character-icon.png) no-repeat scroll 0 2px;
    font-weight: 500 !important;
    width: 100%;
    margin-top: 5px !important;
    text-align:left;
}
.p-0 {
    padding: 0;
}
body {
    background-image: url('../images/bg_img.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.reg-signup {
    /*width: 376px;*/
    /* margin: 30px auto 150px; */
   /* background: #fff;
    text-align: center;
    padding: 15px 0 0;*/
}

.form-check {
    text-align: left;
}

.reg-mid {
    padding: 15px 30px 50px;
}
.center_align {
    width: 376px;
    margin: 20px auto;
    background: #fff;
    text-align: center;
    padding: 15px 0 0;
    border-radius:16px;
}
.modal-backdrop.in {
    opacity:1 !important;
}
.modal-backdrop {
    background-color: #fff !important;
}
.form-control::placeholder {
  color: #999;
  opacity: 1;
}


/* New CSS */


.form-group {
    position: relative;
}
.show-pass {
 position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  width: 40px;
  z-index: 2;
  cursor: pointer;
  bottom: auto;
  text-align: center;
  line-height: 52px;
}
    .show-pass i {
        background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/sprite.png?v=1.1) no-repeat scroll -283px -48px;
        height: 13px;
        width: 20px;
        display: inline-block;
    }
    .show-pass.active i {
        background: url(http://cdn.systweak.com/setups/tweakpass/vault_tweakpass/show-pass.png);
    }
.form-group .form-control {padding-right: 40px;}
.info-details {
    position: absolute;
    right: 10px;
    top:auto;
    bottom:7px;
    cursor: pointer;
}
.popupover {
    width: 290px;
  background: #f5f8fa;
  top: 2px;
  left: 100%;
  display: block;
  border: none;
  margin-left: 25px;
  box-shadow: 0 0 37px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1060;
  display:none;
  max-width: 276px;
  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: 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;
  border-radius: 6px;
  line-break: auto;
}
.info-details:hover ~ .popupover {display: inline-block;}
.form-group #txtKey:focus ~ .popupover {display: inline-block;}

.popover-title {
  background: none;
  color: #292929;
  font-size: 15px;
  line-height: 24px;
  font-weight: 700;
  border: none;
  padding: 0px 0 4px;
}
.popover-content {
  font-size: 14px;
  padding: 0 0 14px;
  color: #1B1B1B;
}

.popupover:before{
  border-right: 20px solid #f5f8fa;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  z-index: 2;
}
.popupover:after, .popupover:before {
  right: 100%;
  top: 9px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  display: none;
}
.popupover:after {
  border-right: 20px solid #f5f8fa;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  z-index: 3;
  margin-right: -2px;
}
html {
    height: 100%;
    background-color: #eeeef0;
}
body,.reg-signup,.container {height: 100%;}
.table-cell {
    display: table;
  width: 100%;
  height: 100%;
}
.align-cell {
    display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

@media screen and (max-width:479px) {
    .center_align {
        width: 320px;
    }

    .reg-mid {
        padding: 15px 15px 50px;
    }
}
.main-msg {
    margin: 0;
    background: #fdd;
    padding: 10px;
    color: #9e0000
}
.popover-custome {
    width: 100%;
    max-width: 100%;
    background: #fff;
    top: 2px;
    left: 100%;
    display: block;
    border: none;
    
    box-shadow: none;
    position: static !important;
    margin: 0 5px;
}
    .popover-custome:before {
        border-right: 20px solid #b9b8b7;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        z-index: 2;
    }

    .popover-custome:after, .popover-custome:before {
        right: 100%;
        top: 9px;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        display: none;
    }
    .popover-custome:after {
        border-right: 20px solid #f5f8fa;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        z-index: 3;
        margin-right: -2px;
    }
.popover-content .rqd-list-fld li.chrt-icon{background:url(https://cdn.systweak.com/setups/tweakpass/vault_tweakpass/character-icon.png) no-repeat 0 center}
.popover-content .rqd-list-fld li.rht-icon{background:url(https://cdn.systweak.com/setups/tweakpass/vault_tweakpass/right-icon.png) no-repeat 0 center}
.popover-content .rqd-list-fld li.es-gsl-icon{background:url(https://cdn.systweak.com/setups/tweakpass/vault_tweakpass/dot-icon.png) no-repeat 0 center}
ul {
    padding: 0;
    margin: 0;
}
.popover-content .rqd-list-fld li {
    margin-bottom: 4px;
    padding-left: 33px;
    list-style:none;
}
.login-progress {
    overflow: hidden;
    margin-top: 3px
}

    .login-progress .progress {
        float: left;
        width: 82%;
        height: 5px;
        background: #fff;
        margin-top: 7px;
        margin-bottom: 0
    }

.progress .progress-bar {
    background: #ffcf25
}

.login-progress .pass-status {
    font-size: 13px;
    color: #fff;
    float: right
}
@media screen and (max-width:991px) {
    .popover-custome{
        top: 120%;
        left: 0;
        right: 0;
        
    }
    .popover-custome::after, .popover-custome::before {display: none;}
}
@media screen and (max-width:767px) {
    .align-cell {vertical-align: top;}
    .center_align {width: 90%;}
}