/*
    
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(https://fonts.googleapis.com/css?family=Oswald:100,200,300,400,700);
@import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200;300;400;500;600;700&display=swap');

    
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    background: var(--radial-bg-color);
    font-family: var(--font-family-sans-serif);
*/


/*
    
    @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600);
    @import url(https://fonts.googleapis.com/css?family=Oswald:100,200,300,400,700);
    @import url('https://fonts.googleapis.com/css2?family=Yanone+Kaffeesatz:wght@200,300,400,500,600,700&display=swap');

    --font-family-sans-serif: 'Oswald';
    --radial-bg-color: radial-gradient(circle, rgba(20,65,170,1) 25%, rgba(2,43,153,1) 57%, rgba(0,56,103,1) 100%);
    --radial-bg-color1: radial-gradient(circle, #1441AA 25%, #022B99 57%, #003867 100%);
    --radial-bg-color: linear-gradient(to right bottom, #497183 25%, #677E80 57%, #00183D 100%);

*/

/*dark*/
:root {
    --mybutton-shadow-off: 2px 2px 3px #0b0e09;
    --mybutton-shadow-on: -2px -2px 3px #0b0e09;
    --amarelo: #FFC107; /*#ffdf00;*/
    --azul: #002776;
    --azulantigo: #0041ba;
    --verdemarcador: #4cff00;
    /*------cores em uso---------*/
    --verde: #009c3b;
    --info: #17a2b8;
    --pretosp: #212125;
    --meiopretosp: #a4a4a4;
    --amarelosp: #FFC107; /*  #FFEC00;*/
    --azulsp: #294292;
    --vermelhosp: #C40008;
    --textUnderline: #212125;
    --vermelhotomate: #FF6347;
    /*------fundo preto---------*/
    --bgcolorsistema: #343a40;
    --corletrabotao: #f8f9fa;
    --corletrabotaohover: #dae0e5;
    --corfooter: #dae0e5;
    /*-----fundo branco----------*/
    --corletrabotao-ow: #343a40;
    --corletrabotaohover-ow: #495057;
    --corgridheadback: gray;
    --corgridheadletra: #dae0e5;
    --corgridborda: #dae0e5;
    --corgridlinhaback: #6c757d;
    --corgridlinhabackSelected: #ee7f80;
}


.accordion {
    --bs-accordion-color: var(--pretosp);
    --bs-accordion-bg: var(--bs-gray-700);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-gray-900);
    --bs-accordion-border-width: 3px;
    --bs-accordion-border-radius: 0.8rem;
    --bs-accordion-inner-border-radius: calc(0.8rem - 1px);
    --bs-accordion-btn-padding-x: .5rem;
    --bs-accordion-btn-padding-y: .5rem;
    --bs-accordion-btn-color: var(--verdemarcador);
    --bs-accordion-btn-bg: var(--bs-gray-900);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: var(--bs-gray-900);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--pretosp);
    --bs-accordion-body-padding-x: .5rem;
    --bs-accordion-body-padding-y: .5rem;
    --bs-accordion-active-color: var(--verdemarcador);
    --bs-accordion-active-bg: var(--bs-gray-600);
}

.accordionInscritos {
    --bs-accordion-color: var(--pretosp);
    --bs-accordion-bg: var(--bs-gray-700);
    --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
    --bs-accordion-border-color: var(--bs-gray-800);
    --bs-accordion-border-width: 1px;
    --bs-accordion-border-radius: 0.8rem;
    --bs-accordion-inner-border-radius: calc(0.8rem - 1px);
    --bs-accordion-btn-padding-x: .5rem;
    --bs-accordion-btn-padding-y: .5rem;
    --bs-accordion-btn-color: var(--verdemarcador);
    --bs-accordion-btn-bg: var(--bs-gray-800);
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-icon-width: 1.25rem;
    --bs-accordion-btn-icon-transform: rotate(-180deg);
    --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-border-color: var(--bs-gray-700);
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem var(--pretosp);
    --bs-accordion-body-padding-x: .5rem;
    --bs-accordion-body-padding-y: .5rem;
    --bs-accordion-active-color: var(--verdemarcador);
    --bs-accordion-active-bg: var(--bs-gray-600);
}

.bg-warning {
    background-color: var(--amarelo) !important;
}

.bg-lightgray {
    background-color: #c0c0c0 !important;
}

.bg-darkgray {
    background-color: #a0a0a0 !important;
}

