.r-left:not(.r-left-collapsed) .r-menu [data-menu-top], .r-left:not(.r-left-collapsed) .r-menu [data-menu-inline] {
    font-size: 12px;
}

.iframe-container {
  overflow: hidden;
  // 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 {
   height: 850px;
   width: 100%;
   left: 0;
   position: absolute;
   top: 20;
   overflow: hidden;
}

iframe {
	width: 100%;
	border: none;
	display: block;
	margin: 0px auto;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 300px;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

   .scrollable-div {
        width: 520px; /* Set width as needed */
        height: 200px; /* Set height as needed */
        overflow: auto; /* Enable scrolling */
    }
    
       .scrollable-div2 {
        width: 400px; /* Set width as needed */
        height: 200px; /* Set height as needed */
        overflow: auto; /* Enable scrolling */
    }

.r-grid-vertical > .r-record-body > .panel > .panel-body > table {
	width: 520px;
}

.bs-details, .form-section, .form-tabs, [data-itemtype="master_info"] {
	display: table;
	width: 98%;
}