/*TYPE*/

/* figtree-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/figtree-v5-latin/figtree-v5-latin-regular.woff2') format('woff2');
}

/* figtree-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/figtree-v5-latin/figtree-v5-latin-800.woff2') format('woff2');
}

:root {
    --ds-font-family: "Figtree", Helvetica, Arial, sans-serif;
    --ds-green-1: #007236;
    --ds-green-2: #008d5b;
    --ds-green-3: #83ba9a;
    --ds-green-4: #c9f4db;
    --ds-green-5: #f1ffd9;
    --ds-blue-1: #00193D;
    --ds-blue-2: #0049af;
    --ds-blue-3: #99C2FF;
    --ds-blue-4: #EBF3FF;
    --ds-blue-5: #f8f8ff;
    --ds-red-1: #7c3939;
    --ds-red-2: #ba5655;
    --ds-red-3: #f1cccc;
    --ds-yellow-1: #7A4A0F;
    --ds-yellow-2: #f8971d;
    --ds-yellow-3: #fee8c3;
    --ds-white: #ffffff;
    --ds-green-1-alpha: #0072360f;
    --ds-green-2-alpha: #008d5c23;
    --ds-blue-1-alpha: #3c768588;
    --ds-blue-2-alpha: #d1e6ff88;
    --ds-grey-form: #ced4da;
    --ds-transition: ease 0.3s;
    --ds-shadow: 0 0 1.5rem rgb(0 0 0 / 13%);
    --ds-focus-shadow: 0 0 0 0.25rem var(--ds-blue-3);
    --ds-bodybg: #F2F7F6;
}

body {
    font-family: var(--ds-font-family);
    background: var(--ds-bodybg);
}

/*type*/

h1,
h2,
h3 {
    color: var(--ds-blue-1);
    font-weight: 700;
}

h4 {
    color: var(--ds-blue-2);
    font-weight: 700;
    font-size: 1rem;
}

a {
    color: var(--ds-blue-2);
    text-decoration: none;
    transition: var(--ds-transition);
}

a:hover {
    color: var(--ds-blue-1);
    transition: var(--ds-transition);
}

.ds-sidebar {
    background: var(--ds-white);
    box-shadow: var(--ds-shadow);
    width: 280px;
    height: calc(100vh - 80px);
    margin-top: -24px;
    position: sticky;
    top: 80px;
}

.ds-content {
    padding: 2rem 3rem;
}

.ds-navmenu {
    gap: 0.5rem;
}

.ds-navmenu a {
    border-radius: 0.5rem;
}

.ds-navmenu a.nav-link.active {
    background: var(--ds-blue-3);
    color: var(--ds-blue-1);
}

.ds-navmenu a.nav-link:hover {
    background: var(--ds-blue-2);
    color: var(--ds-white);
}

.ds-navmenu .dropdown-toggle::after {
    display: none;
}

/*login*/
.ds-login-cont {
    display: flex;
    min-height: 100vh;
}

/*navbar*/

nav.ds-navbar {
    background: var(--ds-blue-1);
    box-shadow: var(--ds-shadow);
    position: sticky;
    top: 0;
    z-index: 10;
}

.ds-userdet-cont {
    display: inline-block;
    vertical-align: middle;
}

.ds-userdet-cont>span {
    display: block;
}

span.ds-uo-number,
span.ds-uo-user {
    font-size: 0.75rem;
    font-weight: 700;
}

span.ds-uo-user {
    text-align: right;
}


.ds-navbar .nav-link:hover {
    opacity: 0.8;
}

.ds-navbar .nav-link {
    color: var(--ds-white);
    font-size: 1rem;
}

span.ds-app-name {
    font-weight: 700;
    color: var(--ds-blue-2);
    margin-left: 1rem;
    padding: 1rem 0 1rem 1rem;
    border-left: solid 1px var(--ds-blue-2);
    vertical-align: middle;
}

img.ds-logo {
    height: 3rem;
}