.bg-primary, .btn-outline-primary, .badge-primary, .btn-primary {
    background-color: var(--azulsp) !important;
}


.text-success {
    color: var(--verde) !important;
}

a.text-success:hover, a.text-success:focus {
    color: var(--verde) !important;
}

.text-light {
    color: var(--corletrabotao) !important;
}

a.text-light:hover, a.text-light:focus {
    color: var(--corletrabotaohover) !important;
}

.text-warning {
    color: var(--amarelo) !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: var(--amarelo) !important;
}

.text-primary {
    color: var(--azulsp) !important;
}

.text-dark {
    color: var(--pretosp) !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: var(--corletrabotaohover) !important;
}

.text-danger {
    color: var(--vermelhosp) !important;
}

.bg-danger, .btn-outline-danger, .badge-danger, .btn-danger {
    background-color: var(--vermelhosp) !important;
}



.bodyMaster {
    background-color: var(--bgcolorsistema);
    color: var(--pretosp);
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    border: 0;
    margin: 0px 0px 0px 0px;
}

.form-control {
    background-clip: padding-box;
    background-color: #fff;
    border-bottom: 1px solid var(--meiopretosp);
    border-left: 1px solid transparent;
    border-radius: 0.25rem;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    color: #495057;
    display: block;
    font-size: medium;
    height: 2rem;
    line-height: 1.5;
    padding: 0.05rem 0.5rem 0.05rem 0.5rem;
    transition: border-color 0.45s ease-in-out;
    width: 100%;
}

    .form-control:focus {
        color: var(--pretosp);
        background-color: #fff;
        border-top: 1px solid var(--textUnderline);
        border-left: 1px solid var(--textUnderline);
        border-right: 1px solid var(--textUnderline);
        border-bottom: 1px solid var(--textUnderline);
        outline: 0;
        box-shadow: 0 0 0 0;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.5rem;
        border-bottom-left-radius: 0rem;
        border-bottom-right-radius: 0rem;
        -moz-border-radius-bottomleft: 0rem;
        -moz-border-radius-bottomright: 0rem;
    }

    .form-control:disabled, .form-control[readonly] {
        opacity: 1;
        border: 0px none transparent;
        background-color: var(--bs-gray-200);
    }

option[disabled] {
    color: red;
    text-decoration: wavy;
    font-style: oblique;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.5rem;
    -moz-border-radius-bottomleft: 0rem;
    -moz-border-radius-bottomright: 0rem;
}

input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.5rem;
    -moz-border-radius-bottomleft: 0rem;
    -moz-border-radius-bottomright: 0rem;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    /* margin-left: -1px; */
    border-top-left-radius: .25rem;
    border-bottom-left-radius: 0;
    border-top-right-radius: .8rem;
}


a {
    color: var(--pretosp);
    text-decoration: none;
    background-color: transparent;
}

    a:hover, a:focus {
        text-decoration: none;
        color: var(--meiopretosp);
    }

    a.dark {
        color: var(--corletrabotao);
    }

        a.dark:hover, a.dark:focus {
            color: var(--corletrabotaohover);
        }



