body{background:#eceff4 !important}
body,button,html,input,select,textarea{
    color:#343434;font-family: 'Roboto', sans-serif !important;
    line-height:1.4;text-rendering:optimizeLegibility;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;
}
.page-center{display:table;width:100%;border-collapse:collapse; margin-top: 40px;}
.page-center-in{display:table-cell;
    vertical-align:middle;
    padding:15px 0 !important}
.sign-box{width:100%;max-width:346px;margin:10% auto 0 auto;background:#fff;
    border:solid 1px #d8e2e7;-webkit-border-radius:5px;
    border-radius:5px;padding:20px;font-size:1rem;position:relative}
.sign-box .sign-avatar{width:100px;height:100px;margin:0 auto 10px;}
.sign-box .sign-avatar img{display:block;width:100%;-webkit-border-radius:50%;
    border-radius:50%}
.sign-box .sign-avatar.no-photo{border:solid 2px #c5d6de;text-align:center;
    -webkit-border-radius:50%;
    border-radius:50%;
    line-height:96px;
    color:#c5d6de;
    font-size:3.125rem;
    font-weight:700;
}
.sign-box .sign-title{font-size:1.55rem;text-align:center;margin:0 0 15px;line-height:normal; font-weight: bold;}
.sign-box .btn{display:block;min-width:108px; }
.sign-box .btn.sign-up{margin-top:18px}
.sign-box .btn.btn-default{ background: #CCC; border:solid 1px #afafaf; min-width:80px;}
.sign-box .sign-note{text-align:center; font-size: 12px;}
.sign-box a{text-decoration:none;color:#0082c6;border-bottom:solid 1px transparent}
.sign-box a:hover{border-bottom-color:rgba(0,130,198,.5)}
.sign-box .form-group{margin-bottom:12px;zoom:1}
.sign-box .form-group:after,.sign-box .form-group:before{
    content:" ";display:table;
}
.sign-box .form-group:after{clear:both}
.sign-box .checkbox{margin:0}
.sign-box .checkbox label{font-size:.875rem}
.sign-box .reset{font-size:.875rem}
.sign-box .close{position:absolute;right:10px;top:4px;opacity:1;color:#c5d6de}
.sign-box .close:hover{color:#00a8ff}
.sign-box.reset-password-box .btn{
        display:inline-block!important;margin:10px auto 12px;margin-right:10px;
    }
.sign-box.reset-password-box a{display:inline-block;margin-left:4px}
.btn{-webkit-border-radius:3px;border-radius:3px;
    border:solid 1px #00a8ff;background:#00a8ff;color:#fff;font-weight:600}
.btn:hover{background-color:#16b4fc;border-color:#16b4fc}
.btn:active{background-color:#00a1f3;border-color:#00a1f3}
.btn.disabled,.btn:disabled{background-color:#dbe4ea;border-color:#dbe4ea;color:#6c7a86}
.btn.active{background-color:#0090d9;border-color:#0090d9}
.btn.active:hover{background-color:#007fc0;border-color:#007fc0}
.btn.btn-rounded{-webkit-border-radius:25rem;border-radius:25rem}
.msgform, .msgform2{display:block; margin-top:10px; text-align:center;font-size:13px;}
.spinner {
    margin: 10px auto 0;
    width: 70px;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}


.box-login{
 
    height: 100%;
    white-space: nowrap;
    text-align: center;
    margin-top: 30vh;
}
.box-login:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    /* adjust for white space between pseudo element and next sibling */
    margin-right: -.25em;
    /* stretch line height */
    height: 100%; 
}
.v-box{
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    text-align: left;
}

.btn.btn-box{
    width: 100%; 
    margin-top: 20px;
    border-radius: 0px;
    background: #9c27b0;
}

.bloginotp, 
.bloginpass{
    font-size:20px; padding:20px 10px 20px 20px; 
     color: #FFF; margin-bottom: 10px;
     -webkit-box-shadow: 1px 0 10px 1px #E1D3E3;
     box-shadow: 1px 0 10px 1px #E1D3E3;
     cursor: pointer;
}

.bloginotp{
    background: #673AB7; 
    border:solid 1px #3e00ad;
}
.bloginpass{
    background: #9c27b0;
    border:solid 1px #7b0090;
}