.tab__content > li {
    width: 100%;
    float: left;
    top: 0;
    left: 0;
    display: none;
    list-style: none;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    /*left: -250px;*/
    margin-top: 54.8px;
    height: 100vh ;
    z-index: 999;
    /*background: rgba(17,24,39,1);
    color: rgba(156,163,175,1);*/
    transition: all 0.3s;
    overflow-y: auto;
    box-shadow: 3px 3px 3px rgb(0 0 0 / 20%);
    background: rgba(243,244,246,1);
    color: rgba(55,65,81,1);
  }

  @media screen and (max-height:460px){
    #sidebar > .list-unstyled.components{

      min-height: 450px!important;

    }
}

  #sidebar.fold {
    width: 65px !important;
  }

  #sidebar.fold #sidebar_profile{
    display: none;
  }

  #sidebar.fold .nav-item.nav-link{
    padding: 20px;
  }

  #sidebar.fold .nav-item.nav-link>span{
    display: none;
  }

  #sidebar .sidebar-header {
    padding: 20px;
    background: #343a40;
  }
  #sidebar ul.components {
    padding: 20px 0;
    
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  #sidebar_overlay.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 995;
    transition: all 0.5s ease-in-out;
    background-color: #00000054;

    transition: all 0.5s ease-in-out;
  }
  /* display .overlay when it has the .active class */
  #sidebar_overlay.overlay.active {
    display: block;
    opacity: 1;
  }

  #ad_backstage_show_classroom_select_overlay.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 1000;
    transition: all 0.5s ease-in-out;
    background-color: #00000054;

    transition: all 0.5s ease-in-out;
  }
  /* display .overlay when it has the .active class */
  #ad_backstage_show_classroom_select_overlay.overlay.active {
    display: block;
    opacity: 1;
  }
  
  
  #dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #343a40;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  div.navigationBarContainer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    background-color: #FFFFFF;
  }

.nav-item.nav-link{
    cursor: pointer;
    padding: 15px 30px;
    /*display: block;*/
    /*color: rgba(255, 255, 255, 0.6);*/
    /*color:#a2a2a2;*/
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    text-align: start;
}
/*.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: transparent;
    color: #fff;
  }*/

.main_nav.nav-item.nav-link.active{
    /*background-color: #2f89fc;*/
    background-color: #04b4b4;
    color: #FFF;
}

.nav-item.nav-link:hover{
    /*color: #fff;*/
    color:#04b4b4;
}

.edition_type_vertical_select_preview{
    border: 2px solid #000000;
    height: 75px;
    width: 100px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;
}


.resize_for_modal_70vh{
    height: 70vh;
    overflow-y: auto;
}

@media screen and (max-width:760px){
    .resize_for_modal_70vh{
        overflow-y: unset;
        height: unset;
      }
}


@media screen and (min-width:992px){
  #back_dashboard_div > .container-fluid{
    margin-top: 55px !important;
    /*height: calc(100vh - 55px) !important;*/
    padding-left: 80px;
    }
    #ad_home_end_the_course_course_info_listgroup_card_body{
      height: calc(100vh - 400px)!important;
    }


    
}

#back_dashboard_div > .container-fluid{
  margin-top: 55px;
  /*height: calc(100vh - 115px);*/
  
  }


#ad_home_end_the_course_course_info_listgroup_card_body{
  height: calc(100vh - 500px);
}




.row-eq-height {

  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}



.sidebar-profile{
  /*position: absolute;
    bottom: 100px;
    right: 0;
    left: 0;*/}
#mCSB_1_container{
  height: 100%;
}

.excalidraw-modal-container .Modal__content{
  margin-top: 60px;

}
@media screen and (min-width:768px){
  .excalidraw-modal-container .Modal__content{ height: calc(100%- 50px);}
}


#ad_etc_whiteboard_start_and_stop_broadcast_btn{
  position: absolute;
    right:110;
    bottom: 18;
    z-index: 9;
    height: 38px;
    width: fit-content;


    background-color: rgba(255, 255, 255, 0.96);
    padding: .375rem .75rem;
    color: #dc3545;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #dc3545;
    border-radius: 0.5rem;
    font-weight: 700;
}

#ad_etc_whiteboard_start_and_stop_broadcast_btn:hover{
  border-color: #dc3545;
  background-color: #dc3545;
  color: #ffffff;
}

