:root {
    --wb360-white: #ffffff;
    --wb360-pink-dark: #ef2383;
    --wb360-pink-light: #f066a6;
    --wb360-pagination-active-border: #eaedf1;
    --wb360-action-completed: #78e1b0;
    --wb360-action-current: #efc493;
    --wb360-action-pending: #f39090;
    --wb360-action-inactive: #cccccc;
    --wb360-action-done: #ffffff;
    --wb360-table-link-color: #212529;
    --wb360-intake-history-row-bg: #efefef;
    --wb360-table-row-odd: rgba(0, 0, 0, .05);
    --wb360-patient-data-bg: #f7f8f9;
    --wb360-card-border-left: #efc493;
    --wb360-font-color: #495057;
    --wb360-alert-info-bg-color: #59adec;
    --wb360-alert-info-text-color: #ffffff;
    --wb360-alert-info-border-color: rgba(20, 137, 225);
}

/* ADMIN LOGIN */
.wb360-admin .login100-form-title { text-align: center; font-size: 20px; padding-bottom: 24px; }
.wb360-admin .login100-form-title img { max-height: 40px; position: relative; top: -5px; padding-right: 5px; }
.wb360-admin .container-login100-form-btn { width: auto; justify-content: left; }
.wb360-admin .login100-form-btn { width: auto; }
.wb360-admin .login-link-action { text-align: right; padding-top: 12px; }
.wb360-admin .login-link-action a { display: inline-block; }
.wb360-admin .error { color: var(--wb360-pink-light); font-style: italic; }
@media screen and (min-width: 768px) {
    .wb360-admin .login100-form-title { font-size: 22px; }
}
@media screen and (min-width: 992px) {
    .login100-form { width: 360px; }
    .wb360-admin .login100-form-title { font-size: 24px; }
}

/* HEADER ACTIONS */
.theme-layout.layout-setting { visibility: hidden; }

/* MENU */
@media screen and (min-width: 992px) {
    .app.sidebar-mini .app-sidebar__toggle:before { content: "\e90f"; transition: transform .2s ease-in-out; }
    .app.sidebar-mini.sidenav-toggled .app-sidebar__toggle:before { transform:rotate(180deg); }
}
.app-sidebar__toggle { position: absolute; bottom: 30px; left: 15px; align-items: flex-start; justify-content: left; width: fit-content; }

/* MAIN */
@media screen and (min-width: 768px) {
    .main-content { padding-bottom: 150px; }
}

/* BREADCRUMBS */
.breadcrumb { padding: 0.25rem 0rem 0rem 1rem; }

/* BUTTON LIST */
.btn-list { margin-bottom: 1rem; text-align: left; }
.btn-list.text-right a { display: inline-block; margin-right: 15px; }

/* FORM */
.btn-icon .fe,
.btn-list .fe { position: relative; top: 2px; margin-right: 3px; }
.ckbox,
.rdiobox { margin-top: 9px; }
.ckbox span,
.rdiobox span { display: inline-block; padding-top: 2px; cursor: pointer; }
.wb360-form-select { padding-top: 2px; }
.element-hidden { display: none; }
.element-visible { display: block; }
.model-title-bold { font-weight: bold; }
.form-control,
.select2,
.input-group.date { max-width: 400px; }
.checkbox-label-large { line-height: 24px; padding-left: 18px; margin-top: -22px; }
@media screen and (min-width: 1200px) {
    .form-contact-data { margin-top: 9px; }
}

/* PAGINATION */
.page-item.active .page-link { border-color: var(--wb360-pagination-active-border);}

