body {
    overflow: hidden;
    font-family: 'Segoe UI', 'Helvetica Neue', 'Droid Sans', Arial, Tahoma, Geneva, Sans-serif !important;
}
:root {
    --cor-bg-facelift: #9b39a3;
    --cor-roxo-facelift: rgb(96, 6, 96);
}
h2 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
    font-weight: 400;
    color: #2b2b2b;
    margin: 10px 0px 10px 0px;
}

.maozinha {
    cursor: pointer;
}

.hoje-containers {
    width: 25%;
    float: left;
    height: 100%;
}

.k-calendar {
    border: none;
}

.k-calendar .k-header {
    background-color: #fff;
    border: none;
}

.k-calendar .k-header .k-link {
    color: var(--cor-bg-facelift);
}

.k-month thead tr {
    color: #045cad;
}

.k-calendar th {
    font-weight: 100;
}

#gridNotas {
    overflow-y: auto;
}

.atrasadas {
    color: #dc3545;
}

.hoje {
    color: #007bff;
}

.futuras {
    color: #868e96;
}

.k-grid-content {
    height: 100% !important;
}

#calendarioHoje {
    /*margin-top: 15px;*/
    /*Novo CSS*/
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    margin: 10px;
}

#calendarioHoje input {
    display: none;
}

#calendarioHoje button {
    display: none;
}

/*	Codigo da area de agendamentos	*/

#toggle {
    visibility: hidden;
    display: none;
}

#labelEsconder {
    margin-top: 10px;
    margin-left: 5px;
    cursor: pointer;
}

#labelEsconder::before {
    content: url('../../images/hoje-ultimospacientes.png');
}

#hoje-textos-ultimasConsultas {
    font-size: 19px;
}

#hoje-textos-ultimasConsultas::before {
    content: 'Sua agenda de ';
}

/* mudar estado de divs assim que clicar no icone de ultimos atendimentos*/

#toggle:checked ~ #labelEsconder::before {
    content: url('../../images/hoje-agendamentos.png');
}

#toggle:checked ~ #hoje-agendamentos {
    visibility: hidden;
    display: none;
}

#toggle:checked ~ #hoje-textos-ultimasConsultas::before {
    content: 'Últimos pacientes atendidos';
}

#toggle:checked ~ #hoje-dia-escolhido {
    visibility: hidden;
}

#toggle:checked ~ #hoje-ultimosPacientes {
    visibility: initial;
    display: initial;
}

/* FIM mudar estado de divs assim que clicar no icone de ultimos atendimentos*/

#hoje-dia-escolhido {
    display: inline;
}

.hoje-container-agendamentos {
    width: 95%;
    float: left;
    margin-bottom: 10px;
    padding-left: 5px;
    position: relative;
    border: 1px solid gainsboro;
    position: relative;
    margin: 15px;
    margin-bottom: 0px;
    box-shadow: 6px 6px 10px -5px #888888;
    padding: 6px;
    height: 120px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition-duration: 0.5s;
}

#borda-agendamentos {
    border: 1px solid gainsboro;
    position: absolute;
    width: 98%;
    /* height: 100%; */
    padding: 11px;
    margin-bottom: 10px;
    box-shadow: 6px 6px 10px -5px #888888;
}

.hoje-container-agendamentos:hover {
    background-color: #f5f5f55c;
    box-shadow: none;
    /* height: 100px; */
}

.hoverUltimos:hover {
    background-color: #f5f5f55c;
    box-shadow: none;
    height: 100px;
}

.aumentaDiv {
    height: 160px;
    transition: 0.5s;
}

.diminuiDiv {
    height: 67px;
    transition: 0.5s;
}

.hoje-container-img-agendamentos {
    display: -webkit-inline-box;
    display: inline-box;
    float: left;
    /* margin-right: 5; */
}

.hoje-img-agendamentos {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin-left: 13px;
    /*border-radius: 10px;*/
}

