.w3-theme {color:#000 !important; background-color:#fff !important}
.w3-text-theme {color:#515E7B !important}
.w3-border-theme {border-color:#515E7B !important}

.w3-hover-theme:hover {color:#fff !important; background-color:#515E7B !important}
.w3-hover-text-theme:hover {color:#515E7B !important}
.w3-hover-border-theme:hover {border-color:#515E7B !important}

.w3-theme-light {color:#000 !important; background-color:#8090B5 !important}
.w3-theme-medium {color:#fff !important; background-color:#3C4E68 !important}
.w3-theme-dark {color:#fff !important; background-color:#3C4E68 !important}
.w3-theme-action {color:#fff !important; background-color:#183153 !important}

/* Red */
.w3-light-red,.w3-hover-light-red:hover,.w3-light-red,.w3-hover-light-red:hover{color:#000!important;background-color:#ff8080!important}

/* Grey */
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}

.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}

.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}

/* Yellow */
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}

.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#FFE27B!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#FFE27B!important}.w3-border-pale-bl
.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}

/* Green */
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#339275!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#20C997!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#e7ffe7!important}

.w3-border-green,.w3-hover-border-green:hover{border-color:#339275!important}
.w3-text-green,.w3-hover-text-green:hover{color:#339275!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#20C997!important}

.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#20C997!important}
.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}

/* Blue */
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#1864AB!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-dark-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#183153!important}

.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#B9DFDF!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#1864AB!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#1864AB!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
/* Orange */
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ffcc00!important}


.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordionN {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20px;
  transition: 0.4s;
}

.accordionN:after {
  content: '';
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}