/**********************************************************************
Textura de vidro
***********************************************************************/

.vidro {
    backdrop-filter: blur(5px) !important;
    box-shadow: 0rem 0rem .25rem rgba(var(--jc-dark), .50) !important;
}

.vidro:not(nav, rodape, table) {
    border-radius: 10px !important;
}

.vidro>.modal-header,
.vidro>.card-header {
    border: none;
    border-radius: 10px 10px 0px 0px !important;
}

.vidro>.modal-body,
.vidro>.card-body {
    border-radius: 0px 0px 0px 0px !important;
}


    /* ***************************************************************************************** */
    .vidro-blue {
        background-color: rgba(13, 110, 253 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 110, 253, .30) !important;
    }

    /* .vidro-blue:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-blue a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-blue img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-blue  {
        background-color: rgba(13, 110, 253, .75) !important;
    }

    .vidro-blue .dropdown-menu {
        background-color: rgba(13, 110, 253 , .75) !important;
    }

    .vidro-blue .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 110, 253 , .30) !important;
    }

    .vidro-blue .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(13, 110, 253) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-blue  {
        background-color: rgba(13, 110, 253, .50) !important;
    }

    .vidro-blue button:not(.bootbox-close-button),
    .vidro-blue .input-group,
    .vidro-blue .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-blue>.modal-header:not([class*="bg-"]),
    .vidro-blue>.card-header:not([class*="bg-"]) {
        background-color: rgba(13, 110, 253, .75) !important;
        border: none !important;
    }

    .vidro-blue>.modal-header:not([class*="text-"]),
    .vidro-blue>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-blue>.modal-footer:not([class*="bg-"]),
    .vidro-blue>.card-footer:not([class*="bg-"]) {
        background-color: rgba(13, 110, 253, .50) !important;
        border: none !important;
    }

    .vidro-blue>.modal-footer:not([class*="text-"]),
    .vidro-blue>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-blue>thead>tr>th {
        background-color: rgb(13, 110, 253) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(13, 110, 253)!important; */
    }

    .tableJC.vidro-blue>tbody>tr.selecionado {
        background-color: rgba(13, 110, 253, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-blue>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(13, 110, 253, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-blue .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(13, 110, 253) !important;
    }

    .vidro-blue .datepicker .day:hover {
        background-color: rgba(13, 110, 253, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-indigo {
        background-color: rgba(102, 16, 242 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(102, 16, 242, .30) !important;
    }

    /* .vidro-indigo:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-indigo a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-indigo img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-indigo  {
        background-color: rgba(102, 16, 242, .75) !important;
    }

    .vidro-indigo .dropdown-menu {
        background-color: rgba(102, 16, 242 , .75) !important;
    }

    .vidro-indigo .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(102, 16, 242 , .30) !important;
    }

    .vidro-indigo .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(102, 16, 242) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-indigo  {
        background-color: rgba(102, 16, 242, .50) !important;
    }

    .vidro-indigo button:not(.bootbox-close-button),
    .vidro-indigo .input-group,
    .vidro-indigo .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-indigo>.modal-header:not([class*="bg-"]),
    .vidro-indigo>.card-header:not([class*="bg-"]) {
        background-color: rgba(102, 16, 242, .75) !important;
        border: none !important;
    }

    .vidro-indigo>.modal-header:not([class*="text-"]),
    .vidro-indigo>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-indigo>.modal-footer:not([class*="bg-"]),
    .vidro-indigo>.card-footer:not([class*="bg-"]) {
        background-color: rgba(102, 16, 242, .50) !important;
        border: none !important;
    }

    .vidro-indigo>.modal-footer:not([class*="text-"]),
    .vidro-indigo>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-indigo>thead>tr>th {
        background-color: rgb(102, 16, 242) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(102, 16, 242)!important; */
    }

    .tableJC.vidro-indigo>tbody>tr.selecionado {
        background-color: rgba(102, 16, 242, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-indigo>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(102, 16, 242, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-indigo .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(102, 16, 242) !important;
    }

    .vidro-indigo .datepicker .day:hover {
        background-color: rgba(102, 16, 242, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-purple {
        background-color: rgba(111, 66, 193 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(111, 66, 193, .30) !important;
    }

    /* .vidro-purple:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-purple a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-purple img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-purple  {
        background-color: rgba(111, 66, 193, .75) !important;
    }

    .vidro-purple .dropdown-menu {
        background-color: rgba(111, 66, 193 , .75) !important;
    }

    .vidro-purple .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(111, 66, 193 , .30) !important;
    }

    .vidro-purple .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(111, 66, 193) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-purple  {
        background-color: rgba(111, 66, 193, .50) !important;
    }

    .vidro-purple button:not(.bootbox-close-button),
    .vidro-purple .input-group,
    .vidro-purple .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-purple>.modal-header:not([class*="bg-"]),
    .vidro-purple>.card-header:not([class*="bg-"]) {
        background-color: rgba(111, 66, 193, .75) !important;
        border: none !important;
    }

    .vidro-purple>.modal-header:not([class*="text-"]),
    .vidro-purple>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-purple>.modal-footer:not([class*="bg-"]),
    .vidro-purple>.card-footer:not([class*="bg-"]) {
        background-color: rgba(111, 66, 193, .50) !important;
        border: none !important;
    }

    .vidro-purple>.modal-footer:not([class*="text-"]),
    .vidro-purple>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-purple>thead>tr>th {
        background-color: rgb(111, 66, 193) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(111, 66, 193)!important; */
    }

    .tableJC.vidro-purple>tbody>tr.selecionado {
        background-color: rgba(111, 66, 193, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-purple>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(111, 66, 193, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-purple .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(111, 66, 193) !important;
    }

    .vidro-purple .datepicker .day:hover {
        background-color: rgba(111, 66, 193, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-pink {
        background-color: rgba(214, 51, 132 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(214, 51, 132, .30) !important;
    }

    /* .vidro-pink:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-pink a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-pink img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-pink  {
        background-color: rgba(214, 51, 132, .75) !important;
    }

    .vidro-pink .dropdown-menu {
        background-color: rgba(214, 51, 132 , .75) !important;
    }

    .vidro-pink .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(214, 51, 132 , .30) !important;
    }

    .vidro-pink .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(214, 51, 132) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-pink  {
        background-color: rgba(214, 51, 132, .50) !important;
    }

    .vidro-pink button:not(.bootbox-close-button),
    .vidro-pink .input-group,
    .vidro-pink .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-pink>.modal-header:not([class*="bg-"]),
    .vidro-pink>.card-header:not([class*="bg-"]) {
        background-color: rgba(214, 51, 132, .75) !important;
        border: none !important;
    }

    .vidro-pink>.modal-header:not([class*="text-"]),
    .vidro-pink>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-pink>.modal-footer:not([class*="bg-"]),
    .vidro-pink>.card-footer:not([class*="bg-"]) {
        background-color: rgba(214, 51, 132, .50) !important;
        border: none !important;
    }

    .vidro-pink>.modal-footer:not([class*="text-"]),
    .vidro-pink>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-pink>thead>tr>th {
        background-color: rgb(214, 51, 132) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(214, 51, 132)!important; */
    }

    .tableJC.vidro-pink>tbody>tr.selecionado {
        background-color: rgba(214, 51, 132, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-pink>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(214, 51, 132, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-pink .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(214, 51, 132) !important;
    }

    .vidro-pink .datepicker .day:hover {
        background-color: rgba(214, 51, 132, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-red {
        background-color: rgba(220, 53, 69 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(220, 53, 69, .30) !important;
    }

    /* .vidro-red:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-red a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-red img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-red  {
        background-color: rgba(220, 53, 69, .75) !important;
    }

    .vidro-red .dropdown-menu {
        background-color: rgba(220, 53, 69 , .75) !important;
    }

    .vidro-red .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(220, 53, 69 , .30) !important;
    }

    .vidro-red .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(220, 53, 69) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-red  {
        background-color: rgba(220, 53, 69, .50) !important;
    }

    .vidro-red button:not(.bootbox-close-button),
    .vidro-red .input-group,
    .vidro-red .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-red>.modal-header:not([class*="bg-"]),
    .vidro-red>.card-header:not([class*="bg-"]) {
        background-color: rgba(220, 53, 69, .75) !important;
        border: none !important;
    }

    .vidro-red>.modal-header:not([class*="text-"]),
    .vidro-red>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-red>.modal-footer:not([class*="bg-"]),
    .vidro-red>.card-footer:not([class*="bg-"]) {
        background-color: rgba(220, 53, 69, .50) !important;
        border: none !important;
    }

    .vidro-red>.modal-footer:not([class*="text-"]),
    .vidro-red>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-red>thead>tr>th {
        background-color: rgb(220, 53, 69) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(220, 53, 69)!important; */
    }

    .tableJC.vidro-red>tbody>tr.selecionado {
        background-color: rgba(220, 53, 69, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-red>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(220, 53, 69, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-red .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(220, 53, 69) !important;
    }

    .vidro-red .datepicker .day:hover {
        background-color: rgba(220, 53, 69, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-orange {
        background-color: rgba(253, 126, 20 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(253, 126, 20, .30) !important;
    }

    /* .vidro-orange:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-orange a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-orange img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-orange  {
        background-color: rgba(253, 126, 20, .75) !important;
    }

    .vidro-orange .dropdown-menu {
        background-color: rgba(253, 126, 20 , .75) !important;
    }

    .vidro-orange .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(253, 126, 20 , .30) !important;
    }

    .vidro-orange .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(253, 126, 20) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-orange  {
        background-color: rgba(253, 126, 20, .50) !important;
    }

    .vidro-orange button:not(.bootbox-close-button),
    .vidro-orange .input-group,
    .vidro-orange .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-orange>.modal-header:not([class*="bg-"]),
    .vidro-orange>.card-header:not([class*="bg-"]) {
        background-color: rgba(253, 126, 20, .75) !important;
        border: none !important;
    }

    .vidro-orange>.modal-header:not([class*="text-"]),
    .vidro-orange>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-orange>.modal-footer:not([class*="bg-"]),
    .vidro-orange>.card-footer:not([class*="bg-"]) {
        background-color: rgba(253, 126, 20, .50) !important;
        border: none !important;
    }

    .vidro-orange>.modal-footer:not([class*="text-"]),
    .vidro-orange>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-orange>thead>tr>th {
        background-color: rgb(253, 126, 20) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(253, 126, 20)!important; */
    }

    .tableJC.vidro-orange>tbody>tr.selecionado {
        background-color: rgba(253, 126, 20, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-orange>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(253, 126, 20, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-orange .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(253, 126, 20) !important;
    }

    .vidro-orange .datepicker .day:hover {
        background-color: rgba(253, 126, 20, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-yellow {
        background-color: rgba(255, 193, 7 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(255, 193, 7, .30) !important;
    }

    /* .vidro-yellow:not([class*="text-"]) {
        color: rgb(33, 37, 41)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-yellow a:not(.naoVidro) {
        color: rgb(33, 37, 41)!important;
    } */
    .vidro-yellow img {
        filter: drop-shadow(1px 1px 1px rgba(33, 37, 41, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-yellow  {
        background-color: rgba(255, 193, 7, .75) !important;
    }

    .vidro-yellow .dropdown-menu {
        background-color: rgba(255, 193, 7 , .75) !important;
    }

    .vidro-yellow .dropdown-item {
        color: rgb(33, 37, 41) !important;
        text-shadow: 0rem 0rem .25rem rgba(255, 193, 7 , .30) !important;
    }

    .vidro-yellow .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(33, 37, 41, .75) !important;
        color: rgb(255, 193, 7) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-yellow  {
        background-color: rgba(255, 193, 7, .50) !important;
    }

    .vidro-yellow button:not(.bootbox-close-button),
    .vidro-yellow .input-group,
    .vidro-yellow .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(33, 37, 41, 0.5) !important;
    }

    .vidro-yellow>.modal-header:not([class*="bg-"]),
    .vidro-yellow>.card-header:not([class*="bg-"]) {
        background-color: rgba(255, 193, 7, .75) !important;
        border: none !important;
    }

    .vidro-yellow>.modal-header:not([class*="text-"]),
    .vidro-yellow>.card-header:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    .vidro-yellow>.modal-footer:not([class*="bg-"]),
    .vidro-yellow>.card-footer:not([class*="bg-"]) {
        background-color: rgba(255, 193, 7, .50) !important;
        border: none !important;
    }

    .vidro-yellow>.modal-footer:not([class*="text-"]),
    .vidro-yellow>.card-footer:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-yellow>thead>tr>th {
        background-color: rgb(255, 193, 7) !important;
        color: rgb(33, 37, 41) !important;
        /* background-color: rgb(33, 37, 41)!important;
        color: rgb(255, 193, 7)!important; */
    }

    .tableJC.vidro-yellow>tbody>tr.selecionado {
        background-color: rgba(255, 193, 7, 1) !important;
        color: rgb(33, 37, 41) !important;
    }

    .tableJC.vidro-yellow>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(255, 193, 7, .75) !important;
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .vidro-yellow .datepicker .highlighted.day {
        background-color: rgba(33, 37, 41, .50) !important;
        color: rgb(255, 193, 7) !important;
    }

    .vidro-yellow .datepicker .day:hover {
        background-color: rgba(255, 193, 7, .50) !important;
        color: rgb(33, 37, 41) !important;
        box-shadow: 0rem 0rem .50rem rgba(33, 37, 41, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-green {
        background-color: rgba(25, 135, 84 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(25, 135, 84, .30) !important;
    }

    /* .vidro-green:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-green a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-green img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-green  {
        background-color: rgba(25, 135, 84, .75) !important;
    }

    .vidro-green .dropdown-menu {
        background-color: rgba(25, 135, 84 , .75) !important;
    }

    .vidro-green .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(25, 135, 84 , .30) !important;
    }

    .vidro-green .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(25, 135, 84) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-green  {
        background-color: rgba(25, 135, 84, .50) !important;
    }

    .vidro-green button:not(.bootbox-close-button),
    .vidro-green .input-group,
    .vidro-green .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-green>.modal-header:not([class*="bg-"]),
    .vidro-green>.card-header:not([class*="bg-"]) {
        background-color: rgba(25, 135, 84, .75) !important;
        border: none !important;
    }

    .vidro-green>.modal-header:not([class*="text-"]),
    .vidro-green>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-green>.modal-footer:not([class*="bg-"]),
    .vidro-green>.card-footer:not([class*="bg-"]) {
        background-color: rgba(25, 135, 84, .50) !important;
        border: none !important;
    }

    .vidro-green>.modal-footer:not([class*="text-"]),
    .vidro-green>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-green>thead>tr>th {
        background-color: rgb(25, 135, 84) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(25, 135, 84)!important; */
    }

    .tableJC.vidro-green>tbody>tr.selecionado {
        background-color: rgba(25, 135, 84, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-green>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(25, 135, 84, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-green .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(25, 135, 84) !important;
    }

    .vidro-green .datepicker .day:hover {
        background-color: rgba(25, 135, 84, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-teal {
        background-color: rgba(32, 201, 151 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(32, 201, 151, .30) !important;
    }

    /* .vidro-teal:not([class*="text-"]) {
        color: rgb(33, 37, 41)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-teal a:not(.naoVidro) {
        color: rgb(33, 37, 41)!important;
    } */
    .vidro-teal img {
        filter: drop-shadow(1px 1px 1px rgba(33, 37, 41, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-teal  {
        background-color: rgba(32, 201, 151, .75) !important;
    }

    .vidro-teal .dropdown-menu {
        background-color: rgba(32, 201, 151 , .75) !important;
    }

    .vidro-teal .dropdown-item {
        color: rgb(33, 37, 41) !important;
        text-shadow: 0rem 0rem .25rem rgba(32, 201, 151 , .30) !important;
    }

    .vidro-teal .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(33, 37, 41, .75) !important;
        color: rgb(32, 201, 151) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-teal  {
        background-color: rgba(32, 201, 151, .50) !important;
    }

    .vidro-teal button:not(.bootbox-close-button),
    .vidro-teal .input-group,
    .vidro-teal .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(33, 37, 41, 0.5) !important;
    }

    .vidro-teal>.modal-header:not([class*="bg-"]),
    .vidro-teal>.card-header:not([class*="bg-"]) {
        background-color: rgba(32, 201, 151, .75) !important;
        border: none !important;
    }

    .vidro-teal>.modal-header:not([class*="text-"]),
    .vidro-teal>.card-header:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    .vidro-teal>.modal-footer:not([class*="bg-"]),
    .vidro-teal>.card-footer:not([class*="bg-"]) {
        background-color: rgba(32, 201, 151, .50) !important;
        border: none !important;
    }

    .vidro-teal>.modal-footer:not([class*="text-"]),
    .vidro-teal>.card-footer:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-teal>thead>tr>th {
        background-color: rgb(32, 201, 151) !important;
        color: rgb(33, 37, 41) !important;
        /* background-color: rgb(33, 37, 41)!important;
        color: rgb(32, 201, 151)!important; */
    }

    .tableJC.vidro-teal>tbody>tr.selecionado {
        background-color: rgba(32, 201, 151, 1) !important;
        color: rgb(33, 37, 41) !important;
    }

    .tableJC.vidro-teal>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(32, 201, 151, .75) !important;
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .vidro-teal .datepicker .highlighted.day {
        background-color: rgba(33, 37, 41, .50) !important;
        color: rgb(32, 201, 151) !important;
    }

    .vidro-teal .datepicker .day:hover {
        background-color: rgba(32, 201, 151, .50) !important;
        color: rgb(33, 37, 41) !important;
        box-shadow: 0rem 0rem .50rem rgba(33, 37, 41, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-cyan {
        background-color: rgba(13, 202, 240 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 202, 240, .30) !important;
    }

    /* .vidro-cyan:not([class*="text-"]) {
        color: rgb(33, 37, 41)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-cyan a:not(.naoVidro) {
        color: rgb(33, 37, 41)!important;
    } */
    .vidro-cyan img {
        filter: drop-shadow(1px 1px 1px rgba(33, 37, 41, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-cyan  {
        background-color: rgba(13, 202, 240, .75) !important;
    }

    .vidro-cyan .dropdown-menu {
        background-color: rgba(13, 202, 240 , .75) !important;
    }

    .vidro-cyan .dropdown-item {
        color: rgb(33, 37, 41) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 202, 240 , .30) !important;
    }

    .vidro-cyan .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(33, 37, 41, .75) !important;
        color: rgb(13, 202, 240) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-cyan  {
        background-color: rgba(13, 202, 240, .50) !important;
    }

    .vidro-cyan button:not(.bootbox-close-button),
    .vidro-cyan .input-group,
    .vidro-cyan .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(33, 37, 41, 0.5) !important;
    }

    .vidro-cyan>.modal-header:not([class*="bg-"]),
    .vidro-cyan>.card-header:not([class*="bg-"]) {
        background-color: rgba(13, 202, 240, .75) !important;
        border: none !important;
    }

    .vidro-cyan>.modal-header:not([class*="text-"]),
    .vidro-cyan>.card-header:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    .vidro-cyan>.modal-footer:not([class*="bg-"]),
    .vidro-cyan>.card-footer:not([class*="bg-"]) {
        background-color: rgba(13, 202, 240, .50) !important;
        border: none !important;
    }

    .vidro-cyan>.modal-footer:not([class*="text-"]),
    .vidro-cyan>.card-footer:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-cyan>thead>tr>th {
        background-color: rgb(13, 202, 240) !important;
        color: rgb(33, 37, 41) !important;
        /* background-color: rgb(33, 37, 41)!important;
        color: rgb(13, 202, 240)!important; */
    }

    .tableJC.vidro-cyan>tbody>tr.selecionado {
        background-color: rgba(13, 202, 240, 1) !important;
        color: rgb(33, 37, 41) !important;
    }

    .tableJC.vidro-cyan>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(13, 202, 240, .75) !important;
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .vidro-cyan .datepicker .highlighted.day {
        background-color: rgba(33, 37, 41, .50) !important;
        color: rgb(13, 202, 240) !important;
    }

    .vidro-cyan .datepicker .day:hover {
        background-color: rgba(13, 202, 240, .50) !important;
        color: rgb(33, 37, 41) !important;
        box-shadow: 0rem 0rem .50rem rgba(33, 37, 41, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-white {
        background-color: rgba(255, 255, 255 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(255, 255, 255, .30) !important;
    }

    /* .vidro-white:not([class*="text-"]) {
        color: rgb(33, 37, 41)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-white a:not(.naoVidro) {
        color: rgb(33, 37, 41)!important;
    } */
    .vidro-white img {
        filter: drop-shadow(1px 1px 1px rgba(33, 37, 41, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-white  {
        background-color: rgba(255, 255, 255, .75) !important;
    }

    .vidro-white .dropdown-menu {
        background-color: rgba(255, 255, 255 , .75) !important;
    }

    .vidro-white .dropdown-item {
        color: rgb(33, 37, 41) !important;
        text-shadow: 0rem 0rem .25rem rgba(255, 255, 255 , .30) !important;
    }

    .vidro-white .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(33, 37, 41, .75) !important;
        color: rgb(255, 255, 255) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-white  {
        background-color: rgba(255, 255, 255, .50) !important;
    }

    .vidro-white button:not(.bootbox-close-button),
    .vidro-white .input-group,
    .vidro-white .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(33, 37, 41, 0.5) !important;
    }

    .vidro-white>.modal-header:not([class*="bg-"]),
    .vidro-white>.card-header:not([class*="bg-"]) {
        background-color: rgba(255, 255, 255, .75) !important;
        border: none !important;
    }

    .vidro-white>.modal-header:not([class*="text-"]),
    .vidro-white>.card-header:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    .vidro-white>.modal-footer:not([class*="bg-"]),
    .vidro-white>.card-footer:not([class*="bg-"]) {
        background-color: rgba(255, 255, 255, .50) !important;
        border: none !important;
    }

    .vidro-white>.modal-footer:not([class*="text-"]),
    .vidro-white>.card-footer:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-white>thead>tr>th {
        background-color: rgb(255, 255, 255) !important;
        color: rgb(33, 37, 41) !important;
        /* background-color: rgb(33, 37, 41)!important;
        color: rgb(255, 255, 255)!important; */
    }

    .tableJC.vidro-white>tbody>tr.selecionado {
        background-color: rgba(255, 255, 255, 1) !important;
        color: rgb(33, 37, 41) !important;
    }

    .tableJC.vidro-white>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(255, 255, 255, .75) !important;
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .vidro-white .datepicker .highlighted.day {
        background-color: rgba(33, 37, 41, .50) !important;
        color: rgb(255, 255, 255) !important;
    }

    .vidro-white .datepicker .day:hover {
        background-color: rgba(255, 255, 255, .50) !important;
        color: rgb(33, 37, 41) !important;
        box-shadow: 0rem 0rem .50rem rgba(33, 37, 41, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-gray {
        background-color: rgba(108, 117, 125 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(108, 117, 125, .30) !important;
    }

    /* .vidro-gray:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-gray a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-gray img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-gray  {
        background-color: rgba(108, 117, 125, .75) !important;
    }

    .vidro-gray .dropdown-menu {
        background-color: rgba(108, 117, 125 , .75) !important;
    }

    .vidro-gray .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(108, 117, 125 , .30) !important;
    }

    .vidro-gray .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(108, 117, 125) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-gray  {
        background-color: rgba(108, 117, 125, .50) !important;
    }

    .vidro-gray button:not(.bootbox-close-button),
    .vidro-gray .input-group,
    .vidro-gray .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-gray>.modal-header:not([class*="bg-"]),
    .vidro-gray>.card-header:not([class*="bg-"]) {
        background-color: rgba(108, 117, 125, .75) !important;
        border: none !important;
    }

    .vidro-gray>.modal-header:not([class*="text-"]),
    .vidro-gray>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-gray>.modal-footer:not([class*="bg-"]),
    .vidro-gray>.card-footer:not([class*="bg-"]) {
        background-color: rgba(108, 117, 125, .50) !important;
        border: none !important;
    }

    .vidro-gray>.modal-footer:not([class*="text-"]),
    .vidro-gray>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-gray>thead>tr>th {
        background-color: rgb(108, 117, 125) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(108, 117, 125)!important; */
    }

    .tableJC.vidro-gray>tbody>tr.selecionado {
        background-color: rgba(108, 117, 125, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-gray>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(108, 117, 125, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-gray .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(108, 117, 125) !important;
    }

    .vidro-gray .datepicker .day:hover {
        background-color: rgba(108, 117, 125, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-gray-dark {
        background-color: rgba(52, 58, 64 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(52, 58, 64, .30) !important;
    }

    /* .vidro-gray-dark:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-gray-dark a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-gray-dark img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-gray-dark  {
        background-color: rgba(52, 58, 64, .75) !important;
    }

    .vidro-gray-dark .dropdown-menu {
        background-color: rgba(52, 58, 64 , .75) !important;
    }

    .vidro-gray-dark .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(52, 58, 64 , .30) !important;
    }

    .vidro-gray-dark .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(52, 58, 64) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-gray-dark  {
        background-color: rgba(52, 58, 64, .50) !important;
    }

    .vidro-gray-dark button:not(.bootbox-close-button),
    .vidro-gray-dark .input-group,
    .vidro-gray-dark .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-gray-dark>.modal-header:not([class*="bg-"]),
    .vidro-gray-dark>.card-header:not([class*="bg-"]) {
        background-color: rgba(52, 58, 64, .75) !important;
        border: none !important;
    }

    .vidro-gray-dark>.modal-header:not([class*="text-"]),
    .vidro-gray-dark>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-gray-dark>.modal-footer:not([class*="bg-"]),
    .vidro-gray-dark>.card-footer:not([class*="bg-"]) {
        background-color: rgba(52, 58, 64, .50) !important;
        border: none !important;
    }

    .vidro-gray-dark>.modal-footer:not([class*="text-"]),
    .vidro-gray-dark>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-gray-dark>thead>tr>th {
        background-color: rgb(52, 58, 64) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(52, 58, 64)!important; */
    }

    .tableJC.vidro-gray-dark>tbody>tr.selecionado {
        background-color: rgba(52, 58, 64, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-gray-dark>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(52, 58, 64, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-gray-dark .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(52, 58, 64) !important;
    }

    .vidro-gray-dark .datepicker .day:hover {
        background-color: rgba(52, 58, 64, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-primary {
        background-color: rgba(13, 110, 253 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 110, 253, .30) !important;
    }

    /* .vidro-primary:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-primary a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-primary img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-primary  {
        background-color: rgba(13, 110, 253, .75) !important;
    }

    .vidro-primary .dropdown-menu {
        background-color: rgba(13, 110, 253 , .75) !important;
    }

    .vidro-primary .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 110, 253 , .30) !important;
    }

    .vidro-primary .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(13, 110, 253) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-primary  {
        background-color: rgba(13, 110, 253, .50) !important;
    }

    .vidro-primary button:not(.bootbox-close-button),
    .vidro-primary .input-group,
    .vidro-primary .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-primary>.modal-header:not([class*="bg-"]),
    .vidro-primary>.card-header:not([class*="bg-"]) {
        background-color: rgba(13, 110, 253, .75) !important;
        border: none !important;
    }

    .vidro-primary>.modal-header:not([class*="text-"]),
    .vidro-primary>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-primary>.modal-footer:not([class*="bg-"]),
    .vidro-primary>.card-footer:not([class*="bg-"]) {
        background-color: rgba(13, 110, 253, .50) !important;
        border: none !important;
    }

    .vidro-primary>.modal-footer:not([class*="text-"]),
    .vidro-primary>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-primary>thead>tr>th {
        background-color: rgb(13, 110, 253) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(13, 110, 253)!important; */
    }

    .tableJC.vidro-primary>tbody>tr.selecionado {
        background-color: rgba(13, 110, 253, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-primary>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(13, 110, 253, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-primary .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(13, 110, 253) !important;
    }

    .vidro-primary .datepicker .day:hover {
        background-color: rgba(13, 110, 253, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-secondary {
        background-color: rgba(108, 117, 125 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(108, 117, 125, .30) !important;
    }

    /* .vidro-secondary:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-secondary a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-secondary img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-secondary  {
        background-color: rgba(108, 117, 125, .75) !important;
    }

    .vidro-secondary .dropdown-menu {
        background-color: rgba(108, 117, 125 , .75) !important;
    }

    .vidro-secondary .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(108, 117, 125 , .30) !important;
    }

    .vidro-secondary .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(108, 117, 125) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-secondary  {
        background-color: rgba(108, 117, 125, .50) !important;
    }

    .vidro-secondary button:not(.bootbox-close-button),
    .vidro-secondary .input-group,
    .vidro-secondary .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-secondary>.modal-header:not([class*="bg-"]),
    .vidro-secondary>.card-header:not([class*="bg-"]) {
        background-color: rgba(108, 117, 125, .75) !important;
        border: none !important;
    }

    .vidro-secondary>.modal-header:not([class*="text-"]),
    .vidro-secondary>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-secondary>.modal-footer:not([class*="bg-"]),
    .vidro-secondary>.card-footer:not([class*="bg-"]) {
        background-color: rgba(108, 117, 125, .50) !important;
        border: none !important;
    }

    .vidro-secondary>.modal-footer:not([class*="text-"]),
    .vidro-secondary>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-secondary>thead>tr>th {
        background-color: rgb(108, 117, 125) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(108, 117, 125)!important; */
    }

    .tableJC.vidro-secondary>tbody>tr.selecionado {
        background-color: rgba(108, 117, 125, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-secondary>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(108, 117, 125, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-secondary .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(108, 117, 125) !important;
    }

    .vidro-secondary .datepicker .day:hover {
        background-color: rgba(108, 117, 125, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-success {
        background-color: rgba(25, 135, 84 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(25, 135, 84, .30) !important;
    }

    /* .vidro-success:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-success a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-success img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-success  {
        background-color: rgba(25, 135, 84, .75) !important;
    }

    .vidro-success .dropdown-menu {
        background-color: rgba(25, 135, 84 , .75) !important;
    }

    .vidro-success .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(25, 135, 84 , .30) !important;
    }

    .vidro-success .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(25, 135, 84) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-success  {
        background-color: rgba(25, 135, 84, .50) !important;
    }

    .vidro-success button:not(.bootbox-close-button),
    .vidro-success .input-group,
    .vidro-success .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-success>.modal-header:not([class*="bg-"]),
    .vidro-success>.card-header:not([class*="bg-"]) {
        background-color: rgba(25, 135, 84, .75) !important;
        border: none !important;
    }

    .vidro-success>.modal-header:not([class*="text-"]),
    .vidro-success>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-success>.modal-footer:not([class*="bg-"]),
    .vidro-success>.card-footer:not([class*="bg-"]) {
        background-color: rgba(25, 135, 84, .50) !important;
        border: none !important;
    }

    .vidro-success>.modal-footer:not([class*="text-"]),
    .vidro-success>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-success>thead>tr>th {
        background-color: rgb(25, 135, 84) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(25, 135, 84)!important; */
    }

    .tableJC.vidro-success>tbody>tr.selecionado {
        background-color: rgba(25, 135, 84, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-success>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(25, 135, 84, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-success .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(25, 135, 84) !important;
    }

    .vidro-success .datepicker .day:hover {
        background-color: rgba(25, 135, 84, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-info {
        background-color: rgba(13, 202, 240 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 202, 240, .30) !important;
    }

    /* .vidro-info:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-info a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-info img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-info  {
        background-color: rgba(13, 202, 240, .75) !important;
    }

    .vidro-info .dropdown-menu {
        background-color: rgba(13, 202, 240 , .75) !important;
    }

    .vidro-info .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(13, 202, 240 , .30) !important;
    }

    .vidro-info .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(13, 202, 240) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-info  {
        background-color: rgba(13, 202, 240, .50) !important;
    }

    .vidro-info button:not(.bootbox-close-button),
    .vidro-info .input-group,
    .vidro-info .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-info>.modal-header:not([class*="bg-"]),
    .vidro-info>.card-header:not([class*="bg-"]) {
        background-color: rgba(13, 202, 240, .75) !important;
        border: none !important;
    }

    .vidro-info>.modal-header:not([class*="text-"]),
    .vidro-info>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-info>.modal-footer:not([class*="bg-"]),
    .vidro-info>.card-footer:not([class*="bg-"]) {
        background-color: rgba(13, 202, 240, .50) !important;
        border: none !important;
    }

    .vidro-info>.modal-footer:not([class*="text-"]),
    .vidro-info>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-info>thead>tr>th {
        background-color: rgb(13, 202, 240) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(13, 202, 240)!important; */
    }

    .tableJC.vidro-info>tbody>tr.selecionado {
        background-color: rgba(13, 202, 240, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-info>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(13, 202, 240, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-info .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(13, 202, 240) !important;
    }

    .vidro-info .datepicker .day:hover {
        background-color: rgba(13, 202, 240, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-warning {
        background-color: rgba(255, 193, 7 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(255, 193, 7, .30) !important;
    }

    /* .vidro-warning:not([class*="text-"]) {
        color: rgb(33, 37, 41)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-warning a:not(.naoVidro) {
        color: rgb(33, 37, 41)!important;
    } */
    .vidro-warning img {
        filter: drop-shadow(1px 1px 1px rgba(33, 37, 41, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-warning  {
        background-color: rgba(255, 193, 7, .75) !important;
    }

    .vidro-warning .dropdown-menu {
        background-color: rgba(255, 193, 7 , .75) !important;
    }

    .vidro-warning .dropdown-item {
        color: rgb(33, 37, 41) !important;
        text-shadow: 0rem 0rem .25rem rgba(255, 193, 7 , .30) !important;
    }

    .vidro-warning .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(33, 37, 41, .75) !important;
        color: rgb(255, 193, 7) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-warning  {
        background-color: rgba(255, 193, 7, .50) !important;
    }

    .vidro-warning button:not(.bootbox-close-button),
    .vidro-warning .input-group,
    .vidro-warning .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(33, 37, 41, 0.5) !important;
    }

    .vidro-warning>.modal-header:not([class*="bg-"]),
    .vidro-warning>.card-header:not([class*="bg-"]) {
        background-color: rgba(255, 193, 7, .75) !important;
        border: none !important;
    }

    .vidro-warning>.modal-header:not([class*="text-"]),
    .vidro-warning>.card-header:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    .vidro-warning>.modal-footer:not([class*="bg-"]),
    .vidro-warning>.card-footer:not([class*="bg-"]) {
        background-color: rgba(255, 193, 7, .50) !important;
        border: none !important;
    }

    .vidro-warning>.modal-footer:not([class*="text-"]),
    .vidro-warning>.card-footer:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-warning>thead>tr>th {
        background-color: rgb(255, 193, 7) !important;
        color: rgb(33, 37, 41) !important;
        /* background-color: rgb(33, 37, 41)!important;
        color: rgb(255, 193, 7)!important; */
    }

    .tableJC.vidro-warning>tbody>tr.selecionado {
        background-color: rgba(255, 193, 7, 1) !important;
        color: rgb(33, 37, 41) !important;
    }

    .tableJC.vidro-warning>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(255, 193, 7, .75) !important;
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .vidro-warning .datepicker .highlighted.day {
        background-color: rgba(33, 37, 41, .50) !important;
        color: rgb(255, 193, 7) !important;
    }

    .vidro-warning .datepicker .day:hover {
        background-color: rgba(255, 193, 7, .50) !important;
        color: rgb(33, 37, 41) !important;
        box-shadow: 0rem 0rem .50rem rgba(33, 37, 41, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-danger {
        background-color: rgba(220, 53, 69 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(220, 53, 69, .30) !important;
    }

    /* .vidro-danger:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-danger a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-danger img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-danger  {
        background-color: rgba(220, 53, 69, .75) !important;
    }

    .vidro-danger .dropdown-menu {
        background-color: rgba(220, 53, 69 , .75) !important;
    }

    .vidro-danger .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(220, 53, 69 , .30) !important;
    }

    .vidro-danger .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(220, 53, 69) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-danger  {
        background-color: rgba(220, 53, 69, .50) !important;
    }

    .vidro-danger button:not(.bootbox-close-button),
    .vidro-danger .input-group,
    .vidro-danger .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-danger>.modal-header:not([class*="bg-"]),
    .vidro-danger>.card-header:not([class*="bg-"]) {
        background-color: rgba(220, 53, 69, .75) !important;
        border: none !important;
    }

    .vidro-danger>.modal-header:not([class*="text-"]),
    .vidro-danger>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-danger>.modal-footer:not([class*="bg-"]),
    .vidro-danger>.card-footer:not([class*="bg-"]) {
        background-color: rgba(220, 53, 69, .50) !important;
        border: none !important;
    }

    .vidro-danger>.modal-footer:not([class*="text-"]),
    .vidro-danger>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-danger>thead>tr>th {
        background-color: rgb(220, 53, 69) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(220, 53, 69)!important; */
    }

    .tableJC.vidro-danger>tbody>tr.selecionado {
        background-color: rgba(220, 53, 69, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-danger>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(220, 53, 69, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-danger .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(220, 53, 69) !important;
    }

    .vidro-danger .datepicker .day:hover {
        background-color: rgba(220, 53, 69, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-light {
        background-color: rgba(248, 249, 250 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* .vidro-light:not([class*="text-"]) {
        color: rgb(33, 37, 41)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-light a:not(.naoVidro) {
        color: rgb(33, 37, 41)!important;
    } */
    .vidro-light img {
        filter: drop-shadow(1px 1px 1px rgba(33, 37, 41, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-light  {
        background-color: rgba(248, 249, 250, .75) !important;
    }

    .vidro-light .dropdown-menu {
        background-color: rgba(248, 249, 250 , .75) !important;
    }

    .vidro-light .dropdown-item {
        color: rgb(33, 37, 41) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250 , .30) !important;
    }

    .vidro-light .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(33, 37, 41, .75) !important;
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-light  {
        background-color: rgba(248, 249, 250, .50) !important;
    }

    .vidro-light button:not(.bootbox-close-button),
    .vidro-light .input-group,
    .vidro-light .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(33, 37, 41, 0.5) !important;
    }

    .vidro-light>.modal-header:not([class*="bg-"]),
    .vidro-light>.card-header:not([class*="bg-"]) {
        background-color: rgba(248, 249, 250, .75) !important;
        border: none !important;
    }

    .vidro-light>.modal-header:not([class*="text-"]),
    .vidro-light>.card-header:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    .vidro-light>.modal-footer:not([class*="bg-"]),
    .vidro-light>.card-footer:not([class*="bg-"]) {
        background-color: rgba(248, 249, 250, .50) !important;
        border: none !important;
    }

    .vidro-light>.modal-footer:not([class*="text-"]),
    .vidro-light>.card-footer:not([class*="text-"]) {
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-light>thead>tr>th {
        background-color: rgb(248, 249, 250) !important;
        color: rgb(33, 37, 41) !important;
        /* background-color: rgb(33, 37, 41)!important;
        color: rgb(248, 249, 250)!important; */
    }

    .tableJC.vidro-light>tbody>tr.selecionado {
        background-color: rgba(248, 249, 250, 1) !important;
        color: rgb(33, 37, 41) !important;
    }

    .tableJC.vidro-light>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(33, 37, 41) !important;
    }

    /* ***************************************************************************************** */
    .vidro-light .datepicker .highlighted.day {
        background-color: rgba(33, 37, 41, .50) !important;
        color: rgb(248, 249, 250) !important;
    }

    .vidro-light .datepicker .day:hover {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(33, 37, 41) !important;
        box-shadow: 0rem 0rem .50rem rgba(33, 37, 41, .50) !important;
    }

    
    /* ***************************************************************************************** */
    .vidro-dark {
        background-color: rgba(33, 37, 41 , .25) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41, .30) !important;
    }

    /* .vidro-dark:not([class*="text-"]) {
        color: rgb(248, 249, 250)!important;
    } */
    /* ***************************************************************************************** */
    /* .vidro-dark a:not(.naoVidro) {
        color: rgb(248, 249, 250)!important;
    } */
    .vidro-dark img {
        filter: drop-shadow(1px 1px 1px rgba(248, 249, 250, .5));
    }

    /* ***************************************************************************************** */
    nav.vidro-dark  {
        background-color: rgba(33, 37, 41, .75) !important;
    }

    .vidro-dark .dropdown-menu {
        background-color: rgba(33, 37, 41 , .75) !important;
    }

    .vidro-dark .dropdown-item {
        color: rgb(248, 249, 250) !important;
        text-shadow: 0rem 0rem .25rem rgba(33, 37, 41 , .30) !important;
    }

    .vidro-dark .dropdown-item:focus,
    .dropdown-item:hover {
        background-color: rgba(248, 249, 250, .75) !important;
        color: rgb(33, 37, 41) !important;
        text-shadow: 0rem 0rem .25rem rgba(248, 249, 250, .30) !important;
    }

    /* ***************************************************************************************** */
    rodape.vidro-dark  {
        background-color: rgba(33, 37, 41, .50) !important;
    }

    .vidro-dark button:not(.bootbox-close-button),
    .vidro-dark .input-group,
    .vidro-dark .form-check-input {
        box-shadow: 0rem 0rem .25rem rgba(248, 249, 250, 0.5) !important;
    }

    .vidro-dark>.modal-header:not([class*="bg-"]),
    .vidro-dark>.card-header:not([class*="bg-"]) {
        background-color: rgba(33, 37, 41, .75) !important;
        border: none !important;
    }

    .vidro-dark>.modal-header:not([class*="text-"]),
    .vidro-dark>.card-header:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    .vidro-dark>.modal-footer:not([class*="bg-"]),
    .vidro-dark>.card-footer:not([class*="bg-"]) {
        background-color: rgba(33, 37, 41, .50) !important;
        border: none !important;
    }

    .vidro-dark>.modal-footer:not([class*="text-"]),
    .vidro-dark>.card-footer:not([class*="text-"]) {
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .tableJC.vidro-dark>thead>tr>th {
        background-color: rgb(33, 37, 41) !important;
        color: rgb(248, 249, 250) !important;
        /* background-color: rgb(248, 249, 250)!important;
        color: rgb(33, 37, 41)!important; */
    }

    .tableJC.vidro-dark>tbody>tr.selecionado {
        background-color: rgba(33, 37, 41, 1) !important;
        color: rgb(248, 249, 250) !important;
    }

    .tableJC.vidro-dark>tbody>tr.destaque:not([class*="vidro-"]):not([class*="text-"]):not([class*="bg-"]) {
        background-color: rgba(33, 37, 41, .75) !important;
        color: rgb(248, 249, 250) !important;
    }

    /* ***************************************************************************************** */
    .vidro-dark .datepicker .highlighted.day {
        background-color: rgba(248, 249, 250, .50) !important;
        color: rgb(33, 37, 41) !important;
    }

    .vidro-dark .datepicker .day:hover {
        background-color: rgba(33, 37, 41, .50) !important;
        color: rgb(248, 249, 250) !important;
        box-shadow: 0rem 0rem .50rem rgba(248, 249, 250, .50) !important;
    }