body {
  padding-top: 5rem;
}

html {
  font-size: 14px;
}
.c {
    position:absolute;
    width:40px;
    height:30px;
    background:red;
    top:0;
    left:100%;
}

.generovanie {
 width: 250px;
 height: 18px;
 background-color: black;
 position: absolut;
 top: 97%;
 left: 80%;
   }
   
   .navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
   
.col-3
  {
     border: solid black 0px;
	 background: white;
	 
} 


.col-9
  {
     border: solid black 0px;
	 background: white;
	 
}
.col-12
  {
     border: solid black 0px;
	 background: white;
	 
} 

.btn-sm i {
		float: left;
		font-size: 20px;
		margin-right: 5px;
	}	
.btn-lg i {
		float: left;
		font-size: 35px;
		margin-right: 5px;
	}
	
.tooltip-inner {
  text-align: left!important;
}	

.tooltip-inner {
    max-width: 800px !important;
}	
		
.btn-middle i {
		float: left;
		font-size: 30px;
		margin-right: 5px;
	}	
	
.table .thead-info th {
  color: #000;
  background-color: #17a2b8;
  border-color: #dee2e6;
}	
	
	
<!--
  Sizes:
  tiny: 1rem
  small: 2rem
  medium: 4rem
  large: 6rem
  -->