html {
    overflow: auto;
}
::-webkit-scrollbar {
    width:.5rem;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); -webkit-border-radius:
    10px; border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px; border-radius: 10px; background: #567;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #567;
}

:root{
    --main-font:'Montserrat', sans-serif; second-font: 'Open Sans', sans-serif;
    --third-font:ubuntu; main-font-size:1em; main-bg-color:#fff;
    --main-color:#333;
}
        body{padding: 0;margin: 0;overflow:hidden;background-color: #fcfcfc;font-weight:300;}
            #loading{
            background-color: transparent; width: 40px; height: 16px; position:
            absolute; top: 7vh; left: 96vw;
    z-index: 2;
            }
        #maintable{
            width:100vw; height:100vh; margin: 0;
        }
        #td_slide {
:;
        }

        #tdtopo{
            width: auto; height:1vh; background-color:#000; padding: 0 20px;
        }

        #drop_settings{

        width:16em; height:auto; float:right; color:#888; position: absolute;
        top: 0; right: 0; font-family: var(--main-font); z-index:100;



        }

        #drop_settings ul li{
        list-style: none;

        }

        #drop_settings a{
        text-decoration:none;
        }

        #drop{
            border-radius: 0.5em; background-color: rgba(255,255,255,.7);
            backdrop-filter: blur(5px); display: none; margin: .5em 0em 0em
            -4em; padding: 1em; box-shadow: 2px 2px 10px 10px #0002; width:
            11em;
        }
        #menudrop li{
            list-style: none; line-height: 2em; color: #666; font-size: 1em;
            margin: 0 0 0 -2em; padding: 1em; background-color: transparent;
            width: 8em; height: 2em; border-radius: 5%; text-align: center;
        }
         #menudrop li:hover{
            background-color:transparent;
        }

        #menudrop li a,#menudrop li a:active, #menudrop li a:visited, #menudrop
        #li a:hover{

           color: #666;
        }

        #drop_settings:hover #drop, .drvis #drop{

            display: block; position: absolute;
            top: auto; right: 1rem;
        }

        #generator{

                width: 28vw; position: relative;
                height: 5vh; display:
                inline-flex; color: #999;
                font-family: var(--main-font);
                font-size: calc(10px + .4vw);
                padding: 0 1vw; margin:1vh 0 0 0;
                font-weight:bold;
                }

       #generator small{ font-size: calc(10px + .4vw);
       margin: .8vh 4vw;
       font-weight:lighter;
       }
       #brand{
            color: #6bf; vertical-align: bottom; font-weight: bold; text-shadow:
            0 0 1px #000; text-shadow: 0 0 .3vh #fff; margin-left: 2vw;
            margin-bottom: -4vh;
            margin-top: 1vh;

        }
             td#tools{background-color:var(--main-bg-color);vertical-align: text-top;padding:0 .2vw;font-family:var(--second-font);color:#fff;width: 20vw;}

        div.caixatool{border: .1vw solid #00;box-shadow: 0 3px 27px  #3;padding: 1vh 1vw;border-radius: .5vh;border: #fcfcfc 1px solid;/* border: .1vw solid #000; */min-width: 200px;width: 27vw;font-family: var(--main-font);}
          div.caixatool form {
            display: grid; grid-template-columns: auto auto auto auto;
            grid-template-rows: 6em 2em;
        }

        .caixatool.on {
    font-weight: bold; text-shadow: -1px -1px #000, 0.51px 0.51px #fff;
    background: linear-gradient(to bottom, #666 1%, #999 100%);
        } .caixatool.on p:before, .caixatool.on p:after{
            content: "";
        }
        div.caixatool p, div.caixatool a, div.caixatool a:active, div.caixatool
        a:visited{
            width: 100%; text-align:left; margin: 1vh 0 1vh 0vw;
            font-size:calc(10px + .5vw); color: inherit;
        }
        div.caixatool p:hover{
            cursor:pointer;
        }
        .radios_container{
            display: grid; grid-template-columns: auto auto auto;
        } .long{
            padding:padding: 2.5vh 1.5vw 0vh !important; ;
        } .hiddentool{
            height:0; transition: height 0.5s ease; -webkit-transition: height
            0.5s ease; overflow: hidden;
        } .menav {
            font-size: calc(10px + .4vw); display: block; border: 1px solid
            #666; margin: .5VH; border-radius: 1vh; padding: 1vh 1vw; outline:
            none; cursor:pointer;

        }

        .menav:hover {
            background-color:#666;

        }
        #listaslides{
            width: auto; height:100px; background-color:var(--main-bg-color);
        }

         nav{
            border-radius: 1vh 1vh 0 0 ; background-color: #678; width: 10vw;
            min-height: 2.5vh; display: inline-block; padding: 1vh 0; color:
            #fff; font-family: var(--main-font); text-align: center;
            margin:0.5vh 0vw 0 2vw; text-shadow: -0.5px -0.5px 1px #333;
            font-size: calc(10px + .5vw);
        }

         nav a, nav a:visited, nav a:active, nav a:hover{
            color: #fff !important; font-family:var(--second-font);
            text-decoration: none;
        }
        td nav{

            border-radius: 1vh 1vh 0 0; background-color: #678; width: 10vw;
            min-height: 2.5vh; display: inline-block; padding: 1vh 0; color:
            #fff; font-family: var(--main-font); text-align: center;
            margin:0.5vh 0vw 0 2vw; text-shadow: -0.5px -0.5px 1px #333;
            font-size: calc(10px + .5vw);
        }

        td nav a, td nav a:visited, td nav a:active, td nav a:hover{
            color: #fff !important; font-family:var(--second-font);
            text-decoration: none;
        }

        #td_slide{
            width: auto;
            height:auto;
            background-color: #fcfcfc;
            border-radius:
            .5vh;
            text-align:center;
            vertical-align:top;
        }

        #mainpanel{
            text-align:left; vertical-align:top;
        }

        #botaoBgColorChooser, #botaoTxtColorChooser, botaoFontColorChooser{
            margin: 2px;
        }

        #botaoBgColorChooser a, #botaoBgColorChooser a:active,
        ##botaoBgColorChooser a:visited, #botaoFontChooser, #botaoFontChooser a,
        ##botaoFontChooser a :active, #botaoFontChooser a:visited,
        ##botaoFontColorChooser, #botaoFontColorChooser a, botaoFontColorChooser
        ##a:active, #botaoFontColorChooser a:visited {

                text-decoration: none; color: #000; text-decoration: none;
                margin-top: 8px; padding: 2px; font-family:var(--second-font);

        }

        #colorChooser, #fontChooser, #fontColorChooser{
                    width: 300px; padding: 31px 4px 30px 19px; border: 1px solid
                    #ddd; border-radius: 1vh; display: block; position:
                    absolute; background-color: rgba(0,0,0,0.6); box-shadow: 1px
                    1px 13px 2px #999; z-index: 1;
        }

        #colorChooser span, #mostracordefundo, #mostracordefonte, #fontChooser
        #span, #fontColorChooser span{
            background-color: transparent;
            border: none;
            border-bottom: 1px
            solid #fff;
            padding: 0px 2vh;
            margin: 1px 1px 9px -6px;
            cursor:
            pointer;
            width: 91%;
            display: block;
            font-size: 90%;
        }

        #slidecontainer{
            width: 60vw;
            height: calc(60vw /1.77);
            box-shadow: 6px 6px 38px 17px #3333;
            position: relative;
            top: 4vh;
            margin: 3vh auto;
        }
        #slidebody{
            width: 100vw;
            height: calc(100vw / 1.77);
            -webkit-transform: scale(0.6);
            -ms-zoom: 0.6;
            -moz-transform: scale(0.6);
            -moz-transform-origin: 00;
            -o-transform: scale(0.6);
            -o-transform-origin: 0 0;
            -webkit-transform-origin: 0 0;
            display:block;
            overflow: hidden;
            box-shadow:1px 1px #000 12px;
            border-radius1:40px;
            background-size:100% 100%;
            text-shadow: -.5px -.5px .5px #fff, .5px .5px .5px #000;
            }

            #timer{
                width: 80px;
                border-radius: 100px;
                padding: 20px;
                font-size:400%;
                float: right;
                margin: 10px;
                text-align: center;
                overflow: hidden;
                display: none;
                position: absolute;
                top: 1vh;
                right: 1vh
            }
            #main_header{
                background: transparent;
                border: none;
                color: inherit;
                font-family: inherit;
                display: inline-block;
                text-align: center;
                padding: 6vh 14vw;
                max-width: 80vw;
                overflow-y: hidden;
            }
            #logo{
                position: absolute;
                text-align:left;
                z-index:-1;
                left: 0.5rem;
            }
            #logo img{
                max-width: 26vw;
                max-height: 26vh;
                margin:2vh;
            }
            #texto_opcoes{
                width:80%;
                padding:2% 10%;

            } .div_opcao{
                width:100%;
                text-align:left;
            }
            .option_text, .option_nr{
                background: transparent;
                border: none;
                color: inherit;
                font-family: inherit;
            }

            #bot_reset{
                background-color: #f60;
                border: none; color: #fff;
                font-family:inherit;
                font-size: 150%;
                width: 5%;
                position: absolute;
                top:1vh;
                right: 1vw;
                font-family: inherit;
                cursor: pointer;
                text-align: center;
                border-radius: 3vh;
            }
            .barra{
                padding: 0 2%;
                min-width:3% !important;
                border:none;
                display:block;
                }
            .apaga_opcao{

                border-radius: 100%;
                background-color: transparent;
                border: 1px solid #f00;
                padding: 0vh 1vh .5vh;
                position: absolute; right: 9%;
                cursor: pointer;
                font-size: 80%;
                margin: 0.1%;

            } .clear{
                float:right; font-size: 80%;
            }
              div.slider {
                width: 256px; margin: 15px 0 15px 4vw; background-color: #999;
                height: 4px; position: relative; box-shadow: 1px 1px 3px #333
                inset; }

            div.slider div.handle {
                width: 10px; height: 10px; cursor: move; position: absolute;
                border-radius: 10px; box-shadow: 0 0 1px 1px #999; margin: -21px
                0 0 0; /*temos que ver*/
            }

            .dash{

            width: 8vw; display: inline-block; text-align: center;
            vertical-align: middle; border: 1px solid #666; height: 6vh;
            border-radius: .8vh; box-shadow: inset 1px 1px 2px 0px #000,inset
            #333 0 -4vh; margin: .1vh .1vw; padding: .4vh .02vw;
            background-color: #06c; text-shadow:-1px -1px #333; vertical-align:
            middle;
                font-size: calc(11px + .4vw);
            }
            #status_loading{

                position: relative; left: 2.8vw; display: none;


            }
            #estado{
            height: 4vh;
            display: table-cell;
            box-shadow: none;
            box-shadow:
            inset 1px 1px 2px 0px #000;
            }

            #dashgroup{

            display: table-cell; padding: 0 0 0 1vh;

            }
            #temporeal{

            }
            #temporeal ol{

                text-align: left; padding: 0; font-size: calc(8px + .5vw);
                font-size: var(--main-font-size);

            } .dashbarra{
                display: block; background-color: #666; padding: .3vh 4vh;
                padding: .3vh 4vh; margin-bottom: .6vh; box-shadow: 0 0 3px 0px
                #fff inset; border-radius: .5vh; color: #fff; font-size:
                var(--main-font-size);
            } span.sep{

                display: inline-block; min-width: 5vw; max-width: 7vw; padding:
                0 2vw;

            } div#zoom_element {
                width:50px; height:50px; background:#2d86bd; position:relative;
                }

            #listaslides_show_control{

                padding: 10px 10px 30px 10px; width: 98%; overflow: scroll;
                overflow-y: hidden; height: 14vh;

            }

            #listaslides_show_list{
                padding: 10px; width: 228%; overflow-x: hidden; overflow-y:
                hidden; height: 98px; display: block; margin: -11px; border: 0;
            }
            

            .slidemini{
                font-family:var(--second-font);
                /* background-color: #999; */
                height: 90px;
                /* background-color: #999; */
                box-shadow: 2px 2px 13px 1px #3336;
                padding: 2px;
                display: inline-flex;
                margin:0 3px;
            }

            .select{

                margin: 7px; padding: 3px; box-shadow: 2px 2px 8px 3px #999;


            }


            .current{

                background-color: #f90; border: 1px solid #f90;
            }

            .apagaslide{
                display: none;
            }

             span.select span.apagaslide{
                display: block; background-color: #f00; color: #fff;
                border-radius: 6px; padding: 0 2px; font-size: calc(8px + .3vw);
                position: inherit; right: 4px; top: 4px; float: right; cursor:
                pointer;
            }

            .slidebodymini{
                width:160px; height:90px; background-color: #099;

            background-size: 100% 100%; text-shadow: -.5px -.5px .5px #fff, .5px
            .5px .5px #000;}

            .miniheader{ font-size: calc(8px + .3vw);

            text-align: Center;}

            .miniheader span, .miniheader a, .miniheader font, .miniheader td,
            .miniheader li, .miniheader hr {
    font-size: calc(8px + .2vw); !important;
}

            .slideminiopcoes ol li{

                    font-size: calc(6px + .2vw);;
            }
            #btn-toolbar{

                position: absolute; top: 8vh; width: 67vw; text-align: center;
                background-color: transparent; height: 6vh;
            } .botao{
                width: 20px; height: 20px; padding: 0!important; margin: 10px
                -2px -4px 0px !important; border-radius: 0 0 0 0; border: 1px
                solid #eee !important; box-shadow: 0 1px 2px #333, 0 0 2px #eee
                inset; color: #333 !important; background:
                url(../editor/gfx/editor_botao_bg.png); text-shadow: 0px 1px 0px
                #fff; font-size: calc(8px + .2vw); display: inline-block;
                text-align: center; text-decoration: none; font-weight: normal
                !important; background: -moz-linear-gradient(#eee,#ccc,#ddd);
                background: -webkit-linear-gradient(#eee,#ccc,#ddd); }

            #molduraescolherfoto {
                font-family:var(--second-font); font-size: calc(9px + .3vw);
                width: 300px; height: 288px; position: absolute; top: 30px;
                margin: 0px 40px; overflow: hidden; padding: 10px; top: 100px;
                left: 30%; font-size: calc(9px + .3vw); cursor: default;
                border-radius: 8px; z-index: 1000; box-shadow: 0 2px 5px #666, 0
                0 10px #fff inset, 0 0 25px 2px #000; border: 1px solid #F0f0f0;
                background: #ccc; color: #333; font-size: calc(9px + .3vw);
                background: #ccc; background:
                -moz-linear-gradient(#eee,#ccc,#ddd); background:
                -webkit-linear-gradient(rgba(128,128,128,0.7),rgba(222,222,222,0.4));
                text-shadow: 0 1px 0 #fff; text-align: center; backdrop-filter:
                blur(10px); }

            span.radios_status {
    background-color: #333; display: table-cell; padding: .5vh 1.5vw 1.5vh;
    font-size: calc(9px + .3vw); text-align: center; border-radius: 3px; cursor:
    pointer; color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.5); margin-left:
    1px; box-shadow: 0 1px 0 rgba(255,255,255,.06), 1px 1px 0
    rgba(255,255,255,.03), -1px -1px 1px rgba(0,0,0,.02), inset 1px 1px 1px 0
    rgba(255,255,255,.3); vertical-align: middle; height: 5vh;
                }

                span.radios_status:active{

                    background-color: #39f !important;

                }


    #molduraescolherfoto a{

    width: 16px; display: inline-block; height: 20px;

    }


    .fechar{
        float: right;
    margin: -7px -7px 0 0; background: transparent; color: #fff !important;
    padding: 0px 4px; border: 0; text-decoration: none; font-size: calc(12px +
    .5vw); height: 1.8vh !important; text-align: center; width: 1vw; }


    div.base_settings, div.op_settings { display: inline-table; border-radius:
    .5vh; margin: 2vh 0vw 0 2vw; padding: 1vh 1vw; width: 30vw; font-size:
    calc(10px + .3vw); font-family: var(--main-font); background-color:
    rgba(200,200,200,0.5); color: #333; box-shadow: 1px 2px 23px 0 #333;
    min-height: 12vh; backdrop-filter: blur(8px);

    } .settings_title{
        cursor:move; text-align: center; background-color: #567; color: #ccc;
        border-radius: .5vh; font-size: calc(11px + .3vw); margin-bottom: 2vh;
        padding:0.5vh 0vw 0.5vh 0.5vw; vertical-align: middle;

    } .base_settings .text {
        background: rgba(255,255,255,0.5); border: none; padding: 1vh 1vw;
        box-shadow: inset 0px 0px 3px 0px #666; border-radius: .5vh; margin:
        .2vw; width:28vw; display: inline-block; color:#999;
    } .base_settings input[type="text" i] {
                background: rgba(255,255,255,0.8);
        color:#333;
    }

        .base_settings input[type="text" i]:focus { outline:0; box-shadow: inset
        1px 1px 7px -1px #333;
    }
    #pics{


        position: absolute; z-index: 10; top: 1vh; left: 19vw; height: 80vh;
        width: 65vw;



    }
    #closepics{

        color: #fff; float: right; border-radius: 1vw; box-shadow: ; padding: 0
        0.6vh 0 0.7vh; text-align: center; text-decoration: none;

    }
    #uploadToolbar{

        background-color: #fff;
    cursor:initial; }

    #uploadToolbar a {
    margin: 0 2vw; text-decoration: none; color: #567; }

    #picList{

        background-color: #fff; box-shadow: inset 1px 1px 3px -1px #333;
        border-radius: .3vw; overflow-x: hidden; overflow-y: scroll; padding:
        .5vw; height: 66vh;

    } .ListedPic{
        width: 31vw; margin: .1vw;
    }
    #userlist{

        height: 71vh; float: right; margin: 1vw 4vw 1vh 2vw; width:64vw;
        transition: all ease .5s; position: inherit; top: auto; left: auto;

    }
    #botexpand{
        float:right;border:1 px solid #fff;color:#fff;cursor: pointer;
    }
        #botcollapse{
        float:right;border:1 px solid #fff;color:#fff;cursor: pointer;display:
        none;
    }

    #userlist.expanded{

        height: 98vh !important; float: right; margin-right: 1vw; width: 97.5vw
        !important; position: absolute; top: -2vh; left: 0vw; transition: all
        ease .5s;

    }


    .topcell { background-color: #345; display: table-cell; margin: .2vw;
    padding: .3vh .1vw; color: #fff; min-width: 5.1vw; max-width: 5.1vw;
    text-align: center; vertical-align: middle; padding: 1vh .6vw; }
    .topcell:first-child {
        border-top-left-radius: 0.5vh;

    }
        .topcell:last-child { border-top-right-radius: 0.5vh;

    }

    #userlist.expanded .topcell {
        max-width: 6vw; min-width: 6vw; transition: all ease .5s; position:
        inherit;

    }

    #corpoTable{

    max-height: 58vh; overflow-y: auto; width: 64.4vw; display: block;
    box-shadow: 1px 1px 4px -1px #333; }

        #userlist.expanded #corpoTable {
        max-height: 85vh; width: 73vw;
    } div#panel_adv { display: none; }
    #userlist.expanded div#panel_adv {
    display: block; float: right; width: 20vw;

    } .tableRow:hover{
        background-color: #ddd;

    } .uscell { display: table-cell; font-size: calc(6px + .4vw); box-shadow:
    3px 3px 9px -4px #567 inset; max-width: 5.2vw; overflow: hidden; min-width:
    5.2vw; background-position: center; background-repeat: no-repeat; padding:
    .5vh .53vw;

} .uscell:focus {background-color: #eef;}

    .expanded .uscell {
        min-width: 6.1vw; max-width: 6.1vw;
}


    .base_topcell { background-color: #345; display: table-cell; margin: .2vw;
    padding: .3vh .1vw; color: #fff; min-width: 7.97vw; max-width: 7.97vw;
    text-align: center; vertical-align: middle; padding: 1vh .6vw; }
    .base_topcell:first-child {
        border-top-left-radius: 0.5vh;

    } .base_topcell:last-child {
        border-top-right-radius: 0.5vh;

    }
        .basecell {
    display: table-cell; font-size: calc(9px + .3vw); box-shadow: 3px 3px 9px
    -4px #567 inset; max-width: 8vw; overflow: hidden; min-width: 8vw;
    background-position: center; background-repeat: no-repeat; padding: .5vh
    .53vw;

}

        .basecell:first-child{
            text-align: center;
        }


        .basecellmydata, .basecellmydatatitle{
    display:table-cell; font-size: calc(9px + .4vw); box-shadow: 0; min-width:
    14vw; max-width: 15vw; overflow: hidden; background-position: center;
    background-repeat: no-repeat; padding: 1vh 1vw; text-align: right; margin:
    .1vh 0;

}

        .basecellmydata{
    background-color: #ddd; text-align: left; min-width: 46.2vw; max-width:
    46.3vw; box-shadow: 3px 3px 9px -4px #567 inset; border-radius:.3vw;

}



.basecell:focus {background-color: #eef;} .basecell:last-child{
    max-width: 5.9vw;
} .base_selected{

    background-color: #ff9;
} .base_selected:hover{

    background-color: #ffc;
}

.cxlixo {
    background-color: transparent; height: 2vh; width: 1vw; text-align: center;
    display: block; cursor: pointer;
        margin: 0 0 0 6vh;

}

span.pegatampa {
    border: .4vh solid #999; width: .2vw; height: .2vh; background-color:
    transparent; display: block; margin: 0 0 -.4vh .2vw;

}

span.tampa {

    background-color: #999; display: block; width: 1vw; height: .4vh;
}

span.caixot { display: block;
    background-color: #999; margin-top: .2vh; height: 2vh; }

#poll_creator{
    width: 40vw; height: 40vh; background-color:rgba(200,200,200,0.5); color:
    #333; border-radius: 1vh; box-shadow: 2px 2px 25px -2px #000; position:
    absolute; top: 13vh; left: 40vw; padding: 1vh 1vw;
    font-family:var(--second-font); font-size: calc(10px + .4vw); z-index:10;
    backdrop-filter:blur(5px);

}
#create_panel{
    padding: 2vh 2vw 2vh 10vw
}
       #create_panel input[type=text] {
                border-radius: .2vh;
    border: 0.2vh solid #ccc; box-shadow: inset .2vh .2vh 3vh -1vh #333;
    text-align: center; padding: 1.1vh 1vw; font-size: calc(9px + .3vw); width:
    21vw; }

     .go {
		border-radius: 1vh;
	box-shadow: inset -.2vh -.2vh 4vh -1vh #000; text-align: center; padding:
	1vh 3vw; text-shadow: -.1vh -.1vh 0.05vh #000,1px 1px 2px; font-size:
	calc(9px + .5vw); background-color: #567; color: #fff; margin:2vh; display:
	inline-block; cursor: pointer;
			}
    .go a, .go a:active , .go a:hover, .go a:visited{
        color: #fff; text-decoration: none;
    }

    #create_poll_title{
        cursor: move;
    }
    #iup{
    width: 100%; display: block; border: none; height: 66vh;

    overflow-y: scroll; }

        #cookie-policy-modal-bg {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0);
            z-index: 1000;
        }
        #cookie-policy-modal {
                position: absolute;
                left: 0;
                width: calc(100vw - 1rem - 6px);
                height: auto;
                background-color: #FFFFFF;
                background-color: #0006;
                border-radius: 1rem;
                padding: 1rem .5rem;
                border: solid 1px #fff6;
                box-shadow: .1rem .1rem 1rem .1rem #333;
                font-size: 0.8rem;
                line-height: 150%;
                backdrop-filter: blur(8px);
                bottom: 0rem;
                color: #fff;
                line-height:110%;
        }

        #cookie-policy-modal-content {
            text-align: center;
        }

        #cookie-policy-modal button {
            padding: 0.4rem 1.9rem;
            margin: .5rem;
            border: 2px solid #fff;
            color: #fff;
            background-color: #09f;
            border-radius: 0.6rem;
            text-shadow: 0 -1px 1px #000;
        }

        .no {
            background: #fff9 !important;
            color: #666c !important;
            border: 0 !important;
        }

        #cookie-policy-modal a,  #cookie-policy-modal a:visited{
            color:#fff;
            text-decoration:underline;
        }