html, body, section{ height:100%; }
body{
	margin:0px;
	/*overflow-y:scroll;*/
	color: #212529;
}

h2 { font-weight: 600; }
.fs-group-note { font-size: .75em; }

/*font*/
.opensans { font-family: 'Open Sans', sans-serif; }
.fw-bold, font-weight-bold { font-weight: 800 !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/*misc*/
a, img  { border: none; }
p       { margin: 0px; }
a       { text-decoration: underline; color: inherit; }
a:hover { text-decoration: none; color: inherit; }
.wb-breakall { word-break: break-all; }
.overflow-x-scroll { overflow-x: scroll;}

.no-drag {
  -webkit-user-drag: none;
  user-drag: none;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rounded-5 {
	border-radius: .5em;
}

.rounded-top {
  border-top-right-radius: .5rem!important;
  border-top-left-radius: .5rem!important;
}

.rounded-bottom {
  border-bottom-right-radius: .5rem!important;
  border-bottom-left-radius: .5rem!important;
}

/*color pallete*/
.bg-theme        { background-color: var(--bs-warning) !important; }
.bg-yellow       { background-color: var(--bs-warning) !important; }
.bg-dark-gray    { background-color: #878787 !important; }
.bg-light-gray   { background-color: #fafafa !important; }

.color-theme      { color: var(--bs-warning) !important; }
.color-yellow     { color: var(--bs-warning) !important; }
.color-blue       { color: #64B5F6 !important; }
.color-cyan       { color: #4DD0E1 !important; }
.color-dark       { color: var(--bs-dark) !important; }
.color-dark-gray  { color: #878787 !important; }
.color-light-gray { color: #fafafa !important; }
.color-white      { color: #ffffff !important; }

.color-gradient-gold {
  color: #ffd768;
  background: -webkit-linear-gradient(#ffd768, #ecbb3a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.border-yellow    { border-color: var(--bs-warning) !important; }
.border-dark      { border-color: var(--bs-dark) !important; }

.carousel-inner   { background-color: var(--bs-dark); }
.carousel-inner.overflow-img .carousel-item { overflow: hidden; height: 100%; }
.carousel-inner.overflow-img .carousel-item img {
  bottom: -9999px;
  height: 100%;
  left: -9999px;
  margin: auto;
  position: absolute;
  right: -9999px;
  top: -9999px;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--bs-warning);
  color: var(--bs-dark);
  font-weight: 700;
}

@media (min-width: 576px) {
	.text-sm-left { text-align: left !important; }
	.text-sm-right { text-align: right !important; }
}

@media (min-width: 768px) {
	.text-md-left { text-align: left !important; }
	.text-md-right { text-align: right !important; }
}

@media (min-width: 992px) {
	.text-lg-left { text-align: left !important; }
	.text-lg-right { text-align: right !important; }
}

@media (min-width: 1200px) {
	.text-xl-left { text-align: left !important; }
	.text-xl-right { text-align: right !important; }
}

@media (min-width: 1400px) {
	.text-xxl-left { text-align: left !important; }
	.text-xxl-right { text-align: right !important; }
}