@font-face {
    font-family: password;
    src: url(../../font/password.ttf);
}

html,
body {
    padding: 0;
    margin: 0;
    /* font-family: "Segoe UI",Arial,sans-serif; */
    font-size: 16px;
    /* color: var(--cx-body-color); */
    word-break: break-word;
    scroll-behavior: smooth;
    /* overflow-x: hidden; */
}

:root {
    --header-height: 52px;
}

/* Ajustes de estilog para todos os modais */
div.modal div.modal-dialog div.modal-content {
    border: 0;
}

div.modal div.modal-dialog div.modal-content div.modal-footer {
    border-top: 0;
    padding-top: 0.3rem;
}

.accordion-button:focus {
    box-shadow: none;
}

.cx-text-shadow {
    text-shadow: 0 2px 1px rgba(var(--cx-black-rgb), 0.65);
}

svg.cx-text-shadow {
    filter: drop-shadow(0px 2px 1px rgba(var(--cx-black-rgb), 0.2));
}


a.btn-outline-warning {
    color: var(--cx-warning) !important;
}

a.btn-outline-warning:hover {
    color: var(--cx-white) !important;
}

.ns {
    text-transform: uppercase;
}

.cx-hoverIcon {
    display: none;
}

.cx-parentHoverIcon:hover .cx-hoverIcon {
    display: block;
}

.cx-parentHover:hover .cx-hoverFlex {
    display: flex !important;
}

.btn.btn-outline-whatsapp {
    border-color: var(--cx-whatsapp);
    color: var(--cx-whatsapp) !important;
    text-transform: uppercase;
}

.btn.btn-whatsapp {
    background-color: var(--cx-whatsapp) !important;
    border-color: var(--cx-whatsapp);
    color: var(--cx-white) !important;
    text-transform: uppercase;
}

.btn.btn-whatsapp:hover,
.btn.btn-outline-whatsapp:hover {
    background-color: var(--cx-success-text-emphasis) !important;
    border-color: var(--cx-success-text-emphasis);
    color: var(--cx-white) !important;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
}

.rowFix {
    width: calc(100% + .5rem) !important;
}

#PasswordInfoList {
    padding: 0;
    list-style-type: none;
}

.PasswordInfoListItem {
    position: relative;
    padding-left: 25px;
}

.PasswordInfoListItem:before {
    content: "✖";
    position: absolute;
    left: 0;
    top: 0;
    color: inherit;
}

.PasswordInfoListItem.text-success:before {
    content: "✔" !important;
}

#RequestBaseStep2 #ConfirmSenha.border-danger,
#RequestBaseStep2 #ConfirmSenha.border-success {

    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 10px center;
}

#RequestBaseStep2 #ConfirmSenha.border-danger {
    background-image: url(../../imgs/close-16-r.svg);
}

#RequestBaseStep2 #ConfirmSenha.border-success {
    background-image: url(../../imgs/ok-16-v.svg);
}

.max-480 {
    width: 100%;
    max-width: 480px;
}

/* .FixScroll { overflow: hidden; margin-right: 17px; } */

.ReadOnly:not(.StartScreen) input:not(.SearchInput):not(#ScheduleTitle),
.ReadOnly textarea,
.ReadOnly .PhotoContainer,
.ReadOnly .PhotoPreview {
    pointer-events: none !important;
    cursor: auto !important;
}

/* a,a:hover,a:visited {color:var(--cx-primary);text-decoration: none;} */
a,
a:hover,
a:visited {
    text-decoration: none;
}

*[data-route] {
    cursor: pointer;
}

.is-warning {
    border-color: var(--cx-warning);
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF9900'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF9900' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.is-pending {
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23CBCFDA'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23CBCFDA' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

html,
body,
body *,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

h1,
h2,
h3 {
    margin: 0;
    font-weight: normal;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 16px;
}

#ChangeLog h1 {
    font-size: 1.75rem !important;
}

textarea {
    font-size: 16px;
}

.gender_0:visible~.gender_1 {
    display: none !important;
}

.fw-500 {
    font-weight: 500 !important;
}

/* TEMPLATE */

#Header {
    z-index: 490;
    padding: 0;
    box-shadow: 0 2px 6px rgba(var(--cx-black-rgb), 0.1);
    position: static;
}

.FixedPatientBlock #Header {
    box-shadow: none;
    position: static;
}


#Logo {
    margin-top: 6px;
    display: inline-block;
}

.HeaderHeight {
    height: calc(var(--header-height) * 2);
}

#MainContainer {
    padding-top: calc(var(--header-height) * 2);
    min-height: 99.9dvh;
}


#IconsHeader {
    margin-right: 10px;
    float: left;
    text-align: left;
}

.HeaderIcon {
    height: 40px;
    float: left;
    width: 40px;
    z-index: 1;
    cursor: pointer;
}

#UserHeader {
    padding: 0;
    background-image: url(../../imgs/down-24-m.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
    cursor: pointer;
    max-width: 170px;
}

#UserHeader .OwnerName {
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 160px;
}

#ErrorContainer {
    position: fixed;
    opacity: 0;
    z-index: -100;
    transition: transform .5s ease;
    transform: translateY(-600px);
}

.ShowError #ErrorContainer {
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    padding: 20px;
    height: 100px;
    font-size: 21px;

    z-index: 9999999;
    width: 100%;
    left: 0;
    right: 0;
    color: var(--cx-white);
    text-align: center;
    background-color: var(--cx-danger);
}

.Wrapper400 {
    max-width: 400px;
}


body.FixJump {
    overflow: hidden;
    height: 100%;
    width: 100%;
    max-height: 99.9vh;
    position: relative;
    position: fixed;
}

/* body.OpenOverlay { overflow: hidden;height: 100%; width: 100%; max-height: 99.9vh; position: relative; position: fixed;} */

.OpenOverlay .Overlay {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: rgba(var(--cx-black-rgb), 0.5);
    z-index: 500;
}

.Modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.9vh;
    padding: 10vh 0;
    z-index: 600;
}

.ModalTermBody {
    overflow: auto;
    max-height: 50vh;
}

.AgreeBlocked {
    pointer-events: none;
    cursor: auto;
    opacity: 0.4;
}

.Ellipsed {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#LateralMenu {
    width: 100%;

    left: 0;
    top: var(--header-height);

    height: 95vh;
    height: calc(100vh - var(--header-height));
    transform: translateX(-101%);
    overflow-y: auto;
    transition: transform .5s ease;
    padding-right: 20px;
    z-index: 0;

}

#LateralMenu>ul.nav {
    scrollbar-color: rgba(var(--bs-primary-rgb), .55) var(--bs-secondary-bg);
}

#LateralMenu>ul.nav::-webkit-scrollbar-track {
    background: var(--bs-secondary-bg);
    border-radius: var(--bs-border-radius-pill);
}

#LateralMenu>ul.nav::-webkit-scrollbar-thumb {
    background-color: rgba(var(--bs-primary-rgb), .5);
    border: 2px solid var(--bs-secondary-bg);
    border-radius: var(--bs-border-radius-pill);
}

#LateralMenu>ul.nav::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--bs-primary-rgb), .75);
}

.LateralMenuOpened #Header {
    position: fixed;
}

.LateralMenuOpened {
    overflow-y: hidden;
}

.HiAppEmbed.LateralMenuOpened {
    overflow-y: auto;
}

.LateralMenuHeader {
    transform: translateX(50px);
    padding: 15px 10px;
}

.LateralMenuHeader .Icon {
    transform: rotate(180deg);
}

.LateralMenuSpacer {
    width: calc(100% - 20px);
    height: 1px;
    margin: 5px auto;
    margin-left: 10px;
    display: block;
    border-top: 1px solid var(--cx-blue-mediumdark);
    float: left;
    pointer-events: none;
}

#LateralMenu .nav-link:not(.bg-gold),
#PatientsLetterList .nav-link {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background-color: transparent !important;
    transition: color .28s ease, transform .16s ease;
}

#LateralMenu .nav-link>*,
#PatientsLetterList .nav-link>* {
    position: relative;
    z-index: 1;
}

#LateralMenu .nav-link.active:hover {
    background: var(--cx-primary-bg-subtle) !important;
}

#LateralMenu .nav-link::before,
#PatientsLetterList .nav-link::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: var(--cx-primary-bg-subtle);
    clip-path: circle(0 at 12% 50%);
    opacity: 0;
    transition: clip-path .45s ease, opacity .3s ease, background-color .25s ease;
    pointer-events: none;
}

#LateralMenu .nav-link::after,
#PatientsLetterList .nav-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    background: linear-gradient(90deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, 0) 45%);
    opacity: 0;
    transition: opacity .18s ease;
    pointer-events: none;
}

/* No PatientsLetterList o texto fica direto no .nav-link (sem wrapper),
   então os pseudo-elementos precisam ficar atrás para não "apagar" as letras. */
#PatientsLetterList .nav-link {
    z-index: 0;
}

#PatientsLetterList .nav-link::before,
#PatientsLetterList .nav-link::after {
    z-index: -1;
}

#LateralMenu .nav-link:hover,
#LateralMenu .nav-link.active[aria-expanded="true"],
#PatientsLetterList .nav-link:hover {
    /* color: var(--cx-primary-text-emphasis) !important;*/
}

#LateralMenu .nav-link:not(.active):hover::before,
#LateralMenu .nav-link.active[aria-expanded="true"]::before,
#PatientsLetterList .nav-link:hover::before {
    background: var(--cx-secondary-bg);
    clip-path: circle(160% at 12% 50%);
    opacity: 1;
}

/* Selecionado (seu %Selected% deve injetar algo tipo 'active') */
#LateralMenu .nav-link.active:not([aria-expanded="true"]),
#PatientsLetterList .nav-link.active {
    color: var(--cx-primary-text-emphasis) !important;
}


#LateralMenu .nav-link.active::before,
#PatientsLetterList .nav-link.active::before {
    clip-path: circle(160% at 12% 50%);
    opacity: 1;
}

#LateralMenu .nav-link:active,
#PatientsLetterList .nav-link:active {
    transform: scale(.992);
}

#LateralMenu .nav-link:active::before,
#PatientsLetterList .nav-link:active::before {
    clip-path: circle(160% at 50% 50%);
}

#LateralMenu .nav-link:active::after,
#PatientsLetterList .nav-link:active::after {
    opacity: 1;
}

/* Submenu levemente indentado como na imagem */
.collapse>ul {
    padding-left: 42px;
    /* aproxima o alinhamento sob o texto do item pai */
}

/* Caret gira quando expandido */
.menu-caret {
    transition: transform .18s ease-in-out;
    opacity: .75;
}

a[aria-expanded="true"] .menu-caret {
    transform: rotate(180deg);
}

.AddExtensionIcon>div {
    width: 48px;
    height: 48px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 32px;
}

.Icon16Right {
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 30px;
}

.Icon24Right {
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-right: 40px;
}

.Icon24Left {
    background-position: left 10px center;
    background-repeat: no-repeat;
    background-size: 24px;
    padding-right: 40px;
}

.ErrorMessage,
.SuccessMessage {
    display: none;
}

.LateralMenuOpened #LateralMenu {
    transform: translateX(0);
    padding-right: 0px;
    z-index: 490;
}

.LateralMenuOpened .LateralMenuHeader {
    transform: translateX(0);
    padding: 10px;
    padding-bottom: 5px;
}

.LateralMenuOpened .LateralMenuHeader .Icon {
    transform: rotate(0);

}

/* .LateralMenuOpened #LateralMenu ~ #ContentContainer {
	padding-left: 30px;
}

#LateralMenu ~ #ContentContainer {
	padding-left: 30px;
} */

#LateralMenu~#ContentContainer .ContentTitle {
    padding-top: 10px;
    padding-left: 30px;
}

.LateralPanel {
    position: fixed;
    top: 0;
    width: 100%;
    max-width: 720px;
    height: 100vh;
    right: 0;
    z-index: 1050;
    transform: translateX(110%);
    -webkit-overflow-scrolling: touch;
    transition: transform .2s linear;
    overflow-y: auto;
    padding-bottom: 260px;
    overflow-x: hidden;
}

.LateralPanel.is-open {
    transform: translateX(0);
}

#MainContainer .ContentTitle { margin-top: 0;}

.FakeInputContainer {
    height: 55px;
    padding: 6px 0;
}

.InputContainer .FullLabel {
    display: block;
    min-height: 16px;
}

button {
    border: 0;
}

.InputContainer input[type="text"],
input[type="number"],
.InputContainer input[type="email"],
.InputContainer input[type="password"],
.InputContainer input[type="search"],
.InputContainer select,
.InputContainer textarea {
    width: 100%;
    /* INFO: não tira mais os estilos de focus do bootstrap */
    /* outline: none; */
    /* -moz-appearance: none; */
    /* -webkit-appearance: none; */
    /* appearance: none; */
    /* box-shadow:none; */
}

/* INFO: adiciona o estilo de focus do bootstrap ao ckeditor */
.cke_textarea_inline.cke_editable.cke_editable_inline.cke_contents_ltr.cke_focus:focus {
    /* color: var(--cx-body-color); */
    /* background-color: var(--cx-white); */
    border-color: var(--cx-primary-border-subtle);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(var(--cx-primary-rgb), .25);
}

select {
    /* -webkit-appearance: menulist !important; */
    -moz-appearance: none;
    -o-appearance: none;
    -webkit-appearance: none !important;
    /* appearance: menulist !important; */
    background-color: var(--cx-white);
}

select::-ms-expand {
    display: none;
}

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="search"],
select,
.selectric-wrapper,
textarea,
.PersonalDataTextArea~.cke_editable_inline,
.FakeCheck,
.Button {
    border-radius: .25rem;
    box-shadow: none;
}

.InputContainer textarea {
    resize: none;
    min-height: 100px;
}

.SelectContainer {
    position: relative;
}

.SelectContainer select {
    padding-right: 24px;
}

.SelectContainer:before {
    content: " ";
    position: absolute;
    bottom: 7px;
    right: 6px;
    border-radius: .25rem;
    background-image: url(../../imgs/down-24-m.svg);
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 20px;
    display: block;
    background-color: var(--cx-white);
    z-index: 5;
    pointer-events: none;
}

#ui-datepicker-div {
    z-index: 2801 !important;
}

input[type="date"],
input[type="time"] {
    background-image: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    transform: translate(8px, 2px);
    background: url('data: image/svg+xml;base64,PHN2ZyBmaWxsPScjOUZBNUI4JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSJNMTUsMmgtMlYxYzAtMC41NS0wLjQ1LTEtMS0xcy0xLDAuNDUtMSwxdjFINVYxYzAtMC41NS0wLjQ1LTEtMS0xUzMsMC40NSwzLDF2MUgxQzAuNDUsMiwwLDIuNDUsMCwzdjEyYzAsMC41NSwwLjQ1LDEsMSwxIGgxNGMwLjU1LDAsMS0wLjQ1LDEtMVYzQzE2LDIuNDUsMTUuNTUsMiwxNSwyeiBNMTQsMTRIMlY3aDEyVjE0eiBNMTQsNkgyVjRoMTJWNnogTTQsOGgydjJoLTJ6IE03LDhoMnYyaC0yeiBNMTAsOGgydjJoLTJ6IE00LDExaDJ2MmgtMnogTTcsMTFoMnYyaC0yeiBNMTAsMTFoMnYyaC0yeiIvPjwvc3ZnPg0K') no-repeat;
}

.was-validated input[type="date"]:invalid::-webkit-calendar-picker-indicator {
    background: url('data: image/svg+xml;base64,PHN2ZyBmaWxsPScjZTc0YzNjJyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSJNMTUsMmgtMlYxYzAtMC41NS0wLjQ1LTEtMS0xcy0xLDAuNDUtMSwxdjFINVYxYzAtMC41NS0wLjQ1LTEtMS0xUzMsMC40NSwzLDF2MUgxQzAuNDUsMiwwLDIuNDUsMCwzdjEyYzAsMC41NSwwLjQ1LDEsMSwxIGgxNGMwLjU1LDAsMS0wLjQ1LDEtMVYzQzE2LDIuNDUsMTUuNTUsMiwxNSwyeiBNMTQsMTRIMlY3aDEyVjE0eiBNMTQsNkgyVjRoMTJWNnogTTQsOGgydjJoLTJ6IE03LDhoMnYyaC0yeiBNMTAsOGgydjJoLTJ6IE00LDExaDJ2MmgtMnogTTcsMTFoMnYyaC0yeiBNMTAsMTFoMnYyaC0yeiIvPjwvc3ZnPg0K') no-repeat;
}

.was-validated input[type="date"]:not(:invalid)::-webkit-calendar-picker-indicator {
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMWFiYzljJyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSJNMTUsMmgtMlYxYzAtMC41NS0wLjQ1LTEtMS0xcy0xLDAuNDUtMSwxdjFINVYxYzAtMC41NS0wLjQ1LTEtMS0xUzMsMC40NSwzLDF2MUgxQzAuNDUsMiwwLDIuNDUsMCwzdjEyYzAsMC41NSwwLjQ1LDEsMSwxIGgxNGMwLjU1LDAsMS0wLjQ1LDEtMVYzQzE2LDIuNDUsMTUuNTUsMiwxNSwyeiBNMTQsMTRIMlY3aDEyVjE0eiBNMTQsNkgyVjRoMTJWNnogTTQsOGgydjJoLTJ6IE03LDhoMnYyaC0yeiBNMTAsOGgydjJoLTJ6IE00LDExaDJ2MmgtMnogTTcsMTFoMnYyaC0yeiBNMTAsMTFoMnYyaC0yeiIvPjwvc3ZnPg==') no-repeat;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    transform: translate(8px, 2px);
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPScjOUZBNUI4JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTAgMTQuNUE2LjUgNi41IDAgMSAxIDggMS41YTYuNSA2LjUgMCAwIDEgMCAxM1ptLjc1LTEwaC0xLjV2NC4xbDMuMTUgMi4xLjgzLTEuMjUtMi40OC0xLjY1VjQuNVonLz48L3N2Zz4=') no-repeat;
}

.was-validated input[type="time"]:invalid::-webkit-calendar-picker-indicator {
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPScjZTc0YzNjJyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTAgMTQuNUE2LjUgNi41IDAgMSAxIDggMS41YTYuNSA2LjUgMCAwIDEgMCAxM1ptLjc1LTEwaC0xLjV2NC4xbDMuMTUgMi4xLjgzLTEuMjUtMi40OC0xLjY1VjQuNVonLz48L3N2Zz4=') no-repeat;
}

.was-validated input[type="time"]:not(:invalid)::-webkit-calendar-picker-indicator {
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMWFiYzljJyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTAgMTQuNUE2LjUgNi41IDAgMSAxIDggMS41YTYuNSA2LjUgMCAwIDEgMCAxM1ptLjc1LTEwaC0xLjV2NC4xbDMuMTUgMi4xLjgzLTEuMjUtMi40OC0xLjY1VjQuNVonLz48L3N2Zz4=') no-repeat;
}

input[type="date"][readonly],
input[type="date"][disabled],
input[type="time"][readonly],
input[type="time"][disabled] {
    position: relative;
    padding-right: 32px;
}

input[type="date"][readonly]::-webkit-calendar-picker-indicator,
input[type="date"][disabled]::-webkit-calendar-picker-indicator,
input[type="time"][readonly]::-webkit-calendar-picker-indicator,
input[type="time"][disabled]::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"][readonly]::after,
input[type="date"][disabled]::after {
    content: " ";
    background: url('data: image/svg+xml;base64,PHN2ZyBmaWxsPScjOUZBNUI4JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSJNMTUsMmgtMlYxYzAtMC41NS0wLjQ1LTEtMS0xcy0xLDAuNDUtMSwxdjFINVYxYzAtMC41NS0wLjQ1LTEtMS0xUzMsMC40NSwzLDF2MUgxQzAuNDUsMiwwLDIuNDUsMCwzdjEyYzAsMC41NSwwLjQ1LDEsMSwxIGgxNGMwLjU1LDAsMS0wLjQ1LDEtMVYzQzE2LDIuNDUsMTUuNTUsMiwxNSwyeiBNMTQsMTRIMlY3aDEyVjE0eiBNMTQsNkgyVjRoMTJWNnogTTQsOGgydjJoLTJ6IE03LDhoMnYyaC0yeiBNMTAsOGgydjJoLTJ6IE00LDExaDJ2MmgtMnogTTcsMTFoMnYyaC0yeiBNMTAsMTFoMnYyaC0yeiIvPjwvc3ZnPg0K') no-repeat;
    position: absolute;
    height: 24px;
    width: 24px;
    top: 10px;
    right: 0;
    opacity: 0.5;
    pointer-events: none;
}

