@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 700px;
    }

    .navbar {
        max-width: 700px;
        ;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 600px;
    }

    .navbar {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 600px;
    }

    .navbar {
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }
}


.fixed-top-menu {
    position: fixed;
    top: 48px;
    right: 0;
    left: 0;
    z-index: 999;
}

#menu ul {
    padding: 0px;
    margin: 0px;
    background-color: #569acb;
    list-style: none;
    color: #fff;
}

#menu ul li {
    display: inline;
}

#menu ul li a {
    padding: 2px 7px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

#menu ul li a:hover {
    background-color: #D6D6D6;
    color: #6D6D6D;
}


header {
    height: 65px;
    background-color: #569acb;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: "Open Sans", sans-serif;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    height: 60px;
    line-height: 60px;
}

.logo {
    background: url(../images/logo_brdental_topo_transp.png);
	width: 188px;
    height: 36px;
    background-size: cover;
    margin-top: 7px;
}

.logo_right {
    background: url(../images/logo_brdental_topo_transp.png);
    width: 145px;
    height: 40px;
    background-size: cover;
    float: right;
}

.logo-mobile {
    display: none;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.div-step-conclusao {
    display: none;
}

.div-step1 {
    display: none;
}

.div-step2 {
    display: none;
}

.div-step3 {
    display: none;
}

.div-step4 {
    display: none;
}

.div-cadastro-step1 {
    display: none;
}

.div-cadastro-step2 {
    display: none;
}

.div-cadastro-step3 {
    display: none;
}

.div-cadastro-step4 {
    display: none;
}

.div-cadastro-step5 {
    display: none;
}

.div-cadastro-step6 {
    display: none;
}

.div-cadastro-step7 {
    display: none;
}

/* .div-step4 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #ffffff;
    font-weight: 700;
    color: black;
}

.div-step4 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none;
    background: white;
    color: #3377f6;
    border-radius: 50%;
    font-weight: 700;
}

.div-step4 .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: #51e3c3;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
}

.div-step4 .ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.div-step4 .ui-datepicker {
    width: auto;
}

.div-step4 .ui-datepicker td {
    padding: 10px;
}

.div-step4 .ui-widget {
    font-family: "Open Sans", sans-serif;
}

.div-step4 .ui-widget-header {
    border: none;
    background: white;
    color: #51e3c3;
    font-weight: bold;
}

.div-step4 .ui-widget.ui-widget-content {
    border: none;
}

.div-step4 .ui-datepicker th {
    color: #b1b1b1;
} */

/* .modalEscolherOutraData .modal-body {
    padding: 0 20px;
}

.modalEscolherOutraData-title {
    text-align: center;
    font-size: 1.2rem;
    margin-bottom: 23px;
    margin-top: 25px;
}

.modalEscolherOutraData-title label.font-black {
    color: #000000;
    font-weight: 600;
}

.modalEscolherOutraData-title label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.modalEscolherOutraData .modalEscolherOutraData-buttons {
    width: 100%;
    padding: 8px;
    overflow: hidden;
    margin-top: 15px;
}

.modalEscolherOutraData .modalEscolherOutraData-buttons .btn {
    width: 90%;
    display: block;
    height: 40px;
    font-size: 1.1rem;
}

.modalEscolherOutraData .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none;
    background: #ffffff;
    font-weight: 700;
    color: black;
}

.modalEscolherOutraData .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: none;
    background: white;
    color: #3377f6;
    border-radius: 50%;
    font-weight: 700;
}

.modalEscolherOutraData .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: none;
    background: #51e3c3;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
}

.modalEscolherOutraData .ui-datepicker td span, .ui-datepicker td a {
    text-align: center;
}

.modalEscolherOutraData .ui-datepicker {
    width: auto;
}

.modalEscolherOutraData .ui-datepicker td {
    padding: 10px;
}

.modalEscolherOutraData .ui-widget {
    font-family: "Open Sans", sans-serif;
}

.modalEscolherOutraData .ui-widget-header {
    border: none;
    background: white;
    color: #51e3c3;
    font-weight: bold;
}

.modalEscolherOutraData .ui-widget.ui-widget-content {
    border: none;
}

.modalEscolherOutraData .ui-datepicker th {
    color: #b1b1b1;
} 

.menu-logged-user {}*/

.navbar {
    padding: .5rem 0.2rem;
    margin-bottom: 0 !important;
    background-color: #569acb;
}

.navbar>.container, .navbar>.container-fluid {
    justify-content: left;
}

.navbar-light .navbar-toggler {
    border: none;
}

.navbar li, .navbar li a {
    padding-right: 10px;
    padding-left: 0px;
    font-weight: 500;
    color: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 14px;
}

.home-banner {
    width: 100%;
}

.container {
    padding-left: 0;
    padding-right: 0;
}

.step-button {
    display: block;
    width: 88%;
    margin-left: 6%;
    border-radius: 50px;
    margin-bottom: 17px;
    background-color: #4777af;
    border-color: #7397c1;
}

.step-button-modal {
    display: block;
    width: 30%;
    border-radius: 50px;
    margin-bottom: 17px;
    background-color: #4777af;
    border-color: #7397c1;
    margin: 0 auto;
    display: block;
}

.step-button-back {
    display: block;
    width: 88%;
    margin-left: 6%;
    border-radius: 50px;
    margin-bottom: 17px;
    background-color: white;
    color: #4777af;
    border-color: #7397c1;
}

.step-button-back-red {
    display: block;
    width: 88%;
    margin-left: 6%;
    border-radius: 50px;
    margin-bottom: 17px;
    background-color: red;
    color: #ffffff;
    border-color: red;
}

.wizard {
    height: 75px;
    background: #f0f0f0;
    padding: 0px 0px 0 16px;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.wizard .wizard-step-divider {
    /* width: 65%;
    height: 5px;
    border-top: 1px solid #bac9db;
    position: relative;
    top: 25px;
    margin-left: 16%;
    margin-right: 9%; */
	width: 100%;
    height: 5px;
    border-top: 1px solid #bac9db;
    position: relative;
    top: 25px;
    margin-left: 5%;
    margin-right: 10%;
}

.wizard .wizard-step-wrap {
    text-align: center;
    padding-left: 0px;
}

.wizard .wizard-step-wrap .wizard-step {
    border-radius: 50%;
    height: 27px;
    width: 27px;
    background: white;
    margin-left: 18px;
    font-size: 0.9rem;
    padding: 2px 0 0 0;
    border: 1px solid #bac9db;
    color: #bac9db;
}

.wizard .wizard-step-wrap .wizard-step.selected {
    background-color: #2dddb6;
    color: white;
    border: none;
}

.wizard .wizard-step-wrap .wizard-step.completed {
    background-color: #4777af;
    color: white;
    border: none;
}

.wizard .wizard-step-wrap label {
    color: #6089b9;
    font-size: 0.8rem;
    margin-left: 8px;
}

.wizard .wizard-step-wrap .fa-check {
    margin: 5px 0 0 0px;
}

.div-step0-texts {
    padding: 0 1.45rem;
    margin-top: 20px;
}

.div-step0-texts h3 {
    font-weight: 400;
    margin-bottom: .0rem;
    font-size: 1.55rem;
}

.div-step0-texts h3 .font-black {
    color: #000000;
    font-weight: 600;
    margin-bottom: 0;
}

.div-step0-texts h3 .font-blue {
    color: #4777af;
    font-weight: 600;
    margin-bottom: 0;
}

.div-step0-texts h5 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 0.8;
}

.div-step0-texts h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step0-texts h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step0-buttons {
    text-align: center;
    margin-top: 28px;
}

.div-step0-buttons .btn {
    display: block;
    width: 88%;
    margin-left: 6%;
    border-radius: 50px;
    height: 40px;
    /*font-size: 1.1rem;*/
}

.div-step0-buttons .btn-agende-agora {
    margin-bottom: 17px;
    background-color: #EC951F;
    border-color: #7397c1;
    font-size: x-large;
    font-weight: 900;
    height: 55px;
}

.div-step0-buttons .btn-ja-sou-cliente {
    background-color: white;
    border-color: #7397c1;
    color: #4777af;
    font-weight: 600;
}

.div-step1 .form {
    padding: 20px;
}

.div-step1 h5 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 0.8;
}

