/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}*/
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-rgb: 33, 37, 41;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
}

/**
 * Code generated by Microsoft. Changes to this file are not
 * supported. We recommend that you do not to modify this file. Any
 * change to this file will get overwritten with a theme applied using
 * Theme panel from Power Apps Portals.
 */
body {
    color: #000000;
    background-color: #FFFFFF;
}

legend {
    color: #000000;
}

footer {
    color: #505254;
}

    footer .footer-bottom {
        background-color: #FFFFFF;
    }

.breadcrumb {
    background-color: transparent;
}

    .breadcrumb > li a {
        color: #021f41;
    }

        .breadcrumb > li a:hover {
            color: #021f41;
        }

    .breadcrumb > .active {
        color: #000000;
    }

.nav-tabs > li > a:hover {
    /*background-color: #f2f2f2;
    color: #021f41;*/
}

.nav-tabs > li > a:focus {
    background-color: #f2f2f2;
    color: #021f41;
}

.btn-default {
    color: #021f41;
    background-color: #FFFFFF;
    border-color: #021f41;
}

    .btn-default:hover {
        color: #021f41;
        background-color: #f2f2f2;
        border-color: #021f41;
    }

    .btn-default:active, .btn-default.active {
        color: #021f41;
        background-color: #f2f2f2;
        border-color: #021f41;
    }

        .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus {
            color: #021f41;
            background-color: #f2f2f2;
            border-color: #021f41;
        }

    .btn-default:focus, .btn-default.focus {
        color: #021f41;
        background-color: #f2f2f2;
        border-color: #021f41;
    }

.btn-primary {
    color: #ffffff;
    background-color: #021f41;
    border-color: #021f41;
}

    .btn-primary:hover {
        color: #ffffff;
        background-color: #043772;
        border-color: #043772;
    }

    .btn-primary:active, .btn-primary.active {
        color: #ffffff;
        background-color: #043772;
        border-color: #043772;
    }

        .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus {
            color: #ffffff;
            background-color: #043772;
            border-color: #043772;
        }

    .btn-primary:focus, .btn-primary.focus {
        color: #ffffff;
        background-color: #043772;
        border-color: #043772;
    }

.navbar-static-top.navbar-inverse {
    background-color: #ffffff;
}

.navbar-toggle {
    background-color: #021f41;
}

.navbar-inverse .navbar-toggle {
    border: 1px solid #021f41;
}

    .navbar-inverse .navbar-toggle:hover {
        background-color: #032b5a;
    }

    .navbar-inverse .navbar-toggle:focus {
        border: 1px solid #000000;
        background-color: #032b5a;
    }

.navbar-inverse .navbar-nav > li > a {
    color: #ffffff;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        background-color: #ffffff;
        color: #000000;
    }

    .navbar-inverse .navbar-nav > li > a:focus {
        background-color: #ffffff;
        color: #000000;
    }

.navbar-inverse .navbar-nav > .open > a {
    color: #000000;
    background-color: #ffffff;
}

    .navbar-inverse .navbar-nav > .open > a:hover {
        color: #000000;
        background-color: #ffffff;
    }

    .navbar-inverse .navbar-nav > .open > a:focus {
        color: #000000;
        background-color: #ffffff;
    }

.navbar-inverse .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
}

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #000000;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            background-color: #000000;
            color: #ffffff;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            background-color: #000000;
            color: #ffffff;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a {
        background-color: #000000;
        color: #ffffff;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
            background-color: #000000;
            color: #ffffff;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
            background-color: #000000;
            color: #ffffff;
        }

.nav > li > a:hover {
    /*background-color: #f2f2f2;*/
}

.nav > li > a:focus {
    /*background-color: #f2f2f2;*/
}