input[type="time"][readonly]::after,
input[type="time"][disabled]::after {
    content: " ";
    background: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPScjOUZBNUI4JyBoZWlnaHQ9JzE2JyB2aWV3Qm94PScwIDAgMTYgMTYnIHdpZHRoPScxNicgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOCAwYTggOCAwIDEgMCAwIDE2QTggOCAwIDAgMCA4IDBabTAgMTQuNUE2LjUgNi41IDAgMSAxIDggMS41YTYuNSA2LjUgMCAwIDEgMCAxM1ptLjc1LTEwaC0xLjV2NC4xbDMuMTUgMi4xLjgzLTEuMjUtMi40OC0xLjY1VjQuNVonLz48L3N2Zz4=') no-repeat;
    position: absolute;
    height: 24px;
    width: 24px;
    top: 10px;
    right: 0;
    opacity: 0.5;
    pointer-events: none;
}




#PageHeight:read-only,
#PageWidth:read-only {
    background-color: var(--cx-tertiary-bg);
    color: var(--cx-gray-mediumdark);
}

.PatientSearchImage {
    width: 40px;
    height: 40px;

    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 10px;
}

.PatientSearchInfo {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 60px);
}

.PatientSearchName {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.PatientSearchBirthDate {
    color: var(--cx-body-color);
}

.PatientSearchBirthDate span {
    color: var(--cx-gray-mediumdark);
}

.ContentWrapper,
.ShowSchedule .Modal .ContentWrapper {
    /* max-width: 1200px; */
    width: 100%;
    margin: 0 auto;
}



.Default .ContentWrapper.Loading {
    position: relative;
    overflow: hidden;
    min-height: 75vh;
    background-size: 0 !important;
    background-image: none !important;
}

.Default .ContentWrapper.Loading:empty {
    min-height: 75vh;
}

.ContentWrapper.Loading::before {
    content: "";
    position: absolute;
    inset: 24px 0 24px 0;
    background-repeat: no-repeat;
    background-image: linear-gradient(var(--cx-secondary-bg), var(--cx-secondary-bg)), linear-gradient(var(--cx-border-color), var(--cx-border-color));
    background-size: 32% 24px, 96% calc(100dvh - 200px);
    background-position: 24px 0, 24px 42px;
    /* background-image:
        linear-gradient(var(--cx-secondary-bg), var(--cx-secondary-bg)),
        linear-gradient(var(--cx-border-color), var(--cx-border-color)),
        linear-gradient(var(--cx-border-color), var(--cx-border-color)),
        linear-gradient(var(--cx-border-color), var(--cx-border-color)),
        linear-gradient(var(--cx-border-color), var(--cx-border-color)),
        linear-gradient(var(--cx-border-color), var(--cx-border-color));
    background-size:
        32% 24px,
        calc(100% - 48px) 12px,
        calc(100% - 96px) 12px,
        calc(100% - 64px) 12px,
        calc(100% - 128px) 12px,
        calc(100% - 160px) 12px;
    background-position:
        24px 0,
        24px 44px,
        24px 66px,
        24px 88px,
        24px 110px,
        24px 132px; */
}

.ContentWrapper.Loading::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(var(--cx-body-bg-rgb, 255, 255, 255), 0) 0%, rgba(var(--cx-body-bg-rgb, 255, 255, 255), .55) 50%, rgba(var(--cx-body-bg-rgb, 255, 255, 255), 0) 100%);
    transform: translateX(-100%);
    animation: contentWrapperSkeletonShimmer 1.2s ease-in-out infinite;
    pointer-events: none;
}

@keyframes contentWrapperSkeletonShimmer {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(100%);
    }
}

.FullWrapper .ContentWrapper {
    max-width: 4000px;
}

/* .FormsContainer { max-width: 940px; } */

.FlexContainer {
    height: 60vh;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.FlexWrapper {
    width: auto;
}


.PhotoContainer {
    /* width: 135px;
    height: 135px; */
    /* margin-right: 10px;
    padding: 5px; */
    width: 124px;
    height: 124px;
    border-radius: 0.25rem;
    border: 1px solid var(--cx-gray-medium);
    cursor: pointer;
}

.PhotoContainerSmall {
    width: 48px;
    min-width: 48px;
    height: 48px;
    border: 1px solid var(--cx-gray-medium);
}

.PatientSection {
    min-height: 40px;
}

.PatientSection .PhotoContainer {
    height: 48px;
    margin-right: 0;
    min-width: 48px;
    width: 48px;
}

.ShowMarketing .ui-datepicker-year {
    display: none !important;
}

.ShowMarketing .ui-datepicker-month {
    text-align: center !important;
}

.MarketingTPL {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.MarketingTPLThumb {
    min-height: 128px;
    width: 128px;
    padding-top: 138px;
    background-position: top center;
    background-size: 128px;
}

.MarketingTPLChangeHover {
    height: 100%;
    width: 100%;
    transition: all .2s ease;
    transform: translateY(100%);
}

.CampaignTPL:hover .MarketingTPLChangeHover,
.ShowMarketingTPLChange .MarketingTPLChange {
    transform: translateY(0);
}

.MarketingTPLItem {
    border: 2px solid var(--cx-gray-200) !important;
}

.MarketingTPLItem.MarketingTPLSelected {
    border: 2px solid var(--cx-success) !important;
    padding-left: 36px !important;
}

.MarketingTPLSelected::before {
    content: "✔" !important;
    color: var(--cx-white);
    background-color: var(--cx-success);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    text-align: center;
    border-radius: 50%;
    top: 5px;
    left: 5px;
}

/* .CampaignTPLFreeText { padding-top: .375rem; }
.CampaignTPLFreeText:focus { padding-top: 3rem !important; } */
.CampaignTPLFreeToolBar {
    /* display: none !important;  */
    width: calc(100% - 2px);
    left: 1px;
    top: 1px;
    right: 1px;
    border-radius: .25rem .25rem 0 0;
}

/* .CampaignTPLFreeText:focus ~ .CampaignTPLFreeToolBar { display: flex !important; } */


input[type=file] {
    display: none;
}

.PatientName {
    font-size: clamp(1.25rem, 2vw, 2rem);
    line-height: 1;
    margin-bottom: 3px;
}

.PatientInfoItem {
    display: inline-block;
    min-width: 40%;
}

.PatientInfoItem span {
    margin-right: 5px;
    color: var(--cx-gray-mediumdark);
}

#MedicalDataList {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 50px;
    /* float: left; */
    width: 100%;
}

.PatientMedicalData .Icon.ToggleMedicalData {
    pointer-events: none;
}

.PatientMedicalDataTitle {
    /* color: var(--cx-primary); */
    /* font-size: 22px; */
    /* font-size: 20px;
    padding: 10px; */
    height: 48px;
    /* background-color: var(--cx-white); */
}

.OpenedMedicalDataList .PatientMedicalDataTitle {
    border-bottom: 1px solid var(--cx-border-color);
}

.PatientMedicalDataTextPlaceholder {
    min-height: 300px;
}

.MedicalDataSkeletonPlaceholder {
    width: 100%;
    height: 46%;
    min-height: 46px;
    display: block;
    box-sizing: border-box;
    padding: 10px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(var(--cx-secondary-rgb), 0.18) 25%, rgba(var(--cx-secondary-rgb), 0.32) 50%, rgba(var(--cx-secondary-rgb), 0.18) 75%);
    background-clip: content-box;
    background-size: 200% 100%;
    animation: MedicalDataSkeletonPulse 1.4s ease-in-out infinite;
}

.PatientMedicalDataText.Loading {
    overflow: hidden;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: initial !important;
    background-size: auto !important;
}

.Default .PatientMedicalDataText.Loading {
    opacity: 1 !important;
    background-image: none !important;
}

.PatientMedicalDataText.Loading > *:not(.MedicalDataSkeletonPlaceholder) {
    opacity: 0;
}

.PatientMedicalDataText.Loading .MedicalDataSkeletonPlaceholder {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

@keyframes MedicalDataSkeletonPulse {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.PatientMedicalDataTextOwner {
    width: 100%;
    text-align: right;
    font-size: 12px;
}

.PatientMedicalDataTextRemove,
.PatientMedicalDataTextEdit,
.PatientMedicalDataTextEditMiniPACS,
.PatientMedicalDataTextEditForm,
.PrintMedForm,
.PatientMedicalDataTextShare,
.PatientMedicalDataTextPrint,
.PatientMedicalDataTextHistory,
.PatientMedicalDataTextRepeat,
.PatientMedicalDataTextDuplicated {
    float: right;
    display: block;
    /* clear: right; */
    cursor: pointer;
    /* margin-top: -14px; */
}

.PatientMedicalDataTextBlock {
    /* float: right; */
    display: block;
}


.PatientMedicalDataText:hover .PatientMedicalDataTextRemove,
.PatientMedicalDataText:not(.EditingExtensionBlock):hover .PatientMedicalDataTextEdit,
.PatientMedicalDataText:not(.EditingExtensionBlock):hover .PatientMedicalDataTextEditMiniPACS,
.PatientMedicalDataText:hover .PatientMedicalDataTextEditForm,
.PatientMedicalDataText:hover .PrintMedForm,
.PatientMedicalDataText:hover .PatientMedicalDataTextShare,
.PatientMedicalDataText:hover .PatientMedicalDataTextPrint,
.PatientMedicalDataText:hover .PatientMedicalDataTextDigitalSignature,
.PatientMedicalDataText:hover .PatientMedicalDataTextHistory,
.PatientMedicalDataText:hover .PatientMedicalDataTextRepeat,
.PatientMedicalDataText:hover .PatientMedicalDataTextBlock,
.PatientMedicalDataTextShare.Shared,
.PatientMedicalDataTextDigitalSignature.Signed {
    display: block !important;
}


/* .SignerElementAvailable { pointer-events: none; color: #9fa5b8; } */

/* .SignerElementAvailable.SignerElementActive { pointer-events: auto; color: #333; } */

/* .SignerElementAvailable:not(.SignerElementActive) ~ .SignerElementNotAvailable { display: block !important; } */

.OpenedSharePanel #SharePanel {
    transform: translateX(0);
}

#SharePanel .Padding20 {
    padding: 20px 10px;
}

.PatientMedicalDataItens {
    padding: 0;
    list-style-type: none;
    /* min-height: 100px; */
}

.PatientMedicalDataItens.Loading {
    min-height: 100px;
    background-color: var(--cx-white);
}

.PatientMedicalData {
    margin-bottom: 3px;
    /* float: left; */
    width: 100%;
}

.AppointmentStarted .PatientMedicalData.TodaysMedicalData {
    margin-bottom: 0;
}

.PatientMedicalDataText {
    background-color: var(--cx-body-bg);
    border-bottom: 1px solid var(--cx-border-color);
    /* background-color: rgba(var(--cx-body-bg-rgb), var(--cx-bg-opacity)) !important;
            border-bottom: 1px solid var(--cx-border-color); */
    padding: 10px;
    padding-bottom: 30px;
    width: 100%;
    /* float: left; */

    min-height: 110px;

    position: relative;
}

.PatientMedicalDataText.EditingExtensionBlock {
    padding-bottom: 10px;
}

.PatientMedicalDataText:last-child {
    border-bottom: 0;
}

.PatientMedicalDataTextTitle {
    /* font-size: 20px;
    margin-bottom: 10px;
    width: 100%;
    min-height: 24px; */
    min-height: 34px;
}



.PatientMedicalDataComment {
    background-color: var(--cx-warning-bg-subtle);
}

.PatientMedicalDataAddComment {
    cursor: pointer;
    padding: 0;
}

.PatientMedicalDataAddComment.PatientMedicalDataInsertComment {
    cursor: auto;
}

.PatientMedicalDataAddComment .InsertHeader {
    display: block;
    padding: 20px;
}

.PatientMedicalDataAddComment .InsertContent {
    display: none;
    padding: 20px;
}


.PatientMedicalDataAddComment.PatientMedicalDataInsertComment .InsertHeader {
    display: none;
}

.PatientMedicalDataAddComment.PatientMedicalDataInsertComment .InsertContent {
    display: block;
}



.PatientMedicalData .ToggleMedicalData {
    transform: rotate(180deg);
    transition: all .5s ease;
}

.OpenedMedicalDataList.PatientMedicalData .ToggleMedicalData {
    transform: rotate(0);
}


.PatientMedicalDataTextIcons .Icon32-24 {
    height: 24px !important;
    background-position: center;
}

/* Floating Icons */


.IconsContainer {
    position: fixed;
    bottom: 10px;
    right: 10px;
    padding: 10px;
    overflow: hidden;
    text-align: right;
    z-index: 8;
    pointer-events: none;
}

.ShowIcons .IconsContainer {
    pointer-events: auto;
}

.IconBlock {
    margin: 5px;
    transform: translateY(100vh);
    text-align: right;
    pointer-events: none;
}


.IconBlock.OpenIcons {
    transform: translateY(0);
    width: 48px;
    display: inline-block;
    text-align: right;
    transition: all .5s ease;
    pointer-events: auto;

    opacity: 0;
    pointer-events: none;
}

.ShowOpenIcons .OpenIcons {
    opacity: 1;
    pointer-events: auto;
}

.ShowIcons .IconBlock.OpenIcons {
    transform: translateY(0) rotate(-45deg);
    opacity: 1;
    pointer-events: auto;
}

.IconBlock:nth-of-type(3) {
    transition-delay: .24s;
}

.IconBlock:nth-of-type(2) {
    transition-delay: .18s;
}

.IconBlock:nth-of-type(1) {
    transition-delay: .08s;
}

.ShowIcons .IconBlock {
    transform: translateY(0);
    transition: all .5s ease;
    pointer-events: auto;
}

.IconLabel {
    padding: 8px 0;
    width: 0;

    margin-right: 5px;
    display: inline-block;

    background-color: rgba(var(--cx-black-rgb), 0.6);
    vertical-align: middle;
    text-align: right;
}

.ShowIcons .IconBlock:nth-of-type(1) .IconLabel {
    transition-delay: .48s;
}

.ShowIcons .IconBlock:nth-of-type(2) .IconLabel {
    transition-delay: .40s;
}

.ShowIcons .IconBlock:nth-of-type(3) .IconLabel {
    transition-delay: .32s;
}

.ShowIcons .IconLabel {
    padding: 8px;
    width: 160px;
    transition: all .5s ease;
    white-space: nowrap;
}


.IconCircle {
    width: 48px;
    height: 48px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    background-position: center;
    background-repeat: no-repeat;
}

/*********************************************/

.MedicalDataTab {
    display: none;
}

.AppointmentStarted .MedicalDataTab,
.MedicalDataTabOpened {
    display: block;
}



#StartAppointmentBlock {
    width: 100%;
    min-width: 222px;
    pointer-events: auto;
}

#StartAppointmentButton {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    padding: 10px 8px;
    width: 100%;
    white-space: nowrap;
    transition: all .2s ease;
}

.AppointmentStarted #StartAppointmentButton {

    width: calc(100% - 40px);
}

.AppointmentStarted .ClockOpened #StartAppointmentButton {
    width: 84px;
}

.ToggleClock {
    height: 100%;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.AppointmentStarted .ToggleClock {
    display: flex;
}


#StartAppointmentButton.Loading {
    opacity: 1;
    font-size: 0;
}

#StartAppointmentIcon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
}

#MarketingTargetHeader.StickyTarget {
    top: -1px;
    z-index: 491;
    padding: 10px;
    box-shadow: 0 2px 6px rgba(var(--cx-black-rgb), 0.1);
    width: 100vw;
    margin-left: -25px;
}

#StartAppointmentText {
    display: inline-block;
    vertical-align: middle;
}

#FinishAppointmentText {
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
    display: none;
}

.AppointmentStarted #StartAppointmentButton {
    background-color: var(--cx-warning);
    border-color: var(--cx-warning);
}

.AppointmentStarted #StartAppointmentText,
.AppointmentStarted #StartAppointmentIcon {
    display: none;
}

.AppointmentStarted #FinishAppointmentText {
    display: block;
}

.AppointmentStarted .PersonalDataTab {
    display: none;
}


#AppointmentClock {
    height: 46px;
    line-height: 44px;
    padding-left: 48px;
    border: 1px solid var(--cx-secondary);
    text-align: left;
    font-size: 18px;
}

#StartAppointmentContainer {
    height: 46px;
    position: relative;
    overflow: hidden;
}

.MedicalDataSection {
    display: none;
    float: left;
}

#Dados-pessoais {
    display: block;
}


.PersonalDataSection {
    display: block;
}

.ShowAppointment .PersonalDataSection {
    display: none;
}

.PersonalDataContainer {
    display: none;
}

.MedicalDataContainer {
    display: block;
}

.NewPatient .MedicalDataContainer,
.ShowPatientPersonalData .MedicalDataContainer {
    display: none;
}

.NewPatient .PersonalDataContainer,
.ShowPatientPersonalData .PersonalDataContainer {
    display: block;
}

.ShowAppointments .MedicalDataContainer,
.ShowAppointments .PersonalDataContainer {
    display: none;
}

#CurrentAppointmentsSection {
    display: none;
}

.ShowAppointments #CurrentAppointmentsSection {
    display: block;
}


.PersonalDataTextArea,
.PersonalDataTextArea~.cke_editable_inline {
    min-height: 72px;
    width: 100%;
    border: 1px solid var(--cx-gray-medium);
}

.MedicalDataTextArea,
.MedicalDataTextArea~.cke .cke_contents {
    min-height: 43vh;
    width: 100%;
}

.PrintLayoutTextArea,
.PrintLayoutTextArea~.cke .cke_contents {
    min-height: 160px;
    width: 100%;
}

.cke_combo__insertmacros .cke_combo_button {
    width: 110px !important;
}

.cke_combo__insertmacros .cke_combo_text {
    width: 80px !important;
}

.cke_combopanel.cke_combopanel__insertmacros {
    width: 300px !important;
    height: 200px !important;
}

.cke_maximized,
.cke_maximized .cke_contents {
    min-height: 99.8vh !important;
}

.BackToTop {
    display: none;
}


.PatientMedicalDataTextContent p {
    margin: 0;
    line-height: 1.6;
}

.PatientMedicalDataItens {
    display: none;
}

.OpenedMedicalDataList .PatientMedicalDataItens {
    display: block;
    /* float: left; */
    width: 100%;
}

.PageTitle .PatientAgeAuto {
    margin-left: 10px;
    position: relative;
}

.PageTitle .PatientAgeAuto:before {
    content: ",";
    position: absolute;
    bottom: 0;
    left: -10px;
}

.PageTitle .PatientAgeAuto:empty:before {
    display: none;
}

#RemoveLibraryText {
    display: none;
}

.OpenedNewLibraryTextPanel #NewLibraryTextPanel {
    transform: translateX(0);
}


.RemovedPatient input,
.RemovedPatient textarea,
.RemovedPatient select,
.RemovedPatient .btn,
.RemovedPatient #PatientPhotoPreview {

    cursor: auto !important;
    pointer-events: none !important;
}

.LibraryTextHeader {
    padding: 10px 20px;
    cursor: pointer;
}

.LibraryTextTitle {
    color: var(--cx-gray-mediumdark);
    font-size: 22px;
    padding: 10px 0;
}

.HeaderCol1,
.HeaderCol2,
.HeaderCol3 {
    float: left;
    height: var(--header-height);
}

.HeaderCol1,
.HeaderCol2,
.HeaderCol3 {
    width: 100%;
}

.HeaderCol2 {
    transform: translatex(-110%);
    position: absolute;
    padding: 0;
    top: var(--header-height);
    z-index: 2;
    transition: all .5s ease;
}

.ShowSearch {
    display: inline-block;
}

.HeaderCol1,
.Mobile .HeaderCol1 {
    padding: 0;
}

.OpenMobileSearch .HeaderCol2 {
    transform: translatex(0);
}

/* .HeaderCol1 img,
.Mobile .HeaderCol1 img { max-width: calc(100% - 90px); margin-top: 4px; } */

.ShowMenu {
    border-right: 1px solid var(--cx-blue-mediumdark);
}

.ShowMenu,
.Mobile .ShowMenu {
    display: inline-block;
}

.SearchInput {
    background-image: url(../../imgs/search-32-q.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: left 10px center;
    padding-left: 32px;
    /* background-size: 24px; */
}

#HeaderContainer .SearchInput {

    background-size: 24px;
    /* padding-left: 50px; */
}

#SearchPatientType {
    box-shadow: 0 0 0 !important;
}

.ReadOnly .typeahead__field .SearchInput {
    padding-left: 10px;
}

#HeaderContainer #SearchForm .typeahead__result {
    position: fixed !important;
    left: 0 !important;
    width: 100%;
}

input::-webkit-input-placeholder {
    color: var(--cx-gray-mediumdark);
    opacity: 1;
}

