html{
  height:100%;
}
body{
  margin:0;
  height:100%;
  width:100%;
  padding:0;
  font-size: 12pt;
  /* overflow: hidden; */
  font-family: 'abeezee-regular-webfont', 'abeezeeregular', sans-serif;
}
.canvas_ {
  position:absolute;
  width:100vw;
  height:100vh;
  padding:0;
  margin:0;
  z-index: 1;
}

.canvas_inlet_ {
  position:relative;
  /* width:100%;
  height:100%; */
  object-fit: cover;
  padding:0;
  margin:0;
}

div.smll_box_ {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius:5px;
  font-size: 12pt;
}

div.bigg_box_ {
  position:absolute;
  top: 0;
  width: 45px;
  height: 45px;
  display: inline-block;
  margin: 10px;
  text-align: center;
  padding-top: 10px;
  border-radius:5px;
  font-size: 14pt;
}

div.fade_out_text_ {
  max-height: 120px;
  position: relative;
  overflow: hidden;
}


div.fade_out_text_ .read_more_ { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  height: 100px;
  min-height: 50px;
  text-align: center; 
  margin: 0; padding-top: 25px; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, #fff);
}

.read_more_button_ {
  position: absolute; 
  bottom: 0; 
  right: 0;
  width:120px;
  height:30px;
  border-width:1px;
  border-style: solid;
  border-color:#dd04a0;
  border-radius: 5px;
  padding:3px;
  cursor:pointer;
  background-color: #ffeefa;
}

div.minutes_ {
  border-style: solid;
  border-width: 1px;
  border-radius: 10px;
  border-color: #aa0000;
  font-family: 'Courier New', monospace;
  margin-top:20px;
  margin-bottom:10px;
  padding:5px;
  background-color:#fff1f1;
}

div.virtual_ {
  background-color: #a0aa04;
  color: #000;
}

div.choreo_ {
  background-color: #dd04a0;
  color: #ffffff;
}

div.rep_ {
  background-color: #a0aa04;
  color: #ffffff;
}

div.doc_ {
  background-color: #440aaa;
  color: #ffffff;
}

div.exp_ {
  background-color: #aa0000;
  color: #ffffff;
}

div.per_ {
  background-color: #0a44aa;
  color: #ffffff;
}

a {
  color: inherit
}

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: red;
}
a:active {
  text-decoration: none;
}

.absolute_ {
  position:absolute;
}

.fixed_ {
  position:fixed;
}

.mainheight_ {
  height:90vh;
}

.navheight_ {
  height:10vh;
}

.headingheight_ {
  height:10vh;
}

.displayheight_ {
  height:80vh;
}

.totalwidth_ {
  width:100vw;
}

.foreground_ {
  z-index:2;
}

.scrollable_ {
  overflow-y:auto;
}

.padded_ {
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.nopadding_ {
  padding-right:0;
  padding-left:0;
}

.credit_{
  position: absolute;
  bottom: 0px;
  right: 0px;
  margin-right: 5px;
  text-align: right;
  font-size: 8pt;
  color: #777;
}

.margin_left_ {
  margin-left: 15px;
}
.margin_right_ {
  margin-right: 15px;
}

.padding_left_ {
  padding-left: 15px;
}
.padding_right_ {
  padding-right: 15px;
}

.padding_ {
  padding:5px;
}

.gray_ {
  background-color: #f0f0f0;
}

.heading_ {
  position:fixed;
  top:0;
  overflow-y: hidden;
}

.display_ {
  position:fixed;
  top:10vh;
}

.bottomnav_ {
  position:fixed;
  bottom:0;
}

.center_ {
  text-align:center;
}

.img_height_ {
  height:25vh;
}

.img_title_font_size_ {
  font-size: 18pt;
}

.profile_font_size_ {
  font-size: 18pt;
}

.rounded_card_borders_ {
  border-radius: 15px;
}

.rounded_img_borders_left_ {
  border-radius: 15px 0px 0px 15px;
}

.rounded_img_borders_right_ {
  border-radius: 0px 15px 15px 0px;
}

.cover_ {
  object-fit: cover;
}

.contain_img_ {
  width:100%;
  height:100%;
  object-fit: cover;
  overflow: hidden;
}

.cardborder_ {
  border-style:solid;
  border-color:black;
  border-width:2px;
}

.testdiv_ {
  /* z-index:2;
  border-style:solid;
  border-color:black;
  border-width:0.5px; */
}

.white_ {
  background-color: rgba(255, 255, 255, 0.0)  ;
}

.borders_ {
  border-style:solid;
  border-color:black;
  border-width:0.5px; */
  border-radius:20;
}

.title_ {
  /* margin-left:20%;
  margin-right: 0; */
  margin-top: 20%;
  text-align: center;
  font-size: 32pt;
}

.title4_ {
  font-size: 18pt;
}

.title6_ {
  /* font-size: 22pt; */
}

.align_right_ {
    text-align: right;
}

.photo_credentials_ {
  text-align: right;
  font-size: 8pt;
}

.subtitle_ {
  margin-top: 2%;
  text-align: center;
  font-size: 18pt;
}

.small_margin_ {
  margin-top: 2%;
}

.middle_event_ {
  position: absolute;
  top: 30vh;
  width: 100%;
}

.logodiv_ {
  margin-top: 2%;
  text-align: center;
}

.acknowlegeFWF {
  margin-top: 3%;
  text-align: center;
  font-size: 10pt;
}

.inlineblock_ {
  display: inline-block;
}

.menu_ {
  margin-top: 2%;
  font-size: 18pt;
}

.quite_long_ {
  min-height: 350vh;
}

.justify_ {
  text-align: justify;
}



/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 0px grey;
  border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #000000;
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000000;
}