.xn-theme-d1 {color:#fff !important; background-color: rgba(0, 0, 0, 0.3) !important;} /* Header-Theme */
.xn-theme-d2 {color:#fff !important; background-color: rgba(0, 0, 0, 0.3) !important;} /* Footer-Theme */
.xn-theme-d3 {color:#fff !important; background-color: rgba(50, 50, 50, .4) !important;} /* Box-Theme */

.xn-header-button {color: #fff !important;}
.xn-header-button:hover {color: #919191 !important; background-color: transparent !important;}

.sl-button {color: #fff !important; background-color: rgba(86, 27, 123, 0.8) !important; border: none !important; border-radius: 4px !important;}
.sl-button:hover {color: #fff !important; background-color: rgba(92, 31, 62, 0.8) !important; border: none !important; border-radius: 4px !important;}

.p-button {color: #fff !important; background-color: rgba(12, 199, 0, 0.8) !important; border: none !important; border-radius: 4px !important;}
.p-button:hover {color: #fff !important; background-color: rgba(6, 97, 0, 0.8) !important; border: none !important; border-radius: 4px !important;}

hr {
  height: 2px;
  background-color: #09ff00;
  border: none;
}

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  margin-bottom: 15px;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}