input::-moz-placeholder {
    color: var(--cx-gray-mediumdark);
    opacity: 1;
}

input:-ms-input-placeholder {
    color: var(--cx-gray-mediumdark);
    opacity: 1;
}

input:-moz-placeholder {
    color: var(--cx-gray-mediumdark);
    opacity: 1;
}

#SearchPatient {
    height: var(--header-height);
    border: 0;
    padding: 20px;
    /* padding-left: 50px; */
    /* background-position: left 20px center; */
    font-size: 16px;
    width: 100%;
}

.typeahead__list,
.typeahead__dropdown {
    border: 1px solid var(--cx-border-color);
    box-shadow: 0 2px 6px rgba(var(--cx-black-rgb), 0.1);
}

.typeahead__list>li {
    border-top: 1px solid var(--cx-border-color);
}

.typeahead__list>li:first-child,
.typeahead__dropdown>li:first-child {
    border-top: 0;
}

.typeahead__list .Info {

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SearchAppointPart,
.SearchAppointPartEmpty,
.SelectTAItem {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 42px;
    padding: .625rem .875rem;
    line-height: 1.35;
    white-space: normal;
}

.SearchAppointPart,
.SelectTAItem {
    color: var(--cx-body-color);
}

.SearchAppointPartEmpty {
    color: var(--cx-secondary-color);
}

/* .LateralMenuSection {
	width: 100%;
	clear: both;
} */

/* .LateralMenuSection,.LateralMenuSection span {
	height: 36px;
	line-height: 36px;
} */
/* 
.LateralSubMenu {
    width: calc(100% - 45px);
    height: calc(100vh - 60px);
    top: 0;
    left: 45px;

	opacity: 0;
	pointer-events: none;
    transition: all .2s linear;
    
    overflow-y: auto;
}

.LateralSubMenu.SubMenuOpened {
    pointer-events: auto;
    opacity: 1;
    z-index: 10;
} */

/* 
.LateralSubMenuSection,.LateralSubMenuSection span {
    height:36px;
    line-height: 36px;
} */

.LateralSubMenuSection {
    line-height: 0;
}


.LateralSubCaption,
.LateralSubMenuCaption {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

li.typeahead__item.typeahead__group-patient a {
    padding: 0;
}

li.typeahead__item.typeahead__group-patient a.PatientSearchBlock {
    height: 100%;
    display: block;
    padding: 10px;
}

.LastPatientItem {
    list-style-type: none;
    margin-bottom: 5px;
}

.LastPatientItem:nth-child(odd) {
    margin-left: 0;
}

#LastPatientsList,
#CurrentAppointmentsList,
#WaitingAppointmentsList {
    padding: 0;
    margin: 0;
}

.PatientsList {
    padding: 0;
    /* column-count: 2;
    column-gap: 10px; */
}

.PatientsList li.PatientItem {
    width: 100%;
    float: left;
    margin-right: 0;
}

.PatientsList li.PatientItem:nth-child(2) {
    margin-right: 0;
}

.PatientsList li,
#LastPatientsList li,
#CurrentAppointmentsList li {
    list-style-type: none;
    break-inside: avoid;
}

#NewAnamneseKeywords {
    min-height: 80px;
}

.MedicalDataSection {
    display: none;
    width: 100%;
    /* margin-top: 10px; */
}

/* .PersonalDataSection:before,
.PersonalDataSection::before,
.MedicalDataSection:before,
.MedicalDataSection::before {
	content: "";
	display: block;
	height: 280px;
	margin-top: -280px;
	visibility: hidden;
	line-height: 0 !important;
	pointer-events: none;
} */

.MedicalDataSectionBox {
    float: left;
    width: 100%;
    background-color: var(--cx-white);
    padding: 20px;
}

/* .MedicalDataTitle {
    margin-bottom: 5px;
    font-size: 22px;
    color: var(--cx-gray-mediumdark);
} */

.MedicalDataTitle {
    float: left;
    width: 100%;
}

.FilterLabelContainer {
    float: left;
}

.FilterLabel {
    float: left;
    font-size: 16px;
    padding: 5px;
    /* background-color: var(--cx-white); */
    margin: 2px;
    /* color: var(--cx-body-color); */
    border-radius: .25rem;
}

.FilterLabelRemove {
    float: left;
    width: 21px;
    height: 21px;
    background-image: url(../../imgs/close-24-d.svg);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 16px;
    cursor: pointer;
    margin-bottom: 0;
}

/* .OpenAllMedicalData { background-image: url(../../imgs/next-24-m.png); transform: rotate(90deg); } */

/* .MedicalDataFilter { background-image: url(../../imgs/filter-24-m.png); } */
/* .ActiveFilters .MedicalDataFilter { background-image: url(../../imgs/filter-24-p.png); } */

.OpenedMedicalDataFilterPanel #MedicalDataFilterPanel {
    transform: translateX(0);
}

.OpenedExamInfoPanel #ExamInfoPanel {
    transform: translateX(0);
}

.OpenedReferenceImagePanel #ReferenceImagePanel {
    transform: translateX(0);
}

.resize-none {
    resize: none !important;
}

textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px);
}

/* 
#ImportTextContainer {
	display: none;

    float: right;
    width: 680px;
    height: 48px;
    background-color: var(--cx-white);
    margin-bottom: 5px;
}


#ImportTextTypeContainer {
    height: 48px;
    border: 0;
    border-right: 1px solid var(--cx-secondary);
    width: 20%;
	float: left;
}

#ImportTextType {
    height: 48px;
    border: 0;
    max-width: 100%;
}

#ImportTextContainer .typeahead__container,
#ImportText {
    width: 80%;
    border: 0;
    height: 48px;
	float: left;
}

#ImportText {
    width: 100%;
} */

.ImportTextInputContainer {
    width: calc(100% - 48px);
    float: right;
    border: 1px solid var(--cx-gray-medium);
    border-radius: .25rem;
}

.ImportTextTypeContainer {
    width: 100%;
    float: left;
}

.ImportTextInputContainer .typeahead__container {
    width: 100%;
    float: left;
}

select.ImportTextType {
    border: 0;
}

input.ImportText {
    border: 0;
    border-top: 1px solid var(--cx-gray-medium);
    border-radius: 0;
}

.ImportTextInputContainer {
    display: none;
}


.PhotoPreview {
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../imgs/photo.png);
    border: 1px solid var(--cx-border-color);
    background-size: cover;
    background-color: var(--cx-tertiary-bg);
    overflow: hidden;
}

.PhotoContain .PhotoPreview {
    background-size: contain;
}

.MedicalDataSection:target~.MedicalDataSection:last-child {
    margin-top: 40px;
    float: left;
}

.MedicalDataSection {
    display: none;
}

.MedicalDataSection:last-child,
.MedicalDataSection:target {
    display: block;
}

.MedicalDataSection:target~.MedicalDataSection:last-child .PatientMedicalDataTitle {
    background-color: var(--cx-tertiary-bg);
}

/* .MedicalDataSection .RepeatText { display: none; }
.MedicalDataSection:target ~ .MedicalDataSection:last-child .RepeatText { display: block; } */

.ReadyHeader {
    border-bottom: 1px solid var(--cx-border-color);
}

.ReadyHeader .TitlePlaceholder {
    font-size: 24px;
}

.cke {
    margin-left: -1px !important;
    overflow: visible !important;
}

#ContentContainer .cke_top,
#ContentContainer .cke_toolgroup,
#ContentContainer .cke_combo_button,
#ContentContainer .cke_bottom {
    background-image: none;
    background-color: var(--cx-tertiary-bg);
    background-image: none;
}

#ContentContainer .cke_top {
    border-bottom-color: var(--cx-tertiary-bg);
}

#ContentContainer .cke_bottom {
    background-color: var(--cx-white);
}

#ContentContainer .cke_toolgroup {
    border: 0;
}

.PageTitle {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 10px;
    clear: left;
    width: 100%;
    /* float: left; */
}

#SaveNotification {
    position: fixed;
    bottom: 0;
    left: 60px;
    width: 260px;
    color: var(--cx-white);
    z-index: 989;
    padding: 20px;
    padding-left: 60px;
    text-align: left;
    opacity: 0.6;
    transition: all .2s linear;
}

/* .PatientMedicalDataImageAdd,*/
.PatientMedicalDataImage {
    list-style-type: none;
    height: 200px;
    padding: 10px;
    /* float: left; */
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    border: 1px solid var(--cx-border-color);
    cursor: pointer;
    /* margin-bottom: 10px; */
}

.PatientMedicalDataImage:nth-child(4n + 1) {
    margin-left: 0;
}

.PreviewImageContainer {
    list-style-type: none;
    margin-bottom: 10px;
}

.NewImage {
    width: 100%;
    height: 200px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid var(--cx-gray-medium);
    position: relative;
}

.PatientMedicalDataImageDescription {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    color: var(--cx-white);
    padding: 10px;
    word-break: break-word;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;

    background: -moz-linear-gradient(top, rgba(var(--cx-black-rgb), 0) 0%, rgba(var(--cx-black-rgb), 0.20) 33%, rgba(var(--cx-black-rgb), 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(var(--cx-black-rgb), 0) 0%, rgba(var(--cx-black-rgb), 0.20) 33%, rgba(var(--cx-black-rgb), 0.6) 100%);
    background: linear-gradient(to bottom, rgba(var(--cx-black-rgb), 0) 0%, rgba(var(--cx-black-rgb), 0.20) 33%, rgba(var(--cx-black-rgb), 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    /* IE6-9 */
}

/* .PatientMedicalDataImageAdd {
    text-align: center;
    padding: 20px;
	height: 270px;
	width: 100%;
    padding-top: 160px;
    font-size: 20px;
    background-size: 48px;
    background-position: top 100px center;
    background-image: url(../../imgs/add-d.svg);
} */

#NewMedicalDataImagesContainer {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.NewImageText {
    width: 100%;
    height: 70px;
    resize: none;
    border-top: 0;
    line-height: 130%;
    border-radius: 0;
}

.NewImage.ImageSaved {
    display: flex;
    align-items: center;
    text-align: center;
}

.NewImage.ImageSaved img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}


.RemoveImage,
.EditImage {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid var(--cx-gray-medium);
    background-color: var(--cx-white);
    border-top: 0;
    border-right: 0;
    display: none;
    cursor: pointer;
}

.EditImage {
    right: 48px;
}

.NewImage:hover .RemoveImage,
.NewImage:hover .EditImage {
    display: block;
}

.MoneyMask {
    text-align: right;
}

.PatientSearchBlock {
    padding: 5px;
}

#ScrapTableContainer,
#ToDoTableContainer,
#ContactTableContainer {
    overflow: auto;
}

#ScrapTableContainer .FakeTable,
#ToDoTableContainer .FakeTable,
#ContactTableContainer .FakeTable {
    min-width: 720px;
}

.FakeTable {
    border: 1px solid var(--cx-border-color);
    float: left;
    width: 100%;
}

.FakeRow {
    float: left;
    width: 100%;
    border-top: 1px solid var(--cx-border-color);
}

.FakeTable .FakeRow:first-child {
    border-top: 0;
}

.FakeCol {
    float: left;
    width: 15%;
    padding: 10px;
    border-right: 1px solid var(--cx-border-color);
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.FakeRow .FakeCol:last-child {
    border-right: 0;
}

.FakeTableHeader {
    background-color: var(--cx-tertiary-bg);
}

.FakeColHeader {
    background-color: var(--cx-tertiary-bg);
    text-align: center;
    color: var(--cx-gray-mediumdark);
}

.FakeColHeader.TextLeft {
    text-align: left;
}

.FakeCol.ScrapDateTimeCol {
    min-width: 170px;
}

.FakeCol.FakeColHeader.InsuranceNameCol,
.FakeCol.InsuranceNameCol {
    width: 40%;
}

.FakeCol.FakeColHeader.InsuranceNameCol.WithFinance,
.FakeCol.InsuranceNameCol.WithFinance {
    width: calc(100% - 32px);
}

.FakeCol.InsuranceFinanceCol {
    width: 32px;
    text-align: center;
}

#InsuranceTable .FakeRow:hover {
    background-color: var(--cx-tertiary-bg);
}


.Default .typeahead__list,
.Default .typeahead__dropdown {
    margin: 0;
    padding: 0;
}

.CIDCodeCol {
    width: 25%;
}

.CIDDescriptionCol {
    width: 75%;
}

.CIDEmptyCol,
.DrugEmptyCol {
    width: 100%;
    text-align: center;
    padding: 20px;
    height: auto;
}

#CIDTable span {
    font-weight: bold;
}

.Shadow {
    box-shadow: 0 2px 6px rgba(var(--cx-black-rgb), 0.1);
}

.ShadowTop {
    box-shadow: 0 0 3px 1px rgba(var(--cx-black-rgb), 0.1)
}

.ShowFormList {
    transform-origin: center;
    transition: all .3s ease;
}

.PageTitleIcon {
    background-color: rgba(var(--cx-white-rgb), 0);
    transition: all .1s ease;
}

.OpenedListMedFormPanel #ListMedFormPanel {
    transform: translateX(0);
}

#ListMedFormsContainer {
    padding: 0;
    margin: 0;
    max-height: calc(100vh - 220px);
    overflow: auto;
    border-bottom: 1px solid var(--cx-gray-medium);
}


.OpenedImportListMedFormPanel #ImportListMedFormPanel {
    transform: translateX(0);
}

.OpenedImportMedFormPanel #ImportMedFormPanel {
    transform: translateX(0);
}

.PatientMedicalDataText .MedFormRow.Shadow {
    box-shadow: none;
    margin-bottom: 0;
}

.PatientMedicalDataText .MedFormButtonContainer {
    display: none;
}

.OpenedEntityLogPanel #EntityLogPanel {
    transform: translateX(0);
}

.OpenedEntityLogPanel {
    overflow: hidden !important;
}

.LateralSubMenuSection .Icon {
    width: 48px;
}

#NewInsuranceTitle {
    font-size: 18px;
}

.InsuranceRow {
    cursor: pointer;
}

.OpenedNewInsurancePanel #NewInsurancePanel {
    transform: translateX(0);
}

#NewInsuranceCHContainer {
    display: none;
}

#NewInsuranceRegSignContainer {
    width: 20%;
    float: left;
}

#NewInsuranceRegValue {
    width: 78%;
    float: left;
    margin-left: 2%;
}

.OpenedNewCIDPanel #NewCIDPanel {
    transform: translateX(0);
}


.OpenedWhatsappPanel #WhatsappPanel {
    transform: translateX(0);
    z-index: 900;
}

.ContactPhoneCol.WhatsappG,
.ScrapPhoneCol.WhatsappG {
    background-position: top 10px right 5px;
    background-repeat: no-repeat;
}

.WhatsappInputIcon {
    position: absolute;
    top: 50%;
    z-index: 9999;
    width: 24px;
    height: 24px;
    right: 8px;
    cursor: pointer;
    background-repeat: no-repeat;
}

.OpenedXSMSPanel #XSMSPanel {
    transform: translateX(0);
    z-index: 900;
}


.NavImage {
    width: 100%;
    height: 200px;
    border: 1px solid var(--cx-gray-medium);
    margin-bottom: 12px;
    position: relative;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}

.NavImage img {
    max-width: 99.9%;
    max-height: 99.9%;
}

.NavImageText {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    color: var(--cx-white);
    padding: 10px;
    word-break: break-word;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;

    background: -moz-linear-gradient(top, rgba(var(--cx-black-rgb), 0) 0%, rgba(var(--cx-black-rgb), 0.20) 33%, rgba(var(--cx-black-rgb), 0.6) 100%);
    background: -webkit-linear-gradient(top, rgba(var(--cx-black-rgb), 0) 0%, rgba(var(--cx-black-rgb), 0.20) 33%, rgba(var(--cx-black-rgb), 0.6) 100%);
    background: linear-gradient(to bottom, rgba(var(--cx-black-rgb), 0) 0%, rgba(var(--cx-black-rgb), 0.20) 33%, rgba(var(--cx-black-rgb), 0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
    /* IE6-9 */

    display: none;
}

.NavImage:hover .NavImageText {
    display: block;
}


#PrintLayoutToolbar {
    width: 100%;
    margin-bottom: 10px;
}

#PrintLayoutPaperContainer {
    width: 100%;
    float: left;
    overflow: auto;
}

#PrintLayoutPaper {
    float: left;
    position: relative;
    transform-origin: top left;
}


#PrintLayoutPaperMargin {
    /* border: 1px dotted var(--cx-white); */
    border: 1px dotted var(--cx-white);
    position: relative;
    height: 100%;
    width: 100%;
}

#PrintLayoutPaper:hover #PrintLayoutPaperMargin {
    border: 1px dotted var(--cx-gray-500);
}

#PrintLayoutPaper .cke_textarea_inline {
    float: left;
    width: 100%;
    position: relative;
}

#PrintLayoutPaper .cke_textarea_inline:after {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--cx-gray-mediumdark);
    width: 100%;
    text-align: center;
    display: none;
}


#PrintLayoutHeader .cke_textarea_inline:after {
    content: "Insira as informações do cabeçalho";
}

#PrintLayoutHeader .cke_textarea_inline.PrintPartEmpty:after {
    display: block;
}

#PrintLayoutStamp .cke_textarea_inline:after {
    content: "Insira as informações do carimbo";
}

#PrintLayoutStamp .cke_textarea_inline.PrintPartEmpty:after {
    display: block;
}

#PrintLayoutStampImage {
    display: none;
    position: relative;
}


#PrintLayoutStampImage:hover {
    border-bottom: 1px dotted var(--cx-gray-500);
}

#PrintLayoutStampImage:hover:before {
    content: 'Selecionar imagem';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(var(--cx-tertiary-bg-rgb), 0.8);
    padding: 10px;
    text-align: center;
    color: var(--cx-gray-mediumdark);
    border-top: 1px dotted var(--cx-gray-500);
}

#PrintLayoutFooter .cke_textarea_inline:after {
    content: "Insira as informações do rodapé";
}

#PrintLayoutFooter .cke_textarea_inline.PrintPartEmpty:after {
    display: block;
}

#PrintLayoutPaper .cke_textarea_inline p {
    margin: 2px 0;
}

.PrintMargin {
    width: 65% !important;
    float: left;
    margin-right: 5% !important;
}

.PrintUnity {
    width: 30%;
    float: left;
    height: 42px;
    line-height: 42px;
}

#LayoutLogoPreview img {
    display: inline-block;
    margin: 0 auto;
    max-height: 200px;
    max-width: 100%;
}



#RemoveLayoutLogoButton {
    display: none;
}

.HasLogo #RemoveLayoutLogoButton {
    display: block;
}

#PrintLayoutHeader {
    /* position: absolute;
    top: 0;
    left: 0;
    right: 0; */
    width: 100%;
    overflow: hidden;

    border-bottom: 1px dotted var(--cx-white);
}

#PrintLayoutPaper:hover #PrintLayoutHeader {
    border-bottom: 1px dotted var(--cx-gray-500);
}


#PrintLayoutPaperContent {
    position: relative;
    overflow: hidden;
}

#PrintLayoutStamp,
#PrintLayoutStampImage {
    position: relative;
    border-top: 1px dotted var(--cx-white);
    overflow: hidden;
}

#PrintLayoutPaper:hover #PrintLayoutStamp,
#PrintLayoutPaper:hover #PrintLayoutStampImage {
    border-top: 1px dotted var(--cx-gray-500);
}

#LayoutStampImagePreview {
    height: 120px;
    width: 100%;
    padding: 10px;
    text-align: right;
    display: inline-block;
    cursor: pointer;
}

#LayoutStampImagePreview img {
    display: inline-block;
    margin: 0 50px;
    max-height: 100px;
    max-width: 100%;
}

#PrintLayoutFooter {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;

    border-top: 1px dotted var(--cx-white);
    overflow: hidden;
}


#PrintLayoutPaper:hover #PrintLayoutFooter {
    border-top: 1px dotted var(--cx-gray-500);
}

#PrintLayoutToolbar .cx-col_2 {
    width: 49%;
    margin-left: 2%;
}

#PrintLayoutToolbar .cx-col_2:first-child {
    margin-left: 0;
}

#mm {
    width: 1mm;
    height: 1mm;
}

.OpenedNewPhotoPanel #NewPhotoPanel {
    transform: translateX(0);
}

#snapshot {
    opacity: 0;
}

/* #PhotoCapturing {
    width: 100%;
    margin: 0 auto;
    max-height: calc(100vh - 300px);
} */

#PhotoCapturing {
    width: 640px;
    height: 480px;
}


#RequestBaseStep2 #ConfirmSenha.border-danger,
#RequestBaseStep2 #ConfirmSenha.border-success {

    background-repeat: no-repeat;
    background-size: 16px;
    background-position: right 10px center;
}

