@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Nunito:300,800');

body {
    font-family: 'Nunito', sans-serif !important;
    color: #7f7c7d !important;
    font-weight: 300 !important;
    padding-bottom: 0 !important;
    font-size: 15px !important;
}

.ui-widget {
    font-family: 'Nunito', sans-serif !important;
    color: #7f7c7d !important;
    font-weight: 300 !important;
    font-size: 1em !important;
    text-shadow: none !important;
}

a {
    color: #7f7c7d !important;
    transition: all .4s;
}

a:hover {
    color: #4dd3e8 !important;
}

.topcol {
    background-color: #EEEEEE !important;
}

.topmen {
    background-color: #DBDBDA !important;
}

.iconalert {
    color: #4dd3e8 !important;
}

.arrodown {
    font-size: 11px !important;
    color: #666 !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Nunito', sans-serif !important;
    color: #7f7c7d !important;
    text-transform: uppercase;
}

h4 {
    font-size: 30px !important;
    font-stretch: normal !important;
}

.title {
    font-size: 18px !important;
    color: #199996 !important
}

.hr {
    color: #199996 !important;
    background-color: #199996 !important;
    height: 4px !important;
}

.btn-ibusc {
    background-color: #4dd3e8 !important;
    border: 1px solid #4dd3e8 !important;
}

.btn-reset {
    background-color: #B5B5B4 !important;
    border: 1px solid #B5B5B4 !important;
}

.btn-oth {
    background-color: #FFF !important;
    color: #85292B !important;
    border: 1px solid #85292B !important;
}

.td-l {
    background-color: #A7D6CE !important;
    color: #000 !important;
    text-align: center !important;
}

.td-l a {
    color: #000 !important;
}

.td-la {
    background-color: #E5F4F2 !important;
    color: #000 !important;
    text-align: center !important;
}

.td-la a {
    color: #000 !important;
}

.td-ld {
    background-color: #EFB994 !important;
    color: #FFF !important;
    text-align: center !important;
}

.nox {
    color: #4dd3e8 !important;
    font-size: 26px !important;
}

.nox a {
    color: #4dd3e8 !important;
}

.mm a:hover {
    background-color: #69C5B9 !important;
    color: #FFF !important;
}

.mm a:active {
    background-color: #169A82 !important;
}

.menu-item {
    color: #169A82 !important;
}

.icon-atend {
    color: #169A82 !important;
    font-size: 26px !important
}

.icon-bread {
    color: #D98267 !important;
    font-size: 26px !important
}

.icon-ok {
    color: #189C87 !important;
    font-size: 26px !important
}

.icon-prof {
    color: #88761E !important;
    font-size: 26px !important
}

.icon-edit {
    color: #2B9F89 !important;
    font-size: 26px !important
}

.icon-alert {
    color: #FFF !important;
    font-size: 28px !important;
}

.arrodown {
    color: #9f3133 !important;
    font-size: 30px;
}

.menu {

}

.menu ul {
    list-style: none !important;
    width: auto;
    padding: 0;
    margin: 0;
}

.menu li {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #8A7D85;
    padding-left: 20px;
}

.menu li a {
    color: #8A7D85;
    font-size: 16px;
}

.ativo {
    background-color: #DBDBDA;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #4dd3e8 !important;
}

.ativo a {
    background-color: #DBDBDA;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #4dd3e8 !important;
}

.menu li:hover {
    background-color: #DBDBDA;
    color: #00988C !important;
}

.card-box h4 {
    padding-left: 20px;
}

.card-box p {
    padding-left: 20px;
}

.user-box a {
    color: #4dd3e8 !important;
}

.stfs {
    font-size: 26px;
}

.tt {

}

.tt a {
    color: #7D7D7C;
}

.car-active {
    color: #199996 !important;
}

.mm-active a {
    background-color: #42B9AB !important;
    color: #FFF !important;
}

.label-config {
    font-weight: lighter !important;
    text-align: left !important;
}

#upload_link {
    text-decoration: none;
    color: #988E88 !important;
}

#upload_link a:hover {
    color: #988E88 !important;
}

#upload {
    display: none
}

#upload a {
    color: #988E88 !important;
}

.ti-download {
    color: #4dd3e8 !important;
}

.control-label {
    font-weight: 800 !important;
    font-size: .8em;
    text-transform: uppercase;
}

.pimag {
    font-size: 11px !important;
}

.sweet-alert h2 {
    color: #564E49 !important;
}

.sweet-alert p {
    color: #564E49 !important;
}

.invisible {
    border: none;
}

input.parsley-success, select.parsley-success, textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error, select.parsley-error, textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}

.panel-body {
    padding: 0 !important;
}

.card-login a:hover,
.card-login a.clique {
    color: #69d6e8 !important;
}

@media screen and (min-width: 1024px) {
    .card-login-cad {
        padding: 3rem !important;
        width: 70rem;
    }

    .card-login {
        padding: 3rem !important;
    }

}

.card-login h1,
.card-login-cad h1 {
    font-weight: 800 !important;
    font-size: 1.2em;
}

.card-login {
    width: 100%;
    max-width: 40rem;
    margin: auto;
}

.card-login {
    padding-bottom: 2rem;
}

.card-login h4 {
    font-size: 1.4em !important;
    color: #7d7d7c !important;
}

