body { 
    
    margin-top: 3em; 
       margin-left:0; 
       font-family: Segoe UI, Verdana, Helvetica, Arial, sans-serif; 
       font-size: 0.8em;

}

body::-webkit-scrollbar { width: 1em; }

    body::-webkit-scrollbar {
        width: 0.8em;
        height: 0.8em;
    }

    body::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 0.5em;
    }

    body::-webkit-scrollbar-thumb {
      
        border-radius: 0.5em;
    }

    body::-webkit-scrollbar-thumb:hover {
        background: #06aeb1;
    }

.box-sala,
.box-restricao {
    box-shadow: 0px 0px 2px 1px white;
    border-radius: 0.3em;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-bottom: 0.3em;
    padding-top: 0.2em;
    color: white;
    font-size: 0.8em;
    text-transform: uppercase;
}

.box-sala {
    background-color: black;
}

.box-restricao {
    background-color: #ed3f3f;
    text-align:center;
}


.btc_center {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 1em;
    padding-left: 1em;
    padding-top: 1em;
}

#groupativos {
    max-width:max-content;
}

@media (max-width: 992px) {
    #groupativos {
        max-width: 100%;
    }
}

    [id^='imgi_'] {
        height: 4em;
    }

[id^='btc_'] {
    width: 8em;
    min-height: 8em;
    display: inline-block;
    padding: 0.8em 0.5em;
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    font-size: 1.1em;
    color: steelblue;
    text-align: center;
    transition: all 0.2s;
    text-decoration: none;
    border-radius: 0.5em;
}

    [id^='btc_']:hover {
        color: black;
        border: solid 2px #009aff;
        font-weight: 600;
        text-decoration: none;
    }

    .check-s-1e5 input {
        -webkit-transform: scale(1.5);
       
    }
    .check-s-2 input{
        -webkit-transform: scale(2);
    }

.ck_img {
    height: 2em;
    margin: 0px;
}

