:root {
    --primary: #355D98;
    --accent: #14AE5C;
    --destructive: #D13128;
    --background: #FFFFFF;
    --muted: #F2F5F8;
    --card: #A5C7DB;
    --foreground: #1F1F1F;
    --muted-foreground: #636465;
    --primary-foreground: #FFFFFF;
    --border: #CED4DA;
    --ring: #355D98;
    --input-background: #FFFFFF;
    --secondary-foreground: #355D98;
    --toast-success-background: #D1F4E0;
    --toast-success-text: #14AE5C;
    --toast-error-background: #FFE5E5;
    --toast-error-text: #D13128;
    --toast-warning-background: #FFF4E6;
    --toast-warning-text: #F59E0B;
    --toast-info-background: #E3F2FD;
    --toast-info-text: #355D98;
    --color-green-back: hsl(145, 92%, 87%);
    --color-green-text: #2a9f47;
    --color-error-back: hsl(325, 92%, 87%);
    --color-error-text: #9f2a65;
    --color-info-back: hsl(210, 92%, 87%);
    --color-info-text: #2a6f9f;
    --color-warning-back: hsl(45, 92%, 87%);
    --color-warning-text: #9f802a;
    --color-8quali: #1C5477;
    --color-orange-600: #f54a00;
    --color-green-600: #00a63e;
    --color-red-600: #e7000b;
    --color-yellow-600: #d08700;
    --color-gray-500: #6a7282;
    --gray-50: #f9fafb;
    --gray-200: #e5e7eb;
    --gray-600: #4b5563;
    --gray-700: #374151;
    --color-red-50: #fef2f2;
    --color-yellow-50: #fefce8;
    --color-green-50: #f0fdf4;
    --title-blue: #355D98;
    --btn-bg: #355D98;
    --btn-hover: #2a4a7a;
    --green-600: #16a34a;
    --red-600: #dc2626;
    --text-muted: #717171;
    --info-blue: #4a90e2;
    --text-secondary: #626b79;
    --blue-acc-border: #bedbff;
    --orange-acc-border: #ffd6a8;
    --green-acc-border: #b9f8cf;
    --blue-acc: #eff6ff;
    --orange-acc: #fff7ed;
    --green-acc: #f0fdf4;
    --dot-blue: #3b82f6;
    --dot-orange: #f97316;
    --dot-green: #00a63e;
    --square-date-picker-color: #355d98;
    --radius: 5px;
    --radius-button: 5px;
    --radius-card: 5px;
}


.primary-button {
    background: var(--primary);
    color: var(--primary-foreground);
    border-radius: var(--radius-button);
    height: 36px;
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
    transition: 0.3s;
}

.primary-button > i {
    margin-right: 6px;
}

.primary-button:hover {
    opacity: 0.9;
}

.primary-button:disabled {
    background-color: var(--muted);
    color: var(--text-muted);
    border-color: var(--text-muted);
    cursor: not-allowed;
}

.secondary-button {
    background-color: transparent;
    color: var(--secondary-foreground);
    border-radius: var(--radius-button);
    border: 1px solid var(--primary);
    height: 36px;
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
    transition: 0.1s;
}

.secondary-button > i {
    margin-right: 6px;
}

.secondary-button:hover {
    background-color: var(--primary);
    color: var(--input-background);
}

.secondary-button:disabled {
    background-color: var(--muted);
    color: var(--text-muted);
    border-color: var(--text-muted);
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px
}

.dot-blue {
    background: var(--dot-blue)
}

.dot-orange {
    background: var(--dot-orange)
}

.dot-green {
    background: var(--dot-green)
}

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

.border-color {
    border-color: #0000001a;
}

.card-rounded {
    background-color: #fff;
    border-radius: 14px;
    border-width: 1px;
    border-style: solid;
    border-color: #0000001a;
}

.text-info-blue {
    color: var(--info-blue);
}

.font-bold {
    font-weight: 700 !important;
    --tw-font-weight: 700 !important;
}

.text-orange-600 {
    color: var(--color-orange-600);
}

.text-green-600 {
    color: var(--color-green-600);
}
.text-red-600 {
    color: var(--color-red-600);
}
.text-yellow-600 {
    color: var(--color-yellow-600);
}

.text-gray-500 {
    color: var(--color-gray-500);
}
.uppercase {
    text-transform: uppercase;
}

.bg-gray-50 {
    background-color: var(--gray-50);
}
.bg-red-50 {
    background-color: var(--color-red-50);
}
.bg-yellow-50 {
    background-color: var(--color-yellow-50);
}
.bg-green-50 {
    background-color: var(--color-green-50);
}
.back-btns {
    background-color: #fff !important;
    color: #000 !important;
    border-radius: 8px;
    transition: background-color .2s ease, color .2s ease;
}

.back-btns svg {
    fill: currentColor;
    stroke: currentColor;
    pointer-events: none;
}

.back-btns:hover,
.back-btns:focus,
.back-btns:active {
    background-color: #e0e0e0 !important;
    color: #000 !important;
}

.btn.back-btns:hover svg {
    fill: currentColor;
    stroke: currentColor;
}
body {
    font-family: Helvetica, Arial, sans-serif !important;
}

.ui-widget,
.ui-widget *:not([class*="fa-"]):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
    font-family: Helvetica, Arial, sans-serif !important;
}