#RequestBaseStep2 #ConfirmSenha.border-danger {
    background-image: url(../../imgs/close-16-r.svg);
}

#RequestBaseStep2 #ConfirmSenha.border-success {
    background-image: url(../../imgs/ok-16-v.svg);
}

.pwf~.Icon {
    background-image: url(../../imgs/viewpass.svg);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.pwfh {
    /* font-family: password;
    -webkit-text-security:disc;
    letter-spacing: 2px;
    font-size: 24px !important; */
}

.pwfh~.Icon {
    background-image: url(../../imgs/hidepass.svg);
}

.Icon.PassIcon {
    position: absolute;
    right: 2px;
    bottom: 2px;
    height: 41px;
    width: 40px;
    cursor: pointer;
}

.InputContainer.PassContainer {
    position: relative;
}

.InputError~.SwitcherItemLabel {
    background-color: rgba(var(--cx-danger-rgb), 0.4) !important;
    color: var(--cx-danger) !important;
}

.StartScreen #MainContainer {
    padding-top: 0 !important;
}

.StartScreen #ContentContainer {
    padding: 0 !important;
}

.StartScreen .ContentWrapper {
    max-width: 100%;
}

.StartScreen .FlexWrapper {
    width: 90%;
    max-width: 500px;
}

.StartScreen .FlexContainer {
    height: auto;
    min-height: calc(99.9vh - 35px);
}

.StartScreen .FakeInputContainer {
    height: auto;
}

/*
.ShowRequestBase.StartScreen .FlexWrapper,
.ShowConfirmRequestBase.StartScreen .FlexWrapper { max-width: 500px; } */

.DrugContainer:target~.DrugContainer:last-child,
.DrugContainer {
    display: none;
}

.DrugContainer:last-child,
.DrugContainer:target {
    display: block;
}

.OpenedNewMedicationPanel #NewMedicationPanel {
    transform: translateX(0);
}

.OpenedNewFormulaPanel #NewFormulaPanel {
    transform: translateX(0);
}


.DrugNameCol {
    width: 100%;
    text-align: left;
}

.DrugRow:not(#Drug_Empty) {
    padding: 8px;
    cursor: pointer;
}

.DrugRow:not(#Drug_Empty):hover {
    background-color: var(--cx-tertiary-bg);
}

input.ConfirmCode {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
}

.OneLine {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Button.ResendCodeButton {
    min-width: 60px;
}

/* #cke_FormulaDescription .cke_contents {
    min-height: 719px;
} */

#NewMedicationPanel .cke_contents,
#NewFormulaPanel .cke_contents {
    height: 75px !important;
}

#NewFormulaPanel #cke_FormulaDescription .cke_contents {
    height: 180px !important;
}

.FixedPatientBlock #NewAppointmentMedicalDataContainer {
    padding-top: var(--header-height);
}

#ShowPatientContainer {
    min-height: calc(var(--header-height) + 45px);
}


/* .FixedPatientBlock #ShowPatientContainer { */
.FixedPatientBlock .PatientSection {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 489;
    padding: 15px 20px !important;
}

.AppointmentButtonContainer {
    pointer-events: none;
}

/* .FixedPatientBlock .AppointmentButtonContainer {
    position: fixed;
    left: 0;
    width:  calc(100% - 320px);
    z-index: 40;
    top: 0;
    text-align: center;
} */

/* .FixedPatientBlock .AppointmentButtonContainer .AppointmentButtonWrapper {
    
    margin: 0 auto;
    padding: 15px 0;
} */


.FixedAddExtensionsSection .AddExtensionsSection {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 0;
    z-index: 491;
    margin-bottom: 0;

}



#AlertBox {
    z-index: 1056;
}

#AlertBox .modal-dialog {
    width: 100%;
    max-width: 85%;
}

#AlertBox .modal-content {
    max-height: calc(100vh - 20px);
    pointer-events: auto;
}

#AlertBox .modal-body {
    overflow: auto;
}

#AlertBox .cke_textarea_inline {
    width: 100%;
    height: 250px;
    background-color: var(--cx-white);
    border: 1px solid var(--cx-gray-medium);
    border-radius: .25rem;
    padding: 10px;
    padding-top: 1px;
    overflow: auto;
    /* pointer-events: none;  */
}

/* .EditingPatient #AlertBox .cke_textarea_inline { pointer-events: auto; }
 */

#cke_PatientAlert,
#cke_PatientPublicAlert {
    visibility: hidden;
}

.cke_focus:focus,
.cke_focus:focus {
    box-shadow: unset !important;
}

.EditingPatient #cke_PatientAlert,
.EditingPatient #cke_PatientPublicAlert {
    visibility: visible;
}

#AlertBox.show #cke_PatientAlert,
#AlertBox.show #cke_PatientPublicAlert {
    visibility: visible;
}

.EditingPatient .cke_focus:focus,
.EditingPatient .cke_focus:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--cx-primary-rgb), .25) !important;
}

#PatientAlert.d-none+div.cke_textarea_inline {
    display: none;
}

.AnimateAlertPrepare {
    transform: scale(0);
    opacity: 0;
    transition: all .3s ease;
}

.AnimateAlert {
    transform: scale(1);
    opacity: 1;
    -webkit-animation-name: shake;
    -webkit-animation-duration: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: .5s;

    animation-name: shake;
    animation-duration: 0.5s;
    transform-origin: 50% 50%;
    animation-iteration-count: 2;
    animation-timing-function: linear;
    animation-delay: .5s;
}

@keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
        transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
        transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
        transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
        transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
        transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-1deg);
        transform: translate(-1px, -2px) rotate(-1deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0px) rotate(1deg);
        transform: translate(-3px, 0px) rotate(1deg);
    }

    30% {
        -webkit-transform: translate(0px, 2px) rotate(0deg);
        transform: translate(0px, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-1deg);
        transform: translate(2px, 1px) rotate(-1deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(1deg);
        transform: translate(-1px, -1px) rotate(1deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
        transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg);
    }
}


.Default .ShowAlertBox.HasAlert {
    color: var(--cx-gold);
}

.StartScreen {
    background-image: url(../../imgs/bg-hidoctor.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#UserPanel {
    position: fixed;
    /* text-align: right; */
    transform: translateX(110%);
    transition: transform .5s ease;
    z-index: -502;
    opacity: 0;
}

#UserPanel .UserPanelItem {
    padding: 10px 20px;
    text-align: right;
}

#UserPanel .UserPanelItem.LogoutItem {
    background-color: var(--cx-tertiary-bg);
    color: var(--cx-primary);
}

.ShowUserPanel #UserPanel {
    z-index: 502;
    opacity: 1;
    background-color: var(--cx-white);
    max-width: 320px;
    position: fixed;
    top: var(--header-height);
    right: 0;
    width: 100%;
    padding: 0;
    box-shadow: 0 4px 6px rgba(var(--cx-black-rgb), 0.1);
    transform: translateX(0);
}

.ShowUserPanel .Overlay,
.ShowDiseaseOrder .Overlay,
.ShowNotifications .Overlay,
.OpenMobileSearch .Overlay {
    opacity: 0;
}

.FloatIconContainer {
    padding: 0;
    padding-top: 10px;
    width: 100%;
    min-height: 60px;
    text-align: right;
    float: left;
    clear: both;
}

.FloatIconContainer.sticky-bottom {
    bottom: 32px;
    float: right;
    margin-right: 16px;
    padding-top: 0;
    width: fit-content;
}

.FloatIcon {
    height: 50px;
    width: 50px;
    position: relative;
    min-width: 50px;
    border-radius: 100%;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    display: block;
    float: right;
    clear: both;
}

.FloatIcon.Shadow {
    box-shadow: 0 3px 7px rgba(var(--cx-black-rgb), 0.1);
}

.FloatIcon:before {
    content: 'Salvando ...';
    position: absolute;
    right: 0;
    width: 50px;
    background-color: var(--cx-warning);
    color: var(--cx-warning);
    height: 50px;
    padding: 0;
    line-height: 50px;
    text-align: left;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center right -18px;
    background-size: 90px;
    transition: width .5s ease, opacity .1s linear .4s, color .05s linear;
    pointer-events: none;
    overflow: hidden;
    opacity: 0;
}

.FloatIcon.FixedFloatIcon {
    position: fixed;
    bottom: 40px;
}


.FloatIcon~.FloatIcon {
    margin-top: 5px;
}

/* .FloatIcon.FixedFloatIcon ~ .FloatIcon.FixedFloatIcon { bottom: 95px; } */

.FloatIcon.FixedFloatIcon,
.FloatIcon.FixedFloatIcon:before {
    box-shadow: 0 2px 6px rgba(var(--cx-black-rgb), 0.2);
}

.FloatIcon.Saving:before,
.FloatIcon.Saved:before,
.FloatIcon.SaveError:before {
    width: 200px;
    padding: 0 25px;
    padding-right: 50px;
    background-image: url(../../imgs/loading.gif);
    background-size: 24px;
    background-position: center right 12px;
    background-repeat: no-repeat;
    color: var(--cx-white);
    opacity: 1;
    transition: width .5s ease;
}

.FloatIcon.Saved:before {
    content: 'Salvo';
    background-image: url(../../imgs/tick-24-w.svg);
    background-position: center right 12px;
    background-size: 24px;
}

.FloatIcon.SaveError:before {
    content: 'Erro';
    background-image: url(../../imgs/close-24-w.svg);
    background-position: center right 12px;
    background-size: 24px;
}

.LoadingPlaceholder {
    background-image: url(../../imgs/loading.gif);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 100%;
    height: 60vh;
}

.ScheduleSkeletonPlaceholder {
    display: block;
    width: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(var(--cx-secondary-rgb), 0.18) 25%, rgba(var(--cx-secondary-rgb), 0.32) 50%, rgba(var(--cx-secondary-rgb), 0.18) 75%);
    background-size: 200% 100%;
    animation: MedicalDataSkeletonPulse 1.4s ease-in-out infinite;
}

#AppointsContainer.Loading {
    background-image: none !important;
}

.Default .AppointContainer.Loading,
.Default .ScheduleCol.Loading {
    opacity: 1 !important;
    background-image: none !important;
}

.AppointContainer.Loading,
.ScheduleCol.Loading {
    position: relative;
    overflow: hidden;
    background-image: none !important;
}

.AppointContainer.Loading > *,
.ScheduleCol.Loading > * {
    opacity: 0;
}

.AppointContainer.Loading::after,
.ScheduleCol.Loading::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    height: 40px;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(var(--cx-secondary-rgb), 0.18) 25%, rgba(var(--cx-secondary-rgb), 0.32) 50%, rgba(var(--cx-secondary-rgb), 0.18) 75%);
    background-size: 200% 100%;
    animation: MedicalDataSkeletonPulse 1.4s ease-in-out infinite;
    z-index: 1;
}

.ScheduleSkeletonRow td {
    padding: 10px 8px;
    border-bottom: 1px solid var(--cx-border-color);
    background-color: var(--cx-body-bg);
}

.ScheduleSkeletonHourCell {
    width: 88px;
}

.ScheduleSkeletonHour {
    width: 100%;
    height: 12px;
}

.ScheduleSkeletonInfo {
    width: 100%;
    height: 26px;
}

#AppointPatientCardContainer.Loading {
    background-image: none !important;
}

.Default #AppointPatientCardContainer.Loading {
    opacity: 1 !important;
    background-image: none !important;
}

.AppointPatientCardSkeleton {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    background-color: var(--cx-tertiary-bg);
}

.AppointPatientCardSkeletonPhoto {
    width: 48px;
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    flex: 0 0 48px;
    border-radius: 50%;
}

.AppointPatientCardSkeletonName {
    width: 100%;
    height: 24px;
}

.AppointPatientCardSkeletonMeta {
    width: 100%;
    height: 20px;
}

.Default .AppointmentDataSkeleton {
    opacity: 1 !important;
}

.Default .AppointmentDataLoading {
    opacity: 1 !important;
    background-image: none !important;
    background-color: transparent !important;
}

.AppointmentDataLoading {
    padding-top: 0 !important;
    background-image: none !important;
    background-color: transparent !important;
}

.AppointmentDataSkeleton {
    display: flex;
    flex-direction: column;
    gap: 3px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.AppointmentDataSkeletonLine {
    width: 100%;
    height: 48px;
    display: block;
    box-sizing: border-box;
    border-radius: 8px;
    background: linear-gradient(90deg, rgba(var(--cx-secondary-rgb), 0.18) 25%, rgba(var(--cx-secondary-rgb), 0.32) 50%, rgba(var(--cx-secondary-rgb), 0.18) 75%);
    background-size: 200% 100%;
    animation: MedicalDataSkeletonPulse 1.4s ease-in-out infinite;
}

.OkIcon,
.ErrorIcon {
    background-position: center;
    background-size: 32px;
    background-repeat: no-repeat;
}

.OkIcon {
    background-image: url(../../imgs/tick-w.svg);
}

.ErrorIcon {
    background-image: url(../../imgs/close-24-w.svg);
}


#NotificationsContainer {
    display: none;
    position: fixed;
    right: 200px;
    top: var(--header-height);
    z-index: 502;
    width: 25%;
    min-width: 300px;
    padding: 10px;
}

.ShowNotifications #NotificationsContainer {
    display: block;
}

.NotificationsTitle {
    margin-bottom: 10px;
}

#NotificationsContainer ul {
    padding: 5px;
    margin: 0;
    list-style-type: none;
    background-color: var(--cx-tertiary-bg);
    float: left;
    width: 100%;
}

.Notification {
    float: left;
    clear: both;
    width: 100%;
}

.Notification~.Notification {
    margin-top: 1px;
}

.NotificationActions {
    display: none;
}

.PendentNotification .NotificationActions {
    display: block;
    ;
}

#PatientPhotoPreview {
    position: relative;
}

.PatientPhotoRemove {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.EditingPatient .HasPhoto .PatientPhotoRemove {
    display: block;
}

.WrapRow {
    width: 100%;
    float: left;
}

.InsuranceRegCol,
.InsuranceCHCol,
.InsurancePayDayCol,
.InsuranceTableCol {
    display: none;
}

.FakeCol.InsuranceFinanceCol {
    width: 32px;
}

.FakeCol.FakeColHeader.InsuranceNameCol,
.FakeCol.InsuranceNameCol {
    width: 100%;
    border-right: 0;
}

.FakeCol.FakeColHeader.InsuranceNameCol.WithFinance,
.FakeCol.InsuranceNameCol.WithFinance {
    width: calc(100% - 32px);
    border-right: 0;
}

.LateralPanel .CloseW {
    margin: 7px;
}

.LateralPanel .LateralPanelTitle {
    font-size: 18px;
}

.Voice {
    position: relative;
    transition: all .5s ease;
}

.Listening .Voice {
    background-color: var(--cx-warning);
    border-radius: 100%;
}

.pulse-ring {
    width: 40px;
    height: 40px;
    border: 3px solid var(--cx-warning);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all .5s ease;
    opacity: 0;
    display: none;
}

.Listening .pulse-ring {
    animation: pulsate infinite 2s;
    display: block;
}

.Listening.getSound .Voice {
    background-color: var(--cx-success);
}

.Listening.getSound .pulse-ring {
    border: 3px solid var(--cx-success);
}

.bg-darkgold {
    background-color: var(--cx-gold-dark);
}

.was-validated .hasInvalidContent~.invalid-feedback {
    display: block;
}

.form-switch.form-switch-lg {
    margin-bottom: 1rem;
}

.form-switch.form-switch-lg .form-check-input {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

@keyframes pulsate {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

.PatientsListContainer {
    float: left;
    width: 100%;
    display: none;
}

.ListPatientItem {
    margin-bottom: 3px;
}

#PatientsLetterList {
    height: 1081px;
    top: calc(100vh - 1091px);
}

.Icon48-24.FloatRight:first-child {
    width: 32px;
}

.ConfigUsersGroup,
.ConfigUsersUser {
    width: 40%;
}

.ConfigUsersName {
    width: 60%;
}

.OpenedBuyUserPanel #BuyUserPanel {
    transform: translateX(0);
}

#AllowList {
    max-height: 30vh;
    overflow: auto;
}

#AutoBuyIframe {
    width: 100%;
    height: calc(100vh - 180px);
}

/* ESCONDE LINHA DE PERMISSÃO DA INTERGRAÇÃO COM HINET */
.ManageUserRow[data-id='Integration'] {
    display: none;
}

.ShowPasswordFields #KeepPasswordRow,
#PasswordRow {
    display: none;
}

#KeepPasswordRow,
.ShowPasswordFields #PasswordRow {
    display: flex;
}

/* #ConfigUsersError { display: none; } */

.ErrorMessage.ShowErrorMessage {
    padding: 20px;
    text-align: center;
    color: var(--cx-danger);
    display: block;
}

.GroupTitle {
    margin-top: 20px;
}

.GroupTitle:first-of-type {
    margin-top: 0;
}

.ChildPermission {
    padding-left: 24px;
    margin-top: 5px;
}

.ParentPermission {
    margin-top: 10px;
}

.captchaImage {
    width: 150px;
    height: 40px;
    margin-top: 1px;
}

.form-label {
    margin-bottom: 0;
    color: var(--cx-tertiary-color) !important;
}

.WAButton {
    width: 100%;
    margin-bottom: 3px;
    float: left;
    border-left: 1px solid var(--cx-tertiary-bg);
    height: 42px;
    border-radius: .25rem;
    background-color: var(--cx-whatsapp);
    color: var(--cx-white) !important;
    padding: 10px 8px 8px 38px;
    letter-spacing: 0.25px;
    background-image: url(../../imgs/whatsapp.png);
    background-repeat: no-repeat;
    background-position: center left 8px;
    background-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

highlight {
    font-weight: bold;
}

.NoClick,
.SaveCall {
    pointer-events: none;
}


#PatientForm .SavePatient {
    display: none;
}

#PatientForm .EditPatient {
    display: block;
}

.EditingPatient #PatientForm .SavePatient {
    display: block;
}

.EditingPatient #PatientForm .EditPatient {
    display: none;
}

#PatientForm .PatientFormContainer input,
#PatientForm .PatientFormContainer label,
#PatientForm .PatientFormContainer select,
#PatientForm .PatientFormContainer textarea,
#PatientForm .PatientFormContainer .cke_editable {
    pointer-events: none;
}

/* #AlertContainer textarea,
#AlertContainer .cke_editable { pointer-events: none; } */

.EditingPatient #PatientForm .PatientFormContainer *,
.EditingPatient #AlertContainer * {
    pointer-events: all;
}

/* #PatientForm label { color: var(--cx-body-color); }
.EditingPatient #PatientForm label { color: var(--cx-gray-mediumdark); } */

#PatientForm .form-control,
#PatientForm .form-select,
#PatientForm .cke_editable {
    border: 1px solid var(--cx-border-color-translucent);
    border-top: 1px solid rgb(var(--cx-white-rgb) / 0);
    border-radius: 0 0 5px 5px;
}

.EditingPatient #PatientForm .form-control,
.EditingPatient #PatientForm .form-select,
.EditingPatient #PatientForm .cke_editable {
    border: 1px solid var(--cx-gray-medium);
    border-radius: .25rem;
}


.EditingPatient #PatientForm .form-control.is-invalid,
.EditingPatient #PatientForm .form-select.is-invalid,
.EditingPatient #PatientForm .cke_editable.is-invalid {
    border: 1px solid var(--cx-form-invalid-border-color);
    border-radius: 5px;
}

#PatientForm input.SearchInput {
    padding-left: 10px;
    background-size: 0 !important;
}

.EditingPatient #PatientForm input.SearchInput {
    padding-left: 32px;
    background-size: 16px !important;
}

#RemovePatient {
    display: none;
}

.EditingPatient #RemovePatient {
    display: block;
}

#ShowSearchPatientTag {
    visibility: hidden;
    pointer-events: none;
}

.EditingPatient #ShowSearchPatientTag {
    visibility: visible;
    pointer-events: auto;
}

/* .NewPatientTag .typeahead__list { border-radius: 0 0 .5rem .5rem; overflow: hidden; } */

#SearchTagList {
    min-height: 200px;
    max-height: 50vh;
    height: 100%;
    overflow: auto;
}

#EmptyTags {
    display: block;
    border: 1px solid var(--cx-border-color-translucent);
}

.EditingPatient #EmptyTags {
    display: none;
}

.EntityTag~#EmptyTags {
    display: none;
}

.EntityTag {
    min-width: 60px;
}

.PersonalDataSection .EntityTag {
    pointer-events: none;
}

.EditingPatient .PersonalDataSection .EntityTag {
    pointer-events: auto;
}

.EntityTag~#EmptyTags {
    display: none;
}


