:root {
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;

    --spacing-normal: 20px;

    --transition-timer-navside: .2s;

    --sidebar-expanded-width: 240px;
    --sidebar-retracted-width: 60px;

    --header-height: 70px;

    --mini-gap: 5px;
    --small-gap: 10px;
    --normal-gap: 20px;
    --large-gap: 30px;

    --accia-dark-blue: #1835b3;
    --accia-darker-blue: #0f2baa;
    --accia-light-blue: #00c0ff;
    --accia-yellow: #f4f10b;
    --accia-white: #efefef;

    --primary: #402560;
    --white: #ffffff;
    --black: #000000;
    --purple-800: #402560;
    --purple-600: #703FAB;
    --purple-500: #705DB6;
    --purple-500: #705DB6;
    --purple-300: #808ED0;
    --purple-200: #BEC6EA;
    --purple-100: #E8ECFE;
    --neutralLight-600: #83817e;
    --neutralLight-500: #b4b2b0;
    --neutralLight-300: #EAEAEA;
    --neutralLight-200: #F3F3F3;
    --neutralLight-100: #f3f2f1;
    --blue-800: #003E5B;
    --blue-600: #006696;
    --blue-500: #5598DA;
    --blue-300: #77B5F1;
    --blue-200: #9BBFE3;
    --blue-100: #E8F4FF;
    --green-800: #005012;
    --green-600: #168A2F;
    --green-500: #21C044;
    --green-300: #51CC6C;
    --green-200: #7DEF96;
    --lime-800: #294703;
    --lime-600: #5B891F;
    --lime-500: #78BE1E;
    --lime-300: #A4DA5E;
    --lime-200: #C3F97D;
    --red-800: #520312;
    --red-600: #8C1228;
    --red-500: #c80a2d;
    --red-300: #D6435E;
    --red-200: #F38599;
    --red-100: #FDD1D9;
    --gray-800: #201F1E;
    --gray-600: #6D6C6C;
    --gray-500: #828282;
    --gray-400: #828282;
    --gray-300: #BDBDBD;
    --gray-200: #FAFAFA;
    --gray-100: #FCFBFF;
    --gray-30: #EDEBE9;
    --aqua-800: #0D6069;
    --aqua-600: #1997A4;
    --aqua-500: #00B7CA;
    --aqua-300: #66CBD6;
    --aqua-200: #A8E9F0;
    --orange-800: #751e11;
    --orange-600: #c53a24;
    --orange-500: #ef481c;
    --orange-300: #ed7733;
    --orange-200: #f09f3a;
    --yellow-800: #9A7D1D;
    --yellow-600: #D9C833;
    --yellow-500: #FFD23E;
    --yellow-300: #FFDE70;
    --yellow-200: #FFEBA8;
    --blue-privia: #4925bb;
    --blue-privia-800: #4925bb;
    --blue-privia-600: #5335b8;
    --blue-privia-500: #542cd6;
    --blue-privia-300: #6e58b6;
    --blue-privia-200: #6e5ab1;
    --blue-privia-100: #7663b4;
}

.accordion {
    --background-blue: #5598DA1A;
    --background-red: #F385991A;
    --background-yellow: #FFEBA833;
    --border-blue: solid 1px #5598DA4D;
    --border-red: solid 1px #C80A2D4D;
    --border-yellow: solid 1px #FFD23E80;
}

body {
    background: var(--white);
}

body.cursor-wait {
    cursor: wait;
}

b,
strong {
    font-weight: bold;
}

p {
    font-size: inherit;
}

.header {
    background: #FFF;
    background: linear-gradient(120deg, rgba(0, 255, 185, 0.5) 0, rgba(142, 145, 255, 0.51) 100%) !important;
}

#navbar-main .breadcrumb a {
    color: #FFFFFF;
}


.navbar-menu .nav-item.active {
    background: #f0fff2;
}

/* BREADCRUMB */
.breadcrumb {
    background: none;
    padding: 0;
    margin-bottom: 0;
    list-style: none;

}

.breadcrumb li+li:before {
    content: '/ ';
    padding: 10px;
}

/* /BREADCRUMB */

/* FORMS */
form div.required label.control-label:after {
    content: " * ";
    color: indianred;
}

.has-success:after,
.has-danger:after {
    font-family: 'Font Awesome 5 Free';
    top: 36px;
    right: 24px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0 0 0px 0px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

.desc:after,
.asc:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f15e";
    padding-left: 5px;
}

.asc:after {
    content: "\f15d";
}

.has-success:after,
.has-danger:after {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
}

.has-success:after {
    content: '\f00c';
}

.has-danger:after {
    content: '\f12a';
}

.has-danger .form-control,
.has-danger>.select2>.selection>.select2-selection.select2-selection--single {
    border-color: indianred;
}

.has-danger .form-control,
.has-danger>.select2>.selection>.select2-selection.select2-selection__rendered {
    border-color: indianred;
}

.has-danger .help-block {
    color: indianred;
    font-size: 0.75rem;
}

.custom-control-alternative .custom-control-label::before {
    border: 0;
    box-shadow: 1px 2px 3px rgba(50, 50, 93, 0.21), 0 1px 0 rgba(0, 0, 0, 0.04);
    background: #EFEFEF;
    transform: scale(1.1);
}

.hint-block {
    font-size: 0.8rem;
    font-style: italic;
    margin-top: 5px;
}

.hint-block:before {
    font-family: "Font Awesome 5 Free";
    content: '\f059';
    padding-right: 5px;
    font-style: normal;
}

