.w3-theme-l5 {color:#000 !important; background-color:#ffffff !important}
.w3-theme-l4 {color:#000 !important; background-color:#cccccc !important}
.w3-theme-l3 {color:#fff !important; background-color:#999999 !important}
.w3-theme-l2 {color:#fff !important; background-color:#666666 !important}
.w3-theme-l1 {color:#fff !important; background-color:#333333 !important}
.w3-theme-d1 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d2 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d3 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d4 {color:#fff !important; background-color:#000000 !important}
.w3-theme-d5 {color:#fff !important; background-color:#000000 !important}

.w3-theme-light {color:#000 !important; background-color:#f0f0f0 !important}
.w3-theme-dark {color:#fff !important; background-color:#000000 !important}
.w3-theme-action {color:#fff !important; background-color:#000000 !important}

.w3-theme {color:#fff !important; background-color:#000000 !important}
.w3-text-theme {color:#000000 !important}
.w3-border-theme {border-color:#000000 !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#000000 !important}
.w3-hover-text-theme:hover {color:#000000 !important}
.w3-hover-border-theme:hover {border-color:#000000 !important}

body {
	background: #FFF url(/images/bg.png) center top;
	background-position: center top, center top;
	background-repeat: repeat;
}

.w3-top {
	position: relative;
}

.activebutton {background-color:#2196F3!important}

.logocenter {width: 100%;}

.mySlides-a {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge-a {height:13px;width:13px;padding:0}

.w3-display-bottommiddle {bottom: 45%}

.bluerow {background-color: #2196F3;}

.bluerow p {text-align: left; padding: 0 25px;}

.bluerow p, .bluerow h3 {color:#ffffff;}

.whitecola {padding: 0 25px!important;}

#myPage {
	padding: 0 15px;
}

.w3-container {
	padding: 0px;
}

.bluerow .w3-third p {
	padding-bottom: 16px;
}

.flex-container {
  display: flex;
  flex-direction: column; /* Stacks header and iframe vertically */
  height: 200vh;          /* Sets container to 100% of the viewport height */
  width: 100%;
}

/* 2. Target the child iframe to grow and take up remaining space */
.flex-iframe {
  flex: 1;                /* Forces the iframe to grow and take up remaining space */
  border: none;           /* Optional: Removes the default iframe border border */
  width: 100%;            /* Fills the full width of the parent flex container */
  height: 100%;           /* Fills the full height allocated by the flex engine */
}