.btn-new {
    background-color: transparent;
    border-top-right-radius: .8rem;
    border: 2px solid transparent;
    display: inline-block;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 4px;
    padding: 0.25rem 0.5rem;
    text-align: center;
    text-decoration: none;
    transition: background .9s ease-out;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-transition: background .9s ease-out;
    -moz-transition: background .9s ease-out;
    -o-transition: background .9s ease-out;
}

    .btn-new:hover, .btn-new:focus {
        border-width: 2px;
        text-decoration: none;
        cursor: pointer;
    }

    .btn-new a {
        color: var(--corletrabotao);
        text-decoration: none;
        background-color: transparent;
    }

        .btn-new a:hover, .btn-new a:focus {
            text-decoration: none;
            color: var(--corletrabotaohover);
            cursor: pointer;
        }

    .btn-new.red {
        color: var(--corletrabotaohover-ow);
        border-top: 2px solid var(--vermelhosp);
        border-right: 2px solid var(--vermelhosp);
    }

        .btn-new.red:hover, .btn-new.red:focus {
            color: var(--corletrabotaohover);
            background-color: var(--vermelhosp);
        }

    .btn-new.gray {
        color: var(--meiopretosp);
        border-top: 2px solid grey;
        border-right: 2px solid grey;
        background-color: lightgray;
        cursor: not-allowed;
    }

        .btn-new.gray:hover, .btn-new.gray:focus {
            color: var(--meiopretosp);
            background-color: lightgray;
            cursor: grabbing;
        }

    .btn-new.fecha {
        color: var(--corletrabotaohover);
        border-top: 2px solid var(--vermelhosp);
        border-right: 2px solid var(--vermelhosp);
    }

        .btn-new.fecha:hover, .btn-new.fecha:focus {
            color: var(--corletrabotaohover);
            background-color: var(--vermelhosp);
        }

    .btn-new.info {
        border-top: 2px solid var(--info);
        border-right: 2px solid var(--info);
        color: var(--corletrabotao);
    }

        .btn-new.info:hover, .btn-new.info:focus {
            color: var(--corletrabotaohover);
            background-color: var(--info);
        }

        .btn-new.info.dark {
            color: var(--corletrabotao-ow);
        }

            .btn-new.info.dark:hover, .btn-new.info.dark:focus {
                color: var(--corletrabotaohover);
                background-color: var(--info);
            }


    .btn-new.warning {
        color: var(--corletrabotao-ow);
        border-top: 2px solid var(--amarelosp);
        border-right: 2px solid var(--amarelosp);
    }

        .btn-new.warning:hover, .btn-new.warning:focus {
            color: var(--corletrabotaohover-ow);
            background-color: var(--amarelosp);
        }

        .btn-new.warning.dark {
            color: var(--corletrabotao);
        }

    .btn-new.success {
        color: var(--corletrabotao-ow);
        border-top: 2px solid var(--verde);
        border-right: 2px solid var(--verde);
    }

        .btn-new.success.dark {
            color: var(--corletrabotao);
        }

        .btn-new.success:hover, .btn-new.success:focus {
            color: var(--corletrabotaohover-ow);
            background-color: var(--verde);
        }

        .btn-new.success.dark {
            color: var(--corletrabotao);
        }

    .btn-new.primary {
        color: var(--corletrabotao-ow);
        border-top: 2px solid var(--azulsp);
        border-right: 2px solid var(--azulsp);
    }

        .btn-new.primary:hover, .btn-new.primary:focus {
            color: var(--corletrabotaohover);
            background-color: var(--azulsp);
        }



.btn-shadow {
    transition: background .9s ease-out;
    -webkit-transition: background .9s ease-out;
    -moz-transition: background .9s ease-out;
    -o-transition: background .9s ease-out;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    font-size: medium;
    line-height: 1.1;
    border-radius: 0.3rem;
    background-color: var(--vermelhosp);
    margin: 4px 0px 4px 0px;
}

    .btn-shadow:hover {
        background-color: var(--pretosp);
    }


.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--corletrabotao);
    background-color: var(--vermelhosp);
    border-width: 0px;
    border-top-right-radius: .8rem;
    text-decoration: none;
    font-weight: 500;
}

.nav-link {
    background: transparent;
    padding: 2px 2px 2px 2px;
    border-top-right-radius: .8rem;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
    transition: background .9s ease-out;
    -webkit-transition: background .9s ease-out;
    -moz-transition: background .9s ease-out;
    -o-transition: background .9s ease-out;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 4px 0px 4px 0px;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    user-select: none;
}

    .nav-link a {
        color: var(--corletrabotao);
        background: transparent;
    }

        .nav-link a:hover, .nav-link a:focus {
            color: var(--corletrabotaohover);
            border-top: 2px solid transparent;
            border-right: 2px solid transparent;
        }


    .nav-link.danger {
        color: var(--corletrabotao);
        border-top: 2px solid var(--vermelhosp);
        border-right: 2px solid var(--vermelhosp);
        background: transparent;
    }

    .nav-link:hover.danger, .nav-link:focus.danger {
        color: var(--corletrabotaohover);
        background-color: var(--vermelhosp);
        border-top-right-radius: .8rem;
        text-decoration: none;
        border-top: 2px solid transparent;
        border-right: 2px solid transparent;
    }

    .nav-link.red {
        color: var(--corletrabotao);
        border-top: 2px solid var(--vermelhosp);
        border-right: 2px solid var(--vermelhosp);
        background: var(--vermelhosp);
    }

    .nav-link:hover.red, .nav-link:focus.red {
        color: var(--corletrabotaohover);
        background-color: transparent;
        border-top-right-radius: .8rem;
        text-decoration: none;
        border-top: 2px solid var(--vermelhosp);
        border-right: 2px solid var(--vermelhosp);
    }

    .nav-link.success {
        color: var(--corletrabotao);
        border-top: 2px solid var(--verde);
        border-right: 2px solid var(--verde);
        background: transparent;
    }

    .nav-link:hover.success, .nav-link:focus.success {
        color: var(--corletrabotaohover);
        background-color: var(--verde);
        border-top-right-radius: .8rem;
        text-decoration: none;
        border-top: 2px solid transparent;
        border-right: 2px solid transparent;
    }

    .nav-link.warning {
        color: var(--corletrabotao);
        border-top: 2px solid var(--amarelosp);
        border-right: 2px solid var(--amarelosp);
        background: transparent;
    }

    .nav-link:hover.warning, .nav-link:focus.warning {
        color: var(--amarelosp);
        background: transparent;
        border-top-right-radius: .8rem;
        text-decoration: none;
        border-top: 2px solid transparent;
        border-right: 2px solid transparent;
    }

    .nav-link.noborder {
        border-top: none;
        border-right: none;
        border-top-right-radius: 0rem;
        color: var(--corletrabotao);
        background: transparent;
    }

    .nav-link:hover.noborder, .nav-link:focus.noborder {
        color: var(--corletrabotaohover);
        background: transparent;
        text-decoration: none;
        border-top-right-radius: .8rem;
        border-top: none;
        border-right: none;
    }