.ds-navbar a.nav-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ds-navbar a.nav-link i {
    font-size: 1.5rem;
    margin-bottom: 0.25rem;

}

/*interface*/

.card.ds-card {
    border: none;
    box-shadow: var(--ds-shadow);
    border-radius: 0;
}

.ds-pagetitle {
    background: var(--ds-white);
    box-shadow: var(--ds-shadow);
    padding: 1rem;
    position: relative;
}


.ds-pagetitle h2 {
    color: var(--ds-blue-2);
}

.ds-pagetitle .breadcrumb {
    font-size: 0.75rem;
    align-items: center;
    margin-bottom: 0;
}

.ds-pagetitle .breadcrumb a {
    color: var(--ds-blue-2);
    text-decoration: none;
}

.ds-pagetitle .breadcrumb a:hover {
    text-decoration: underline;
}

a.ds-btn-back {
    font-size: 0.75rem;
    margin-right: 1rem;
    background: var(--ds-white);
    border-color: var(--ds-blue-2);
    color: var(--ds-blue-2);
    align-items: center;
    padding: 0.125rem 0.36rem;
    text-align: center;
}

.ds-btn-back:hover {
    color: var(--ds-white);
    background: var(--ds-blue-2);
    border-color: var(--ds-blue-2);
}

.ds-btn-back:focus {
    box-shadow: var(--ds-focus-shadow);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--ds-blue-2);
}


/*alertas*/

.alert {
    border-radius: 0;
}

.ds-alert-info {
    background: var(--ds-blue-4);
    border-color: var(--ds-blue-3);
    color: var(--ds-blue-2);
}

.ds-alert-success {
    background: var(--ds-green-4);
    border-color: var(--ds-green-3);
    color: var(--ds-green-1);
}

.ds-alert-warning {
    background: var(--ds-yellow-3);
    border-color: var(--ds-yellow-2);
    color: var(--ds-yellow-1);
}

.ds-alert-error {
    background: var(--ds-red-3);
    border-color: var(--ds-red-2);
    color: var(--ds-red-1);
}


/*Modals*/

.ds-modal .modal-header {
    background: var(--ds-blue-1);
}

.ds-modal .modal-header h5 {
    font-weight: 600;
    color: var(--ds-white);
}

.modal.ds-modal .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: 0 0 0 1px var(--ds-grey-form);
}

.modal.ds-modal .modal-header {
    border-radius: 0;
}

.ds-modal.ds-modal-confirm .modal-header {
    background: var(--ds-green-2);
    border-color: var(--ds-green-1);
}

.ds-modal.ds-modal-errors .modal-header {
    background: var(--ds-red-2);
    border-color: var(--ds-red-1);
}


/*Toasts*/

.ds-toast-container {
    position: fixed;
    top: 0;
    right: 0;
    padding: 1rem;
    z-index: 1090;
}

.ds-toast-container .toast {
    border-radius: 0;
    border: none;
}

.ds-toast-container .toast-header {
    background: transparent;
    border: none;
    padding: 1rem 1rem 0 1rem;
    font-weight: 600;
}

.ds-toast-container .toast-header .btn-close {
    margin-right: 0;
}

.ds-toast-success {
    background: var(--ds-green-4);
    color: var(--ds-green-1);
}

.ds-toast-error {
    background: var(--ds-red-3);
    color: var(--ds-red-1);
}

.ds-toast-container .toast-body {
    padding: .5rem 1rem 1rem 1rem;
}

.ds-toast-success .toast-header {
    color: var(--ds-green-1);
}

.ds-toast-error .toast-header {
    color: var(--ds-red-1);
}


/*Painel estatísticas*/

.ds-statistics-card {
    padding-left: 1.5rem;
    overflow: hidden;
}

.ds-statistics-card h3 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 0;
}

.ds-statistics-card p {
    margin-bottom: 0;
}

.ds-statistics-card .col-md {
    border-right: solid 1px var(--ds-blue-3);
}

.ds-statistics-card .col-md:last-child {
    border-right: none;
}

