/*
------------------------------
CSS Reset
------------------------------
*/
* {
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
    font-size: 14px;
    font-family: 'Helvetica';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    color: #000;
}
div, header, section, footer, aside, nav, article, hgroup {
    display: block;
}
html, body {
    text-align: center;
    line-height: 1;
}
body {
    overflow-y: scroll;
}
body::-webkit-scrollbar {
    display: none;
}
ol, ul {
    list-style: none;
}
*:focus {
    outline:none !important;
}
input {
    border-radius: 0;
}
/*
------------------------------
Colors
------------------------------
- Black
- Text                 = #212121
- Header Panel Border  = #3e3e3e
- Header Panel         = #606060
- 2nd Text             = #8b8b8b
- Med. Panel / Divider = #bdbdbd
- Panel / Subtitle     = #e8e8e8
- Background           = #fefefe
- White

- Yellow Orange        = #ffaa00
- Yellow Yellow Orange = #ffbf00
- Yellow               = #ffd700

- Teal (Link)          = #009999
*/
/*
------------------------------
Colors REDESIGN
------------------------------
- Black
- TEXT                 = #111
- HEADER BORDER        = #878E96
- HEADER PNL           = #212121
- MED PNL BDR          = #232F3E
- MED PNL              = #878E96
- PNL EXT BDR          = #CCC
- PNL INT BDR          = #E7E7E7
- PNL HDR TEXT         = #444
- PNL TEXT             = #767676
- PNL                  = #FFF
- BKGND                = #E6E7E9

- Yellow Orange        = #ffaa00
- Yellow Yellow Orange = #ffbf00
- Yellow               = #ffd700
- Pending              = #ffe97f

- LINK COLOR           = #48A3C6
*/
/*
------------------------------
Links
------------------------------
*/
a:link,
a:visited {
  color: #48A3C6;
  cursor: pointer; }
.btn {
  background-color: #FFF;
  line-height: 29px;
  border-top: 1px solid #FFF;
  border-right: 2px solid #CCC;
  border-bottom: 2px solid #CCC;
  border-left: 1px solid #FFF;
  color: #48A3C6;
  cursor: pointer; }
.APP_N {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f5f6f7;
    border: 1px solid #ccd0d5;
    padding: 5px 10px;
    color: #48A3C6;
    cursor: pointer;
}
.page_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #e8e8e8;
    padding: 5px 10px;
    color: #48A3C6;
    cursor: pointer;
}
.page_btn_active {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #48A3C6;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}
.sponsor_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #48A3C6;
    padding: 5px 60px;
    color: #fff;
    cursor: pointer;
}
.button_danger {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #d9534f;
    border: 1px solid #d43f3a;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
}
.button_danger:hover {
    background-color: #c9302c;
    border: 1px solid #ac2925;
}
.button_wide {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #48A3C6;
    border: 1px solid #ccd0d5;
    padding: 5px 60px;
    color: #fff;
    cursor: pointer;
}
.btn img {
  vertical-align: middle; }