.SelectTagItem {
    padding: 0.5rem 0.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.SelectTagItem[data-id=""] {
    background-color: var(--cx-primary);
    color: var(--cx-white);
    justify-content: center !important;
}

.SelectTagItem[data-id=""] .colorMarker {
    display: none;
}

.SelectTagItem[data-id=""] strong {
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    font-weight: 500;
}

.TagList .typeahead__list>li>a,
.TagList .typeahead__dropdown>li>a {
    padding: 0;
}

.TagPrivacyMarker {
    width: 96px;
    min-width: 96px;
}

.ReadOnlyCaption {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 320px;
    padding: 10px;
    text-align: center;
    color: var(--cx-danger);
    font-size: 18px;
}

.SchedulesNameCol {
    width: 100%;
    text-align: left;
}

.OpenedCreateSchedulePanel #CreateSchedulePanel {
    transform: translateX(0);
}

.OpenedNewTransactionPanel #NewTransactionPanel {
    transform: translateX(0);
}

.OpenedLogDetailsPanel #LogDetailsPanel {
    transform: translateX(0);
}


.Group_Administrador {
    pointer-events: none;
}

.RemoveSchedule,
.ReactivateSchedule {
    display: none;
}

.ConfigBlockedTableContainer {
    max-width: 800px;
    margin: 0 auto;
}

.ConfigBlockedCol {
    width: 50%;
}

.OpenedSelectOwnerPanel #SelectOwnerPanel {
    transform: translateX(0);
}

.OpenedNewMiniPACSPanel #NewMiniPACSPanel {
    transform: translateX(0);
}

/* .PatientMedicalDataMiniPACSList { 
    list-style: none; 
    padding: 0;
    border: 1px solid var(--cx-border-color);
    float: left;
    width: 100%;
} */

/* .PatientMedicalDataMiniPACSItem {
    float: left;
    width: 100%;
    clear: both;
    cursor: pointer;
    position: relative;
} */

.MPLink.PatientMedicalDataMiniPACSItem {
    pointer-events: none !important;
}

.MPLink .HiAppEmbedMiniPacsLink {
    pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#PatientMedicalDataMiniPACSList .PatientMedicalDataMiniPACSItem {
    cursor: pointer;
}

/* .MiniPACsOpen { 
    display: none; 
    background-image: url(../../imgs/open-folder-24-m.png);
    background-position: center;
    background-size: 24px;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    cursor: pointer;
}

.PatientMedicalDataMiniPACSItem:hover .MiniPACsImageContainer {  display: none; }
.PatientMedicalDataMiniPACSItem:hover .MiniPACsOpen {  display: block; } */
/* 
#Historico .PatientMedicalDataMiniPACSItem { cursor: auto; pointer-events: none; } */

.NewPatientMedicalDataMiniPACSItem {
    cursor: auto;
    padding: 5px 0;
}

#NewPatientMedicalDataMiniPACSList {
    max-height: 70vh;
    overflow: auto;
}

.PatientMedicalDataMiniPACSItem:hover {
    background-color: var(--cx-tertiary-bg);
}

.PatientMedicalDataMiniPACSHeader {
    background-color: var(--cx-tertiary-bg);
    color: var(--cx-gray-mediumdark);
    /* float: left; */
    /* width: 100%; */
}

/* .PatientMedicalDataMiniPACSItemCol {
    float: left; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    padding: 9px;
    height: 44px;
}

.PatientMedicalDataMiniPACSIcon { 
    width: 44px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
} */

/* .TodaysMedicalData .ToggleMedicalData { display: none; }
.AppointmentStarted .TodaysMedicalData .ToggleMedicalData { display: block; } */


/************************************/
.imgMiniPACS {
    background-image: url(../../imgs/minipacs/non.svg);
}

.vid .imgMiniPACS {
    background-image: url(../../imgs/minipacs/vid.svg);
}

.aud .imgMiniPACS {
    background-image: url(../../imgs/minipacs/aud.svg);
}

.doc .imgMiniPACS,
.doc-o .imgMiniPACS {
    background-image: url(../../imgs/minipacs/doc.svg);
}

.txt .imgMiniPACS,
.txt-r .imgMiniPACS {
    background-image: url(../../imgs/minipacs/txt.svg);
}

.pdf .imgMiniPACS {
    background-image: url(../../imgs/minipacs/pdf.svg);
}

.ppt .imgMiniPACS,
.ppt-o .imgMiniPACS {
    background-image: url(../../imgs/minipacs/ppt.svg);
}

.img .imgMiniPACS {
    background-image: url(../../imgs/minipacs/img.svg);
}

.exc .imgMiniPACS,
.exc-o .imgMiniPACS {
    background-image: url(../../imgs/minipacs/exc.svg);
}

.img .file-icon {
    background-color: var(--cx-success);
}

.txt .file-icon,
.txt-r .file-icon {
    background-color: var(--cx-info);
}

.vid .file-icon {
    background-color: var(--cx-purple);
}

.aud .file-icon {
    background-color: var(--cx-cyan);
}

.non .file-icon {
    background-color: var(--cx-blue-app);
}

.pdf .file-icon {
    background-color: var(--cx-danger);
}

.doc .file-icon,
.doc-o .file-icon {
    background-color: var(--cx-primary);
}

.ppt .file-icon,
.ppt-o .file-icon {
    background-color: var(--cx-orange-dark);
}

.exc .file-icon,
.exc-o .file-icon {
    background-color: var(--cx-success-text-emphasis);
}


/************************************/

.imgMiniPACS {
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
}

.file-icon {
    position: absolute;
    text-align: center;
    background-color: var(--cx-blue-app);
    border-radius: 2px;
    color: white;
    font-family: 'Fira Mono', monospace;
    font-size: 9px;
    height: 11px;
    left: 5px;
    max-width: 30px;
    min-width: 20px;
    padding: 0 2px;
    bottom: -6px;
    line-height: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .PatientMedicalDataMiniPACSIcon span { 
    position: absolute;
    text-align: center;
    background-color: var(--cx-blue-app);
    border-radius: 2px;
    color: white;
    font-family: 'Fira Mono', monospace;
    font-size: 9px;
    height: 11px;
    left: 14px;
    max-width: 30px;
    min-width: 20px;
    padding: 1px 2px;
    top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */

/* .PatientMedicalDataMiniPACSName { width: calc(100% - 96px); padding: 10px;} */
.PatientMedicalDataMiniPACSName input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    padding: 13px 5px 10px 5px;
    /* border: 0; */
}

.iphone .PatientMedicalDataMiniPACSName input {
    padding: 3px 5px 2px 5px;
}

/* 
.PatientMedicalDataMiniPACSLength { width: 10%; text-align: right; }
.PatientMedicalDataMiniPACSType { width: 15%;}

.PatientMedicalDataMiniPACSOwner { width: 19%; }
.PatientMedicalDataMinRemoveiPACSRemove { width: 44px; } */

/* 
.PatientMedicalDataMiniPACSHeader.NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSName { padding: 10px; }
.NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSName { width: calc(100% - 55px); padding: 0;}
.NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSLength { width: 10%; text-align: right; }
.NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSType { width: 25%;}

.NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSIcons { width: 52px; }
.NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSRemove { width: 44px; } */


/* .PatientMedicalDataMiniPACSLength,
.PatientMedicalDataMiniPACSType,
.PatientMedicalDataMiniPACSOwner {
    display: none;
} */

/* .PatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSIcons { display: none; cursor: pointer; } */
/* .PatientMedicalDataMiniPACSItem:hover .PatientMedicalDataMiniPACSIcons { display: block; } */

/* .PatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSRemove { display: none; cursor: pointer; }
.PatientMedicalDataMiniPACSItem:hover .PatientMedicalDataMiniPACSRemove { display: block; }
 */

/* .WithMultiMedicos .PatientMedicalDataMiniPACSName { width: calc(100% - 98px);} */
.cx-MultipleDropdownLabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 480px;
}

.PatientMedicalDataMiniPACSIcons .Icon {
    float: right;
    margin-left: 10px;
}

.MiniPACSProgressBar {
    position: absolute;
    left: 1px;
    top: 1px;
    bottom: 1px;
    height: calc(100% - 2px);
    background-color: var(--cx-success);
    opacity: 0.3;
    width: 0;
}

.MiniPACSProgressBar.ProgressEnd {

    animation-name: blink;
    animation-duration: 0.5s;
    animation-iteration-count: 3;
    animation-timing-function: linear;
    animation-delay: 0;
}

@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 0.3;
    }
}


#ImportListMedFormsContainer {
    height: calc(100vh - 220px);
    padding: 0;
    list-style-type: none;
    overflow: auto;
    border: 1px solid var(--cx-gray-medium);
}

.ImportFormItem {
    padding: 10px;
    border-bottom: 1px solid var(--cx-border-color);
    cursor: pointer;
    width: 100%;
    clear: both;
    float: left;
}

.ImportFormItem:not(.ImportFormItemEmpty):hover {
    background-color: var(--cx-tertiary-bg);
}

.ImportFormItemEmpty {
    cursor: auto;
}

.ImportFormIcon {
    width: 48px;
    height: 48px;
    float: left;
    margin-right: 10px;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: .25rem;
}

.ImportFormInfo {
    width: calc(100% - 70px);
    float: left;
}

.ImportFormTitle {
    font-weight: 500;
    font-size: 18px;
}

.ImportFormSpec,
.ImportFormAuthor {
    width: 49%;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.SearchFormContainer {
    position: relative;
}

/* #SearchFormSpecsContainer {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
} */


/* #SearchFormSpecsContainer.SelectContainer:before {
    background-image: url(../../imgs/down-24-w.svg);
    background-color: var(--cx-primary);
}
     */
/* #SearchFormSpecsContainer select, 
#SearchFormSpecsContainer option {
    background-color: var(--cx-primary);
    color: var(--cx-white);
    
} */

#SearchFormSpecsContainer select {
    border-radius: 0 5px 5px 0;
}

#ImportMedFormContainer {
    height: calc(100vh - 200px);
    overflow: auto;
}

#ImportMedFormContainer .form {
    pointer-events: none;
}

.ORSpacer {
    margin: 20px 0 !important;
    border-bottom: 1px solid var(--cx-gray-medium);
    position: relative;
    text-align: center;
}

.ORSpacer span {
    position: absolute;
    left: calc(50% - 20px);
    width: 36px;
    bottom: -10px;
    padding: 0 7px;
    color: var(--cx-gray-medium);
    background-color: var(--cx-white);
}

#EditImageContainer {
    position: fixed;
    text-align: center;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.9vh;
    background-color: var(--cx-white);
    padding: 90px 10px 10px 10px;

    display: none;
}

#EditImageHeader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: var(--cx-tertiary-bg);
    padding: 10px 0;
    text-align: left;
}

#EditImageCanvas {

    /* width: 100%;
    height: calc(100vh - 80px); */
    margin: 0 auto;
}

#Imagens .simplecolorpicker {
    max-width: 160px;
    vertical-align: middle;
}

#Imagens .simplecolorpicker.icon,
#Imagens .simplecolorpicker span.color {
    border: 1px solid var(--cx-border-color);
    width: 20px;
    height: 20px;
}

#SelectedColor {
    display: inline-block;
    width: 44px;
    height: 44px;
    border: 1px solid var(--cx-border-color);
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
}

#BrushSizeContainer {
    max-width: 180px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
}

.FakeSelect {
    height: 42px;
    width: 100%;
    background-color: var(--cx-white);
    border-radius: .25rem;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--cx-gray-medium);
    overflow: hidden;
}

.FakeOption {
    display: none;
    width: 100%;
    height: 42px;
    background-color: var(--cx-white);
    border: 1px solid var(--cx-border-color);
    border-bottom: 0;
    box-shadow: 0 1px 2px 0 rgba(var(--cx-black-rgb), 0.2);
    overflow: hidden;
    padding: 5px 15px;
    cursor: pointer;
    text-align: center;
}

.FakeSelect.FakeSelectOpened {
    padding-top: 42px;
    overflow: visible;
}

.FakeSelectOpened .FakeOption {
    display: block;
}

.FakeOption.FakeOptionSelected {
    display: block;
    pointer-events: none;
    border-top: 0;
    border-radius: .25rem;
    text-align: left;
}

.BrushSample {
    width: 94%;
    background-color: var(--cx-primary);
    display: inline-block;
    height: 1px;
    margin: 0 auto;
    margin-top: 17px;
}

.FakeOption:nth-child(1) .BrushSample {
    height: 1px;
    margin-top: 17px;
}

.FakeOption:nth-child(2) .BrushSample {
    height: 3px;
    margin-top: 15px;
}

.FakeOption:nth-child(3) .BrushSample {
    height: 6px;
    margin-top: 13px;
}

.FakeOption:nth-child(4) .BrushSample {
    height: 10px;
    margin-top: 11px;
}

.FakeOption:nth-child(5) .BrushSample {
    height: 15px;
    margin-top: 8px;
}

.FakeOption:nth-child(6) .BrushSample {
    height: 25px;
    margin-top: 3px;
}

.IconDisabled {
    opacity: 0.1;
    cursor: auto;
}


/* .IncomeView,.ExpenseView,.TransferView { display: none; }
.IncomeTransactionForm .IncomeView { display: inline-block; }
.ExpenseTransactionForm .ExpenseView { display: inline-block; }
.TransferTransactionForm .TransferView { display: inline-block; } */

.TransferView {
    display: none;
}

#UserLogDetailModal td,
.TransactionLogContainer td,
.TransactionLogContainer th,
#TransactionLogDetailModal td,
#LogDetailsContainer td,
#LogDetailsContainer th {
    padding: 7px;
}

#LogDetailsContainer table {
    border: 1px solid var(--cx-border-color);
}

.UserLogDetailHeader {
    background-color: var(--cx-tertiary-bg);
}

.UserLogDetailHeader td {
    font-weight: bold;
}

.UserLogDetail {
    padding-left: 20px;
}

.TransactionLogContainer thead,
.TransactionLogContainer tbody,
.TransactionLogContainer tr {
    display: block;
    clear: both;
    float: left;
    width: 100%;
}

.TransactionLogContainer td,
.TransactionLogContainer th {
    display: block;
    float: left;
    width: 24.46%;
}

.TransactionLogContainer td:first-child,
.TransactionLogContainer th:first-child {
    width: 26.6%;
}

.TransactionLogContainer thead tr {
    width: 100%;
}

.TransactionLogContainer.Scroll thead tr {
    width: 97.6%;
    width: calc(100% - 17px);
}

#Log {
    overflow: auto;
    height: 75px;
}

/* 
.LateralMenuSection .LateralMenuCaption {
    max-width: calc(100% - 40px);
    overflow: hidden;
    white-space: nowrap;
} */

.marquee {
    width: 100%;
    overflow: hidden;
}

.marquee span {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 12.5s linear infinite;
}

#Marquee {
    position: fixed;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 50px;
    padding-bottom: 10px;
    background-color: var(--cx-blue-mediumdark);
    z-index: 479;
    color: var(--cx-white);
    transition: all .5s cubic-bezier(0.59, 0.15, 0.37, 1.66);
    transform: translateY(50px);
}

.OpenedMarquee #Marquee {
    transform: translateY(0);
}

#Marquee ul {
    display: inline-block;
    /* overflow: hidden; */
    white-space: nowrap;
    padding: 0;
    margin: 0;
    padding-left: 100vw;
}

#Marquee li {
    padding-right: 20vw;
    display: inline-block;
    white-space: nowrap;
    list-style-type: none;
}

#Marquee a {
    color: var(--cx-white);
    margin-top: 8px;
    display: inline-block;
}

.OpenedMarquee #Marquee ul {
    /* animation: marquee 80s linear infinite; */
    animation-name: marquee;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 200s;
    animation-delay: .5s;
}

@keyframes marquee {
    0% {
        transform: translateX(250px);
    }

    100% {
        /* transform: translateX(calc((100% + 250px) * -1)); */
        transform: translateX(-100%);
    }
}

#NewsPanel {
    padding: 0;
    margin: 0;
}

.NewsItem {
    list-style-type: none;
    margin-bottom: 2px;
    float: left;
    cursor: pointer;
}

.NewsTitle {
    font-size: 16px;
    font-weight: 500;
}

.NewsDate {
    color: var(--cx-gray-mediumdark);
    font-size: 14px;
}

.NewsResume {
    color: var(--cx-body-color);
}

.NewsImage {
    float: left;
    width: 128px;
    height: 85px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 10px 10px 0;
}

.NewItemImage {
    background-size: cover;
    background-position: center;
}

.DateMask,
.DateIcon {
    background-image: url(../../imgs/calendar2-32-q.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-right: 36px;
}

.ReportDateContainer {
    display: none;
}

.LinkIcon {
    width: 100%;
    margin-bottom: 5px;

    height: 42px;
    display: inline-block;
    border-radius: .25rem;
    padding: 10px 8px 8px 38px;
    letter-spacing: 0.25px;
    background-repeat: no-repeat;
    background-position: center left 8px;
    background-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 22px;
}

/* #SharedContainer {
    display: none;
} */

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! ADD EXTENSIONS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

.AddExtensionIcon {
    /* width: 14.285%; */
    /* width: 8.33%; */
    /* width: 9.09%; */
    /* width: 16.6%; */
    /* float: left; */
    /* padding: 10px; */
    margin: 5px 0;
    background-repeat: no-repeat;
    background-position: center;
    height: 48px;
    /* border-left: 1px solid var(--cx-tertiary-bg); */
    cursor: pointer;
    background-size: 24px;
    display: inline-block;
    text-align: center;

}

.HiAppEmbed .AddExtensionIcon {
    /* width: 20%; */
}


.AddExtensionsSection,
#AddExtensionList {
    /*float: left;*/
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
    overflow: hidden;
    /* height: 120px; */
}

.AddExtensionsSection {
    margin-bottom: 3px;
    display: none;
    /* background-color:  var(--cx-tertiary-bg); */
    margin-top: 3px;
    /* transition: all .5s linear; */
}

.AppointmentStarted .AddExtensionsSection {
    display: block;
}

.AddExtensionIcon:first-child {
    border-left: 0;
}

.AddImagePlaceholder {
    height: 270px;
    width: 100%;
    float: left;
    margin: 0;
    border: 1px solid var(--cx-gray-medium);
    cursor: pointer;

    /* background-image: url(../../imgs/add-48-q.png); */
    /* background-repeat: no-repeat;
    background-position: 50% 45%; */
    color: var(--cx-gray-mediumdark);
    /* padding-top: 160px; */
    /* text-align: center; */
    font-weight: bold;
}

.PreviewImageContainer {
    height: 270px;
    position: relative;
}

.ImagePreviewsContainer {
    padding: 0;
}



.LoadingImage,
.LoadingImageProgress {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
}

.LoadingImageProgress {
    background-color: rgba(var(--cx-black-rgb), .2);
    text-align: center;
    padding: 100px 0;
    font-size: 36px;
}

.LoadingImageBar {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgba(var(--cx-primary-rgb), 0.2);
    width: 0;
    z-index: -1;
}


.PatientMedicalDataMiniPACSButtonContainer {
    width: 100%;
    border-top: 1px solid var(--cx-border-color);
}

#PatientMedicalDataMiniPACSButton {
    width: 100%;
    padding: 10px;
    display: block;
    margin-bottom: 0;
    text-align: center;
    color: var(--cx-gray-mediumdark);
    cursor: pointer;
}

#PatientMedicalDataMiniPACSButton * {
    vertical-align: middle;
}

.SavingMessage {
    min-width: 120px;
    height: 42px;
    padding: 13px 10px;

    display: none;
}

.ck .ck-cke_editable[contenteditable="false"],
.cke_editable.cke_editable_inline[contenteditable="false"] {
    background-color: var(--cx-gray-200);
    opacity: 1;
    cursor: not-allowed;
}


.ShowEditMiniPACS,
.SaveMiniPACSContainer,
.PatientMedicalDataMiniPACSButtonContainer {
    display: none;
}

.PatientMedicalDataMiniPACSIcons .RemoveMiniPACS {
    display: none;
}

.PatientMedicalDataText.EditingExtensionBlock:hover .ShowEditMiniPACS,
.PatientMedicalDataText.EditingExtensionBlock:hover .PatientMedicalDataMiniPACSItem:hover .PatientMedicalDataMiniPACSIcons .RemoveMiniPACS {
    display: block;
}


.EditingExtensionBlock .PatientMedicalDataMiniPACSUpdate {
    display: none;
}

.PatientMedicalDataMiniPACSEditingOnly {
    display: none;
}

.EditingExtensionBlock .PatientMedicalDataMiniPACSEditingOnly {
    display: table-row;
}


.MiniPACSEditing .MiniPACSItemDescription,
.MiniPACSItemDescriptionInput {
    display: none;
}