.ds-statistics-card:before {
    content: "";
    background: var(--ds-blue-2);
    width: 0.5rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 0;
}


/*interface - botões*/

.btn {
    border-radius: 0rem;
    padding: .375rem 1rem;
    font-weight: 600;
}

.input-group .btn {
    border-radius: 0rem;
    border-color: var(--ds-grey-form);
    border-left-color: transparent;
    padding: 0.375rem 0.75rem
}

.input-group .btn:hover {
    background: var(--ds-grey-form);
}

.input-group .btn:focus {
    border-color: var(--ds-blue-2);
    box-shadow: var(--ds-focus-shadow);
}

.input-group-text {
    border-radius: 0rem;
}

.ds-btn-blue {
    background: var(--ds-white);
    border-color: var(--ds-blue-2);
    color: var(--ds-blue-2);
}

.ds-btn-blue:hover {
    color: var(--ds-white);
    background: var(--ds-blue-2);
    border-color: var(--ds-blue-2);
}

.btn.ds-btn-blue:focus {
    box-shadow: var(--ds-focus-shadow);
}

.ds-btn-blue span.badge.rounded-pill {
    background: var(--ds-blue-2);
    transition: var(--ds-transition);
}

.ds-btn-blue:hover span.badge.rounded-pill {
    background: var(--ds-white);
    color: var(--ds-blue-2);
    transition: var(--ds-transition);
}

.ds-btn-primary {
    background: var(--ds-blue-2);
    border-color: var(--ds-blue-2);
    color: var(--ds-white);
}

.ds-btn-primary:hover {
    color: var(--ds-white);
    background: var(--ds-blue-1);
    border-color: var(--ds-blue-1);
}

.btn.ds-btn-primary:focus {
    box-shadow: 0 0 0 0.25rem var(--ds-blue-3);
}

.ds-btn-primary:disabled {
    background: var(--ds-blue-3);
    border-color: var(--ds-blue-3);
    cursor: not-allowed;
    color: var(--ds-white);
}

.btn i {
    line-height: 1.5;
}

/*módulos - interface*/


/*botões homepage*/

.ds-biglink-hp,
.ds-biglink-hp:hover,
.ds-biglink-hp:focus {
    text-decoration: none;
    color: var(--ds-blue-1);
    height: calc(50% - .5rem);
    display: block;
    margin-bottom: 1rem;
}

.ds-biglink-hp img {
    width: 100px;
}

.ds-biglink-hp .ds-card {
    transition: var(--ds-transition);
    height: 100%;
}

.ds-biglink-hp:hover .ds-card,
.ds-biglink-hp:focus .ds-card {
    background: var(--ds-blue-4);
    transition: var(--ds-transition);
    box-shadow: var(--ds-shadow);
}

a.ds-biglink-hp .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.ds-hp-news .list-group.list-group-flush {
    max-height: calc(100vh - 425px);
    overflow-y: auto;
}

.list-group h5 {
    color: var(--ds-blue-2);
}

a.list-group-item:hover {
    background: var(--ds-blue-4);
    transition: var(--ds-transition);
    box-shadow: var(--ds-shadow);
}

.list-group-item {
    padding: 1rem;
}

.ds-card .list-group-item {
    border: solid 1px var(--ds-blue-3);
    border-width: 0 0 1px;
}

.ds-card .list-group-item:nth-of-type(odd) {
    background: var(--ds-white);
}

.ds-card .list-group-item:nth-of-type(even) {
    background-color: var(--ds-blue-5);
}

/*accordion*/

.ds-accordion.accordion-flush {
    box-shadow: var(--ds-shadow);
}

.ds-accordion.accordion-flush .accordion-button:not(.collapsed) {
    background: var(--ds-blue-4);
    color: var(--ds-blue-2);
    font-weight: 700;
    transition: var(--ds-transition);
    box-shadow: inset 0 -1px 0 var(--ds-blue-3);
}

.ds-accordion.accordion-flush .accordion-button:focus {
    border-color: var(--ds-blue-2);
    box-shadow: var(--ds-focus-shadow);
}

