.class-bot-top {
float: right;
}
.body, ul, ol, table, blockquote {
  font-size: 17px;
  line-height: 25px;
}
strong {
font-weight: 600;
}

blockquote {
    padding: 20px 20px 20px 20px;
}

.class-nav {

}

.class-nav:hover {

}

.class-nav22 {
border: solid 4px #fff !important;
}

.class-nav22:hover {
border: solid 4px #00aeff !important;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3) !important;
}

.class-nav23 {
border: solid 4px #00aeff !important;
}

.class-nav23:hover {
border: solid 4px #fff !important;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3) !important;
}

.tabl1 {
background-color: #00aeff99;
    color: #fff;  
}




td { 
 /* Behave  like a "row" */
 border: solid 1px #00aeff;
padding: 5px;
font-size: 11pt !important;
 }

border-color: #00aeff;


table {text-align: left;
}
 
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
 
 /* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { 
 display: block; 
 }
 
 /* Hide table headers (but not display: none;, for accessibility) */
thead tr { 
 position: absolute;
 top: -9999px;
 left: -9999px;
 }
 
tr { 
 border: solid 1px #00aeff;
  }
 
td { 
 /* Behave  like a "row" */
 border: solid 1px #00aeff;
 max-width: 100% !important; 
 position: relative;
 }
 
td:before { 
 /* Now like a table header */
 position: absolute;
 /* Top/left values mimic padding */
 top: 6px;
 left: 6px;
 width: 45%; 
 padding-right: 0px; 
 white-space: nowrap;
 }