.bt-loginn {
    display: block;
    width: 100%;
    padding: 1.1rem !important;
    box-sizing: border-box !important;
    border-radius: 3rem !important;
    font-size: .9em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background: #69d6e8 !important;
    border: solid 2px #69d6e8 !important;
}

.bt-loginn:hover {
    background: #69d6e8;
    border: solid 2px #69d6e8;
}

.card-login-cad p {
    color: #595857 !important;
    font-weight: lighter !important;
    font-size: 16px !important;
}

.bt-loginn-cad {
    width: 100% !important;
    padding: 1.1rem !important;
    background: #69d6e8 !important;
    border: solid 2px #69d6e8 !important;
    font-size: .8em !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 5px;
}

.bt-loginn-cad:hover {
    border: solid 2px #69d6e8 !important;
    background: #4dd3e8 !important;
}

.btn-rever {
    background: transparent !important;
    color: #8f8f8f !important;
    border: solid 2px #8f8f8f !important;
}

.btn-rever:hover {
    background: transparent !important;
    color: #cf3f3d !important;
    border: solid 2px #cf3f3d !important;
}

.card-login-cad h6 {
    font-size: 22px !important;
    font-weight: lighter !important;
    color: #595857 !important;
}

.card-login-active a {
    color: #4dd3e8 !important;
    font-weight: lighter !important;
}

.card-login-active h4 {
    color: #4dd3e8 !important;
    font-weight: lighter !important;
    font-size: 19px !important;
}

.card-login-active p {
    color: #595857 !important;
    font-weight: lighter !important;
    font-size: 16px !important;
}

.bt-loginn-active {
    padding: 18px 48px 18px 48px;;
    background-color: #4dd3e8 !important;
    font-size: 17px !important;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.card-login-active h5 {
    font-size: 25px !important;
    font-weight: lighter !important;
    color: #4dd3e8 !important;
}

@media screen and (min-width: 1024px) {
    .bt-loginn-cad {
        width: calc(50% - 1rem) !important;
        margin: auto .5rem auto;
        box-sizing: border-box !important;
    }
}

.icon-active {
    color: #009A9E !important;
}

.icon-active2 {
    color: #4dd3e8 !important;
    font-size: 80px !important;
}

.card-login-active h6 {
    color: #595857 !important;
    font-weight: lighter !important;
    font-size: 26px !important;
}

.flc {
    background-color: #FFF !important;
    padding: 0;
}

.flc p {
    color: #FFF !important;
    font-size: 15px !important;
}

.flc a {
    color: #FFF !important;
}

.flc a:hover {
    color: #D5EEEB !important;
}

.flc h4 {
    color: #FFF !important;
    font-size: 21px !important;
    line-height: 26px;
}

.cfp {
    background-color: #666666 !important;
    padding: 10px;
}

.cfp2 {
    padding: 15px;
}

.cfp2 p {
    color: #595857 !important;
}

/*INICIO LISTA DE PROFISSIONAIS*/
.m-b-102 {
    margin: 0 0 0 15px;
    border-radius: 8px;
}

.alert-danger {
    border: solid 2px #ca958c;
}

.alert-danger p {
    margin: 0 0 0 70px;
}

.icon-alert2 {
    padding: 10px 20px 0 20px;
    position: absolute;
}

.fa-sort-amount-desc {
    color: #4dd3e8 !important;
    padding: 10px;
    background: #e8e8e8;
}

.fa-sort-amount-desc:hover {
    color: #fff !important;
    background: #e2b1a9;
}

.fa-print {
    color: #4dd3e8 !important;
    padding: 10px;
    background: #e8e8e8;
    margin: 0 3px 0 3px;
}

.fa-print:hover {
    color: #fff !important;
    background: #e2b1a9;
}

.fa-filter {
    color: #4dd3e8 !important;
    padding: 10px;
    background: #e8e8e8;
}

.fa-filter:hover {
    color: #fff !important;
    background: #e2b1a9;
}

.ti-angle-down {
    font-size: 10px;
    color: #747474;
}

.ti-angle-down:hover {
    color: #fff;
}

.dropdown-toggle2 {
    padding: 0;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-color: #fff;
    margin-bottom: 4px !important;
}

.dropdown-toggle2:hover {
    color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background: #f2f2f2 !important;
}

.titulo-tabela {
    color: #4dd3e8 !important;
    font-weight: lighter !important;
    font-size: 16px !important;
    /*border: 0!important;*/
    border-bottom: 2px solid #dbdbda;
}

.table > tbody > tr > th {
    border: 2px solid #dbdbda;
}

tr > td {
    border: 2px solid #ffffff;
}

.texto-tabela {
    color: #595857 !important;
    font-weight: lighter !important;
    font-size: 15px !important;
}


.texto-tabela u:hover {
    color: #4dd3e8 !important;
}

.fa-eye {
    color: #4dd3e8 !important;
    font-size: 28px;
}

.fa-eye:hover {
    color: #30ccb4 !important;
}

.fa-pencil-square-o {
    color: #4dd3e8 !important;
    padding: 0 25px 0 25px;
    font-size: 25px;
}

.fa-pencil-square-o:hover {
    color: #30ccb4 !important;
}

.ti-printer2 {
    color: #4dd3e8 !important;
    padding: 0 25px 0 25px;
    font-size: 25px;
    background: none !important;
}

.ti-printer2:hover {
    background: none !important;
    color: #30ccb4 !important;
}

.fa-trash-o {
    color: #d39d94 !important;
    font-size: 25px;
}

.fa-trash-o:hover {
    color: #dcb4ad !important;
}

.table-responsive {
    overflow-x: hidden;
}

/*FIM LISTA DE PROFISSIONAIS*/

/*INICIO DE CADASTRO DE PROFISSIONAIS*/
.titulo-cadastro {
    margin: -1px 0;
    color: #7D7D7C;
    font-weight: lighter;
}

.p {
    color: #27A491;
    padding-left: 0 !important;
}

/*FIM DE CADASTRO DE PROFISSIONAIS*/

/*LISTA DE CONSULTORIOS*/
.pagination > .active > a {
    background: #27A491;
    border-color: #27A491;
}

.pagination > .active > a:hover {
    background: #27A491;
    border-color: #27A491;
}

.pagination > li > a:hover {
    background: #27A491;
    border-color: #27A491;
    color: #fff !important;
}

.dropdown-menu > li > a:hover {
    color: #fff !important;
}

/*FIM LISTA DE CONSULTORIOS*/
@media ( max-width: 767px) {
    .flc p {
        text-align: center !important;
    }

    .flc h4 {
        text-align: center !important;
    }
}

@media ( max-width: 768px) {
    #upload_link {
        text-decoration: none;
        color: #988E88 !important;
    }

    #upload_link a:hover {
        color: #988E88 !important;
    }

    #upload {
        display: none
    }

    #upload a {
        color: #988E88 !important;
    }

    .ti-download {
        color: #4dd3e8 !important;
    }
}