.editing {
    opacity: 0.3;
}

.input-transparent,
.input-transparent:focus {
    border: 0;
    background: transparent;
    padding: 3px;
    outline: transparent;
}

.category .input-transparent {
    color: #3d475e;
    font-weight: bolder;
}

.input-transparent:focus:not(:read-only) {
    outline: 2px dashed #999;
}

/* /FORMS */

#categories>.category .category-border {
    border-left: 6px solid;
}

#categories .children .category-border {
    border-left: #888 6px solid;
}

.add-item-button,
.add-item-button:focus {
    border: 2px dashed #EAEAEA;
    color: #777;
    font-size: small;
    width: 100%;
    background: transparent;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    outline: 0;
}

/* NOTIFICATIONS */
.wrapper {
    display: block;
    margin-top: var(--header-height);
    overflow: hidden;
}

#notifications {
    height: 100vh;
    position: fixed;
    top: 0;
    right: -100%;
    /* top layer */
    z-index: 9999;
    transition: all 0.3s;
    overflow-y: scroll;
    background: #252424;
}

#notifications.active {
    right: 0px;
}

.overlay {
    display: none;
    left: 0;
    top: 0;
    position: fixed;
    /* full screen */
    width: 100vw;
    height: 100vh;
    /* transparent black */
    background: rgba(0, 0, 0, 0.7);
    /* middle layer, i.e. appears below the sidebar */
    z-index: 998;
    opacity: 0;
    /* animate the transition */
    transition: all 0.5s ease-in-out;
}

/* display .overlay when it has the .active class */
.overlay.active {
    display: block;
    opacity: 1;
}

.mCustomScrollBox:focus {
    outline: 0;
}

.priority3:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f508";
    padding-right: 1.2em;
    color: goldenrod;
    font-size: 1.2rem;
}

.priority2:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f12a";
    padding-right: 1.5em;
    color: indianred;
}

.border-priority-2 {
    border-left: 4px solid indianred;
}

.border-priority-1 {
    border-left: 4px solid #ea9e60;
}

.border-priority-0 {
    border-left: 4px solid #CCC;
}

/* /NOTIFICATIONS */

/* CARDS */
.card {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    background: var(--white);
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 14px !important;
    overflow: show;
    padding: 24px;
    min-height: 276px;
}

.card-header,
.card-body,
.card-footer {
    background: #fbfbfb;
}

/*.cards-dashboard .card-body {*/
/*    min-height: 115px;*/
/*}*/

/* /CARDS */

/* ALERTS */
.alert-danger {
    color: var(--white) !important;
    background: var(--red-300) !important;
    border: 0 !important;
    border-radius: 0.375rem !important;
}

.alert-gray {
    color: #222;
    background: #FEFEFE;
    box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02) !important;
    border: 0 !important;
    padding: 10px 10px 3px;
}

/* /ALERTS */


/* MODAL */
#modal {
    z-index: 1072
}

#modal-lg {
    z-index: 1073
}

/* /MODAL */

/* PROGRESS */
.progress {
    height: 17px;
    margin-bottom: 0;
    margin-top: 5px;
}

/* /PROGRESS */

.btn:not(:last-child) {
    margin-right: .33rem;
}

a>span {
    font-weight: 400;
}

a.btn>i {
    margin-right: 0 !important;
}

.card.card-grey,
.card-grey .card-header,
.card-grey .card-body {
    background: #DADADA;
}

.card-boards {
    display: flex;
    column-count: auto;
    flex-wrap: nowrap;
}

.card-boards>.card {
    flex: 1;
    margin-right: 10px;
}

.thin-scrollbar::-webkit-scrollbar {
    width: 3px;
    height: 3px
}

.retracted.thin-scrollbar::-webkit-scrollbar {
    width: 1px !important;
    height: 1px !important;
}

.week-boards>div:not(:last-child) {
    border-right: 1px solid #CCCCCC;
}

.click-view {
    cursor: pointer;
}

.avatar-sm {
    width: 28px;
    height: 28px;
    font-size: .7rem !important;
}

.avatar-sm>span {
    font-size: .7rem !important;
    color: var(--white) !important;
}

/*

*/

body {
    background-color: #FFFFFF !important;
}

.panelSelected+span.select2 .select2-selection.select2-selection--single {
    background: transparent !important;
    margin-top: -34px;
    margin-left: 10px;
    border: 0;
    box-shadow: none !important;
}

.panelSelected+span.select2 .select2-selection.select2-selection--single .select2-selection__rendered {
    color: #FFF;
}

.panelSelected+span.select2 .select2-selection.select2-selection--single .select2-selection__arrow b {
    border-color: #FFF transparent transparent transparent;
    margin-left: 5px;
}

.bgcolor-sidebar {
    background-color: rgba(244, 244, 244, 1.0);
}

.navbar-brand {
    margin-top: 35px !important;
}

.textmenu {
    color: rgb(162 169 176) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    height: fit-content !important;
    letter-spacing: 0.00px !important;
    line-height: 1.5 !important;
    text-align: left !important;
    white-space: nowrap !important;
    display: flex;
    align-items: center;
    padding: 10px 5px !important;
    gap: 8px;
}

.textmenu>i {
    width: 30px;
    display: flex;
    justify-content: center;
    font-size: 1.25em !important;
}

.textmenu .far {
    font-size: 21px !important;
}

.navbar-menu .nav-item.active {
    background-color: transparent !important;
    color: black !important;
}