.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, [class*="fa-"] {
    font-family: "Font Awesome 6 Free","Font Awesome 5 Free","Font Awesome 6 Brands","Font Awesome 5 Brands" !important;
}

.filtro-linha-busca {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 50px;
    margin: 0 0 16px 0;
    padding: 0;
    width: 100%;
    flex-wrap: wrap;
}

.filtro-campo-data {
    flex: 0 0 auto;
    min-width: 180px;
    padding: 0;
}

.filtro-campo-data .form-control {
    height: 36px;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    font-size: 14px;
    box-shadow: none;
    padding: 4px 12px;
    width: 100%;
    display: block;
    background-color: var(--input-background);
}

.filtro-campo-data .form-control:focus {
    border-color: var(--ring);
    box-shadow: none;
    outline: none;
}

.filtro-campo-data select.form-control {
    height: 36px;
    padding: 4px 8px;
    -webkit-appearance: menulist;
    appearance: menulist;
}

.filtro-campo-data .btn-group {
    width: 100%;
    display: block;
    position: relative;
}

.filtro-campo-data .btn-group .dropdown-menu {
    position: absolute;
    z-index: 9999;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    left: 0;
    top: 100%;
    box-sizing: border-box;
}

.filtro-campo-data .multiselect.dropdown-toggle {
    width: 100%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 36px;
    padding: 6px 24px 6px 10px;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    background-color: var(--input-background);
    font-size: 14px;
}

.card-filtros-8-idea {
    border: 1px solid var(--border);
    border-radius: var(--radius-card);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04);
    padding: 24px;
    margin-bottom: 20px;
    background: var(--background);
}

.card-filtros-8-idea > h4 {
    margin-top: 0;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 600;
    color: #2e3a48;
}

.card-filtros-8-idea label {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #4a5663;
    margin-bottom: 6px;
}

.card-filtros-8-idea .form-control {
    width: 100%;
    box-sizing: border-box;
    height: 42px !important;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-button) !important;
    box-shadow: none !important;
    font-size: 14px;
    color: var(--foreground);
    background-color: var(--input-background);
}

.card-filtros-8-idea .form-control::-webkit-input-placeholder {
    color: #9aa3ad;
}

.card-filtros-8-idea .form-control::placeholder {
    color: #9aa3ad;
}

.card-filtros-8-idea select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7785' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 32px;
}

.filtros-acoes-8-idea {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.paginacao-direta-controles {
    align-items: center !important;
}

.paginacao-direta .pagination {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
}

.paginacao-direta .pagination > li {
    display: inline-flex;
}

.paginacao-direta .pagination > li > a {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    min-width: 34px;
    padding: 0 10px;
    box-sizing: border-box;
    border: 1px solid var(--border);
    border-radius: var(--radius-button) !important;
    margin: 0 2px;
    color: #4a5663;
}

.paginacao-direta .pagination > .active > a,
.paginacao-direta .pagination > .active > a:hover,
.paginacao-direta .pagination > .active > a:focus {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
    color: #fff !important;
}

.paginacao-direta .pagination > .disabled > a,
.paginacao-direta .pagination > .disabled > a:hover,
.paginacao-direta .pagination > .disabled > a:focus {
    color: #b9c1c9;
    background-color: transparent;
    border-color: var(--border);
    cursor: default;
}

.paginacao-direta-combo {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.paginacao-direta-combo-campo {
    height: 34px !important;
    width: 66px !important;
    box-sizing: border-box;
    border: 1px solid var(--border) !important;
    border-radius: var(--radius-button) !important;
    box-shadow: none !important;
    padding: 0 24px 0 10px !important;
    font-size: 14px;
    vertical-align: middle;
    -moz-appearance: textfield;
}

.paginacao-direta-combo-campo::-webkit-outer-spin-button,
.paginacao-direta-combo-campo::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.paginacao-direta-combo-seta {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 0 var(--radius-button) var(--radius-button) 0;
    background: transparent;
    color: #6b7785;
    cursor: pointer;
    padding: 0;
}

.paginacao-direta-combo-seta > i {
    font-size: 10px;
}

.paginacao-direta-combo-seta:hover {
    background-color: #eef3fb;
}

.paginacao-direta-combo-lista {
    display: none;
    position: absolute;
    bottom: 100%;
    right: 0;
    left: 0;
    margin: 0 0 4px 0;
    padding: 4px 0;
    max-height: 220px;
    overflow-y: auto;
    list-style: none;
    background: var(--background);
    border: 1px solid var(--border);
    border-radius: var(--radius-button);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    z-index: 1000;
}

.paginacao-direta-combo-aberta .paginacao-direta-combo-lista {
    display: block;
}

.paginacao-direta-combo-lista > li {
    padding: 6px 12px;
    font-size: 14px;
    color: #4a5663;
    text-align: center;
    cursor: pointer;
}

.paginacao-direta-combo-lista > li:hover {
    background-color: #eef3fb;
}

.paginacao-direta-combo-lista > li.ativa {
    background-color: var(--primary);
    color: #fff;
}

 .md-chat-widget-icon-svg {
    width: 45px !important;
    height: 45px !important;
}

#md-app-widget {
    bottom: 0px !important;
    right: -8px !important;
}