html { min-height: 100%; scroll-behavior: smooth; position: relative; overflow-y: scroll; } 
html, body { height: 100%; font-family: "Roboto", sans-serif; font-weight: 400; font-style: normal; } 
body { background-color: #FCFCFD !important; } 
a { text-decoration: none !important; } 
.wl-bg-brand-primary { background-color: rgba(74, 74, 74, 1) !important; } 
.wl-bg-brand-primary.bg-opacity-25 { background-color: rgba(74, 74, 74, 0.25) !important; } 
.wl-bg-brand-primary.bg-opacity-50 { background-color: rgba(74, 74, 74, 0.50) !important; } 
.wl-bg-brand-primary.bg-opacity-75 { background-color: rgba(74, 74, 74, 0.75) !important; } 
.dropdown-my-apps { width: 280px; } 
.dropdown-my-apps a { color: #4a4a4a; } 
.dropdown-my-apps span { color: #444444; } 
.dropdown-my-apps a:hover span, .dropdown-my-apps a.active span { color: #FFFFFF !important } 
.dropdown-my-apps a:hover, .dropdown-my-apps a.active { background-color: rgba(74, 74, 74, 0.75) !important;  color: #FFFFFF !important } 
.wl-bg-brand-primary-action:hover { --bs-bg-opacity: 1; background-color: #333333 !important; color: #FFFFFF !important } 
.wl-bg-brand-primary-action.active { --bs-bg-opacity: 1; background-color: #333333 !important; color: #FFFFFF !important } 
.wl-bg-brand-secondary { --bs-bg-opacity: 1; background-color: #d96921 !important; } 
.wl-bg-brand-secondary-action:hover { --bs-bg-opacity: 1; background-color: #974917 !important; } 
.wl-bg-brand-secondary-action.active { --bs-bg-opacity: 1; background-color: #974917 !important; } 
.wl-bg-brand-accent1 { --bs-bg-opacity: 1; background-color: #333333 !important; } 
.wl-bg-brand-accent2 { --bs-bg-opacity: 1; background-color: #974917 !important; } 
.wl-color-brand-primary { color: #4a4a4a !important; } 
.wl-color-brand-secondary { color: #d96921 !important; } 
.wl-color-brand-accent1 { color: #333333 !important; } 
.wl-color-brand-accent2 { color: #974917 !important; } 
.wl-color-text-primary { color: #4a4a4a !important; } 
.wl-color-text-secondary { color: #d96921 !important; } 
.wl-border-bottom-brand-accent1 { border-bottom: 1px solid #333333 !important; } 
.wl-border-bottom-brand-accent2 { border-bottom: 1px solid #974917 !important; } 
.wl-btn-primary         { background-color: #4a4a4a !important; color: #FFFFFF !important; } 
.wl-btn-secondary       { background-color: #d96921 !important; color: #FFFFFF !important; } 
.wl-btn-primary:hover   { background-color: #333333 !important; color: #FFFFFF !important; } 
.wl-btn-secondary:hover { background-color: #974917 !important; color: #FFFFFF !important; } 
.wl-btn-outline-primary { border: 1px solid #4a4a4a !important; color: #4a4a4a !important; } 
.wl-btn-outline-primary:hover { background-color: #4a4a4a !important; color: #FFFFFF !important; } 
.wl-btn-outline-secondary { border: 1px solid #d96921 !important; color: #d96921 !important; } 
.wl-btn-outline-secondary:hover { background-color: #d96921 !important; color: #FFFFFF !important; } 
::-webkit-scrollbar { width: 13px;height: 13px;} 
::-webkit-scrollbar-thumb { background: #333333;/* border-radius: 5px; */} 
::-webkit-scrollbar-thumb:hover { background: #4a4a4a;} 
::-webkit-scrollbar-track { background: #f1f1f1;/* border-radius: 5px; */} 
.wl-logo { background-image: url('https://diadiamais.com/storage/white-label/ee0b7e56-fce2-4f6b-9339-a18aab3abea9.png'); background-size: contain; background-position: center; background-repeat: no-repeat; } 
.wl-logoIcon { background-image: url('https://diadiamais.com/storage/white-label/diadia+verde-icon.png'); background-size: contain; background-position: center; background-repeat: no-repeat; height: 26px; width: 26px; display: inline-block; margin-right: 20px !important; } 
.wl-btn-menu { background-image: url('https://diadiamais.com/storage/asset/i-bars.png'); background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; height: 26px; width: 26px; display: inline-block; } 
.wl-btn-apps { background-image: url('https://diadiamais.com/storage/asset/i-grip.png'); background-size: contain; background-position: center; background-repeat: no-repeat; cursor: pointer; height: 26px; width: 26px; display: inline-block; } 
.z-index-max { z-index: 999999; } 
.ngx-pagination { padding: 0 !important; margin: 20px 0 0 0 !important; } 
.text-xx { font-size: 12px; } 
.text-xs { font-size: 14px; } 
.text-first-upper:first-letter { text-transform: capitalize; } 
.cursor-pointer { cursor: pointer; } 
.cursor-move { cursor: move; } 
.zebra:nth-child(even) { background-color: #f2f2f2; } 
.zebra:hover { background-color: #E2E3E5; } 
.bg-destaque { background: #F6F5FA; } 
.container-application { display: grid;grid-template-columns: 240px 1fr;height: 100%; } 
.fa-btn { display: inline-block; font-size: 12px; width: 18px; } 
.btn-xs { padding: 2px 5px !important; font-size: 12px !important; } 
.btn-input-file input[type="file"] { display: none; } 
.btn-input-file label { display: inline-block; } 
ul.list-tree { list-style: none; padding-left: 0; margin: 0 5px; } 
ul.list-tree a { color: inherit; text-decoration: none; cursor: pointer; display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: start; padding: 5px 8px; border-radius: 6px; } 
ul.list-tree a:hover { background: #dfe0e0; } 
ul.list-tree li ul { list-style: none; padding-left: 0; } 
ul.list-tree li ul li { background: url('assets/sqpurple.png') no-repeat left center; padding-left: 20px; } 
ul.list-tree li ul li:last-child { background: url('assets/sqpurple-end.png') no-repeat left center; } 
.border-dashed { border: 1px dashed #E2E3E5 !important; } 
.border-top-dashed { border-top: 1px dashed #E2E3E5 !important; } 
.border-bottom-dashed { border-bottom: 1px dashed #E2E3E5 !important; } 
.row-list:hover { background-color: #f1f1f1; } 
.row-list:hover .btn-row-secondary, .row-list:hover .btn-row-default { display: inline-block; background-color: #FFFFFF; border: 1px solid #E0E0E0; } 
.row-list .btn-row-default { min-width: 31px; display: inline-block; } 
.row-list .btn-row-secondary { min-width: 31px; display: none; } 
.row-list:hover .btn-group { box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.07); }