body { 
   color: #FFFFFF; 
   background-color: #435F6B; 
   scrollbar-face-color: #FFFFFF;
   scrollbar-shadow-color: #435F6B;
   scrollbar-highlight-color: #FFFFFF;
   scrollbar-3dlight-color: #FFFFFF;
   scrollbar-darkshadow-color: #435F6B;
   scrollbar-track-color: #435F6B;
   scrollbar-arrow-color: #FFFFFF;
   font-family: "Times New Roman", Georgia, Serif;
  /* font-family: "Lato", sans-serif; */
  /* Color Orange :  	#57c3bd */
}


/* db adaptation */
.w3-db-card,.w3-db-card-2{box-shadow:0 2px 5px 0 #57c3bd ,0 2px 10px 0 rgba(0,0,0,0.12)}  
.w3-db,.w3-hover-db:hover{color:#435F6B!important;background-color:#FFFAF0!important}
.w3-text-db,.w3-hover-text-db:hover{color:#435F6B!important}
.w3-db-button:hover{color:#FFFFFF!important;background-color:#435F6B!important;border:2px solid #57c3bd!important;border-radius:8px!important;font-family: "Lato", sans-serif!important;font-size:14px!important}
.w3-db-selected{color:#FFFFFF!important;background-color:#435F6B!important;border:2px solid #57c3bd!important;border-bottom-left-radius:16px!important;border-top-right-radius:16px!important}

.w3-db-a{text-decoration:none} 
.w3-db,.w3-hover-db:hover,.w3-gray,.w3-hover-gray:hover{color:#435F6B!important;background-color:#FFFAF0!important}
.w3-light-db,.w3-hover-light-db:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#435F6B!important;background-color:#FFFAF0!important}
.w3-margin-db{margin:5px!important}
.w3-bar-db .w3-bar-db-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0; text-decoration:none!important} 
.w3-border-db{border:2px solid #57c3bd!important;border-radius:8px!important}
.w3-db-bgcolor{background-color:#57c3bd!important}
.w3-db-hr{border:0;border-top:1px solid #57c3bd;margin:20px 0}
.w3-db-round-xlarge{border-radius:8px!important;border:2px solid #57c3bd!important}


/* Slideshow container  adding */
.slideshow-container {
  max-width: 500px;
  position: relative;
  margin: auto;
}
/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}
/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}
/* Caption text 
.text {
  color: #F49100;
  background-color: #435F6B;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: center;
}*/