#btn_whiteboard_broadcast_style_frame{

    position: absolute;
    right: 16;
    bottom: 20;
    z-index: 9;
    height: 36px;
    width: fit-content;

}

@media screen and (max-width:768px){
    #btn_whiteboard_broadcast_style_frame{

        right: 15 !important;
        bottom: 80 !important;
    
    }
}

#btn_whiteboard_broadcast_style{
    padding: .375rem .75rem;
    height: 38px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    color: #6c757d;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #6c757d;
    border-radius: 0.5rem;

}

#btn_whiteboard_broadcast_style:hover{
    background-color: #6c757d;
    color:#FFFFFF
}

#btn_whiteboard_broadcast_style_frame > .more_options_list{

    position: absolute;
    right: 0;
    top: 0;

    display: flex;
    flex-direction: column;

    padding: 0.5rem;
    background-color: #fff;
    /* border-width: 1px;
    border-style: solid;
    border-color: rgb(214, 214, 214); */
    box-shadow:  0px 7px 14px rgba(0, 0, 0, 0.05), 0px 0px 3.12708px rgba(0, 0, 0, 0.0798), 0px 0px 0.931014px rgba(0, 0, 0, 0.1702);
    border-radius: 0.5rem;

    transform: translate(0%,calc(-100% - 12px));

    white-space: nowrap;
}

#btn_whiteboard_broadcast_style_frame > .more_options_list > label{

    padding: 0.5rem;
    margin: 0rem;
    cursor: pointer;

}

#btn_whiteboard_broadcast_style_frame > .more_options_list > label:hover{
    background-color: #f5f5f5;
    border-radius: 0.375rem;
}

#modal_broadcast_history_frame{
    position: absolute;
    top: 0; 
    right:0; 
    z-index: 994;
    width: 100%; 
    padding-top:60px; 
    padding-bottom:10px; 
    pointer-events: none;
}

@media screen and (max-width:992px){
    #modal_broadcast_history_frame {
        padding-bottom: 80px !important;
    }
}  

#modal_broadcast_history_frame .main_div{

    background-color: #fff;

    border: 1px solid #ebebeb;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;

    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 
                0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 
                0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 
                0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 
                0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 
                0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);

}

@media screen and (max-width: 768px){
    #modal_broadcast_history_frame .main_div {

        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;

        margin: 0.5rem;
    }
} 

.excalidraw_btn_style{

    height: 36px;
    width: fit-content;

    display: flex;
    align-items: center;

    background-color: rgba(255, 255, 255, 0.96);
    padding: 5px;
    color: rgb(127, 126, 126);
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(214, 214, 214);
    border-radius: 0.5rem;

}

.excalidraw_btn_style:hover{
    background-color: #f5f5f5;
}


#modal_vote_tool_html_frame{
    position: absolute;
    top: 0; 
    right:0; 
    z-index: 994;
    width: 100%; 
    padding-top:60px; 
    padding-bottom:10px; 
    pointer-events: none;
}

@media screen and (max-width:992px){
    #modal_vote_tool_html_frame {
        padding-bottom: 80px !important;
    }
} 


#modal_vote_tool_html_frame .main_div{

    background-color: #fff;

    border: 1px solid #ebebeb;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;

    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 
                0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 
                0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 
                0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 
                0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 
                0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);

}

@media screen and (max-width: 768px){
    #modal_vote_tool_html_frame .main_div {

        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;

        margin: 0.5rem;
    }
} 


.vote_res_1_item {
    position: relative;
    -webkit-box-pack: justify;
    display: flex;
    justify-content: space-between;
}

.vote_res_1_item_progressbar {
    position: absolute;
    height: 100%;
    opacity: 0.3;
}


#modal_ad_broadcast_html_frame{
    position: absolute;
    top: 0; 
    right:0; 
    z-index: 1000;
    width: 100%; 
    padding-top:60px; 
    padding-bottom:10px; 
    pointer-events: none;
}

@media screen and (max-width:992px){
    #modal_ad_broadcast_html_frame {
        padding-bottom: 80px !important;
    }
} 

#modal_ad_broadcast_html_frame .main_div{

    background-color: #fff;

    border: 1px solid #ebebeb;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;

    box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 
                0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 
                0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 
                0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 
                0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 
                0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);

}

@media screen and (max-width: 768px){
    #modal_ad_broadcast_html_frame .main_div {

        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;

        margin: 0.5rem;
    }
}