.nav-tabs {
    border-bottom: 1px solid transparent;
}

.nav-item {
    padding: 2px 2px 2px 2px;
    margin: 8px;
}



.box-shadow--2dp {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .44), 0 3px 1px -2px rgba(0, 0, 0, .44), 0 1px 5px 0 rgba(0, 0, 0, .44);
}

.box-shadow--4dp {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .44), 0 3px 1px -2px rgba(0, 0, 0, .44), 0 1px 5px 0 rgba(0, 0, 0, .44);
}

.grid-view {
    border-radius: .8rem;
    border: 1px solid var(--corgridborda);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    border-collapse: revert;
}

    .grid-view.lightgray, .grid-view-row.yellow {
        border-radius: .8rem;
        border: 1px solid var(--corgridborda);
        margin: 0px 0px 0px 0px;
        padding: 0px 0px;
        border-collapse: revert;
    }


    .grid-view table {
        width: 100%;
    }

    .grid-view th {
        background-color: var(--corgridheadback);
        border: 1px solid var(--corgridheadback);
        color: var(--corletrabotao);
        padding: 5px;
    }

        .grid-view th a {
            color: var(--corletrabotaohover);
        }

            .grid-view th a:hover {
                cursor: pointer;
            }


        .grid-view th:first-child {
            border-top-left-radius: .8rem;
        }

        .grid-view th:last-child {
            border-top-right-radius: .8rem;
        }


    .grid-view.lightgray th:first-child {
        border-top-left-radius: .8rem;
        background-color: var(--corgridheadback);
        color: var(--corletrabotao);
        padding: 5px;
    }

    .grid-view.lightgray th:last-child {
        border-top-right-radius: .8rem;
        background-color: var(--corgridheadback);
        color: var(--corletrabotao);
        padding: 5px;
    }

    .grid-view.lightgray th:not(:last-child):not(:first-child) {
        background-color: var(--corgridheadback);
        color: var(--corletrabotao);
        padding: 5px;
    }

    .grid-view.yellow th:first-child {
        border-top-left-radius: .8rem;
        background-color: var(--amarelo);
        border-color: var(--amarelo);
        color: var(--pretosp);
        padding: 5px;
    }

    .grid-view.yellow th:last-child {
        border-top-right-radius: .8rem;
        background-color: var(--amarelo);
        border-color: var(--amarelo);
        color: var(--pretosp);
        padding: 5px;
    }

    .grid-view.yellow th:not(:last-child):not(:first-child) {
        background-color: var(--amarelo);
        border-color: var(--amarelo);
        color: var(--pretosp);
        padding: 5px;
    }

    .grid-view.green th:first-child {
        border-top-left-radius: .8rem;
        background-color: var(--verde);
        border-color: var(--verde);
        color: var(--pretosp);
        padding: 5px;
    }

    .grid-view.green th:last-child {
        border-top-right-radius: .8rem;
        background-color: var(--verde);
        border-color: var(--verde);
        color: var(--pretosp);
        padding: 5px;
    }

    .grid-view.green th:not(:last-child):not(:first-child) {
        background-color: var(--verde);
        border-color: var(--verde);
        color: var(--pretosp);
        padding: 5px;
    }