.hoje-container-links-agendamentos {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.hoje-container-links-agendamentos > div {
    display: flex;
    height: 50px;
    margin-bottom: 6px;
    flex: 1;
}

.nomePacienteAgendamento {
    color: #2f4f4f;
    font-weight: 700;
    line-height: 10px;
    margin-bottom: 10px;
}

.containerHorarioAgendamento {
    display: flex;
    /* flex-direction: column; */
    margin-right: 10px;
    /* justify-content: space-around; */
    /* align-items: center; */
    color: #696969;
    font-weight: 500;
}

.containerHorarioAgendamento > span {
    margin: 0px 3px;
}

.hoje-nome-agendamentos {
    color: #2f4f4f;
    display: block;
    font-weight: 700;
    width: 76%;
}

/*.hoje-container-agendamento:focus ~ .hoje-links-agendamentos{
		visibility: inherit;
	}*/

.hoje-links-agendamentos {
    /*display: none;*/
    /* visibility: hidden; */
}

.hoje-links-agendamentos ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}

.hoje-links-agendamentos ul li {
    /* float: left;
    padding: 3px; */
}

.hoje-links-agendamentos ul li img {
    cursor: pointer;
}

.hoje-links-agendamentos ul li img:hover {
}

.hoje-status-agendamentos {
    /*display: block;*/
}

.hoje-iniciarConsulta-agendamentos {
    text-decoration: none;
    font-size: 15px;
    background-color: var(--cor-bg-facelift);
    border-color: var(--cor-bg-facelift);
    color: #fff !important;
    padding: 0px 8px;
    border-radius: 8px;
    cursor: pointer;
    transition-duration: 0.3s;
    margin-bottom: 5px;
    height: 32px;
}

.hoje-iniciarConsulta-agendamentos:hover {
    text-decoration: none;
    transform: scale(1.05);
}

/*	FIM do codigo da area de agendamentos  */

/* codigo da area de ultimas consultas*/

#hoje-ultimosPacientes {
    visibility: hidden;
    display: none;
}

.hoje-container-ultimosPacientes {
    width: 100%;
    float: left;
    /*margin-bottom: 10px;*/
    padding-top: 5px;
    padding-left: 5px;
}

.hoje-container-ultimosPacientes:hover {
    background-color: #dcdcdc;
}

.hoje-ultimosPacientes-data {
    display: flex;
    /* align-self: center; */
    color: #2f4f4f;
    font-weight: 500;
}

.hoje-ultimosPacientes-img {
    display: -webkit-inline-box;
    display: inline-box;
    float: left;
}

.hoje-ultimosPacientes-data {
    padding-left: 5px;
}

.hoje-ultimosPacientes-data span {
    color: #696969;
    font-weight: 500;
    margin: 0px 3px;
}

.hoje-ultimosPacientes-img {
    padding-left: 5px;
}

.hoje-ultimosPacientes-img img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

.hoje-ultimosPacientes-liks {
    margin-left: 75px;
    display: inline-block;
}

.hoje-ultimosPacientes-liks span {
    color: #2f4f4f;
    font-weight: 700;
}

.hoje-ultimosPacientes-liks ul {
    list-style-type: none;
    margin: 0;
    padding: 5px;
    overflow: hidden;
    margin-bottom: 3px;
}

.hoje-ultimosPacientes-liks ul li {
    float: left;
    /*padding: 3px;*/
}

.hoje-ultimosPacientes-liks ul li img {
    cursor: pointer;
}

/* FIM codigo da area de ultimas consultas*/

/* codigo da area de notificações*/

/* FIM codigo da area de notificações*/

/* codigo da area de edição das notas*/

#windowNotificacao {
    padding: 0px;
    overflow: hidden !important;
}

.limitaTexto {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 94%;
    overflow: hidden;
}

#gridNotasPopup .k-grid-header {
    padding: 0 !important;
    display: none;
}

#windowEditNotas {
    overflow-y: hidden;
}

.content-btns-perfil {
    /*padding-left: 16px;*/
    width: 97%;
    bottom: 1px;
}

.content-btns-perfil ul {
    padding: 0;
    margin: 0px;
    list-style: none;
}

.content-btns-perfil ul li {
    display: inline;
    float: left;
    /* height: 100%;
	padding-right: 68px; */
    text-align: center;
    width: 16.6%;
}

.content-btns-perfil ul li div {
    /*margin-bottom: 11px;*/
    padding-top: 10px;
}

.content-btns-perfil ul li div p {
    margin: unset;
}