.div-step1 h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step1 h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step1 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step1 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step2 {
    overflow-x: hidden;
}

.div-step2 .form {
    padding: 20px;
}

.div-step2 h5 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 0.8;
}

.div-step2 h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step2 h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step2 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step2 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step2 .form-check {
    margin-bottom: 5px;
}

.div-step2 .div-step2-footer {
    bottom: 0;
    width: 100%;
    height: 48px;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}

.div-step2 .div-step2-footer .btn {
    margin-left: 0px;
    margin-bottom: 0px;
    height: 40px;
    font-size: 1.1rem;
}

.div-step3 {
    overflow-x: hidden;
}

.div-step3 .form {
    padding: 20px;
}

.div-step3 h5 {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.div-step3 h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step3 h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step3 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step3 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step3 .box-unidade {
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 5px 12px;
}

.div-step3 .box-unidade .form-check {
    color: #4fe3c2;
    font-weight: 700;
    font-size: 0.9rem;
}

.div-step3 .box-unidade .div-endereco {
    padding-left: 17px;
    margin-top: -2px;
    line-height: 1.1;
}

.div-step3 .box-unidade .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-step3 .box-unidade .box-unidade-footer {
    height: 31px;
    background-color: #f0f0f0;
    margin-left: -12px;
    margin-bottom: -5px;
    border-radius: 0 0 5px 5px;
    margin-right: -12px;
    margin-top: 11px;
}

.div-step3 .box-unidade .box-unidade-footer .label-disponibilidade {
    margin-left: 10px;
    color: #4f7db2;
    font-size: 0.8rem;
    margin-top: 8px;
}

.div-step3 .box-unidade-plano {
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 5px 12px;
}

.div-step3 .box-unidade-plano .form-check {
    color: #e0a800;
    font-weight: 700;
    font-size: 0.9rem;
}

.div-step3 .box-unidade-plano .form-check-motivo {
    color: #fd7e14;
    font-weight: 700;
    font-size: 0.9rem;
}

.div-step3 .box-unidade-plano .div-endereco {
    padding-left: 17px;
    margin-top: -2px;
    line-height: 1.1;
}

.div-step3 .box-unidade-plano .spMSG {
    color: #e0a800;
    font-weight: 700;
    font-size: 0.8rem;
}

.div-step3 .box-unidade-plano .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-step3 .box-unidade-plano .box-unidade-footer {
    height: 31px;
    background-color: #f0f0f0;
    margin-left: -12px;
    margin-bottom: -5px;
    border-radius: 0 0 5px 5px;
    margin-right: -12px;
    margin-top: 11px;
}

.div-step3 .box-unidade-plano .box-unidade-footer .label-disponibilidade {
    margin-left: 10px;
    color: #4f7db2;
    font-size: 0.8rem;
    margin-top: 8px;
}

.div-step3 .box-unidade-out {
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 5px 12px;
}

.div-step3 .box-unidade-out .form-check {
    color: #bd2130;
    font-weight: 700;
    font-size: 0.9rem;
}

.div-step3 .box-unidade-out .form-check-motivo {
    color: #fd7e14;
    font-weight: 700;
    font-size: 0.9rem;
}

.div-step3 .box-unidade-out .div-endereco {
    padding-left: 17px;
    margin-top: -2px;
    line-height: 1.1;
}

.div-step3 .box-unidade-out .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-step3 .box-unidade-out .spMSG {
    color: #bd2130;
    font-weight: 700;
    font-size: 0.8rem;
}

.div-step3 .box-unidade-out .box-unidade-footer {
    height: 31px;
    background-color: #f0f0f0;
    margin-left: -12px;
    margin-bottom: -5px;
    border-radius: 0 0 5px 5px;
    margin-right: -12px;
    margin-top: 11px;
}

.div-step3 .box-unidade-out .box-unidade-footer .label-disponibilidade {
    margin-left: 10px;
    color: #4f7db2;
    font-size: 0.8rem;
    margin-top: 8px;
}

.div-step3 .div-step3-footer {
    bottom: 0;
    width: 100%;
    height: 48px;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}

.div-step3 .div-step3-footer .btn {
    margin-left: 0px;
    margin-bottom: 0px;
    height: 40px;
    font-size: 1.1rem;
}

.div-step3 .txt-clinica {
    background-color: #f0f0f0;
    border-radius: 50px;
    height: 40px;
    font-size: 0.9rem;
    padding-left: 16px;
}

.div-step4 {
    overflow-x: hidden;
}

.div-step4 .form {
    padding: 20px;
}

.div-step4 h5 {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.div-step4 h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step4 h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step4 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step4 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step4 .box-unidade {
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 5px 12px;
}

.div-step4 .box-unidade .form-check {
    padding-left: 0;
    color: #4fe3c2;
    font-weight: 700;
    font-size: 0.9rem;
}

.div-step4 .box-unidade .div-endereco {
    margin-top: -2px;
    line-height: 1.1;
}

.div-step4 .box-unidade .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-step4 .box-unidade .box-unidade-footer {
    margin-top: 8px;
    font-size: 0.8rem;
    margin-bottom: 5px;
    overflow: hidden;
}

.div-step4 .box-unidade .box-unidade-footer .label-disponibilidade {
    color: #4fe3c2;
    font-weight: 700;
    font-size: 0.9rem;
    margin-top: 10px;
}

.div-step4 .box-unidade .lbl-data-escolhida {
    font-size: 0.9rem;
}

.div-step4 .box-unidade-footer .lnk-escolher-outra-data {
    color: darkblue;
    margin-top: 10px;
    cursor: pointer;
}

.div-step4 .div-step4-footer {
    bottom: 0;
    width: 100%;
    height: 48px;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}

.div-step4 .div-step4-footer .btn {
    margin-left: 0px;
    margin-bottom: 0px;
    height: 40px;
    font-size: 1.1rem;
}

/*.div-step4 .div-days-buttons {}*/

.div-step4 .div-days-buttons .btn {
    border-color: #4777af;
    font-size: 0.8rem;
    float: left;
    margin-right: 5px;
    color: #4777af;
    background-color: white;
    cursor: pointer;
    font-weight: 700;
    height: 40px;
    font-size: 1.1rem;
}

.div-step4 .div-days-buttons .btn.selected {
    background-color: #2dddb6;
    border-color: #2dddb6;
    color: white;
}

.div-step4 .dentista-box {
    margin-top: 5px;
}

.div-step4 .dentista-box .dentista-box-nome {
    font-weight: 600;
}

.div-step4 .dentista-box .dentista-horarios {
    margin-top: 5px;
}

.div-step4 .dentista-box .dentista-horarios .btn,
.dentista-box-encaixe a.btnHorario {
    border-color: #4777af;
    font-size: 0.7rem;
    float: left;
    margin-right: 5px;
    color: #4777af;
    background-color: white;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: 700;
}

.div-step4 .dentista-box .dentista-horarios .btn.selected,
.dentista-box-encaixe a.btnHorario.selected {
    background-color: #2dddb6;
    border-color: #2dddb6;
    color: white;
    box-shadow: none !important;
}


.div-step4 .dias-box {
    margin-top: 5px;
}

.div-step4 .dias-box .btn {
    border-color: #4777af;
    font-size: 0.7rem;
    float: left;
    margin-right: 5px;
    color: #4777af;
    background-color: white;
    cursor: pointer;
    margin-bottom: 5px;
    font-weight: 700;
    width: 49px;
}

.div-step4 .dias-box .btn.selected {
    background-color: #2dddb6;
    border-color: #2dddb6;
    color: white;
    box-shadow: none !important;
}


.div-step .div-step-footer {
    bottom: 18px;
    width: 600px;
    height: 55px;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}

.div-step .div-step-footer .btn {
    margin-left: 5%;
    margin-bottom: 0px;
    float: left;
    width: 40%;
    margin-right: 5%;
    height: 40px;
    font-size: 1.1rem;
}

.div-step .div-step-footer-agend {
    bottom: 18px;
    width: 600px;
    height: 55px;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}
.area-clinica .div-step .div-step-footer-agend {
	width: 700px;
	
}

.div-step .div-step-footer-agend .btn {
    margin-left: 1%;
    margin-bottom: 0px;
    float: left;
    width: 30%;
    margin-right: 1%;
    height: 40px;
    font-size: 1.1rem;
}

.div-step .div-step-msg {
    bottom: 55px;
    width: 600px;
    height: auto;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}


.div-listaagendamentos {
    overflow-x: hidden;
}

.div-listaagendamentos .form {
    padding: 20px;
}

.div-listaagendamentos h5 {
    font-size: 1.2rem;
    margin-bottom: 0;
}

.div-listaagendamentos h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-listaagendamentos h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-listaagendamentos label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-listaagendamentos label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-listaagendamentos .box-unidade {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 10px 25px;
    margin: 0 1.45rem 0.5rem 1.45rem;
	background-color: #fbfbfb;
}

.div-listaagendamentos .box-unidade .form-check {
    padding-left: 17px;
    color: #4777af;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 3px;
}

.div-listaagendamentos .box-unidade .form-check i {
    color: #4fe3c2;
    font-weight: normal;
}

.div-listaagendamentos .box-unidade .div-endereco {
    padding-left: 17px;
    margin-top: -2px;
    line-height: 1.1;
}

.div-listaagendamentos .box-unidade .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-listaagendamentos .box-unidade .box-unidade-footer {
    height: 31px;
    background-color: #f0f0f0;
    margin-left: -12px;
    margin-bottom: -5px;
    border-radius: 0 0 5px 5px;
    margin-right: -12px;
    margin-top: 11px;
}

.div-listaagendamentos .box-unidade .box-unidade-footer .label-disponibilidade {
    margin-left: 10px;
    color: #4f7db2;
    font-size: 0.8rem;
    margin-top: 8px;
}

.div-listaagendamentos .div-step3-footer {
    bottom: 0;
    width: 100%;
    height: 48px;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}

.div-listaagendamentos .div-step3-footer .btn {
    margin-left: 0px;
    margin-bottom: 0px;
    height: 40px;
    font-size: 1.1rem;
}

.div-listaagendamentos .txt-clinica {
    background-color: #f0f0f0;
    border-radius: 50px;
    height: 40px;
    font-size: 0.9rem;
    padding-left: 16px;
}

.div-listaagendamentos .fa-exclamation-circle {
    color: red;
}

.div-listaagendamentos .fa-exclamation-circle {
    color: red;
}


.div-cadastro-step {
    overflow-x: hidden;
}

.div-cadastro-step .form {
    padding: 20px;
}

.div-cadastro-step .h5home {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1.8;
}

.div-cadastro-step h5 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 0.8;
}

.div-cadastro-step h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-cadastro-step h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-cadastro-step h4 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-cadastro-step h4 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-cadastro-step h3 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-cadastro-step h3 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-cadastro-step .div-cadastro-step-msg {
    bottom: 55px;
    width: 600px;
    height: auto;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}

.div-cadastro-step .div-cadastro-step-footer {
    bottom: 18px;
    width: 600px;
    height: 55px;
    position: fixed;
    background-color: white;
    padding: 8px;
    overflow: hidden;
}

.div-cadastro-step .div-cadastro-step-footer .btn {
    margin-left: 5%;
    margin-bottom: 0px;
    float: left;
    width: 40%;
    margin-right: 5%;
    height: 40px;
    font-size: 1.1rem;
}

.div-cadastro-step .div-cadastro-step-footer .btnfull {
    margin-left: 5%;
    margin-bottom: 0px;
    float: left;
    width: 90%;
    margin-right: 5%;
    height: 40px;
    font-size: 1.1rem;
}

.div-cadastro-step .btnVoltarCadastroStep {
    margin-left: 22px;
}

.div-cadastro-step .form-check {
    margin-bottom: 5px;
}

.div-cadastro-step .txt {
    background-color: #f0f0f0;
    border-radius: 50px;
    height: 40px;
    font-size: 0.9rem;
    padding-left: 16px;
}

.div-cadastro-step .fa-exclamation-circle {
    color: red;
}

.div-cadastro-step .box-unidade {
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 5px 12px;
}

.div-cadastro-step .box-unidade .form-check {
    color: #0069d9;
    font-weight: 700;
    font-size: 0.9rem;
}

.div-cadastro-step .box-unidade .div-endereco {
    padding-left: 17px;
    margin-top: -2px;
    line-height: 1.1;
}

.div-cadastro-step .box-unidade .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-cadastro-step .box-unidade .box-unidade-footer {
    height: 31px;
    background-color: #f0f0f0;
    margin-left: -12px;
    margin-bottom: -5px;
    border-radius: 0 0 5px 5px;
    margin-right: -12px;
    margin-top: 11px;
}

.div-cadastro-step .box-unidade .box-unidade-footer .label-disponibilidade {
    margin-left: 10px;
    color: #4f7db2;
    font-size: 0.8rem;
    margin-top: 8px;
}


.div-cadastro-step6 .fa-exclamation-circle {
    color: red;
}

.div-step-conclusao-texts {
    padding: 0 1.45rem;
    margin-top: 20px;
}

.div-step-conclusao-texts h3 {
    font-weight: 400;
    margin-bottom: .0rem;
}

.div-step-conclusao-texts h3.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step-conclusao-texts h3.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step-conclusao-texts h3.space {
    margin-top: -7px;
    margin-bottom: 19px;
}

.div-step-conclusao-texts h4 {
    font-size: 1.2rem;
    margin-bottom: 10px;
    line-height: 1.4;
}

.div-step-conclusao-texts h5 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 1.6;
}

