.sign-box {

    width: 100%;

    max-width: 500px;

    margin: 0 auto;

    -webkit-box-shadow: 0 6px 30px 5px rgba(5, 5, 5, 0.1);

    box-shadow: 0 6px 30px 5px rgba(5, 5, 5, 0.1);

    padding: 20px;

    font-size: 1rem;

	border-radius: 16px;

    position: relative;

	background: #d3e7ff;

    background: -moz-linear-gradient(top, #d3e7ff 0%, #e1ccfa 100%);

    background: -webkit-linear-gradient(top, #d3e7ff 0%,#e1ccfa 100%);

    background: linear-gradient(to bottom, #d3e7ff 0%,#e1ccfa 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e7ff', endColorstr='#e1ccfa',GradientType=0 );

}

.text-center.site-logo img{max-width: 100px;}

.sign-box input[name=email], .sign-box input[type=password]{

	background: #fff;

    border: none;

    padding: 0 10px;

    height: 60px;

    margin-bottom: 20px;

    border-radius: 3px;

	color: #7c76a6 !important;

}

.sign-box  label.form-label{font-size: 16px;

    font-weight: 600;

    color: #7c76a6; text-align:left;}

.sign-box a.buttonAll:hover {

    color: #fff !important;

}

.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: 2px solid #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 {

    margin: 20px 0;

	font-size: 26px;

    font-weight: 600;

    color: #7c76a6;

}

.sign-box .buttonAll{

	font-size: 16px;

    display: inline-block;

    clear: both;

    padding: 10px 40px;

    border-radius: 3px;

	border: none;

	margin-right: 10px;

}

.sign-box .btn {

    display: block;

    min-width: 108px;

    margin: 16px auto 12px;

    border-color: #15171b;

    background: #FFC107;

    color: #333;

}

.sign-box .btn:hover {

    background: rgba(255, 193, 7, 0.72);

    border-color: rgba(255, 193, 7, 0.72);

}

.sign-box .btn.sign-up {

    margin-top: 18px

}

.sign-box .sign-note {

    text-align: center

}

.sign-box a {

    text-decoration: none;

    color: #FFC107;

    border-bottom: solid 1px transparent

}

.sign-box a:hover {

    border-bottom-color: #FFC107;

    color: #FFC107;

}

.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, .sign-box .reset {

    font-size: .875rem;

    color: #fff;

}

.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 10px 12px auto

}

.sign-box.reset-password-box a {

    display: inline-block;

}