.grid-view-footer {
    background-color: var(--corgridheadback);
    color: transparent;
    padding: 5px;
    border-collapse: revert;
    height: 10px;
    border-width: 0px;
    font-size: xx-small;
    border-style: none;
    border-color: transparent;
}

    .grid-view-footer:first-child {
        background-color: var(--corgridheadback);
    }

    .grid-view-footer:last-child {
        background-color: var(--corgridheadback);
    }

    .grid-view-footer.lightgray {
        background-color: var(--corgridheadback);
        color: var(--corletrabotao);
        padding: 5px;
    }

        .grid-view-footer.lightgray:first-child {
            border-bottom-left-radius: .8rem;
            background-color: var(--corgridheadback);
            color: var(--corletrabotao);
            padding: 5px;
            border-collapse: revert;
        }

        .grid-view-footer.lightgray:last-child {
            border-bottom-right-radius: .8rem;
            background-color: var(--corgridheadback);
            color: var(--corletrabotao);
            padding: 5px;
            border-collapse: revert;
        }

.grid-view-row {
    background-color: Transparent;
    color: var(--corletrabotao);
    vertical-align: top;
}

    .grid-view-row.lightgray, .grid-view-row.yellow {
        background-color: Transparent;
        color: var(--corletrabotao);
        vertical-align: top;
    }


    .grid-view-row td {
        padding: 5px;
    }

.grid-view-selectedRowStyle {
    background-color: var(--pretosp);
    color: var(--corletrabotao);
}



/*

    BackColor="White" ForeColor="#303030"
    BorderColor="LightGray" BorderStyle="Solid" BorderWidth="3px" CellPadding="4" GridLines="Both" Font-Size="Small"

*/
.grid-W-view {
}

    .grid-W-view table {
        width: 100%;
    }

    .grid-W-view th {
        background-color: var(--corgridheadback);
        color: var(--corgridheadletra);
        text-align: center;
        white-space: nowrap;
    }

        .grid-W-view th a {
            color: var(--corgridheadletra);
        }

            .grid-W-view th a:hover {
                cursor: pointer;
            }
/*
    <RowStyle ForeColor="Black" VerticalAlign="Top" BorderWidth="1px" BorderColor="Gray" />
*/
.grid-W-view-row {
    background-color: Transparent;
    border-color: var(--corgridborda);
    border-width: 1px;
    border-style: solid;
    color: var(--corletrabotao-ow);
    vertical-align: top;
}

    .grid-W-view-row td {
        padding: 5px;
    }
/*  
        <SelectedRowStyle ForeColor="Black" BackColor="LightCoral" VerticalAlign="Top" />
    */
.grid-W-view-selectedRowStyle {
    color: var(--corletrabotao-ow);
    background-color: var(--corgridlinhabackSelected);
    border-color: var(--corgridlinhabackSelected);
}

    .grid-W-view-selectedRowStyle.green {
        color: var(--corletrabotao);
        background-color: var(--azulsp);
        border-color: var(--verde);
    }

    .grid-W-view-selectedRowStyle.green td {
        padding: 5px 5px 5px 5px;
        border-color: var(--verde);
    }
    .grid-W-view-selectedRowStyle td {
        padding: 5px;
    }



.repeaterrows {
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--corletrabotao);
    /*    margin: -3px 1px 3px 1px;
    
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top-width: 0px;
*/
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: calc(var(--bs-gutter-x) * 0.2);
    padding-left: calc(var(--bs-gutter-x) * 0.2);
}

.grid-abertura {
    font-size: small;
}


@media (max-width: 570px) {
    .grid-abertura {
        font-size: small;
    }
}

@media (min-width: 576px) {
    .grid-abertura {
        font-size: small;
    }
}

/*size md*/
@media (min-width: 768px) {
    .grid-abertura {
        font-size: small;
    }
}


/*size lg*/
@media (min-width: 992px) {
    .grid-abertura {
        font-size: medium;
    }
}

/*size xl*/
@media (min-width: 1200px) {
    .grid-abertura {
        font-size: medium;
    }
}

.row {
    /*--bs-gutter-y: .2rem;*/
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}