.ds-accordion .accordion-button {
    transition: var(--ds-transition);
}

.ds-accordion .accordion-item {
    border-color: var(--ds-blue-4);
    transition: var(--ds-transition);
}

.ds-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%233c7685'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    transform: rotate(-180deg);
}

a.ds-collapse-link.collapsed i {
    transform: rotate(0);
}

a.ds-collapse-link i {
    transform: rotate(180deg);
}

/*formulários*/

label.form-label {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--ds-blue-2);
}

.ds-searchbtn-cont {
    padding-top: 30px;
}

.ds-search-ddl {
    max-width: fit-content;
}

.form-select,
.form-control {
    border-radius: 0;
}

.form-select:focus,
.form-control:focus {
    border-color: var(--ds-blue-2);
    box-shadow: var(--ds-focus-shadow);
}

.form-control.ds-cp4 {
    max-width: 70px;
}

.form-control.ds-cp3 {
    max-width: 60px;
}

/*grids*/

.table.ds-grid {
    background: #fff;
    border-radius: 0;
    box-shadow: 0 .5rem 1rem var(--ds-green-1-alpha);
}

.table.ds-grid thead th {
    background: var(--ds-blue-4);
    color: var(--ds-blue-2);
    border-left: solid 1px var(--ds-white);
    border-bottom: solid 1px var(--ds-blue-2);
    font-size: 0.75rem;
}

.table.ds-grid thead th:first-child {
    border-left: none;
}


.table.ds-grid tbody {
    background: #fff;
}

.table.ds-grid tbody tr:last-child td {
    border-bottom: none;
}

th.ds-col-shrink {
    width: 1%;
}

.table.ds-grid td {
    border-bottom: solid 1px var(--ds-blue-3);
}

.ds-grid .btn.ds-btn-blue {
    padding: 0.125rem 0.375rem;
}

.ds-grid .btn.ds-btn-blue:hover {
    color: var(--ds-white);
}

.ds-grid tr {
    transition: var(--ds-transition);
}

.ds-grid tr:hover {
    background: var(--ds-blue-2-alpha);
    transition: var(--ds-transition);
}

.table.ds-grid tfoot th {
    background: var(--ds-blue-4);
    border-top: solid 1px var(--ds-blue-2);
    border-bottom: none;
}

.ds-pagination {
    font-weight: 600;
    margin-top: 1rem;
}

.ds-grid .ds-pagination {
    margin-top: 0;
}

.card-body table.table.ds-grid {
    box-shadow: none;
}

.ds-pagination a.page-link {
    border-color: transparent;
    background: transparent;
    color: var(--ds-blue-2);
    border-radius: 0;
    margin-left: 0.5rem;
}

.ds-pagination a.page-link:hover {
    background: var(--ds-blue-3);
}

.ds-pagination a.page-link.active {
    background: var(--ds-blue-2);
    color: var(--ds-white);
}

.ds-pagination .page-item:not(:first-child) a.page-link {
    margin-left: 0.25rem;
}

.ds-pagination .page-item:first-child .page-link,
.ds-pagination .page-item:last-child .page-link {
    border-radius: 0;
}

.ds-pagination .page-link:focus {
    box-shadow: 0 0 0 0.25rem var(--ds-blue-3);
    border-color: var(--ds-white);
}

.ds-grid a.ds-gridlink {
    color: var(--ds-blue-2);
    text-decoration: none;
    transition: var(--ds-transition);
}

.ds-grid a.ds-gridlink:hover {
    color: var(--ds-blue-1);
    text-decoration: underline;
    transition: var(--ds-transition);
}

.ds-grid-record {
    color: var(--ds-blue-1);
    font-size: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
}


/*Loaders*/

.ds-load {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--ds-blue-1-alpha);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 600;
    color: var(--ds-white);
    justify-content: center;
    cursor: not-allowed;
}

.ds-load span {
    margin-right: 0.5rem;
}

.ds-load.ds-load-body {
    z-index: 9999;
    border-radius: 0;
    position: fixed;
    font-size: 1.5rem;
}