.content-btns-perfil ul li div:hover {
    background-color: rgba(204, 204, 204, 0.72);
}

/*#gridNotas div table tbody tr td{
	padding: 3px;
}
*/

/* FIM codigo da area de edição das notas*/

.k-calendar .k-link {
    padding: 0;
}

.nav-item:hover {
    background-color: #efefef;
}

.nav-item a {
    cursor: pointer;
}

/*Icone de loading do upload de arquivos*/

.spinner {
    /* margin: 100px auto; */
    width: 95px;
    height: 84px;
    /* text-align: center; */
    font-size: 5px;
    display: -webkit-inline-box;
    position: relative;
    left: 230px;
}

.spinner > div {
    background-color: var(--cor-roxo-facelift);
    height: 100%;
    width: 15px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes sk-stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

/*FIM Icone de loading do upload de arquivos*/

.divsEvento {
    border-radius: 6px;
    box-shadow: #00000066 0px 0px 2px 1px;
    margin: 4px;
    overflow: hidden;
    transition: transform 2s;
}

.divsEvento:hover {
    opacity: 0.85;
    transform: scale(0.98);
}

.linksAgendamento img {
    padding: 4px;
    width: 35px;
    height: 35px;
    transition-duration: 0.3s;
}

.linksAgendamento img:hover {
    transform: scale(1.2);
}

.linksAgendamento img:active {
    transform: scale(0.9);
}

.linksAgendamento svg {
    width: 25px;
    height: 25px;
    /* transition-duration: 0.4s; */
}

.linksAgendamento:hover svg {
    /* fill: #2196f3; */
    /* transform: scale(1.2); */
}

/*novo css repaginada tela*/

.shadow {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 30%);
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 30%);
}

#h2Notas {
    margin: 10px 10px 0 0 !important;
    background: #fff !important;
    padding: 0 0 0 5px !important;
}

#hoje-container-meio {
    width: calc(50% - 20px);
    border-left: 0;
    overflow: auto;
    overflow-y: scroll;
    margin: 10px;
    background: #fff;
    border-radius: 6px;
    height: calc(100% - 20px);
}
#hoje-container-meio::-webkit-scrollbar-track {
    border-radius: 6px;
}

#div-notificacao {
    height: 25%;
    background: #fff;
    border-radius: 10px;
    padding: 10px 0 0 0;
}

#div-notificacao h2 {
    margin: 0 0 0 10px !important;
}

#div-cursos-eventos {
    height: calc(75% - 10px);
    background: #fff;
    border-radius: 6px;
    padding: 10px;
    margin: 10px 0 0 0;
}

#div-cursos-eventos h2 {
    margin: 0 !important;
}

#div-notas {
    height: calc(100% - 264px);
    margin: 0 10px;
    border-radius: 6px;
    padding: 1px 10px 0 10px;
    background: #fff;
    position: relative;
}

.divEventos {
    height: calc(75% - 10px);
    background: #fff;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    margin: 10px 0 0 0;
}

.divEventos h2 {
    margin: 10px 10px 10px 0 !important;
    background: #fff !important;
    padding: 0 0 0 15px !important;
}