.container-fluid {
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: 0;
    margin-left: 0;
}

.rounded {
    border-radius: 0.8rem !important;
}

.rounded-Totais {
    border-radius: 0.8rem !important;
    border-color: green;
    border-width: 2px;
    border-style: solid;
    margin: 2px 2px 2px 2px;
}

.rounded-top {
    border-top-left-radius: 0.8rem !important;
    border-top-right-radius: 0.8rem !important;
}

.rounded-top-left {
    border-top-left-radius: 0.8rem !important;
}

.rounded-top-right {
    border-top-right-radius: 0.8rem !important;
}

.rounded-right {
    border-top-right-radius: 0.8rem !important;
    border-bottom-right-radius: 0.8rem !important;
}

.rounded-bottom {
    border-bottom-right-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}

.rounded-bottom-left {
    border-bottom-left-radius: 0.8rem !important;
}

.rounded-bottom-right {
    border-bottom-right-radius: 0.8rem !important;
}

.rounded-top-left {
    border-top-left-radius: 0.8rem !important;
}

.rounded-top-right {
    border-top-right-radius: 0.8rem !important;
}

.rounded-left {
    border-top-left-radius: 0.8rem !important;
    border-bottom-left-radius: 0.8rem !important;
}


.modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}

    .modal-header.red {
        background-color: var(--vermelhosp) !important;
        color: var(--corletrabotao)
    }

    .modal-header.blue {
        background-color: var(--azulsp) !important;
        color: var(--corletrabotao)
    }

.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    background-color: transparent;
}

.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
    background-color: var(--corfooter);
}

.card-header {
    padding: 0.55rem 1.25rem 0.55rem 1.25rem;
    background-color: var(--azulsp);
    color: var(--corletrabotao);
}

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: var(--corfooter);
    color: var(--corletrabotao-ow);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
    text-align: left;
    font-size: 0.875em;
}


/*-------------------- verificar se estao em uso */

.GvGrid {
    padding-bottom: 0em;
    padding-left: 2px;
    vertical-align: top;
}

    .GvGrid:hover {
        color: var(--corletrabotao);
        background-color: gray;
        border-bottom-width: 2px;
        border-bottom-style: outset;
        border-bottom-color: lightgray;
        border-top-width: 2px;
        border-top-style: outset;
        border-top-color: lightgray;
        border-left-width: 1px;
        border-left-style: outset;
        border-left-color: lightgray;
        border-right-width: 1px;
        border-right-style: outset;
        border-right-color: lightgray;
        padding-bottom: 0em;
        padding-left: 2px;
    }



.progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

.processMessage {
    position: fixed;
    top: 40%;
    left: 45%;
    padding: 1px;
    width: 1000px;
    z-index: 1001;
    background-color: transparent;
    border: 0;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    color: var(--vermelhosp);
    text-align: center;
    border-radius: 7px;
    border-style: solid;
    border-width: 4px;
    border-color: transparent;
}

* {
    box-sizing: border-box;
}


/* we put label on top of the input*/
.Captionlabel {
    position: absolute;
    right: 1px;
    bottom: 1px;
    left: 8px;
    z-index: 1;
    height: 1em;
    font-size: medium;
    line-height: 3.5em;
    white-space: nowrap;
    cursor: text;
    transition: all .4s ease;
    font-weight: 500;
}

.likeCaptionlabel {
    position: absolute;
    top: -20px;
    left: 24px;
    z-index: 1;
    height: 1em;
    font-size: medium;
    font-weight: normal;
    color: var(--verde);
    white-space: nowrap;
    cursor: text;
    transition: all .4s ease;
}


.CaptionBlack {
    position: absolute;
    top: -20px;
    left: 15px;
    z-index: 1;
    height: 1em;
    font-size: medium;
    font-weight: bold;
    color: var(--pretosp);
    white-space: nowrap;
    cursor: text;
    transition: all .4s ease;
}


.Captionselect:read-only ~ .Captionlabel, .Captionselect:focus ~ .Captionlabel, .Captionselect:valid ~ .Captionlabel, .Captionselect:invalid {
    color: var(--dark);
    /*font-size: medium;*/
    font-weight: normal;
    left: 15px;
    top: -37px;
}

.form-check-input {
    min-width: 1.2rem;
    height: 1.2rem;
}