.navbar-menu .nav-item.active a {
    background-color: transparent !important;
    color: black !important;
}

.main-content {
    display: flex;
    /* flex: 0 1 auto; */
    flex-direction: column;
    /* padding: 0px !important; */
    background-color: #FFFFFF !important;
    color: var(--black) !important;
    /* gap: var(--normal-gap); */
    /* width: calc(100vw - var(--sidebar-expanded-width) - 1px); */
    min-height: calc(100vh - var(--header-height));
    margin: 0px;
    margin-left: var(--sidebar-expanded-width);
}

.main-content.expanded {
    margin-left: var(--sidebar-retracted-width);
}

.header {
    background: #FFF !important;
}

#navbar-main .breadcrumb a {
    color: #000000;
}

.main-content .container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.my-name {
    font-family: 'Inter', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
}

.text-sair {
    margin-right: 7px !important;
    background-color: transparent;
    color: rgb(162 169 176);
    font-family: 'Inter', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    height: 25px;
    left: 0px;
    letter-spacing: 0.00px;
    line-height: 25px;
    top: calc(50.00% - 12px);
    white-space: nowrap;
    width: 53.73%;
}

.botao-sair {
    color: rgb(162 169 176) !important;
    ;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-style: normal !important;
    ;
    font-weight: 400 !important;
    ;
}

.border30 {
    border-radius: 30px !important;
}

.height215 {
    height: 215px !important;
}

.height125 {
    height: 125px !important;
}

.paddingright30 {
    padding-right: 30px !important;
}

.margintop20 {
    margin-top: 20px !important;
}

.pdleft14 {
    padding-left: 14px !important;
    background-color: transparent;
    height: 20px;
    letter-spacing: 0.00px;
    line-height: 21px;
    text-align: left;
    top: 0px;
    white-space: nowrap;
    color: black;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.pdright14 {
    padding-right: 14px !important;
    background-color: transparent;
    height: 20px;
    letter-spacing: 0.00px;
    line-height: 21px;
    text-align: left;
    top: 0px;
    white-space: nowrap;
    color: black;
    font-family: 'Inter', Helvetica, Arial, serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
}

.pdtop14 {
    padding-top: 14px !important;

}

.pdleft10 {
    padding-left: 10px !important;
}

.pdleft30 {
    padding-left: 30px !important;
}

.textodourado {
    color: #dcc437 !important;
}

.font26 {
    font-size: 26px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.font60 {
    font-size: 60px !important;
}

.font40 {
    font-size: 40px !important;
}

.font12 {
    font-size: 12px !important;
}

.font12 a {
    font-size: 12px !important;
}

.btgray {
    border-top: solid 1px #dee2e6;

}

.pt8 {
    padding-top: 8px;
}

.lineheight90 {
    line-height: 90px;
}

.colorblack {
    color: rgba(49, 49, 49, 1.0) !important;
}

.row-click-view {
    cursor: pointer;
}

.bg-gray {
    color: #000;
    background-color: #d2d6de !important;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black {
    background-color: #111 !important;
}

.bg-red {
    background-color: #dd4b39 !important;
}

.bg-yellow {
    background-color: #f39c12 !important;
}

.bg-aqua {
    background-color: #00c0ef !important;
}

.bg-blue {
    background-color: #0073b7 !important;
}

.bg-light-blue {
    background-color: #3c8dbc !important;
}

.bg-green {
    background-color: #00a65a !important;
}

.bg-navy {
    background-color: #001F3F !important;
}

.bg-teal {
    background-color: #39CCCC !important;
}

.bg-olive {
    background-color: #3D9970 !important;
}

.bg-lime {
    background-color: #01FF70 !important;
}

.bg-orange {
    background-color: #FF851B !important;
}

.bg-fuchsia {
    background-color: #F012BE !important;
}

.bg-purple {
    background-color: #605ca8 !important;
}

.bg-maroon {
    background-color: #D81B60 !important;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8 !important;
}

.bg-black-active {
    background-color: #000000 !important;
}

.bg-red-active {
    background-color: #d33724 !important;
}

.bg-yellow-active {
    background-color: #db8b0b !important;
}

.bg-aqua-active {
    background-color: #00a7d0 !important;
}

.bg-blue-active {
    background-color: #005384 !important;
}

.bg-light-blue-active {
    background-color: #357ca5 !important;
}

.bg-green-active {
    background-color: #008d4c !important;
}

.bg-navy-active {
    background-color: #001a35 !important;
}

.bg-teal-active {
    background-color: #30bbbb !important;
}

.bg-olive-active {
    background-color: #368763 !important;
}

.bg-lime-active {
    background-color: #00e765 !important;
}

.bg-orange-active {
    background-color: #ff7701 !important;
}

.bg-fuchsia-active {
    background-color: #db0ead !important;
}

.bg-purple-active {
    background-color: #555299 !important;
}

.bg-maroon-active {
    background-color: #ca195a !important;
}

.theme-bg-danger {
    color: #721c24 !important;
    background-color: #f8d7da !important;
    border-color: #f5c6cb !important;
}

.theme-bg-success {
    color: #155724 !important;
    background-color: #d4edda !important;
    border-color: #c3e6cb !important;
}


.theme-bg-warning {
    color: #856404 !important;
    background-color: #fff3cd !important;
    border-color: #ffeeba !important;
}

.theme-bg-default {
    color: #383d41 !important;
    background-color: #e2e3e5 !important;
    border-color: #d6d8db !important;
}


.theme-timeline-arrow-danger {
    border-right: 0.5rem solid #f8d7da !important;
}

.theme-timeline-arrow-success {
    border-right: 0.5rem solid #d4edda !important;
}

.theme-timeline-arrow-warning {
    border-right: 0.5rem solid #fff3cd !important;
}

.theme-timeline-arrow-default {
    border-right: 0.5rem solid #e2e3e5 !important;
}

.theme-p-10 {
    padding: 10px !important;
}

.theme-p-15 {
    padding: 15px !important;
}

.theme-p-20 {
    padding: 20px !important;
}

.theme-shadow-default {
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.49);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.49);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.49);
}