.nav .open .dropdown-menu {
    background-color: #FFFFFF;
}

    .nav .open .dropdown-menu > li > a {
        color: #000000;
    }

        .nav .open .dropdown-menu > li > a:hover {
            background-color: #f2f2f2;
            color: #000000;
        }

        .nav .open .dropdown-menu > li > a:focus {
            background-color: #f2f2f2;
            color: #000000;
        }

    .nav .open .dropdown-menu > .active > a {
        background-color: #f2f2f2;
        color: #000000;
    }

        .nav .open .dropdown-menu > .active > a:hover {
            background-color: #f2f2f2;
            color: #000000;
        }

        .nav .open .dropdown-menu > .active > a:focus {
            background-color: #f2f2f2;
            color: #000000;
        }

.nav > .open > a {
    background-color: #f2f2f2;
}

    .nav > .open > a:hover {
        background-color: #f2f2f2;
    }

    .nav > .open > a:focus {
        background-color: #f2f2f2;
    }

.sectionPrimaryColor {
    background-color: #021f41;
    color: #ffffff;
}

    .sectionPrimaryColor h1, .sectionPrimaryColor h2, .sectionPrimaryColor h3, .sectionPrimaryColor h4, .sectionPrimaryColor h5, .sectionPrimaryColor h6 {
        color: #ffffff;
    }

    .sectionPrimaryColor .crmEntityFormView h1, .sectionPrimaryColor .crmEntityFormView h2, .sectionPrimaryColor .crmEntityFormView h3, .sectionPrimaryColor .crmEntityFormView h4, .sectionPrimaryColor .crmEntityFormView h5, .sectionPrimaryColor .crmEntityFormView h6 {
        color: #000000;
    }

    .sectionPrimaryColor .entitylist h1, .sectionPrimaryColor .entitylist h2, .sectionPrimaryColor .entitylist h3, .sectionPrimaryColor .entitylist h4, .sectionPrimaryColor .entitylist h5, .sectionPrimaryColor .entitylist h6 {
        color: #000000;
    }

a {
    color: #021f41;
}

    a:hover {
        color: #021f41;
        text-decoration: underline;
    }

    a:focus {
        color: #021f41;
        text-decoration: underline;
    }

.open > .btn-default.dropdown-toggle {
    color: #021f41;
    background-color: #e6e6e6;
    border-color: #021f41;
}

.open > .btn-primary.dropdown-toggle {
    color: #ffffff;
    background-color: #021f41;
    border-color: #021f41;
}

    .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
        color: #ffffff;
        background-color: #021f41;
        border-color: #021f41;
    }

.crmEntityFormView, .entitylist, .modal-content, .popover-content {
    background-color: #FFFFFF;
    color: #000000;
    border: 1px solid #f2f2f2;
}

.panel-default > .panel-body, .list-group-item {
    background-color: #FFFFFF;
    color: #000000;
}

.panel-default > .panel-heading {
    background-color: #f2f2f2;
    color: #000000;
}

.facet-list-group-item-title {
    color: #000000;
}

.form-control {
    background-color: #FFFFFF !important;
    color: #000000;
}

input {
    background-color: #FFFFFF;
}

.bootstrap-datetimepicker-widget {
    background-color: #FFFFFF;
}

    .bootstrap-datetimepicker-widget table thead tr:first-child th:hover, .bootstrap-datetimepicker-widget table td.day:hover, .bootstrap-datetimepicker-widget table td span:hover {
        color: black;
    }

    .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active:hover {
        color: white;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: unset;
}

.login-heading-section {
    color: unset;
}

.navbar-static-top.navbar-inverse .navbar-brand a {
    color: #000000;
}

.search-results .highlight {
    color: #000000;
}

.table > thead > tr.info > td {
    background-color: #f2f2f2;
}

.table > thead > tr.info > th {
    background-color: #f2f2f2;
}

.table > thead > tr > td.info {
    background-color: #f2f2f2;
}

.table > thead > tr > th.info {
    background-color: #f2f2f2;
}

.table > tbody > tr.info > td {
    background-color: #f2f2f2;
}

.table > tbody > tr.info > th {
    background-color: #f2f2f2;
}

.table > tbody > tr > td.info {
    background-color: #f2f2f2;
}

.table > tbody > tr > th.info {
    background-color: #f2f2f2;
}