.MiniPACSItemDescription,
.MiniPACSEditing .MiniPACSItemDescriptionInput {
    display: block;
}


.BillForm .FakeCol {
    padding: 0;
    height: 36px;
    border-right: 0 !important;
    overflow: visible;
}

.BillForm .FakeCol.BillOwnerCol {
    overflow: hidden;
    padding: 10px;
    border-left: 1px solid var(--cx-border-color);
}

.BillForm .cx-row {
    margin-bottom: 0;
}


.BillForm input,
.BillForm select {
    border-radius: 0 !important;
    border: 1px solid var(--cx-border-color) !important;
    border-right: 0 !important;
    border-top: 0 !important;
}

.BillForm .FakeCol:first-of-type {
    margin-right: -1px;
}

.BillForm .FakeCol:first-of-type input {
    border-left: 0 !important;
}


/********************************************/




.OpenedNewBillPanel #NewBillPanel {
    transform: translateX(0);
}


.BillsContainer .BillRow {
    cursor: pointer;
}


.BillProcedureCol {
    width: 37.5%;
}

.BillActionsCol {
    display: none;
}

.EditingBills .FakeCol {
    width: 13%
}

.EditingBills .BillActionsCol {
    display: inline-block;
    width: 32px !important;
    border-left: 1px solid var(--cx-border-color);
}

.EditingBills .BillProcedureCol {
    width: calc(35% - 32px);
}

.EditBills,
.PatientMedicalDataTextBill.EditingBills:hover .EditBills {
    display: none;
}

.PatientMedicalDataTextBill:hover .EditBills {
    display: block;
}

.BillProcedureCol li.typeahead__empty {
    height: 64px;
    white-space: normal;
}

.EditingBills .BillRow:hover {
    cursor: pointer;
    background-color: var(--cx-tertiary-bg);
}

.BillButtonsContainer,
.SaveBills,
.CancelBillEdition {
    display: none;
}

.TodaysMedicalData .BillButtonsContainer {
    display: block;
}

.EditingBills .SaveBills {
    display: block;
}

/* .SaveBills { margin-top: 10px; } */

.BillOwnerCol {
    display: none;
}

.ExtensionBillsBlock .FakeCol {
    width: 12.5%
}

.ExtensionBillsBlock .BillProcedureCol {
    width: 37.5%;
}

.EditingBills.ExtensionBillsBlock .BillOwnerCol {
    display: none;
}

.EditingBills.ExtensionBillsBlock .FakeCol {
    width: 13%
}

.EditingBills.ExtensionBillsBlock .BillProcedureCol {
    width: calc(35% - 32px);
}

.EditingBills .BillGuest {
    color: var(--cx-gray-mediumdark);
    pointer-events: none;
}

/* #BillForm_new .BillActionsCol { display: none; } */

.AddBillButton {
    width: 100%;
    padding: 15px;
    display: none;
    margin-bottom: 0;
    text-align: center;
    color: var(--cx-gray-mediumdark);
    cursor: pointer;
    border: 1px solid var(--cx-border-color);
    border-top: 0;
}

.AppointmentStarted .TodaysMedicalData .AddBillButton {
    display: block;
}

.EmptyMedicalData .PatientMedicalDataTitle {
    pointer-events: none;
}

.EmptyMedicalData .ToggleMedicalData {
    display: none;
}

.AllFiltered {
    pointer-events: none;
    opacity: 0.2;
}

.AllFiltered .ToggleMedicalData {
    display: none;
}

.AppointmentStarted .AllFiltered.TodaysMedicalData {
    pointer-events: all;
    opacity: 1;
}

.AppointmentStarted .AllFiltered.TodaysMedicalData .ToggleMedicalData {
    display: block;
}

.AddBillButton * {
    vertical-align: middle;
}

.SecurityStatus {
    padding-right: 42px;
    background-position: center right 10px;
    background-size: 24px;
    background-repeat: no-repeat;
    width: 133px;
    padding: 13px 10px 12px 10px;
    border-radius: .25rem;
}

.SecurityStatus.SecurityConfirmed {
    color: var(--cx-success);
    background-image: url(../../imgs/check-icon-24-v.png);
}

.SecurityStatus.SecurityPendent {
    color: var(--cx-danger);
    background-image: url(../../imgs/alert-24-r.png);
}


.OpenedAuthChangeSecurityPanel #AuthChangeSecurityPanel {
    transform: translateX(0);
}

.OpenedChangeSecurityPhonePanel #ChangeSecurityPhonePanel {
    transform: translateX(0);
}

.OpenedChangeSecurityEmailPanel #ChangeSecurityEmailPanel {
    transform: translateX(0);
}

.OpenedConfirmCodePanel #ConfirmCodePanel {
    transform: translateX(0);
}


#WhatsappPanel .OpenWhatsappPanel,
#WhatsappPanel .AppointPatientCardPhone {
    display: none !important;
}

/*  !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! WILD SEARCH !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */


#WildSearchInput {
    width: calc(100% - 140px);
    max-width: 680px;
}

#PatientResponseList {
    list-style-type: none;
    padding: 0;
    margin-top: 5px;
}


.PatientExtensions {
    padding-left: 60px;
}

.WildSearchExtensionBody {
    margin-top: 10px;
    border-top: 1px solid var(--cx-gray-medium);
    padding-top: 5px;
}

.WildSearchDate {
    margin-right: 5px;
}

.WildSearchDate,
.WildSearchTextTitle {
    display: inline-block;
}

.WildSearchTextTitle {
    margin-bottom: 10px;
    font-size: 18px;
}

.WildSearchStatus {
    float: right;
    color: var(--cx-gray-mediumdark);
}

.highlight {
    font-weight: bold;
}



.Loading.LoadingBottom {
    padding-bottom: 32px !important;
    background-position: bottom -100px center !important;
    opacity: 1 !important;
}

.CopyRightContainer {
    position: static;
    margin: 20px auto;
    bottom: auto;
    width: 100%;
    left: auto;
    float: left;
}

.FixedCopyRight .CopyRightContainer {
    position: fixed;
    bottom: 20px;
    left: 0;
}

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! HEIGHT !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!  */

/* @media (min-height: 920px) {

    
}  */

/********************************************/

.AppointLbl {
    display: none;
}

.PatientRight {
    float: none !important;
    text-align: right;
    margin-top: 0;
    margin-bottom: 5px;
}


.ToPayCel,
.ToReceiveCel {
    display: none;
}

.ConfigSecurityBlock {
    display: table;
    width: 100%;
}

.ConfigSecurityEmail {
    display: table-header-group;
    width: 100%;
}

.ConfigSecurityButton {
    margin-top: 10px;
}

#PatientForm .InputContainer {
    margin-top: 10px;
}

.PatientAge.PatientInfoItem {
    font-size: 14px;
}

.PatientEmail.PatientInfoItem,
.PatientInsurance.PatientInfoItem,
.PatientPhones.PatientInfoItem {
    display: none;
}

/* #AppointPatientCardContainer { min-height: 110px; } */

.HiAppEmbed .PatientMedicalDataTextRemove,
.HiAppEmbed .PatientMedicalDataTextEdit,
.HiAppEmbed .PatientMedicalDataTextEditMiniPACS,
.HiAppEmbed .PatientMedicalDataTextEditForm,
.HiAppEmbed .PrintMedForm,
.HiAppEmbed .PatientMedicalDataTextShare,
.HiAppEmbed .PatientMedicalDataTextPrint,
.HiAppEmbed .PatientMedicalDataTextHistory,
.HiAppEmbed .PatientMedicalDataTextRepeat,
.HiAppEmbed .PatientMedicalDataTextBlock {
    display: block;
}

ul.typeahead__list {
    max-height: 380px;
    overflow-y: auto;
}

.gap-1px {
    gap: 1px !important;
}

.MedFormList .MedFormItem,
.MedFormRecord .header h1,
.PatientMedicalDataTextMedForms .header h1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.MedFormRecord .header,
.PatientMedicalDataTextMedForms .header,
#ImportMedFormContainer .header {
    padding-left: 70px !important;
}

.MedFormRow .var label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 !important;
    font-size: 14px;
}

/* .cke_toolbar { max-height: 31px !important; } */


.MultiAccessAlert {
    float: left;
    color: var(--cx-gray-mediumdark);
    font-size: 14px;
    padding: 0 5px 0 5px;
    max-width: 80%;
}


[data-bs-placement="topleft"] .popover {
    position: relative;
    min-width: 260px;
    transform: translate(-100%, -105%);
}

.ShowExamResultReference {
    display: none;
}

.EditingExtensionBlock .ShowExamResultReference {
    display: inline-block;
}

#ImageCapturing {
    width: 100%;
}

#WizardFirst {
    display: none !important;
}

.FirstAccess #WizardFirst {
    display: block !important;
}

.FirstAccess #WizardDefault {
    display: none !important;
}

.errorModal.modal {
    background-color: rgba(var(--cx-black-rgb), 0.4);
}

.errorModal tr th {
    width: 100% !important;
}

.errorModal tr td {
    width: 50% !important;
    max-width: 160px;
    min-height: 41px;
}

/* 
#NewSchedulePanel .nav-link { border: 1px solid var(--cx-border-color) !important; border-left: none !important; background-color: var(--cx-white); }
#NewSchedulePanel .nav-link.active { border-bottom: none !important; } */

#AppointPatientCardContainer .accordion-button::after {
    background-image: url('data:image/svg+xml,%3csvg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"%3e%3cpath stroke="%23333333BF" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M3.5,8.5 l8.5,8.5 l8.5,-8.5" /%3e%3c/svg%3e') !important;
}

.AppointPatientCardInsurance,
.AppointPatientCardPhone {
    display: none;
}

.collapsed .AppointPatientCardInsurance,
.collapsed .AppointPatientCardPhone {
    display: block;
}



.LoadingCalendar {
    animation: growLoading 2s ease-in-out infinite;
    transform-origin: center;
}

@keyframes growLoading {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    50% {
        transform: scale(1.05);
        opacity: 1;
    }

    95% {
        transform: scale(0.95);
        opacity: 0.8;
    }

    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}

@media screen {

    #CashFlowContainer table tr th:nth-child(2),
    #CashFlowContainer table tr td:nth-child(2),
    #CashFlowContainer table tr th:nth-child(3),
    #CashFlowContainer table tr td:nth-child(3),
    #CashFlowContainer table tr th:nth-child(4),
    #CashFlowContainer table tr td:nth-child(4),
    #CashFlowContainer table tr th:nth-child(6),
    #CashFlowContainer table tr td:nth-child(6),
    #CashFlowContainer table tr th:nth-child(7),
    #CashFlowContainer table tr td:nth-child(7),
    #CashFlowContainer table tr th:nth-child(8),
    #CashFlowContainer table tr td:nth-child(8) {
        display: none;
    }
}

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

    #CashFlowContainer table tr th:nth-child(4),
    #CashFlowContainer table tr td:nth-child(4) {
        display: table-cell;
    }
}

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

    #CashFlowContainer table tr th:nth-child(6),
    #CashFlowContainer table tr td:nth-child(6) {
        display: table-cell;
    }

}


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

    #CashFlowContainer table tr th:nth-child(3),
    #CashFlowContainer table tr td:nth-child(3) {
        display: table-cell;
    }
}

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

    #CashFlowContainer table tr th:nth-child(7),
    #CashFlowContainer table tr td:nth-child(7) {
        display: table-cell;
    }

    .H296 {
        height: 296px;
    }

    .H475 {
        height: 475px;
    }
}

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

    #CashFlowContainer table tr th:nth-child(2),
    #CashFlowContainer table tr td:nth-child(2) {
        display: table-cell;
    }
}

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

    #CashFlowContainer table tr th:nth-child(8),
    #CashFlowContainer table tr td:nth-child(8) {
        display: table-cell;
    }
}

.Default .ParamAltered:checked~.AlertM {
    background-image: url(../../imgs/alert-24-r.png);
}

.ExamResultItem[data-altered="1"] {
    color: var(--cx-danger);
}

.ExamResultItem[data-altered="1"]:after {
    border-color: var(--cx-danger) !important;
}


@media (hover: hover) {

    .ManageDiseaseIcons {
        display: none;
    }

    .PatientMedicalDataTextRemove,
    .PatientMedicalDataTextEdit,
    .PatientMedicalDataTextEditMiniPACS,
    .PatientMedicalDataTextEditForm,
    .PrintMedForm,
    .PatientMedicalDataTextShare,
    .PatientMedicalDataTextPrint,
    .PatientMedicalDataTextDigitalSignature,
    .PatientMedicalDataTextHistory,
    .PatientMedicalDataTextRepeat,
    .PatientMedicalDataTextBlock {
        display: none;
    }

    .RemoveExamResultParam,
    .AlertExamResult {
        display: none;
    }

    .AddExamResultItem:hover .RemoveExamResultParam,
    .AddExamResultItem:hover .AlertExamResult {
        display: block;
    }

    .ParamAltered:checked~.AlertExamResult {
        display: block;
    }
}

@media (hover: none) {


    .cx-hoverIcon {
        display: block !important;
    }

    .ManageDiseaseIcons {
        display: block;
    }

    .RemoveExamResultParam,
    .AlertExamResult {
        display: block;
    }

    .PatientMedicalDataTextRemove,
    .PatientMedicalDataTextEdit,
    .PatientMedicalDataTextEditMiniPACS,
    .PatientMedicalDataTextEditForm,
    .PrintMedForm,
    .MedFormDateBtn,
    .PatientMedicalDataTextShare,
    .PatientMedicalDataTextPrint,
    .PatientMedicalDataTextHistory,
    .PatientMedicalDataTextRepeat,
    .PatientMedicalDataTextBlock {
        display: block;
    }

    .EditingExtensionBlock .PatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSIcons {
        display: table-cell;
    }
}

/* .PatientName { font-size: 22px; } */
#PatientObs,
#PatientAlert {
    visibility: hidden;
}

.cke_textarea_inline {
    padding: 0 10px;
}

.HiAppEmbed #MainContainer {
    padding-top: 0 !important;
}

.HiAppEmbed #ShowPatientContainer {
    min-height: 65px;
}

.HiAppEmbed .PageTitle {
    margin: 0 0 10px 0;
}

.ShowPatientHistory {
    display: none;
}

#Dados-pessoais .ShowInvoice {
    display: none;
}

/* .DiseaseAttachList {
    display: none;
} */

.ExtensionOrder {
    padding: 13px 5px;
    color: var(--cx-primary);
    cursor: pointer;
    display: none;
}

#DiseaseOrderList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 150px;
    position: fixed;
    box-shadow: 1px 2px 9px rgb(var(--cx-black-rgb) / 20%);
    border: 1px solid var(--cx-border-color);
    z-index: 591;

    display: none;
}

.ShowDiseaseOrder #DiseaseOrderList {
    display: block;
}

.DiseaseOrderListItem {
    background-color: var(--cx-white);
    padding: 10px;
    cursor: pointer;

}

.DiseaseOrderListItem~.DiseaseOrderListItem {
    border-top: 1px solid var(--cx-border-color);
}

.DiseaseOrderListItem:hover {
    background-color: var(--cx-tertiary-bg);
}

.OpenedMedicalDataList .ExtensionOrder {
    display: block;
}

.ExtensionList {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.DiseaseItens {
    /* padding: 10px; */
    background-color: var(--cx-white);
}

.DiseaseItem {
    border: 1px solid var(--cx-border-color);
}

.DiseaseItem:first-child {
    border-top: 0;
}

.DiseaseItem~.DiseaseItem {
    border-top: 0;
}

/* .DiseaseItemHeader:hover,.DiseaseItemOpened .DiseaseItemHeader {
    background-color: var(--cx-tertiary-bg) !important;
} */

.DiseaseItemName {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PatientMedicalDataTextDiseas .DiseaseItemName {
    max-width: 80%;
}

.DiseaseItens .DiseaseItemName {
    width: calc(100% - 230px);
    padding: 10px;
}

.DiseaseItens .DiseaseItemOpened .DiseaseItemName {
    width: calc(100% - 125px);
}

.DiseaseItemComplement {
    display: none;
    border-top: 1px solid var(--cx-border-color);
}

.DiseaseItemOpened .DiseaseItemComplement {
    display: block;
}

.DiseaseItemHeader {
    cursor: pointer;
    background-color: var(--cx-white);
}

.DiseaseItemHeader:hover {
    background-color: var(--cx-tertiary-bg);
}

.DiseaseItemArrow {
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
    background-image: url(../../imgs/arrow-up-16-m.png);
    transform: rotate(180deg);
    transition: all .5s ease;
    float: right;
    width: 41px;
    height: 41px;
}

.DiseaseItemOpened .DiseaseItemArrow {
    transform: rotate(0);
}

.DiseaseItemStatusDate {
    padding: 10px;
    padding-right: 0;
}

.DiseaseItemUpdate {
    padding: 10px;
    color: var(--cx-primary);
}


.DiseaseItemEpisodeStatus {
    display: inline-block;
    /* width: 100px; */
    margin-right: 10px;
}

.DiseaseItemStatusDate,
.AppointmentStarted .DiseaseItemOpened .DiseaseItemUpdate {
    display: block;
}

.DiseaseItemUpdate,
.DiseaseItemOpened .DiseaseItemStatusDate {
    display: none;
}

.DiseaseHistoryRow {
    display: none;
    min-height: 40px;
    padding: 10px;
    background-color: var(--cx-tertiary-bg);
    color: var(--cx-gray-mediumdark);
}

.DiseaseHistoryItem~.DiseaseHistoryItem {
    margin-top: 10px;
    border-top: 1px solid var(--cx-border-color);
    padding-top: 10px;
}

/* .DiseaseItemEpisode ~ .DiseaseItemEpisode {
    margin-top: 10px;
} */

/* .DiseaseItemEpisodeAdd {
    text-align: center;
    color: var(--cx-primary);
    cursor: pointer;
    display: none;
} */

/* .AppointmentStarted .DiseaseItemEpisodeAdd { display: block; } */

.DiseaseItemEpisodeAdd * {
    display: inline-block;
    vertical-align: middle;
}

.DiseaseItemEpisode~.DiseaseItemEpisode {
    border-top: 1px solid var(--cx-border-color);
}

.DiseaseItemEpisode {
    padding: 10px;
    padding-left: 20px;
    cursor: pointer;
    float: left;
    width: 100%;
}

.DiseaseItemEpisodeInfo {
    /* padding-left: 10px; */
    float: right;
}

.DiseaseItemEpisodeOwner {
    float: left;
    /* font-size: 12px; */
    color: var(--cx-gray-mediumdark);
    width: 100%;
    text-align: right;
}


.DiseaseItemEpisodeDate {
    padding-bottom: 5px;
    color: var(--cx-primary);
    cursor: pointer;
    float: right;
    clear: right;
}

.HistoryDiseaseStatusSelect,
.EditingDisease .HistoryDiseaseStatus {
    display: none;
}


.HistoryDiseaseStatus,
.EditingDisease .HistoryDiseaseStatusSelect,
.DiseaseHistoryItem:hover .ManageDiseaseIcons {
    display: block;
}

.DiseaseForm {
    float: left;
    padding: 10px;
    border: 1px solid var(--cx-border-color);
    margin-top: 10px;
}

/* .TodaysMedicalData .DiseaseForm { padding: 0; border: 0;  } */

.DiseaseSearch[readonly] {
    pointer-events: none;
}

.DiseaseEndRow,
.ApproximatedLabel {
    display: none;
}

.ApproximatedLabel {
    padding-right: 20px;

    background-image: url(../../imgs/info-16-q.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 16px;
}

/*********************/



.AddDiseaseAttachList {
    padding: 10px;
    text-align: center;
    border: 1px solid var(--cx-border-color);
    border-top: 0;
    color: var(--cx-primary);
    display: none;
}


.AppointmentStarted .AddDiseaseAttachList {
    display: block;
}

.AddDiseaseAttachList * {
    vertical-align: middle;
}

/*********************/




#PatientTabs {
    margin-bottom: 10px;
    float: left;
    box-shadow: 0 2px 6px rgba(var(--cx-black-rgb), 0.1);
}

.PatientTabItem {
    height: 42px;
    width: 42px;
    background-color: var(--cx-white);
    float: left;
    border-color: var(--cx-gray-200);
    border-top: 1px solid var(--cx-border-color);
    background-position: center;
    background-size: 16px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.PatientTabItem~.PatientTabItem {
    border-left: 1px solid var(--cx-border-color);
}

.PatientTabItem.PatientTabPressed {
    border-bottom: 3px solid var(--cx-primary);
    border-top: 5px solid var(--cx-white);
}

.PatientTabHistory {
    background-image: url(http://dev.centralx.org/eldorado/imgkit/HEAD/src/icon/m/history-16-m.png);
}

.PatientTabDisease {
    background-image: url(http://dev.centralx.org/eldorado/imgkit/HEAD/src/icon/m/virus-16-m.png);
}


.HistoryCol,
.AttachCol {
    width: 100%;
    /* float: left; */
    margin-left: 0;
    margin-top: 10px;
}

.AttachCol {
    position: static;
    top: 0;
}



.OpenedDiseasePanel #AddDiseasePanel {
    transform: translateX(0);
}


#TeleconsultaPanel {
    padding-bottom: 0 !important;
}

#TeleconsultaPanel .store {
    width: 200px;
}

#TeleconsultaIFrame {
    width: 100%;
    border: 0;
    min-height: calc(100vh - 180px);
}

.EmptyToday {
    display: none;
}

.AppointmentStarted .EmptyToday {
    display: block;
}

.AppointmentStarted .PatientMedicalDataEmpty {
    display: none;
}

.PassportLinkItemContainer {
    min-height: 43px;
}

#WhatsappMessageContainerTitle {
    color: var(--cx-gray-500);
    width: 100%;
    padding-bottom: 5px;
}