/* ACCIA */
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--black);
}

h1 {
    font-size: 2rem;
}

h2 {
    font-size: 1.75rem;
}

h3 {
    font-size: 1.5rem;
}

h4 {
    font-size: 1.25rem;
}

h5 {
    font-size: 1.15rem;
}

input,
textarea,
select,
.redactor-box,
.select2-container {
    border: 1px solid var(--gray-400) !important;
    border-radius: 4px !important;
}

.redactor-box {
    margin-bottom: 0px !important;
}

.select2-selection__arrow {
    border-left: 0px !important;
}

.button-login {
    display: flex;
    align-items: center;
    justify-content: center;

    width: fit-content;
    padding: .5em 2em;
    margin-inline: auto;

    color: var(--white);
    font-size: 1rem;

    border-radius: 2px;
    background: var(--accia-dark-blue) !important;
}

header.martinelli-header {
    height: var(--header-height);
    background-color: var(--accia-dark-blue);
    position: fixed;
    top: 0;
    display: flex;
    width: 100%;
    z-index: 1001;
    align-items: center;
    justify-content: space-between;
    padding: .25rem 1rem;
}

aside.navbar {
    height: calc(100% - var(--header-height));
    /* background: var(--neutralLight-100); */
    position: fixed !important;
    left: 0;
    top: var(--header-height) !important;
    z-index: 1;
    /* margin-top: calc(var(--header-height)); */
    padding-inline: 0px !important;
    width: var(--sidebar-expanded-width) !important;
    overflow-x: hidden;
    align-items: baseline;
}

aside.navbar.retracted {
    width: var(--sidebar-retracted-width) !important;
}

aside.navbar.retracted .textmenu {
    padding-inline: 2px 7px !important;
    gap: 0px;
    display: flex;
    justify-content: center;
}

aside.navbar.retracted .textmenu>span {
    content-visibility: hidden;
}

aside.navbar.retracted .nav-link[data-toggle=collapse]:after {
    margin-left: 0px !important;
}

aside.navbar.retracted .nome-contexto {
    content-visibility: hidden;
}

aside.navbar .navbar-nav .navbar-menu {
    padding-inline: 0px !important;
    margin-inline: 0px !important;
}

aside.navbar .nav-link {
    padding-inline: 1.5rem !important;
    margin-inline: 0px !important;
    border-left: 5px solid transparent;
    font-size: .95rem !important;
}

aside.navbar .nav-link.active {
    border-left: 3px solid var(--accia-dark-blue);
    color: var(--accia-dark-blue) !important;
    background-color: var(--neutralLight-300) !important;
}

/* Pra tirar o do argon */
aside.navbar .nav-link.active::before {
    border-left: 0 !important;
}

aside #sidenav-collapse-main {
    align-items: center !important;
}

aside li:hover>a {
    color: var(--gray-600) !important;
}

.main-container {
    display: flex;
    justify-content: center;
    height: 100vh;
    overflow-x: hidden;
    flex-direction: column;
}

.content-area {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.martinelli-header {
    overflow: visible;
}

.martinelli-header>.row {
    align-items: center;
}

.btn:hover {
    box-shadow: revert;
}

.martinelli-button {
    color: var(--white);
    background-color: var(--accia-dark-blue);
    border: 1px solid var(--accia-dark-blue);

    width: fit-content !important;
    padding: .3em .9em !important;
    border-radius: 4px !important;

    display: inline-flex !important;
    align-items: center;
    gap: 10px;

    cursor: pointer;
    font-size: 1rem;
    margin-inline: 0px;
    text-decoration: none;
}

.martinelli-button.martinelli-danger {
    background-color: var(--red-300) !important;
    color: white !important;
    border-color: var(--red-300) !important;
}

.martinelli-button.martinelli-alternative {
    color: var(--accia-dark-blue) !important;
    background-color: transparent !important;
    border: 1px solid var(--accia-dark-blue) !important;
}

.martinelli-button.martinelli-small {
    padding: .75em !important;
    gap: 6px;
    font-size: .75em;
}

.martinelli-button-simple {
    color: var(--gray-300) !important;
    background-color: transparent !important;
    padding: .55em !important;
    cursor: pointer;
    display: inline-flex !important;
    width: fit-content !important;
    gap: 10px;
    align-items: center;
    font-size: 1rem;
    text-decoration: none;
    margin-inline: 0px;
    border: 0 !important;
}

.martinelli-button:hover {
    color: var(--white);
    transform: translateY(-2px);
}

.martinelli-button .martinelli-alternative:hover,
.martinelli-button martinelli-small:hover,
.martinelli-button-simple:hover {

    color: var(--accia-dark-blue) !important;
    transform: translateY(-2px);
}

.link-button {
    border: 0;
}

.card-stats .card-body {
    background-color: transparent !important;
}

.card-header,
.card-body,
.card-footer {
    background: var(--white) !important;
}

.card-header,
.card-footer {
    border: 0 !important;
}

.cardwhite .card-header,
.cardwhite .card-body,
.cardwhite .card-footer {
    padding: 0px;
    background-color: transparent;
    border: 0;
}

main {
    overflow: revert;
}

.card-body {
    padding-top: .25em;
    padding-bottom: .25em;
}

.martinelli-pills .martinelli-link.active {
    border-bottom: solid 3px var(--accia-dark-blue) !important;
    color: var(--accia-dark-blue) !important;
    font-weight: 600;
    background: transparent !important;
}

.martinelli-pills .martinelli-link {
    width: fit-content !important;
    border-radius: 0px !important;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--gray-300) !important;
    font-weight: 400;
    font-size: 1rem;
    gap: 1rem;
    padding: 5px 10px !important;
}