.Captioninput {
    font-size: medium;
    font-weight: normal;
    min-width: 80px;
    font-size: medium;
}

    .Captioninput:read-only ~ .Captionlabel, .Captioninput:focus ~ .Captionlabel, .Captioninput:valid ~ .Captionlabel, .Captioninput:disabled ~ .Captionlabel {
        top: -37px;
    }


    .Captioninput:valid ~ .Captionlabel {
        color: var(--dark);
    }

    .Captioninput:invalid ~ .Captionlabel {
        color: red;
        top: -37px;
    }

    .Captioninput:focus:invalid ~ .Captionlabel {
        color: red;
    }

    .Captioninput:required ~ .Captionlabel::before {
        content: "*";
        color: red;
        top: -37px;
    }

    .Captioninput:required:valid ~ .Captionlabel::before {
        content: "";
        color: var(--dark);
    }


.btn-xs, .btn-group-xs > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.575rem;
    line-height: 1.1;
    border-radius: 0.2rem;
}


.h7 {
    font-size: 0.800em;
}

.h8 {
    font-size: 0.600em;
}


.Cadastro {
    font-size: 11px;
    padding: 0px 0px 0px 0px;
    border: 0px none transparent;
    font-weight: normal;
    text-decoration: none;
}


.MenuAccordion {
    width: auto;
    border-radius: 3px;
    border: 0px none;
    overflow: no-display;
}

.MenuAccordionHeader {
    border: 1px solid #2F4F4F;
    color: var(--corletrabotao);
    background-color: #2E4d7B;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
    white-space: nowrap;
    border-radius: 3px;
}

.MenuAccordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: var(--corletrabotao);
    background-color: #5078B3;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    white-space: nowrap;
    cursor: not-allowed;
    border-radius: 6px;
}

.MenuAccordionContent {
    background-color: #D3DEEF;
    border: 1px none #2F4F4F;
    border-top: none;
    padding-left: 2px;
    padding-top: 1px;
    padding-bottom: 5px;
    border-radius: 3px;
}



/*vide acima as cores */
.accordion-body {
    color: var(--verdemarcador);
}

.accorInscritos {
    -ms-flex-wrap: wrap;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin: -3px 1px 3px 1px;
    border-bottom: 1px solid var(--bs-gray-900);
    border-left: 1px solid var(--bs-gray-900);
    border-right: 1px solid var(--bs-gray-900);
    border-top-width: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: calc(var(--bs-gutter-x) * 0.2);
    padding-left: calc(var(--bs-gutter-x) * 0.2);
}



.MnuMenu {
    border-style: none;
    vertical-align: middle;
    text-align: left;
    color: var(--pretosp);
    height: 1.6em;
}

    .MnuMenu a {
    }

        .MnuMenu a:hover {
            color: var(--corletrabotao);
            background-color: #343a40;
            text-decoration: none;
            border-radius: 3px;
            padding: 2px 2px 2px 2px;
        }

    .MnuMenu i {
        color: navy;
    }

        .MnuMenu i:hover {
            cursor: pointer;
        }

    .MnuMenu li {
        padding-bottom: 0.8em;
        font-weight: 500;
        height: 14px;
        background-color: transparent;
    }

.MnuMenu_StaticMenuItemStyle {
    color: #cbe7f5;
}

.MnuMenu_StaticHoverStyle {
    color: Yellow;
}

.MnuMenu_StaticSelectedStyle {
    color: Navy;
}

    .MnuMenu_StaticSelectedStyle a:hover {
        color: var(--vermelhosp);
    }

.MnuMenu a {
}

    .MnuMenu a:visited {
        background: transparent;
    }

.MnuMenu img {
    border: 0;
}


.tab_Gray_Light .ajax__tab_xp .ajax__tab_container .ajax__tab_default {
    background-color: var(--corletrabotao);
    padding: 0;
}

.tab_Gray_Light .ajax__tab_panel {
    background-color: var(--corletrabotao);
}

.tab_Gray_Light .ajax__tab_header {
    padding: 0;
    border-top: 1px solid var(--pretosp);
    border-left: 1px solid var(--pretosp);
    border-right: 1px solid var(--pretosp);
    border-bottom: 1px solid var(--pretosp);
    text-align: left;
    background-color: var(--corletrabotao);
}


    .tab_Gray_Light .ajax__tab_header .ajax__tab_outer {
        font-size: 12px;
        font-weight: bold;
        background-color: var(--corletrabotao);
        margin: 0px 0.16em 0px 0px;
        padding: 1px 0px 1px 0px;
        vertical-align: bottom;
        border: none;
        border-radius: 1em;
    }


    .tab_Gray_Light .ajax__tab_header .ajax__tab_tab {
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        background-color: lightgray;
        padding: 0.15em 0.25em;
        margin-right: 0.01em;
        border-radius: 1em;
    }