.table > tfoot > tr.info > td {
    background-color: #f2f2f2;
}

.table > tfoot > tr.info > th {
    background-color: #f2f2f2;
}

.table > tfoot > tr > td.info {
    background-color: #f2f2f2;
}

.table > tfoot > tr > th.info {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr > td.info:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr > th.info:hover {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > td {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr.info:hover > th {
    background-color: #f2f2f2;
}

.table-hover > tbody > tr:hover > .info {
    background-color: #f2f2f2;
}

.form-close {
    color: #000000;
}

    .form-close:hover {
        color: #000000 !important;
    }

    .form-close:focus {
        color: #000000 !important;
    }

::placeholder {
    color: #000000 !important;
}

.help-block {
    color: #000000;
}

.msos-selection-container, .msos-container, .msos-caret-container, .msos-action-buttons:hover {
    color: #000000 !important;
    background: #FFFFFF !important;
}

.msos-option-selected, .msos-selected-display-item, .msos-quick-delete, .msos-quick-delete:hover {
    background: #f2f2f2 !important;
}

    .msos-label, .msos-quick-delete, .msos-quick-delete:hover {
        color: #000000 !important;
    }

.msos-option-focused:after, .msos-selecteditems:focus .msos-selected-display-item.msos-selecteditem-active:after, .msos-selecteditems-toggle:focus {
    border-color: #000000 !important;
}

.msos-option:hover, .msos-option-selected:hover {
    background: #f9f9f9 !important;
}

.msos-selecteditems-toggle {
    color: #021f41 !important;
}


/*JC new css form the Site*/

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}


/*OTP style*/
.OTPcontainer {
    width: 28em;
    background-color: #ffffff;
    padding: 4em 2em;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    border-radius: 0.8em;
    box-shadow: 0 45px 60px rgba(30, 22, 1, 0.3);
}

.OTPinputfield {
    width: 100%;
    display: flex;
    justify-content: center;
}

.OTPinput {
    height: 3em;
    width: 3em;
    border: 2px solid #dad9df;
    outline: none;
    text-align: center;
    font-size: 1.5em;
    border-radius: 0.3em;
    background-color: #ffffff;
    outline: none;
    /*Hide number field arrows*/
    -moz-appearance: textfield;
    margin: 10px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.OTPshow {
    display: block;
}

.OTPhide {
    display: none;
}

.OTPinput:disabled {
    color: #89888b;
}

.OTPinput:focus {
    border: 3px solid #ffb800;
}

.navbar-nav-header {
    display: flex;
    /* flex-direction: column;*/
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link:focus, .nav-link:hover {
    color: rgb(79,145,157);
}

/*End OTP Style*/

.col-md-3-cwps {
    flex: 0 0 auto;
    width: 25%;
}

.col-md-4-cwps {
    flex: 0 0 auto;
    width: 33.33333333%;
}

.col-md-5-cwps {
    flex: 0 0 auto;
    width: 41.66666667%;
}

.col-md-6-cwps {
    flex: 0 0 auto;
    width: 50%;
}


@media all and (orientation:landscape) and (max-width: 1000px) {
    .col-md-4-cwps {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media all and (orientation:portrait) {
    .col-md-4-cwps {
        flex: 0 0 auto;
        width: 100%;
    }
}


.row_layout_notlogged {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
}


.btn-principal-cwps {
    --bs-btn-color: #000;
    --bs-btn-bg: #f4d100;
    --bs-btn-border-color: black;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffca2c;
    --bs-btn-hover-border-color: #ffc720;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffcd39;
    --bs-btn-active-border-color: #ffc720;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4d100;
    --bs-btn-disabled-border-color: #f4d100;
}

/*.btn-principal-cwps {
    --bs-btn-color: #000;
    --bs-btn-bg: #f4d100;
    --bs-btn-border-color: #f4d100;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #ffda0070;
    --bs-btn-hover-border-color: #ffda0070;
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #ffda0070;
    --bs-btn-active-border-color: #ffda0070;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: #f4d100;
    --bs-btn-disabled-border-color: #f4d100;
}*/

/*.btn-principal-cwps {
    --bs-btn-color: #f4d100;
    --bs-btn-border-color: #f4d100;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #f4d100;
    --bs-btn-hover-border-color: #f4d100;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #f4d100;
    --bs-btn-active-border-color: #f4d100;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #f4d100;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #f4d100;
    --bs-gradient: none;
}*/

.btn-secondary-cwps {
    --bs-btn-color: #c1fdda;
    --bs-btn-border-color: #c1fdda;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #c1fdda;
    --bs-btn-hover-border-color: #c1fdda;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #c1fdda;
    --bs-btn-active-border-color: #c1fdda;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #c1fdda;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #c1fdda;
    --bs-gradient: none;
}


.btn-secondarydark-cwps {
    --bs-btn-color: #144a4e;
    --bs-btn-border-color: #144a4e;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #144a4e;
    --bs-btn-hover-border-color: #144a4e;
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #144a4e;
    --bs-btn-active-border-color: #144a4e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #144a4e;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #144a4e;
    --bs-gradient: none;
}

.lg_magin_right_left {
    margin: 0px 80px 0px 100px
}

.sm_magin_right {
    margin: 0px 15px 0px 0px;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content {
    flex: 1;
}




.accordion-button.custom-header {
    background-color: #c1fdda; /* azul bootstrap */
    color: #066678;
}

    /* quando está colapsado */
    .accordion-button.custom-header.collapsed {
        background-color: #144a4e; /* cinza */
        color: white;
    }

.accordion-button::after {
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%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");*/

 
    flex-shrink: 0;
    width: 0;
    height: 0;
    margin-left: auto;
    content: "";
    border-left: .4em solid transparent;
    border-right: .4em solid transparent;
    border-top: .4em solid white; /* cor da seta */
    transition: transform .2s;

}
.accordion-button:not(.collapsed)::after {
    transform: rotate(180deg); /* gira quando abre */
    border-top: .4em solid black; /* cor da seta */
}
/* seta quando está colapsado */
/*.accordion-button.collapsed::after {*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M1.646 11.354a.5.5 0 0 0 .708 0L8 5.707l5.646 5.647a.5.5 0 0 0 .708-.708l-6-6a.5.5 0 0 0-.708 0l-6 6a.5.5 0 0 0 0 .708z'/%3e%3c/svg%3e");*/
    /*transform: rotate(180deg);*/ /* gira quando abre */
/*}*/


.navbar .nav-link:hover,
.navbar .nav-link:focus {
    background-color: #c1fdda; /* azul mais claro no hover */
    color: #144a4e !important; /* texto amarelo no hover */
    border-radius: 0.5rem; /* borda arredondada */
}


.navbar .dropdown-menu {
    background-color: #144a4e; /* azul escuro */
    border-radius: 0.5rem; /* borda arredondada */
}

    .navbar .dropdown-menu .dropdown-item {
        border-radius: 0.5rem; /* borda arredondada */
        color: #c1fdda; /* texto branco */
    }

        .navbar .dropdown-menu .dropdown-item:hover {
            background-color: #c1fdda; /* azul mais claro no hover */
            color: #144a4e; /* texto amarelo no hover */
            border-radius: 0.5rem; /* borda arredondada */
        }


.navbar a[title="Manage"] {
   
    padding: 6px 12px; /* área padrão */
    border-radius: 0.5rem;
    transition: all 0.3s ease;
}

    .navbar a[title="Manage"]:hover {
       
        padding: 6px 12px; /* área padrão */
        border-radius: 0.5rem; /* borda mais arredondada */
    }

.cwps_readonly {
    background-color: #e9ecef !important;
    opacity: 1;
}
    /*.navbar .nav-link.active {
    background-color: #c1fdda;*/ /* azul mais claro no hover */
    /*color: #144a4e !important;*/ /* texto amarelo no hover */
    /*border-radius: 0.5rem;*/ /* borda arredondada */
    /*}*/