.has-bg-custom-grey{
  background-color: #6D767E !important;
}

.has-bg-custom-orange{
  background-color: #FF784e !important;
}

body {
  height: 100vh;
  overflow: hidden !important;
}

body::-webkit-scrollbar {
  display: none;
}

.columns:last-child{
  margin-bottom: 0rem !important;
}

.is-fullwidth{
  width: 100%;
  overflow-x: hidden;
}

.is-collapsed{
  max-width: 2.5rem !important;
  border: 4px solid Black !important;
}

.fullheight{
  height: 100% !important;
  margin: 0px !important;
  padding: 0px !important;
}

.maxheight{
  max-height: calc(100vh - 3.25rem - 5px) !important;
  overflow-y: auto;
}

.add-border{
  border: 2px solid DimGrey;
  border-radius: 3px !important;
}

.light-padding{
  padding: 0.3rem !important;
}

.light-margin{
  margin: 2px !important;
}

.menu{
  width: 100%;
  max-height: 100vh;
}

.menu-content{
  overflow: auto;
  max-height: calc(100vh - 3.25rem - 5px);
  overflow-x: hidden;
}

.iframe-container {
  overflow: auto;
  /* // Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625) */
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
   border: 0;
   min-height: 85vh;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.box {
  padding: 0.05rem !important;
  margin: 0rem !important;
  /* box-shadow: 0 0.5em 1em -0.125em rgba(255, 120, 78, 0.1), 0 0px 0 1px rgba(255, 120, 78, 0.22) !important; */
}

.overlay-menu{
  position: fixed;
  bottom: 5px;
  left: 5px;
  z-index: 1;
}

.overlay-generate{
  position: fixed !important;
  bottom: 5px;
  right: 25px;
  z-index: 1;
}

.infobutton{
  /* position: absolute !important;
  top: 5px;
  right: 5px; */
  z-index: 1;
}

.videobutton{
  /* position: absolute !important;
  top: 5px;
  left: 5px; */
  z-index: 1;
}

.is-overlayed{
  z-index: 1;
  position: absolute !important;
}

.is-transparent{
  opacity: 0.5;
}

.is-transparent:hover{
  opacity: 1;
}