label {display: inline-block;max-width: 100%;margin-bottom: 10px;font-family: 'Prompt',sans-serif;font-weight:400;color:#000;letter-spacing: 0.5px;}
label a {color:#3936ff}
label a:hover {color:#ff2658;text-decoration: none;}
label a:focus {color:#ff2658;text-decoration: none;outline: 0!important;}
.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 16px;line-height: 1.42857143;color: rgba(0, 0, 0, 0.87);background-color: #fff;background-image: none;border: 1px solid #eee;border-radius: 0px;-webkit-box-shadow: none;box-shadow: none;-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.form-control:focus {border-color: #8ccaff;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(255, 255, 255, 0.6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 2px rgba(255, 255, 255, 0.6);}
.input-lg {height: 46px;padding: 10px 45px;line-height: 1.3333333;border-radius: 6px;font-family: 'Prompt',sans-serif;font-weight:200; letter-spacing:0.5px}
.input-lg2 {height: 46px;padding: 0px 16px;line-height: 1.3333333;border-radius: 6px;font-family: 'Prompt',sans-serif;font-weight: 200;color:rgba(191,191,191,.87);}
.has-feedback label ~ .form-control-feedback {top: 31px;}
.form-control::-moz-placeholder {color: rgba(191,191,191,.87);opacity: 1;}
.form-control::-ms-input-placeholder {color: rgba(191,191,191,.87);}
.form-control::-webkit-input-placeholder {color: rgba(191,191,191,.87);}
.form-control-feedback {left: 0;color: rgba(191,191,191,.87);}
.help-block {font-family:Tahoma;font-size:12px;display: block;margin-top: 10px;margin-bottom: -10px;color:#7caaff;}
.checkbox2 label {font-weight: 300;margin-top:20px}
.btn-lg, .btn-group-lg > .btn {padding: 10px 14px;font-size: 18px;line-height: 1.3333333;border-radius: 5px;}
.btn-register {color: #fff;background-color: #21BA45;border-color: #21BA45;letter-spacing: 1px;-webkit-transition: .5s all;-moz-transition: .5s all;-ms-transition: .5s all;transition: .5s all;-o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);-ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
-moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);}
.btn-register:hover {color: #fff;background-color: #16ab39;border-color: #16ab39;letter-spacing: 2px;-webkit-transition: .5s all;-moz-transition: .5s all;-ms-transition: .5s all;transition: .5s all;text-shadow: none;box-shadow: none;}
.btn-register:focus, .btn-register.focus {color: #fff;background-color: #0ea432;border-color: #0ea432;outline: 0!important;}
.btn-register:active, .btn-register.active {color: #fff;background-color: #198f35;border-color: #198f35;}
.btn-close {color: #fff;background-color: #db2828;border-color: #db2828;letter-spacing: 1px;-webkit-transition: .5s all;-moz-transition: .5s all;-ms-transition: .5s all;transition: .5s all;-o-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);-ms-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);-moz-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);-webkit-text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);}
.btn-close:hover {color: #fff;background-color: #d01919;border-color: #d01919;letter-spacing: 2px;-webkit-transition: .5s all;-moz-transition: .5s all;-ms-transition: .5s all;transition: .5s all;text-shadow: none;box-shadow: none;}
.btn-close:focus, .btn-close.focus {color: #fff;background-color: #ca1010;border-color: #ca1010;outline: 0!important;}
.btn-close:active, .btn-close.active {color: #fff;background-color: #b21e1e;border-color: #b21e1e;}
.btn:close, .btn.close {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .080);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .080);}
.form-group {margin-bottom: 30px;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url("../../images/btn_down.png") white no-repeat 95.5% !important;background: url("../../images/btn_down.png") white no-repeat calc(100% - 10px) !important;}
select::-ms-expand { display: none; }
select > option {font-family:Tahoma;font-weight:500;font-size: 14px;color:#333;}
.modal-body {padding: 15px 14px 15px;}
.modal-lg {width: 900px;margin: 35px auto 0;}
.modal-header {border-bottom: none;}
.modal-title {font:18px'Kanit';margin: 0;line-height: 1.42857143;}
.modal-header .close {margin-top: -10px;}
.b {font-weight: bold;color: #ff5757;}
.form-panel {border: 1px solid transparent;}
.form-panel-title {margin-top: 0;margin-bottom: 0;font-size: 14px;color: #fff;}
.form-panel-title a{color:#fff;font-weight: 400;letter-spacing: 2px;padding-left: 5px;-webkit-animation: 1s textled infinite linear;-moz-animation: 1s textled infinite linear;-o-animation: 1s textled infinite linear;-ms-animation: 1s textled infinite linear;animation: 1s textled infinite linear;}
@keyframes textled {0% {padding-left: 5px;color:#555;}50% {padding-left: 10px;color:#ff0000;}100% {padding-left: 5px;color:#555;}}
.form-panel-body {padding: 10px;background-color: #fff;font-size: 12px;font-weight: 400;letter-spacing: 0.5px;}
.form-panel-heading {padding: 13px 15px;border-bottom: 1px solid transparent;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom-left-radius:6px;border-bottom-right-radius:6px; }
.form-panel-group {margin-bottom: 20px;}
.form-panel-group .form-panel {margin-bottom: 0;border-radius: 6px;}
.form-panel-group .form-panel + .form-panel {margin-top: 5px;}
.form-panel-group .form-panel-heading {border-bottom: 0;}
.form-panel-group .form-panel-heading + .form-panel-collapse > .form-panel-body {border-top: 1px solid #eee;border-bottom-left-radius:6px;border-bottom-right-radius:6px; }
.form-panel-default {border-color: #eee;}
.form-panel-default > .form-panel-heading {color: #333;background-color: #fff;border-color: #eee;}
.input-group-addon {padding: 5px 15px;font-size: 14px;font-weight: 200;letter-spacing: 1px;line-height: 1;color: #43f5ff;text-align: center;background-color: #fff;border: 1px solid #eee;border-radius: 6px;}
/* =========================================================
   PUPA THEME REBUILD 2026 — INNER PAGES
   Safe visual/layout overrides only. No PHP/backend changes.
   ========================================================= */
:root{
  --pupa-blue:#087ee8;
  --pupa-blue-deep:#064b9b;
  --pupa-cyan:#45caff;
  --pupa-green:#82d93a;
  --pupa-gold:#ffd33d;
  --pupa-ink:#083d73;
  --pupa-panel:rgba(247,252,255,.94);
  --pupa-panel-soft:rgba(225,246,255,.90);
  --pupa-line:rgba(53,178,255,.75);
  --pupa-shadow:0 16px 38px rgba(0,51,106,.22);
}

html,body{width:100%!important;min-width:0!important;min-height:100%!important;background:transparent!important;}
body{
  font-family:"Prompt",sans-serif!important;
  color:var(--pupa-ink)!important;
  background:#49baf2 url('../../images/pupa-theme-bg.jpg') center top/cover fixed no-repeat!important;
  overflow-x:hidden!important;
}
*{box-sizing:border-box;}
img,video,iframe{max-width:100%;height:auto;}

/* Replace old 1200px/1500px duplicate background layer. */
.wrapper{
  position:fixed!important;
  inset:0!important;
  width:100%!important;
  min-width:0!important;
  height:100vh!important;
  margin:0!important;
  background:url('../../images/pupa-theme-bg.jpg') center top/cover no-repeat!important;
  z-index:0!important;
  pointer-events:none!important;
}
.wrapper:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,75,148,.06),rgba(255,255,255,.04),rgba(0,75,148,.08));
}
.change{display:none!important;}
#particles-js,#particles-js2{position:fixed!important;inset:0!important;height:100vh!important;z-index:1!important;pointer-events:none!important;}

/* Shared inner-page navigation. */
.navbar_menu{
  position:relative!important;
  z-index:100!important;
  width:100%!important;
  min-width:0!important;
  background:linear-gradient(180deg,rgba(4,76,153,.96),rgba(4,111,205,.91))!important;
  border-bottom:2px solid rgba(255,211,61,.95)!important;
  box-shadow:0 5px 18px rgba(0,40,94,.25)!important;
}
.navbar_menu_bg{width:100%!important;min-width:0!important;background:none!important;}
.navbar_menu .container{width:min(1120px,calc(100% - 24px))!important;max-width:1120px!important;padding:0!important;}
.navbar_menu .row{margin:0!important;}
.navbar_menu nav,.navbar_menu ul{width:100%!important;margin:0!important;padding:0!important;}
.navbar_menu ul{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;flex-wrap:wrap!important;}
.navbar_menu li{float:none!important;display:block!important;margin:0!important;padding:0!important;}
.navbar_menu li a{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:70px!important;
  min-width:155px!important;
  padding:10px 16px!important;
  font-family:"Prompt",sans-serif!important;
  font-size:16px!important;
  font-weight:600!important;
  line-height:1.05!important;
  color:#fff!important;
  text-shadow:0 2px 3px rgba(0,0,0,.45)!important;
  border-radius:12px!important;
  transition:.18s ease!important;
}
.navbar_menu li a span{display:block!important;margin-top:4px!important;font-size:10px!important;font-weight:400!important;color:#dff6ff!important;text-transform:uppercase!important;letter-spacing:.4px!important;}
.navbar_menu li a:hover{background:rgba(255,255,255,.13)!important;transform:translateY(-2px)!important;color:#ffe36b!important;}
.navbar_menu li:first-child a{padding:0!important;min-width:155px!important;background:transparent!important;}
.navbar_menu li:first-child img{display:block!important;width:155px!important;height:auto!important;max-height:86px!important;object-fit:contain!important;}

/* Return all content to normal flow, centered and responsive. */
.header_main,.header_table{
  width:min(1120px,calc(100% - 28px))!important;
  max-width:1120px!important;
  margin:0 auto!important;
  top:auto!important;
  position:relative!important;
  z-index:3!important;
}
.header_table{padding:24px 0 70px!important;}
.header_table>table,.header_table table.warpper-table{
  width:100%!important;
  max-width:100%!important;
  table-layout:auto!important;
}
.header_table table{max-width:100%!important;}
.header_table td{max-width:100%!important;}

/* Legacy pages use a 420/500px empty first row. Keep only a compact hero gap. */
.header_table>table>tbody>tr:first-child>td{
  height:115px!important;
  min-height:115px!important;
}
.header_table>table>tbody>tr:nth-child(2)>td:empty{height:12px!important;}
.header_table>table>tbody>tr:nth-child(3)>td,
.header_table>table>tbody>tr:nth-child(2)>td:not(:empty){height:auto!important;}
.header_table>table>tbody>tr td>table{
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
}
.header_table>table>tbody>tr td>table>tbody>tr>td:first-child:empty,
.header_table>table>tbody>tr td>table>tbody>tr>td:last-child:empty{width:0!important;padding:0!important;}

/* Primary content shell — glassy, readable, no giant white or blue slabs. */
.ui.message,.ui.message.segment,.ui.message.piled.segment{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:16px!important;
  color:var(--pupa-ink)!important;
  background:rgba(244,251,255,.92)!important;
  border:1px solid rgba(102,200,255,.88)!important;
  border-radius:20px!important;
  box-shadow:var(--pupa-shadow)!important;
  backdrop-filter:blur(7px)!important;
}
.ui.message:before,.ui.message:after{display:none!important;}
.well{
  padding:18px!important;
  background:rgba(255,255,255,.58)!important;
  border:1px solid rgba(122,207,255,.52)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
.breadcrumb{
  background:linear-gradient(180deg,rgba(244,252,255,.96),rgba(221,245,255,.94))!important;
  border:1px solid rgba(69,190,255,.65)!important;
  border-radius:12px!important;
  color:#3d6c94!important;
  box-shadow:none!important;
}
.breadcrumb a{color:#0758a8!important;font-weight:600!important;}
.main-header{
  margin:8px 0 22px!important;
  padding:10px 16px!important;
  font-family:"Prompt",sans-serif!important;
  font-size:clamp(25px,3vw,38px)!important;
  line-height:1.15!important;
  font-weight:700!important;
  color:#fff!important;
  text-align:center!important;
  background:linear-gradient(100deg,#0753a6,#098fe4)!important;
  border-left:7px solid var(--pupa-gold)!important;
  border-radius:12px!important;
  text-shadow:0 2px 3px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
.main-header small{color:#dff6ff!important;font-size:45%!important;}

/* Forms */
label{font-family:"Prompt",sans-serif!important;color:#073f77!important;font-weight:500!important;}
.form-group{margin-bottom:22px!important;}
.form-control,.input-lg,.input-lg2,select.form-control{
  width:100%!important;
  max-width:100%!important;
  color:#174e7a!important;
  background-color:rgba(255,255,255,.93)!important;
  border:1px solid #65c6ff!important;
  border-radius:10px!important;
  box-shadow:0 2px 8px rgba(0,102,181,.05)!important;
}
.form-control:focus{border-color:#087ee8!important;box-shadow:0 0 0 3px rgba(8,126,232,.12)!important;}
.input-lg{padding-left:46px!important;}
.input-lg2{padding-left:14px!important;}
.help-block{color:#2581c7!important;margin-bottom:0!important;}
.checkbox2,.checkbox2 label{max-width:100%!important;white-space:normal!important;}
.btn-register,.btn-close,.btn-primary,.btn-info,.btn-success,.btn-danger{border-radius:10px!important;font-family:"Prompt",sans-serif!important;font-weight:600!important;}
.btn-register{background:linear-gradient(180deg,#41d362,#19b746)!important;border-color:#19b746!important;}

/* Tables always stay inside the panel. */
.table-responsive{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
table{max-width:100%!important;}
.table{
  width:100%!important;
  max-width:100%!important;
  color:#164f7c!important;
  background:rgba(255,255,255,.72)!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
.table>thead>tr>th{background:linear-gradient(180deg,#159fea,#087bcf)!important;color:#fff!important;border-color:#6dc8fa!important;}
.table>tbody>tr>td{border-color:rgba(86,183,238,.38)!important;vertical-align:middle!important;}

/* Server/Boss/info cards */
.box-sv,.box-donate,.form-panel-body{
  background:rgba(250,253,255,.88)!important;
  border:1px solid rgba(76,188,250,.58)!important;
  border-radius:14px!important;
  box-shadow:0 8px 20px rgba(0,83,145,.08)!important;
}
.box-sv{overflow:hidden!important;}
.box-sv-body{padding:14px!important;overflow:hidden!important;}
.box-text-haeder{font-family:"Prompt",sans-serif!important;color:#0758a8!important;font-weight:600!important;}
.line-box{border-top-color:rgba(58,176,238,.36)!important;}
.box-sv .row{margin-left:-8px!important;margin-right:-8px!important;}
.box-sv [class*="col-"]{padding-left:8px!important;padding-right:8px!important;}
.box-sv p{overflow-wrap:anywhere!important;}
.box-sv img{max-width:100%!important;object-fit:contain!important;}

/* Avoid clipping from Bootstrap columns on narrow screens. */
.row{max-width:100%!important;}
@media(max-width:991px){
  .header_table,.header_main{width:calc(100% - 18px)!important;}
  .navbar_menu li a{min-width:135px!important;font-size:14px!important;}
  .ui.message,.ui.message.segment,.ui.message.piled.segment{padding:10px!important;border-radius:14px!important;}
  .well{padding:12px!important;}
  .header_table>table>tbody>tr:first-child>td{height:65px!important;min-height:65px!important;}
  .box-sv .col-lg-3,.box-sv .col-md-3,.box-sv .col-sm-3,
  .box-sv .col-lg-4,.box-sv .col-md-4,.box-sv .col-sm-4,
  .box-sv .col-lg-6,.box-sv .col-md-6,.box-sv .col-sm-6{
    width:100%!important;float:none!important;margin-bottom:10px!important;
  }
}
@media(max-width:767px){
  .navbar_menu ul{gap:2px!important;}
  .navbar_menu li:first-child{width:100%!important;text-align:center!important;}
  .navbar_menu li:not(:first-child){flex:1 1 48%!important;}
  .navbar_menu li a{min-width:0!important;min-height:54px!important;width:100%!important;padding:8px!important;}
  .navbar_menu li:first-child a{min-height:60px!important;}
  .navbar_menu li:first-child img{max-height:60px!important;}
  .header_table{padding-top:12px!important;}
  .header_table>table>tbody>tr:first-child>td{height:20px!important;min-height:20px!important;}
  .col-xs-6{width:100%!important;float:none!important;}
  .form-group .row>[class*="col-"]{width:100%!important;float:none!important;margin-bottom:8px!important;}
  .main-header{font-size:24px!important;}
}