.martinelli-pills .martinelli-link:not(.active):hover {
    color: var(--gray-500) !important;
}

.nav-pills .nav-item:not(:last-child) {
    padding-right: 0px;
}

.nav-pills {
    gap: 10px;
}

.control-label {
    font-weight: 600;
}

.cardwhite {
    background-color: var(--white);
    border-radius: 4px !important;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 28px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
}

/* lgpdv2.php */
.indicadores-pills .indicadores-link.indicadores-comprometedores.active {
    color: var(--white) !important;
    background: var(--red-500) !important;
}

.indicadores-pills .indicadores-link.indicadores-competitividade.active {
    color: var(--black) !important;
    background: var(--yellow-500) !important;
}

.indicadores-pills .indicadores-link.indicadores-excelencia.active {
    color: var(--white) !important;
    background: var(--green-500) !important;
}

#indicadores-pills .indicadores-link {
    border-radius: 3px !important;
    padding: 1.1em 1.25em !important;
    height: 1rem !important;
}

/* Quando pill do indicador nao está selecionada */
.indicadores-pills .indicadores-link.indicadores-comprometedores {
    border: 1px solid var(--red-500) !important;
}

.indicadores-pills .indicadores-link.indicadores-competitividade {
    border: 1px solid var(--yellow-500) !important;
}

.indicadores-pills .indicadores-link.indicadores-excelencia {
    border: 1px solid var(--green-500) !important;
}

.indicadores-pills .indicadores-link:hover {
    color: var(--gray-800) !important;
}

.indicadores-pills .indicadores-link {
    width: auto !important;
    color: var(--gray-600) !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 1rem !important;
}

.indicadores-pills {
    gap: 8px;
    margin-top: 40px;
    margin-bottom: 20px;
}

#tab-indicadores .possui-plano-de-acao-icon {
    border-radius: 6px;
    border: solid 1px var(--gray-300);
    color: var(--gray-600);
    font-size: 0.8rem !important;
    padding: 3px 8px 4px 8px;
}

/* Da tabela de indicadores comprometedores, seleciona todas as colunas da linha */
#tab-indicadores .tab-content table.martinelli-table tr:first-child {
    border-top: none !important;
}

/* Da aba indicadores, seleciona a primeira coluna de cada linha */
#tab-indicadores .tab-content table tbody tr td:first-child {
    color: var(--gray-600) !important;
    white-space: normal !important;
    max-width: 40ch !important;
    width: 35ch !important;
    min-width: 10ch !important;
}

/* Da aba indicadores, seleciona a segunda coluna de cada linha */
#tab-indicadores .tab-content table.martinelli-table tbody tr td:nth-child(2) {
    font-weight: 600;
    cursor: default;
    text-align: center;
    width: 5%;
}

/* Limites de tamanho da coluna de sparky */
#tab-indicadores .tab-content table tbody tr td:nth-child(3) {
    min-width: 40%;
    max-width: 45%;
}

/* Centralizando coluna */
#tab-indicadores .tab-content table tbody tr td:nth-child(4) {
    text-align: center !important;
}

#tab-indicadores table.martinelli-table td.options-dropdown:last-child {
    text-align: right !important;
    max-width: 3rem;
}

/* Removendo espaçamento definido por app.cs */
#tab-indicadores .tab-content table i+span {
    padding-left: 0px;
}

/* Lista de indicadores: Seta para baixo */
#tab-indicadores .tab-content .fa-lg.fa-caret-down {
    color: var(--red-500);
    font-weight: 900;
    margin-left: 6px;
    margin-right: 6px;
}

/* Lista de indicadores: Seta para cima */
#tab-indicadores .tab-content .fa-lg.fa-caret-up {
    color: var(--blue-500);
    font-weight: 900;
    margin-left: 6px;
    margin-right: 6px;
}

/* Jstree */

