/* GERAL */
html, body {
	font-size: 16px !important;
	font-family: var(--font-family) !important;
	background-color: var(--color-bg-gray) !important;
}

body, li, p, td {
	line-height: 1.3rem !important;
}

body#auth-body {
	background-color: var(--color-primary) !important;
}

label {
	font-size: var(--font-3xs) !important;
	font-weight: var(--font-medium) !important;
	color: #767F8D !important;
	font-family: var(--font-family) !important;
}

input[type=text],
input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=url],
select,
textarea {
	outline: 2px solid transparent;
	outline-offset: 2px;
	border: 1.5px solid var(--color-silver-70) !important;
	border-radius: 8px !important;
	border-color: var(--color-silver-70) !important;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
	border-color: var(--color-primary) !important;
}

::-webkit-input-placeholder { /* Edge */
	color: #A7AAB3;
	font-size: var(--font-2xs);
	line-height: var(--line-xs);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #A7AAB3;
	font-size: var(--font-2xs);
	line-height: var(--line-xs);
}

::placeholder {
	color: #A7AAB3;
	font-size: var(--font-2xs);
	line-height: var(--line-xs);
}

/* CHOSEN SELECT */
.chosen-container a.chosen-single > span {
	margin-top: 3.5px !important;
}

.chosen-container.chosen-with-drop a.chosen-single, .chosen-container.chosen-with-drop .chosen-choices {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	border: 1.5px solid var(--color-primary) !important;
	border-radius: 8px !important;
	border-bottom: 0!important;
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.chosen-container a.chosen-single, .chosen-container .chosen-choices {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	border: 1.5px solid var(--color-silver-70) !important;
	border-radius: 8px !important;
}

.chosen-container .chosen-drop {
	border: 1.5px solid var(--color-primary) !important;
	border-top: 0 !important;
	border-bottom-right-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
}

.CheckboxSelect__Display {
	outline: 2px solid transparent !important;
	outline-offset: 2px !important;
	border: 1.5px solid var(--color-silver-70) !important;
	border-radius: 8px !important;
	margin-top: -1.7px;
}

.CheckboxSelect .CheckboxSelect__Display p {
	padding-top: 7px !important;
}

button {
	border-radius: 4px !important;
}

/* TAG A */
#headerRight a, .currentPage a {
	font-family: var(--font-light) !important;
	font-size: var(--font-3xs) !important;
}

.sf-menu>li>a {
	font-family: var(--font-family) !important;
	font-size: var(--font-xs) !important;
}

.container_24 .button.icon {
	display: flex;
	justify-content: center;
	align-items: center;
}


.outline-none {
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.button-inside {
	top: 2px !important;
	padding: 5px 3px !important;
	right: 2px !important;
	border-radius: 4px !important;
}

/* COMPONENTS VUE */
.ViComponent .ViInput__Multiselect input {
	border: 0 !important;
}


ul.chosen-results {
	max-height: 200px !important;
}

/* CONTENT */
#wrap {
	width: auto !important;
	padding: 0 47px !important;
}

#wrap.centraliza-conteudo, #wrap.wrap-calendar-count-1 {
	padding-right: 47px !important;
	margin-right: 0 !important;
}

@media screen and (min-width: 1230px) {
	#wrap {
		position: relative;
		margin: 0 auto;
	}
	#wrap:not(.centraliza-conteudo) {
		margin-right: 250px !important;
	}
}

@media print {
	.no-print {
		display: none !important;
	}
}

#frmcadastrar {
	width: 100%;
}

div#conteudoFull {
	width: 100% !important;
}

#amanha, #hoje {
	width: 45% !important;
}

.head_box {
	background: #FFFFFF !important;
	color: #303742 !important;
	padding-left: 0 !important;
	font-weight: var(--font-bold) !important;
	font-size: var(--font-sm) !important;
	line-height: var(--line-md) !important;
	width: 90%;
}

.box.white_box {
	border-radius: 16px !important;
}

/* TABS */

div:has(ul[role='tablist']) {
	border-radius: 16px !important;
}

ul[role='tablist'] {
	background: #FFFFFF !important;
	padding: 24px !important;
	display: flex !important;
	gap: 14px;
	justify-content: flex-start !important;
	align-items: center !important;
	border-top-left-radius: 16px !important;
	border-top-right-radius: 16px !important;
}

ul[role='tablist']:before {
	display: none !important;
}

ul[role='tablist'] [role='tab'] {
	width: 170px !important;
	display: flex;
	justify-content: center;
	background: #FAFAFA !important;
	border-radius: 8px;
	border-color: transparent !important;
}

ul[role='tablist'] [role='tab'] a {
	color: #BDBDBD !important;
}

ul[role='tablist'] [role='tab'].ui-tabs-active {
	background: #EFE9FD !important;
}

ul[role='tablist'] [role='tab'].ui-tabs-active a {
	color: #411E5A !important;
}