.div-step-conclusao-texts h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-step-conclusao-texts h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-step-conclusao-buttons {
    text-align: center;
    margin-top: 28px;
}

.div-step-conclusao-buttons .btn {
    display: block;
    width: 88%;
    margin-left: 6%;
    border-radius: 50px;
    height: 40px;
    font-size: 1.1rem;
}

.div-step-conclusao-buttons .btn-agende-agora {
    margin-bottom: 17px;
    background-color: #4777af;
    border-color: #7397c1;
}

.div-step-conclusao-buttons .btn-ja-sou-cliente {
    background-color: white;
    border-color: #7397c1;
    color: #4777af;
    font-weight: 600;
}

.div-step-conclusao .box-unidade {
    margin-bottom: 8px;
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 15px 12px 0px 12px; /*10px 12px;*/
    margin: 0 1.45rem;
}

.div-step-conclusao .box-unidade .form-check {
    padding-left: 0;
    color: #4777af;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.div-step-conclusao .box-unidade .form-check i {
    color: #4fe3c2;
    font-weight: normal;
}
.div-step-conclusao .box-unidade.boxInteresse input{
	margin-left: 0;
}

.div-step-conclusao .box-unidade .div-endereco {
    margin-top: -2px;
    line-height: 1.1;
}

.div-step-conclusao .box-unidade .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-step-conclusao .box-unidade .box-unidade-footer {
    margin-top: 8px;
    font-size: 0.8rem;
    margin-bottom: 5px;
}

