/* Template overwrites */

.circle-icon {
    background: #FFF;
    padding: 10px;
    border-radius: 50%;
    font-size: 25px;
}

.user-panel > .info > a {
    font-size: 14px !important;
}

.login-box, .register-box{
    width: 380px;
}

/* Language dropdown must be on top */
.sidebar-form, .sidebar-menu > li.header {
    font-size: 14px;
    overflow: visible;
}

/* Language dropdown has same font color as body */
.sidebar-form, .dropdown-menu > li > a {
    color: #333333 !important;
}

/* Reset password form */
.reset-box {
    width: 380px;
    margin: 3% auto;
}

.reset-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}

.reset-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
}

.reset-logo a {
    color: #444;
}
/* End of Reset password form */

.login-phone {
    font-size: 28px;
    text-align: center;
    font-weight: 300;
}

hr.gray {
    border-top: 1px solid #d2d6de;
}

/* End of Template overwrites */

/* Payment CSS */

.payment-row-vertical-center {
    display: table !important;
    width: 100%;
    cursor: pointer;
}

.payment-row-vertical-center > div {
    display: inline-block !important;
    float: none !important;
    white-space: normal;
    vertical-align: middle !important;
}

.payment-row-vertical-center > div > label {
    cursor: pointer;
}

.payment-big {
    font-size: 24px;
    font-weight: 800;
}

/* End of Payment CSS */

.table > tbody > tr > td,
.table > tbody > tr > td input,
.table > tbody > tr > td button {
    vertical-align: middle !important;
}

/* Remove spinner from text input */
input[type=number].no-spin::-webkit-inner-spin-button,
input[type=number].no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

/* Remove spinner from text input on Firefox */
input[type=number].no-spin {
    -moz-appearance: textfield;
}

.img-thumbnail {
    min-width: 60px;
}

/* Responsive stuff */

@media only screen and (max-width: 540px) {
    .hidden-xxs {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .hidden-xxxs {
        display: none;
    }
}

/* End of Responsive stuff */