html,
body,
form[name=body_form],
form[name=editform] {
   height: 100%;
   width: 100%;
}

html,
body {
   background-color: transparent;
}

body.panel_frame { /* IFRAME UVNITŘ PANELU */
   padding: 5px;
   height: auto;
   width: auto;
}

/*************************** MAIN CONTENT ***********************************/
#body-content {
   display: flex;
   flex-direction: column;
   height: 100%;
}

#main_content {
   flex: 1 0 auto;
   background-color: $gray-background;
   display: flex;
}

#right_content {
   flex: 1 0 auto;
   display: flex;
   flex-direction: column;
}

#right_content iframe {
   flex: 1 0 auto;
}

#left_content {
   width: 240px;
   flex: 0 0 auto;
   display: flex;
   flex-direction: column;
   transition: width .5s;
   position: relative;

   .side-hide {
      right: 7px;
      position: absolute;
   }

   &.collapsed {
      width: 56px;
   }

   iframe {
      flex: 1 0 auto;
      background-color: #272930;
   }
}

.container-fluid.box {
   min-height: 100%;
}

.iframe-box {
   margin: -20px; // vyresetuje paddingy
}

/*************************** PANEL ********************************************/

.row.static {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   margin: 0;
   z-index: 20;
}

.row.static .alert {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   margin: 0;
   z-index: 20;
   border-radius: 0;
}

/*************************** PANEL END ********************************************/

/************************ FLEXBOX PROPERTIES **************************************/
.box { /* SLOUPEC */
   display: flex;
   flex-direction: column;
}

.box-row { /* ŘÁDEK */
   display: flex;
}

.boxFlex {
   flex: 1 0 auto;
}

.boxStatic {
   flex: 0 0 auto;
}

.boxFlex textarea,
.boxFlex textarea.wysiwyg {
   flex: 1 0 auto;
}

.tab-content .box.active {
   display: flex;
}

/********************** FLEXBOX PROPERTIES END *************************************/

.bg-white-box {
   background: $body-bg;
   padding: 15px;
   border-radius: $border-radius-base;
}