/**
 * Title: TSlider Custom Colors
 * Description: Changes the color of the slider thumb and the current value label.
 */

/* Change the current value text (the number above/beside) */
.tslidercontainer .label {
    color: var(--text-color) !important;
    font-weight: bold;
    font-size: 14px;
}

/* Change the Thumb (the draggable circle) */
.tslidercontainer input[widget='tslider'] {
    opacity: 1 !important;
}

/* Change the Thumb (the draggable circle) - Webkit (Chrome, Edge, Safari) */
.tslidercontainer input[widget='tslider']::-webkit-slider-thumb {
    background: var(--main-color) !important;
    border: 2px solid var(--main-color);
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Change the Thumb - Firefox */
.tslidercontainer input[widget='tslider']::-moz-range-thumb {
    background: var(--main-color) !important;
    border: 2px solid var(--main-color);
}

/* buttons */
.my_btn_full_size {
    width: 100% !important;
}

/* links */
.default-link {
    color: var(--text-color);
}

/* public */ 

.public-view-container {
    max-width: 1000px;
    margin: auto;
    padding-top: 40px;
}

.public-view-container .container-live {
    overflow-y: none;
}

.public-view-container .master-container, .public-view-container-clinica .master-container {
    display:block;
    max-width: 1000px;
    margin:auto;
}

.public-view-container div[page_name="SignupForm"],
.public-view-container div[page_name="ForgotPasswordForm"],
.public-view-container div[page_name="ResetPasswordForm"] {
    max-width: 700px;
    margin: auto;
}

.public-view-container div[page_name="SignupForm"] .card-header.panel-heading, 
.public-view-container div[page_name="ForgotPasswordForm"] .card-header.panel-heading,
.public-view-container div[page_name="ResetPasswordForm"] .card-header.panel-heading {
    margin:auto;
    background-color:#fff;
}

.public-view-container div[page_name="SignupForm"] .panel-title, 
.public-view-container div[page_name="ForgotPasswordForm"] .panel-title,
.public-view-container div[page_name="ResetPasswordForm"] .panel-title {
    font-size:22px;
    font-weight: bold;
}

.public-view-banner {
    background-image: url(../../../images/builderLogoLogin.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    color: transparent !important;
    border: transparent;
    height: 120px;
}