.jstree-icon.jstree-checkbox,
.jstree-no-dots .jstree-closed>.jstree-ocl,
.jstree-no-dots .jstree-open>.jstree-ocl {
    background-image: none;
    background-position: initial;

    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: inherit;
    font-style: normal !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.jstree-icon.jstree-checkbox:before {
    content: "\f0c8";
    font-weight: 500;
    color: var(--gray-300);
    font-size: 1.1rem;
}

.jstree-default-large.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:before,
.jstree-default-large .jstree-checked>.jstree-checkbox:before {
    content: "\f14a";
    font-size: 1.1rem;
    font-weight: 900;
    color: var(--accia-dark-blue);
    margin-right: 2px;
}

.jstree-default-large>.jstree-no-dots .jstree-leaf>.jstree-ocl:before {
    content: "├";
    color: #e1e1e1;
    /* font-weight: 900; */
    font-weight: 0;
    font-size: 1.7rem;
}

.jstree-default-large>ul.jstree-no-dots>li.jstree-leaf:last-child>.jstree-ocl:before,
.jstree-default-large>.jstree-no-dots ul>li.jstree-leaf:last-child>.jstree-ocl:before {
    content: "└";
    color: #e1e1e1;
    /* font-weight: 900; */
    font-weight: 0;
    font-size: 1.7rem;
}

.jstree-default-large>.jstree-no-dots .jstree-closed>.jstree-ocl:before {
    content: "\f0d7";
    font-weight: 900;

    /* content: "\f150";
    font-weight: 500; */

    font-size: 1.1rem;
    line-height: 2rem;
}

.jstree-default-large>.jstree-no-dots .jstree-open>.jstree-ocl:before {
    content: "\f0d8";
    font-weight: 900;

    /* content: "\f151";
    font-weight: 500; */

    font-size: 1.1rem;
    line-height: 1.1rem;
}

input[type=file]::file-selector-button {
    height: calc(2.6em + 3px);
}

/* Gauge */
.gauge-container.one>.gauge>.dial {
    stroke: #F1F1F1 !important;
    stroke-width: 7 !important;
}

.gauge-container.one>.gauge>.value {
    stroke-width: 7 !important;
}

.value-text {
    font-family: revert !important;
    font-size: 1.4rem !important;
    font-style: normal;
    font-weight: 600 !important;
    color: var(--gray-300) !important;
    cursor: default;
}

.value-text::after {
    content: '%'
}

/* offcanvas */
.offcanvas {
    box-shadow: 0px 0px 70px 1px #000000bb;
    overflow-y: auto;
    z-index: 1002;
    min-width: min-content !important;
    max-width: 42% !important;
}

.offcanvas-header {
    display: block !important;
}

offcanvas-header {
    padding: 1rem;
}

.offcanvas-end {
    width: 48vw !important;
    padding: 0px 1rem;
}

.offcanvas-header h1,
.offcanvas-especifico-header h1,
.offcanvas-body label,
.offcanvas-especifico-body label {
    color: var(--gray-800);
    font-weight: 600;
}

.offcanvas .offcanvas-header,
.offcanvas-especifico-header {
    padding: 2rem 1rem 1rem 1rem !important;
}

.offcanvas-footer {
    display: flex;
    align-items: center;
    justify-content: end;
    padding: 1rem 1rem 2rem 1rem;
}

.offcanvas-body .offcanvas-footer {
    padding: 1rem 0rem 1rem 0rem;
    margin-bottom: 0px !important;
}

.offcanvas-header h1,
.offcanvas-especifico-header h1 {
    font-size: 1.75rem;
    color: var(--black);
}

.offcanvas-body div.row>label,
.offcanvas-body div.row>p,
.offcanvas-body div.row>ul,
.offcanvas-especifico-body div.row>* {
    padding-right: 0px;
    padding-left: 0px;
}

.offcanvas-body div.row,
.offcanvas-especifico-body div.row {
    margin-inline: 0px !important;
}

.offcanvas-body,
.offcanvas-especifico-body {
    overflow-y: visible !important;
    padding: 0rem 1rem;
}

.offcanvas-body .row>* {
    padding-left: 0px;
}

.offcanvas-body .row>*:last-child {
    padding-right: 0px;
}

/* /offcanvas */

/* Martinelli-table */
.table-wrapper {
    width: 100%;
    max-width: 100%;
    height: auto;
}

table.martinelli-table {
    width: 100% !important;
    margin-bottom: 1rem !important;
    background-color: transparent !important;
    border-collapse: collapse !important;
}

table.martinelli-table * {
    font-size: 1rem;
    white-space: normal;
}

table.martinelli-table td {
    border-bottom: none;
}

table.martinelli-table td,
table.martinelli-table th {
    padding: 0.9rem !important;
    vertical-align: top !important;
}

table.martinelli-table thead th {
    font-size: 1rem;
    font-weight: 600 !important;
    color: var(--gray-800);
    border-top: none !important;
    border-bottom: none !important;
    vertical-align: bottom !important;
    /* text-transform: none !important; */
    /* letter-spacing: normal !important; */
}

table.martinelli-table tbody * {
    color: var(--gray-600);
    font-weight: 400;
}

table.martinelli-table tbody tr {
    text-align: inherit !important;
    border-top: 1px solid var(--gray-300) !important;
    border-bottom: none !important;
}

table.martinelli-table tbody th,
table.martinelli-table tbody td {
    border: 0px !important;
}

table.martinelli-table td.options-dropdown {
    text-align: right;
    max-width: 60px;
}

/* martinelli-table */

/* organograma */
.google-visualization-orgchart-linenode {
    border-color: var(--gray-300) !important;
}


/* {nódulos} */
.google-visualization-orgchart-node {
    text-align: left !important;
    border: none !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: var(--purple-300) !important;
    box-shadow: none !important;
    font-weight: 600;
    width: 260px;
    font-size: 1rem;
    color: var(--white);
    padding: 10px 16px !important;
    position: relative;
    vertical-align: bottom !important;
    /* cursor: default !important; */
}

.google-visualization-orgchart-node:hover {
    background: var(--accia-dark-blue) !important;
    -webkit-transition: background-color 300ms linear;
    -ms-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
}

.google-visualization-orgchart-node:hover .organograma-tag {
    bottom: -20px;
}

/* {tags} */
.organograma-tag {

    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    align-self: baseline;
    justify-content: left;
    flex: 0 0 auto;
    gap: var(--mini-gap);

    color: var(--gray-800);
    font-weight: 600;
    font-size: 0.75rem;

    padding: 2px 12px !important;
    border-radius: 12px;
    /* margin-inline: auto; */
    /* margin-top: 10px; */
    /* width: fit-content; */

    /* border-bottom: 3px solid var(--accia-dark-blue); */
    background: var(--purple-100);
}

.organograma-tag .fas.fa-check-circle {
    color: var(--green-500);
}

.organograma-tag .fas.fa-exclamation-circle {
    color: var(--orange-500);
}

.organograma-tag .fas.fa-times-circle {
    color: var(--red-500);
}

.organograma-tag>i {
    font-size: 1.15em;
}

.organograma-data-container {
    display: flex !important;
    align-items: center !important;
    justify-content: left !important;
    flex-direction: column;
    gap: var(--mini-gap);
}

.organograma-title {
    color: var(--gray-200);
    font-size: 1.1rem;
    font-weight: 600;
    align-self: stretch;
    text-align: left;
    vertical-align: bottom;
    /* min-height: 60px; */
}

.organograma-header {
    display: inline-flex;
    justify-content: space-between !important;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    padding: 0px;
}

.organograma-open-link {
    border-radius: 25px;
    /* background: var(--white); */
    color: var(--white) !important;
    font-size: 0.8rem;
    padding: 6px;
    /* cursor: pointer ! important; */
}

/* /organograma */


/* ACCORDION */
.accordion h4,
.accordion p strong {
    font-size: 1rem !important;
    font-weight: 600 !important;
    color: var(--gray-800) !important;
}

.accordion h4+p {
    margin-top: var(--small-gap);
}

/* Accordion-item */
.accordion-item {
    border: 0px;
    margin-bottom: var(--normal-gap);
    overflow: hidden;
    border-radius: 10px !important;
    background: var(--background-blue) !important;
}

.accordion-item:has(button:not(.collapsed)) {
    border: var(--border-blue) !important;
}

/* /accordion-item */

.accordion-item button,
.accordion-item>div {
    background: transparent !important;
}

.accordion-item button {
    color: var(--gray-800);
    font-size: 1.1rem;
    font-weight: 400;
    border-radius: 10px !important;
    border: var(--border-blue);
}

.accordion-item button:not(.collapsed) {
    color: var(--gray-800);
    border-radius: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
}

.accordion-button::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    flex-shrink: 0;
    width: 1.2rem;
    height: 1.2rem;
    margin-right: var(--normal-gap);
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::before {
    transform: rotate(-180deg);
}

.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: none !important;
}