#WhatsappButtonsContainer {
    width: 100%;
    background-color: var(--cx-tertiary-bg);
    padding: 10px;
}

/* #SendWhatsappMessage { */
/*     padding-left: 38px; */
/*     background-image: url(../../imgs/whatsapp.png); */
/*     background-repeat: no-repeat; */
/*     background-position: center left 8px; */
/*     background-size: 24px; */
/* } */
.btn-success.btn-whatsapp:hover {
    background-color: var(--cx-success-text-emphasis);
    border-color: var(--cx-success-text-emphasis);
}

.btn-success.btn-whatsapp {
    background-color: var(--cx-whatsapp);
    border-color: var(--cx-whatsapp);
}

.PrescriptionUseTitle {
    margin-top: 10px;
    font-size: 18px;
    font-weight: 500;
    float: left;
    width: 100%;
}

.PrescriptionMedicationForm~.PrescriptionMedicationForm {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid var(--cx-border-color);
    float: left;
    width: 100%;
}

.ChangeInstructionsType {
    background-image: url(../../imgs/freetext.svg);
}


.PrescriptionInstructions {
    float: left;
    width: calc(100% - 37px);
}

.PrescriptionInstructionsOpened {
    display: none;
}

.ShowPassportLinkButton {
    position: absolute;
    top: 25px;
    color: var(--cx-white);
    right: 1px;
    height: 36px;
    padding: 7px 10px;
    border-radius: 0 5px 5px 0;
    min-width: 135px;
}


#GetMoreBlocksRow {
    display: none;
}


/*****************************************/

.hide-on-collapsed,
.collapsed .show-on-collapsed {
    display: block;
}

.show-on-collapsed,
.collapsed .hide-on-collapsed {
    display: none;
}


.PatientMedicalDataTextExamResult .ExamResultItem {
    position: relative;
    z-index: 1;
}

.PatientMedicalDataTextExamResult .ExamResultItem span {
    z-index: 10;
    padding: 0 2px;
}

.PatientMedicalDataTextExamResult .ExamResultItem:after {
    content: " ";
    position: absolute;
    bottom: 5px;
    width: 96%;
    left: 2%;
    z-index: -1;
    border-bottom: 1px dotted var(--cx-gray-mediumdark);
}

/*****************************************/

.ExamResultItem~.ExamResultForm {
    margin-top: 10px;
}

.ExamInfoRefImagePreview {
    width: 100%;
    height: 168px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.ExamInfoReferenceText {
    height: 168px;
}


.ButtonList {
    min-height: 60px;
    box-shadow: inset 0 0 2px 0px var(--cx-gray-medium);
    border-radius: 4px;
    background-color: var(--cx-gray-lighter);
    overflow-x: auto;
    overflow-y: hidden;
}

.InButtons.ButtonList,
.OutButtons.ButtonList {
    align-items: center;
}

.InButtons.ButtonList>.AddExtensionIcon,
.OutButtons.ButtonList>.AddExtensionIcon {
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 60px;
}

#AddExtensionList #OtherAddExtensionIcons .AddExtensionIcon {
    /* width: 100% !important; */
}

#AddExtensionList #OtherAddExtensionIcons {
    position: absolute;
    height: 100%;
    display: block;
    transform: translateY(100vh);
    transition: transform .5s ease;
    bottom: 0;
    /* top: 50vh; */
    left: 0;
    background-color: var(--cx-tertiary-bg);
    /* padding: 10px; */
    padding: 0;
    z-index: 800;
    border-radius: 4px;
    width: max-content;
}




#AddExtensionList #OtherAddExtensionIcons .AddExtensionIcon {
    /* float: right; */
}

#AddExtensionList .ListExtensionIcon:hover #OtherAddExtensionIcons {
    display: block;
    transform: translateY(0);
}

.ButtonList #OtherAddExtensionIcons,
#OtherAddExtensionIcons.ButtonList {
    min-width: 108px;
    min-height: 54px;
    display: inline-flex;
    position: relative;
    height: 54px;
    transform: none;
    bottom: auto;
    left: auto;
    align-items: center;
    vertical-align: middle;
    padding: 1px;
    white-space: nowrap;
    overflow: auto;
    max-width: calc(100vw - 100px);
    width: max-content;
    overflow: hidden;
    column-gap: .5rem;
}

body.DraggingAddExtensionIcon .ButtonList #OtherAddExtensionIcons,
body.DraggingAddExtensionIcon #OtherAddExtensionIcons.ButtonList,
body.DraggingAddExtensionIcon .ButtonList #OtherAddExtensionIcons .OtherAddExtensionIconList,
body.DraggingAddExtensionIcon #OtherAddExtensionIcons.ButtonList .OtherAddExtensionIconList {
    overflow: visible;
}

.ButtonList #OtherAddExtensionIcons .OtherAddExtensionIconList,
#OtherAddExtensionIcons.ButtonList .OtherAddExtensionIconList {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 108px;
    width: max-content;
    flex: 0 0 auto;
    min-height: 54px;
    margin: 0;
    padding: 0 4px;
    overflow: hidden;
}

body>.ui-sortable-helper.AddExtensionIcon {
    z-index: 10000 !important;
}

.ButtonList #OtherAddExtensionIcons .AddExtensionIcon,
#OtherAddExtensionIcons.ButtonList .AddExtensionIcon {
    margin: 0;
    width: 48px !important;
    float: none !important;
    display: flex;
    align-items: center;
}

.ListExtensionIcon {
    /* position: relative; */
}

.ButtonList .OthersM {
    display: inline-block;
    vertical-align: middle;
}

.ButtonList .ListExtensionIcon {

    background-color: var(--cx-white);
    padding: 3px;
    width: auto !important;
    min-width: 167px;
    margin: 0;
    min-height: 60px;
}

#PersonalSearchLinkPatientList .typeahead__list {
    position: relative;
    box-shadow: none;
}

#PersonalSearchLinkPatientList .typeahead__list>li {
    border-top: 0;
}

#PersonalSearchLinkPatientList .typeahead__list>li~li {
    border-bottom: 0;
}

.OpenedSearchPatientByOnlineAppointmentPanel #SearchPatientByOnlineAppointmentPanel {
    transform: translateX(0);
}

.OpenedUpdateByOnlinePatientPanel #UpdateByOnlinePatientPanel {
    transform: translateX(0);
}

.UpdateOnlineDataRadio:checked~span {
    font-weight: 500;
}

.d-table-header {
    display: table-header-group !important;
}

.d-table-body {
    display: table-row-group !important;
}

.WizardProgressContainer {
    overflow: hidden;
}

#WizardProgressBar {
    height: 30px;
    transform: translateX(-100%);
}

#WizardProgressCounter {
    line-height: 30px;
}

.Default .CurrentWizardItem .Icon {
    background-image: url(../../imgs/arrowselect-24-w.svg);
    transform: rotate(-90deg);
}

.Bullet {
    position: relative;
}


.Bullet:before {
    content: "\2022";
    font-weight: bold;
    display: inline-block;
    width: 16px;
    font-size: 22px;
    line-height: 12px;
    position: absolute;
    top: 0px;
    left: 3px;
}

.CurrentWizardItem .Bullet:before {
    display: none;
}

#CatalogoInsurances_1 {
    min-height: 42px;
    height: auto;
}

#WizardPhotoPreview {
    width: 120px;
    height: 120px;
}


.FixedTBody thead,
.FixedTBody tfoot,
.FixedTBody tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
    /* even columns width , fix width of table too*/
    width: 100%;
}

.FixedTBody tbody tr {
    margin-left: 2px;
    width: calc(100% - 2px) !important;
}

.FixedTBody tbody {
    overflow-y: auto;
    display: block;
    width: 100%;
}

.FixedTBody .BalanceBoxBody {
    height: 98px;
}

.FixedTBody .NewBankAccountBoxBody,
.FixedTBody .NewCostCenterBoxBody {
    max-height: 30vh;
}

.FixedTBody .NewManageUserBoxBody,
.FixedTBody .NewUserBoxBody {
    max-height: 30vh;
}


.GroupTransactionsList {
    max-height: 115px;
}

.GroupTransactionItemDate {
    width: 20%;
    padding: 10px;
}

.GroupTransactionItemDesc {
    width: 50%;
    padding: 10px;
}

.GroupTransactionItemValue {
    width: 20%;
    padding: 10px;
}

.GroupTransactionItemPayd {
    width: 10%;
    padding: 10px;
}


#EntityLogPanel .form-control[readonly] {
    background-color: var(--cx-white) !important;
    color: var(--cx-body-color) !important;
    cursor: auto !important;
}

#EntityLogPanel .PhotoPreview {
    pointer-events: none !important;
}

.c3-line {
    stroke-width: 2px;
    opacity: 0.75 !important;
}

.c3-line-Paciente {
    stroke-width: 3px !important;
    opacity: 1 !important;
}

.c3-circle {
    display: none;
}

.c3-circles-Paciente .c3-circle {
    display: block;
}

.c3-grid line {
    stroke: var(--cx-gray-medium);
}

.c3 text {
    color: var(--cx-body-color);
}

.ChildAddForm {
    display: none;
}

.TodaysMedicalData .ChildAddForm {
    display: block;
}

.xmt-2 {
    margin-top: 2px;
}

#OnlineScheduleBanner {

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 780px;
    background-image: url(../../imgs/agendamentoonline/banner-agendamento-mob.png);
}


@media (min-width: 1200px) {

    #OnlineScheduleBanner {

        min-height: 0;
        background-image: url(../../imgs/agendamentoonline/banner-agendamento.png);
    }
}


#OnlineScheduleEmbed {
    width: 100%;
    height: 120px;
    resize: none;
}

.sup-legend>legend {
    position: absolute;
    top: -14px;
    background-color: var(--cx-white);
    padding: 0 7px;
    display: flex !important;
    width: auto;
    left: 10px;
    margin: 0 !important;
}

.progress {
    background-color: var(--cx-gray-200) !important;
}

#OnlineScheduleProgress {
    width: 0;
}

#OnlineScheduleInfo[data-step="1"] #OnlineScheduleProgress {
    width: 0;
}

#OnlineScheduleInfo[data-step="2"] #OnlineScheduleProgress {
    width: 25%;
}

#OnlineScheduleInfo[data-step="3"] #OnlineScheduleProgress {
    width: 50%;
}

#OnlineScheduleInfo[data-step="4"] #OnlineScheduleProgress {
    width: 75%;
}

#OnlineScheduleInfo[data-step="5"] #OnlineScheduleProgress {
    width: 100%;
}

.OnlineScheduleStepBox {
    display: none;
    background-color: var(--cx-white);
}

#OnlineScheduleInfo[data-step="1"] .OnlineScheduleStepBox_1 {
    display: block;
}

#OnlineScheduleInfo[data-step="2"] .OnlineScheduleStepBox_2 {
    display: block;
}

#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepBox_3 {
    display: block;
}

#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepBox_4 {
    display: block;
}

#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepBox_5 {
    display: block;
}

.OnlineScheduleStepIcon {
    color: var(--cx-gray-500);
    background-color: var(--cx-gray-200) !important;
    border-bottom: 1px solid var(--cx-border-color) !important;
    transition: all .3s linear;
}

.OnlineScheduleStepIcon {
    position: relative;
    display: flex;
    padding-left: 15px !important;
}

.OnlineScheduleStepIcon:after,
.OnlineScheduleStepIcon:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
    transition: all .3s linear;
}

.OnlineScheduleStepIcon:after {
    border-color: rgba(var(--cx-primary-rgb), 0);
    border-left-color: var(--cx-gray-200);
    border-width: 21px;
    margin-top: -21px;
}

.OnlineScheduleStepIcon:before {
    border-color: rgba(var(--cx-white-rgb), 0);
    border-left-color: var(--cx-white);
    border-width: 22px;
    margin-top: -22px;
}


.OnlineScheduleStepIcon:last-child:after,
.OnlineScheduleStepIcon:last-child:before {
    display: none !important;
}

/********* STEP BTNS ***********/

.OnlineScheduleStepButton {
    pointer-events: none;
    opacity: .65;
}

#OnlineScheduleInfo[data-canstep="2"] .OnlineScheduleStepButton_1 {
    pointer-events: auto;
    opacity: 1;
}

#OnlineScheduleInfo[data-canstep="3"] .OnlineScheduleStepButton_1,
#OnlineScheduleInfo[data-canstep="3"] .OnlineScheduleStepButton_2 {
    pointer-events: auto;
    opacity: 1;
}

#OnlineScheduleInfo[data-canstep="4"] .OnlineScheduleStepButton_1,
#OnlineScheduleInfo[data-canstep="4"] .OnlineScheduleStepButton_2,
#OnlineScheduleInfo[data-canstep="4"] .OnlineScheduleStepButton_3 {
    pointer-events: auto;
    opacity: 1;
}

#OnlineScheduleInfo[data-canstep="5"] .OnlineScheduleStepButton_1,
#OnlineScheduleInfo[data-canstep="5"] .OnlineScheduleStepButton_2,
#OnlineScheduleInfo[data-canstep="5"] .OnlineScheduleStepButton_3,
#OnlineScheduleInfo[data-canstep="5"] .OnlineScheduleStepButton_4 {
    pointer-events: auto;
    opacity: 1;
}

#OnlineScheduleInfo[data-canstep="10"] .OnlineScheduleStepButton {
    pointer-events: auto !important;
    opacity: 1 !important;
}

/********* STEP 1 ***********/

#OnlineScheduleInfo[data-step="1"] .OnlineScheduleStepIcon_1 {
    background-color: var(--cx-primary) !important;
    color: var(--cx-white) !important;
    display: flex !important;
}

#OnlineScheduleInfo[data-step="1"] .OnlineScheduleStepIcon_1:after {
    border-left-color: var(--cx-primary);
}


/********* STEP 2 ***********/

#OnlineScheduleInfo[data-step="2"] .OnlineScheduleStepIcon_1 {
    background-color: var(--cx-white) !important;
    color: var(--cx-primary) !important;
}

#OnlineScheduleInfo[data-step="2"] .OnlineScheduleStepIcon_2 {
    background-color: var(--cx-primary) !important;
    color: var(--cx-white) !important;
    display: flex !important;
}


#OnlineScheduleInfo[data-step="2"] .OnlineScheduleStepIcon_1:before {
    border-left-color: var(--cx-gray-200);
}

#OnlineScheduleInfo[data-step="2"] .OnlineScheduleStepIcon_1:after {
    border-left-color: var(--cx-white);
}


#OnlineScheduleInfo[data-step="2"] .OnlineScheduleStepIcon_2:after {
    border-left-color: var(--cx-primary);
}

/********* STEP 3 ***********/

#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_1,
#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_2 {
    background-color: var(--cx-white) !important;
    color: var(--cx-primary) !important;
}

#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_3 {
    background-color: var(--cx-primary) !important;
    color: var(--cx-white) !important;
    display: flex !important;
}

#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_1:before,
#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_2:before {
    border-left-color: var(--cx-gray-200);
}

#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_1:after,
#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_2:after {
    border-left-color: var(--cx-white);
}


#OnlineScheduleInfo[data-step="3"] .OnlineScheduleStepIcon_3:after {
    border-left-color: var(--cx-primary);
}



/********* STEP 4 ***********/

#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_1,
#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_2,
#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_3 {
    background-color: var(--cx-white) !important;
    color: var(--cx-primary) !important;
}

#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_4 {
    background-color: var(--cx-primary) !important;
    color: var(--cx-white) !important;
    display: flex !important;
}

#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_1:before,
#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_2:before,
#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_3:before {
    border-left-color: var(--cx-gray-200);
}

#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_1:after,
#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_2:after,
#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_3:after {
    border-left-color: var(--cx-white);
}



#OnlineScheduleInfo[data-step="4"] .OnlineScheduleStepIcon_4:after {
    border-left-color: var(--cx-primary);
}

/********* STEP 5 ***********/

#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_1,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_2,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_3,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_4 {
    background-color: var(--cx-white) !important;
    color: var(--cx-primary) !important;
}

#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_5 {
    background-color: var(--cx-primary) !important;
    color: var(--cx-white) !important;
    display: flex !important;
}

#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_1:before,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_2:before,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_3:before,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_4:before {
    border-left-color: var(--cx-gray-200);
}

#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_1:after,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_2:after,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_3:after,
#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_4:after {
    border-left-color: var(--cx-white);
}



#OnlineScheduleInfo[data-step="5"] .OnlineScheduleStepIcon_5:after {
    border-left-color: var(--cx-primary);
}

#ConfirmOnlineScheduleButtonContainer {
    position: static;
    bottom: auto;
    left: auto;
    padding: 0;
    box-shadow: 0 0 0 var(--cx-white);
}

#OnlineScheduleInfo[data-step="5"] #ConfirmOnlineScheduleButtonContainer {

    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0.75rem;
    background-color: var(--cx-white);
    box-shadow: -1px -1px 5px rgba(var(--cx-black-rgb), 0.2);
}

/**************************/

.switcherTabs {
    border: 1px solid var(--cx-border-color);
    border-bottom: 0;
}

.switcherTab label {
    background-color: var(--cx-tertiary-bg);
    COLOR: var(--cx-gray-500);
}

.switcherTab input:checked~label {
    background-color: var(--cx-primary);
    color: var(--cx-white);
}


.g-btn-container {
    min-height: 44px !important;
    max-height: 44px !important;
    overflow: hidden !important;
}

#g_id_onload {
    display: none;
}

#ChangeLog article {
    flex-direction: column !important;
    padding: 1.5rem;
    margin-bottom: .5rem !important;
    background-color: var(--cx-white);
}


/*##############  TAGS  ##############*/




.TagColorPicker {
    -webkit-appearance: none;
    width: 38px;
    height: 38px;
}

.TagColorPicker::-webkit-color-swatch-wrapper {
    padding: 0;
}

.TagColorPicker::-webkit-color-swatch {
    border: none;
}

/*#####################################*/

/*##############  MARKETING  ##############*/

.MarketingItemMore::after {
    display: none !important;
}

.MarketingItemNotDoneActionsContainer {
    display: flex !important;
}

.MarketingItemDone .MarketingItemNotDoneActionsContainer {
    display: none !important;
}

.MarketingItemDoneActionsContainer {
    display: none !important;
}

.MarketingItemDone .MarketingItemDoneActionsContainer {
    display: flex !important;
}

.DoneLabel {
    transform: translateX(0);
    transition: all .3s ease-in-out;
    transition-delay: .5s;
}

.DoneLabelWait.DoneLabel {
    transform: translateX(100%);
}

.MktActionButtonGroup {
    height: 41px;
}

.MktActionButtonGroup .MktActionButton:nth-child(1) {
    margin-top: 0;
    transition: margin .25s ease-in-out;
}

.CampaignTPLText:empty,
.CampaignTPLMacros:empty {
    display: none !important;
}

.CampaignTPLText {
    max-height: 300px;
    overflow-y: auto;
}

#emailTemplate .CampaignTPLText {
    max-height: 680px;
}

.MktActionButtonGroup[data-sent="1"] .MktActionButton:nth-child(1) {
    margin-top: -41px;
}

.MktActionButtonGroup[data-sent="1"]:hover .MktActionButton:nth-child(1) {
    margin-top: 0;
}

[class*='showon-'] {
    display: none;
}

.table-responsive .d-table-cell {
    white-space: nowrap;
}

.d-table-cell {
    vertical-align: middle;
}

.checked-icon {
    position: relative;
}

.checked-icon:before {
    content: "✔" !important;
    position: absolute;
    bottom: -1px;
    right: -4px;
    font-size: 18px;
    line-height: 100%;
    color: var(--cx-info);
}

.pendingPulse {
    animation: pendingPulse 1.5s infinite;
}

