@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');

:root {
    --brand-primary: #00354E;
    --pb-1: #025075;
    --secondary-brand: #007CAF;
    --sb: #016E9B;
    --sb-1: #6CA8C3;
    --sb-2: #B7D4E2;
    --sb-3: #E8F7FF;
    --sb-4: #FBFEFF;
    --dark: #061D28;
    --neutral-1: #F5F5F5;
    --neutral-2: #E4E2E2;
    --neutral-3: #C1C4C5;
    --neutral-4: #7E8386;
    --neutral-5: #3B4549;
    --disable: #D7D7D7;
    --light: #FFFCFC;
    --sucesso-1: #72A869;
    --sucesso-2: #BDE2B7;
    --green-2: #2EAF00;
    --green-dark: #226B08;
    --orange: #F8963C;
    --orange-1: #CF7018;
    --orange-light: #F4D3B4;
    --perigo-2: #DE8A8A;
    --perigo-1: #C35151;
}

*:focus-visible {
    outline: none !important;
}

html, body {
    font-family: "Roboto", sans-serif;
    height: 100%;
    overflow-x: hidden;
}

ul {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p, legend {
    margin: 0;
}

button:focus-visible {
    outline: none !important;
}

li {
    list-style: none !important;
}

.card-shimmer-skeleton h5,
.card-shimmer-skeleton .card-text,
.card-plan-shimmer-skeleton {
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}

.card-shimmer-skeleton h5 {
    width: 150px !important;
    height: 14.5px;
    background-color: #7E8386 !important;
}

.card-shimmer-skeleton .card-text {
    height: 10.8px;
    width: 178px !important;
    background-color: #C1C4C5 !important;
    color: transparent !important;
}

.card-plan-shimmer-skeleton {
    width: 100%;
    background-color: #C1C4C5 !important;
}

.card-shimmer-skeleton .card-text::before,
.card-shimmer-skeleton h5::before,
.card-plan-shimmer-skeleton::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: shimmer 3s infinite;
    border-radius: 4px;
}

