:root {
    --color-primary: #2177FF;
    --color-primary-dark: #226DE5;
    --color-light-blue: #F2F4FF;
    --color-light-blue-hover: #EBEEFF;
    --color-gray-light: #F0F1F7;
    --color-gray: #8A95B2;
    --color-border: #DDE4EB;
    --color-white: #FFF;
    --color-dark-blue: #222F4D;
    --color-white-off: #f8fafc;
    --color-white-light: #FDFEFF;
    --color-gray-dark: #515C66;
    --color-error: #D9372B;
    --color-text-white: #FFF;
    --color-success: #039855;
}

body .ui-calendar .ui-button.ui-button-icon-only{
    background: var(--color-white);
    color: var(--color-dark-blue);
    border-left: none;
    border-color:var(--color-border);
    padding: 0;
    max-height: 34px;
}

body .ui-calendar.ui-trigger-calendar input.hasDatepicker{
    border-right: none;
}

.new-layout .ui-button{
    border-radius: 10px;
    background: var(--color-primary);
    display: inline-flex;
    height: 40px;
    padding: 8px 8px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.new-layout .ui-spinner-button{
    height: 50%;
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.new-layout .ui-spinner-button:hover{
    background: var(--color-primary);
    border: 1px solid var(--color-primary);
}

.new-layout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-down {
    border-bottom-right-radius: 10px;
}

.new-layout .ui-spinner .ui-spinner-button.ui-button.ui-spinner-up {
    border-top-right-radius: 10px;
}

.new-layout .ui-link.button-link{
    border-radius: 10px;
    background: var(--color-light-blue);
    color: var(--color-primary);
    display: inline-flex;
    height: 40px;
    padding: 16px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.new-layout .ui-button.select-button2:hover{
    background: var(--color-primary-dark);
    border: 1px solid var(--color-primary-dark);
}

.new-layout .ui-button.select-button3{
    border: 1px solid var(--color-border);
    background-color: white;
    color: var(--color-primary-dark);
}

.new-layout .ui-button.select-button3:hover{
    border: 1px solid var(--color-border);
    background-color: var(--color-border);
    color: var(--color-primary-dark);
}

.new-layout .ui-link.select-button3{
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    border: 1px solid var(--color-border);
    background-color: white;
    color: var(--color-primary-dark);
}

.new-layout .ui-link.select-button3:hover{
    border: 1px solid var(--color-border);
    background-color: var(--color-border);
    color: var(--color-primary-dark);
}

.new-layout .ui-button-text{
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis
}

.new-layout .ui-button.filter-button{
    background: none;
    border: none;
    color: var(--color-primary);
    padding: 0;
}

.new-layout .ui-button.select-button1{
    background: var(--color-light-blue);
    color: var(--color-primary);
}

.new-layout .ui-button.select-button1:hover{
    background: var(--color-light-blue-hover);
    border: 1px solid  var(--color-light-blue-hover);
}

.new-layout .ui-button.filter-button:hover{
    border: none;
    color: var(--color-primary);
    background: var(--color-light-blue);
}

.new-layout .ui-button:focus{
    box-shadow: none;
}

.new-layout .ui-button.ui-state-disabled.select-button2{
    cursor: default !important;
    pointer-events: none;
    background: var(--color-gray-light);
    color: var(--color-gray);
    border: none;
    opacity: 1.0;
}

body .ui-button.ui-button-text-icon-left .ui-icon {
    left: 1rem;
}

.new-layout .ui-button.ui-state-disabled.filter-button{
    cursor: default !important;
    pointer-events: none;
    color: var(--color-gray);
}

.new-layout .ui-inputfield{
    border-radius: 10px;
    border: 1px solid var(--color-border);
    background: var(--color-white);
    width: 100%;
    height: 100%;
}

::-ms-input-placeholder { /* Edge 12-18 */
    color: red;
}

::-webkit-input-placeholder {
    color: red;
}

.new-layout .ui-autocomplete{
    width: 100%;
    height: 100%;
}

body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight {
    background: var(--color-primary-dark);
}

.new-layout .ui-inputfield.ui-inputtext:hover{
    border: 1px solid var(--color-primary-dark);
}

body .ui-inputfield.ui-state-hover {
    border-color: var(--color-primary-dark);
}

.new-layout .ui-inputfield.ui-inputtext:focus{
    box-shadow: 0 0 0 0.1rem var(--color-primary-dark);
}

.new-layout .ui-selectonemenu{
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--color-border);
    background:  var(--color-white);
}

body .ui-selectcheckboxmenu {
    width: 100%;
    border-radius: 10px;
    border: 1px solid var(--color-border);
    background:  var(--color-white);
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper::-webkit-scrollbar-track {
    background-color: var(--color-border);
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper::-webkit-scrollbar {
    width: 6px;
    background-color: var(--color-border);
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--color-primary-dark);
}

.new-layout .ui-selectonemenu.ui-widget:hover{
    border: 1px solid var(--color-primary-dark);
}

body .ui-selectcheckboxmenu.ui-state-hover:not(.ui-state-error){
    border: 1px solid var(--color-primary-dark);
}
body .ui-selectcheckboxmenu.ui-state-focus:not(.ui-state-error) {
    box-shadow: 0 0 0 0.1rem var(--color-primary-dark);
}


body .ui-selectonemenu:focus{
    box-shadow: 0 0 0 0.1rem var(--color-primary-dark);
}

body .ui-selectcheckboxmenu:focus{
    box-shadow: 0 0 0 0.1rem var(--color-primary-dark);
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: var(--color-primary-dark);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border: none;
    background: var(--color-primary);
    color: var(--color-white-off);
}

body .ui-chkbox .ui-chkbox-box.ui-state-active.ui-state-hover {
    background: var(--color-primary-dark);
}

body .ui-chkbox .ui-chkbox-box {
    border-radius: 4px;
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
   box-shadow: none;
}

.new-layout .selectonemenu-label{
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    color: var(--color-dark-blue);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
    background: var(--color-primary-dark);
}

#filtros{
    padding-bottom: 32px;
}

.new-layout .ui-datatable thead th {
    color:var(--color-dark-blue);
    background: var(--color-white);
}

.new-layout .ui-datatable thead th.ui-sortable-column:focus{
    box-shadow: none;
}

.new-layout th:first-child{
    border-radius: 12px 0 0 12px;
}

.new-layout th:last-child{
    border-radius: 0 12px 12px 0;
}


.new-layout .ui-datatable-data > tr.ui-widget-content.ui-datatable-empty-message{
    text-align: center;
}

.new-layout .icon-button{
    color: var(--color-primary);
    background-color: var(--color-white-light);
    text-align: -webkit-match-parent;
}

.new-layout .icon-button:hover{
    background-color: var(--color-light-blue-hover);
    border: none;
    color: var(--color-primary);
}

.new-layout .icon-button.no-hover:hover {
    background-color: transparent;
    border: none;
    color: var(--color-primary);
}

.new-layout .icon-button.ui-corner-all{
    border-radius: 64px;
    width: 3rem;
}

.new-layout .icon-link{
    color: var(--color-primary);
    background-color: var(--color-white-light);
    text-align: -webkit-match-parent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.new-layout .icon-link:hover{
    background-color: var(--color-light-blue-hover);
    color: var(--color-primary);
}

body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active{
    background: none;
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
    border-radius: 0;
}

body .ui-selectonemenu.ui-state-focus:not(.ui-state-error){
    box-shadow: 0 0 0 0.1rem var(--color-primary-dark);
}

body .ui-inputswitch.ui-inputswitch-checked {
    background: var(--color-primary);
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #2177FF;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #2177FF;
    background: #2177FF;
    color: #f8fafc;
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background: var(--color-white);
    border-color: var(--color-primary);
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row.ui-widget-content.ui-state-highlight{
    color: var(--color-white-off);
}


body .ui-inputswitch .ui-inputswitch-handle.ui-state-focus {
    box-shadow: 0 0 0 0.1rem var(--color-primary-dark);
}

body .button-border {
    border: 1px solid  var(--color-border);
}

.new-layout .item-icon{
    border-right: 1px solid  var(--color-border);
}

.new-layout .container-menu-atividades{
    padding: 32px 0 32px 32px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.new-layout .container-menu-atividades-extras{
    padding: 32px 32px 32px 0;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
}

.new-layout .container-menu-etapas{
    padding: 32px 32px 32px 0;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
    border-right: 1px solid  var(--color-border);
}

.new-layout .container-conteudos{
    border-top: 1px solid  var(--color-border);
}

.new-layout .only-icon{
    text-align: -webkit-match-parent;
    padding: 8px 12px;
}

.dashboard-items{
    flex-direction: column;
    gap: 8px;
}

.dashboard-scroll{
    max-height: 580px;
    overflow: auto;
    padding: 0;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.alternatives-scroll{
    max-height: 360px;
    overflow: auto;
    padding: 0;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

.alternatives-scroll::-webkit-scrollbar-track {
    border-radius: 12px;
    background-color: var(--color-border);
}

.alternatives-scroll::-webkit-scrollbar {
    width: 12px;
    background-color: var(--color-border);
    border-radius: 12px;
}

.alternatives-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--color-primary-dark);
}

.dashboard-scroll::-webkit-scrollbar-track {
    border-radius: 12px;
    background-color: var(--color-border);
}

.dashboard-scroll::-webkit-scrollbar {
    width: 12px;
    background-color: var(--color-border);
    border-radius: 12px;
}

.dashboard-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--color-primary-dark);
}

.dashboard-items-rec{
    flex-direction: column;
    gap: 8px;
}

.dashboard-items-rec:hover{
    cursor: pointer;
}

.dashboard-item:hover{
    cursor: pointer;
}

.new-layout .bullet::before {
    content: '\2022';
    margin-right: 5px;
    margin-left: 5px;
}

body .dashboard-items .ui-menu.ui-shadow {
    border-radius: 12px;
    background:  var(--color-white);
    box-shadow: 0 0 1px 0 rgba(11, 31, 51, 0.14), 0 0 1px 0 rgba(11, 31, 51, 0.12), 0 1px 6px 0 rgba(11, 31, 51, 0.20);
}

.dashboard-item{
    border-radius: 12px;
    border: 1px solid var(--color-border);
    background:  var(--color-white);
}

.container-menu-etapas .dashboard-item:hover{
    background: #F6FAFFFF;
}

.dashboard-item-rec{
    border: none;
}

.highlighted {
    border: 2px solid var(--color-primary);
}

.sortable-chosen {
    transition: transform 0.2s ease;
}
.sortable-ghost {
    opacity: 0.4;
}
.sortable-animated {
    transition: transform 0.3s ease;
}

body .new-layout .ui-accordion .ui-accordion-header {
    background-color: var(--color-white);
    display: flex;
    padding: 12px 0;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--color-border);
}

body .new-layout .ui-accordion.atividades-recuperacao .ui-accordion-header {
    background-color: var(--color-white);
    border-top: 1px solid  var(--color-border);
    border-bottom: none;
    border-left: none;
    border-right: none;
    padding-right: 26px;
    padding-bottom: 0;
    padding-left: 36px;
}


body .new-layout .ui-accordion .ui-accordion-header:focus{
   box-shadow: none;
}

body .new-layout .ui-accordion .ui-accordion-header:hover{
    box-shadow: none;
    background-color: var(--color-white);
}

body .new-layout .ui-accordion .ui-accordion-content{
    background-color: var(--color-white);
    border: none;
    padding-top: 0;
}

.new-layout .ui-accordion-header {
    display: flex;
    justify-content: space-between;
}
.new-layout .ui-accordion-header .ui-icon.ui-icon-triangle-1-s,
.new-layout .ui-accordion-header .ui-icon.ui-icon-triangle-1-e,
.new-layout .ui-accordion-header.ui-state-active .ui-icon.ui-icon-triangle-1-s,
.new-layout .ui-accordion-header.ui-state-active .ui-icon.ui-icon-triangle-1-e {
    color: var(--color-primary);
    width: 24px;
    height: 24px;
    order: 2;
}
.new-layout .ui-accordion-header .header-title, .dashboard-item .ui-accordion-header.ui-state-active .header-title{
    order: 1;
}

.span-counter-select-one-checkbox{
    background: var(--color-primary);
    border-radius: 100px;
    color: var(--color-white-off);
    padding: 3px;
    margin-left: 3px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    border-radius: 10px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container:focus {
    box-shadow: 0 0 0 0.1rem var(--color-primary-dark);
}

.scrollable-dialog .ui-dialog-content {
    max-height: 80vh;
    overflow-y: auto;
}

body .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
    background: var(--color-white-light);
    color: var(--color-gray-dark);
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content {
    padding: 32px 24px;
}

body .ui-dialog.ui-confirm-dialog .ui-dialog-content > span {
    margin: 0;
}

.ui-selectonemenu .ui-selectonemenu-label {
    border: 0;
    overflow: hidden;
    width: 90%;
    text-overflow: ellipsis;
}

.dashboard-item.selected {
    border: 1px solid  var(--color-primary);
}

.ui-growl{
    z-index: 999999 !important;
}

body .ui-growl .ui-growl-item-container.ui-growl-error{
    background: var(--color-error);
    border:none;
    color: var(--color-white);
    opacity: 1;
    border-radius: 12px;
    box-shadow: none;
}

body .ui-growl .ui-growl-item-container.ui-shadow.ui-growl-error{
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

body .ui-growl .ui-growl-item-container.ui-growl-info{
    background: var(--color-success);
    border:none;
    color: var(--color-white);
    opacity: 1;
    border-radius: 12px;
}

body .ui-growl .ui-growl-item-container.ui-shadow.ui-growl-info{
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}

.ui-growl-title {
    font-weight: normal;
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image{
    background-image: url("/javax.faces.resource/img/circle-check-solid.svg?ln=orbie-layout") !important;
    background-repeat: no-repeat !important;
    filter: invert(100%) sepia(0%) saturate(1879%) hue-rotate(155deg) brightness(109%) contrast(96%);
    height: 24px;
    width: 24px;
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image{
    background-image: url("/javax.faces.resource/img/circle-exclamation-solid.svg?ln=orbie-layout") !important;
    background-repeat: no-repeat !important;
    filter: invert(100%) sepia(0%) saturate(1879%) hue-rotate(155deg) brightness(109%) contrast(96%);
    height: 24px;
    width: 24px;
}

body .ui-growl .ui-growl-item-container.ui-growl-error .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before {
    content: "";
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image:before, body .ui-growl .ui-growl-item-container.ui-growl-fatal .ui-growl-image:before {
    content: "";
}

body .ui-growl .ui-growl-item-container .ui-icon-closethick {
    color: var(--color-white);
    padding: 5px;
}

.ui-growl-image-info {
    background-position: center;
}

.type-activity-link {
    border-radius: 12px;
    border: solid 1px var(--color-light-blue);
}

.type-activity-icon-container{
    width: fit-content;
    height: fit-content;
    border-radius: 32px;
    background: var(--color-light-blue);
    color: var(--color-primary);
}

.type-activity-icon-container span{
    padding: 8px;
}

.type-activity-link:hover{
    border-color: var(--color-primary);
}

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

.border-top{
    border-top: 1px solid var(--color-border);
}

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

.alert{
    background-color: rgba(220, 17, 1, 0.16);
    box-shadow: 0px 0px 2px #ff0303;
    color: #ff0303;
}

.warn {
    background-color: rgba(255, 140, 0, 0.2);
    box-shadow: 0px 0px 2px #cc8400;
    color: #cc8400;
}


.new-layout .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    border-radius: 32px;
    background:  var(--color-primary);
    color: var(--color-white);
}

.new-layout .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    border: none;
}

.new-layout .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    color: var(--color-primary);
}

.new-layout .ui-steps:before {
    border: none;
}

body .step-line hr{
    border-top: 1px solid var(--color-border);
    top: 50%;
    left: 0;
    position: absolute;
    display: block;
    width: 100%;
    margin: 0;
}

.new-layout .ui-steps ul li:first-child {
    justify-content: flex-start;
    display: flex;
}

.new-layout .ui-steps ul li:last-child {
    justify-content: flex-end;
    display: flex;
}

.new-layout .ui-steps ul li:first-child .ui-menuitem-link {
    background: var(--color-white);
}

.new-layout .ui-steps ul li:last-child .ui-menuitem-link {
    background: var(--color-white);
}

.step-title{
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    color: var(--color-dark-blue);
}

.drop-zone{
    border: dashed 1px var(--color-gray);
    border-radius: 12px;
    height: 80%;
    flex-direction: column;
}

.drop-zone:hover{
    background: aliceblue;
}

.drop-zone-icon-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: 10px;
}

.image-upload-container{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: solid 1px #8A95B2;
    border-radius: 8px;
    gap: 10px;
}

.button-upload-container{
    display: flex;
    justify-content: end;
}

.cke_chrome {
    border-radius: 12px !important;
    padding: 2px !important;
}

.cke_top {
    background: var(--color-white) !important;
}

.cke_bottom {
    background: var(--color-white) !important;
}

.new-layout .ui-datatable .ui-datatable-header{
    background: var(--color-white);
    padding: 0;
}

.sun-editor .se-wrapper {
    overflow-y: auto;
    max-height: 500px;
}

.quillEditor{
    flex-direction: column;
}

.ql-snow .ql-tooltip {
    left: auto !important;
}

.ql-toolbar.ql-snow{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.ql-container.ql-snow {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}



.header-preview-matriz, .aside-preview-matriz, .box-flex {
    display: flex;
}

.data-preview-matriz-palavra-cruzada{
    background-color: #f0f0f0;
}

.data-preview-matriz-caca-palavra{
    background: #f0f0f0;
    font-weight: 600;
}

.celula-preenchida-caca-palavra{
    color: var(--color-success);
}

.column-preview-matriz-info, .column-aside-preview-matriz {
    border: none;
}

body .ui-chip {
    background-color: #e3f2fd;
    color: #495057;
    border-radius: 16px;
    padding: 0 .5rem;
    width: 28px;
    justify-content: center;
}

body .ui-chip:hover,
body .ui-chip.selected {
    cursor: pointer;
    background-color: #2177FF;
    color: #FFF;
}

body .ui-chip .ui-chip-text {
    line-height: 1.5;
    margin-top: .25rem;
    margin-bottom: .25rem
}

body .ui-chip .ui-chip-icon {
    margin-right: .5rem
}

body .ui-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: .5rem
}

body .ui-chip .ui-chip-remove-icon {
    margin-left: .5rem;
    border-radius: 4px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s
}

body .ui-chip .ui-chip-remove-icon:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 .2rem #a6d5fa
}

body .item-verdadeiro-falso:hover {
    cursor: pointer;
    background: #F6FAFFFF;
}

.column-preview-matriz-info, .column-aside-preview-matriz, .data-preview-matriz-palavra-cruzada, .data-preview-matriz-caca-palavra {
    padding: 5px;
    text-align: center;
    width: 30px;
    height: 30px;
    margin: 2px;
    border-radius: 5px;
}

.celula-preenchida-palavra-cruzada {
    background-color: var(--color-success);
    color: var(--color-white-off);
    font-weight: 600;
}

.aside-preview-matriz{
    flex-direction: column;
    font-weight: 600;
}

.header-preview-matriz{
    margin-left: 30px;
    font-weight: 600;
}

.meta-radio-wrapper{
    display: flex;
    height: 80px;
    padding: 0 4px;
    align-items: center;
    gap: 10px;
}

.meta-slider-label{
    display: flex;
    padding: 10px 4px;
    align-self: stretch;
    flex-direction: column;
    width: fit-content;
}

.new-layout .ui-slider.ui-slider-horizontal {
    height: 0.5rem;
    border-radius: 12px;
}

.new-layout .ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -0.3285rem;
}

.new-layout .ui-slider .ui-slider-handle {
    border: 1px solid var(--color-primary);
}

.new-layout .ui-slider .ui-slider-handle.ui-state-hover {
    background: var(--color-primary);
}

.new-layout .ui-slider .ui-slider-range {
    background: var(--color-primary);
    border-radius: 12px;
}

.new-layout .ui-tabs-panel{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body .progressbar-relatorio{
    border-radius: 32px;
}

body .progressbar-relatorio.ui-progressbar-info .ui-progressbar-value {
    border-radius: 32px;
    background: var(--color-primary);
}

body .progressbar-relatorio.ui-progressbar-success .ui-progressbar-value {
    border-radius: 32px;
    background: var(--color-success);
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token {
    background: var(--color-primary);
    border: none;
    border-radius: 12px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-multiple-container .ui-selectcheckboxmenu-token .ui-selectcheckboxmenu-token-icon {
    margin-right: 5px;
}
.custom-column{
    width: 20%;
    max-width: 20%;
    flex: 0 0 auto;
    padding: .5rem;
}

.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.custom-column-select {
    min-width: 100%!important;
}

span.ui-selectcheckboxmenu-label-container.ui-state-active {
    height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
}

div#formVincularAtividade\:filtroHabilidade_panel .ui-widget-header.ui-corner-all.ui-selectcheckboxmenu-header.ui-helper-clearfix .ui-chkbox .ui-widget,
div#form\:filtroHabilidade_panel .ui-widget-header.ui-corner-all.ui-selectcheckboxmenu-header.ui-helper-clearfix .ui-chkbox .ui-widget {
    display: none;
}

.new-layout .ui-outputlabel .ui-outputlabel-rfi {
    color: red;
}

.new-layout .sidebar-title-container {
    width: 100%;
    border-bottom: 1px solid #DDE4EB;
    padding: 12px 16px 16px;
    left: 0;
}

.new-layout .sidebar-title {
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    color: #222F4D;
}

.new-layout .sidebar-description {
    height: 85vh;
    overflow: auto;
}

.new-layout .sidebar-description img {
    max-width: 100%;
    height: auto;
    display: block;
}

.new-layout .grapich-container {
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem;
    border-radius: 16px;
    border: 1px solid #EDEFF7;
    align-items: flex-start;
    gap: 1rem;
}

.ui-password-icon {
    cursor:pointer
}

body .ui-password.ui-password-masked .ui-password-icon {
    font-family:"primeicons" !important;
    font-style:normal;
    font-weight:normal;
    display:inline-block;
    background:none
}

body .ui-password.ui-password-masked .ui-password-icon:before{
    content:"\e966"
}
body .ui-password.ui-password-unmasked .ui-password-icon{
    font-family:"primeicons" !important;
    font-style:normal;
    font-weight:normal;
    display:inline-block;
    background:none
}
body .ui-password.ui-password-unmasked .ui-password-icon:before{
    content: "\e965"
}
body .ui-password-panel{
    background:#1e1e1e;color:hsla(0,0%,100%,.87);
    padding:1rem;border:1px solid #383838;
    margin:0;width:auto;
    min-width:150px;
    box-shadow:0 0 10px 0 rgba(0,0,0,.16);
    border-radius:4px
}