:root {
    --numeroDeCelulasHora: 24;
    --tamanhocell: 50px;
    --cor-bg-facelift : #9b39a3;
    --cor-roxo-facelift : rgb(96, 6, 96);
}

.containerPageAgenda {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

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

.testeCorAgendamento {
    background-color: red;
}

.dx-tooltip-wrapper .dx-overlay-content .dx-popup-content {
    padding: 14px;
}

.corLetraAgendametos {
    color: #000;
}

.showtime-preview > div:first-child {
    font-size: 8pt;
    white-space: normal;
}

.showtime-preview > div:not(:first-child) {
    font-size: 8pt;
    white-space: normal;
}

.movie-tooltip .movie-info {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    text-align: left;
}

.movie-tooltip img {
    height: 80px;
    margin-bottom: 10px;
}

.movie-tooltip .movie-title {
    font-size: 1.5em;
    line-height: 40px;
}

.long-title h3 {
    font-family: 'Segoe UI Light', 'Helvetica Neue Light', 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', Verdana;
    font-weight: 200;
    font-size: 28px;
    text-align: center;
    margin-bottom: 20px;
}

.desabilitadoHorario {
    background-color: #d4d6dc;
    background-image: url(../../images/svg/baseline-block-24px.svg);
    background-repeat: no-repeat;
    background-position: center;
    /* Center the image */
}

.desabilitadoHorario svg path {
    fill: dimgray;
}

.dx-scheduler-group-header-content div {
    font-size: 10pt;
}

.dx-scheduler-time-panel-cell {
    font-size: 10pt;
}

.nav-link {
    font-size: 10pt;
}

#gridPacientes .k-header {
    display: none;
}

.tdPacientes {
    font-size: 10pt;
    padding: 0.35rem;
}

.form-control {
    font-size: 10pt;
}

.dropdown-subMenu {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 175px;
}

.dropdown-subMenu li {
    position: relative;
}

.dropdown-menu2 {
    padding: 3px 5px 7px;
    font-size: 10pt;
}

.dropdown-menu2:hover ul {
    display: block;
    border-radius: 0.25rem;
    color: #000;
    cursor: pointer;
}

.itensLista {
    list-style: none;
    margin-left: 5px;
    font-size: 10pt;
    padding: 2px 3px 4px;
}

.itensLista:hover {
    background-color: #f5f5f5;
}

.dx-menu-base .dx-menu-item-content {
    padding: initial !important;
}

.item-badge {
    text-align: center;
    float: left;
    margin-right: 12px;
    color: white;
    width: 18px;
    height: 18px;
    font-size: 19.5px;
    border-radius: 18px;
    margin-top: 2px;
}

.dx-button-content {
    height: 34px !important;
}

.k-combobox {
    width: 100%;
}

.labelsAgendamento {
    font-size: 10pt;
}

.inputsAgendamento {
    font-size: 10pt;
}

.k-button {
    font-size: 10pt;
}

.dx-scheduler-cell-sizes-vertical {
    /* height: calc((100vh) / var(--numeroDeCelulasHora))!important; */
    height: var(--tamanhocell);
}

.dx-menu-item-text {
    font-size: 10pt;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content {
    margin: 5px;
}

.dataScheduler {
    background: var(--cor-bg-facelift);
    color: White;
    font-weight: 600;
}

.nameScheduler {
    padding-bottom: 5px;
}

.nameScheduler h6 {
    font-size: 10pt;
}

.divisaAgenda {
    display: flex;
    width: 100%;
    padding: 7px;
}

.containerAgendaComponente {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: 7px;
}
#containerAgendaSemUsuario{
    justify-content: center;
    align-items: center;
    height: calc(100vh - 58px);
}

.containerAgendaBotoes {
    display: flex;
    flex-direction: column;
    width: 30%;
    max-width: 300px;
    margin-left: 7px;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.marginBotoes {
    margin: 7px 0px;
}

.titulosCards {
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    font-weight: 400;
    color: #2b2b2b;
}

.botoesAcao {
    padding-left: 4px;
    padding-right: 4px;
    transition-duration: 0.4s;
}

.botoesAcao:hover {
    transform: scale(0.95);
}

.botoesAcao.secundario button {
    background-color: #cecece;
    color: #333;
}

.containerBtnAcoesAgenda {
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.btnAcoesAgenda {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    border: none;
}
.btnProcurarAgenda {
    width: 100%;
    border: 0;
    border-color: var(--blue);
    border-radius: 6px;
    background: var(--blue);
    color: #fff;
    transition: 0.5s;
    cursor: pointer;
}
.btnProcurarAgenda:hover {
    transform: scale(1.01);
    border: 0;
}
.btnProcurarAgenda:active {
    transform: translateY(2px);
    border: 0;
}
.btnProcurarAgenda:focus {
    border: 0;
    outline: unset !important;
}

.divOpcaoAgendamento {
    margin: 10px;
    cursor: pointer;
    border: 1px solid #000;
    border-radius: 6px;
    padding: 6px;
    transition: 0.5s;
    background-color: var(--cor-bg-facelift);
    border: 0;
    color: var(--white);
}
.divOpcaoAgendamento:hover {
    transform: scale(1.01);
}
#selectSetor .k-input {
    height: 25px;
}
#DivVisualizacaoAgenda span.k-input {
    padding: 0 0 0 5px;
}
.iconeAgenda{
    transform: scale(1.2) translateY(-1px) scaleX(-1);
    transition-duration: 0.4s;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e4e7eb;
    margin: 1em 0;
    padding: 0;
    width: 100%;
}
#relatorioNoShow .k-dropdown-wrap k-state-default{
    box-shadow: none!important;
}
.inputsAgendamento .k-input{
    padding: 6 10px!important;
    
}