.div-step-conclusao .box-unidade .box-unidade-footer .label-disponibilidade {
    color: gray;
}

.div-step-conclusao .box-unidade .lbl-data-escolhida {
    font-size: 0.9rem;
}

.div-step-conclusao .box-unidade-footer .lnk-escolher-outra-data {
    color: darkblue;
    margin-top: 10px;
    cursor: pointer;
}

.div-login img {
    margin-top: 30px;
}

.div-login .txt {
    background-color: #f0f0f0;
    border-radius: 50px;
    height: 40px;
    font-size: 0.9rem;
    padding-left: 16px;
}

.div-login-texts {
    padding: 0 1.45rem;
    margin-top: 20px;
}

.div-login-texts h3 {
    font-weight: 400;
    margin-bottom: .0rem;
}

.div-login-texts h3 .font-black {
    color: #000000;
    font-weight: 600;
}

.div-login-texts h3 .font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-login-texts h5 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 0.8;
}

.div-login-texts h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-login-texts h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-login-buttons {
    text-align: center;
    margin-top: 28px;
}

.div-login-buttons .btn {
    display: block;
    width: 88%;
    margin-left: 6%;
    border-radius: 50px;
    height: 40px;
    font-size: 1.1rem;
}

.div-login-buttons .btn-agende-agora {
    margin-bottom: 17px;
    background-color: #4777af;
    border-color: #7397c1;
}

.div-login-buttons .btn-ja-sou-cliente {
    background-color: white;
    border-color: #7397c1;
    color: #4777af;
    font-weight: 600;
}

.btn-login-face {
    background: #4267b2;
    padding: 8px;
    border-radius: 4px;
    color: #fff;
    width: 48%;
}

.btn-login-face svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    fill: white;
}

.btn-login-google {
    background: white;
    padding: 8px;
    border-radius: 4px;
    color: #fff;
    width: 48%;
    border-color: #e9ebec;
}

.btn-login-google:hover {
    background: white;
}

.btn-login-google img {
    margin: 0 !important;
    width: auto;
    height: 20px;
}

.header-agendamentos {
    margin: 5px 24px;
}

.div-agendamentos-texts {
    padding: 0 1.45rem;
    margin-top: 20px;
}

.div-agendamentos-texts h3 {
    font-weight: 400;
    margin-bottom: .0rem;
}

.div-agendamentos-texts h3.font-black {
    color: #000000;
    font-weight: 600;
}

.div-agendamentos-texts h3.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-agendamentos-texts h3.space {
    margin-top: -7px;
    margin-bottom: 19px;
}

.div-agendamentos-texts h5 {
    font-size: 1rem;
    margin-bottom: 0;
    line-height: 0.8;
}

.div-agendamentos-texts h5 label.font-black {
    color: #000000;
    font-weight: 600;
}

.div-agendamentos-texts h5 label.font-blue {
    color: #4777af;
    font-weight: 600;
}

.div-agendamentos-buttons {
    text-align: center;
    margin-top: 28px;
}

.div-agendamentos-buttons .btn {
    display: block;
    width: 88%;
    margin-left: 6%;
    border-radius: 50px;
    height: 40px;
    font-size: 1.1rem;
}

.div-agendamentos-buttons .btn-agende-agora {
    margin-bottom: 17px;
    background-color: #4777af;
    border-color: #7397c1;
}

.div-agendamentos-buttons .btn-ja-sou-cliente {
    background-color: white;
    border-color: #7397c1;
    color: #4777af;
    font-weight: 600;
}

.div-agendamentos .box-unidade {
    border: 1px solid #f0f0f0;
    border-radius: 8px;
    padding: 10px 25px;
    margin: 0 1.45rem 0.5rem 1.45rem;
}

.div-agendamentos .box-unidade .form-check {
    padding-left: 0;
    color: #4777af;
    font-weight: 700;
    font-size: 0.9rem;
    margin-bottom: 3px;
}

.div-agendamentos .box-unidade .form-check i {
    color: #4fe3c2;
    font-weight: normal;
}

.div-agendamentos .box-unidade .div-endereco {
    margin-top: -2px;
    line-height: 1.1;
}

.div-agendamentos .box-unidade .spEndereco {
    color: #9e9e9e;
    font-size: 0.8rem;
}

.div-agendamentos .box-unidade .box-unidade-footer {
    margin-top: 8px;
    font-size: 0.8rem;
    margin-bottom: 5px;
}

.div-agendamentos .box-unidade .box-unidade-footer .label-disponibilidade {
    color: gray;
}

.div-agendamentos .box-unidade .lbl-data-escolhida {
    font-size: 0.9rem;
}

.div-agendamentos .box-unidade-footer .lnk-escolher-outra-data {
    color: darkblue;
    margin-top: 10px;
    cursor: pointer;
}