.accordion-button:focus {
    border: solid 1px var(--purple-300) !important;
    box-shadow: none !important;
    transition: box-shadow .5s ease-in-out;
}

.accordion-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;

    margin-top: var(--small-gap);
    margin-bottom: var(--small-gap);
    gap: var(--small-gap);

    color: var(--gray-800);
}

.accordion-footer>div {
    display: flex;
    flex-direction: column;
    align-items: right;

    font-size: 0.8rem;

    padding: 0 .5rem;
    text-align: right;
}

#parecer .accordion-footer div>span:first-child,
#recomendacaotecnica .accordion-footer div:first-child>span:first-child {
    font-weight: 600;
}

.accordion-footer a {
    min-width: 10px;
    padding: 0.5rem;
    /* background: transparent !important; */
}

#recomendacaotecnica .accordion-item span {
    font-size: 1rem;
    color: var(--gray-600);
}

#recomendacaotecnica .accordion-item .accordion-footer>div>div:first-child>span:first-child {
    font-weight: 600;
    color: var(--gray-800);
}

.accordion-item p,
.accordion-item li {
    font-size: 1rem;
    font-weight: 400;
    color: var(--gray-600);
}

.accordion-item span+p {
    margin-bottom: var(--normal-gap);
}

#recomendacaotecnica ul {
    list-style: none;
    /* Remove list bullets */
    padding: 0;
    margin: 0;
}

#recomendacaotecnica li::before {
    content: "•";
    padding: 0px 8px;
}

/* Para recomendacóes técnicas: */
/* Cores variadas dependendo da importancia da recomendação */

/* Cor - importante: */

.accordion-item.importante:has(button:not(.collapsed)) {
    border: var(--border-red) !important;
}

.accordion-item.importante {
    background: var(--background-red) !important;
}

.accordion-item.importante button.collapsed {
    border: var(--border-red) !important;
}

/* Cor - Recomendável */
.accordion-item.recomendavel:has(button:not(.collapsed)) {
    border: var(--border-yellow) !important;
}

.accordion-item.recomendavel {
    background: var(--background-yellow) !important;
}

.accordion-item.recomendavel button.collapsed {
    border: var(--border-yellow) !important;
}

.badge {
    padding: .66em .65em !important;
}

.badge-success {
    background-color: var(--green-300);
}

.badge-warning {
    background-color: var(--orange-500);
}

.badge-danger {
    background-color: var(--red-300);
}

/* /accordion */

.plano-de-acao {
    display: flex;
    cursor: pointer;
    flex-direction: column;
    background: var(--gray-200);
    border: solid 1px var(--gray-300);
    border-left: solid 5px var(--accia-dark-blue);
    padding: 1rem 2rem;
    gap: var(--mini-gap);
    color: var(--gray-800);
    font-weight: 600;
    border-radius: 8px;
    overflow: hidden;
}

.plano-de-acao+.plano-de-acao {
    margin-top: var(--normal-gap);
}

.plano-de-acao>div:last-child {
    display: inline-flex;
    justify-content: space-between;
    color: var(--gray-600);
    font-weight: 400;
}

.fake-control-label-mandatory::after {
    content: " * ";
    color: indianred;
}

/* ESTRUTURA */
#grafestrutura {
    min-height: 75px;
    padding-left: 20px;
    padding-right: 25px;
}

#jstree-toggle-button,
.jstree-toggle-button {
    transition: transform .2s ease-in-out;
}

#jstree-toggle-button.expandida,
.jstree-toggle-button.expandida {
    transform: rotate(-90deg);

}

.jstree-default .jstree-search {
    font-style: normal;
    font-weight: 600 !important;
    color: var(--purple-600) !important;
}

.search-bar-container {
    padding: .25rem !important;
}

.offcanvas label {
    margin-bottom: 0px;
}

.dropdown-menu.search-bar-container {
    padding: 5px !important;
}

.dropdown-menu {
    padding: 0px !important;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) !important;
    overflow: hidden;
}

.dropdown-item {
    line-height: 2;
    font-size: 1rem !important;
}

.dropdown-item:hover {
    background-color: var(--blue-100) !important;
}

.dropdown-item.active {
    background: var(--accia-dark-blue) !important;
    color: var(--white) !important;
}

.dropdown-item:active {
    background: var(--accia-dark-blue) !important;
    color: var(--white) !important;
}

ul.pagination {
    justify-content: end !important;
}

.page-item:first-child>span {

    font-family: 'Font Awesome 5 Free';
    content: "\f053";
    color: var(--black);
}

.page-item>a.page-link {
    border-radius: 4px !important;
    background-color: transparent !important;
    color: var(--black);
    font-size: 1rem;
    margin-right: 5px;
    border: 0;
}

.page-item:not(.active):hover>a.page-link {
    background-color: var(--purple-100) !important;
}

.page-item.active>a.page-link {
    border-radius: 4px !important;
    background-color: var(--accia-dark-blue) !important;
    font-size: 1rem;
    margin-right: 5px;
    border: 0;
}

.tooltip .tooltip-inner {
    --bs-tooltip-bg: #4d8bb7;
}

.tooltip .tooltip-arrow::before {
    --bs-tooltip-bg: #4d8bb7;
}

.tooltip {
    padding: revert !important;
    font-size: 1rem;
}

.jstree-leaf[role="treeitem"] {
    display: flex;
}

.alert-info {
    background: #5598DA1A !important;
    border: 1px solid #5598DA4D !important;
    color: revert !important;
}

.alert-success {
    background: var(--green-200) !important;
    border-color: var(--green-200);
    color: revert !important
}

.badge-contexto {
    font-style: normal;
    display: inline-block;
    padding: .35em .65em;
    /* position: absolute; */
    border-radius: .25em;
    min-width: 45px;
    line-height: 1;
    text-align: center;
}

.select2 input {
    margin: 0px !important;
    border: 0 !important;
    padding-inline: 10px !important;
}

.select2-selection--multiple {
    min-height: revert !important;
}

.select2-dropdown {
    border: 1px solid var(--gray-400) !important;
}

.modal-backdrop.show {
    opacity: .1 !important;
}

#sidenav-collapse-main {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

#lgpdv2-nivelProt-e-perfilDesemp {
    display: grid;
    gap: 26px;
    grid-template-columns: max(200px, 25%) auto;
}

.modal-content {
    box-shadow: none !important;
}

.alert-primary {
    color: var(--black) !important;
    background: var(--purple-200) !important;
}

.alert-primary>button {
    color: var(--black) !important;
    transform: translateY(-4px);
}

@media (max-width: 768px) {

    .main-content {
        margin-left: var(--sidebar-retracted-width);
    }

    aside.navbar {
        height: calc(100% - var(--header-height));
        width: var(--sidebar-retracted-width) !important;
        align-items: baseline;
        margin-top: 0px;
    }

    #sidenav-collapse-main {
        display: block !important;
    }

    aside.navbar .textmenu {
        padding-inline: 2px 7px !important;
        gap: 0px;
        display: flex;
        justify-content: center;
        color: rgb(162 169 176) !important;
    }

    aside.navbar .textmenu>span {
        content-visibility: hidden;
    }

    aside.navbar .nav-link.textmenu[data-toggle=collapse]:after {
        margin-left: 0px !important;
    }

    aside.navbar .nome-contexto {
        content-visibility: hidden;
    }

    .navbar-menu {
        margin-inline: auto !important;
    }

    .thin-scrollbar::-webkit-scrollbar {
        width: 1px !important;
        height: 1px !important;
    }
}

@media (max-width: 992px) {
    #lgpdv2-nivelProt-e-perfilDesemp {
        grid-template-columns: 100% !important;
    }
}

.default-button {
    min-width: 79px;
    min-height: 32px;
    background: var(--white) !important;
    color: var(--blue-privia-600) !important;
    font-weight: 400 !important;
    border: solid 1px var(--blue-privia-600) !important;
    border-radius: 2px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px;
}

.inventario-de-dados-botao {
    width: fit-content;
    padding: 5px 14px 6px 14px;
}