.card-plan-shimmer-skeleton::before {
    background: linear-gradient(to right, transparent 0%, #A5A6A7 50%, transparent 100%);
    background-size: 200% 100%;
}

.card-shimmer-skeleton .card-text::before {
    background: linear-gradient(to right, transparent 0%, #A5A6A7 50%, transparent 100%);
    background-size: 200% 100%;
    width: 178px !important;
}

.card-shimmer-skeleton h5::before {
    background: linear-gradient(to right, transparent 0%, #697276, transparent 100%);
    background-size: 200% 100%;
}

.card-shimmer-skeleton .publication-card-title {
    width: 90px !important;
}

.card-shimmer-skeleton .tag {
    width: 30px !important;
}

.card-shimmer-skeleton .publication-card-date {
    width: 120px !important;
}

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

.bg-transparent {
    background: transparent;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.button-link {
    text-decoration: unset;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* override global DevExpress styles */
.dxbl-menu-item-text {
    color: var(--neutral-4);
}

.negative-logo {
    background-image: url(../images/negative-logo.svg);
    background-size: cover;
    width: 210px;
    height: 88.22px;
}

.gap-4px {
    gap: 4px;
}

.gap-8px {
    gap: 8px;
}

.gap-12px {
    gap: 12px;
}

.gap-16px {
    gap: 16px;
}

.gap-20px {
    gap: 20px;
}

.gap-24px {
    gap: 24px;
}

.gap-32px {
    gap: 32px;
}

.gap-40px {
    gap: 40px;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.download-button {
    border: 0;
    background: transparent;
    border-radius: 100%;
    width: 20px;
    padding: 0;
}

.redirect-button {
    background-color: transparent;
    border: none;
    font-size: 12px;
    color: var(--orange);
    padding: 0;
}

.scheduler-close-button,
.scheduler-button {
    border: none;
    border-radius: 100%;
    box-shadow: none;
    padding: 4px 6px;
}

.scheduler-button :hover {
    background-color: var(--neutral-2);
    transition: background-color 05 ease-in;
}

.primary-button,
.secondary-button,
#button .contained,
.cta-button {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 32px;
    padding: 8px;
    border: 0;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 600;
}

.primary-button {
    background-color: var(--secondary-brand);
    color: var(--neutral-1);
}
    #button .contained:hover,
    .primary-button:not(.dxbl-disabled):not(:disabled):hover,
    .primary-button:hover {
        background-color: var(--pb-1);
    }
    
    #button .contained:active,
    .primary-button:not(.dxbl-disabled):not(:disabled):focus-visible,
    .primary-button:active {
        background-color: var(--secondary-brand);
        box-shadow: 1px 2px 2px 0px rgba(0, 53, 78, 0.50);
    }

#button .outline,
.secondary-button {
    background-color: var(--light);
    color: var(--secondary-brand);
    border: 0.8px solid var(--sb-1);
}
    #button .outline:hover,
    #button .outline:hover,
    .secondary-button:not(.dxbl-disabled):not(:disabled):hover,
    .secondary-button:hover {
        background-color: var(--neutral-1);
        color: var(--secondary-brand);
    }
    #button .outline:active,
    .secondary-button:not(.dxbl-disabled):not(:disabled):focus-visible,
    .secondary-button:active {
        background-color: var(--light);
        color: var(--secondary-brand);
        box-shadow: 1px 2px 2px 0px rgba(0, 53, 78, 0.50);
    }

.cta-button {
    background-color: var(--orange);
    color: var(--dark);
}
    .cta-button:hover {
        background-color: var(--orange-1);
    }
    .cta-button:active {
        background-color: var(--orange);
        box-shadow: 1px 2px 2px 0px rgba(0, 53, 78, 0.50);
    }

    #button .dxbl-btn.dxbl-disabled,
    #button .dxbl-btn:disabled
    .primary-button:disabled,
    .primary-button[disabled],
    .secondary-button:disabled,
    .secondary-button[disabled],
    .cta-button:disabled,
    .cta-button[disabled] {
        background-color: var(--neutral-2) !important;
        color: var(--neutral-1) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

.wrap {
    flex-wrap: wrap;
}

.flex-row-center {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.flex-row-center-justify-start {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
}

.flex-row-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.flex-row-align-center {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex-row-align-start {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.flex-row-align-start-justify-center {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: center;
}

.flex-row-align-start-justify-between {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}

.flex-row-space-between {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.flex-row-align-end {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.flex-row-align-end-space-between {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: space-between;
}

.flex-row-wrap-align-end {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-end;
}

.flex-row-center-space-between {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

.flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}

.flex-column-start {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.flex-column-align-start-space-around {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-around;
}

.flex-column-align-end {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
}

.primary-label {
    color: var(--sb);
    font-size: 12px;
    font-weight: 400;
    line-height: normal;
}

.sub-label {
    color: var(--neutral-4);
    font-size: 10px;
    font-weight: 400;
    position: absolute;
}

.input-description,
.validation-message {
    font-size: 10px;
}

.input-description {
    color: var(--neutral-4);
}

.text-box,
.text-box.dxbl-text-edit:has(:focus) {
    border: 1px solid var(--neutral-2) !important;
}

.text-box input {
    height: 32px !important;
    padding: 6px 8px !important;
    border-radius: 4px !important;
}

.dxbl-checkbox.valid.modified:not([type=checkbox]),
.dxbl-checkbox,
.dxbl-text-edit,
.text-box.dxbl-text-edit,
.text-box.dxbl-text-edit.invalid {
    --dxbl-checkbox-checked-focus-shadow-color: transparent;
    --dxbl-checkbox-unchecked-focus-shadow-color: transparent;
    --dxbl-checkbox-unchecked-focus-shadow-color: transparent;
    --dxbl-checkbox-checked-focus-shadow-color: transparent;
    --dxbl-text-edit-box-shadow: transparent;
    --dxbl-text-edit-focus-shadow-color: transparent;
    --dxbl-text-edit-focus-shadow-color: transparent;
    --dxbl-text-edit-focus-border-color: var(--neutral-2);
}

.checkbox.dxbl-checkbox,
.checkbox.dxbl-checkbox.valid.modified:not([type=checkbox]),
.table-layout table tbody tr td dxbl-check.dxbl-checkbox,
.table-layout table tbody tr td dxbl-check.dxbl-checkbox.valid.modified:not([type=checkbox]),
.table-layout table thead tr th dxbl-grid-header-content dxbl-check.dxbl-checkbox,
.table-layout table thead tr th dxbl-grid-header-content dxbl-check.dxbl-checkbox.valid.modified:not([type=checkbox]) {
    --dxbl-checkbox-unchecked-focus-shadow-spread: transparent;
    --dxbl-text-edit-focus-shadow-color: transparent;
    --dxbl-checkbox-checked-focus-shadow-color: transparent;
    --bs-box-shadow: 0;
}

.checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 16px;
}

.checkbox .dxbl-checkbox-check-element input,
.checkbox label,
.table-layout table tbody tr td dxbl-check .dxbl-checkbox-check-element input,
.table-layout table tbody tr td dxbl-check label,
.table-layout table thead tr th dxbl-grid-header-content dxbl-check .dxbl-checkbox-check-element input,
.table-layout table thead tr th dxbl-grid-header-content dxbl-check label {
    cursor: pointer !important;
}

.checkbox input,
.checkbox .dxbl-checkbox-check-element {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
}

.checkbox.dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before,
.table-layout table tbody tr td dxbl-check.dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before,
.table-layout table thead tr th dxbl-grid-header-content dxbl-check.dxbl-checkbox.valid.modified:not([type=checkbox]):not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-unchecked .dxbl-checkbox-check-element::before {
    border: solid 2px var(--neutral-4);
    width: 16px;
    height: 16px;
}

.checkbox.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element,
.table-layout table tbody tr td dxbl-check.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element,
.table-layout table thead tr th dxbl-grid-header-content dxbl-check.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-checked .dxbl-checkbox-check-element {
    background-color: var(--light) !important;
    border: solid 2px var(--secondary-brand);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23007CAF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/></svg>") !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
    .checkbox.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-unchecked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover::before,
    .table-layout table tbody tr td dxbl-check.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-unchecked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover::before,
    .table-layout table thead tr th dxbl-check.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-unchecked .dxbl-checkbox-check-element:not(.dxbl-disabled):not(:disabled):hover::before {
        border: solid 2px var(--neutral-5);
    }
    .checkbox.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-checked .dxbl-checkbox-check-element .dxbl-image,
    .table-layout table tbody tr td dxbl-check.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-checked .dxbl-checkbox-check-element .dxbl-image,
    .table-layout table thead tr th dxbl-check.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-checked .dxbl-checkbox-check-element .dxbl-image {
        color: transparent;
    }

.checkbox .dxbl-text,
.table-layout table tbody tr td dxbl-check .dxbl-text,
.table-layout table thead tr th dxbl-check .dxbl-text {
    font-size: 12px;
    color: var(--neutral-4);
    padding: 0 4px;
}

.checkbox label,
.table-layout table tbody tr td dxbl-check label,
.table-layout table thead tr th dxbl-check label {
    padding-left: 4px !important;
    font-size: 10px !important;
    line-height: 10px !important;
}

.table-layout table thead tr th .dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio):not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element {
    background-color: var(--light) !important;
    border: solid 2px var(--secondary-brand);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.table-layout table thead tr th dxbl-check.dxbl-checkbox:not(.dxbl-checkbox-switch):not(.dxbl-checkbox-radio).dxbl-checkbox-indeterminate .dxbl-checkbox-check-element::before {
    background-color: var(--secondary-brand);
}

.nav-link-sb,
.nav-link-neutral,
.nav-link-cta {
    text-decoration: none;
    font-size: 10px;
    cursor: pointer;
}

.nav-link-sb {
    color: var(--sb);
}

.nav-link-sb:hover {
    color: var(--sb-1);
}

.nav-link-neutral {
    color: var(--neutral-5);
}

.nav-link-neutral:hover {
    color: var(--neutral-4);
}

.nav-link-cta {
    color: var(--orange);
}

.nav-link-cta:hover {
    color: var(--orange-1);
}
    
.alt-item > td {
    background-color: #F5F5F5;
}

.select-grid-row.dxbl-grid .dxbl-grid-table > tbody > tr:hover {
    background-color: var(--sb-3);
    cursor: pointer;
}

.table-layout table thead tr th dxbl-grid-header-content,
.table-layout table tbody tr td .secondary-button,
.table-layout table tbody tr td {
    font-size: 11px !important;
    font-weight: 400 !important;
}

.table-layout table tbody tr td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-layout table thead tr th dxbl-grid-header-content {
    font-weight: 500 !important;
}

.table-layout table tbody tr td .secondary-button:active {
    box-shadow: 0.5px 0.5px 0.5px 0px rgba(0, 53, 78, 0.50);
}

.table-layout table tbody tr .dxbl-grid-expand-button-cell {
    border-right: solid 1px #d2d2d2 !important;
}

.table-layout.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
    background-color: var(--neutral-2);
}

.table-layout .detail-grid table thead tr {
    background: var(--sb-3);
}

.table-layout.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button {
    color: var(--sb);
}

    .dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button:not(.dxbl-disabled):not(:disabled):hover::before {
        content: "Expandir Detalhes";
        position: relative;
        z-index: 1;
        opacity: 1;
        background-color: transparent !important;
    }
    .table-layout.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button:not(.dxbl-disabled):not(:disabled):hover {
        background-color: transparent !important;
        color: var(--sb);
    }
    .table-layout.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button::before,
    .table-layout.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button:hover::before {
        color: var(--sb);
        margin-right: 10px;
        font-family: Roboto;
        font-size: 10px;
        font-weight: 400;
        content: "Expandir Detalhes";
    }

.table-layout.dxbl-grid .dxbl-grid-table .dxbl-grid-detail-cell {
    padding: 0px !important;
}

.table-layout.dxbl-grid,
.table-layout.dxbl-btn {
    --dxbl-grid-group-indent-cell-width: 141px;
    --dxbl-btn-focus-shadow-color: transparent
}

.table-layout .dxbl-grid-bottom-panel {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

.dxbl-pager>.dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-page-btn:not(.dxbl-disabled):not(:disabled):hover {
    background-color: var(--neutral-3);
}

.table-layout .dxbl-pager>.dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn,
.dxbl-pager>.dxbl-btn.dxbl-btn-outline-secondary.dxbl-pager-active-page-btn:not(.dxbl-disabled):not(:disabled):hover {
    background-color: var(--secondary-brand);
    pointer-events: none;
}

.table-footer-pager {
    padding: 6px;
    border-radius: 0px 0px 2px 2px;
    border: 1px solid var(--neutral-3);
    border-top: none;
    background-color: var(--neutral-2);
}

.count-page-size {
    color: var(--neutral-5);
    font-size: 12px;
    font-weight: 400;
}

.detail-grid {
    border: none !important;
}

[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    position: absolute;
    visibility: hidden;
    content: attr(data-title);
    opacity: 0;
    z-index: 10;
    background-color: var(--perigo-2);
    color: var(--neutral-5);
    width: 215px;
    border-radius: 4px;
    font-size: 11px;
    padding: 8px 16px;
    top: 0;
    left: 100%;
}
[data-title] {
    position: relative;
}

.tag-orange {
    padding: 4px;
    border-radius: 31px;
    background: var(--orange-light);
    color: var(--neutral-5, #3B4549);
    text-align: center;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.tag-grid-Read,
.tag-grid-unread {
    height: 20px;
    padding: 2px 4px;
    background-color: var(--neutral-1);
    border-radius: 31px;
    font-size: 10px;
    font-weight: 400;
    color: var(--pb-1);
    text-align: center;
    white-space: nowrap;
    margin: 0 auto;
}

.tag-grid-Read {
    border: 0.5px solid var(--sucesso-1)
}

.tag-grid-unread {
    border: 0.5px solid var(--orange)
}

.not-started,
.downloading-notebooks,
.processing,
.conference,
.shipping-released {
    height: 20px;
    padding: 4px 8px;
    border-radius: 31px;
    font-size: 11px;
    font-weight: 400;
    color: var(--neutral-5);
}
    .not-started {
        background-color: var(--neutral-3);
    }

    .downloading-notebooks {
        background-color: var(--neutral-2);
    }

    .processing {
        background-color: #FCCEA4;
    }

    .conference {
        background-color: var(--sucesso-2);
    }

    .shipping-released {
        background-color: var(--sucesso-1);
        color: var(--light) !important;
    }

.not-started-text,
.downloading-notebooks-text,
.processing-text,
.conference-text,
.shipping-released-text {
    font-size: 16px !important;
    font-weight: 400 !important;
}
    .not-started-text {
        color: var(--neutral-3) !important;
    }

    .downloading-notebooks-text {
        color: var(--neutral-2) !important;
    }

    .processing-text {
        color: #FCCEA4 !important;
    }

    .conference-text {
        color: var(--sucesso-2) !important;
    }

    .shipping-released-text {
        color: var(--sucesso-1) !important;
    }



.tab-layout {
    height: 30px;
}

    .tab-layout>.dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul {
        background-color: var(--neutral-1);
    }

        .tab-layout>.dxbl-tabs-tablist>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li>.dxbl-tabs-item>.dxbl-tabs-text-container>.dxbl-text {
            padding: 0;
        }

            .tab-layout>.dxbl-tabs-tablist>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li>.dxbl-tabs-item>.dxbl-tabs-text-container>.dxbl-text .dxbl-tabs-text-overflow {
                color: var(--sb-1);
                text-align: center;
                font-size: 12px;
                font-weight: 400;
            }

    .tab-layout.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active,
    .dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-disabled):not(:disabled) {
        border-radius: 8px 8px 0px 0px;
        border: 1px solid var(--sb-2);
        padding: 8px !important;
        min-width: 125px;
    }

    .tab-layout.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
        background-color: var(--light) !important;
    }

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-active):not(.dxbl-disabled):not(:disabled) {
    background-color: var(--neutral-1) !important;
}

.tab-layout.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    height: 0;
}

.email-tab {
    padding: 8px;
    width: 326px;
}

.memo-popup dxbl-memo-editor {
    height: fit-content;
}

.memo-popup textarea {
    height: 168px;
    max-height: 168px;
}

.dxbl-scheduler .dxbl-sc-today.dxbl-sc-date-hr::before {
    background-color: var(--pb-1);
}

.dxbl-scheduler .dxbl-sc-apt.dxbl-sc-apt-selected:not(.dxbl-sc-apt-readonly) {
    outline: .125rem solid var(--pb-1);
    outline-offset: calc(-1 * .15rem);
}

.dxbl-scheduler .dxbl-view[allow-create-appointment] .dxbl-sc-time-cell.dxbl-scheduler-disabled-color:hover {
    background-color: var(--neutral-2);
}

.dxbl-scheduler-color .dxbl-scheduler-disabled-color {
    background-color: var(--neutral-1);
}

.dxbl-scheduler .dxbl-view[allow-create-appointment] .dxbl-sc-time-cell:hover {
    background-color: var(--sb-3);
}

#schedule-grid .dxbl-scheduler .dxbl-sc-time-marker-line {
    border-color: var(--pb-1) !important;
    z-index: 100;
}

#schedule-grid .dxbl-scheduler .dxbl-sc-time-marker-image,
#schedule-grid .dxbl-scheduler .dxbl-sc-time-indicator-line {
    background-color: var(--pb-1) !important;
    z-index: 100;
}

.dxbl-scheduler .dxbl-sc-today.dxbl-sc-time-cell::before {
    background-color: var(--pb-1) !important;
}


/* Login */

#login-partner,
#login-page,
#login-oab {
    width: 100vw;
    height: 100vh;
    background-color: var(--light);
}

.login-container {
    height: calc(100% - 142px);
    width: 100%;
    gap: 75px;
}

.login-title h3,
.login-title p {
    text-align: center;
}
    .login-title h3 {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: -0.36px;
        color: var(--pb-1);
    }
    .login-title p {
        color: var(--pb-1);
        font-size: 10px;
        font-weight: 400;
        letter-spacing: 0.1px;
    }

.login-title-partner h3 {
    font-family: "Roboto Slab";
    font-size: 36px;
    font-weight: 700;
    letter-spacing: -0.54px;
    color: var(--perigo-1);
}

.login-form {
    width: 240px;
    height: 252px;
}

.login-footer {
    width: 100vw;
    height: 142px;
    padding: 40px 24px;
    background-color: var(--brand-primary);
}

.login-options {
    margin: 32px 0;
}

.login-options-oab {
    margin: 16px 0;
}

.footer-navigation a {
    color: var(--neutral-2);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.footer-split {
    border-top: solid 1px var(--neutral-1);
    width: 480px;
}

.footer-contact {
    color: var(--neutral-4);
    font-size: 16px;
    font-weight: 400;
}

.email-input {
    position: relative;
}

.form-login-recover .validation-message {
    position: absolute;
    bottom: -15px;
    left: 2px;
}

.form-login-recover .invalid {
    outline: none;
}

/* pop-up */

.notify-pop-up .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content,
.login-pop-up .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content,
.dx-pop-up .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content {
    border-radius: 4px !important;
    box-shadow: none !important;
}

.notify-pop-up .dxbl-modal-content dxbl-popup-header,
.login-pop-up .dxbl-modal-content dxbl-popup-header,
.dx-pop-up .dxbl-modal-content dxbl-popup-header {
    border-radius: 4px 4px 0 0 !important;
    height: 24px !important;
}

.notify-pop-up .dxbl-modal-content dxbl-popup-header {
    padding-top: 16px !important;
}

.notify-pop-up .dxbl-modal-content dxbl-popup-header dxbl-modal-header-default,
.login-pop-up .dxbl-modal-content dxbl-popup-header dxbl-modal-header-default,
.dx-pop-up .dxbl-modal-content dxbl-popup-header dxbl-modal-header-default {
    height: 24px !important;
}

.notify-pop-up .dxbl-modal-content .dxbl-modal-footer,
.login-pop-up .dxbl-modal-content .dxbl-modal-footer,
.dx-pop-up .dxbl-modal-content .dxbl-modal-footer {
    border-radius: 0 0 4px 4px !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 24px !important;
}

.login-pop-up .dxbl-modal-content .dxbl-modal-footer button,
.dx-pop-up .dxbl-modal-content .dxbl-modal-footer button {
    margin-bottom: 24px;
}

.notify-pop-up .dxbl-modal-content .dxbl-modal-footer button {
    margin-bottom: 12px;
}

.notify-pop-up .dxbl-modal-content dxbl-popup-header,
.notify-pop-up .dxbl-modal-content .dxbl-modal-body,
.notify-pop-up .dxbl-modal-content .dxbl-modal-footer,
.login-pop-up .dxbl-modal-content dxbl-popup-header,
.login-pop-up .dxbl-modal-content .dxbl-modal-body,
.login-pop-up .dxbl-modal-content .dxbl-modal-footer,
.dx-pop-up .dxbl-modal-content dxbl-popup-header,
.dx-pop-up .dxbl-modal-content .dxbl-modal-body,
.dx-pop-up .dxbl-modal-content .dxbl-modal-footer {
    background-color: var(--neutral-1) !important;
    border: none !important;
}

.notify-pop-up .dxbl-modal-content .dxbl-modal-body {
    padding: 0 !important;
}

.dx-pop-up .dxbl-modal-content .dxbl-modal-body {
    padding: 0 !important;
}

.login-pop-up .dxbl-modal-content .dxbl-modal-body {
    padding: 0 44px !important;
}

.pop-up-title {
    font-size: 16px;
    color: var(--neutral-5);
    font-weight: 600;
    text-align: center;
}

.pop-up-text {
    font-size: 12px;
    color: var(--dark);
    font-weight: 400;
    text-align: center;
}

.dx-pop-up .pop-up-text {
    margin: 24px 0;
}

.login-pop-up .pop-up-text {
    margin: 16px 0;
}

.login-footer-logo {
    width: 210px;
    height: 88.22px;
}


/* Loading Component */
.loading-layout {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: var(--brand-primary);
    top: 0;
    left: 0;
    z-index: 1056;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.loading-layout-header {
    color: var(--light);
    font-size: 32px;
    letter-spacing: -0.16px;
    margin-bottom: 20px;
}

.index-loader-container {
    width: 300px;
    position: relative;
}

.index-loader-progress-bar {
    height: 7px;
    background-color: var(--sb-2);
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
}

.index-loader-progress-bar-value {
    width: 100%;
    height: 100%;
    background-color: var(--secondary-brand);
    animation: index-loader-indeterminateAnimation 1s infinite linear;
    transform-origin: 0% 50%;
}

@keyframes index-loader-indeterminateAnimation {
    0% {
        transform: translateX(0) scaleX(0);
    }

    40% {
        transform: translateX(0) scaleX(0.4);
    }

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

.blazored-toast-container {
    z-index: 1057 !important;
}

@keyframes shimmer-publication-detail {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

.wrapper-card {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin-bottom: 0;
    transition: max-height 0.75s ease, opacity 0.75s ease, margin-bottom 0.75s ease;
}

.wrapper-card-open {
    max-height: 1000px;
    margin-bottom: 24px;
    opacity: 1;
}

.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-selected-item {
    background-color: var(--sb-3);
}

.dxbl-calendar:not(.dxbl-disabled):not(:disabled) .dxbl-calendar-content>table>tbody>tr:not(.dxbl-calendar-days-of-week) td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number).dxbl-calendar-selected-item:not(.dxbl-disabled):not(:disabled) {
    cursor: default;
    pointer-events: none;
}

.dxbl-calendar:not(.dxbl-disabled):not(:disabled) .dxbl-calendar-content>table>tbody>tr:not(.dxbl-calendar-days-of-week) td:not(.dxbl-calendar-disabled-item):not(.dxbl-calendar-week-number).dxbl-calendar-selected-item:not(.dxbl-disabled):not(:disabled):hover::before {
    background-color: var(--sb-2);
    opacity: 1;
}

.dxbl-calendar .dxbl-calendar-content .dxbl-calendar-day.dxbl-calendar-today {
    border-color: var(--secondary-brand);
}

.dxbl-dropdown li {
    color: var(--neutral-5) !important;
}

.dxbl-list-box-render-container:not([data-dx-focus-hidden]):not(.dxbl-list-box-multi-select)>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled)::before {
    background-color: var(--sb-1) !important;
    color: var(--light) !important;
}

.dxbl-list-box-render-container>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li.dxbl-list-box-item-selected:not(.dxbl-list-box-item-disabled) {
    background-color: var(--pb-1) !important;
    color: var(--light) !important;
}

.dxbl-list-box-render-container>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>ul>li:not([dxbl-bottom-virtual-spacer-element]):not([dxbl-top-virtual-spacer-element]).dxbl-list-box-item-focused {
    outline: .15rem solid var(--pb-1) !important;
}

.dxbl-list-box-render-container:not(.dxbl-disabled):not(:disabled):not(.dxbl-readonly):not(.dxbl-list-box-multi-select)[data-dx-focus-hidden]>.dxbl-scroll-viewer>.dxbl-scroll-viewer-content>:not(.dxbl-list-box-empty-data-container)>li:not(.dxbl-list-box-item-disabled):not(.dxbl-list-box-group-item):not([dxbl-top-virtual-spacer-element]):not([dxbl-bottom-virtual-spacer-element]).dxbl-list-box-item-selected:hover::before {
    background-color: var(--sb-2) !important;
    color: var(--neutral-5) !important;
}