[role='tabpanel'] {
	padding: 24px !important;
}

[role='tabpanel'] > * {
	padding-left: 0 !important;
}

.Btn-effect {
	align-items: center!important;
	display: flex;
	padding: 6px 6px 5px!important;
}

.Btn-effect,
.Btn-effect--default,
.Btn-effect--default-outline {
	background-color: var(--color-primary);
	border: 1px var(--color-primary) solid;
}

.Btn-effect--default:hover,
.Btn-effect--default:active {
	background-color: #EFE9FD;
	border-color: #EFE9FD;
	color: var(--color-primary);
}

.Btn-effect--danger,
.Btn-effect--danger-outline {
	background-color: var(--color-secondary);
	border: 1px var(--color-secondary) solid;
}

.Btn-effect--danger:hover,
.Btn-effect--danger:active {
	background-color: #e14848;
	border: 1px #e14848 solid;
	color: #FFF;
}

.Btn-effect--success,
.Btn-effect--success-outline {
	background-color: #5ac2a0;
	border: 1px #5ac2a0 solid;
}

.Btn-effect--success:hover,
.Btn-effect--success:active {
	background-color: #4bbd98;
	color: #FFF;
	border: 1px #4bbd98 solid;
}

.Btn-effect--warnning,
.Btn-effect--warnning-outline {
	background-color: #D2AB7D;
	border: 1px #D2AB7D solid;
}

.Btn-effect--warnning:hover,
.Btn-effect--warnning:active {
	background-color: #d2a163;
	color: #FFF;
	border: 1px #d2a163 solid;
}

/* SIDEBAR: AGENDA */
.agenda-item {
	display: flex;
	flex-direction: column;
	padding: 2px;
	background-color: #F9F9F9 !important;
	border-radius: 4px;
	cursor: pointer;
}

.agenda-items {
	display: flex;
	flex-direction: column;
	height: 94%;
	gap: 4px;
}

.agenda-item-header {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 3px 0;
}

.agenda-item-header * {
	background-color: transparent !important;
}

.sidebar #tabela-agenda {
	background-color: transparent !important;
	height: 88% !important;
}

div#agenda-medico-lateral {
	background-color: #FFFFFF !important;
}

div#lista-qtip {
	display: none !important;
}

.agendamento-td.status-agenda {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	gap: 4px;
	width: auto;
}

.agendamento-td.status-agenda * {
	font-size: 20px !important;
}

.agenda-item-procedimento {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	font-size: var(--font-4xs);
	color: #313131 !important;
}

.descricao-agendamento {
	width: 100% !important;
	padding: 0 !important;
	color: #313131 !important;
	font-size: var(--font-2xs) !important;
	font-weight: var(--font-medium);
	font-family: 'Roboto' !important;
}

.agenda-item-hora {
	font-size: var(--font-2xs) !important;
	font-weight: var(--font-bold) !important;
	color: var(--color-primary) !important;
}

.agendamento-td {
	width: 50%;
}

.horario-td {
	width: auto !important;
	display: flex;
	align-items: center;
	gap: 4px;
}

.nenhum {
	padding: 0 !important;
}

div#sidebar-chat {
	font-size: var(--font-xs) !important;
	font-weight: var(--font-regular) !important;
	font-family: 'Roboto' !important;
}

#agenda-medico-lateral {
	padding-top: 0 !important;
}

.busquePrimeiro {
	padding-top: 3px;
	padding-left: 10px;
	color: #f46f22;
	font-family: 'Roboto-regular',sans-serif;
	font-size: 20px;
}

.iconeBusca {
	color: #411E5A!important;
	font-size: 40px!important;
}

.linkBusca {
	display: flex;
	align-items: center;
}

.caixa-busca {
	padding-top: 20px!important;
	margin: 0 auto;
	width: 400px!important;
}

#foto-boxesq img {
	border-radius: 50%;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: var(--color-primary) !important;
}

.box .sub_head_box {
	background: #FFF!important;
	font-weight: bold;
	color: var(--color-secondary) !important;
	font-family: roboto-regular,sans-serif;
	font-size: 16px;
	padding: 7px 7px 7px 27px;
}

.tabela-simples thead tr:first-child {
	background-color:  var(--color-primary) !important;
	color: #FFF;
}

table th {
	background-color:  var(--color-primary) !important;
	color: #FFF!important;
}

.tabela-relatorio.tabela-estilo-2 .header-tabela th {
	color: white!important;
}

.Modalwhitelabel {
	background-color: white!important;
}

.cell-foto-form {
	width: 15%!important;
}

#boxsupesq{
	margin-bottom:5px;
	background:#fff;
	padding: 0px;
	border-radius: 16px;
}

.horaChegada {
	font-size: 12px;
	color: #666;
}

.gridHeader {
	background-color: var(--color-primary) !important;
}