body{background-color:#000e88;color:#fafafb;margin:0;padding:0;font-family:'Poppins',sans-serif}
.container{display:flex;}
a{color:#fafafb}
h1,h2,h3,h4,h5,p,ol,ul,li {margin:0;padding:0;color:#fafafb;}
h1{font-size:25px;}
h2{font-size:18px;padding:12px;}
h3{font-size:17px;}
p{font-size:15px;justify-content:justify;}
input[type='number']{-moz-appearance:textfield}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.text_center { text-align:center;}
.clearfix::after{content:"";clear:both;display:table}
.blink_text {animation: blinker 1s linear infinite;}
@keyframes blinker { 50% {opacity: 0;} }
button {cursor:pointer;}
/*LEFT CONTENT */
.left_content{width:19%;padding:15px;background-color:#000622;border-right:1px solid #818a8c;border-bottom:1px solid #818a8c;height:auto;overflow:auto;color:#fafafb;}
.left_content a {color:#fafafb;text-decoration:none;}
.left_sticky{padding:1px;}
/* LOGO */
.logo_wrapper{position:relative;margin:5px 12px 18px 29px;display:flex;font-size:18px}
.logo_img{display:flex;align-items:center}
.logo_name{color:#fafafb;margin-left:15px;white-space:nowrap}
/* VERTICAL NAVIGATION */
.dashboard{background-color:#0c3959;display:flex;align-items:center;padding:12px 0 12px 12px;border-radius:5px;margin-bottom:5px;cursor:pointer;position:relative;}
.dashboard_text {font-size:15px;font-weight:700;white-space:nowrap;margin:auto;}
.features_item{display:flex;align-items:center;position:relative;padding:8px;color:#b5b5be;cursor:pointer;transition:.5s ease}
.features_item a {color:#fafafb;text-decoration:none;}
.features_item::before{transition:.5s ease;content:'';position:absolute;left:-18px;height:100%;border-left:5px solid #fafafb;border-radius:2px;opacity:0;visibility:hidden}
.features_item:hover{color:#fafafb;transition:.5s ease;background-color:#0c3959;}
.features_item:hover::before{opacity:1;visibility:unset}
.features_item_icon{font-size:25px}
.features_item_text{font-size:15px;font-weight:700;margin-left:15px;transition:opacity .6s ease;opacity:1}
.category_item_status{margin-left:18px;height:8px;width:8px;border-radius:50%;border:none;background-color:#fff;display:inline-block}
/*RIGHT CONTENT*/
.right_content {background-color:#000e31;width:82%;padding:5px 5px 12px 5px;border:1px solid #999999;}
.top_header {display:flex;background-color:#000622;border-bottom:1px solid #292932;align-items:center;justify-content:center;padding:21px;}
.top_header img {}
.top_header h1 {margin-left:12px;}
.last_result p {font-size:18px;font-weight:700;margin:12px 0;text-align:center; }
.clock_box {width:50%;margin:8px auto;font-weight:700;}
.clock_box table {margin:auto;}
#clock {font-weight:700;}
/*HORIZONTAL NAVIGATION BAR*/
.nav_container {display:none;width:100%;margin:auto;background-color:black;background-image: linear-gradient(#03002e, #333333, #03002e);}
.nav_center {width:100%;height:41px;margin:auto;z-index:5;background-color:black;background-image: linear-gradient(#0e1111, #333333, #0e1111);}
.navbox {position:relative;width:100%;margin:auto;z-index:5;}
.topnav{overflow:hidden;background-color:black;background-image: linear-gradient(#0e1111, #333333, #0e1111);}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:15px 16px;text-decoration:none;font-size:17px}
.topnav a:hover{background-color:#38b6ff;color:#fff;}
.topnav a.active{background-color:#005b96;color:#fff}
.topnav .icon{display:none}
/* SEARCH BOX */
.search_box {display:flex;align-items:center;justify-content:center;margin-top:-12px;}
.search_text {font-weight:700;}
input[type=date],select { font-size:15px; }
.ads_wrap_long {width:88%;height:70px;border:1px solid #818a8c;margin:auto;}
.ads_wrap_long img {width:100%;height:70px;}
/* PR TABLE Table styling */
.pr_table_div {display:block;width:90%;margin:auto;overflow-x:auto;}
.pr_table {border-collapse:collapse;width:100%;}
.pr_table tr:first-child {border-bottom:5px solid #b3cde0;}
.pr_table td,.pr_table th {padding:12px;text-align:center;color: white;}
.pr_table th {font-size:18px;}
.pr_table td {font-size:15px;}
.pr_table td:nth-child(1) {font-size: 18px;}
.pr_table td:nth-child(4) {font-size: 19px;}
.pr_table th {color: white;font-weight:700;padding:16px 12px;font-family:Arial,Helvetica,sans-serif;background-color:#005b96;}
.pr_table tr:nth-child(odd) {background-color:#000f28;font-weight:700;}
.pr_table tr:nth-child(even) {background-color:000e88;font-weight:700;}
.pr_table tr:hover {background-color:#11589c;}
/* RESULT TABLE */
.resutls_wrap,.result_info {width:59%;margin:auto;border:1px solid #818a8c;padding:5px;}
.resutls_wrap table {width:100%;margin:auto;border:1px solid white;text-align:center;color:white;font-weight:bold;}
.inline_display {display:inline-block;}
.result_info table {width:100%;}
.result_info table td {color:#fafafb;background-color:#0c3959;font-size:12px;font-weight:700;padding:12px;}
.result_info table a {color:#fafafb;text-decoration:underline;}
/* CONTENT BOX */
.content_box {padding:25px;height:auto;}
.table_box {margin-top:18px;}
/* ARTICLE BOX */
.article_box {margin:5px 5px 8px 5px;padding:25px;}
.article_box h1 {font-size:21px;text-align:center;}
.article_box h2 {font-size:20px;text-align:center;}
.article_box h3 {font-size:19px;text-align:center;}
.article_box h4 {font-size:18px;text-align:center;}
.article_box h5 {font-size:17px;text-align:center;}
.article_box p {font-size:15px;margin-top:5px;text-align:justify;}
.article_box a {color:white;}
.article_box li {font-size:15px;}
.article_box table {border:none;color:white;display:inline-block;font-size:15px;font-weight:normal;}
/* FOOTER */
.footer_box {}
.footer_box h3,.footer_box ul{ text-align:center;}
.footer_box p { font-size:15px;font-weight:700;text-align:center; }
.footer_box table { margin:auto; }
.footer_box a { text-decoration:none; }
.footer_wrap,.footer_bottom {border:1px solid #818a8c;padding:18px;background-color:#03002e;}
.footer_bottom {margin-bottom:25px;}
/*CALTOG*/
.flexbox {display:flex;align-items:flex-start;justify-content:center;padding:12px;}
.box50 {width:49%;padding:5px;}
.margin_left {margin-left:1%;}
.code_table {border-collapse:collapse;font-size:12px;width:88%;}
.code_table th, .code_table td {border:1px solid white;}
.code_table td,.code_table th {padding:5px;}
.com_box {width:32%;margin:auto;border:1px solid white;padding:8px;}
.type_text {font-size:15px;font-weight:700;text-align:center; }
.dkh_table {font-size:12px;margin:0;}
.dkh_table input, .dkh_table button {font-size:12px;}
.dkh_input {text-align:center;width:25px}
.responsive_textarea{background-color:#CAE9F5;width:85%;min-height:125px;max-height:300px;padding:10px;resize:vertical}
.total_table {font-size:12px;font-weight:700;width:82%;}
/* PRICING TABLE */
.pricing_table{display:flex;justify-content:center;align-items:flex-start;margin:2rem auto;max-width:900px}
.pricing_card{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:300px;margin:0 1rem;padding:2rem;border:1px solid #ccc;text-align:center;transition:all .3s ease-in-out}
.pricing_card:hover{border:1px solid #8CAF50;transform:scale(1.05)}
.pricing_card_header{font-size:2rem;font-weight:700;margin-bottom:0.5rem}
.pricing_card_badge{background-color:#8CAF50;color:#fff;font-size:1.2rem;font-weight:700;padding:.5rem 1rem;position:absolute;top:0;left:0}
.pricing_card_body{flex-grow:1}
.price{font-size:2rem;font-weight:700;margin-bottom:0.5rem}
.price_currency{font-size:1rem}
.price_value{font-size:1rem}
.price_duration{font-size:1rem}
.pricing_card_features{list-style:none;margin:0;padding:0}
.pricing_card_features li{padding:.5rem 0;border-bottom:1px solid #ccc}
.pricing_card_features li:last-child{border-bottom:none}
.pricing_card_button{display:inline-block;margin-top:15px;padding:9px 15px;background-color:#128dac;color:#fff;text-decoration:none;border-radius:5px;transition:all .3s ease-in-out}
.pricing_card_button:hover{background-color:#129dac;color:#fff;border:1px solid #129dac;cursor:pointer}
.box_bbfs {display:block;margin:25px auto 9px auto;font-size:12px;text-align:center;}
.box_bbfs p {font-size:12px;}
.input_bbfs {font-size:12px;font-weight:700;width:128px;background-color;lightblue;}
.button_bbfs {border-radius:0;font-size:12px;}
.bbfs_center_p {text-align:center;}
.bbfs_p {font-size:15px;font-weight:700;overflow-wrap:break-word;padding:15px;text-align:center;}
/*LOGIN FORM*/
.login_page{width:355px;padding:5% 0 0 0;margin:auto}
.form{position:relative;z-index:1;background:#FFF;max-width:350px;margin:0 auto 12px;padding:35px;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,0.2),0 5px 5px 0 rgba(0,0,0,0.24)}
.form input{font-family:"Roboto",sans-serif;outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:15px}
.form button{font-family:"Roboto",sans-serif;text-transform:uppercase;outline:0;background:#128dac;width:100%;border:0;padding:15px;color:#FFF;font-size:15px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}
.form button:hover,.form button:active,.form button:focus{background:#107dac}
.form .message{margin:15px 0 0;color:#b3b3b3;font-size:12px}
.form .message a{color:#107dac;text-decoration:none}
.form .register_form{display:block;}
.font12 {font-size:12px;}
/*CONTACT US FORM*/
.contact_form{margin:0 15px 50px 15px;width:70%;}
.contact_form h1 {margin: 12px 15px 15px 15px;}
.contact_form input{outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:9px;box-sizing:border-box;font-size:15px}
.contact_form textarea {background:#f2f2f2;width:100%;height:125px;border:0;margin:0 0 15px;padding:9px;box-sizing:border-box;font-size:15px}
.contact_form button{text-transform:uppercase;outline:0;background:#0c3959;width:100%;border:0;padding:9px;color:#FFF;font-size:15px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}
.contact_form button:hover,.form button:active,.form button:focus{background:#107dac}
.contact_form p {margin-left:15px;text-align:justify;}
.blue_button {font-size:12px;font-weight:700;background-color: #2196F3; color:#fff; padding: 5px 10px 7px; border: none; border-radius: 2px; cursor: pointer;}
ul {margin-left:15px;}
.pola_tarung {width:80%;margin:25px auto;}
.pola_tarung input[type=text], .pola_tarung input[type=number] { text-align:center;height:25px;}
.pola_tarung .blue_button {height:35px;width:128px;margin-top:12px;}
.mleft_9 {margin-left:8%;}
@media only screen and (max-width:600px){
	h1 {font-size:18px;}
	body{width:100%;overflow-x:hidden;}
	.left_content {display:none;overflow-x:hidden;padding:0;margin:0;} 
	.right_content {width:98%;margin:auto;padding:12px 12px 12px 12px;}
	.content_box {padding:9px;}
	/*NAVIGATION BAR*/
	.nav_container{display:block;width:100%;background-color:transparent;background-image:none}
	.nav_center{width:100%;}
	.navbox {width:99%;}
	.topnav a {font-size:15px;font-weight:bold;padding:8px;}
	.topnav a:not(:first-child){display:none}
	.topnav a:hover{border-right:none;border-left:none;}
	.topnav a.icon{float:right;display:block}
	.topnav.responsive{position:relative}
	.topnav.responsive .icon{position:absolute;right:0;top:0}
	.topnav.responsive a{float:none;display:block;text-align:left}
	/* ADS BOX */
	.ads_wrap_long,.ads_wrap_long img {height:50px;}
	/* PR TABLE Table styling */
	.pr_table_div {width:99%;margin:auto;}
	.pr_table_div {margin-bottom:3%;width:100%;}
	.pr_table {width:100%;overflow:hidden;}
	.pr_table th {padding:8px;}
	.pr_table th {font-size:15px;}
	.pr_table td {font-size:12px;}
	.pr_table td:nth-child(1) {font-size: 12px;font-weight:700;}
	.pr_table td:nth-child(4) {font-size: 12px;}
	.total_table {width:99%;margin:auto;}
	/* RESULT TABLE */
	.resutls_wrap,.result_info {width:100%;}
	/* ARTICLE BOX */
	.article_box {padding:9px;}
	.article_box h1 {font-size:19px;text-align:center;}
	.article_box h2 {font-size:18px;text-align:center;}
	.article_box h3 {font-size:17px;text-align:center;}
	.article_box h4 {font-size:16px;text-align:center;}
	.article_box h5 {font-size:15px;text-align:center;}
	.article_box p,.article_box table {font-size:15px;}
	.flexbox {display:block;width:92%;margin:auto;}
	.box50 {display:block;margin:5px auto;width:98%;}
	table {width:98%;margin:auto;}
	.code_table {width:100%;display:block;margin:auto;overflow:hidden;}
	.dkh_table {text-align:center;width:21px;font-size:12px;}
	/*PRICING TABLE*/
	.pricing_table{display:block;margin:25px auto;width:100%;}
	.pricing_card{display:block;width:100%;margin:25px auto;padding:12px;}
	/*CONTACT US FORM*/
	.contact_form{margin:15px auto 55px auto;width:88%;}
	.contact_form h1 {margin:8px;text-align:center;}
	.contact_form input{padding:8px;}
	.contact_form textarea{padding:8px;}
	.margin_left {margin-left:0;}
	.mleft_9 {margin-left:0;}
	.pola_tarung {width:88%}
	.pola_tarung input[type=text], .pola_tarung input[type=number] { text-align:center;width:100%;height:15px;padding:5px;}
	.pola_tarung .blue_button {height:28px;width:88px;}
}