/*#ad_etc_whiteboard_start_reversebroadcast_btn{
  position: absolute;
  right: 240;
  bottom: 20;
  z-index: 9;
  height: 38px;
  width: fit-content;
}*/

#ad_etc_whiteboard_broadcast_irs_btn_group{
  position: absolute;
  right: 210;
  bottom: 18;
  z-index: 9;
}

#ad_etc_whiteboard_broadcast_select_irs_type_btn{
  border-color: #CE7137;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 38px;
  width: fit-content;
  background-color: rgba(255, 255, 255, 0.96);
  padding: .375rem .75rem;
  color: #a0572a;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #a0572a;
  font-weight: 700;
}
#ad_etc_whiteboard_broadcast_select_irs_type_btn:hover{
  border-color: #a0572a;
  background-color: #a0572a;
  color: #ffffff;

}

#ad_etc_whiteboard_broadcast_irs_btn_dropdown_menu{
    will-change: transform;
    flex-direction: column;
    padding: 0.5rem;
    background-color: #fff;
    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;
    position: absolute;
    transform: translate3d(-60px, -52px, 0px);
    top: 0px;
    left: 0px;
    min-width: 5rem;
    border: unset;
}

#ad_etc_whiteboard_broadcast_irs_btn{
  border-color: #CE7137;
  /*background-color: #CE7137;
  color: #ffffff;*/
  align-items: center;
  display: flex;
  justify-content: center;
  /*position: absolute;
  right: 160;
  bottom: 20;
  z-index: 9;*/
  height: 38px;
  width: fit-content;

  background-color: rgba(255, 255, 255, 0.96);
  padding: .375rem .75rem;
  color: #a0572a;
  cursor: pointer;
  border-width: 1px;
  border-style: solid;
  border-color: #a0572a;
  border-radius: 0.5rem;
  font-weight: 700;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

#ad_etc_whiteboard_broadcast_irs_btn:hover{
  border-color: #a0572a;
  background-color: #a0572a;
  color: #ffffff;
}

#backstage_ad_etc_whiteboard .Island.layer-ui__sidebar{
  z-index: 10!important;
}

#backstage_ad_etc_whiteboard .App-bottom-bar{
  z-index: 10!important;
}


#btn_whiteboard_classroom_number_show_modal_btn{
  position: absolute;
  left: 60;
  top: 16;
  z-index: 9;
  background-color: rgba(255, 255, 255, 0.96);
  padding: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(214, 214, 214);
  border-radius: 0.5rem;
}
@media screen and (max-width:768px){
  #ad_etc_whiteboard_start_and_stop_broadcast_btn{
    right: 110 !important;
    bottom: 78 !important;
  }

  #btn_whiteboard_classroom_number_show_modal_btn{
    right: 20!important;
    bottom: 20!important;
    left: unset!important;
    top: unset!important;
    z-index: 11;
  }

  /*#ad_etc_whiteboard_start_reversebroadcast_btn{
    right: 185 !important;
    bottom: 80 !important;
  }*/

  #ad_etc_whiteboard_broadcast_irs_btn_group{
    right: 210 !important;
    bottom: 78 !important;
  }



}
@media screen and (max-width:940px){
  #ad_etc_whiteboard_tool_mod_main_btn{
    right: 0 !important;
    top: 250 !important;
  }
}

.main_nav > *{
  pointer-events: none;
}

#backstage_ad_etc_whiteboard_stu_broadcast_preview{
  left: 0;
    top: 0;
    position: absolute;
    background: #FFFFFF;
    z-index: 11;
    border: 1px solid #dc3545;
    width: 100%;
    height: 100%;
}

#ad_etc_whiteboard_tool_mod_main_btn{
  /*border-color: #CE7137;
  background-color: #CE7137;*/
  /*color: #ffffff;*/
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 130;
  top: 15;
  z-index: 9;
  height: 38px;
  width: fit-content;
}

.horizontally_and_vertically_centered{
  justify-content: center;
    align-items: center;
    display: flex;

}
.excalidraw .dropdown-menu{
  display: block;
  border: 0px solid rgba(0,0,0,.15);
}
.dropdown-menu-group {
  display: none;
}
.excalidraw .Stack{
  gap: inherit!important;
}
.cp-color-picker{
  z-index: 5;
}

 #ad_etc_whiteboard_tool_mod_main_sidebar_div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
  margin-bottom: 10px;
  background-color: #fff;
  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);;
  overflow: hidden;
  border-radius: 0;
  border-left: 1px solid #ebebeb;
  padding: 0;
  box-sizing: border-box;
}