.ds-load.ds-load-body span {
    width: 3rem;
    height: 3rem;
}


/*Separadores*/

.ds-tabs .tab-content.card.ds-card {
    border-top-left-radius: 0;
}

.ds-tabs .nav-tabs {
    border: none;
    border-radius: 0;
}

.ds-tabs .nav-tabs .nav-link {
    margin-right: 0.25rem;
    border-radius: 0;
    border: none;
    overflow: hidden;
    color: var(--ds-blue-2);
    position: relative;
    transition: var(--ds-transition);
    padding: 0.75rem 1.25rem;
}

.ds-tabs .nav-tabs .nav-link.active:before {
    content: "";
    height: 0.3rem;
    top: 0;
    width: 100%;
    background: var(--ds-blue-3);
    position: absolute;
    left: 0;
}

.ds-tabs .nav-tabs .nav-link.active {
    box-shadow: var(--ds-shadow);
    font-weight: 600;
}

.ds-tabs .nav-tabs .nav-link:hover {
    background: var(--ds-blue-4);
    transition: var(--ds-transition);
}

.ds-tabs .tab-pane {
    transition: var(--ds-transition);
}


/*Listagens*/

.ds-card .list-group-flush,
.ds-card.card>.list-group:last-child,
.ds-card.card>.list-group:last-child {
    border-radius: 0;
}

.ds-itemlist h5 {
    font-weight: 600;
}

.ds-itemlist h5 a {
    text-decoration: none;
    color: var(--ds-blue-02);
}

.ds-itemlist h5 a:hover {
    text-decoration: underline;
}

.ds-itemlist p span {
    margin-right: 0.5rem;
    vertical-align: middle;
}

.ds-itemlist p span.badge {
    vertical-align: text-top;
}

.ds-itemlist .text-end p span {
    margin-right: 0;
    margin-left: 0.5rem;
}

span.badge.ds-badge-success {
    background: var(--ds-green-4);
    border: solid 1px var(--ds-green-3);
    color: var(--ds-green-1);
}

span.badge.ds-badge-error {
    background: var(--ds-red-3);
    border: solid 1px var(--ds-red-2);
    color: var(--ds-red-1);
}

span.badge.ds-badge-warning {
    background: var(--ds-yellow-3);
    border: solid 1px var(--ds-yellow-2);
    color: var(--ds-yellow-1);
}

span.badge.ds-badge-neutral {
    background: var(--ds-blue-4);
    border: solid 1px var(--ds-blue-2);
    color: var(--ds-blue-1);
}

span.badge {
    border-radius: 0;
}

.ds-uo-code,
.ds-id-code {
    background: var(--ds-blue-3);
    color: var(--ds-blue-1);
    vertical-align: text-top;
}

.ds-badge-description {
    background: var(--ds-blue-4);
    color: var(--ds-blue-2);
    display: inline-block;
    max-width: 20rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: text-top;
}

span.ds-state {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.5rem;
    display: flex;
    text-align: center;
    border: solid 1px;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: bold;
    align-items: center;
}

span.ds-state-apr {
    color: var(--ds-green-2);
    background: var(--ds-green-5);
    border-color: var(--ds-green-1);
}

span.ds-state-web {
    color: var(--ds-blue-2);
    background: var(--ds-blue-4);
    border-color: var(--ds-blue-1);
}

span.ds-state-exe {
    color: var(--ds-yellow-2);
    background: var(--ds-yellow-3);
    border-color: var(--ds-yellow-1);
}
span.ds-state-del {
    color: var(--ds-red-2);
    background: var(--ds-red-3);
    border-color: var(--ds-red-1);
}
/*exemplos*/

