body{
	padding:0;
	font-family: 'Inter', sans-serif;
	color:#1b1b1b;
	font-size:13px;
	background-color: #000920;
	width:980px;
	margin:0 auto;
}
div,h1,h2,h3,h4,p,form,input,textarea,img,span{margin:0; padding:0;font-weight:normal;}
ul{margin:0; padding:0; list-style-type:none;}
li {vertical-align: bottom;}
.banner img,
.thumb img {
  border-radius: 25px;
}

/* LINK GLOBAL */
a {
  color: #eaeaea;
  text-decoration: none;
}

a:hover {
  color: #fff000;
}

/* MENU (override khusus menu) */
.menu-main a,
.menu-sub a {
  color: #ffffff;
}


/*------------------------------------------------top--------------------*/
#top {
	width: 980px;
	height: 100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#top p {
	display:block;
	text-align:right;
	color: #ADCAE4;
	line-height: 26px;
	padding-right: 10px;
}
#top p span {
	color:#FFF;
	font-weight: bold;
}
#top p a{color:#E4F1FC}
#top p a:hover{color:#FFF}

.settime {
	line-height: 26px;
	background: url(../images/clock.gif) no-repeat right;
	padding-right: 20px;
	position: absolute;
	left: 865px;
	top: 38px;
}
.settime a,.settime a:visited { color:#B5DEEF}
.settime a:hover { color:#FFF}

#top h1 {
  position: absolute;
  left: 9px;
  margin: 0;
  width: 378px;
  height: 103px;
}
#top h1 img {
  display: block;
  width: 378px;
  height: 103px;
}

/*------------------------------------------------main--------------------*/
#main {
	width:968px;
	background-color: #676767;
	clear: both;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 3px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
#main3 {
	width:95%;
	background-color:White;
	clear: both;
	margin:4px auto 0 auto;
	padding: 3px 6px 6px 6px;
}
.clear {
	clear:both;
	display: block;
	height: 1px;
	overflow: hidden;
}
.lrdiv {
	background-color: #FFF;
	clear: both;
	width: 133px;
	border: 1px solid #A0BAD3;
}

.lr_tit {
	line-height: 24px;
	font-weight: bold;
	color: #FFF;
	display: block;
	height: 24px;
	padding-left: 7px;
	background-color: #29487d;
	font-size: 14px;
}
.lr_tit a{color:#FFF;}
.lr_litime,.lr_litime a{line-height:20px;}
/*------------------------------------------------left--------------------*/
.left { width:145px;float:left; padding-right:6px;position: relative;}
#allList {
	position:absolute;
	background-color: #FFF;
	border: 3px solid #127800;
	left:148px;
	top:0;
	width: 690px;
	z-index: 100;
	padding: 8px;
}
.leftnav {
	clear: both;
}
.leftnav li{
	float: left;
	height: 20px;
	border-bottom: 1px solid #222;
	border-top: 1px solid #777;
	font-size: 14px;
}
.leftnav li a{
	line-height: 20px;
	display: block;
	height: 20px;
	width: 137px;
	font-weight: bold;
	color: #fff;
	padding-left: 6px;
	text-align: left;
	float: left;
}
.leftnav li a:hover,.leftnav .select a,.leftnav .select a{
	color: #fff000;
	background: url(../images/lraw.gif) 0px 20px;
	text-decoration: none;
}
.leftnav h2 {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #29487d;
	clear: both;
	padding-left: 6px;
	line-height: 22px;

}
.rs_div {
	background-color: #444;
	clear: both;
	width: 131px;
	padding:6px;
	border: 1px solid #777;
	font-size: 14px;
}
#nob,#nob2 {
	border-bottom-width: 0;
}
.leftnav span,.leftnav2 span {
	padding-left:24px;
	background: url(../images/flag-list_rgb_17.png) no-repeat;
}
/*------------------------------------------------min--------------------*/
#min {
	float:left;
	width:815px
}
.mid {
	float:left;
	width:665px
}
.mintopnav {
	line-height: 24px;
	height: 24px;
	margin-bottom:3px;
	background-color: #EEE;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #9EAF7B;
}
.mintopnav li{
	float: left;
}
.mintopnav li a {
	display: block;
	float: left;
	padding: 0 9px;
	line-height: 24px;
	height: 24px;
	font-weight: bold;
	color: #1F6C03;
}
.mintopnav li a:hover {
	background-color: #FFF;
	text-decoration: none;
}
.mintopnav li a span {
	color:#a50000;
	font-weight: bold;
}
#mnavnone a{
	background-image: none;
}
#note{
	line-height: 26px;
	background-color: #FFFACC;
	clear: both;
	border-right: 1px solid #C6C6C6;
	border-left: 1px solid #C6C6C6;
	padding: 0 10px;
	text-align: left;
	height: 26px;
	color: #B36946;
}
#note .close a {
	float:right;
	display:block;
	background-image: url(../images/close.gif);
	height: 14px;
	width: 14px;
	margin-top: 5px;
	line-height: 0px;
}
#mintable {
	border: 1px solid #C6C6C6; 
}
#mintable td,#oddsmain td {	
	height:24px;
	border-bottom: 1px solid #DFDFDF;
	text-align:center;
}
.scoretitle {
	font-weight: bold;
	color: #FFF;
	background-color: #227803;
	line-height: 26px;
	text-align: center;
}
.Leaguestitle {
	background-color: #FFCC33;
	color: #060;
}
.Leaguestitle td { line-height:24px}
.Leaguestitle td a,.Leaguestitle td a:visited {
	color:#060
}
.scoretitle2 {
	font-weight: bold;
	color: #FFF;
	background-color: #396;
	line-height: 26px;
	text-align: center;
}

