/* @import url("scss_custom/customer/custom.css"); */
@import url("../lib/bootstrap.min.css");
@import url("scss_custom/notie.css");
@import url("dropzone.css");

/* @import url("font_roboto.css"); */

*:focus { outline: none; }
/* *:not(.fas):not(.far):not(.fal):not(.fab) { font-family: 'Kanit', sans-serif; } */
/* *:not(.fas):not(.far):not(.fal):not(.fab) { font-family: 'Prompt', sans-serif; } */
.active { box-shadow: none !important; }
html, body { max-width: 100%; overflow-x: hidden; }
body { display: flex; min-height: 100vh; flex-direction: column;
 background-color: #000; color: #fff; }
.text-gold { color: #e0b602; }
main { flex: 1; }

/* VMS Custom */
.fsz_rem01 { font-size: 0.1rem; }
.fsz_rem02 { font-size: 0.2rem; }
.fsz_rem03 { font-size: 0.3rem; }
.fsz_rem04 { font-size: 0.4rem; }
.fsz_rem05 { font-size: 0.5rem; }
.fsz_rem06 { font-size: 0.6rem; }
.fsz_rem07 { font-size: 0.7rem; }
.fsz_rem08 { font-size: 0.8rem; }
.fsz_rem09 { font-size: 0.9rem; }
.fsz_rem10 { font-size: 1.0rem; }
.fsz_rem11 { font-size: 1.1rem; }
.fsz_rem12 { font-size: 1.2rem; }
.fsz_rem13 { font-size: 1.3rem; }
.fsz_rem14 { font-size: 1.4rem; }
.fsz_rem15 { font-size: 1.5rem; }
.fsz_rem16 { font-size: 1.6rem; }
.fsz_rem17 { font-size: 1.7rem; }
.fsz_rem18 { font-size: 1.8rem; }
.fsz_rem19 { font-size: 1.9rem; }
.fsz_rem20 { font-size: 2.0rem; }
.fsz_rem22 { font-size: 2.2rem; }
.fsz_rem24 { font-size: 2.4rem; }
.fsz_rem26 { font-size: 2.6rem; }
.fsz_rem28 { font-size: 2.8rem; }
.fsz_rem30 { font-size: 3.0rem; }
.fsz_rem32 { font-size: 3.2rem; }
.fsz_rem34 { font-size: 3.4rem; }
.fsz_rem36 { font-size: 3.6rem; }
.fsz_rem38 { font-size: 3.8rem; }
.fsz_rem40 { font-size: 4.0rem; }

.upper { text-transform: uppercase !important; }

header#header, footer#footer { z-index: 10000 !important; }
header#header { height: 4rem; position: sticky; top: 0; }
footer#footer { height: 4rem;  bottom: 0;}

/* display: none; */
#menu_col {
  height: calc(100vh - 6rem);
  top: 4rem;
  position: sticky;
}

.mainBtn {
  display: inline-block; text-align: center;
  color: #e0b602; width: 30%; background: #222222; font-weight: bold; line-height: 120%; padding: 10px 0;
  border: 1px solid #e0b602; border-radius: 4px;
  background: -moz-linear-gradient(top,  #222222 0%, #222222 10%, #000000 100%);
  background: -webkit-linear-gradient(top,  #222222 0%,#222222 10%,#000000 100%);
  background: linear-gradient(to bottom,  #222222 0%,#222222 10%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#000000',GradientType=0 );
}