.ds-light-font-ex h2 {
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.ds-iconlist h4 {
    min-height: 3rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ds-sidemenu-right {
    position: sticky;
    top: 3rem;
    z-index: 1020;
    margin-top: 3rem;
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}


/*Backgrounds cor*/

.ds-color-ex {
    height: 5rem;
    margin-bottom: 2rem;
}

.ds-bk-blue-1 {
    background: var(--ds-blue-1);
}

.ds-bk-blue-2 {
    background: var(--ds-blue-2);
}

.ds-bk-blue-3 {
    background: var(--ds-blue-3);
}

.ds-bk-blue-4 {
    background: var(--ds-blue-4);
}

.ds-bk-green-1 {
    background: var(--ds-green-1);
}

.ds-bk-green-2 {
    background: var(--ds-green-2);
}

.ds-bk-green-3 {
    background: var(--ds-green-3);
}

.ds-bk-green-4 {
    background: var(--ds-green-4);
}

.ds-bk-green-5 {
    background: var(--ds-green-5);
}

.ds-bk-yellow-1 {
    background: var(--ds-yellow-1);
}

.ds-bk-yellow-2 {
    background: var(--ds-yellow-2);
}

.ds-bk-yellow-3 {
    background: var(--ds-yellow-3);
}

.ds-bk-red-1 {
    background: var(--ds-red-1);
}

.ds-bk-red-2 {
    background: var(--ds-red-2);
}

.ds-bk-red-3 {
    background: var(--ds-red-3);
}

.ds-bk-greenalpha-1 {
    background: var(--ds-green-1-alpha);
}

.ds-bk-greenalpha-2 {
    background: var(--ds-green-2-alpha);
}

.ds-bk-bluealpha {
    background: var(--ds-blue-1-alpha);
}


/*Formulários*/


/*Validações*/

.ds-card .form-control.is-valid,
.ds-card .was-validated .form-control:valid {
    border-color: var(--ds-green-1);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23008d5b' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.ds-card .form-control.is-valid:focus,
.ds-card .was-validated .form-control:valid:focus,
.ds-card .form-select.is-valid:focus,
.ds-card .was-validated .form-select:valid:focus {
    border-color: var(--ds-green-2);
    box-shadow: 0 0 0 0.25rem var(--ds-green-2-alpha);
}

.ds-card .form-control.is-invalid,
.ds-card .was-validated .form-control:invalid,
.ds-card .form-select.is-invalid,
.ds-card .was-validated .form-select:invalid {
    border-color: var(--ds-red-2);
}

.ds-card .form-control.is-invalid:focus,
.ds-card .was-validated .form-control:invalid:focus {
    border-color: var(--ds-red-1);
    box-shadow: 0 0 0 0.25rem var(--ds-red-3);
}

.ds-card .invalid-feedback {
    color: var(--ds-red-2);
}

.ds-card .form-check-input.is-invalid~.form-check-label,
.ds-card .was-validated .form-check-input:invalid~.form-check-label {
    color: var(--ds-red-2);
}

.ds-card .form-check-input.is-invalid,
.ds-card .was-validated .form-check-input:invalid {
    border-color: var(--ds-red-2);
}

.ds-check .form-check-input:checked {
    background-color: var(--ds-blue-2);
    border-color: var(--ds-blue-1);
}

.ds-check .form-check-input:focus {
    box-shadow: var(--ds-focus-shadow);
    border-color: var(--ds-blue-2);
}

.ds-check.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2393bae9'/%3e%3c/svg%3e");
}

.ds-conform-radio .ds-check,
.ds-conform-radio .ds-check {
    margin-left: 10px;
}

.ds-conform-radio .ds-check:first-child,
.ds-conform-radio .ds-check:first-child {
    margin-left: 0;
}

.ds-file-upload {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    justify-content: space-between;
    border-bottom: solid 1px #ced4da;
}

/*Validações Net Core Forms*/

.ds-field-error {
    color: var(--ds-red-2);
    width: 100%;
    margin-top: 0.25rem;
    font-size: .875em;
}

/*Uploads*/
.ds-dragdoc-cont {
    border: dashed 2px var(--ds-blue-4);
    padding: 1rem;
}

.ds-dragdoc-input-cont {
    position: relative;
    height: 200px;
    background: var(--ds-bodybg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: var(--ds-transition);
}

.ds-dragdoc-input-cont i {
    display: block;
    font-size: 3rem;
    padding-bottom: 1rem;
}

input.ds-dragdoc {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.ds-dragdoc-input-cont:hover,
.ds-dragdoc-input-cont:focus {
    background: var(--ds-blue-4);
    transition: var(--ds-transition);
}

.row.ds-picupload figure img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0.5rem;
}

a.ds-picremove {
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
    color: var(--ds-white);
    font-size: 1.25rem;
}

.ds-picupload figure {
    position: relative;
}

a.ds-picremove:hover {
    opacity: 0.75;
}

.ds-picupload figure:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--bs-body-color);
    position: absolute;
    left: 0;
    border-radius: 0.5rem;
    opacity: 0.3;
}

figure.ds-equipment-pic img {
    width: 100%;
    height: 153px;
    object-fit: cover;
    border-radius: 0.5rem;
}
.ds-dummypic {
    display: flex;
    height: 153px;
    background: var(--ds-blue-4);
    border-radius: 0.5rem;
    align-items: center;
    justify-content: center;
    font-size: 5rem;
    color: var(--ds-blue-3);
    margin-bottom: 1rem;
}
/*Footer*/

footer.ds-footer {
    border-top: solid 1px var(--ds-blue-3);
    padding: 2rem 0;
    margin-top: 1rem;
}

.ds-footer-logos img {
    height: 2rem;
    -webkit-font-smoothing: antialiased;
}

.ds-copyright {
    color: var(--ds-green-1);
    text-align: center;
    font-size: .875rem;
    margin: 3rem 0;
}

.ds-copyright-pages {
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--ds-green-1);
    font-size: .875rem;
    justify-content: end;
}
/*Autocomplete*/
ul.ui-autocomplete {
    list-style: none;
    padding-left: 0;
    border: solid var(--ds-grey-form);
    border-width: 0 1px 1px 1px;
    margin-top: 3px;
    background: var(--ds-white);
    max-width: 250px;
}

