body {
    background: #f2f2f2;
}
.limiter {
    width: 100%;
    margin: 0 auto;
    
}
.container-login100 {
   /* width: 100%;*/
   /* min-height: 100vh;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
   /* padding: 15px;*/
   
}
.wrap-login100 {
    width: 330px;
    background: #ffcd00;
    /*border-radius: 10px;*/
    overflow: hidden;
    /* padding: 30px 20px 20px;*/
    /* box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -o-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 10px 0 rgba(0,0,0,.1);*/
    /*position: relative;*/
    width: 100%;
    height: 100vh;
}
.login100-form {
    width: 100%;
}
.login100-form-title {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    color: #333;
    line-height: 1.2;
    text-align: center;
}
.p-b-48 {
    padding-bottom: 48px;
}
.wrap-input100 {
    width: 100%;
    position: relative;
    border-bottom: 2px solid #adadad;
    margin-bottom: 37px;
}
.t-center{
    text-align:center;
}
.disclaimer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
}

.phonearea{
    margin-bottom:30px;
    background:#fff;
}
.line-phone{
    width: 90%;
    font-size: 17px;
}
.btn-key_number {
    background: none;
    border-radius: 50%;
    box-shadow: none;
    outline: none;
    border: 2px solid;
    width: 72px;
    height: 72px;
    font-size: 33px;
}
.client-head{
    height: 60px;
    width: 100%;
    background: #8B86BF;
}
.r-log {
    background: #ffcd00;
    position: relative;
    width: 400px;
    height: 100vh; /* Fallback for browsers that do not support Custom Properties */
    height: calc(var(--vh, 1vh) * 100);
}
.form-signup{
    margin-bottom:30px;
}

#aligned-cb{
/*    margin-left:-50px;*/
}
.img-customer {
    width: 30px;
/*    margin-left: -80px;*/
    position:absolute;
}
.cus-avatar {
    /*    margin-left:80px;*/
    text-align: left;
    float: left;
    flex: 50%;
    display: flex;
}

.group-cus{
    text-align:initial;
}
.cus-phone{
    text-align:initial;
    float:right;
    position:relative;
}
.line-header{
    display:block;
    clear:both;
}
.cancel-s {
    width: 25px;
    position: absolute;
    right: 20px;
}
.p-relative{
    position:relative;
}
.img-clock{
    width:25px;
    height:25px;
    margin-left:10px;
}
.line-header {
    display: block;
    clear: both;
    border-bottom: 1px solid #000;
    margin-top: 1rem;
}
.item-c {
    text-align: initial;
    position: relative;
    height: 28px;
    line-height: 28px;
}
.bg-f{
    background:#fff;
}
.btn-key_button {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
}
.h-100{
    height:100%;
}