.Leaguestitle2 {
	background-color: #E2EFEA;
	color: #3C5230;
}
.Leaguestitle2 td { line-height:24px}
.Leaguestitle2 td a,.Leaguestitle2 td a:visited {
	color:#476826
}
.red {
	color:#F00;
	font-weight: bold;
	cursor:pointer;
	font-size:12px;
}
.blue {
	color:#00f;
	font-weight: bold;
	cursor:pointer;
	font-size:12px;
}
.status { color:#0066FF}
.time { color:#666}
.toolimg img{ margin:0 2px}
.b1 {background-color: #a50000;}
.b2 {background-color: #f4f4f4;}
.b3 {BACKGROUND-COLOR: #eeeeff}
.b4 {BACKGROUND-COLOR: #eeeeee}
.l1 {
	float:left;
	margin-left: 10px;
	background: url(../images/ds.gif) no-repeat left;
	padding-left: 12px;
	color: #060;
}
.l1 a {
	font-weight: bold;
}
.l2 {
	float:right;
	padding:4px 4px 0 0;
}
.l2 img { margin:0 2px}
.l1s {
	float:left;
	padding-left: 12px;
	color: #D3E0CD;
	padding-top:3px;
}
.contest {
	font-weight: bold;
	background-color: #FFFACC;
}

.l3 {
	float:left;
	margin-left: 10px;
	background: url(../images/ds.gif) no-repeat left;
	padding-left: 12px;
	color: black;
	font-weight: bold;
}

.l4 {
	float:left;
	margin-left: 5px;
	padding-left: 6px;
	color: #B36946;
}
.l5 {
	float:right;
	padding:2px 2px 0 0;
}
.l5 img { margin:0 2px}
.date_li{
	height: 24px;
	line-height: 24px;
	padding-left:20px;
	margin-bottom:5px;
	background-color: #EAEDE7;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #396;
}
.date_li a,.date_li a:visited {
	display:block;
	float:left;
	padding: 0 8px;
	background: url(../images/minbg_line.gif) no-repeat right;
}
.date_li a:hover {
	background-color: #F4FBFF;
	text-decoration: none;
	color: #F30;
}
.date_li b {
	display:block;
	float:left;
	padding: 0 8px;
	color: #FFF;
	background-color: #396;
}

/*------------------------------------------------right--------------------*/
.right { width:145px;float:right}
#right { width:175px;float:right}
.lrdiv2 {
	background-color: #FFF;
	clear: both;

	border: 1px solid #A0BAD3;
}
.soundtab {
	background-color: #F4F5F5;
	clear: both;
	border-right: 1px solid #A0BAD3;
	border-bottom: 1px solid #A0BAD3;
	border-left: 1px solid #A0BAD3;
	padding:4px 0 4px 4px;
	line-height: 20px;
}
.soundtab select {
	margin-left:2px;
	width:65px;
	height: 20px;
	font-size: 11px;
}
.soundtab span { line-height:18px}
.e12:link,.e12:visited { font-size:12px}
.e14:link,.e14:visited  { font-size:14px}
.set1:link,.set1:visited {
	padding-left:13px;
/**	background: url(../images/re.gif) no-repeat left top;**/
	margin:0 8px 0 4px;
}
.set2:link,.set2:visited {
	padding-left:13px;
/**background: url(../images/re.gif) no-repeat left -20px;**/
}
.color {
	background-image: url(../images/color.gif);
	height: 8px;
	width: 72px;
	margin-top: 3px;
	background-repeat: no-repeat;
	overflow:hidden;
}
.color li{ float:left}
.color li a{
	display: block;
	height: 8px;
	width: 8px;
	margin-right: 4px;
}
.s_blue a:hover{background: url(../images/color.gif)  left -8px;}
.s_red a:hover{background: url(../images/color.gif)  -12px -8px;}
.s_black a:hover{background: url(../images/color.gif)  -24px -8px;}
.s_green a:hover{background: url(../images/color.gif)  -36px -8px;}
.s_black2 a:hover{background: url(../images/color.gif)  -48px -8px;}
.s_purple a:hover{background: url(../images/color.gif)  -60px -8px;}

/*------------------------------------------------odds 2in1--------------------*/
#oddsmain { float:left; width:787px}
.up {
	background-color: #FFb0c8;
}
.down {
	background-color: #DCFFB9;
}
.up_red {
	BACKGROUND-COLOR: #fad2c9
}
.down_green {
	BACKGROUND-COLOR: #d5fc9e
}
.change_yellow {
	BACKGROUND-COLOR: yellow
}
A.sb{	FONT-WEIGHT: bold; COLOR: #cc0000; text-DECORATION: none; font-size:12px;}
A.sb:link {	FONT-WEIGHT: bold; COLOR: #cc0000;  text-DECORATION: none}
A.sb:visited {	FONT-WEIGHT: bold; COLOR: #cc0000; text-DECORATION: none}
A.sb:hover {	FONT-WEIGHT: bold; COLOR: #000066;}
a.pk:link { color: #0000FF; text-decoration: none; font-size: 12px;font-weight:bold; }
a.pk:visited { color: #0000FF; text-decoration: none; font-size: 12px;font-weight:bold; }
a.pk:hover { color: #a50000;font-size: 12px;text-decoration: underline;font-weight:bold;}

/*------------------------------------------------bottom--------------------*/
#bottom {
	background-color: #1b1b1b;
	text-align: center;
	clear: both;
	width: 980px;
	border-top: 1px solid #CCCCCC;
	padding-bottom: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	font-size: 14px;
}
.menu {
	font-weight: bold;
	line-height: 22px;
	background-color: #1b1b1b;
}
.bt_time {
	font-weight: bold;
	color: #F60;
}
.p2 { color:#999}

#score_win {
	position: absolute;
	left: 356px;
	top: 235px;
	border: 3px solid #090;
	background-color: #FFF;
	padding: 1px;
}
.score_title {
	background-color: #DBECA6;
}

.spanleague
{
	display: block;
	clear: both;
	background-color: #E2F5FA;
	border: 1px solid #AEC6EC;
	color: #06C;
	line-height:26px;
	}
#myleague{
    OVERFLOW: auto; 
}
#myleague2{
    OVERFLOW: auto; 
    height :300px;
}
.cc a{
	float:right;
	background-image: url(../images/cc.gif);
	display: block;
	height: 13px;
	width: 15px;
	margin-top: 1px;
}
.sotit {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	height: 18px;
	padding-top: 2px;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
	line-height: 18px;
	background-color: #F5F4EF;
	margin-bottom: 6px;
}
.bts {
	display: block;
	clear: both;
	padding: 8px 0 8px 11px;
	text-align:center;
}
.bts input,.vsbtn {
	margin:0 3px;
	font-size: 11px;
	font-weight: bold;
	background-color: #E2F5FA;
	border: 1px solid #AEC6EC;
	color: #06C;
	line-height:18px;
	cursor:pointer;
}

.rbl {
	padding: 4px;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #AEC6EC;
	color: #06C;
	margin-bottom:5px;
}
.oddstable 
{
	background-color: #C6C6C6;
}
.oddstable td {
	line-height:17px;
	text-align:center;
}

/*------------------------------------------------team vs team--------------------*/
#teammain { float:left; width:787px}
#teammain td {
	text-align:center;
	line-height: 18px;
}
.team_info {
	display:block;
	line-height: 24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
}
#teammain h2 {
	font-size: 23px;
	line-height: 23px;
	font-weight: bold;
	margin-bottom: 6px;
}
#teammain h3 {
	font-size: 16px;
	line-height: 23px;
	font-weight: bold;
	color: #FFF;
}
#team_info2 {
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.title_h3 {
	background-color: #BAC98B;
}
.teamname_td {
	background-color: #E6F0FB;
	line-height: 18px;
	font-weight: bold;
	font-size: 14px;
}
.teaminfo2 {
	background-color: #E6F0FB;
	color: #33638A;
}
.teaminfo_td {
	background-color: #FFF7E1;
	font-weight:bold;
}
.te1 {
	background-color: #FFF;
}
.te2 {
	background-color: #F5F5F5;
}
.greens {
	color: #360;
	background-color: #D3F88F;
	font-weight: bold;
}
.BgYellow { background-color:#fcebda; color:#73250f}
.BgSky { background-color:#d2e6ff}
#teamid .sl { text-align:left}
#teamid .sr { text-align:right}
.leftnav_2 li{border-bottom: 1px solid #D7D7D7;}
.leftnav_2 li a{
	line-height: 20px;
	display: block;
	height: 20px;
	width: 137px;
	font-weight: bold;
	color: #425B7E;
	padding-left: 6px;
	text-align: left;
}
.leftnav_2 li a:hover {
	color: #FFF;
	text-decoration: none;
	background-color: #0C0;
}

/*------------------------------------------------i vs i--------------------*/
#main2 {
	width:968px;
	background-color: #FFF;
	clear: both;
	margin:4px auto 0 auto;
	padding: 6px;
}
#main2 a{ text-decoration:underline}

.hh4 {
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}
.leftnav .th_1 {background-position: 0px -480px;}
.leftnav .th_2 {background-position: 0px -168px;}
.leftnav .th_3 {background-position: 0px -1128px;}
.leftnav .th_4 {background-position: 0px -624px;}
.leftnav .th_5 {background-position: 0px -144px;}
.leftnav .th_6 {background-position: 0px -1056px;}
.leftnav .th_7 {background-position: 0px -1104px;}
.leftnav .th_8 {background-position: 0px -1032px;}
.leftnav .th_9 {background-position: 0px -888px;}
.leftnav .th_10,.leftnav2 .th_10 {background-position: 0px -336px;}
.leftnav .th_11 {background-position: 0px -264px;}
.leftnav .th_12 {background-position: 0px -192px;}
.leftnav .th_13 {background-position: 0px -528px;}
.leftnav .th_14,.leftnav2 .th_14 {background-position: 0px -936px;}
.leftnav .th_15 {background-position: 0px -288px;}
.leftnav .th_16 {background-position: 0px -960px;}
.leftnav .th_17 {background-position: 0px -552px;}
.leftnav .th_18,.leftnav2 .th_18 {background-position: 0px 0px;}
.leftnav .th_19 {background-position: 0px -745px;}
.leftnav .th_20 {background-position: 0px -1152px;}
.leftnav .th_21 {background-position: 0px -96px;}
.leftnav .th_22 {background-position: 0px -504px;}
.leftnav .th_23 {background-position: 0px -912px;}
.leftnav .th_24 {background-position: 0px -120px;}
.leftnav .th_25 {background-position: 0px -1512px;}
.leftnav .th_26 {background-position: 0px -216px;}
.leftnav .th_27 {background-position: 0px -648px;}
.leftnav .th_28 {background-position: 0px -672px;}
.leftnav .th_29 {background-position: 0px -1080px;}
.leftnav .th_30 {background-position: 0px -312px;}
.leftnav .th_31 {background-position: 0px -360px;}
.leftnav .th_32 {background-position: 0px -456px;}
.leftnav .th_33 {background-position: 0px -1368px;}
.leftnav .th_34 {background-position: 0px -408px;}
.leftnav .th_35 {background-position: 0px -816px;}
.leftnav .th_36 {background-position: 0px -432px;}
.leftnav .th_37 {background-position: 0px -24px;}
.leftnav .th_38 {background-position: 0px -1344px;}
.leftnav .th_39 {background-position: 0px -840px;}
.leftnav .th_40 {background-position: 0px -1392px;}

.leftnav .th_41 {background-position: 0px -864px;}
.leftnav .th_42 {background-position: 0px -2640px;}
.leftnav .th_43 {background-position: 0px -792px;}
.leftnav .th_44 {background-position: 0px -2448px;}
.leftnav .th_45 {background-position: 0px -2736px;}
.leftnav .th_46 {background-position: 0px -1920px;}
.leftnav .th_47 {background-position: 0px -1704px;}
.leftnav .th_48 {background-position: 0px -1656px;}
.leftnav .th_49 {background-position: 0px -1176px;}
.leftnav .th_50 {background-position: 0px -2976px;}
.leftnav .th_51 {background-position: 0px -3049px;}

.leftnav .th_52 {background-position: 0px -4008px;}
.leftnav .th_53 {background-position: 0px -4033px;}
.leftnav .th_54 {background-position: 0px -4060px;}
.leftnav .th_55 {background-position: 0px -4087px;}
.leftnav .th_56 {background-position: 0px -4142px;}
.leftnav .th_57 {background-position: 0px -4115px;}
.leftnav .th_s,.leftnav2 .th_s {background-position: 0px -1200px;}
.leftnav .th_60,.leftnav2 .th_60 {background-position: 0px -3217px;}
.secf{
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	display: block;
	height: 30px;
	width: 135px;
	padding-left: 10px;
	line-height: 30px;
	z-index: 101;
	background-color: #360;
	background-image: url(../images/ds2.png);
	background-repeat: no-repeat;
	background-position: 130px;
}
.secf:hover {
	color: #FF0;
	height: 30px;
	width: 145px;
}

.gs:link {display:block;width: 25px;height:25px;float:right;margin: 5px 20px 5px 0px;}
.facebook { background: url(../images/gs.png) no-repeat 0px 0px; }
.youtube { background: url(../images/gs.png) no-repeat -25px 0px; }
.instagram { background: url(../images/gs.png) no-repeat -50px 0px; }
.twitter {background: url(../images/gs.png) no-repeat -75px 0px;display: block;}

.leftnav2 li{border-bottom: 1px solid #D7D7D7;}
.leftnav2 li a{
	line-height: 20px;
	background-color: #F0F9FB;
	display: block;
	height: 20px;
	width: 137px;
	font-weight: bold;
	color: #425B7E;
	padding-left: 6px;
	text-align: left;
}
.leftnav2 li a:hover,.leftnav2 .select a,.leftnav2 .select a{
	color: #39F;
	text-decoration: none;
	background-color: #FFF;
}
.lldiv {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #777;
	border-right-color: #777;
	border-left-color: #777;
}

.listA a{
    display:inline-block;
    padding-left:40px;
}

.soccer {background-image: url(../images/menu_icon.png);background-repeat: no-repeat;background-position: 15px 10px;letter-spacing: 0.5px;} 
.basketball {background-image: url(../images/menu_icon.png);background-repeat: no-repeat;background-position: 8px -53px;letter-spacing: 0.5px;} 
.baseball {background-image: url(../images/menu_icon.png);background-repeat: no-repeat;background-position: 20px -194px;letter-spacing: 0.5px;} 
.tv_Sport {background-image: url(../images/menu_icon.png);background-repeat: no-repeat;background-position: 2px -334px;letter-spacing: 0.5px;} 
.prediksi-bola {background-image: url(../images/menu_icon.png);background-repeat: no-repeat;background-position: 1px -262px;letter-spacing: 0.5px;}
.prediksi-togel {background-image: url(../images/menu_icon.png);background-repeat: no-repeat;background-position: 1px -404px;letter-spacing: 0.5px;}
.free_chips {background-image: url(../images/menu_icon.png);background-repeat: no-repeat;background-position: 2px -531px;letter-spacing: 0.5px;} 


table {
	margin: 0;
	padding: 0;
	width: 100%;
}

table th {
  color: #fff;
}

table td {
  color: #333;
}

#Head1_ht2 {
  width: 200px;
  height: 60px;
  margin: 0;
}

#footer-menu {
  color: #7e7e7e;
  background: #1b1b1b;
  padding: 15px 10px;
  text-align: center;
  border-bottom: 1px solid #333;
}

#footer-menu .menu a {
  color: #fff;
  font-size: 13px;
}

#footer-menu .menu.small a {
  color: #fff;
  font-size: 12px;
}

#footer-menu .copyright {
  font-size: 11px;
  color: #888;
  margin-top: 10px;
}

#footer-article {
  background: #1b1b1b;
  padding: 20px 15px;
  position: relative;
}


#footer-article h1,
#footer-article h2 {
  color: #fff;
}

#footer-article p {
  color: #b6b6b6;
  font-size: 12px;
  text-align: justify;
}

.article-wrap {
  max-height: 173px; 
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.article-wrap.open {
  max-height: 5000px;
}

.article-fade {
  position: absolute;
  bottom: 45px;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(
    to bottom,
    rgba(27,27,27,0),
    rgba(27,27,27,1)
  );
  pointer-events: none;
}

.article-wrap.open + .article-fade {
  display: none;
}

.article-toggle {
  text-align: center;
  cursor: pointer;
  color: #f7ff00;
  font-size: 13px;
  padding-top: 10px;
}
.social-center {
  display: flex;
  justify-content: center; 
  align-items: center;     
  gap: 15px;               
}

.social-center .gs {
  float: none;
  margin: 0;
}
.menu-main,
.menu-sub {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  white-space: nowrap;
}

.menu-main {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
  padding: 0 12px;
  background: linear-gradient(180deg, #228af1, #1d568f);
  border-bottom: 1px solid #0f2f4d;
}

.menu-main li {
  list-style: none;
}

.menu-main a {
  display: block;
  padding: 12px 18px;
  font-size: 14px;        
  font-weight: 700;       
  color: #d8e9ff;
  text-decoration: none;
  border-right: 1px solid #0f2f4d;
  transition: background .2s ease, color .2s ease;
  white-space: nowrap;
}

.menu-main a:hover {
  background: #123a5c;
  color: #ffffff;
}

.menu-main a.active {
  color: #fff;
  box-shadow: inset 0 -1px 0 #ff6600;
}

.menu-main li:last-child a {
  border-right: none;
}

.menu-sub {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #0f2f57;
  padding: 6px;
  gap: 7px; 
  border-bottom: 1px solid #0b2545;
}

.menu-sub li {
  list-style: none;
}

.menu-sub a {
  display: block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 700;
  color: #eaf2ff;
  background: #2162b8;
  border-radius: 4px;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0.3px;
  transition: all .2s ease;
}

.menu-sub a:hover {
  background: #ff8800;
  color: #fff;
}

.menu-sub .active {
  background: #ff8800;
  color: #fff;
  font-weight: bold;
}
img[src*="img.7mdt.com/icon/"] {
  width: 16px;
  height: 16px;
  display: inline-block;
}
td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
}
html {
  font-size-adjust: 0.5;
}

#btnScrollAtas {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    border: none;
    outline: none;
    background-color: #0d2129;
    color: #ffffff;
    cursor: pointer;
    width: 55px;
    height: 55px;
    border-radius: 12px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
    padding: 0;
}

#btnScrollAtas:hover {
    background-color: #1a3a45;
    transform: translateY(-5px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.4);
}

.content-atas {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

#btnScrollAtas svg {
    display: block;
    margin-bottom: 2px;
}

.teks-atas {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Inter', sans-serif;
    letter-spacing: 0.5px;
    line-height: 1;
}

@media (max-width: 768px) {
    #btnScrollAtas {
        bottom: 20px;
        right: 20px;
        width: 75px;
        height: 75px;
        border-radius: 15px;
    }
    
    #btnScrollAtas svg {
        width: 26px;
        height: 26px;
    }
    
    .teks-atas {
        font-size: 11px;
        margin-top: 4px;
    }
}
table { table-layout: fixed !important; width: 100% !important; }
td { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }