body {
    background: #b7b7b7;
}

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;
}

i + span {
    padding-left: 5px;
}

/* /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;
}

#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 {
    -webkit-box-shadow: 0 9px 24px -15px rgba(0, 0, 0, 0.83);
    -moz-box-shadow: 0 9px 24px -15px rgba(0, 0, 0, 0.83);
    box-shadow: 0 9px 24px -15px rgba(0, 0, 0, 0.83);
    background: #fbfbfb;
}

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

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

/* /CARDS */

/* ALERTS */
.alert-danger {
    color: #dd5555;
    background: #f1afaf2b;
    border: 0;
}

.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;
}

.card-boards ::-webkit-scrollbar {
    width: 0;
}

.small-scroller ::-webkit-scrollbar {
    height: 3px !important;
}

.small-scroller ::-webkit-scrollbar-track {
    background: #b7b7b7 !important;
}

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

.scroll-thin ::-webkit-scrollbar-thumb {
    background: #CCC;
}

.scroll-thin ::-webkit-scrollbar-track {
    background: #FBFBFB;
}

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

.click-view {
    cursor: pointer;
}

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

/*

*/

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

.main-content {
    margin-top: 25px;
}

.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);
}

@media (min-width: 1200px){
    .navbar-vertical.navbar-expand-xl {
        width: 100% !important;
        max-width: 325px !important;
        border-right: solid 3px #d9d9d9 !important;
    }
}

@media (min-width: 1200px){
    .navbar-vertical.navbar-expand-xl.fixed-left+.main-content {
        margin-left: 325px;
    }
}

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

.textmenu {
    background-color: transparent  !important;
    bottom: 0px  !important;
    color: rgb(162 169 176) !important;
    font-family: 'Inter', Helvetica, Arial, serif  !important;
    font-size: 21px  !important;
    font-style: normal  !important;
    font-weight: 400  !important;
    height: 75px  !important;
    left: calc(103.87% - 205px)  !important;
    letter-spacing: 0.00px  !important;
    line-height: 35px  !important;    
    text-align: left  !important;
    white-space: nowrap  !important;
    width: 197px !important;
    padding-left: 79px !important;
}

.textmenu .fas {
    font-size: 21px !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 {
    background-color: #FFFFFF !important;
    color: rgba(49,49,49,1.0) !important;
}

.header {
    background: #FFF !important;
}

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

@media (min-width: 768px){}
.main-content .container-fluid {
    padding-left: 90px!important;
    padding-right: 39px!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;
}