/* BS overrides BEGIN */
body {
  background-color: #22042d !important;
  color:  #fcf3cf;
  font-size: 14px;
  padding-top: 3.5rem;
}
a {
    color: #c265ece0;
}
h1, h2, h3, h4, h5{
  color: #c4aeec;
}
small{
  color:#7ae7eb;
}
.wizHighlight{
  color:#7ae7eb;
}
small a{
  color:#41ccd1;
  text-decoration: underline !important;
}
.recipe-body {
  background-color: #e7f2f5 !important;
  color: #190326;
  font-size: 12px;
}
.btn-primary {
  color: #420870;
  background-color: #8f41cd;
  border-color: #8f41cd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #7300d9;
  border-color: #6606bb;
}
.btn-outline-primary {
  border-color: #8f41cd;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #7300d9;
  border-color: #6606bb;
}
.btn-default {
  color: #420870;
  background-color: #c2d3e3;
  border-color: #c2d3e3;
}
.btn-default:hover {
  color: #fff;
  background-color: #84aecd;
  border-color: #7096b3;
}

.btn-default:focus, .btn-default.focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-default.disabled, .btn-default:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.card-title {
  font-size: 18px;
}
.card-subtitle {
  font-size: 14px;
}
/* BS overrides END */
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.custom-select{
  background-color: #0a5639 !important;
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.LeaderBox {
  width: 850px;
  animation-duration: 3s;
  overflow:hidden;
  margin: 2.5em auto;
  padding: 1.2em 0;
  font-size: 1.5em;
  color: #E4F6F8;
}
input.qs_w50, select.qs_w50,  textarea.qs_w50 {
	width: 50px !important;
}
input.qs_w75, select.qs_w75,  textarea.qs_w75 {
	width: 75px !important;
}
input.qs_w125, select.qs_w125,  textarea.qs_w125 {
	width: 125px !important;
}
input.qs_w200, select.qs_w200, textarea.qs_w200 {
	width: 200px !important;
}
input.qs_w250, select.qs_w250, textarea.qs_w250 {
	width: 250px !important;
}
input.qs_w300, select.qs_w300, textarea.qs_w300 {
	width: 300px !important;
}
input.qs_w420, select.qs_w420, textarea.qs_w420 {
	width: 420px !important;
}
input.qs_w600, select.qs_w600, textarea.qs_w600 {
	width: 600px !important;
}
hr.flaired{
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: #b16ee0;
    border-width: 1px 0 0 0;
    border-radius: 20px;
}
hr.flaired:before {
/* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: #b16ee0;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

.navAtTop{
position:fixed;
top:0;right:0;left:0;
}

.sameLine{
  display: inline-block !important;
}