ul.ui-autocomplete li div {
    padding: 0.5rem 1rem;
    transition: var(--ds-transition);
    cursor: pointer;
}

ul.ui-autocomplete li div:hover {
    background: var(--ds-blue-2);
    color: var(--ds-white);
}

/*Media queries*/
@media (max-width:1199px) {
    nav.ds-navbar {
        position: fixed;
        bottom: 0;
        margin-bottom: 0 !important;
        width: 100%;
        top: auto;
    }

    ul.ds-navmenu {
        flex-direction: row;
        width: 100%;
        justify-content: space-around;
    }

    .ds-content {
        padding: 2rem 0 7rem 0;
    }

    ul.ds-navmenu li {
        flex: 1 1 0px;
    }

    ul.ds-navmenu li .nav-link {
        font-size: 0.625rem;
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
        right: 0;
        bottom: 5rem;
        top: auto;
    }
    .ds-sticky-row {
        position: sticky;
        top: -2rem;
        padding: 0 1.1rem 0.5rem 1.1rem;
        background: var(--ds-bodybg);
        z-index: 10;
        margin: 0 -1.9rem;
    }

    figure.ds-equipment-pic img {
        height: auto;
    }
}

@media (max-width:575px) {
    .ds-sticky-row {
        margin: 0 -0.75rem;
        padding: 0 0 0.5rem 0;
    }
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection, .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
    border-radius: 0;
    border-color: var(--ds-blue-2);
    box-shadow: var(--ds-focus-shadow);
}

span.select2-selection.select2-selection--single {
    border-radius: 0;
}

span.select2.select2-container.select2-container--bootstrap-5.select2-container--below.select2-container--open, span.select2.select2-container.select2-container--bootstrap-5.select2-container--below.select2-container--focus {
    z-index: 5;
}

.select2-container--bootstrap-5 .select2-dropdown {
    border-color: var(--ds-blue-2);
    border-radius: 0;
}

    .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
        background: var(--ds-blue-2);
    }

    .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
        border-radius: 0;
    }