/* NemaDalje light theme polish - samo za default/new skin. */
:root{
  --nd-light-bg:#eef3f9;
  --nd-light-card:#ffffff;
  --nd-light-soft:#f7faff;
  --nd-light-line:#d6e0ec;
  --nd-light-text:#172334;
  --nd-light-muted:#65788e;
  --nd-light-blue:#1b82ee;
  --nd-light-red:#e84257;
  --nd-light-green:#19b873;
  --nd-light-shadow:0 14px 42px rgba(28,49,74,.12);
}
body{
  background:
    radial-gradient(circle at 18% -10%,rgba(27,130,238,.12),transparent 28%),
    linear-gradient(180deg,#f5f8fc 0,#e7edf5 100%) !important;
  color:var(--nd-light-text) !important;
}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease}
img{max-width:100%;height:auto}
.container_24{border-radius:12px}
.content_block,.sidebar_block,.fatlist,.fatform,.admin_sekcija,
.vx-hero,.vx-stats-bar,.vx-scard,.vx-sponsor,.vx-ad-ph{
  background:rgba(255,255,255,.92) !important;
  border:1px solid var(--nd-light-line) !important;
  border-radius:12px !important;
  box-shadow:var(--nd-light-shadow) !important;
  color:var(--nd-light-text) !important;
}
.title,.title_new,.sidebar_block .title,.content_block .title{
  background:linear-gradient(90deg,#e8f3ff,#fff3f5) !important;
  color:#102033 !important;
  border-bottom:1px solid var(--nd-light-line) !important;
  border-radius:10px 10px 0 0 !important;
  font-weight:900 !important;
  text-shadow:none !important;
}
.topic_1,.topic_2,#index_block p,.fatlist p{
  background:#fff !important;
  border:1px solid #dbe5f0 !important;
  border-radius:9px !important;
  padding:8px 10px !important;
  margin:6px 0 !important;
}
.topic_1:hover,.topic_2:hover,#index_block p:hover,.fatlist p:hover{
  border-color:rgba(27,130,238,.35) !important;
  box-shadow:0 8px 22px rgba(27,130,238,.10);
}
.index_link,a.index_link{color:#155cc8 !important;font-weight:800}
.info,.muted,.small,small{color:var(--nd-light-muted) !important}
input,textarea,select{
  background:#fff !important;
  color:var(--nd-light-text) !important;
  border:1px solid #cdd9e6 !important;
  border-radius:8px !important;
  outline:none;
}
input:focus,textarea:focus,select:focus{
  border-color:rgba(27,130,238,.7) !important;
  box-shadow:0 0 0 3px rgba(27,130,238,.14) !important;
}
.button,.button2,input[type=submit],button{
  border-radius:8px !important;
  border:1px solid rgba(13,83,160,.12) !important;
  background:linear-gradient(180deg,#2f9aff,#1377d9) !important;
  color:#fff !important;
  font-weight:900 !important;
  text-shadow:none !important;
  box-shadow:0 8px 24px rgba(27,130,238,.20);
}
.button2{
  background:linear-gradient(180deg,#ffffff,#edf3fb) !important;
  color:#12304f !important;
}
.button:hover,.button2:hover,input[type=submit]:hover,button:hover{filter:brightness(1.04)}
#header_login_wrapper,#header_bottom,#header_bottom_inner,#user_controls_wrapper{
  background:rgba(255,255,255,.88) !important;
  border-bottom:1px solid rgba(20,50,85,.10) !important;
  backdrop-filter:blur(12px);
}
#logo_wrapper .logo,.logo{
  color:#0d2036 !important;
  text-shadow:none !important;
}
#nav_wrapper a,#main_nav a,#header_bottom a,#user_controls_wrapper a{border-radius:8px}
#nav_wrapper a:hover,#main_nav a:hover,#header_bottom a:hover,#user_controls_wrapper a:hover{
  background:rgba(27,130,238,.10) !important;
  color:#0d58bd !important;
}
ul#breadcrumb{
  background:#fff !important;
  border:1px solid var(--nd-light-line) !important;
  border-radius:10px !important;
  padding:9px 11px !important;
}
.vx-hero{overflow:hidden;position:relative}
.vx-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(120deg,rgba(27,130,238,.12),transparent 45%,rgba(232,66,87,.08));
}
.vx-hero-inner{position:relative;z-index:1}
.vx-stat b,.vx-col-title{color:#142337 !important}
.vx-pbar{background:#dce7f2 !important;border-radius:999px;overflow:hidden}
.vx-pbar i{background:linear-gradient(90deg,var(--nd-light-green),var(--nd-light-blue)) !important}
.vx-on-user,.vx-connect{border-radius:8px !important}
.vx-quick-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.vx-quick-card{
  display:block;
  min-height:94px;
  padding:16px;
  background:rgba(255,255,255,.94);
  border:1px solid var(--nd-light-line);
  border-radius:13px;
  box-shadow:var(--nd-light-shadow);
  color:var(--nd-light-text) !important;
}
.vx-quick-card b{display:block;font-size:16px;margin-bottom:5px;color:#132235}
.vx-quick-card span{display:block;color:var(--nd-light-muted);line-height:1.35}
.vx-quick-card:hover{
  transform:translateY(-1px);
  border-color:rgba(27,130,238,.38);
  box-shadow:0 18px 46px rgba(27,130,238,.16);
}
.vx-quick-card.primary{
  background:linear-gradient(135deg,#1d86f3,#126ed1);
  color:#fff !important;
  border-color:rgba(27,130,238,.35);
}
.vx-quick-card.primary b,.vx-quick-card.primary span{color:#fff !important}
.error-div,.success-div,.info-div{border-radius:9px !important;border:1px solid rgba(20,50,85,.12) !important}
.error-div{background:#fff0f3 !important;color:#9e1d30 !important}
.success-div{background:#ecfff6 !important;color:#087846 !important}
.info-div{background:#eef6ff !important;color:#0c579f !important}
.vx-bell-li{position:relative}
#vx-bell{position:relative;padding:6px 9px;border-radius:10px;cursor:pointer}
#vx-bell:hover{background:rgba(27,130,238,.10)}
.vx-bell-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#e84257;color:#fff;font-size:11px;line-height:18px;text-align:center;font-weight:900}
#vx-bell-drop{display:none;position:absolute;right:0;top:34px;width:330px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--nd-light-line);border-radius:12px;box-shadow:0 18px 45px rgba(22,45,75,.18);z-index:5000;overflow:hidden}
.vx-bell-head{padding:12px 14px;font-weight:900;border-bottom:1px solid var(--nd-light-line);background:linear-gradient(90deg,#eef6ff,#fff5f7);color:#102033}
#vx-bell-list{max-height:320px;overflow:auto}
.vx-bell-item{display:flex;gap:10px;padding:11px 13px;border-bottom:1px solid #edf2f7;color:#142337 !important;line-height:1.35}
.vx-bell-item:hover{background:#f4f8fd !important}
.vx-bell-item small{display:block;margin-top:3px;color:var(--nd-light-muted) !important}
.vx-bi-ico{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:#e8f3ff}
.vx-bell-empty{padding:18px;text-align:center;color:var(--nd-light-muted)}
.vx-bell-clear{display:block;padding:11px 14px;text-align:center;font-weight:900;background:#f8fbff;color:#126ed1 !important}
@media(max-width:980px){
  body{min-width:0 !important}
  .container_24{width:calc(100% - 20px) !important;margin-left:10px !important;margin-right:10px !important;padding-left:0 !important;padding-right:0 !important}
  .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,
  .grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{
    width:100% !important;float:none !important;margin-left:0 !important;margin-right:0 !important;
  }
  #header_login_wrapper,#header_bottom,#user_controls_wrapper{min-width:0 !important}
  #logo_wrapper,#nav_wrapper,#main_nav,#user_controls_wrapper{width:calc(100% - 20px) !important;margin-left:10px !important;margin-right:10px !important}
  #nav_wrapper ul,#main_nav ul{display:flex;flex-wrap:wrap;gap:6px}
  #nav_wrapper li,#main_nav li{float:none !important}
  .vx-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .content_block,.sidebar_block,.admin_sekcija,.fatlist,.fatform{padding:10px !important}
  .vx-quick-grid{grid-template-columns:1fr}
  .button,.button2,input[type=submit],button{width:100%;margin-top:6px}
}