.tooltip { width: 150px; }
.form-control {
    margin-bottom: 3px; padding-left: 10px !important; padding-right: 10px !important;
    /* -- CSS3 Shadow - create a shadow around each input element -- */
    -webkit-box-shadow: 0px 0px 4px #aaa;
    -moz-box-shadow: 0px 0px 4px #aaa;
    box-shadow: 0px 0px 4px #aaa;

    /* -- CSS3 Transition - define what the transition will be applied to (i.e. the background) -- */
    -webkit-transition: background 0.3s linear;
    background-color: #fff !important;
    border: 1px solid #F2F2F2 !important;
    color: #2d2d2d !important;
}
.login-box.register h3 {
    background: none;
    font-weight: normal;
}
.login-box.register .logo {
    width: 200px;
    max-width: 100%;
    margin-top: 20px;
}
.white-box {
    /* -- CSS3 - define rounded corners -- */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

    /* -- CSS3 - create a background gradient -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#EEE), to(#FFF));
    background: -moz-linear-gradient(0% 40% 90deg,#FFF, #EEE);

    /* -- CSS3 - add a drop shadow -- */
    -webkit-box-shadow:0px 0 50px #ccc;
    -moz-box-shadow:0px 0 50px #ccc;
    box-shadow:0px 0 50px #ccc;
}
.send-button {
    border: none !important;
    background: #1b72f9;
    color: #fff;
    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

    /* -- CSS3 Shadow - create a shadow around each input element -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b64d5), to(#1b72f9));
    background:  -moz-linear-gradient(25% 75% 90deg,#1b64d5, #1b72f9);

    /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
    width: 100%;
}
.send-button:hover {
    cursor:  pointer;
    color: #fff;
    /* -- CSS3 Shadow - create a shadow around each input element -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b72f9), to(#1b64d5));
    background:  -moz-linear-gradient(25% 75% 90deg,#1b72f9, #1b64d5);
}
.reset-button {
    border: none !important;
    background: #7002B2;
    color: #fff;
    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

    /* -- CSS3 Shadow - create a shadow around each input element -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7002B2), to(#A013F9));
    background:  -moz-linear-gradient(25% 75% 90deg,#7002B2, #A013F9);

    /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
}
.reset-button:hover {
    cursor:  pointer;
    color: #fff;
    /* -- CSS3 Shadow - create a shadow around each input element -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A013F9), to(#7002B2));
    background:  -moz-linear-gradient(25% 75% 90deg,#A013F9, #7002B2);
}
.button-default {
    border: none !important;
    background: #1b72f9;
    color: #000;
    /* -- CSS3 Transition - define which property to animate (i.e. the shadow)  -- */
    -webkit-transition: -webkit-box-shadow 0.3s linear;

    /* -- CSS3 Shadow - create a shadow around each input element -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fff));
    background:  -moz-linear-gradient(25% 75% 90deg,#eee, #fff);

    /* -- CSS3 - Rounded Corners -- */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
}
.button-default:hover {
    cursor:  pointer;
    color: #000000;
    /* -- CSS3 Shadow - create a shadow around each input element -- */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#eee));
    background:  -moz-linear-gradient(25% 75% 90deg,#fff, #eee);
}
.info {
    background: var(--main-color);
    padding: 1px 8px;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 7px;
}
.login-box.register {
    width: 18% !important;
    min-width: 350px;
    min-width: 350px;
}
.login-box.register {
    margin-top: 80px !important;
}