@-webkit-keyframes pendingPulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--cx-secondary-rgb), 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(var(--cx-secondary-rgb), 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--cx-secondary-rgb), 0);
    }
}


@keyframes pendingPulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(var(--cx-secondary-rgb), 0.4);
        box-shadow: 0 0 0 0 rgba(var(--cx-secondary-rgb), 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(var(--cx-secondary-rgb), 0);
        box-shadow: 0 0 0 10px rgba(var(--cx-secondary-rgb), 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(var(--cx-secondary-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--cx-secondary-rgb), 0);
    }
}

.donePulse {
    animation: donePulse 1s ease-in-out;
    animation-iteration-count: 2;
}

@keyframes donePulse {
    0% {
        transform: scale(0.9);
    }

    25% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes donePulse {
    0% {
        transform: scale(0.9);
    }

    25% {
        transform: scale(1.1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

/* .emailTPLSource { position: absolute; left: -200%; top: -200%; } */


.TPLThumbContainer {
    height: 144px;
    width: 100%;
    max-width: 186px;
}


.TPLThumb {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

    height: 140px;
    width: 100%;

    background-color: var(--cx-tertiary-bg);
    border: 2px solid var(--cx-gray-medium);
    border-radius: 0.25rem;
}


.TPLCheck:checked~.TPLThumb {
    border: 2px solid var(--cx-success);
}

.TPLCheck:checked~.TPLThumb::before {
    content: "✔" !important;
    color: var(--cx-white);
    background-color: var(--cx-success);
    width: 24px;
    height: 24px;
    position: absolute;
    display: block;
    text-align: center;
    border-radius: 50%;
    top: 5px;
    left: 5px;
}

.TPLPreview {
    max-width: 90%;
    max-height: 80vh;
}

.cx-hoverblock {
    display: none;
}

.cx-parentHover:hover .cx-hoverblock {
    display: block;
}

/*#####################################*/

.d-table.table-striped>.d-table-body .d-table-row:nth-of-type(odd) {
    background-color: var(--cx-tertiary-bg);
}

.d-table.table-striped-revert>.d-table-body .d-table-row:nth-of-type(even) {
    background-color: var(--cx-tertiary-bg);
}

.d-table.table-striped-revert>.d-table-body .d-table-row:nth-of-type(odd) {
    background-color: var(--cx-white);
}

.d-table.table-hover .d-table-row:hover {
    background-color: var(--cx-gray-200)
}

.cx-hidedropdownarrow::after {
    display: none !important;
}


#EnabledOnlineScheduleIcon .popover {
    min-width: 100%;
}

#EnabledOnlineScheduleIcon .popover-body {
    padding: 0;
}




#AntecedenceTipsModal .carousel-control-next-icon,
#AntecedenceTipsModal .carousel-control-prev-icon,
#AntecedenceTipsModal .carousel-indicators [data-bs-target] {

    filter: brightness(.6) invert(0.6);
}


.text-gray-medium {
    color: var(--cx-gray-500) !important;
}

.batchBtn {
    transition: all .2s ease-in-out;
    transform: rotateZ(-90deg);
}

.showBatches .batchBtn {
    transform: rotateZ(0);
}

.preventAppointLoad .ScheduleRow * {
    cursor: not-allowed !important;
}

.rounded-top-start-0 {
    border-top-left-radius: 0 !important;
}

.btn:not(.btn-sm) {
    min-height: 38px;
}

.showBatches td {
    --cx-bg-opacity: 1;
    background-color: rgba(var(--cx-secondary-bg-rgb), var(--cx-bg-opacity)) !important;
}

.StockMovementCommentPopover {
    max-width: 720px !important;
}

.table-success-hover:hover td {
    background-color: var(--cx-success-bg-subtle) !important;
}

.table-warning-hover:hover td {
    background-color: var(--cx-warning-bg-subtle) !important;
}

.table-danger-hover:hover td {
    background-color: var(--cx-danger-bg-subtle) !important;
}

@media (min-width: 497px) {

    .PatientRight {
        float: right;
        /* margin-top: 10px; */
        margin-bottom: 0;
    }

    #ShowPatientContainer {
        min-height: 68px;
    }

}

@media (min-width: 548px) {

    #StartAppointmentBlock {
        width: 225px;
    }

    .AddExtensionIcon {
        /* width: 7.692%; */
        /* width: 8.33%; */
        /* width: 9.09%; */
    }

    .HiAppEmbed .AddExtensionIcon {
        /* width: 10%; */
    }

    .AppointLbl {
        display: inline;
    }

    .WAButton {
        width: 33%;
        margin-bottom: 0;
    }

    .PatientAge.PatientInfoItem {
        font-size: 16px;
    }

    .PatientEmail.PatientInfoItem,
    .PatientInsurance.PatientInfoItem,
    .PatientPhones.PatientInfoItem {
        display: block;
    }

    .ImportTextTypeContainer {
        width: 35%;
    }

    .ImportTextInputContainer .typeahead__container {
        width: 65%;
    }

    input.ImportText {
        border-top: 0;
        border-left: 1px solid var(--cx-gray-medium);
    }

    #EnabledOnlineScheduleIcon .popover {
        min-width: 500px;
    }
}

/* @media (min-width: 643px) {

    .ToPayCel,
    .ToReceiveCel {
        display: none;
    }
} */

@media (min-width: 729px) {


    .HasLogo #RemoveLayoutLogoButton {
        display: none;
    }

    .HasLogo:hover #RemoveLayoutLogoButton {
        display: block;
    }

    .SelectContainer.DiseaseTypeSelectContainer {
        max-width: 100%;
    }

    /* .PatientName { font-size: 26px; padding-bottom: 4px; } */

    .ConfigSecurityBlock,
    .ConfigSecurityEmail {
        display: block;
    }

    .ConfigSecurityButton {
        margin-top: 0;
    }

    /* .FixedPatientBlock .AppointmentButtonContainer {
        position: fixed;
        left: 195px;
        width:  calc(100% - 320px);
        z-index: 489;
        top: 5px;
        text-align: center;
    } */

    /* .NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSName,
    .PatientMedicalDataMiniPACSName { width: calc(60% - 98px); }

        .WithMultiMedicos .PatientMedicalDataMiniPACSName { width: calc(54% - 88px); }
    .WithMultiMedicos .NewPatientMedicalDataMiniPACSItem .PatientMedicalDataMiniPACSName { width: calc(54% - 42px); }

    .PatientMedicalDataMiniPACSLength,
    .PatientMedicalDataMiniPACSType,
    .PatientMedicalDataMiniPACSOwner {
        display: inline-block;
    } */

    .SavingMessage {
        display: inline-block;
    }

    #SharePanel .Padding20 {
        padding: 20px;
    }

    .ImportTextTypeContainer {
        width: 25%;
    }

    .ImportTextInputContainer .typeahead__container {
        width: 75%;
    }

    .MultiAccessAlert {
        padding: 13px 5px 0 5px;
    }

}

@media (min-width: 992px) {

    .AddExtensionsSection,
    #AddExtensionList {
        /* height: 60px; */
    }


    #AddExtensionList #OtherAddExtensionIcons {
        position: absolute;
        display: none;
        bottom: 0;
        left: 0;

        transform: translateY(0);
        top: auto;
    }


    .DiseaseItens .DiseaseItemName {
        width: 100%;
    }


    #LateralMenu {
        transition: none;
    }

    /* .HistoryCol {
        width: 60%;
    } */

    .HistoryCol {
        width: 100%;
        max-width: 1000px;
        margin: 10px auto;
    }

    .AttachCol {
        width: calc(40% - 10px);
        float: left;
        margin-right: 10px;
        position: sticky;
        top: 35px;
    }

    .FixedPatientBlock .AttachCol {
        top: calc(var(--header-height) + 55px);
    }

    .PatientMedicalData {
        margin-bottom: 3px;
    }

    /* .PatientName { font-size: 32px; } */

    .LateralMenuOpened {
        overflow-y: auto;
    }


    #Header {
        position: fixed;
    }

    .FixedPatientBlock #NewAppointmentMedicalDataContainer {
        padding-top: 0px;
    }

    .FixedPatientBlock #Header {
        position: fixed;
    }

    .FixedPatientBlock .PatientSection {
        left: 280px;
        top: var(--header-height);
        width: calc(100% - 280px);
        border-top: 1px solid var(--cx-border-color);
    }

    /* .HeaderCol1 img { max-width: 100%; margin-top: 0; } */

    .ShowMenu {
        display: none;
    }

    #IconsHeader {
        float: right;
        text-align: right;
    }

    #UserHeader {
        max-width: 260px;
    }

    .HeaderCol1 {
        width: 280px;
        padding: 7px 10px;
    }

    .HeaderCol3 {
        width: 400px;
    }

    .HeaderCol2 {
        width: calc(100% - 680px);
        transform: translatex(0);
        position: relative;
        padding: 0;
        top: auto;
    }

    .ShowSearch {
        display: none;
    }

    .MedicalDataSection:target~.MedicalDataSection:last-child .RepeatText {
        display: none;
    }

    .MedicalDataSection:target~.MedicalDataSection:last-child .PatientMedicalDataText:hover .RepeatText {
        display: block;
    }

    .FixedPatientBlock #ShowPatientContainer {
        top: var(--header-height);
        left: 280px;
        width: calc(100% - 280px);
    }

    .FixedAddExtensionsSection .AddExtensionsSection {
        bottom: 0;
        /* left: 320px;
        width: calc(100% - 320px); */
        /* width: calc(60% - 204px); */
        width: calc(100% - 280px);
        left: 280px;
        /* right: 10px; */
        right: 0;
        left: auto;
    }

    .CIDCodeCol {
        width: 10%;
    }

    .CIDDescriptionCol {
        width: 90%;
    }

    .InsuranceRegCol,
    .InsuranceCHCol,
    .InsurancePayDayCol,
    .InsuranceTableCol {
        display: block;
    }

    .FakeCol.FakeColHeader.InsuranceNameCol,
    .FakeCol.InsuranceNameCol {
        width: 40%;
        border-right: 1px solid var(--cx-border-color);
    }

    .FakeCol.FakeColHeader.InsuranceNameCol.WithFinance,
    .FakeCol.InsuranceNameCol.WithFinance {
        width: calc(40% - 48px);
    }

    .FakeCol.InsuranceFinanceCol {
        width: 48px;
    }

    #AlertBox .modal-dialog {
        max-width: 680px;
    }

    #ContentContainer {
        /* padding: 20px 40px 30px 40px; */
        padding: 10px 10px 30px 10px;
    }

    .HeaderHeight {
        height: var(--header-height);
    }

    #MainContainer { padding-top: var(--header-height); }
    .HiAppEmbed #MainContainer { padding-top: 0; }

    #LateralMenu {
        top: var(--header-height);
        height: calc(100vh - var(--header-height));
        z-index: 480;
        width: 280px;
        transform: translateX(-280px);
    }

    .LateralMenuOpened #Header {
        /* position: static; */
    }


    #LateralMenu~#ContentContainer {
        padding-left: 30px;
    }

    .LateralMenuOpened #LateralMenu~#ContentContainer {
        padding-left: 290px !important;
    }

    #LateralMenu~#ContentContainer .ContentTitle {
        padding-top: 0;
    }

    .LateralMenuOpened #LateralMenu~#ContentContainer .ContentTitle {
        padding-left: 0;
    }

    .LateralMenuOpened .LateralMenuHeader {
        padding: 15px;
    }

    .LateralMenuLogout {
        padding: 10px;
    }

    #PatientPhotoPreview {
        overflow: hidden;
    }

    #PrintLayoutToolbar {
        width: 320px;
    }

    #PrintLayoutPaperContainer {
        width: calc(100% - 320px - 20px);
    }

    .WrapRow {
        width: calc(100% - 160px);
    }

    /* #PatientsList li.PatientItem {
        width: 49%;
        margin-right: 1%;
    } */


    .LinkIcon {
        width: 32.666%;
        margin-bottom: 0;
    }

    .LateralPanel {
        padding-bottom: 60px;
    }

    .LateralSubMenu {
        width: 235px;
    }

    #PatientForm .InputContainer {
        margin-top: 0;
    }

    .MedFormRow .var label {
        padding: 0 10px !important;
        font-size: 18px;
    }

    #StartAppointmentButton {
        padding: 9px 8px;
    }

    .ListPatientItem {
        margin-bottom: 5px;
    }

    .DiseaseItemEpisodeOwner {
        width: auto;
    }

    .errorModal tr th,
    .errorModal tr td {
        width: auto !important;
    }

    #MarketingTargetHeader.StickyTarget {
        top: 59px;
        width: calc(100% + 51px);
    }
}

@media (min-width: 1360px) {
    .DiseaseItens .DiseaseItemName {
        width: calc(100% - 230px);
    }

    .DiseaseItens .DiseaseItemOpened .DiseaseItemName {
        width: calc(100% - 125px);
    }
}


@media (max-width: 480px) {
    .SavingMessage {
        height: auto;
        min-height: 42px;
    }
}

/* Fixes do boostrap novo */
.table>:not(caption)>*>.modal-dialog {
    background-color: unset;
}

.clear {
    clear: both;
}

.collapsible-section hr {
    margin-left: 4px;
}

.d-table-header-group {
    display: table-header-group !important;
}

.d-table-footer-group {
    display: table-footer-group !important;
}

#ReportResultTable th {
    cursor: pointer;
    position: relative;
    padding-right: 22px;
}

#ReportResultTable th::after {
    content: '';
    position: absolute;
    top: 21%;
    right: 6px;
    opacity: 0.25;
    color: var(--cx-gray-600);
}

#ReportResultTable th:hover {
    background-color: var(--cx-gray-200);
}

#ReportResultTable th:hover::after {
    content: '⇅';
}

#ReportResultTable th.asc::after {
    content: '↑';
    opacity: 0.9;
}

#ReportResultTable th.desc::after {
    content: '↓';
    opacity: 0.9;
}

.col-resizer {
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 100%;
    cursor: col-resize;
    user-select: none;
}

.dragging {
    opacity: 0.4;
}

.drag-over {
    border-left: 3px solid var(--cx-info);
}

.reportCol {
    border-left: 1px solid var(--cx-border-color);
}

@media print {

    :root {
        --cx-body-bg: var(--cx-white) !important;
        --cx-table-bg: var(--cx-white) !important;
    }

    * {
        background-color: var(--cx-white) !important;
    }

    .bg-body,
    .bg-light,
    .bg-body-tertiary {
        background-color: var(--cx-white) !important;
    }

    .flex-print-row {
        flex-direction: row !important;
    }

    .flex-print-between {
        justify-content: space-between !important;
    }

    .w-print-100 {
        width: 100% !important;
    }

    .flex-print-grow-1 {
        flex-grow: 1 !important;
    }

    .PrintTitle {
        padding: 1rem 1rem 0 1rem !important;
    }

    #LateralMenu~#ContentContainer,
    .LateralMenuOpened #LateralMenu~#ContentContainer {
        padding-left: 0 !important;
    }

    /* FORM AS HEADER */

    /* Remover estilos padrão de inputs e selects */
    .cx-form-has-header select,
    .cx-form-has-header input {
        appearance: none !important;
        border: none !important;
        background: transparent !important;
        font: inherit !important;
        color: inherit !important;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: none !important;
        font-weight: bold !important;
    }

    /* Exibir o valor do select como texto */
    .cx-form-has-header select {
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        pointer-events: none !important;
    }

    td,
    th {
        padding: 0 !important;
        border: 0 !important;
    }

    .cx-form-has-header select::-ms-expand {
        display: none !important;
    }

    .cx-form-has-header input,
    .cx-form-has-header select {
        outline: none !important;
    }

    .cx-form-has-header select,
    .cx-form-has-header input {
        width: auto !important;
    }

    .cx-form-has-header input[type="date"]::-webkit-calendar-picker-indicator,
    .cx-form-has-header .SearchInput {
        background-image: none !important;
    }

    .btn {
        display: none;
    }

    .table-responsive {
        overflow: visible;
    }

    .reportCol {
        border-left: 0 !important;
    }

    #ReportResultTable th::after {
        display: none !important
    }

    ;
}

.listSuggestionsPrescription {
    z-index: 1050;
    /* acima do editor */
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
}

.iaEdited {
    background: url('data:image/svg+xml,<svg fill="%239B59B6" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11,7.48v.04c1.3,0,2.48,1.18,2.48,2.48h.04c0-1.3,1.18-2.48,2.48-2.48v-.04c-1.3,0-2.48-1.18-2.48-2.48h-.04c0,1.3-1.18,2.48-2.48,2.48ZM7,12.47v.06c1.82,0,3.47,1.65,3.47,3.47h.06c0-1.82,1.65-3.47,3.47-3.47v-.06c-1.82,0-3.47-1.65-3.47-3.47h-.06c0,1.82-1.65,3.47-3.47,3.47ZM0,5.45v.1c2.86,0,5.45,2.59,5.45,5.45h.1c0-2.86,2.59-5.45,5.45-5.45v-.1c-2.86,0-5.45-2.59-5.45-5.45h-.1c0,2.86-2.59,5.45-5.45,5.45Z"/></svg>') no-repeat 6px 50%, linear-gradient(white, white) padding-box, linear-gradient(45deg, var(--cx-purple), var(--cx-primary)) border-box;
    border: 1px solid transparent !important;
    padding-left: calc(.75rem + 16px);
}

.DateMask.iaEdited {
    background: url('data:image/svg+xml,<svg fill="%239B59B6" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11,7.48v.04c1.3,0,2.48,1.18,2.48,2.48h.04c0-1.3,1.18-2.48,2.48-2.48v-.04c-1.3,0-2.48-1.18-2.48-2.48h-.04c0,1.3-1.18,2.48-2.48,2.48ZM7,12.47v.06c1.82,0,3.47,1.65,3.47,3.47h.06c0-1.82,1.65-3.47,3.47-3.47v-.06c-1.82,0-3.47-1.65-3.47-3.47h-.06c0,1.82-1.65,3.47-3.47,3.47ZM0,5.45v.1c2.86,0,5.45,2.59,5.45,5.45h.1c0-2.86,2.59-5.45,5.45-5.45v-.1c-2.86,0-5.45-2.59-5.45-5.45h-.1c0,2.86-2.59,5.45-5.45,5.45Z"/></svg>') no-repeat .375rem 50%, url(../../imgs/calendar2-32-q.png) no-repeat calc(100% - 10px) 50%/16px, linear-gradient(white, white) padding-box, linear-gradient(45deg, var(--cx-purple), var(--cx-primary)) border-box;
    padding-left: calc(.75rem + 16px);
    padding-right: 36px;
}

.form-select.iaEdited {
    background: url('data:image/svg+xml,<svg fill="%239B59B6" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M11,7.48v.04c1.3,0,2.48,1.18,2.48,2.48h.04c0-1.3,1.18-2.48,2.48-2.48v-.04c-1.3,0-2.48-1.18-2.48-2.48h-.04c0,1.3-1.18,2.48-2.48,2.48ZM7,12.47v.06c1.82,0,3.47,1.65,3.47,3.47h.06c0-1.82,1.65-3.47,3.47-3.47v-.06c-1.82,0-3.47-1.65-3.47-3.47h-.06c0,1.82-1.65,3.47-3.47,3.47ZM0,5.45v.1c2.86,0,5.45,2.59,5.45,5.45h.1c0-2.86,2.59-5.45,5.45-5.45v-.1c-2.86,0-5.45-2.59-5.45-5.45h-.1c0,2.86-2.59,5.45-5.45,5.45Z"/></svg>') no-repeat .375rem 50%, url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none"><path stroke="%2337393E" stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M3.5,8.5 l8.5,8.5 l8.5,-8.5" /></svg>') no-repeat calc(100% - .75rem) 50%/16px 12px, linear-gradient(white, white) padding-box, linear-gradient(45deg, var(--cx-purple), var(--cx-primary)) border-box;
    padding-left: calc(.75rem + 16px);
    padding-right: 2.25rem;
}


#LateralMenu:has(.MenuGroup:hover) .MenuGroup:not(:hover) .LateralSubMenu {
    opacity: 0;
    pointer-events: none;
}

/* #LateralMenu:has(.MenuGroup[data-hassubmenu="1"]:hover) .MenuGroup:not(:hover) .LateralMenuSection:after {
    content: "";
    position: absolute;
    width: 1px;
    top:0;
    left: 39px;
    height: 100%;    
} */




.MenuGroup:hover .LateralSubMenu,
.MenuGroup .LateralSubMenu:hover {
    /* display: block; */
    opacity: 1;
    pointer-events: auto;
    z-index: 11;

}

/* 
body[data-bs-theme="dark"] .PatientMedicalDataTextContent {
    filter: invert(100%) !important;
} */