
.btn-float-left{
	float: left;
    color: white;
	margin-left: 5%;
    background-color: blue; 
    height: 30px;	
}
.btn-float-right{
	float: right;
	margin-right:5%;
    color: white;
    background-color: blue;
    height: 30px; 	
}
code {
  font-family: Consolas,"courier new";
  color: crimson;
  padding: 2px;
  font-size: 105%;
}
h2 {
text-align: center;
 color: green;
}
.span {
color: crimson;
}
pre{font-size: 16pt;} 
textarea{font-size: 15pt;}
h1{text-align: center; font-size: 1vm;} 
h3{text-align: right; font-size: 19pt;}
h4{text-align:center; border: 2px solid red; font-size: 15pt;
height: 75px; margin-right: 5%; margin-left: 5%;}
h5{text-align: right; margin-right: 5%}
li{font-size: 19pt;}
p{
font-family: Arial, Helvetica, sans-serif;
/*text-align: right; */
font-size: 19pt;
font-weight: bold; }

.tr-fard{background-color: blue; color :white;}
.tr-zoje{background-color:  blue 70%; color : white;}
.table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#customers tr:nth-child(even){background-color: #f2f2f2;}

#customers tr:hover {background-color: #ddd;}

#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #04AA6D;
  color: white;
}
.parent {
  border: 1px solid black;
  margin: 1rem;
  padding: 2rem 2rem;
  text-align: center;
}
.child {
  display: inline-block;
  border: 1px solid red;
  padding: 1rem 1rem;
  vertical-align: middle;
}
.img_center {
  display : block;
  margin-left: auto;
  margin-right: auto;
}
div{
     /* CSS3 */   
      
   overflow: auto;     /* IE */
}

.rtd  {text-align: right;}
.ba{background-color: rgb(0,255,0); color:white}
.bh{background-color: #BBBBBB; color:white}
pre{border: 1px solid #aaa;}
.exampleBox{
    border: 1px solid #aaa;
    padding: 12px;
    margin-bottom: 20px;
    border-radius: 6px;
}


#idePanel{
    position: fixed;
    top:0; left:0;
    width:100%; height:100%;
    background: rgba(0,0,0,0.6);
    display:none;
}
#iframeBox{
    width:80%;
    height:80%;
    background:white;
    margin:40px auto;
    border-radius:8px;
    padding:10px;
}
iframe{
    width:100%;
    height:100%;
    border:none;
}