/*AGENDA - POR JOHNSON VIEIRA*/
.header-title2 {
    color: #989898;
    font-size: 20px;
    font-weight: 400;
}

.ti-search {
    color: #4dd3e8;
}

.ti-search:hover {
    color: #4dd3e8;
}

.hr2 {
    margin: 0;
}

.card-box-passo {
    background: #e2f2f0;
    margin-bottom: 0 !important;
}

.zmdi-close {
    float: right;
    font-size: 25px;
    color: #989898;
    margin: -38px 0 0;
}

.item-paciente .zmdi-chevron-right {
    float: right;
    font-size: 25px;
    color: #989898;
    margin: 8px 0 0;
}

.card-box p {
    padding-left: 0;
}

.item-paciente {
    padding: 6px 10px 0px 10px;
}

.item-paciente hr {
    margin: 0;
    padding: 0;
}

.item-paciente p {
    margin: 0;
}

.item-paciente b {
    color: #34b7a9;
}

.item-paciente a {
    color: #909090;
}

.item-paciente a:hover {
    color: #909090 !important;
}

.item-paciente:hover {
    background: #f3f3f3;
}

.checkbox-pink input[type="checkbox"]:checked + label::before {
    background-color: #009882;
    border-color: #009882;
}

.checkbox-pink b {
    color: #009882;
}

/*BUSCA ENCONTRADA  - POR JOHNSON VIEIRA*/
.encontrado {
    background: #f1f1f2;
    padding: 20px;
    border: 2px solid #e8e8e8;
}

.encontrado h3 {
    font-weight: 300;
    color: #82838d;
    margin: 0;
}

.encontrado p {
    color: #82838d;
}

.encontrado hr {
    border-top: 2px solid #dedee0;
}

.encontrado1 {
    background: #e0dfe0;
    padding: 5px 20px 5px 20px;
    border-radius: 20px;
}

.dados-encontrado p {
    margin: 7px 0 0;
}

.dados-encontrado img {
    width: 70px;
    border-radius: 50%;
    margin: 0;
}

.descricao-encontrado {
    margin: 8px 0 0;
}

.icon-encontrado {
    margin: 18px 0 0;
    font-size: 20px;
}

.icon-encontrado i {
    margin: 0 10px 0 0;
}

.descricao-encontrado .encontrado-cor1 {
    color: #4dd3e8;
}

.descricao-encontrado .encontrado-cor2 {
    color: #0090c9;
}

.encontrado-cor1 {
    color: #4dd3e8
}

.encontrado-cor1:hover {
    color: #4dd3e8
}

.encontrado-cor2 {
    color: #0090c9
}

.encontrado-cor2:hover {
    color: #0275a2
}

.encontrado-cor3 {
    color: #646464
}

.encontrado-cor3:hover {
    color: #494a4a
}

.modal-esconder h2 {
    color: #5f5f5f;
}

.modal-esconder p {
    color: #939292;
}

.modal-esconder i {
    font-size: 80px;
    color: #9f3133;
}

/*BUSCA NAO ENCONTRADA  - POR JOHNSON VIEIRA*/
.nao-encontrado1 {
    background: #ffec9e;
    padding: 20px;
    border-radius: 20px;
}

.nao-encontrado1 h3 {
    font-size: 20px;
}

/*BUSCA NAO ENCONTRADA - MODAL ALERT  - POR JOHNSON VIEIRA*/
.modal-footer2 h2 {
    color: #f8c038;
    font-weight: 300;
}

.modal-footer2 i {
    font-size: 120px;
    color: #f8c038;
}

.modal-footer2 p {
    font-weight: 300;
    font-size: 16px;
}