.k-window-title {
    height: 25px;
}

.containerOpcaoEnvioConfirmacaoConsulta{
    max-width: 300px;
    display: flex;
    flex-direction: column;
    flex:1;
    margin-right: 8px;
    background-color: #fefefe;
    padding:16px;
    border-radius: 6px;
}

.containerOpcaoEnvioConfirmacaoConsulta h5{
    margin-bottom:8px;
}

.listasExplicaoFormaEnvio{
    
}
.listasExplicaoFormaEnvio li{
    font-weight: 500;
    margin-bottom:8px;
}
.shadow {
    -webkit-box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 30%);
    box-shadow: 0px 0px 2px 1px rgb(0 0 0 / 30%);
}

.textoSublinhado{
    text-decoration: underline;
    margin-bottom:8px;
}

.aviso{
    font-style: italic;
    font-size: 14px;
}

.contentInfoClinica{
    margin:0 0 8px 0;
    >label{
        margin:0 0 4px 0;
    }
}

.nav-pills .nav-link.active{
    background-color: var(--cor-bg-facelift);
}

.botoesUsuarioNaoSelecionado{
    background-color:lightgray;
    margin-left:1px;
    cursor:pointer;
}
.k-calendar .k-content .k-today .k-link{
    box-shadow: inset 0 0 0 1px var(--cor-bg-facelift);
}

.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;
}

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

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

.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow:none;
}

.btn-outline-primary:not([disabled]):not(.disabled).active, .btn-outline-primary:not([disabled]):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--cor-roxo-facelift);
    border-color:  var(--cor-roxo-facelift);
    box-shadow: none;
}
.k-calendar .k-state-selected .k-link, .k-calendar .k-weekend.k-state-selected .k-link, .k-calendar:not(.k-calendar-infinite) .k-content .k-state-selected .k-link, .k-calendar:not(.k-calendar-infinite) .k-content .k-weekend .k-state-selected .k-link, .k-drag-clue, .k-event, .k-panelbar .k-panel>.k-item>.k-link.k-state-selected, .k-treeview .k-in.k-state-selected{
    background-color: var(--cor-bg-facelift);
    border-color: var(--cor-bg-facelift);
}

.k-calendar:not(.k-calendar-infinite) .k-content .k-state-selected.k-state-hover .k-link, .k-calendar:not(.k-calendar-infinite) .k-content .k-weekend .k-state-selected.k-state-hover .k-link{
    background-color: var(--cor-bg-facelift);
    border-color: var(--cor-bg-facelift);
}

.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);
}

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: var(--cor-bg-facelift);
    outline: 0;
    box-shadow:none;
}

.k-autocomplete.k-state-focused, .k-combobox .k-state-active, .k-combobox .k-state-focused, .k-dateinput .k-state-focused, .k-datepicker .k-state-active, .k-datepicker .k-state-focused, .k-datetimepicker .k-state-active, .k-datetimepicker .k-state-focused, .k-numerictextbox .k-state-focused, .k-state-focused .k-multiselect-wrap, .k-timepicker .k-state-active, .k-timepicker .k-state-focused {
    color: #212529;
    background-color: #fff;
    border-color: var(--cor-bg-facelift);
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type="checkbox"] {
    accent-color: #9b39a3
}

.k-button.k-primary, .k-slider .k-draghandle, .k-switch-background, .k-switch-on .k-switch-handle, .km-switch-background, .km-switch-on .km-switch-handle {
    color: #fff;
    background-color: var(--cor-bg-facelift) !important;
    border-color: var(--cor-bg-facelift) !important;
}
.k-button.k-primary:hover, .k-slider .k-draghandle:hover, .k-switch-background:hover, .k-switch-on .k-switch-handle:hover, .km-switch-background:hover, .km-switch-on .km-switch-handle:hover {
    color: #fff;
    background-color: var(--cor-roxo-facelift) !important;
    border-color: var(--cor-roxo-facelift) !important;
}