/* INTAKES */
.btn-list.text-right .btn { margin-bottom: 15px; }
.filter-location { min-width: 240px; text-align: left; }
.filter-location .dropdown-menu { min-width: 240px; }
.filter-location .dropdown-menu a { width: 100%; }
.filter-location .dropdown-menu > li > a:hover,
.filter-location .dropdown-menu > li > a:focus,
.filter-location .dropdown-menu > li.active > a { background-color: var(--wb360-pink-light); color: var(--wb360-white); }
.table thead th { border-bottom-width: 2px; }
.table-striped tbody tr:nth-of-type(odd) { background-color: var(--wb360-table-row-odd); }
.table.intake-actions thead th.extra-padding,
.table.intake-actions tbody td.extra-padding { padding-left: 25px; padding-right: 25px; }
.intake-action, .intake-action:empty { padding: 0.8em; background-color: var(--wb360-action-inactive); display: inline-block; margin-left: 2px; margin-right: 2px; }
.intake-action.action-completed { background-color: var(--wb360-action-completed); }
.intake-action.action-current { background-color: var(--wb360-action-current); }
.intake-action.action-pending { background-color: var(--wb360-action-pending); }
.intake-action.action-inactive { background-color: var(--wb360-action-inactive); }
.intake-action.action-done { visibility: hidden; }
.intake-actions tbody td a,
.intake-actions tbody td a:active,
.intake-actions tbody td a:focus { color: var(--wb360-table-link-color); }
.intake-actions tbody td a:hover { color: var(--wb360-pink-light); }
.under-control-alert .alert-inner--icon { position: relative; top: 2px; display: inline-block; }
@media screen and (min-width: 768px) {
    .under-control-sub-fields { margin-top: 2px; }
}
.patient-info .main-profile-contact-list .media { margin-top: 10px; }
.patient-info .main-profile-contact-list .media .media-icon { margin-right: 15px; }
.patient-info .main-profile-contact-list .media .media-body { padding-top: 5px; }
.patient-info .main-profile-contact-list .media .media-body a { color: var(--wb360-font-color); text-decoration: none; }
.patient-info .main-profile-contact-list .media .media-body a:hover,
.patient-info .main-profile-contact-list .media .media-body a:focus,
.patient-info .main-profile-contact-list .media .media-body a:active { color: var(--wb360-pink-light); }
@media screen and (min-width: 768px) {
    .patient-info .main-profile-contact-list .media .media-icon { margin-right: 12px; }
    .patient-info .main-profile-contact-list .media .media-body { padding-top: 5px; margin-right: 30px; }
}
.dialog-file-preview { width: 100%; height: 100%; }
@media screen and (min-width: 768px) {
    .dialog-file-preview { height: 400px; }
}
@media screen and (min-width: 992px) {
    .dialog-file-preview { height: 600px; }
}
@media screen and (min-width: 1200px) {
    .dialog-file-preview { height: 600px; }
}
@media screen and (min-width: 1400px) {
    .dialog-file-preview { height: 800px; }
}

/* HISTORY */
.history-title { cursor: pointer; }
.intake-history td { vertical-align: top; }
.table-striped.intake-history tbody tr:nth-of-type(odd) { background-color: var(--wb360-intake-history-row-bg); }
.card-options { margin-right: 0px; }
.card-options .fe.fe-chevron-up { font-size: 20px; font-weight: bold; color: var(--wb360-pink-light); }
.history-extra-info { display: block; }
.history-extra-info-notes { margin-top: 20px; }
.intake-history td .fa-file-pdf-o { font-size: 16px; }
.history-print i.fe-printer { position: relative; top: 2px; margin-right: 2px; }