/*MODAL CUSTOM BLOQUEIO*/
.modal-bloqueio .col-md-1 {
    padding: 9px 8px 0;
    color: #797979 !important;
}

.modal-bloqueio i {
    color: #797979 !important;
}

.modal-bloqueio .ti-angle-double-right {
    color: #85292B !important;
}

.modal-bloqueio label {
    padding: 9px 0 0;
}

.day {
    background: #fff !important;
}

/* MODAL LISTA DE ESPERA - POR JOHNSON VIEIRA */
.lista-topo {
    background: #f7f7f7;
    border: solid 2px #ededed;
    border-radius: 10px;
    padding: 15px;
}

.lista-topo .control-label {
    margin: 8px 0 0 !important;
}

.lista {
    height: 50px;
    background: #e0dfe0;
    border-radius: 10px;
    padding: 12px;
}

.lista p {
    font-size: 17px;
    font-weight: 300;
}

.lista-numero {
    width: 40px;
    height: 37px;
    background: #7f7f7f;
    color: #fff;
    border-radius: 50%;
    margin: -5px 0 0;
}

.lista-numero p {
    padding: 4px 0 0;
}

.ti-plus {
    font-size: 25px;
    color: #378E73;
    margin: 0 10px 0 0;
}

.ti-plus:hover {
    color: #10c469 !important;
}

.ti-write {
    font-size: 20px;
    margin: 0 5px 0 0;
}

/* MODAL ENCAIXE - POR JOHNSON VIEIRA */
.encaixe {

}

.encaixe p {
    font-size: 15px;
    font-weight: 300;
}

.encaixe h3 {
    color: #838284;
    font-weight: 300;
    font-size: 20px;
}

.encaixe img {
    width: 120px;
    border-radius: 50%;
    margin: 0;
}

.encaixe-encontrado {
    height: 80px;
    background: #e0dfe0;
    padding: 9px 20px 5px 20px;
    border-radius: 20px;
}

.encaixe-encontrado i {
    font-size: 22px;
    margin: 20px 0 0;
}

.encaixe-encontrado .modal-footer {
    border-top: none !important;
}

/*AGENDA DETALHES*/
.topo-titulo h3 {
    font-size: 23px;
    font-weight: 300;
    margin: 1px 0 0;
}

.topo-titulo .btn-bordred.btn-default:hover {
    color: #fff !important;
}

.topo-titulo-quadrado {
    width: 100%;
    padding: 4px 4px 4px 6px;
    border: solid 2px #27A491;
    color: #27A491;
}

.botaodr {
    background: #27A491 !important;
}

.botaodr p {
    color: #fff !important;
    margin: 0;
}

.botaodr:hover {
    background: #218c7c !important;
    color: #fff !important;
}

.topo-titulo-quadrado2 {
    width: 53%;
    padding: 5px 4px 4px 11px;
    border: solid 2px #27A491;
    background: #27A491;
    color: #fff;
    margin: 0 0 0 20px;
}

.topo-titulo-quadrado2 i {
    color: #fff !important;
}

.topo-titulo-quadrado3 {
    width: 100%;
    padding: 4px 0 3px 0;
    border: solid 2px #27A491;
    text-align: center;
    color: #27A491;
}

.topo-titulo-quadrado3 p {
    margin: 0 !important;
}

.topo-grade {
    background: #27A491;
    color: #fff;
}

.grade-cor1, .grade-cor2, .grade-cor3, .grade-cor4, .grade-cor5 {
    width: 37px;
    height: 24px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
}

.grade-cor1 {
    background: #74c3a9;
}

.i1 {
    color: #74c3a9;
}

.grade-cor2 {
    background: #fab15b;
}

.i2 {
    color: #fab15b;
}

.grade-cor3 {
    background: #f6a8a1;
}

.i3 {
    color: #f6a8a1;
}

.grade-cor4 {
    background: #78cddd;
}

.i4 {
    color: #78cddd;
}

.grade-cor5 {
    background: #008dc0;
}

.i5 {
    color: #008dc0;
}

.agenda-detalhes th {
    border: 2px solid #dcdee0 !important;
}

.agenda-detalhes a {
    color: #7c7c7c;
}

.agenda-detalhes td {
    border: 2px solid #dcdee0 !important;
    background: #fff !important;
    width: 200px;
}

.agenda-detalhes td:hover {
    background: #eaeaea !important;
}

.agenda-detalhes td i {
    font-size: 10px;
}

.agenda-detalhes-dia td {
    background: #fff !important;
}

.agenda-detalhes-dia a {
    color: #7c7c7c;
}

.agenda-detalhes-dia td:hover {
    background: #eaeaea !important;
}

.table-bordered {
    border: 2px solid #dcdee0 !important;
}

.agenda-detalhes-dia .h:hover {
    background: #fff !important;
}

/*FIM AGENDA DETALHES*/

/* PAGINA RECPCAO */
.topo-grade-v1 {
    background: #009780;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 11px;
    width: 85px;
    height: 87px;
}

.topo-grade-v1 p {
    margin: 10px 0 0;
}

.topo-grade-v1 a {
    color: #fff;
}

.topo-grade-v1 a:hover {
    color: #fff !important;
}

.topo-grade-v1:hover {
    background: #037d6b;
}

.topo-grade-v1 i {
    font-size: 20px;
    color: #fff;
}