.tab_Gray_Light .ajax__tab_hover .ajax__tab_outer {
    font-size: 12px;
    font-weight: bold;
    background: darkgray;
}

.tab_Gray_Light .ajax__tab_active {
    border: 0;
}

    .tab_Gray_Light .ajax__tab_active .ajax__tab_tab {
        font-size: 12px;
        font-weight: bold;
        color: lightgray;
        background-color: #495057;
    }


    .tab_Gray_Light .ajax__tab_active .ajax__tab_outer {
        font-size: 12px;
        font-weight: bold;
        background-color: #f0f0f0;
    }


.tab_Gray_Light .ajax__tab_body {
    padding: 0.15em 0.5em;
    border-top: 1px solid var(--pretosp);
    border-left: 1px solid var(--pretosp);
    border-bottom: 1px solid var(--pretosp);
    border-right: 1px solid var(--pretosp);
    background-color: var(--corletrabotao);
}

    .tab_Gray_Light .ajax__tab_body .ajax__scroll_none {
        background-color: lightgray;
        padding: 0 0 0 0;
    }


/*em uso apenas no cadMenu*/
.modalBackground {
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 0px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

/*em uso apenas no cadMenu*/
.modalPopup {
    background-color: var(--corletrabotao);
    border: solid 1px gray;
    padding: 3px;
    width: 250px;
    height: 70px;
}

/* Begin Classe do autocomplete extender */
.AutoExtender {
    background-color: var(--corletrabotao);
    border: none;
    font-size: medium;
    font-weight: bold;
    list-style: none;
    margin-left: 1px;
    padding: 1px;
    text-align: left;
    /*text-shadow: rgba(0,0,0,.1) 0px 0px 0px;*/
    text-transform: capitalize;
    width: 500px;
    z-index: 1000002;
}

.AutoExtenderList {
    background-color: darkgray;
    border-bottom: dotted 1px LightBlue;
    color: var(--pretosp);
    cursor: pointer;
    font-size: medium;
    list-style: none;
    /*text-shadow: rgba(0,128,0,.1) 0px 0px 0px;*/
    width: 500px;
    z-index: 1000002;
}

.AutoExtenderHighlight {
    background-color: var(--pretosp);
    color: var(--corletrabotao);
    cursor: pointer;
    font-size: medium;
    list-style: none;
    /*text-shadow: rgba(128,0,0,.1) 0px 0px 0px;*/
    width: 500px;
    z-index: 1000002;
}


/*slider*/

.JSswitch {
    top: 3px;
    position: relative;
    display: inline-block;
    width: 38px;
    height: 20px;
}

    .JSswitch input {
        opacity: 0;
    }

.JSslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #808080;
    -webkit-transition: .4s;
    transition: .4s;
}

    .JSslider.blue {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: darkblue;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .JSslider:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 3px;
        background-color: #dae0e5;
        -webkit-transition: .4s;
        transition: .4s;
    }
    /* Rounded JSsliders */
    .JSslider.round {
        border-radius: 34px;
    }

        .JSslider.round:before {
            border-radius: 50%;
        }

input:checked + .JSslider {
    background-color: var(--azulsp);
}

    input:checked + .JSslider.blue {
        background-color: var(--azulsp);
    }

input:focus + .JSslider {
    box-shadow: 0 0 1px var(--azulsp);
}

input:checked + .JSslider:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}



.JSsliderONON {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #808080;
    -webkit-transition: .4s;
    transition: .4s;
}

    .JSsliderONON:before {
        position: absolute;
        content: "";
        height: 14px;
        width: 14px;
        left: 4px;
        bottom: 3px;
        background-color: #dae0e5;
        -webkit-transition: .4s;
        transition: .4s;
    }
    /* Rounded JSsliderONONs */
    .JSsliderONON.round {
        border-radius: 34px;
        background-color: var(--azulsp);
    }

        .JSsliderONON.round:before {
            border-radius: 50%;
        }

input:checked + .JSsliderONON {
    background-color: var(--azulsp);
}

input:focus + .JSsliderONON {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .JSsliderONON:before {
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px);
}