/* For right-to-left languages (Arabic) */
html[lang="ar"] {
    direction: rtl; /* Right-to-left layout */
    text-align: right; /* Align text to the right */
}

/* For left-to-right languages (English) */
html[lang="en"] {
    direction: ltr; /* Left-to-right layout */
    text-align: left; /* Align text to the left */
}


.mybody{
  background-color: #086CAD;
}

.filterDiv {
  float: left;
  color: #000;
  width: 100%;
  text-align: center;
  margin: 2px;
  display: none;
}

.show {
  display: block;
}

.container {
  margin-top: 20px;
  overflow: hidden;
}

/* Style the buttons */
.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

.btn:hover {
  background-color: #ddd;
}

.btn.active {
  background-color: #666;
  color: white;
}
ul li.mynewlist {
  background: #086CAD;
  color: #000;
  font-weight: bold; 
  text-align: center;
  margin: 5px;
  padding: 5px;
}
.blue1{
  background-color: #020236;
}

.blue2{
  background-color: #021068;
}

.blue3{
  background-color: #59dbf8;
}

.blue4{
  background-color: #b7fdfe;
}

.blue5{
  background-color: #0ccbfd;
}

.blue6{
  background: #0086e9;
}
.grey1{
  background: #ededed;
}
.blue7{
  background: #0e0f4c;
}