.topo-grade-v2 {
    background: #c7e1c4;
    text-align: center;
    font-size: 11px;
    color: #009780;
    padding: 10px;
    width: 85px;
    height: 87px;
}

.topo-grade-v2 p {
    margin: 10px 0 0;
}

.topo-grade-v2:hover {
    background: #cee8cb;
}

.topo-grade-v2 a {
    color: #009780;
}

.topo-grade-v2 a:hover {
    color: #009780;
}

.topo-grade-v2 i {
    font-size: 20px;
    color: #009780;
}

.topo-grade-v2-1 {
    background: #c7e1c4;
    text-align: center;
    font-size: 10px;
    color: #009780;
    padding: 13px 0 0;
    height: 62px;
    width: 83px;
}

.topo-grade-v2-1 i {
    font-size: 15px;
    color: #009780;
}

.topo-grade-v2-1 a {
    color: #009780;
}

.topo-grade-v2-1 a:hover {
    color: #009780;
}

.topo-grade-v2-1-grupo {
    margin: -5px 0 0;
}

.recepcao-quadrado {
    width: 100%;
    padding: 4px 4px 4px 6px;
    border: solid 2px #a5a4a4;
    color: #27A491;
    text-align: center;
}

.card-box3 {
    background: #f3f3f3;
}

.recepcao-quadrado h2 {
    font-size: 50px;
}

.recepcao-calen {
    width: 50px;
    background: #009780;
    text-align: center;
    padding: 10px;
    float: right;
    margin: -64px 0 0;
}

.recepcao-calen i {
    color: #fff;
    text-align: center;
    font-size: 20px
}

.bg-success {
    background: #009780 !important;
}

.item-paciente .recepcao-dr {
    width: 70px;
    border-radius: 50%;
    margin: 9px 10px 0 0;
    float: left;
}

.item-paciente .cor1 {
    color: #fd5163;
}

.item-paciente .cor2 {
    color: #5952b1;
}

.item-paciente .cor3 {
    color: #e8a847;
}

.grade-recepcao th {
    border: none !important;
}

.topo-grade-2 {

}

.topo-grade-2 p {
    font-weight: 300;
    margin: -41px 0 0;
    color: #04947d;
    font-size: 16px;
}

.topo-grade-2-semana {
    text-align: center;
    font-weight: 300;
    color: #04947d;
}

.grade-recepcao .recepcao-cadeado {
    background: #e8e8e8 !important;
}

.grade-recepcao:hover .recepcao-cadeado:hover {
    background: #d8d7d7 !important;
}

.border {
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    border-bottom: 10px solid #fff;
}

.recepcao-cadeado {
    background: #dedbdb !important;
    text-align: center;
}

.recepcao-cadeado i {
    font-size: 20px;
    color: #d3aaae;
}

.grade-recepcao .recepcao-verde {
    background: #c7e1c4 !important;
}

.recepcao-verde p {
    margin: 0;
    color: #009883;
    text-align: center;
    font-size: 20px;
}

.grade-recepcao:hover .recepcao-verde:hover {
    background: #bcd4b9 !important;
}

.grade-recepcao .recepcao-verde2 {
    background: #04947d !important;
}

.recepcao-verde2 p {
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.grade-recepcao .recepcao-laranjado {
    background: #f1d9bd !important;
}

.recepcao-laranjado p {
    margin: 0;
    color: #009883;
    text-align: center;
    font-size: 20px;
}

.p-interno {
    border: none;
    background: #f2f0f1;
}

.p-interno a {
    color: #797979 !important;
}

.p-interno a:hover {
    color: #009883 !important;
}

.p-interno p {
    margin: 6px 0 0px;
}

.p-interno2 {
    border: none;
    background: #e8e8ea;
}

.p-interno2 a {
    color: #797979 !important;
}

.p-interno2 a:hover {
    color: #009883 !important;
}

.p-interno2 p {
    margin: 6px 0 0px;
}

.recepcao-rodape i {
    font-size: 50px;
    color: #58adaa;
}

.recepcao-rodape h3 {
    color: #797979;
}

.recepcao-rodape p {
    font-weight: 300;
}

.recepcao-rodape b {
    font-weight: 800;
    font-size: 30px;
}

.hr-recepcao {
    border-top: 3px solid #58adaa;
    margin: 5px 0 10px 0;
}

.recepcao-rodape-resumo h3 {
    color: #58adaa;
    font-weight: 300;
}

.recepcao-rodape-resumo i {
    font-size: 17px;
    margin: 10px 0 0;
    position: absolute;
}

.recepcao-rodape-resumo p {
    margin: 8px 0 0 3px;
}

.recepcao-rodape-resumo label {
    margin: 8px 0 0;
}

/*// FIM PAGINA RECPCAO*/
.side-menu {
    top: 70px;
    width: 250px;
    z-index: 10;
    background: #ffffff;
    bottom: 50px;
    height: 100%;
    margin-bottom: -70px;
    margin-top: 0px;
    padding-bottom: 70px;
    position: fixed;
    box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
}

.side-menu .waves-effect .waves-ripple {
    background-color: rgba(113, 182, 249, 0.4);
}

.content-page {
    margin-left: 250px;
    overflow: hidden;
}

.content-page .content {
    padding: 0px 5px;
    margin-top: 73px;
}

.button-menu-mobile {
    background: transparent;
    border: none;
    color: #435966;
    font-size: 21px;
    line-height: 68px;
}

.button-menu-mobile:hover {
    color: #71b6f9;
}

.sidebar-inner {
    height: 100%;
}

#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a {
    border: 0;
    font-weight: normal;
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-decoration: none;
}