.div-agendamentos .btn-ver-mais {
    margin: 11px 6%;
    background-color: #4777af;
    border-color: #7397c1;
    width: 88%;
}
.lnkExibirHorarios.disabled{
    background-color: #ffd3d3 !important;
    color: #747474 !important;
    cursor: not-allowed !important;
}
.box-navegacao-dias{
    text-align: center;
}
div#box-navegacao-datas {
    width: auto; /*max-content;*/
    overflow: hidden;
    position: relative;
}
div#box-navegacao-datas .dias-box {
    margin-top: 5px;
    display: inline-block;
    width: 100%; /*535px;*/
}
table#tabela-expedientes,
table#tbl-dias-semana,
table#tbl-usuarios,
table#tbl-paginas,
table#tbl-permissoes,
table#tbl-profissionais{
    font-size: 0.8rem;
}
table#tabela-expedientes td.cel-edit-expediente{
    vertical-align: middle;
}
table#tabela-expedientes td.cel-edit-expediente a.btn{
    display: block;
    text-align: center;
    color: #fff;
}
table#tbl-usuarios tbody tr.ativo_N,
table#tbl-profissionais tbody tr.ativo_0,
table#tbl-pacientes tbody tr.ativo_0{
    display: none;
}
#bloco_sugest_nome_paciente,
#bloco_sugest_nome_paciente_atendimento{
    box-shadow: 2px 1px 2px 0px #333;
    display: none;
}
#bloco_sugest_nome_paciente a,
#bloco_sugest_nome_paciente_atendimento a{
    display: block;
    background-color: #fff;
    padding: 4px;
    color: #333;
}
#bloco_sugest_nome_paciente a:hover,
#bloco_sugest_nome_paciente_atendimento a:hover{
    background-color: #c0e2fb;
}
#card_dados_paciente #sel_dentista_responsavel option.ativo_0,
#card_dados_paciente #sel_dentista_responsavel option.ativo_web_0{
    background-color: #ddd;
    color: #969696
}
#card_procedimentos #tbl_procedimentos thead tr th,
#card_procedimentos #tbl_procedimentos tbody tr td,
#card_procedimentos #tbl_procedimentos tbody tr td input,
#card_procedimentos #tbl_procedimentos tbody tr td select{
    font-size:10px;
}
#card_procedimentos #tbl_procedimentos tbody tr td a{
    font-size:10pt;
}
.row-desdobravel{
    /*height: 0;*/
    overflow: hidden;
}
form span.required-mark{
    font-size: 13px;
    color: #f00;
}