@media screen and (max-width:992px){
  #ad_etc_whiteboard_tool_mod_main_sidebar_div {
  margin-bottom: 70px !important;
}


}

.context-menu > li[data-testid="paste"]{
display: none;
}

#ad_etc_whiteboard_tool_mod_main_sidebar_div_btn{
  border-radius: 30px;display: flex;justify-content: center;align-items: center;
  color:#FFFFFF;
  font-weight: 600;
  font-size: 1.1rem;
  border: 0;
  background-color: rgb(255 124 0);
}

#ad_etc_whiteboard_tool_mod_main_sidebar_div_btn:hover{
  background-color: rgb(212 105 4);
}


#ad_etc_whiteboard_tool_mod_main_sidebar_div_body{
  height: calc( 100% - 75px);
}


#ad_etc_whiteboard_tool_mod_main_pills-tab > li >.nav-link.active, .nav-pills .show>.nav-link{
  color: #000000;
     background-color: #ffffff00; 
    border-bottom: 2px solid #007bff;
    border-radius: 0;
    font-weight: 600;
}


@media (max-width: 992px){
  #manage_carousel_ad_home_classroom_number_show_modal > .modal-dialog-scrollable > .modal-content {
    height: calc(100vh - 1.5rem);
}
}


#ad_etc_whiteboard_menu_left_hide_and_show_btn{
  position: absolute;
  left: 200;
  top: 0;
  /*z-index: 3;*/
  padding: 3;
  line-height: 20;
  height: 100;
}

#ad_etc_whiteboard_menu_left_hide_and_show_btn.hide{
  left: 0 !important;
}


@media screen and (max-width:768px){
  #ad_etc_whiteboard_menu_left_hide_and_show_btn{
    display: none;
  }
}



#ad_backstage_notification_mod_sidebar_div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 12;
  margin-bottom: 10px;
  background-color: #fff;
  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);;
  overflow: hidden;
  border-radius: 0;
  border-left: 1px solid #ebebeb;
  padding: 0;
  box-sizing: border-box;
}

@media screen and (max-width:992px){
  #ad_backstage_notification_mod_sidebar_div {
  margin-bottom: 70px !important;
}


}



.excalidraw .dropdown-menu .dropdown-menu-item[data-testid="toggle-dark-mode"]{
  display: none;
}

.btn_setting_broadcast_type {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}


.guide-x {
  text-align: center;
  background-color: #fff;
  position: fixed;
  overflow: hidden;
  background: transparent;
}
.guide-overlay {
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  background: linear-gradient(transparent, transparent);
}
.guide-overlay-shape {
  width: 100px; height: 60px;
  position: fixed;
  left: 0; top: 0; right: 0; bottom: 0;
  /*margin: auto;*/
  /*border-radius: 50%;*/
  box-shadow: 0 0 0 9999px rgba(0,0,0,.5);
}


#qrcode_for_classroom_key_img > img{
  margin: auto; 
  padding: 10px;
  background-color: #FFFFFF;
}

#notification_mod_tab .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #04b4b4;
  color: #FFFFFF;
}

#notification_mod_tab .nav-link, .nav-pills .show>.nav-link {
  color: #04b4b4;
}


.notification_mod_tabContent_card{
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
/*padding: 14px 80px 18px 36px;*/
cursor: pointer;
}

.notification_mod_tabContent_card:hover{
  transform: scale(1.05);
box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

/*.notification_mod_new_notify  :after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  background: #dc3545;
  top: 10;
  right: 85;
  border-radius: 50%;
}*/

#ad_backstage_notification_mod_btn_div .badge {
  position: absolute;
  top: -10px;
  right: -20px;
  /*padding: 5px 10px;*/
  /*border-radius: 50%;*/
  background: red;
  color: white;
}


.rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.rating > input{ display:none;}

.rating > label {
  position: relative;
    width: 1em;
    /*font-size: 6vw;*/
    color: #FFD600;
    cursor: pointer;
    margin-bottom: 0;
    font-size: 2rem;
}
.rating > label::before{ 
  content: "\2605";
  position: absolute;
  opacity: 0;
}
/*.rating > label:hover:before,
.rating > label:hover ~ label:before {
  opacity: 1 !important;
}*/

.rating > input:checked ~ label:before{
  opacity:1;
}

/*.rating:hover > input:checked ~ label:before{ opacity: 0.4; }*/