#sidebar-menu {
    padding-bottom: 30px;
    width: 100%;
}

#sidebar-menu a {
    line-height: 1.3;
}

#sidebar-menu ul li .menu-arrow {
    -webkit-transition: -webkit-transform 0.15s;
    -o-transition: -o-transform 0.15s;
    transition: transform .15s;
    position: absolute;
    right: 20px;
    display: inline-block;
    font-family: 'Material-Design-Iconic-Font';
    text-rendering: auto;
    line-height: 18px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

#sidebar-menu ul li .menu-arrow:before {
    content: '\f2fb';
}

#sidebar-menu ul li a.subdrop .menu-arrow {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

#sidebar-menu ul ul {
    display: none;
}

#sidebar-menu ul ul li {
    border-top: 0;
}

#sidebar-menu ul ul li.active a {
    color: #71b6f9;
}

#sidebar-menu ul ul a {
    color: #63747c;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border-left: 3px solid transparent;
    display: block;
    padding: 10px 20px 10px 65px;
}

#sidebar-menu ul ul a:hover {
    color: #71b6f9;
}

#sidebar-menu ul ul a i {
    margin-right: 5px;
}

#sidebar-menu ul ul ul a {
    padding-left: 80px;
}

#sidebar-menu .label {
    margin-top: 2px;
}

#sidebar-menu .subdrop {
    border-left: 3px solid #4dd3e8;
    color: #4dd3e8 !important;
}

#sidebar-menu > ul > li > a {
    color: #435966;
    display: block;
    padding: 12px 20px;
    margin: 4px 0px;
    background-color: #ffffff;
    border-left: 3px solid transparent;
}

#sidebar-menu > ul > li > a:hover {
    color: #71b6f9;
    text-decoration: none;
}

#sidebar-menu > ul > li > a > span {
    vertical-align: middle;
}

#sidebar-menu ul li a i {
    display: inline-block;
    font-size: 16px;
    line-height: 17px;
    margin-left: 3px;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
}

#sidebar-menu ul li a i.md {
    font-size: 18px;
}

#sidebar-menu ul li a .drop-arrow {
    float: right;
}

#sidebar-menu ul li a .drop-arrow i {
    margin-right: 0px;
}

#sidebar-menu > ul > li > a.active {
    border-left: 3px solid #71b6f9;
    color: #71b6f9 !important;
}

.menu-title {
    padding: 12px 20px !important;
    letter-spacing: .035em;
    pointer-events: none;
    cursor: default;
    font-size: 13px;
}

.cor1, .cor2, .cor3, .cor4, .cor5 {
    width: 40px;
    height: 40px;
    float: left;
    margin: 0 15px 0 0;
}

.cor1:hover, .cor2:hover, .cor3:hover, .cor4:hover, .cor5:hover {
    border: solid 4px #939598;
}

.cor1 {
    background: #71b7ad;
}

.cor2 {
    background: #46a4ca;
}

.cor3 {
    background: #cfaf7b;
}

.cor4 {
    background: #c3abc4;
}

.cor5 {
    background: #eddbb3;
}

/*PAGINAS PRONTUÁRIO*/
.time h3 {
    font-size: 40px;
    text-align: center;
}

.time .btn-success {
    width: 100%;
    height: 45px;
    padding: 12px 0 0;
}

.topo1 h3 {
    font-weight: 300;
    font-size: 30px;
}

.topo1 p {
    font-weight: 300;
    font-size: 16px;
}

.buscar-prontuario {
    background: #efefee;
    height: 92px;
    padding: 15px 0 10px 0;
}

.buscar-prontuario .form-group {
    margin: -7px 0 0;
}

.buscar-prontuario .form-control {
    background-color: #efefee;
    border: 1px solid #cbcbcb;
}

.timeline .timeline-icon {
    background: #3eb4a8 !important;
}

.zmdi-circle {
    color: #3eb4a8 !important;
}

.panel .panel-body {
    border: solid 2px #bcbcbc !important;
    border-top: none !important;
}

.panel-body2 {
    border: solid 2px #3eb4a8 !important;
    padding: 23px;
}

.timeline-item .timeline-desk .arrow {
    border-bottom: 21px solid transparent;
    border-right: 26px solid #3eb4a8 !important;
    border-top: 21px solid transparent;
    left: -24px;
    margin-top: -20px;
}

.timeline-item.alt .timeline-desk .arrow-alt {
    border-bottom: 21px solid transparent;
    border-left: 26px solid #3eb4a8 !important;
    border-top: 21px solid transparent;
    right: -23px;
    margin-top: -20px;
}

.timeline:before {
    background-color: #b8b8b9;
    width: 2px;
}

.timeline-item.alt h4, .timeline-desk h4 {
    font-weight: 300;
    color: #3eb4a8 !important;
}

.mais p {
    font-weight: 300;
    font-size: 15px;
    color: #808285;
}

.ti-plus {
    color: #fff;
    padding: 3px;
    font-size: 18px;
    background: #808285;
}

.ti-plus:hover {
    color: #fff !important;
    background: #67696b;
}