/* FORM INTAKE */
.radio-inline-wrapper label { margin-right: 25px; }
.radio-inline-wrapper label:last-of-type { margin-right: 0px; }
.btn-send-email-aic .fe-mail { position: relative; top: 2px; padding-right: 3px; }
.card.card-lead-action { border-left: 10px solid var(--wb360-card-border-left) !important; }
.form-only-text { padding-top: 4px; }
@media screen and (min-width: 768px) {
    .form-only-text { padding-top: 9px; }
}
.form-only-text i.fa { position: relative; top: 1px; padding-left: 5px; display: inline-block; }
.datepicker > .datepicker_inner_container > .datepicker_timelist > div.timelist_item.active { color: #ffffff !important; }
.datepicker > .datepicker_header > .icon-home > svg > g > path { fill: var(--wb360-pink-dark) !important; }
#saveRemarkSuccess, #saveNoteSuccess { display: none; }
.save-remark-success { color: var(--wb360-action-completed); position: relative; font-weight: bold; top: 4px !important; left: 6px; }
.zipcode, .house-number { margin-right: 15px; }
.zipcode, .house-number,
.house-number-addition { max-width: 96px; display: inline-block }

/* TOOLTIP */
.tooltip-completed .tooltip-inner { background-color: var(--wb360-action-completed) !important; color: #ffffff !important; }
.tooltip-completed.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--wb360-action-completed); }
.tooltip-completed.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--wb360-action-completed); }
.tooltip-completed.tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--wb360-action-completed); }
.tooltip-completed.tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--wb360-action-completed); }
.tooltip-current .tooltip-inner { background-color: var(--wb360-action-current) !important; color: #ffffff !important; }
.tooltip-current.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--wb360-action-current); }
.tooltip-current.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--wb360-action-current); }
.tooltip-current.tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--wb360-action-current); }
.tooltip-current.tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--wb360-action-current); }
.tooltip-pending .tooltip-inner { background-color: var(--wb360-action-pending) !important; color: var(--wb360-white) !important; }
.tooltip-pending.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--wb360-action-pending); }
.tooltip-pending.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--wb360-action-pending); }
.tooltip-pending.tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--wb360-action-pending); }
.tooltip-pending.tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--wb360-action-pending); }
.tooltip-inactive .tooltip-inner { background-color: var(--wb360-action-inactive) !important; color: var(--wb360-white) !important; }
.tooltip-inactive.tooltip.bs-tooltip-top .tooltip-arrow::before { border-top-color: var(--wb360-action-inactive); }
.tooltip-inactive.tooltip.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: var(--wb360-action-inactive); }
.tooltip-inactive.tooltip.bs-tooltip-start .tooltip-arrow::before { border-left-color: var(--wb360-action-inactive); }
.tooltip-inactive.tooltip.bs-tooltip-end .tooltip-arrow::before { border-right-color: var(--wb360-action-inactive); }

/* MILESTONES */
.milestones { color: var(--wb360-action-completed); font-size: 12px; border-left: 2px solid var(--wb360-action-completed); padding-left: 15px; margin-top: 15px; }
.milestones .milestone { margin-bottom: 8px; }
@media screen and (min-width: 768px) {
    .milestones .milestone { margin-bottom: 0px; }
}
.milestones .milestone-title { font-weight: bold; }
.milestones .milestone-label,
.milestones .milestone-date { padding-top: 3px; }
.milestones .milestone-label { padding-right: 45px; }
.milestones .milestone-label i.fe-check-circle { position: absolute; top: 3px; right: 15px; }
.milestones .milestone-label i.fe-mail { position: relative; top: 1px; font-size: 13px; color: var(--wb360-card-border-left); }

/* PATIENT DATA */
.patient-data th,
.patient-data td { vertical-align: top; }

@media print {
    .btn { display: none !important; }
    .rdiobox input[type=radio]:checked+span:before,
    .rdiobox input[type=radio].radio-primary:checked+span:before,
    .ckbox span::after {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
    .card.card-lead-action { border-left: 0px !important; }
}

/* ALERT INFO */
.alert.alert-info {
    color: var(--wb360-alert-info-text-color);
    border-color: var(--wb360-alert-info-border-color);
    background-color: var(--wb360-alert-info-bg-color);
}

@media print {
    table.history-print th,
    table.history-print td,
    table.history-print p,
    table.history-print span { font-size: 18px !important; }
    table.history-print td.w-75 { width: 65% !important; }
    table.history-print th,
    table.history-print td { vertical-align: top !important; padding-right: 30px !important; }
    table.history-print th { padding-left: 0px !important; }
    table.history-print .history-print-action th,
    table.history-print .history-print-action td { padding-top: 30px !important; }
    h1.page-title { font-size: 24px; font-weight: bold; }
}