.form_button {
    border-radius: 2px;
    padding: 4px 6px;
    border: 1px solid #DDD;
    color: #111;
    box-shadow: 0 0 0 1px #DDD;
    background: linear-gradient(#FFF,#E8E8E8);
    cursor: pointer; }
.form_button:hover {
     border: 1px solid #FFF; }
.form_button:active {
    background: linear-gradient(#E8E8E8,#FFF); }
.form_button_yellow {
    border-radius: 2px;
    padding: 4px 6px;
    border: 1px solid #ffd700;
    color: #111;
    box-shadow: 0 0 0 1px #DDD;
    background: linear-gradient(#ffffd2,#efec9a);
    cursor: pointer;
}
.form_button_red {
    border-radius: 2px;
    padding: 4px 6px;
    border: 1px solid #EF9A9A;
    color: #111;
    box-shadow: 0 0 0 1px #DDD;
    background: linear-gradient(#FFCDD2,#EF9A9A);
    cursor: pointer;
}
.form_button_yellow:hover {
    border: 1px solid #ffffd2; }
.form_button_red:hover {
    border: 1px solid #FFCDD2; }
.form_button_yellow:active {
    background: linear-gradient(#efec9a,#ffffd2); }
.form_button_red:active {
   background: linear-gradient(#EF9A9A,#FFCDD2); }
.form_text {
    padding: 3px 6px;
    border: 1px solid #DDD;
    background-color: #FFF; }
.form_text:active {
    border: 1px solid #FFF; }
.btnDelete {
    color: red;
    font-style: italic; }
.SMTBTN {
    background: linear-gradient(#FFDD00,#ffd700);
}
.SMTBTN:active {
    background: linear-gradient(#ffd700,#FFDD00);
}
/*
------------------------------
Fonts
------------------------------
*/
@font-face {
    font-family: 'modern20_reg';
    src: url('/assets/fonts/mod20-webfont.woff2') format('woff2'),
         url('/assets/fonts/mod20-webfont.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('/assets/fonts/OpenSans-Light-webfont.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('/assets/fonts/OpenSans-LightItalic-webfont.woff') format('woff');
    font-display: swap;
}
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.FF_INTER {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}
@font-face {
    font-family: 'inter';
    src: url('/assets/fonts/Inter-VariableFont_opsz,wght.ttf') format('ttf');
    font-display: swap;
}
@font-face {
    font-family: 'inter_italic';
    src: url('/assets/fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('ttf');
    font-display: swap;
}
/*
------------------------------
ICON STYLES
------------------------------
*/
.api-material-symbols-sharp {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48,
  'font-size' 50px,
}
/*
------------------------------
Display Objects
------------------------------
*/
.DN { display: none; }
.DB { display: block; }
.DIB { display: inline-block; } 
.DFR { display: flex; flex-direction: row; }
.DFC { display: flex; flex-direction: column; }
.VH { visibility: hidden; }
.O_5 { opacity: 0.5; }
.PE_N { pointer-events: none; }
.PE_V { pointer-events: visible; }
/*
------------------------------
Position Objects
------------------------------
*/
.POSF { position: fixed; }
.POSA { position: absolute; }
.POSR { position: relative; }
.Z_10 { z-index: 10; }
.Z_1 { z-index: 1; }
.BOT_22 {bottom: 22px; }
.BOT_0 { bottom: 0; }
.BOT_RGT_0 { bottom: 0; right: 0; }

/*
------------------------------
Justification Objects
------------------------------
*/
.FLTL { float: left; }
.FLTR { float: right; }
.JCC { justify-content: center; }
.JCSB { justify-content: space-between; }
.JCSA { justify-content: space-around; }
.JCFS { justify-content: flex-start; }
.JCFE { justify-content: flex-end; }
.ASC { align-self: center; }
.ASFS {align-self: flex-start; }
.ASFE {align-self: flex-end; }
.AIC { align-items: center; }
.AIFE {align-items: flex-end; }
.AIFS {align-items: flex-start; }
.JSFE { justify-self: flex-end; }
.JSC { justify-self: center; }
/*
------------------------------
Flex Objects
------------------------------
*/
.FLXN { flex: none; }
.FLXA { flex: auto; }
.FLX0 { flex: 0; }
.FLX0_5 { flex: 0.5; }
.FLX1 { flex: 1; }
.FLX1_5 { flex: 1.5; }
.FLX2 { flex: 2; }
.FLX3 { flex: 3; }
.FLX3_5 { flex: 3.5; }
.FLX4 { flex: 4; }
.FW_W { flex-wrap: wrap; }
/*
------------------------------
Overflow Objects
------------------------------
*/
.OA { overflow: auto; }
.OXA { overflow-x: auto; }
.OYA { overflow-y: auto; }
.OXH { overflow-x: hidden; }
.OXS { overflow-x: scroll; }
.OYS { overflow-y: scroll; }
.OYH { overflow-y: hidden; }
/*
------------------------------
Margin Objects
------------------------------
*/
.MTA { margin-top: auto; }
.M_A_0 { margin: auto 0; }
.M_80 { margin: 80px; }
.MT_80 { margin-top: 80px; }
.MB_80 { margin-bottom: 80px; }
.ML_80 { margin-left: 80px; }
.MR_80 { margin-right: 80px; }
.MB_60 { margin-bottom: 60px; }
.MT_50 { margin-top: 50px; }
.ML_50 { margin-left: 50px; }
.M_40 { margin: 40px; }
.MT_40 { margin-top: 40px; }
.ML_40 { margin-left: 40px; }
.MR_40 { margin-right: 40px; }
.MB_40 { margin-bottom: 40px; }
.MB_30 { margin-bottom: 30px; }
.MR_30 { margin-right: 30px; }
.M_30_A { margin: 30px auto; }
.M_0_A { margin: 0 auto; }
.M_0-20 { margin: 0 20px; }
.MT_20 { margin-top: 20px; }
.ML_20 { margin-left: 20px; }
.MB_20 { margin-bottom: 20px; }
.M_20 { margin: 20px; }
.MR_20 { margin-right: 20px; }
.MR_15 { margin-right: 15px; }
.MB_15 { margin-bottom: 15px; }
.ML_15 { margin-left: 15px; }
.M_10 { margin: 10px; }
.M_10-0 {margin: 10px 0; }
.M_10-10-10-30 { margin: 10px 10px 10px 30px; }
.MLR_A { margin-left: auto; margin-right: auto; }
.ML_23 { margin-left: 23px; }
.MT_15 { margin-top: 15px; }
.MT_12 { margin-top: 12px; }
.MT_10 { margin-top: 10px; }
.ML_10 { margin-left: 10px; }
.MR_10 { margin-right: 10px; }
.MB_10 { margin-bottom: 10px; }
.MB_8 { margin-bottom: 8px; }
.MB_6 { margin-bottom: 6px; }
.M_5 { margin: 5px; }
.MT_5 { margin-top: 5px; }
.MB_5 { margin-bottom: 5px; }
.MR_5 { margin-right: 5px; }
.ML_5 { margin-left: 5px; }
.MR_4 { margin-right: 4px; }
.MT_4 { margin-top: 4px; }
.MT_3 { margin-top: 3px; }
.MB_3 { margin-bottom: 3px; }
.MB_2 { margin-bottom: 2px; }
.MR_2 { margin-right: 2px; }
.MR_1 { margin-right: 1px; }
.ML_0 { margin-left: 0; }
/*
------------------------------
Border Objects
------------------------------
*/
.BS_10 { box-shadow: 0 0 10px #e7e7e7; }
.BS_5 { box-shadow: 0 0 5px #e7e7e7; }
.BS_4 { box-shadow: 0 0 4px #e7e7e7; }
.BS_3 { box-shadow: 0 0 3px #e7e7e7; }
.BS_1120 { box-shadow: 1px 1px 2px 0px rgba(0,0,0,.3); }
.BB_5-S-WTE { border-bottom: 5px solid #FFF; }
.BB_5-S-PEXT { border-bottom: 5px solid #CCC; }
.BT_5-S-PEXT { border-top: 5px solid #CCC; }
.BB_5-S-PEXT { border-bottom: 5px solid #CCC; }
.BT_2-S-HDRBDR { border-top: 2px solid #878E96; }
.B_1-S-PINT { border: 1px solid #E7E7E7; }
.B_1-S-PEXT { border: 1px solid #CCC; }
.B_2-S-PINT { border: 2px solid #E7E7E7; }
.B_2-S-PEXT { border: 2px solid #CCC; }
.BT_2-S-PEXT { border-top: 2px solid #CCC; }
.BB_2-S-PEXT { border-bottom: 2px solid #CCC; }
.BR_2-S-PEXT { border-right: 2px solid #CCC; }
.BB_2-S-PINT { border-bottom: 2px solid #E7E7E7; }
.BL_2-S-PEXT { border-left: 2px solid #CCC; }
.BT_2-S-WTE { border-top: 2px solid #fff; }
.BR_1-S-PINT { border-right: 1px solid #E7E7E7; }
.BR_1-S-WTE { border-right: 1px solid #fff; }
.BT_1-S-PEXT { border-top: 1px solid #CCC; }
.BT_1-S-PINT { border-top: 1px solid #E7E7E7; }
.BR_1-S-PEXT { border-right: 1px solid #CCC; }
.BB_1-S-PEXT { border-bottom: 1px solid #CCC; }
.BB_1-S-PINT { border-bottom: 1px solid #E7E7E7; }
.BB_1-S-HDRPNL { border-bottom: 1px solid #212121;}
.BL_1-S-PEXT { border-left: 1px solid #CCC; }
.BL_1-S-PINT { border-left: 1px solid #E7E7E7; }
.B_2-S-MPNL { border: 2px solid #bdbdbd; }
.B_1-S-TXT2 { border: 1px solid #8b8b8b; }
.BB_3-S-HDRBDR { border-bottom: 3px solid #CCC; }
.BR_3-S-WTE { border-right: 3px solid #fff; }
.BB_2-S-WTE { border-bottom: 2px solid #fff; }
.BT_2-S-LNK { border-top: 2px solid #48A3C6; }
.BB_2-S-LNK { border-bottom: 2px solid #48A3C6; }
.BB_2-S-YEL { border-bottom: 2px solid #ffd700; }
.BB_3-S-YEL { border-bottom: 3px solid #ffd700; }
.BT_2-S-MPNL { border-top: 2px solid #bdbdbd; }
.BB_2-S-MPNL { border-bottom: 2px solid #bdbdbd; }
.B_1-S-MPNL { border: 1px solid #bdbdbd; }
.BT_1-S-MPNL { border-top: 1px solid #bdbdbd; }
.BL_1-S-MPNL { border-left: 1px solid #bdbdbd; }
.BB_1-S-MPNL { border-bottom: 1px solid #bdbdbd; }
.BR_1-S-MPNL { border-right: 1px solid #bdbdbd; }
.BB_1-S-TXT2 { border-bottom: 1px solid #8b8b8b; }
.B_1-S-PNL { border: 1px solid #e8e8e8; }
.BT_1-S-PNL { border-top: 1px solid #e8e8e8; }
.BB_1-S-PNL { border-bottom: 1px solid #e8e8e8; }
.BR_1-S-PNL { border-right: 1px solid #e8e8e8; }
.BL_1-S-PNL { border-left: 1px solid #e8e8e8; }
.BL_1-S-YYO { border-left: 1px solid #ffbf00; }
.BR_1-S-YYO { border-right: 1px solid #ffbf00; }
.BB_1-S-YYO { border-bottom: 1px solid #ffbf00; }
.BB_1-S-YEL { border-bottom: 1px solid #ffd700; }
.B_1-2-3-2 { border-style: solid; border-width: 1px 2px 3px 2px; }
.BDRC_WTE { border-color: #fff; }
.BT_TAB_B { border-top: 1px solid #00a7af; }
.BT_TAB_R { border-top: 1px solid #ff0700; }
.BT_TAB_Y { border-top: 1px solid #ffab00; }
.B_1-S-WHT { border: 1px solid #fff; }
.BB_1-S-WTE { border-bottom: 1px solid #fff; }
.B_1-S-ERR { border: 1px solid red; }
.B_1-S-GRN { border: 1px solid green; }
.B_1-S-EEE { border: 1px solid #eee; }
.BT_1-S-EEE { border-top: 1px solid #eee; }
.BR_1-S-EEE { border-right: 1px solid #eee; }
.BB_1-S-EEE { border-bottom: 1px solid #eee; }
.BL_1-S-EEE { border-left: 1px solid #eee; }

.BR_50P { border-radius: 50%; }
.BR_3 { border-radius: 3px; }
.BR_5 { border-radius: 5px; }
.BR_10 { border-radius: 10px; }
.BR_12 { border-radius: 12px; }
.BR_5-5-0-0 { border-radius: 5px 5px 0 0; }
.BR_0-0-5-5 { border-radius: 0 0 5px 5px; }
.BR_5-0-0-5 { border-radius: 5px 0 0 5px; }
.BR_0-5-5-0 { border-radius: 0 5px 5px 0; }
.BR_3-0-0-3 { border-radius: 3px 0 0 3px; }
.BR_0-3-3-0 { border-radius: 0 3px 3px 0; }
/*
------------------------------
Padding Objects
------------------------------
*/
.PA { padding: auto; }
.PT_80 { padding-top: 80px; }
.PB_80 { padding-bottom: 80px; }
.PL_50 { padding-left: 50px; }
.PB_46 { padding-bottom: 46px; }
.P_40 { padding: 40px; }
.PT_40 { padding-top: 40px; }
.PR_40 { padding-right: 40px; }
.PB_40 { padding-bottom: 40px; }
.PL_40 { padding-left: 40px; }
.PB_37 { padding-bottom: 37px; }
.PB_27 { padding-bottom: 27px; }
.P_20-40 { padding: 20px 40px; }
.P_20-0 { padding: 20px 0; }
.P_20 { padding: 20px; }
.PT_20 { padding-top: 20px; }
.PR_20 { padding-right: 20px; }
.PB_20 { padding-bottom: 20px; }
.PL_20 { padding-left: 20px; }
.P_20-10 { padding: 20px 10px; }
.P_0-20 { padding: 0 20px; }
.P_15-0 { padding: 15px 0; }
.P_15 { padding: 15px; }
.PB_15 { padding-bottom: 15px; }
.PR_15 { padding-right: 15px; }
.P_12 { padding: 12px; }
.P_10 { padding: 10px; }
.P_10-15 { padding: 10px 15px; }
.P_10-20 { padding: 10px 20px; }
.P_10-0-10-50 { padding: 10px 0 10px 50px; }
.P_5-0-5-55 { padding: 5px 0 5px 55px; }
.P_9-10 { padding: 9px 10px; }
.P_0-9 { padding: 0 9px; }
.P_0-10-10-0 { padding: 0 10px 10px 0; }
.P_5-10 { padding: 5px 10px; }
.P_0-10 { padding: 0 10px; }
.P_10-0 { padding: 10px 0; }
.P_0-5 { padding: 0 5px; }
.P_5-0 { padding: 5px 0; }
.PT_3 { padding-top: 3px; }
.PL_15 { padding-left: 15px; }
.PT_10 { padding-top: 10px; }
.PR_10 { padding-right: 10px; }
.PL_10 { padding-left: 10px; }
.PB_10 { padding-bottom: 10px; }
.P_8 { padding: 8px; }
.PT_5 { padding-top: 5px; }
.PR_5 { padding-right: 5px; }
.PB_5 { padding-bottom: 5px; }
.PL_5 { padding-left: 5px; }
.P_0_5_10_5 { padding: 0 5px 10px 5px; }
.P_7 { padding: 7px; }
.P_6 { padding: 6px; }
.P_5 { padding: 5px; }
.P_0-3 { padding: 0 3px; }
.P_2 { padding: 2px; }
.PL_2 { padding-left: 2px; }
.PB_2 { padding-bottom: 2px; }
.PB_1 { padding-bottom: 1px; }
.PT_0 { padding-top: 0; }
.PB_0 { padding-bottom: 0; }
.P_0 { padding: 0; }
/*
------------------------------
Dimension Objects
------------------------------
*/
.HA { height: auto; }
.H_100VH { height: 100vh; }
.H_35VH { height: 35vh; }
.H_25VH { height: 25vh; }
.MH_I { max-height: inherit; }
.MH_400 { max-height: 400px; }
.MH_220 { max-height: 220px; }
.MH_200 { max-height: 200px; }
.MH_181 { max-height: 181px; }
.MH_180 { max-height: 180px; }
.MH_178 { max-height: 178px; }
.MH_170 { max-height: 170px; }
.MH_155 { max-height: 155px; }
.MH_150 { max-height: 150px; }
.MH_141 { max-height: 141px; }
.MH_128 { max-height: 128px; }
.MH_120 { max-height: 120px; }
.MH_100 { max-height: 100px; }
.MH_70 { max-height: 70px; }
.MH_25 { max-height: 25px; }
.MH_20 { max-height: 20px; }
.MH_100P { max-height: 100%; }
.MINH_100VH { min-height: 100vh; }
.MINH_200 { min-height: 200px; }
.MINH_170 { min-height: 170px; }
.HI { height: inherit; }
.H_100P { height: 100%; }
.H_500 { height: 500px; }
.H_507 { height: 507px; }
.H_446 { height: 446px; }
.H_400 { height: 400px; }
.H_399 { height: 399px; }
.H_350 { height: 350px; }
.H_319 { height: 319px; }
.H_300 { height: 300px; }
.H_298 { height: 298px; }
.H_290 { height: 290px; }
.H_280 { height: 280px; }
.H_250 { height: 250px; }
.H_246 { height: 246px; }
.H_200 { height: 200px; }
.H_190 { height: 190px; }
.H_181 { height: 181px; }
.H_180 { height: 180px; }
.H_170 { height: 170px; }
.H_150 { height: 150px; }
.H_146 { height: 146px; }
.H_142 { height: 142px; }
.H_140 { height: 140px; }
.H_136 { height: 136px; }
.H_132 { height: 132px; }
.H_130 { height: 130px; }
.H_129 { height: 129px; }
.H_126 { height: 126px; }
.H_125 { height: 125px; }
.H_124 { height: 124px; }
.H_123 { height: 123px; }
.H_120 { height: 120px; }
.H_118 { height: 118px; }
.H_111 { height: 111px; }
.H_110 { height: 110px; }
.H_100 { height: 100px; }
.H_96 { height: 96px; }
.H_90 { height: 90px; }
.H_86 { height: 86px; }
.H_80 { height: 80px; }
.H_70 { height: 70px; }
.H_59 { height: 59px; }
.H_50 { height: 50px; }
.H_45 { height: 45px; }
.H_43 { height: 43px; }
.H_40 { height: 40px; }
.H_38 { height: 38px; }
.H_36 { height: 36px; }
.H_35 { height: 35px; }
.H_30 { height: 30px; }
.H_28 { height: 28px; }
.H_26 { height: 26px; }
.H_25 { height: 25px; }
.H_24 { height: 24px; }
.H_23 { height: 23px; }
.H_22 { height: 22px; }
.H_20 { height: 20px; }
.H_18 { height: 18px; }
.H_15 { height: 15px; }
.H_14 { height: 14px; }
.H_12 { height: 12px; }
.H_10 { height: 10px; }
.H_3 { height: 3px; }
.W_WFA { width: -webkit-fill-available; }
.WA { width: auto; }
.WI { width: inherit; }
.W_100VW { width: 100vw; }
.MW_100P { max-width: 100%; }
.MW_40VW { max-width: 40vw; }
.MW_35VW { max-width: 35vw; }
.MW_30VW { max-width: 30vw; }
.W_40VW { width: 40vw; }
.W_35VW { width: 35vw; }
.W_30VW { width: 30vw; }
.MINW_1360 { min-width: 1360px; }
.MW_1200 { max-width: 1200px; }
.MINW_1200 { min-width: 1200px; }
.MINW_1000 { min-width: 1000px; }
.MW_1000 { max-width: 1000px; }
.MW_500 { max-width: 500px; }
.MW_270 { max-width: 270px; }
.MW_250 { max-width: 250px; }
.MW_248 { max-width: 248px; }
.MW_220 { max-width: 220px; }
.MW_200 { max-width: 200px; }
.MW_192 { max-width: 192px; }
.MW_170 { max-width: 170px; }
.MW_150 { max-width: 150px; }
.MW_130 { max-width: 130px; }
.MW_120 { max-width: 120px; }
.MW_50 { min-width: 50px; }
.W_FC { width: fit-content; }
.W_100P { width: 100%; }
.W_70P { width: 70%; }
.W_1360 { width: 1360px; }
.W_1340 { width: 1340px; }
.W_1322 { width: 1322px; }
.W_1320 { width: 1320px; }
.W_1282 { width: 1282px; }
.W_1280 { width: 1280px; }
.W_1000 { width: 1000px; }
.W_30P { width: 30%; }
.W_996 { width: 996px; }
.W_980 { width: 980px; }
.W_900 { width: 900px; }
.W_840 { width: 840px; }
.W_812 { width: 812px; }
.W_716 { width: 716px; }
.W_708 { width: 708px; }
.W_700 { width: 700px; }
.W_450 { width: 450px; }
.W_415 { width: 415px; }
.W_408 { width: 408px; }
.W_406 { width: 406px; }
.W_398 { width: 398px; }
.W_380 { width: 380px; }
.W_344 { width: 344px; }
.W_270 { width: 270px; }
.W_250 { width: 250px; }
.W_248 { width: 248px; }
.W_225 { width: 225px; }
.W_217 { width: 217px; }
.W_215 { width: 215px; }
.W_210 { width: 210px; }
.W_200 { width: 200px; }
.W_191 { width: 191px; }
.W_180 { width: 180px; }
.W_175 { width: 175px; }
.W_172 { width: 172px; }
.W_170 { width: 170px; }
.W_167 { width: 167px; }
.W_157 { width: 157px; }
.W_150 { width: 150px; }
.W_148 { width: 148px; }
.W_140 { width: 140px; }
.W_131 { width: 131px; }
.W_130 { width: 130px; }
.W_128 { width: 128px; }
.W_123 { width: 123px; }
.W_120 { width: 120px; }
.W_118 { width: 118px; }
.W_115 { width: 115px; }
.W_113 { width: 113px; }
.W_110 { width: 110px; }
.W_108 { width: 108px; }
.W_101 { width: 101px; }
.W_100 { width: 100px; }
.W_97 { width: 97px; }
.W_95 { width: 95px; }
.W_94 { width: 94px; }
.W_91 { width: 91px; }
.W_90 { width: 90px; }
.W_86 { width: 86px; }
.W_85 { width: 85px; }
.W_84 { width: 84px; }
.W_81 { width: 81px; }
.W_80 { width: 80px; }
.W_79 { width: 79px; }
.W_74 { width: 74px; }
.W_73 { width: 73px; }
.W_71 { width: 71px; }
.W_70 { width: 70px; }
.W_68 { width: 68px; }
.W_67 { width: 67px; }
.W_66 { width: 66px; }
.W_65 { width: 65px; }
.W_63 { width: 63px; }
.W_62 { width: 62px; }
.W_61 { width: 61px; }
.W_60 { width: 60px; }
.W_55 { width: 55px; }
.W_50 { width: 50px; }
.W_45 { width: 45px; }
.W_43 { width: 43px; }
.W_40 { width: 40px; }
.W_37 { width: 37px; }
.W_36 { width: 36px; }
.W_35 { width: 35px; }
.W_32 { width: 32px; }
.W_30 { width: 30px; }
.W_29 { width: 29px; }
.W_26 { width: 26px; }
.W_25 { width: 25px; }
.W_22 { width: 22px; }
.W_20 { width: 20px; }
.W_19 { width: 19px; }
.W_17 { width: 17px; }
.W_12 { width: 12px; }
.W_10 { width: 10px; }
.W_4 { width: 4px; }
.MH_50 { min-height: 50px; }
.MW_0 { min-width: 0; }
/*
------------------------------
Text Objects
------------------------------
*/
.FF_CN { font-family: courier new; }
.FF_HEL { font-family: Arial, Helvetica, sans-serif; }
.FF_MS { font-family: monospace; }
.FF_MDN { font-family: modern20_reg; }
.FF_SANS { font-family: sans-serif; }
.FF_OSANSL { font-family: open_sanslight; }
.FS_128 { font-size: 128px; }
.FS_96 { font-size: 96px; }
.FS_72 { font-size: 72px; }
.FS_50 { font-size: 50px; }
.FS_48 { font-size: 48px; }
.FS_40 { font-size: 40px; }
.FS_36 { font-size: 36px; }
.FS_32 { font-size: 32px; }
.FS_30 { font-size: 30px; }
.FS_28 { font-size: 28px; }
.FS_26 { font-size: 26px; }
.FS_24 { font-size: 24px; }
.FS_22 { font-size: 22px; }
.FS_21 { font-size: 21px; }
.FS_20 { font-size: 20px; }
.FS_18 { font-size: 18px; }
.FS_16 { font-size: 16px; }
.FS_15 { font-size: 15px; }
.FS_14 { font-size: 14px; }
.FS_13 { font-size: 13px; }
.FS_12 { font-size: 12px; }
.FS_11 { font-size: 11px; }
.FS_10 { font-size: 10px; }
.FWB { font-weight: bold; }
.FWN { font-weight: normal; }
.FSTY_I { font-style: italic; }
.TD_U { text-decoration: underline; }
.FV_SC { font-variant: small-caps; }
.LH_59 { line-height: 59px; }
.LH_50 { line-height: 50px; }
.LH_43 { line-height: 43px; }
.LH_40 { line-height: 40px; }
.LH_38 { line-height: 38px; }
.LH_30 { line-height: 30px; }
.LH_28 { line-height: 28px; }
.LH_26 { line-height: 26px; }
.LH_25 { line-height: 25px; }
.LH_24 { line-height: 24px; }
.LH_22 { line-height: 22px; }
.LH_21 { line-height: 21px; }
.LH_20 { line-height: 20px; }
.LH_18 { line-height: 18px; }
.LH_16 { line-height: 16px; }
.LH_0 { line-height: 0; }
.TAL { text-align: left; }
.TAC { text-align: center; }
.TAJ { text-align: justify; }
.TAR { text-align: right; }
.VAM { vertical-align: middle; }
.VAB { vertical-align: bottom; }
.WB_BA { word-break: break-all; }
.WB_BW { word-break: break-word; }
.LNCLMP_1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1; /* Num of lines */
    line-height: 16px; /* fallback */
    max-height: 16px; /* fallback */ }
.LNCLMP_1_20 {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* Num of lines */
line-height: 20px; /* fallback */
max-height: 20px; /* fallback */ }
.LNCLMP_2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* Num of lines */
    line-height: 18px; /* fallback */
    max-height: 36px; /* fallback */ }
.LNCLMP_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* Num of lines */
    line-height: 20px; /* fallback */
    max-height: 60px; /* fallback */ }
.TT_CAP {
    text-transform: uppercase;
}
.DESC_LNC {
    -webkit-line-clamp: 2;
}
/*
------------------------------
Color Objects
------------------------------
*/
.C_BLK { color: #000; }
.C_DRKPNL { color: #606060; }
.C_PNL { color: #e8e8e8; }
.C_E8 { color: #E8E8E8; }
.C_MPNL { color: #bdbdbd; }
.C_TXT2 { color: #767676; }
.C_BKGND { color: #fefefe; }
.C_YEL { color: #ffd700; }
.C_LNK { color: #48A3C6; }
.C_LNKLT { color: #0bb; }
.C_ERR { color: red; }
.C_TXT { color: #111; }
.C_WTE { color: #fff; }
.C_GRN { color: green; }
.C_RED { color: red; }
/*BC_INDX
------------------------------
Opacity
------------------------------
*/
.O_80 { opacity: 0.8; }
.O_70 { opacity: 0.7; }
.O_60 { opacity: 0.6; }
.O_50 { opacity: 0.5; }
.O_40 { opacity: 0.4; }
.O_30 { opacity: 0.3; }
/*
------------------------------
Background-Color Objects
------------------------------
*/
.BC_HDRBDR { background-color: #878E96; }
.BC_PBDRINT { background-color: #E7E7E7; }
.BC_PBDREXT { background-color: #CCC; }
.BC_EEE { background-color: #EEE; }
.BC_CCC { background-color: #CCC; }
.BC_HDRPNL { background-color: #212121; }
.BC_MPNL { background-color: #bdbdbd; }
.BC_PNL { background-color: #e8e8e8; }
.BKGND_PNL-2-CLR { background: linear-gradient(#e8e8e8,transparent); }
.BC_BKGND { background-color: #E6E7E9; }
.BC_INDX { background-color: #EAEDED; }
.BC_LNK { background-color: #48A3C6; }
.BC_YEL { background-color: #ffd700; }
.BC_YEL_50 {background-color: rgba(255,211,0,.5); }
.BC_TAB_B { background-color: #00a7af; }
.BC_TAB_R { background-color: #ff0700; }
.BC_TAB_Y { background-color: #ffab00; }
.BC_WTE { background-color: #fff; }
.BC_OWTE { background-color: #F5F5F5; }
.BC_RED { background-color: red; }
.BC_GRN { background-color: green; }
.BC_ERR { background-color: #FFBABA; }
.BC_PND { background-color: #FFE97F; }
.BC_PNL_LT { background-color: #F5F6F7; }
.BC_LG-WTE-BKG { background: linear-gradient(180deg,#fff,#e6e7e9); }
.BC_BLKT { background-color: rgba(0,0,0,.3); }
.BC_WTE_80 { background-color: rgba(255,255,255,.8); }
.BC_WTE_50 { background-color: rgba(255,255,255,.5); }
.BN { background: none; }
/*
------------------------------
Transform Objects
------------------------------
*/
.TSFS {
  -moz-transform: scale(0.7, 1.2);
  -webkit-transform: scale(0.7, 1.2);
  -ms-transform: scale(0.7, 1.2); }
.CP { cursor: pointer; }
.WWBW { word-wrap: break-word; }
.WSNW { white-space: nowrap; }
.LS_D { list-style: disc; }
/*
------------------------------
Complex Objects
------------------------------
*/

/* Site Structure */
.cMiddle {
  min-width: 1000px;
  max-width: 1000px; }

/* 404 Error Page */
.errorContainer {
  display: flex;
  flex-direction: column;
}
.errorContainer p {
  flex: 1;
  justify-content: center; }

/* navigation.php */
.navBtn:link,
.navBtn:visited { color: #000; }
.navBtn:hover { color: #48A3C6; }

/* navigation_dropdown */
.navDDMenu li {
    padding-top: 3px;
    padding-left: 15px; }
.navDDMenu li a { font-size: 12px; }
.navDDAd {
  display: block;
  float: right;
  height: 250px;
  width: 150px; }

/* ad_prm_homepage.html */
.ad_history_marker {
	height: 10px;
	width: 10px;
	background-color: #ffd700;
	margin-right: 10px; }
.ad_history_marker:hover {
    cursor: pointer;
}

#horizontal_scrollbar_wrapper #scrollable::-webkit-scrollbar { height: 0 !important }
/* Hide scrollbar for IE, Edge and Firefox */
#horizontal_scrollbar_wrapper #scrollable {
    overflow: -moz-scrollbars-none;  /* IE and Edge */
    -ms-overflow-style: none;
    scrollbar-height: none;  /* Firefox */ }
#horizontal_scrollbar_wrapper div[id$="paddle"]:hover {
    background-color: #FFF;
    cursor: pointer;
}

/* coverflow_item.php */
.coverflow_item {
	float: left;
	margin-right: 10px;
	background-color: #e8e8e8;
	border: 1px solid #e8e8e8;
	border-bottom: 1px solid #bdbdbd; }
.coverflow_item p { color: #606060; }

/* register / signin forms */
.bodyHDR {
  border-bottom: 1px solid #FFF;
  height: 30px;
  line-height: 30px;
  color: #FFF;
  background-color: #878E96; }
.frmLabel {
  text-align: left;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 4px 0px 4px 10px;
  font-family: 'Helvetica';
  font-weight: bold;
  background-color: #FFF; }
.frmContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px; }
.frmInput {
    padding: 3px 5px;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: 0 1px 3px 0 #CCC;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    color: #111;
    background-color: #FFF;
    font-size: 14px;
    font-family: 'Helvetica';
    -webkit-font-smoothing: antialiased; }
.frmInputDesc {
    flex: 1;
    text-align: left;
    margin-left: 10px;
    border-left: 1px solid #CCC;
    padding: 5px;
    padding-left: 10px;
    font-size: 14px;
    font-family: 'Helvetica';
    -webkit-font-smoothing: antialiased;
    color: #111;
    height: 14px; }
#form_input_container #handle_icon {
    padding: 3px 5px 5px 5px;
    margin-right: 1px;
    border: 1px solid #CCC;
    border-radius: 2px;
    color: #767676;
    font-family: 'Helvetica';
    -webkit-font-smoothing: antialiased;
    background-color: #FFF;
}
#rememberMeLabel {
    color: #111;
    font-family: 'Helvetica';
    -webkit-font-smoothing: antialiased;
}
.fieldError { color: red; }

/* search_sidebar.html */
.search_forms {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    text-align: left; }
.search_forms label {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 2px; }
.search_forms label input {
    margin-right: 5px;
    vertical-align: middle; }
.search_forms #title {
    padding: 5px;
    margin-bottom: 5px; }
.search_forms p {
    padding: 5px;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 5px;
    font-size: 14px; }
.search_forms form {
    font-size: 12px; }
.search_forms input {
    font-size: 12px; }
#results_zic_input > input {
    width: 100%;
    border: 1px solid #E7E7E7;
    padding-left: 5px;
    text-transform: uppercase; }
#search_term input { margin-left: 13px; }
#search_cat_list li { margin-bottom: 5px; }
#search_cat_list li button {
    text-align: left;
    background-color: #FFF;
    color: #48A3C6;
    cursor: pointer;
}

/* search.php */
.srchResultIcons {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex: 1; }
.srchResultIcons img {
  margin-right: 10px;
  height: 20px; }
.results_nav p {
    margin-right: 10px; }
#srch_result_subtitle > span:last-child {
    display: none; }

/* body_page.php */
.secondaryImage {
    height: 181px;
    margin-right: 10px; }
.stdVideoContainer iframe {
    display: block;
    width: 840px;
    height: 473px; }
.videoContainer iframe {
    display: block;
    width: 840px;
    height: 473px;
}
.sidebar {
  width: 150px;
  margin-right: 10px; }
.sidebar > * { margin-bottom: 10px; }
.infoTitle {
    margin: 0;
    text-align: left;
    padding: 5px 5px 5px 10px;
    border-top: 1px solid #FFF;
    font-size: 14px;
    background-color: #E7E7E7; }
.infoValue, .infoValueCenter {
    text-align: right;
    padding: 10px;
    font-size: 15px;
    color: #767676;
    background-color: #FFF; }
.infoValueCenter { 
    text-align: center; }
#brandLinks a {
    margin-right: 10px;
}
#brandLinks a:last-child {
    margin-right: 0;
}
#features_list {
    padding: 10px 0;
}
#features_list li {
    padding-top: 10px;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 10px;
}
#features_list li:last-child {
    margin-bottom: 0;
}
#features_list .text_container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}
#features_list .title {
    flex: 1;
    font-size: 16px;
    margin-left: 20px;
    line-height: 20px;
    text-align: right;
}
#features_list .text {
    flex: 3;
    margin: 0 20px;
    font-size: 16px;
    color: #767676;
    line-height: 20px;
    text-align: left;
}
#features_list .image {
    width: 100%;
    margin-bottom: 10px;
    border-right: 1px solid #E7E7E7;
}

section.grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px,1fr));
    gap: 10px;
    margin-top: 10px;
}
section.grid > a {
    height: 130px;
    padding: 15px;
    border: 1px solid #eee;
    align-self: center;
    display: grid;
}
section.grid::before {
    content: none;
    padding-bottom: 100%;
    display: block;
}
section.grid > a::before,
section.grid > a > img {
    grid-area: 1 / 1 / 2 / 2;
}
section.grid > a > img {
    width: 100%;
    height: 100%;
    max-height: 130px;
    max-width: 130px;
    object-fit: contain;
}

.Buttons {
  display: flex;
  flex-direction: column; }
.tabs input,
.tabs button {
    flex: 1;
    cursor: pointer;
    background-color: #878E96;
    border-right: 1px solid #232F3E;
    margin-right: 3px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    font-family: open_sanslight;
    opacity: 0.6;
    color: #000; }
.tabs .active {
    opacity: 1;
    background-color: #F0F1F2;
    border-right: 1px solid #CCC;
    color: #111; }
#tabs input:last-child, #tabs button:last-child { margin-right: 0; }
.tabs input img {
  float: left;
  padding: 5px; }
#tabbedSection .tabContent {
  display: flex;
  flex-direction: row;
  padding-top: 10px;
  margin-bottom: 10px; }

.newReviewBox {
    margin: 10px 0;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    background-color: #FFF; }
.newReviewBox div:first-child {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px; }
.newReviewBox div input[type="text"] {
    padding: 4px;
    padding-left: 10px; }
.newReviewBox div label {
    margin: auto 0;
    margin-right: 10px; }
.newReviewBox div input[type="radio"] + label img {
    opacity: 0.3; }
.newReviewBox div input[type="radio"]:checked + label img {
    opacity: 1; }  
.inputHidden {
    position: absolute;
    left: -9999px; }
.newReviewBox div p {
    flex: 1;
    padding-right: 10px;
    text-align: right;
    line-height: 28px;
    color: #48A3C6; }
.newReviewBox textarea,
.reviewBox textarea {
    margin-bottom: 10px;
    padding: 10px;
    height: 70px;
    resize: vertical;
    background-color: #E7E7E7; }
.newReviewBox .SBTN ,
.reviewBox .SBTN,
#availability_container #delete_product_box .SBTN {
    align-self: flex-end;
    width: 75px;
    border-radius: 5px;
    padding: 5px;
    background-color: #ffd700;
    cursor: pointer; }
.reviewsHeader {
    align-items: center;
    justify-content: flex-end;
    border-bottom: 1px solid #eee;
    padding: 10px;
    background-color: #FFF; }
.reviewsHeader img {
    margin: 0 10px; }
.reviewsHeader img:last-child {
    margin-right: 0; }
.reviewBox {
    border-bottom: 1px solid #eee;
    padding: 25px;
    background-color: #FFF; }
.reviewBox div:first-child {
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px; }
.reviewBox div:first-child img {
    margin-right: 10px;
    border-right: 1px solid #E7E7E7;
    padding-right: 10px; }
.reviewBox #title {
    font-weight: bold;
    font-style: italic;
    color: #111; }
.reviewBox #reviewer {
    flex: 1;
    text-align: right;
    font-size: 15px;
    color: #48A3C6; }
.reviewBox #reviewBody {
    min-height: 50px;
    margin-bottom: 10px;
    border-bottom: 1px solid #E7E7E7;
    padding-bottom: 10px;
    text-align: left;
    line-height: 140%;
    color: #111; }
.reviewBox #reviewFooter {
    align-items: center; }
.reviewBox #reviewFooter p {
    flex: 1;
    text-align: left;
    color: #767676; }
.reviewBox #reviewFooter input {
    margin-left: 5px; }
.reviewBox #flag_reason {
    box-sizing: border-box;
    width: 100%;
    background-color: #E7E7E7;
    margin-top: 10px;
    border-top: 1px solid #E7E7E7; }
.reviewBox #flag_error {
    color: red;
    text-align: right;
    flex: 1;
    line-height: 26px;
    margin-right: 10px; }
#ratings > div {
    border-right: 1px solid #E7E7E7; }
#ratings > div:last-child {
    border-right: none; }

/* EDIT.php FORMS CONTAINER */
.SUCCESS { color: #4F8A10; }
.ERROR { color: #D8000C; }
#message_container_mobile.SUCCESS { 
    border: 1px solid #4F8A10;
    color: #4F8A10; }
#message_container_mobile.ERROR { 
    border: 1px solid #D8000C;
    color: #D8000C; }
#edit_container .list_header {
    background-color: #efefef;
    padding: 10px 20px;
    border-radius: 10px; }
#edit_container .SAVBTN {
    margin: 0;
    background-color: transparent;
    font-weight: bold;
    color: #48A3C6;
    cursor: pointer; }
#edit_container .CNLBTN {
    background-color: transparent;
    color: #767676;
    cursor: pointer; }
#edit_container .SAVBTN:hover {
    text-decoration: underline;
}
#key_features li {
    transition: opacity 0.2s ease-in-out;
}
#key_features li.dragging {
    opacity: 0.5;
}
#key_features .placeholder {
    background-color: #f0f0f0;
    border: 2px dashed #ccc;
}
#availability_container #list_header {
    padding: 5px 10px; }
#availability_container #list_header ul li {
    margin-right: 20px; }
#availability_container #list_header ul li:last-child {
    margin-right: 0; }
#availability_container #list_container li {
    padding: 5px 10px;
    border-bottom: 1px solid #E7E7E7;
    background-color: #FFF; }
#availability_container #list_container li div {
    display: flex;
    flex-direction: row;
    align-items: center; }
#availability_container #list_container li div p {
    margin-right: 20px;
    text-align: left; }
#availability_container #list_container li div p:last-child {
    margin-right: 0; }
#availability_container #primary_content button {
    background-color: #FFF;
    color: #48A3C6;
    margin-left: 5px;
    cursor: pointer; }
#availability_container textarea {
    width: 100%;
    box-sizing: border-box;
    margin: 5px 0;
    padding: 10px;
    resize: vertical;
    background-color: #E7E7E7;
}
#availability_container input[type=text] {
    padding: 5px 6px;
    border-color: #e7e7e7;
}

/* ACCOUNT.php */
#account .form_text:active {
    border: 1px solid #CCC;
}
#account input::placeholder {
    color: #BBB;
}
#account .button:hover {
    border: 1px solid #BBB;
}
#account #tab_list li {
    flex: 1;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
    background-color: #e8e8e8;
    color: #767676;
    cursor: pointer;
}
#account #tab_list li:hover {
    text-decoration: underline;
}
#account #tab_list li.ACTIVE {
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: none;
    background-color: #FFF;
    color: #212121;
}


/* account_tabs.php */
#account_mailbox {
  display: flex;
  flex-direction: row; }

/* account_tabs_member_mailbox.php */
.sidebarMenu input[type=submit],
.sidebarMenu button[type=submit] {
  padding: 10px;
  text-align: left;
  background-color: #FFF;
  color: #48A3C6;
  border-bottom: 1px solid #E7E7E7;
  cursor: pointer; }
.sidebarMenu > ul > input:hover,
.sidebarMenu > ul > button:hover {
  text-decoration: underline; }
.sidebarMenu .active {
    border-right: 3px solid #ffd700; }
.sidebarMenu form .button {
  width: 150px;
  margin-bottom: 10px;
  text-align: center;
  border-top: 1px solid #FFF;
  border-left: 1px solid #FFF;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC; }

/* account_tabs_member_sell.php */
.chatText {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
  margin-bottom: 5px;
  border: 1px solid #e8e8e8;
  padding-bottom: 10px;
  height: 150px; }
.chatText p {
  margin: 5px;
  padding: 5px;
  max-width: 60%;
  font-size: 12px; }
.chatText .sent {
  margin-left: auto;
  text-align: right;
  background-color: #009999;
  color: #fff; }
.chatText .received {
  margin-right: auto;
  text-align: left;
  background-color: #e8e8e8; }

/* account_tabs_member_buy.php */
#buy_window #chat_member_selection { display: none; }

/* account_tabs_prefrences */
.list_title {
    align-items: center;
    padding-bottom: 10px; }
.list_title label {
    flex: 1;
    line-height: 24px;
    padding-left: 10px;
    font-size: 16px;
    font-style: italic;
    text-align: left; }
.list_header {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    background-color: #FFF;
    color: #111; }
#list_header_avail {
    background-color: #CCC; }
.list_header label {
    padding: 0 10px;
    font-weight: bold;
    text-align: left;
    color: #48A3C6;
}
.list_header > span { 
    flex: 1;
    margin-left: 10px; }
.list_header input[type=submit] {
  margin-right: 10px;
  text-align: right;
  background-color: #FFF;
  color: #48A3C6; }
.list_header input:hover {
  text-decoration: underline;
  cursor: pointer; }
#list_header_avail label {
  padding: 0 10px;
  font-weight: bold;
  text-align: left;
  color: #111;
  font-size: 12px; }
.list_content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px;
  text-align: left; }
.list_content label {
  padding-right: 10px; }
.list_content input {
  margin-right: 10px;
  padding: 2px 5px;
  background-color: #f5f5f5; }

/* mailbox_list.php */
.itemList,
.itemList_avail {
  display: flex;
  flex-direction: column; }
.itemList_avail li {
    display: flex;
    flex-direction: row;
    padding: 5px 0;
    border-bottom: 1px solid #E7E7E7;
    background-color: #FFF; }
.itemList_avail p {
    padding: 0 10px; }
.itemList li p {
    color: #111; }
.itemList_avail li p {
  text-align: left;
  font-size: 12px; }
.itemList li {
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #E7E7E7;
    padding: 5px 10px;
    background-color: #FFF;
    align-items: center; }
.itemList a {
    border-bottom: 1px solid #E7E7E7; }
.itemList li p {
    padding: 0 10px;
    text-align: left; }
.itemList li:last-child,
.litemList_avail li:last-child { border: none; }
.itemList li a p { color: #48A3C6; }
.itemList li a:hover { text-decoration: underline; }
.itemList li button {
    flex: 1;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #fefefe;
    cursor: pointer;
}

/* mailbox_list_item.php */
.newItem label,
.newItem p { font-weight: bold; }


/* body_listing.php */
.listingSidebar {
  width: 150px;
  border-right: 1px solid #CCC;
  padding: 10px 10px 10px 0; }
.listingSidebar #member { font-size: 16px; }
.listingSidebar #memberHandle {
  margin-bottom: 10px;
  border-bottom: 1px solid #CCC;
  padding-bottom: 10px; }
.listingSidebar button {
  height: 30px;
  cursor: pointer; }
.listingSidebar .infoTitle,
.listingSidebar .infoValue {
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px; }
.listingSidebar .infoValueCenter {
    margin-bottom: 10px;
    text-align: center; }
.listingImages {
  display: flex;
  flex-direction: row;
  margin-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #bdbdbd; }
.listingImages span {
  margin-right: 10px;
  border-right: 1px solid #bdbdbd;
  padding-right: 10px; }
.listingImages div { justify-content: center; }
.listingImages div img {
  width: 100px;
  margin-bottom: 10px; }
.listingImages div img:last-child { margin-bottom: 0; }
.listingParagraph {
  margin: 10px 0;
  margin-left: 10px;
  font-family: 'open_sanslight';
  text-align: left;
  line-height: 16px; }

  /* body_rewards.php */
  .overview_welcome #durationLinks a {
    margin-left: 10px; }
  .overview_welcome #durationLinks .active {
    color: #48A3C6;
    text-decoration: underline; }
  #rewards_welcome_sidebar .linkList li {
    padding: 3px;   }
  #rewards_welcome_sidebar ul ul {
    margin-left: 5px; }
  #rewards_welcome_sidebar ul ul li a {
    font-size: 12px; }
  .linkList a:hover {
    text-decoration: underline; }
  #addBrand label {
      margin-right: 10px;
      font-weight: bold; }
  #addBrand input,
  #addBrand select {
      margin-right: 10px;
      padding: 5px;
      border: 1px solid #E7E7E7; }
  #addBrand select {
      height: 28px; }
  #newBrands #header {
      display: flex;
      flex-direction: row;
      border-bottom: 1px solid #CCC;
      background-color: #E7E7E7; 
      padding: 5px 0; 
    }
    #newBrands #header p {
        width: 50px;
        font-size: 12px;
    }
  #addBrand input[type=submit] {
      padding-left: 20px;
      padding-right: 20px; }
  #newBrands #brands .row_container {
      display: flex;
      flex-direction: row;
      align-items: flex-start;
      padding: 5px 0;
      border-bottom: 1px solid #E7E7E7;
      background-color: #FFF; }
  #newBrands #brands .image_container {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 200px;
        padding-right: 10px;
        border-right: 1px solid #E7E7E7;
        margin-right: 10px;
    }
    #newBrands #brands .details_container {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 5px 10px;
    }
    #newBrands #brands .title {
        line-height: 20px;
        color: #48A3C6;
        text-decoration: underline;
    }
    #newBrands #brands .description {
        margin-bottom: auto;
        text-align: left;
    }
    #newBrands #brands .identifiers_container {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding: 5px 10px;
    }
    #newBrands #brands .identifiers_container .zic {
        line-height: 20px;
    }
    #newBrands #brands .identifiers_container .handle {
        line-height: 20px;
    }
  
  /* SPECIAL CASE CHANGES */
  .textInput {
    background: none;
    color: #099;
    cursor: pointer;
    margin-left: 5px; }
  .drpDown {
    border: 1px solid #e8e8e8;
    padding: 5px; }
  
/* PAYPAGE CSS */
#amount_radio_group {
   display: flex;
   flex-direction: column;
   text-align: left;
   font-size: 14px;
   vertical-align: middle;
   margin-left: 10px; }
#amount_radio_group input[type=radio] {
    vertical-align: middle;
    margin-right: 10px; }
#amount_radio_group input[type=radio]:checked + label {
    color: #212121; }
#amount_radio_group label {
    vertical-align: middle;
    font-size: 16px;
    color: #8b8b8b;  }
#amount_radio_group #radio {
    flex: 1;
    padding: 5px; }
#card-container {
    display: flex;
    flex-direction: column;
    text-align: left; }
#amount_radio_group input[type=text],
#card-container input,
#card-element {
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    color: #212121;
    background-color: #fff;
    font-size: 14px;
    font-family: 'Helvetica';
    -webkit-font-smoothing: antialiased; }
#card-container input::placeholder {
    color: #8b8b8b; }
#card-container button,
#purchase_zp_button {
    padding: 10px;
    background-color: #ffd700;
    border: 1px solid #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    cursor: pointer; }
#sponsors_container form { margin-bottom: 10px; }
#sponsors_container form:last-child { margin-bottom: 0; }

/* HELP ARTICLES */
#help_article #title {
    font-size: 22px;
    text-align: left;
    margin-bottom: 20px;
}
#help_article #section {
    margin-bottom: 20px;
    text-align: left;
}
#help_article #section #header {
    font-size: 18px;
    margin-bottom: 10px;
}
#help_article #section #text {
    font-size: 14px;
    line-height: 22px;
    color: #767676;
}
#help_article #section #text a {
    font-size: 14px;
    line-height: 22px;
}
#help_article #section ol {
    margin-left: 40px;
    margin-bottom: 20px;
    list-style: inside; 
}
#help_article #section ol li {
    font-size: 14px;
    line-height: 22px;
}

/* STATISTICS PAGE */

/* MAIN HEADER */
#stats_hdr #container {
    flex:1;
    margin: 20px;
}
#stats_hdr #container label {
    padding: 10px;
    border: 1px solid #E7E7E7;
    border-radius: 2px;
    font-size: 16px;
    font-style: italic;
}
#stats_hdr #container p {
    margin: 10px;
    margin-bottom: 0px;
    color: #767676;
}

/* TAB HEADER */
#stats_sub_hdr #container {
    flex:1;
    margin: 20px;
}
#stats_sub_hdr #container label {
    padding: 5px;
    border: 1px solid #E7E7E7;
    border-radius: 2px;
    font-size: 14px;
    font-style: italic;
}
#stats_sub_hdr #container p {
    margin: 10px;
    margin-bottom: 0px;
    color: #767676;
}

/* ACP.php */
#acp .form_text:active {
    border: 1px solid #CCC;
}
#acp input::placeholder {
    color: #BBB;
}
#acp .button:hover {
    border: 1px solid #BBB;
}
#acp #tab_list li {
    flex: 1;
    padding: 10px;
    border-radius: 5px 5px 0 0;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #CCC;
    background-color: #e8e8e8;
    color: #767676;
    cursor: pointer;
}
#acp #tab_list li:hover {
    text-decoration: underline;
}
#acp #tab_list li.ACTIVE {
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: none;
    background-color: #FFF;
    color: #212121;
}
#acp #categories_window #category_chain button {
    margin-right: 5px;
    font-size: 15px;
    cursor: pointer;
    color: #48A3C6;
    background-color: #fff;
}
#acp #categories_window #category_chain button:hover {
    text-decoration: underline;
}
#acp #categories_window #category_chain span {
    font-size: 13px;
    font-family: courier new;
    color: #767676;
}
#acp #categories_window #category_list li {
    margin-right: 30px;
    padding: 5px;
    padding-top: 0;
    text-align: left;
}
#acp #categories_window #category_list li button {
    color: #48A3C6;
    cursor:  pointer;
    background-color: #fff;
}
#acp #categories_window #category_list li button:hover {
    text-decoration: underline;
}


/* API.php */
/* The switch - the box around the slider */
.custom_toggle .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .custom_toggle .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .custom_toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .custom_toggle .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .custom_toggle input:checked + .slider {
    background-color: #ffd700;
  }
  
  .custom_toggle input:focus + .slider {
    box-shadow: 0 0 1px #ffd700;
  }
  
  .custom_toggle input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .custom_toggle .slider.round {
    border-radius: 34px;
  }
  
  .custom_toggle .slider.round:before {
    border-radius: 50%;
  } 

  /* QR CODE POPUP */
  .qr-popup {
    display: none; 
    position: fixed; 
    z-index: 1; 
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}
.qr-popup-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    max-width: 400px;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    align-self: flex-end;
    line-height: 0.6;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.qr-popup #qr-title {
    margin: 20px;
    font-size: 22px;
    font-weight: bold;
}
.qr-popup #pplink {
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #f5f6f7;
    font-style: italic;
    border-radius: 5px;
}
#qrCodeForm {
    width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-top: 1px solid #ccc;
}
#qrCodeForm #errorCorrectionContainer {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}
#qrCodeForm label {
    flex: 1;
    margin: 0 20px;
    text-align: left;
}
#qrCodeForm select {
    flex: 1;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #f5f6f7;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="black" viewBox="0 0 20 20"><path d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"/></svg>');
    background-repeat: no-repeat;
    background-position: right .7em top 50%, 0 0; 
    background-size: 1.5em auto, 100%;
}
#qrContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background-color: white;
    width: 100%;
    box-sizing: border-box;
}
.qr-popup #saveBtn {
    width: 100%;
    padding: 10px;
    background-color: #ffd700;
    border-radius: 5px;
}

/* mobile_scan_message on product page */
#mobile_scan_message {
    background: linear-gradient(90deg, #000, #e6bc00, #000);
    background-size: 200%;
    background-repeat: no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    animation: gradientMove 7s infinite;
}
@keyframes gradientMove { 
    0% { 
        background-position: 0% 50%; 
    } 
    50% { 
        background-position: 100% 50%; 
    } 
    100% { 
        background-position: 0% 50%; 
    } 
}