/* <?php
  $boja="black";
?> */
:root {
  --back: #1e90ff; 
  --back1: #e6ffff;
  --color: #ffffff;
  --color1: #80ccff;
  --hcolor: white;
  
  --font1: 24px;
}

body { display:none; padding:0px; margin:0px; height:100% !important; font-family: Arial; 
 background-color: var(--back); font-size:var(--font1);
 overflow: hidden; 
/*  
background: linear-gradient(180deg,var(--back) 50%,var(--color) 0);*/
}
.ksabs{ position:absolute;  cursor:pointer; z-index: 101; font-size:var(--font1); color:var(--color); font-weight: normal; } 
.ksabs:hover { color: var(--hcolor); font-weight: bold; } 


.ksmeni{ cursor:pointer; z-index: 101; font-size:var(--font1); color:var(--color); font-weight: bold; } 
.ksmeni:hover { color: var(--hcolor); font-weight: bold; } 
.mmm{ position:absolute; opacity: 1; padding:15px 15px 15px 15px; background:black; color:grey; top:50; border: 5px solid grey;}
 
.zastor{ position:absolute; 
 opacity: 0.0; padding:0px; background:black; color:grey; top:0; left:0; width:100%; height:93%; border: 1px solid grey;}


h2 {
  border-bottom: 2px solid #1e90ff;
}
button {
  background-color: #ffffff;
 
  color: var(--color1);
  border: 1px solid #1e90ff;
  padding: 5px;
}
/* Style the tab */
.tab {
  overflow: hidden;
  border: 0px solid #ccc;
  background-color:  var(--back);
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  color: var(--color);
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 10px 5px 10px;
 /*  padding: 0px;/**/*/
 transition: 0.9s;
  font-size: var(--font1);
  text-align:center;
}

/* Change background color of buttons on hover */
.tab button:hover {
  /* background-color: #ddd;   */
  border-bottom: 2px solid white;
  color: var(--color1);
  
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: var(--back1);
  
}

/* Style the tab content 
 padding: 6px 12px;
*/
.tabcontent {
  display: none; float: right;  overflow:auto;
 /*  //width:65%; height:90%; */
  border: 1px solid black;
 /*  border-top: none;
 */}

.tableft{ padding: 20px;
border: 0x solid green; float:left ; width:200px; background:black; overflow:auto;
} 

/* 
.tabright{ padding:5px; border: 6px solid green; float: right; width:70%; height:90%;  } 
.div0{ padding:15px; border: 0px solid red; position: absolute;  height:100%; }  
.tableft33 {
  display: none; 
  width:30%; height:90%;*/padding:5px; 
  border: 1px solid grey;
  border-top: none;
} */