/**
 * This file holds the basic CSS styles of Silex websites
 */

/* the body covers the whole available space */
/* the body is resized to its content size when needed in front-end.js */
body{
  min-width: 99%;
  min-height: 99%;
  position: absolute;
  padding: 5px;
}
/* pages */
.page-element{
  display: none;
}
.paged-element{
  display: none;
}
.bootstrap-component {
  left: 0px !important;
  top: 0px !important;
  display: block !important; 
  position: relative !important;
}
.bootstrap-element {
  top: 0px !important;
  left: 0px !important;
  position: relative !important;
}
/* this call is not used. It causes problem scaling responsive cells in viewer
.bootstrap-row-element {
  display: flex !important;  
}
*/
.bootstrap-coloum-element {
  top: 0px !important;
  left: 0px !important;
  display: inline-block !important;
  position: relative !important;
  background-color: rgba(255, 255, 255, 0);
}
.bootstrap-enabled-background{
  height: auto;
}


/* default style for silex elements */
.editable-style{
  position: absolute;
}
.silex-element-content{
  overflow: hidden;
  border-radius: inherit;
}
/* background */
.background{
  position: absolute !important;
  left: 0 !important;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
/* links default formatting */
.editable-style[data-silex-href]{
  cursor: pointer;
}
.text-element a, a.text-element{
  color: inherit;
  text-decoration: inherit;
}
.text-element a:hover, a.text-element:hover{
  color: inherit;
  text-decoration: underline;
}
/* Remove dots surrounding links in Firefox
    because of normalize.css */
a:focus{ outline: none;}

.silex-element-content {
  width: 100%;
  height: 100%;
}

.silex-scrollbar-y .silex-element-content {
  overflow-y: scroll !important;
}

.link-element .silex-element-content {
  opacity: 0;
}

.link-template-element .silex-element-content {
  opacity: 0;
}

.link-element [custom-image-bg], .link-element [custom-image-hover], .link-element [custom-image-active] {
  opacity: 1 !important;
}

.link-template-element [custom-image-bg], .link-template-element [custom-image-hover], .link-template-element [custom-image-active] {
  opacity: 1 !important;
}

.link-element:hover .silex-element-content {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

.link-template-element:hover .silex-element-content {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

.symbol-code {
  overflow: visible;
}

.slideGoTo{
  cursor: pointer !important;
}

.overlay-page .background{
  background: transparent !important;
}

.responsive-publication-area{
  height:100%!important;
}
.responsive-class{
  height: 100%!important;
  width: 100%!important;
}
.responsive-page{
  left:0!important;
}
.responsive-scrollbar-content{
  transform:scale(1, 1)!important;
  width: 100vw!important;
}
.responsive-scrollbar-container{
  overflow-y:auto !important;

}
.responsive-background{
  height: auto!important;
  position: relative!important;
}