.ti-calendar2, .ti-angle-double-right2 {
    display: block;
    margin: 11px 0 0;
}

.aviso-prontuario {
    background: #fff1e0;
    height: 92px;
    padding: 3px 0 10px 0;
    border: solid 2px #f2e8db;
    color: #fbc764;
    font-size: 19px;
    border-radius: 10px;
}

.time .btn-warning {
    width: 100%;
    height: 45px;
    padding: 12px 0 0;
}

.time .btn-warning:hover {
    color: #fff !important;
}

.laudos-prontuario {
    background: #fff1e0;
    padding: 18px 0px 8px 20px;
    border: solid 2px #f2e8db;
    color: #fbc764;
    font-size: 16px;
    border-radius: 10px;
}

.panel-default > .panel-heading {
    background: none;
    border: solid 2px #bcbcbc !important;
    /*border-bottom: none!important;*/
}

.header-title3 {
    margin: 0;
    padding: 0;
}

.header-title3 .header-title2 {
    font-size: 16px;
}

.container-prescricao {
    background: #efefef;
    padding: 10px;
    border: solid 2px #bababa;
}

.container-prescricao2 {
    margin: 10px 0 0;
    float: right;
}

.container-prescricao2 i {
    font-size: 21px;
    padding: 0 10px 0 0;
}

.doc-img {
    text-align: center;
}

.doc-img .zmdi-download {
    color: #4dd3e8;
    font-size: 40px;
}

.thumb {
    background-color: #efefef;
    border: solid 3px #cacaca;
    text-align: center;
}

#mySliderTabs li {
    background: #e5e5e5;
    font-weight: 300;
    color: #8f8f89;
}

#mySliderTabs li:hover {
    background: #fff;
}

#mySliderTabs li a:hover {
    color: #555 !important;
}

.p2 {
    text-align: justify !important;
}

li .selected {
    background: #000 !important;
}

.btn-success2 {
    background: #78a6ec !important;
}

.btn-success2:hover {
    background: #84b1f7 !important;
}

.btn-success3 {
    background: #a0a0a0 !important;
    color: #fff;
}

.btn-success3:hover {
    background: #b7b7b7 !important;
    color: #fff;
}

.btn-success4 {
    background: #fff !important;
    color: #4dd3e8 !important;
    border: solid 2px #4dd3e8 !important;
    margin: 0 28px 0;
}

.select2-highlighted {
    background: #0b9b86 !important;
}

.form-control.select2-container.select2-dropdown-open {
    border-color: #32b19f !important;
}

.btn-success4:hover {
    background: #4dd3e8 !important;
    color: #fff;
    margin: 0 28px 0;
}

.alinhamentop input {
    margin: 0 0 0 20px !important;
    width: 788px !important;
}

.select2-arrow {
    background-color: #ffffff !important;
    border-left: none !important;
}

.ui-inputfield.ui-state-focus {
    box-shadow: none !important;
}

.movimentar-dias-disponiveis button {
    /*min-width: 70px !important;*/
    min-height: 50px !important;
}

button.ui-button.ui-state-default {
    background: #ededed;
    border-color: #ededed;
    box-shadow: none !important;
    width: 100%;
    transition: all .4s;
}

button.ui-button.ui-state-default:HOVER {
    color: #fff;
    background: #4dd3e8;
    border-color: #4dd3e8;
    width: 100%;
}

.movimentar-dias-disponiveis {
    max-width: 5rem !important;
    margin: auto !important;
}

.ui-button.ui-state-default.elemento-selecionado {
    color: #fff !important;
    background: #4dd3e8;
    border-color: #4dd3e8;
    box-shadow: none !important;
    border: solid 1px #4dd3e8 !important;
    width: 100%;
}

.tem-borda {
    border: solid 1px #ebebeb;
    padding: 2rem 1rem;
}

@media screen and (min-width: 1280px) {

    .tem-borda {
        display: flex !important;
        justify-content: center !important;
        align-items: center;
    }
}

.horarios {
    display: flex !important;
    justify-content: center !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
}

.horario-livre {
    background: #afcca0;
    padding: 1rem;
    text-align: center;
    margin: 2px;
    color: #fff !important;
    font-weight: 800 !important;
    display: block;
}

.horario-livre:hover {
    background: #619c70;
    color: #fff !important;
}

.semBorda > tbody > tr > td {
    padding-right: 1em;
    border: none !important;
}

@media (max-width: 350px) {
    .semBorda > tbody > tr > td {
        padding-right: 0em;
        border: none !important;
    }
}

.w-md-100 {
    min-width: 60px;
}

.imagem-centralizada {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.ui-datepicker-current-day a {
    background: #FFAB00 !important;
}

.select2-highlighted {
    background: #4dd3e8 !important;
}

.fone-footer {
    text-align: center !important;
    margin-top: 1rem;
}

.etapas {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.etapas span.etapa {
    border: solid 2px #e0e0de;
    color: #e0e0de;
    border-radius: 50%;
    padding: .5rem 1.2rem;
    font-size: 1.1em !important;
    font-weight: 800 !important;
}

.etapas .label-etapas {
    color: #e0e0de;
    padding-top: 3rem;
    font-weight: 800 !important;
}

.etapas span.linha {
    background: #e0e0de;
    width: 28%;
    height: 2px;
}

.etapa-ativa {
    color: #7d7d7c !important;
}

.etapas .etapa-ativa {
    border: solid 2px #7d7d7c !important;
}

.etapas .etapa-ativa,
.label-etapas .etapa-ativa {
    color: #7d7d7c !important;
}

.spin {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%)
}

.small {
    color: #babab9 !important;
}

.btn-calendario-input {
    position: relative;
    display: flex;
    width: auto;
    align-items: center;
    justify-content: center;
    padding: 0 !important;

}

.btn-calendario-input .calendarioComInput {
    width: 100% !important;
}

#dataBusca_input {
    width: calc(100% - 40px) !important;
    line-height: 1.6em !important;
    padding: 5px 5px 4px 5px !important;
}

