html,
body {
  color: #4a4a4a;
  font-family: "Roboto", serif;
  background-color: #f8f8f8;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  text-align: center;
}
.frame.colored {
  border-color: #39b578;
  background-color: rgba(57, 181, 120, 0.1);
}
.popup_bg {
  background-color: #f8f8f8;
}
.popup_co {
  color: #4a4a4a;
}

.primary_co {
  color: #ff8400 !important;
}
a.primary_co:hover {
  color: #ffc180 !important;
}

.primary_bg {
  background-color: #ff8400 !important;
  border-color: #ff8400 !important;
}
.edibtn.primary_bg:hover,
a.primary_bg:hover {
  background-color: #ffc180 !important;
  border-color: #ffc180 !important;
}

.primary_br {
  border-color: #ff8400 !important;
  color: #ff8400 !important;
}
a.primary_br:hover,
.edibtn.primary_br:hover,
.bttn.outline:hover {
  border-color: #ffc180 !important;
  color: #ffc180 !important;
}
.bttn.outline {
  background-color: #fbfbfb;
  border: 1px solid #ff9600;
  color: #ff9600;
  margin: -1px 0px !important;
}
.primary_font {
  color: #ffffff;
}

.secondary_bg {
  background-color: #2978d6 !important;
}
.secondary_bg:hover,
a.secondary_bg:hover {
  background-color: #4a95ef !important;
}
.secondary_font {
  color: #ffffff !important;
}