.nav-main {
    position: fixed;
    top: 0;
    width: 100%;
    line-height: 0.6em;
    padding: 0.6em;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 1050;
}




    #icon_menu_main {
        border: solid 1px white;
        cursor: pointer;
    }

    .navitem a {
        text-decoration: none;
        color: white;
    }

    .navitem {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-right: 0.6em;
        flex-wrap: wrap;
        /* margin-left: 0.6em;*/
    }

    .navitem-b {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-right: 0.6em;
    }

    .navitem span {
        margin-right: 0.5em;
        cursor: pointer;
    }

    #main_menu {
        position: relative;
        z-index: 20500;
    }

    @media (max-width: 1024px) {
        #nomeblogado {
            display:none;
        }
    }

    #blocoOpenLoja {
        width: 100%;
    }


    /* substituição da classe padrao do jquery UI*/
    .ui-corner-all,
    .ui-corner-top,
    .ui-corner-left,
    .ui-corner-tl,
    .ui-corner-tr,
    .ui-corner-br,
    .ui-corner-bl {
        border-radius: 8px;
    }

    .ui-dialog-titlebar-close {
        width: 32px !important;
        height: 32px !important;
        margin-top: -1.2em !important;
        margin-right: 0.3em !important;
    }

    .ui-dialog-titlebar {
        padding-top: 1em !important;
        padding-bottom: 1em !important;
    }

    .ui-widget-header {
        border: 1px solid #2580ce !important;
        background: #2580ce !important;
        color: white !important;
    }

    .ui-widget-content {
        background: #f3f3f3 !important;
    }



    [id^="ic"] {
        cursor: pointer;
    }

    .fw-initial{
        font-weight: initial !important;
    }

    .fw-700 {
        font-weight: 700 !important;
    }

    .fw-100 {
        font-weight: 100 !important;
    }


    .f0e5 {
        font-size: 0.5em;
    }

    .f0e7 {
        font-size: 0.7em;
    }

    .f0e8 {
        font-size: 0.8em;
    }

    .f08 {
        font-size: 0.8em;
    }

    .f0e9 {
        font-size: 0.9em;
    }

    .f09 {
        font-size: 0.9em;
    }

    .f1 {
        font-size: 1em;
    }

    .f1e5 {
        font-size: 1.5em;
    }

    .f1e8 {
        font-size: 1.8em;
    }

    .f1e9 {
        font-size: 1.9em;
    }

    .f1e2 {
        font-size: 1.2em;
    }

    .f2 {
        font-size: 2em;
    }

    .f3 {
        font-size: 3em;
    }

    .f4 {
        font-size: 4em;
    }

    .fb {
        font-weight: bold;
    }

    .fmono {
        Font-family: monospace;
        white-space: pre;
    }

    .im1 {
        height: 1em;
    }

    .im2 {
        height: 2em;
    }

    .im3 {
        height: 3em;
    }

    .im4 {
        height: 4em;
    }

    .im5 {
        height: 5em;
    }

    .Max3em {
        max-width: 3em;
    }

    .Max5em {
        max-width: 5em;
    }

    .Max8em {
        max-width: 8em;
    }

    .Max10em {
        max-width: 10em;
    }

    .Max15em {
        max-width: 15em;
    }

    .Max20em {
        max-width: 20em;
    }

    .Max25em {
        max-width: 25em;
    }

    .Max30em {
        max-width: 30em;
    }

    .bk-purple {
        background-color: #cf80d0;
        color: white;
    }

    .bk-purple2 {
        color: white;
        background-color: #6637dc;
    }

    .purple2 {
        color: #6637dc;
    }

    .bk-purple-10 {
        background: rgb(192, 20, 251, 0.1);
    }

    .bk-darktur {
        background-color: #05c4c7;
        color: white;
    }

    .bk-darkgray {
        background-color: #656566;
        color: white;
    }

    .bk-lightslategray {
        background-color: lightslategray;
        color: white;
    }

    .bd-darktur {
        border: solid 2px #05c4c7;
    }

    .bk-tur {
        background-color: darkturquoise;
        color: white;
    }

    .bd-tur {
        border: solid 2px darkturquoise;
    }

    .bk-turlighth1 {
        background-color: #caf0f0;
        color: #000000;
    }

    .bk-turlighth2 {
        background-color: #f0fbfb;
        color: #000000;
    }

    .bk-turi {
        color: white;
        background-image: url('/images/bt_tur_flat.png');
        background-size: cover;
    }

    .bd-turi {
        border: solid 2px #09bbbd;
    }

    .bk-seagreen {
        background-color: #23b469;
        color: white;
    }

    .bk-seagreen-10 {
        background-color: rgb(35, 180, 105, 0.1);
        color: black;
    }

    .bk-seagreen-30 {
        background-color: rgb(35, 180, 105, 0.3);
        color: black;
    }

    .bk-seagreen-50 {
        background-color: rgb(35, 180, 105, 0.5);
        color: black;
    }


    .bk-orange-light {
        background-color: rgb(249, 163, 75);
        color: white;
    }

    .bk-orange-light-30 {
        background-color: rgb(249, 163, 75, 30);
        color: white;
    }

    .bk-orange {
        background-color: rgb(241, 145, 47);
        color: white;
    }

    .bk-orange-10 {
        background-color: rgb(241, 145, 47, 0.1);
        color: black;
    }

    .bk-orange-30 {
        background-color: rgb(241, 145, 47, 0.3);
        color: black;
    }

    .bk-darkorange {
        background-color: darkorange;
        color: white;
    }

    .bk-abobora {
        background-color: rgb(241, 146, 43);
        color: white;
    }

    .bk-orange-10 {
        background-color: rgb(241, 146, 43, 0.1);
        color: black;
    }

    .bk-orange-30 {
        background-color: rgb(241, 146, 43, 0.3);
        color: black;
    }

    .bk-lightcoral {
        background-color: lightcoral;
        color: white;
    }








    .bd-seagreen2 {
        border: solid 2px #23b469;
    }

    .bd-seagreen {
        border: solid 1px #23b469;
    }

    .text-seagreen {
        color: #23b469;
    }

    .bk-seagreeni {
        color: white;
        background-image: url('/images/bt_seagren_flat.png');
        background-size: cover;
    }

    .bd-seagreeni {
        border: solid 2px #21a661;
    }

    .bdr-seagreeni {
        border: solid 2px #21a661;
        border-radius: 0.5em;
    }

    .bdr {
        border-radius: 0.5em;
    }

    .bdr-sm {
        border-radius: 0.25em;
    }

    .bdr-1-light {
        border: solid 1px lightgray;
        border-radius: 0.5em;
    }

    .bdr-2-light {
        border: solid 2px lightgray;
        border-radius: 0.5em;
    }


    .bk-steelblue {
        background-color: steelblue;
        color: white;
    }

    .bk-dark-steelblue{
        background-color: #1b5484;
        color: white;
    }

    .bk-steelblue-10 {
        background-color: rgb(70, 130, 180, 0.1);
        color: black;
    }


    .bk-steelblue-30 {
        background-color: rgb(70, 130, 180, 0.3);
        color: black;
    }

    .bk-steelblue-75 {
        background-color: rgb(70, 130, 180, 0.75);
        color: black;
    }

    .bk-steelblue-50 {
        background-color: rgb(70, 130, 180, 0.5);
        color: black;
    }


    .bk-marinho {
        background-color: navy;
        color: white;
    }







    .bd-steelblue {
        border: solid 2px steelblue;
    }


    .bk-light a {
        color: #000000;
    }

    .bk-light {
        background-color: ghostwhite;
        color: #000000;
    }

    .bd-light {
        border: solid 2px ghostwhite;
    }

    .bk-lightgray a {
        color: #000000;
    }

    .bk-lightgray {
        background-color: lightgray;
        color: #000000 !important;
    }


    .bd-lightgray {
        border: solid 2px ghostwhite !important;
    }

    .bd-bootgray {
        border: 1px solid #dee2e6 !important;
    }



    .bk-black {
        background-color: #000000;
        color: white;
    }

    .bd-black {
        border: solid 2px #000000;
    }

    .bk-red {
        background-color: #ed0a0a;
        color: white;
    }

    .bk-red-30 {
        background: rgb(237, 62, 62, 0.3);
        color: black;
    }

    .bk-red-10 {
        background: rgb(237, 62, 62, 0.1);
        color: black;
    }


    .bd-red {
        border: solid 2px #ed0a0a;
    }

    .bk-redi {
        color: white;
        background-image: url('/images/bt_red_flat.png');
        background-size: cover;
    }

    .bd-redi {
        border: solid 2px #b9363a;
    }

    .bk-bd-salmon {
        background-color: salmon !important; /*#f6b398;*/
        border-color: salmon !important;
        color: white;
    }

    .bk-darksalmon {
        background-color: #d15b4e; /*#f6b398;*/
        color: white;
    }

    .bk-salmon {
        background-color: salmon; /*#f6b398;*/
        color: white;
    }

    .bk-salmon-10 {
        background: rgb(232, 173, 148, 0.1);
        color: black;
    }

    .bk-salmon-30 {
        background: rgb(232, 173, 148, 0.3);
        color: black;
    }

    .bk-salmon-10 {
        background: rgb(232, 173, 148, 0.1);
        color: black;
    }

    .bd-salmon {
        border: solid 1px #f6b398;
    }

    .bk-lightsalmon {
        background-color: lightsalmon;
        color: white;
    }

    .bd-lightsalmon {
        border: solid 2px lightsalmon;
    }

    .bk-salmoni {
        color: white;
        background-image: url('/images/bt_salmon_flat.png');
        background-size: cover;
    }

    .bd-salmoni {
        border: solid 2px #d39880;
    }

    .bk-bluei {
        color: white !important;
        background-image: url('/images/bt_azul_flat.png');
        background-size: cover;
    }

    .bk-blue {
        color: white;
        background-color: #009aff;
    }

    .bk-blue-10 {
        background: rgb(62, 138, 249, 0.1);
        color: black;
    }

    .bk-blue-30 {
        background: rgb(62, 138, 249, 0.3);
        color: black;
    }