.btn-calendario-input .calendarioComInput > .ui-button.ui-widget {
    margin: -1px 0 0 0 !important;
    z-index: 2 !important;
    border: none !important;
    width: 40px !important;
    height: 39px !important;
    box-shadow: none;
    background: transparent;
}

.btn-calendario-input .ui-state-default .ui-icon,
.btn-calendario-input .ui-icon {
    background: none !important;
}

.ui-inputfield {
    box-shadow: none !important;
}

.ui-state-default {
    border: 1px solid #dddddd !important;
}

.btn-calendario-input .icone-calendario {
    display: block !important;
    position: absolute;
    top: 8px;
    right: 11px;
    bottom: auto !important;
    left: auto !important;
    font-size: 1.2em !important;
    z-index: 1 !important;
    color: #7D7D7C !important;
    margin: 0 !important;
}

span.obrig {
    color: #ea9632 !important;
    font-weight: 800 !important;
}

.btn-calendario-input .btn-calendar {
    background: #ffffff !important;
    padding: 1.2rem;
    width: 40px !important;
    height: 36px !important;
    border: solid 1px #dddddd;
    border-radius: 3px;
    z-index: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
}

.ui-calendar input,
.ui-inputfield {
    padding: 7px 5px 5px 5px !important;
    line-height: 1.6em !important;
}

.slide button {
    font-weight: 800 !important;
}

.btn-calendario-input .btn-calendar:hover {
    background: #eaeaea !important;
}

.radio tbody {
    background: transparent !important;
}

.radio tbody td {
    min-width: 11rem !important;
}

.radioSimNao > tbody > tr > td {
    min-width: 6rem !important;
}

.card ul {
    padding: 0;
}

.card .list-group-item {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: .9em;
}

.card .list-group-item span {
    font-weight: 400 !important;
    text-transform: capitalize !important;
    font-size: 1em !important;
}

.botaoLogout {
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: .8em !important;
}

.botaoLogout i {
    margin-right: 1rem !important;
}

.botaoLogout:hover {
    color: #cf3f3d !important;
}

.footer {
    border-top: 0px solid rgba(67, 89, 102, 0.1);
    bottom: 0px;
    color: #e3e7ec;
    background: #565d65;
    text-align: center !important;
    padding: 1rem;
    position: relative;
}

.footer ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer ul li {
    display: flex;
    align-items: center;
    margin: .7rem;
}

.footer ul li i {
    font-size: 1.2em;
}

.footer a.tecnoarte,
.footer a.marcamed {
    display: inline-block;
    width: auto !important;
    margin: 1rem auto !important;
}

.footer a.tecnoarte img,
.footer a.marcamed img {
    width: 150px;
}

@media screen and (min-width: 768px) {
    .footer a.marcamed {
        position: absolute;
        top: 0;
        left: 5%;
        display: block;
        margin: 0;
    }

    .footer a.tecnoarte {
        position: absolute;
        top: 0;
        right: 5%;
        display: block;
        margin: 0;
        transition: all .4s;
        opacity: .2;
    }

    .footer .tecnoarte:hover {
        opacity: 1 !important;
    }

    .modal-min,
    .modal-medium,
    .modal-max {
        width: 100% !important;
    }

    .modal .modal-medium {
        width: 90% !important;
        margin: auto;
    }

    .ui-dialog.ui-widget-content.modal-medium {
        width: auto !important;
        left: 5% !important;
        right: 5% !important;
    }

    @media screen and (min-width: 1280px) {
        .modal .modal-medium {
            width: 80% !important;
            margin: auto;
        }

        .ui-dialog.ui-widget-content.modal-medium {
            width: auto !important;
            left: 10% !important;
            right: 10% !important;
        }
    }

    @media screen and (min-width: 1400px) {
        .modal .modal-medium {
            width: 60% !important;
            margin: auto;
        }

        .ui-dialog.ui-widget-content.modal-medium {
            width: auto !important;
            left: 20% !important;
            right: 20% !important;
        }
    }

    h4.modal-title {
        font-size: 1.3em !important;
        text-transform: initial;
    }


}

.swal2-modal {
    font-family: 'Nunito Sans', sans-serif;
}

.swal2-container {
    z-index: 9999 !important;
}

.swal2-modal .swal2-styled {
    display: inline-block;
    font-size: .9em !important;
    min-width: 12rem;
    border-radius: 5px;
}

.swal2-modal .swal2-buttonswrapper {
    display: flex !important;
    flex-direction: row-reverse;
    justify-content: center;
}

.swal2-modal .swal2-title {
    font-size: 1.3em;
}

.swal2-modal .swal2-styled {
    padding: 1rem 2rem;
}