.divTituloEventos {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.divTituloEventos a {
    color: var(--cor-bg-facelift);
    margin-right: 20px;
}

.divTituloEventos a:hover {
    text-decoration: none;
}
.propaganda {
    cursor: pointer;
    transition: 1s;
}
.propaganda:hover {
    transform: scale(1.08);
}

/* ESTILIZAÇÃO DO POPUP DE NOVAS FUNÇÕES */
@keyframes translate-horizontal-right {
    0% {
        transform: translateX(-580px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
@keyframes translate-horizontal-left {
    0% {
        transform: translateX(580px);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
#novasFuncoes {
    flex-direction: column;
    display: flex;
    position: fixed;
    padding: 0px 0px 0px 80px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000009e;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

#containerNovasFuncoes {
    max-width: 850px;
    height: 560px;
    background: #fff;
    backdrop-filter: blur(1px);
    border: 2px solid #538f99;
    border-radius: 8px;
}
#containerTituloNovasFuncoes {
    position: relative;
}
#containerTituloNovasFuncoes > i {
    position: absolute;
    top: 12px;
    right: 10px;
    color: inherit;
}
#containerTituloNovasFuncoes > i:hover {
    color: inherit;
}
.tituloNovasFuncoes {
    background: #538f99;
    color: #fff;
}
.tituloNovasFuncoes > h1 {
    font-size: 32px;
    text-align: center;
    padding: 10px 0;
}
#imagemApresentacaoNovaFuncao {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 300px;
    overflow: hidden;
    transition: 0.5s;
}
.animation {
    animation: translate-horizontal-right 1s 0s ease-in-out;
}
.animationReverse {
    animation: translate-horizontal-left 1s 0s ease-in-out;
}
#containerTextoNovaFuncao {
    padding: 12px;
}
.textoNovaFuncao {
    font-size: 16px;
}
#navegacaoApresentacaoNovaFuncao {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 12px;
}
#navegacaoApresentacaoNovaFuncao > i {
    user-select: none;
}
.buy {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    border-radius: 20px;
    width: 97%;
    justify-content: center;
    background-color: #5d9cec;
    color: #f8f9fa;
    border: none;
    height: 30px;
    align-items: center;
    cursor: pointer;
    line-height: 30px;
    font-weight: 600;
    transition-duration: 0.4s;
}
.buy:hover {
    background: #4f86cf !important;
    transform: scale(1.05);
}

/* FIM ESTILIZAÇÃO DO POPUP DE NOVAS FUNÇÕES */

.novosIconesFaceliftLi {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 2px 2px 2px;
    border-radius: 12px;
    box-sizing: border-box;
    margin-right: 8px;
    position: relative;
}

.nav-link.active {
    background-color: var(--cor-bg-facelift) !important;
}
.nav-item a {
    color: var(--cor-roxo-facelift);
}

#notasBtn {
    width: calc(100%);
    border: 0;
    border-radius: 0 0 6px 6px;
    margin: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: var(--cor-bg-facelift);
    color: #fff;
}

.k-calendar .k-content .k-today .k-link {
    box-shadow: inset 0 0 0 1px var(--cor-bg-facelift);
}

@media (max-width: 1366px) {
    .paiEventos {
        width: 295px;
    }
    .buy {
        width: 291px;
    }
    .divPaiticket {
        height: 530px;
    }
    .imagemPatrocinado {
        width: 292px;
        height: 340px;
    }
    .--flex-column {
        padding-bottom: 10px;
    }
}

.btn-primary {
    background-color: var(--cor-bg-facelift);
    border-color: var(--cor-bg-facelift);
}

.btn-primary:hover {
    background-color: var(--cor-bg-facelift);
    border-color: var(--cor-bg-facelift);
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
    background-color: var(--cor-bg-facelift);
    border-color: var(--cor-bg-facelift);
}
.btn-primary.focus,
.btn-primary:focus {
    box-shadow: none;
}
.btn-primary:not([disabled]):not(.disabled).active:focus,
.btn-primary:not([disabled]):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}
input[type='checkbox'] {
    accent-color: #9b39a3;
}
.k-grid tr.k-state-selected,
.k-grid th.k-state-selected,
.k-grid td.k-state-selected {
    border-color: inherit;
    color: inherit;
    background-color: rgba(174, 0, 255, 0.25);
}

.k-list .k-item.k-state-selected,
.k-list-container .k-button.k-state-active,
.k-list-container .k-button:active,
.k-menu-group .k-item.k-state-selected,
.k-menu.k-context-menu .k-item.k-state-selected,
.k-spreadsheet-popup .k-button.k-state-active,
.k-spreadsheet-popup .k-button.k-state-selected,
.k-spreadsheet-popup .k-button:active {
    color: #fff;
    background-color: var(--cor-bg-facelift);
}
.k-calendar .k-content .k-state-selected.k-state-focused .k-link {
    box-shadow: inset 0 0 0 2px #9b39a380;
}
.notas .stars {
    display: flex;
    justify-content: center;
    gap: 25px;
}
.stars i {
    color: #e6e6e6;
    font-size: 35px;
    cursor: pointer;
    transition: color 0.2s ease;
}
.stars i.active {
    color: #ff9c1a;
}
#popup_clientesNotas {
    overflow: hidden;
}