.bk-trans-black {
    color: black;
    background-color: transparent;
    border: none;
}

.bk-trans-white {
    color: white;
    background-color: transparent;
    border: none;
}




    .bk-white {
        color: black;
        background-color: white;
    }

    .bd-blue, .bd-bluei {
        border: solid 1px #009aff;
    }

    .bdr-tur2 {
        border: solid 2px darkturquoise;
        border-radius: 0.5em;
    }

    .bd-tur4 {
        border: solid 4px darkturquoise;
    }

    .bdr-tur4 {
        border: solid 4px darkturquoise;
        border-radius: 0.5em;
    }

    .bd-seagreen4 {
        border: solid 4px #23b469;
    }

    .bdr-steelblue2 {
        border: solid 2px steelblue;
        border-radius: 0.5em;
    }

    .bd-steelblue4 {
        border: solid 4px steelblue;
    }

    .bdr-steelblue4 {
        border: solid 4px steelblue;
        border-radius: 0.5em;
    }

    .bd-purple2 {   
        border-color: #6637dc;
    }


    .bd-warning {
        border-color: #e7811f !important;
    }


    .al-lef {
        text-align: left;
    }

    .al-rig {
        text-align: right;
    }

    .al-cen {
        text-align: center;
    }

    .f-rigth {
        float: right
    }

    .isN {
        max-width: 6em;
        text-align: right;
    }

    .isN-lg {
        min-width: 5em;
        max-width: 10em;
        text-align: right;
    }

    .cor-light {
        color: #9f9f9f;
    }

    .cor-light2 {
        color: #808080;
    }

    .cor-warning {
        color: #e7811f;
    }

    input[type=button], input[type=submit], textarea {
        -webkit-border-radius: 8px;
        border-radius: 8px;
        padding: 0.5em;
        /* margin: 0.3em;*/
        cursor: pointer;
        font-size: 1rem;
    }



    [id^='cmdMini'] {
        height: 2.5em;
        margin: 0.3em;
    }

    [id^='cmdMed'] {
        height: 3.5em;
        margin: 0.5em;
    }

    [id^='cmdGrd'] {
        height: 5em;
        margin: 0.2em;
    }

    [id^='btnGrd'] {
        min-width: 60px;
        margin: 0.2em;
    }


    input[type=image][id$='mobile'] {
        height: 5em;
        margin: 0.5em;
    }

    [id^="cmd"] {
        cursor: pointer;
    }


    a {
        text-decoration: none;
    }

    [id^='cortina'] {
        background-color: rgba(130, 130, 131, 0.50);
        top: 0px;
        left: 0px;
        position: absolute;
    }


    .dt1 {
        font-size: 1.5em;
        padding: 0.4em;
        background-color: rgba(254, 254, 254, 0.4);
        border: solid 1px;
        border-color: steelblue;
    }

    .dtmes {
        background-color: rgba(254, 254, 254, 0.4);
    }


    input[type=number], input[type=text], input[type=date], input[type=month], input[type=password], select {
        padding: 0.5em;
        border: solid 1px #dcdcdd;
        border-radius: 5px;
        line-height: 1em;
    }

    @media (max-width: 768px) {
        input[type=number], input[type=text], input[type=date], input[type=month], input[type=password], select {
            font-size: medium;
        }
    }

    #panel_rodape img {
        height: 5em;
    }

    #panel_rodape span {
        font-size: 1.5em;
    }

    .label_base {
        display: block;
        float: left;
        font-size: 2em;
        color: black;
        margin: 0.4em;
        text-align: left;
    }

    .label_base_center {
        display: block;
        font-size: 2em;
        color: black;
        margin: 0.4em;
        text-align: center;
    }


    @media (max-width: 768px) {
        #table_central {
            width: 100%;
        }


        input[type=button], input[type=submit], textarea {
            font-size: medium;
        }
    }


    @media (min-width: 768px) {
        #main_menu {
            float: left;
            width: 20em;
            position: absolute;
        }

        .material-icons {
            font-size: 2em !important;
        }

        .nav_main {
            font-size: 2em !important;
        }


        [id^='cmdGrd'] {
            height: 3.5em;
            margin: 0.5em;
        }

        [id^='btnGrd'] {
            min-width: 4em;
            margin: 0.5em;
        }

        .btc_center {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            padding-right: 1em;
            padding-left: 1em;
            padding-top: 1em;
        }

        .label_base {
            display: block;
            float: left;
            font-size: 1.5em;
            color: black;
            margin: 0.4em;
            text-align: left;
        }

        .label_base_center {
            display: block;
            font-size: 1.5em;
            color: black;
            margin: 0.4em;
            text-align: center;
        }
    }

    .btn-legenda {
        font-size: 0.9em;
    }

    @media (max-width: 768px) {
        .btn-legenda {
            /* font-size: 0.7em;*/
        }
    }

    .btn-secondary {
        color: #fff;
        background-color: #b764ef;
        border: solid 1px white;
    }

        .btn-secondary:hover {
            background-color: #9756c3;
            opacity: 100% !important;
            border: solid 1px white;
        }

    .btn-outline-secondary {
        color: #b23cfd;
        border-color: #b764ef;
    }

        .btn-outline-secondary:hover {
            background-color: #b764ef;
        }


    .btn-transp-white {
        background-color: transparent;
        color: white;
        cursor: pointer;
    }

        .btn-transp-white:hover {
            background-color: white;
            color: black;
        }


    .btn-transp-black {
        background-color: transparent;
        color: black;
        cursor: pointer;
    }

        .btn-transp-black:hover {
            background-color: black;
            color: white;
        }



    .bg-secondary {
        background-color: #b764ef !important;
        color: #fff;
    }

    .btn-success {
        color: #fff;
        background-image: url(/images/bt_seagren_flat.png);
        background-size: cover;
        border-style: none;
        background-color: #33ad6e;
    }

        .btn-success:hover {
            color: #fff;
            background-image: none;
            background-size: cover;
            background-color: #33ad6e;
            opacity: 100% !important;
            border: solid 1px white !important;
        }

    .bg-success {
        background-image: url(/images/bt_seagren_flat.png);
        background-size: cover;
    }



    .btn-outline-success {
        color: #26c171;
        border-color: #26c171;
    }

    .outline-success {
        color: #26c171;
        border-color: #26c171;
    }

    .btn-outline-success:hover {
        background-image: none;
        background-size: cover;
        background-color: #26c171;
    }



    .btn-check:active + .btn-outline-success, .btn-check:checked + .btn-outline-success, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show, .btn-outline-success:active {
        color: #fff;
        background-image: url(/images/bt_seagren_flat.png);
        background-size: cover;
        border-color: #26c171;
    }



    .btn-warning {
        color: #fff;
        background-image: url(/images/bt_laranja_flat.png);
        background-size: cover;
        border-style: none;
    }

    .bg-warning {
        background-color: #e7811f;
        background-image: url(/images/bt_laranja_flat.png);
        background-size: cover;
    }

    .btn-warning:hover {
        color: #fff;
        background-image: none;
        background-size: cover;
    }

    .btn-danger {
        color: #fff;
        background-image: url(/images/bt_red_flat.png);
        background-size: cover;
        border-style: none;
    }

        .btn-danger:hover {
            color: #fff;
            background-image: none;
            background-size: cover;
        }

    .btn-light:hover {
        color: #fff;
        background-color: black;
        opacity: 100% !important;
    }

    .btn-light {
        background-color: #fbfbfb;
        border-color: #e3e3e3;
    }

    .btn-darkgray {
        background-color: darkgrey;
        border-color: #e3e3e3;
        color: white;
    }

        .btn-darkgray:hover {
            background-color: white;
            border-color: #e3e3e3;
            color: black;
            opacity: 100% !important;
        }

    .bg-danger {
        background-image: url(/images/bt_red_flat.png);
        background-size: cover;
    }



    .btn-primary {
        color: #fff;
        background-image: url(/images/bt_azul_flat.png);
        background-color: #3e8af9;
        background-size: cover;
        border: none !important;
    }

        .btn-primary:hover {
            color: #fff;
            background-image: none;
            background-color: #3e8af9;
            background-size: cover;
            opacity: 100% !important;
            border: solid 1px white !important;
        }

    .btn-outline-primary {
        color: #3e8af9;
        border-color: #3e8af9;
    }

        .btn-outline-primary:hover {
            background-color: #3e8af9;
        }

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
        color: #fff;
    }

    .btn-warning:hover {
        background-color: #e49904e5;
    }

    .btn-link {
        box-shadow: none;
        text-decoration: none;
    }

    .btn-info {
        color: #fff;
        background-color: #39c0ed;
    }

        .btn-info:hover,
        .btn-info:focus,
        .btn-info:active,
        .btn-info.active,
        .open > .dropdown-toggle.btn-info {
            color: #fff;
        }

        .btn-info:hover {
            background-color: #1ba2cf;
        }


    .btn-steelblue {
        color: #fff;
        background-color: steelblue;
    }

        .btn-steelblue:hover {
            color: #fff;
            background-color: #396487;
            opacity: 100% !important;
        }


    .btn-outline-steelblue {
        color: steelblue;
        border-color: steelblue;
        background-color: transparent;
    }

        .btn-outline-steelblue:hover {
            background-color: steelblue;
            color: white;
        }



    .btn-outline-orange {
        color: rgb(241, 145, 47);
        border-color: steelblue;
        background-color: transparent;
    }

        .btn-outline-orange:hover {
            background-color: rgb(241, 145, 47);
            color: white;
        }


    .btn-salmon {
        color: #fff;
        background-color: salmon;
    }

        .btn-salmon:hover {
            color: #fff;
            background-color: darksalmon;
            opacity: 100% !important;
        }

    .btn-outline-salmon {
        color: salmon;
        border-color: salmon;
        background-color: transparent;
    }

        .btn-outline-salmon:hover {
            background-color: salmon;
            color: white;
        }

    .btn-check:checked + .btn-outline-salmon {
        color: white;
        border-color: salmon;
        background-color: salmon;
    }



    .btn-lightsalmon {
        color: #fff;
        background-color: lightsalmon;
        opacity: 100% !important;
    }

        .btn-lightsalmon:hover {
            color: #fff;
            background-color: salmon;
            opacity: 100% !important;
        }

    .btn-outline-lightsalmon {
        color: lightsalmon;
        border-color: lightsalmon;
        background-color: white;
    }

        .btn-outline-lightsalmon:hover {
            background-color: lightsalmon;
            color: white;
        }

    .btn-check:checked + .btn-outline-lightsalmon {
        color: white;
        border-color: lightsalmon;
        background-color: lightsalmon;
    }

    .hover-white:hover {
        background-color: slategrey;
        color: white;
        opacity: 100% !important;
    }

    .btn-dark:hover {
        background-color: dimgray;
        color: white;
        opacity: 100% !important;
    }

    .hover-border-lightgrey:hover {
        border: solid 1px lightgrey;
    }

    .ms-0e5 {
        margin-left: 0.12rem;
    }

    .me-0e5 {
        margin-right: 0.12rem;
    }

    .mt-0e5 {
        margin-top: 0.12rem;
    }

    .mb-0e5 {
        margin-bottom: 0.12rem;
    }

    .m-0e5 {
        margin: 0.12rem;
    }

    .m-0e25 {
        margin: 0.065rem;
    }

    .p-2e5 {
        padding: 0.75rem;
    }

    .pt-2e5 {
        padding-top: 0.75rem;
    }

    .pb-2e5 {
        padding-bottom: 0.75rem;
    }


    .pulse {
        animation: pulse 0.7s infinite;
        margin: 0 auto;
        display: table;
        /* margin-top: 50px;*/
        animation-direction: alternate;
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(1);
            -webkit-filter: brightness(100%);
        }

        100% {
            -webkit-transform: scale(1.5);
            -webkit-filter: brightness(180%);
        }
    }

    @keyframes pulse {
        0% {
            transform: scale(1);
            filter: brightness(100%);
        }

        100% {
            transform: scale(1.5);
            filter: brightness(180%);
        }
    }


    .logo_centro {
        margin: 2em;
    }

    @media (min-width: 768px) {
        .logo_centro {
            margin: 5em;
        }
    }