@media (min-width: 320px) and (max-width: 700px) {
    header {
        height: 45px;
    }

    .logo-mobile {
        display: inline-block !important;
        vertical-align: middle;
    }

    .logo {
        background-size: cover;
        width: 193px;
        height: 37px;
        margin-top: 3px;
        vertical-align: middle;
        display: none;
    }

    .navbar {
        padding: .1rem 0.2rem;
        margin-bottom: 0 !important;
        background-color: #569acb;
    }

    .navbar>.container, .navbar>.container-fluid {
        justify-content: left;
    }

    .navbar-light .navbar-toggler {
        border: none;
    }

    .home-banner {
        width: 100%;
    }

    .container {
        padding-left: 0;
        padding-right: 0;
    }

    button.navbar-toggler:focus {
        outline: none;
    }

    .navbar li, .navbar li a {
        padding-right: 10px;
        padding-left: 10px;
        font-weight: 500;
        color: #ffffff;
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

    .step-button {
        display: block;
        width: 88%;
        margin-left: 6%;
        border-radius: 50px;
        margin-bottom: 17px;
        background-color: #4777af;
        border-color: #7397c1;
    }

    .step-button-back {
        display: block;
        width: 88%;
        margin-left: 6%;
        border-radius: 50px;
        margin-bottom: 17px;
        background-color: #ffffff;
        color: #4777af;
        border-color: #7397c1;
    }

    .step-button-back-red {
        display: block;
        width: 88%;
        margin-left: 6%;
        border-radius: 50px;
        margin-bottom: 17px;
        background-color: red;
        color: #ffffff;
        border-color: red;
    }

    .div-step0-texts {
        padding: 0 3.0rem;
        margin-top: 20px;
    }

    .div-step0-texts h3 {
        font-weight: 400;
        margin-bottom: .0rem;
    }

    .div-step0-texts h3.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step0-texts h3.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step0-texts h5 {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 0.8;
    }

    .div-step0-texts h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step0-texts h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step0-buttons {
        text-align: center;
        margin-top: 28px;
    }

    .div-step0-buttons .btn {
        display: block;
        width: 88%;
        margin-left: 6%;
        border-radius: 50px;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-step0-buttons .btn-agende-agora {
        margin-bottom: 17px;
        background-color: #EC951F;
        border-color: #7397c1;
        font-size: large;
        font-weight: 900;
        height: 45px;

    }

    .div-step0-buttons .btn-ja-sou-cliente {
        background-color: white;
        border-color: #7397c1;
        color: #4777af;
        font-weight: 600;
        font-size: small;
    }

    .div-step1 .form {
        padding: 20px;
    }

    .div-step1 h5 {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 0.8;
    }

    .div-step1 h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step1 h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step1 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step1 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step2 {
        overflow-x: hidden;
    }

    .div-step2 .form {
        padding: 20px;
    }

    .div-step2 h5 {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 0.8;
    }

    .div-step2 h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step2 h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step2 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step2 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step2 .form-check {
        margin-bottom: 5px;
    }

    .div-step2 .div-step2-footer {
        bottom: 0;
        width: 100%;
        height: 48px;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-step2 .div-step2-footer .btn {
        margin-left: 0px;
        margin-bottom: 0px;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-step3 {
        overflow-x: hidden;
    }

    .div-step3 .form {
        padding: 20px;
    }

    .div-step3 h5 {
        font-size: 1.2rem;
        margin-bottom: 0;
    }

    .div-step3 h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step3 h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step3 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step3 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step3 .box-unidade {
        margin-bottom: 8px;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        padding: 5px 12px;
    }

    .div-step3 .box-unidade .form-check {
        color: #4fe3c2;
        font-weight: 700;
        font-size: 0.9rem;
    }

    .div-step3 .box-unidade .div-endereco {
        padding-left: 17px;
        margin-top: -2px;
        line-height: 1.1;
    }

    .div-step3 .box-unidade .spEndereco {
        color: #9e9e9e;
        font-size: 0.8rem;
    }

    .div-step3 .box-unidade .box-unidade-footer {
        height: 31px;
        background-color: #f0f0f0;
        margin-left: -12px;
        margin-bottom: -5px;
        border-radius: 0 0 5px 5px;
        margin-right: -12px;
        margin-top: 11px;
    }

    .div-step3 .box-unidade .box-unidade-footer .label-disponibilidade {
        margin-left: 10px;
        color: #4f7db2;
        font-size: 0.8rem;
        margin-top: 8px;
    }

    .div-step3 .div-step3-footer {
        bottom: 0;
        width: 100%;
        height: 48px;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-step3 .div-step3-footer .btn {
        margin-left: 0px;
        margin-bottom: 0px;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-step3 .txt-clinica {
        background-color: #f0f0f0;
        border-radius: 50px;
        height: 40px;
        font-size: 0.9rem;
        padding-left: 16px;
    }

    .div-step4 {
        overflow-x: hidden;
    }

    .div-step4 .form {
        padding: 20px;
    }

    .div-step4 h5 {
        font-size: 1.2rem;
        margin-bottom: 0;
    }

    .div-step4 h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step4 h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step4 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step4 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step4 .box-unidade {
        margin-bottom: 8px;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        padding: 5px 12px;
    }

    .div-step4 .box-unidade .form-check {
        padding-left: 0;
        color: #4fe3c2;
        font-weight: 700;
        font-size: 0.9rem;
    }

    .div-step4 .box-unidade .div-endereco {
        margin-top: -2px;
        line-height: 1.1;
    }

    .div-step4 .box-unidade .spEndereco {
        color: #9e9e9e;
        font-size: 0.8rem;
    }

    .div-step4 .box-unidade .box-unidade-footer {
        margin-top: 8px;
        font-size: 0.8rem;
        margin-bottom: 5px;
    }

    .div-step4 .box-unidade .box-unidade-footer .label-disponibilidade {
        color: #4fe3c2;
        font-weight: 700;
        font-size: 0.9rem;
        margin-top: 10px;
    }

    .div-step4 .box-unidade .lbl-data-escolhida {
        font-size: 0.9rem;
    }

    .div-step4 .box-unidade-footer .lnk-escolher-outra-data {
        color: darkblue;
        margin-top: 10px;
        cursor: pointer;
    }

    .div-step4 .div-step4-footer {
        bottom: 0;
        width: 100%;
        height: 48px;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-step4 .div-step4-footer .btn {
        margin-left: 0px;
        margin-bottom: 0px;
        height: 40px;
        font-size: 1.1rem;
    }

    /*.div-step4 .div-days-buttons {}*/

    .div-step4 .div-days-buttons .btn {
        border-color: #4777af;
        font-size: 0.8rem;
        float: left;
        margin-right: 5px;
        color: #4777af;
        background-color: white;
        cursor: pointer;
        font-weight: 700;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-step4 .div-days-buttons .btn.selected {
        background-color: #2dddb6;
        border-color: #2dddb6;
        color: white;
    }

    .div-step4 .dentista-box {
        margin-top: 5px;
    }

    .div-step4 .dentista-box .dentista-box-nome {
        font-weight: 600;
    }

    .div-step4 .dentista-box .dentista-horarios {
        margin-top: 5px;
    }

    .div-step4 .dentista-box .dentista-horarios .btn {
        border-color: #4777af;
        font-size: 0.7rem;
        float: left;
        margin-right: 5px;
        color: #4777af;
        background-color: white;
        cursor: pointer;
        margin-bottom: 5px;
        font-weight: 700;
    }

    .div-step4 .dentista-box .dentista-horarios .btn.selected {
        background-color: #2dddb6;
        border-color: #2dddb6;
        color: white;
        box-shadow: none !important;
    }

    .div-step .div-step-footer {
        bottom: 0;
        width: 100%;
        height: 55px;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-step .div-step-footer .btn {
        margin-left: 5%;
        margin-bottom: 0px;
        float: left;
        width: 40%;
        margin-right: 5%;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-step .div-step-footer-agend {
        bottom: 0;
        width: 100%;
        height: 55px;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-step .div-step-footer-agend .btn {
        margin-left: 2%;
        margin-bottom: 0px;
        float: left;
        width: 30%;
        margin-right: 1%;
        height: 40px;
        font-size: 1.1rem;
    }

    div-step-footer-agend .div-step .div-step-msg {
        bottom: 55px;
        width: 100%;
        height: auto;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-cadastro-step {
        overflow-x: hidden;
    }

    .div-cadastro-step .form {
        padding: 20px;
    }

    .div-cadastro-step .h5home {
        font-size: 1.2rem;
        margin-bottom: 0;
        line-height: 1.1;
    }

    .div-cadastro-step h5 {
        font-size: 1.2rem;
        margin-bottom: 0;
    }

    .div-cadastro-step h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-cadastro-step h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-cadastro-step h4 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-cadastro-step h4 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-cadastro-step .div-cadastro-step-msg {
        bottom: 55px;
        width: 100%;
        height: auto;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-cadastro-step .div-cadastro-step-footer {
        bottom: 0;
        width: 100%;
        height: 55px;
        position: fixed;
        background-color: white;
        padding: 8px;
        overflow: hidden;
    }

    .div-cadastro-step .div-cadastro-step-footer .btn {
        margin-left: 5%;
        margin-bottom: 0px;
        float: left;
        width: 40%;
        margin-right: 5%;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-cadastro-step .div-cadastro-step-footer .btnfull {
        margin-left: 5%;
        margin-bottom: 0px;
        float: left;
        width: 90%;
        margin-right: 5%;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-cadastro-step .btnVoltarCadastroStep {
        margin-left: 22px;
    }

    .div-cadastro-step .txt {
        background-color: #f0f0f0;
        border-radius: 50px;
        height: 40px;
        font-size: 0.9rem;
        padding-left: 16px;
    }

    .div-cadastro-step6 .fa-exclamation-circle {
        color: red;
    }

    .div-step-conclusao-texts {
        padding: 0 1.45rem;
        margin-top: 20px;
    }

    .div-step-conclusao-texts h3 {
        font-weight: 400;
        margin-bottom: .0rem;
    }

    .div-step-conclusao-texts h3.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step-conclusao-texts h3.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step-conclusao-texts h3.space {
        margin-top: -7px;
        margin-bottom: 19px;
    }

    .div-step-conclusao-texts h5 {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 0.8;
    }

    .div-step-conclusao-texts h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-step-conclusao-texts h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-step-conclusao-buttons {
        text-align: center;
        margin-top: 28px;
    }

    .div-step-conclusao-buttons .btn {
        display: block;
        width: 88%;
        margin-left: 6%;
        border-radius: 50px;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-step-conclusao-buttons .btn-agende-agora {
        margin-bottom: 17px;
        background-color: #4777af;
        border-color: #7397c1;
    }

    .div-step-conclusao-buttons .btn-ja-sou-cliente {
        background-color: white;
        border-color: #7397c1;
        color: #4777af;
        font-weight: 600;
    }

    .div-step-conclusao .box-unidade {
        margin-bottom: 8px;
        border: 1px solid #f0f0f0;
        border-radius: 8px;
        padding: 10px 12px;
        margin: 0 1.45rem;
    }

    .div-step-conclusao .box-unidade .form-check {
        padding-left: 0;
        color: #4777af;
        font-weight: 700;
        font-size: 0.9rem;
        margin-bottom: 20px;
    }

    .div-step-conclusao .box-unidade .form-check i {
        color: #4fe3c2;
        font-weight: normal;
    }

    .div-step-conclusao .box-unidade .div-endereco {
        margin-top: -2px;
        line-height: 1.1;
    }

    .div-step-conclusao .box-unidade .spEndereco {
        color: #9e9e9e;
        font-size: 0.8rem;
    }

    .div-step-conclusao .box-unidade .box-unidade-footer {
        margin-top: 8px;
        font-size: 0.8rem;
        margin-bottom: 5px;
    }

    .div-step-conclusao .box-unidade .box-unidade-footer .label-disponibilidade {
        color: gray;
    }

    .div-step-conclusao .box-unidade .lbl-data-escolhida {
        font-size: 0.9rem;
    }

    .div-step-conclusao .box-unidade-footer .lnk-escolher-outra-data {
        color: darkblue;
        margin-top: 10px;
        cursor: pointer;
    }

    .div-login img {
        margin-top: 30px;
    }

    .div-login .txt {
        background-color: #f0f0f0;
        border-radius: 50px;
        height: 40px;
        font-size: 0.9rem;
        padding-left: 16px;
    }

    .div-login-texts {
        padding: 0 1.45rem;
        margin-top: 20px;
    }

    .div-login-texts h3 {
        font-weight: 400;
        margin-bottom: .0rem;
    }

    .div-login-texts h3 .font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-login-texts h3 .font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-login-texts h5 {
        font-size: 1rem;
        margin-bottom: 0;
        line-height: 0.8;
    }

    .div-login-texts h5 label.font-black {
        color: #000000;
        font-weight: 600;
    }

    .div-login-texts h5 label.font-blue {
        color: #4777af;
        font-weight: 600;
    }

    .div-login-buttons {
        text-align: center;
        margin-top: 28px;
    }

    .div-login-buttons .btn {
        display: block;
        width: 88%;
        margin-left: 6%;
        border-radius: 50px;
        height: 40px;
        font-size: 1.1rem;
    }

    .div-login-buttons .btn-agende-agora {
        margin-bottom: 17px;
        background-color: #4777af;
        border-color: #7397c1;
    }

    .div-login-buttons .btn-ja-sou-cliente {
        background-color: white;
        border-color: #7397c1;
        color: #4777af;
        font-weight: 600;
    }
}

@media (min-width: 10px) and (max-width: 219px) {
    .wizard {
        height: 75px;
        background: #f0f0f0;
        padding: 16px 0px 0 1px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: none;
    }
}

@media (min-width: 220px) and (max-width: 319px) {
    .wizard {
        height: 75px;
        background: #f0f0f0;
        padding: 16px 0px 0 1px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: none;
    }

    .wizard .wizard-step-divider {
        width: 100%;
        height: 5px;
        border-top: 1px solid #bac9db;
        position: relative;
        top: 18px;
        margin-left: 10%;
        margin-right: 12%;
    }

    .wizard .wizard-step-wrap {
        text-align: center;
        padding-left: 0px;
        position: relative;
        width: 62px;
        padding-right: 0px;
    }

    .wizard .wizard-step-wrap .wizard-step {
        border-radius: 50%;
        height: 27px;
        width: 27px;
        background: white;
        margin-left: 20px;
        font-size: 0.9rem;
        padding: 4px 0 0 0;
        border: 1px solid #bac9db;
        color: #bac9db;
    }

    .wizard .wizard-step-wrap .wizard-step.selected {
        background-color: #2dddb6;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap .wizard-step.completed {
        background-color: #4777af;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap label {
        color: #6089b9;
        font-size: 0.8rem;
        margin-left: 0px;
    }

    .wizard .wizard-step-wrap .fa-check {
        margin: 5px 0 0 0px;
    }
}

@media (min-width: 320px) and (max-width: 359px) {
    .wizard {
        height: 75px;
        background: #f0f0f0;
        padding: 16px 0px 0 1px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: none;
    }

    .wizard .wizard-step-divider {
        width: 100%;
        height: 5px;
        border-top: 1px solid #bac9db;
        position: relative;
        top: 18px;
        margin-left: 10%;
        margin-right: 12%;
    }

    .wizard .wizard-step-wrap {
        text-align: center;
        padding-left: 0px;
        position: relative;
        width: 62px;
        padding-right: 0px;
    }

    .wizard .wizard-step-wrap .wizard-step {
        border-radius: 50%;
        height: 27px;
        width: 27px;
        background: white;
        margin-left: 20px;
        font-size: 0.9rem;
        padding: 4px 0 0 0;
        border: 1px solid #bac9db;
        color: #bac9db;
    }

    .wizard .wizard-step-wrap .wizard-step.selected {
        background-color: #2dddb6;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap .wizard-step.completed {
        background-color: #4777af;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap label {
        color: #6089b9;
        font-size: 0.8rem;
        margin-left: 0px;
    }

    .wizard .wizard-step-wrap .fa-check {
        margin: 5px 0 0 0px;
    }
}

@media (min-width: 360px) and (max-width: 369px) {
    .wizard {
        height: 75px;
        background: #f0f0f0;
        padding: 16px 0px 0 1px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: none;

    }

    .wizard .wizard-step-divider {
        width: 100%;
        height: 5px;
        border-top: 1px solid #bac9db;
        position: relative;
        top: 18px;
        margin-left: 10%;
        margin-right: 12%;
    }

    .wizard .wizard-step-wrap {
        text-align: center;
        padding-left: 0px;
        position: relative;
        width: 68px;
        padding-right: 0px;
    }

    .wizard .wizard-step-wrap .wizard-step {
        border-radius: 50%;
        height: 27px;
        width: 27px;
        background: white;
        margin-left: 20px;
        font-size: 0.9rem;
        padding: 4px 0 0 0;
        border: 1px solid #bac9db;
        color: #bac9db;
    }

    .wizard .wizard-step-wrap .wizard-step.selected {
        background-color: #2dddb6;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap .wizard-step.completed {
        background-color: #4777af;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap label {
        color: #6089b9;
        font-size: 0.8rem;
        margin-left: 0px;
    }

    .wizard .wizard-step-wrap .fa-check {
        margin: 5px 0 0 0px;
    }
}

@media (min-width: 370px) and (max-width: 410px) {
    .wizard {
        height: 75px;
        background: #f0f0f0;
        padding: 16px 0px 0 1px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: none;
    }

    .wizard .wizard-step-divider {
        width: 100%;
        height: 5px;
        border-top: 1px solid #bac9db;
        position: relative;
        top: 18px;
        margin-left: 10%;
        margin-right: 12%;
    }

    .wizard .wizard-step-wrap {
        text-align: center;
        padding-left: 0px;
        position: relative;
        width: 73px;
        padding-right: 0px;
    }

    .wizard .wizard-step-wrap .wizard-step {
        border-radius: 50%;
        height: 27px;
        width: 27px;
        background: white;
        margin-left: 20px;
        font-size: 0.9rem;
        padding: 4px 0 0 0;
        border: 1px solid #bac9db;
        color: #bac9db;
    }

    .wizard .wizard-step-wrap .wizard-step.selected {
        background-color: #2dddb6;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap .wizard-step.completed {
        background-color: #4777af;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap label {
        color: #6089b9;
        font-size: 0.8rem;
        margin-left: 0px;
    }

    .wizard .wizard-step-wrap .fa-check {
        margin: 5px 0 0 0px;
    }
}

@media (min-width: 411px) and (max-width: 700px) {
    .wizard {
        height: 75px;
        background: #f0f0f0;
        padding: 16px 0px 0 1px;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .wizard .wizard-step-divider {
        width: 100%;
        height: 5px;
        border-top: 1px solid #bac9db;
        position: relative;
        top: 18px;
        margin-left: 10%;
        margin-right: 12%;
    }

    .wizard .wizard-step-wrap {
        text-align: center;
        padding-left: 0px;
        position: relative;
        width: 65px; /*80px;*/
        padding-right: 0px;
    }

    .wizard .wizard-step-wrap .wizard-step {
        border-radius: 50%;
        height: 27px;
        width: 27px;
        background: white;
        margin-left: 28px;
        font-size: 0.9rem;
        padding: 4px 0 0 0;
        border: 1px solid #bac9db;
        color: #bac9db;
    }

    .wizard .wizard-step-wrap .wizard-step.selected {
        background-color: #2dddb6;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap .wizard-step.completed {
        background-color: #4777af;
        color: white;
        border: none;
    }

    .wizard .wizard-step-wrap label {
        color: #6089b9;
        font-size: 0.8rem;
        margin-left: 0px;
    }

    .wizard .wizard-step-wrap .fa-check {
        margin: 5px 0 0 0px;
    }
}


.select2-container .select2-selection--single .select2-selection__rendered {
    background-color: #f0f0f0;
    border-radius: 50px;
    height: 40px;
    font-size: 0.9rem;
    padding-left: 16px;
}

.select2-container--bootstrap4 .select2-selection {
    border: 0px solid #ced4da;
    border-radius: .25rem;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: 3rem;
}

#div_privacy {
    display: flex;
    align-items: center;
    justify-content: center;
}

#div_privacy a {
    padding: 3%;
    font-size: small;
    margin-top: 10%;
    opacity: 0.8;
    color: rgb(0, 0, 0);
}



@media(max-width: 500px) {

    #popup {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 11;
        background-color: #000;
        width: 100%;
        height: 100%;
    }

    .imgpopup {
        width: 100%;
        margin-top: 25%;
    }
}

#popup {
    position: absolute;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 50px 2px #000;
    padding-bottom: 5px;
}

.divFechar {
    display: flex;
    align-items: center;
    justify-content: center;
}

#close {
    width: 100px;
    background-color: #cc0033;
    color: #ffffff;
    border: none;
    margin-left: 5px;
}


.dentista-box-encaixe{
	display: block;
}

.area-clinica{
	/*min-width: 1000px;*/
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.area-clinica #menu ul{
	background-color: #2dddb6;
}
.area-clinica .box-filtros{
	font-size: 13px;
    background-color: #569acb;
    padding: 5px;
    color: #fff;
}
.area-clinica .box-filtros .titulo-filtros {
    background-color: #2e5e81;
    font-weight: bold;
}
.area-clinica .box-filtros .titulo-filtros a:hover {
    background-color: #468bbc;
}
.area-clinica .box-filtros .lista-campos-disponiveis{
	list-style-type: none;
    background-color: #2e5e81;
    padding: 15px 40px 15px 15px;
    max-height: 250px;
    overflow: auto;
}
.area-clinica table.table-admin{
	font-size: 0.75rem;
	text-transform: uppercase;
}
.area-clinica table.table-admin thead tr th{
	padding: 0;
}
.area-clinica table.table-admin thead tr th a{
	display: block;
	padding: 5px;
    min-width: max-content;
    width: 100%;
}
.area-clinica table.table-admin thead tr th a:hover{
	background-color:#dedede;
}
.area-clinica table.table-admin thead tr th a.order-field {
    background-color: #569acb;
    color: #fff;
}
.area-clinica table.table-admin thead tr th a.order-field .direction {
	width: 20px;
    height: 14px;
    display: inline-block;
	float: right;    
}
.area-clinica table.table-admin thead tr th a .direction{
    width: 20px;
    height: 14px;
    display: block;
    float: right;
    background: url(images/ui-icons_555555_256x240.png) -125px -48px no-repeat transparent;
}
.area-clinica table.table-admin thead tr th a.order-field.order-desc .direction {
	background: url(images/ui-icons_ffffff_256x240.png) -63px -48px no-repeat #569acb;
}
.area-clinica table.table-admin thead tr th a.order-field.order-asc .direction {
	background: url(images/ui-icons_ffffff_256x240.png) 2px -48px no-repeat #569acb;
}
.area-clinica table.table-admin tbody tr td .edit,
.area-clinica #frm-filtros .save-grid{
    display: none;
    min-width: max-content;
    width: 100%;
}
.area-clinica .cel-edit{
	text-align: center;
}
.area-clinica .cel-edit a{
	display: block;
    width: 100%;
	color: #fff;
}
.area-clinica .cel-edit a:hover{
	text-decoration: none;
}
.area-clinica .oculto{
	display: none;
}
.area-clinica .form-control-sm {
    font-size: .75rem;
}
.area-clinica .div-cadastro-step-footer,
.area-clinica .div-step-footer{
	width: 100%;
}
.area-clinica .div-cadastro-step-footer>.row>.col-12,
.area-clinica .div-step-footer>.row>.col-12{
	max-width: 50%;
	margin: 0 auto;
}
.area-clinica td.data {
    border-bottom: 0;
	text-align: center;
}
.area-clinica td.data.merged-cell {
    border: 0;
}
.area-clinica .especialidade{ background-color: #fff; }
.area-clinica .especialidade-alinhador{ background-color: #7f9cd3; }
.area-clinica .especialidade-cirurgia{ background-color: #d37f7f; }
.area-clinica .especialidade-avaliaÇÃo{ background-color: #4fa54b; }
.area-clinica .especialidade-avaliaÇÃo-inicial{ background-color: #83d37f; }
.area-clinica .especialidade-avaliaÇÃo-inicial-ii{ background-color: #37d52f; }
.area-clinica .especialidade-avaliaÇÃo-odontopediatria{ background-color: #d3d17f; }
.area-clinica .especialidade-extraÇÃo-simples{ background-color: #d3aa7f; }
.area-clinica .especialidade-consulta{ background-color: #77cbdf; }
.area-clinica .especialidade-clinico-geral{ background-color: #7da4e1; }
.area-clinica .especialidade-endodontia{ background-color: #cf7ddd; }
.area-clinica .especialidade-odontopediatria{ background-color: #dd7e7e; }
.area-clinica .especialidade-ortodontia{ background-color: #f6f975; }
.area-clinica .especialidade-radiologia{ background-color: #e38d41; }
.area-clinica .especialidade-urgencia{ background-color: #f15151; }
.area-clinica .especialidade-alinhadores-transparentes{ background-color: #b8e3b6; }
.area-clinica .especialidade-periodontia{ background-color: #9c79dd; }
.area-clinica .especialidade-protese{ background-color: #83d37f; }

.area-clinica #tabela-gestao-guias.modo-excel thead tr th{
    white-space: nowrap;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td{
    height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    white-space: nowrap;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td span.view {
    padding: 0 3px;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr.bg-even td,
.area-clinica #tabela-gestao-guias.modo-excel tbody tr.bg-even td input,
.area-clinica #tabela-gestao-guias.modo-excel tbody tr.bg-even td select{
    background-color: #f1f1f1;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr.bg-odd td,
.area-clinica #tabela-gestao-guias.modo-excel tbody tr.bg-odd td input,
.area-clinica #tabela-gestao-guias.modo-excel tbody tr.bg-odd td select{
    background-color: #FFF;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td input:focus-visible,
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td select:focus-visible{
    background-color: #fff7bc!important;
    color: #333!important;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td .edit input{
    height: 20px;
    border: 0px solid #dee2e6;
    width: 100%;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td .edit select{
    height: 20px;
    border-color: #dee2e6;
    border-width: 0;
}
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td.editable .edit input,
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td.editable .edit select {
    background-color: #5079a1;
    color: #fff;
    width: 100%;
}
/*.area-clinica #tabela-gestao-guias.modo-excel tbody tr td:not(.editable){*/
.area-clinica #tabela-gestao-guias.modo-excel tbody tr td:not(.editable) .edit{
    color: #aaa;
}
ul li.item-avaliacao::marker {
    color: red;
}