@font-face {

	font-family: Roboto Slab  ;

	src: url(../fonts/RobotoSlab-Regular.ttf);

}

@font-face {

	font-family: Myriad Pro;

	src: url(../fonts/MyriadPro-Regular.otf);

}

@font-face {

	font-family: MyriadPro SemiboldIt;

	src: url(../fonts/MyriadPro-SemiboldIt.otf);

}

@font-face {

	font-family: MyriadPro boldIt;

	src: url(../fonts/MyriadPro-BoldIt.otf);

}

@font-face {

    font-family: BEBAS;

    src: url(../fonts/BEBAS___.TTF);

}



/* --- popup messages ---- */



#popup, #popup2, .bMulti {

    background-color: #fff;

    border-radius: 10px 10px 10px 10px;

    box-shadow: 0 0 25px 5px #999;

    color: #111;

    display: none;

    min-width: 450px;

    padding: 25px;

}

#popup {

	left: 424.5px;

    position: absolute;

    top: 1200px;

    z-index: 9999;

    opacity: 1;

    display: block;

    width: 20%;

}

.button.b-close, .button.bClose {

    border-radius: 7px 7px 7px 7px;

    box-shadow: none;

    font: bold 131% sans-serif;

    padding: 0 6px 2px;

    position: absolute;

    right: -7px;

    top: -7px;

}



#popup .logo {

    color: #2b91af;

    font: bold 325% 'Petrona',sans;

}

.button>span {

    font-size: 84%;

}

.button {

    background-color: #fdda66;

    border-radius: 10px;

    box-shadow: 0 2px 3px rgba(0,0,0,0.3);

    color: #fff;

    cursor: pointer;

    display: inline-block;

    padding: 10px 20px;

    text-align: center;

    text-decoration: none;

}

.b-modal __b-popup1__ {

	position: fixed;

    top: 0px;

    right: 0px;

    bottom: 0px;

    left: 0px;

    opacity: 0.7;

    z-index: 9998;

    cursor: pointer;

    background-color: rgb(0, 0, 0);

}

#popup {

	display: none;

}

.popup_header {

	text-align: center;

    font-weight: bold;

    border-bottom: 2px solid #000;

    padding-bottom: 4px;

}

/* ----/popup messages -----*/

.clear-fix {

	clear: both;

}

*{

	padding: 0px;

	margin: 0px;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	font-family: Roboto Slab ;

}

a:hover {

	text-decoration: none;

}

.wrapper{

	width: 990px !important;

	margin: 0 auto;

	position: relative;

}

.view-history:hover {

    color: #fff;

}

body{

    font-family: Arial;

	background: black url(/images/bg.jpg) center top no-repeat;

}

.clear{clear: both;}

.pull-left{float:left;}

.pull-right{float:right;}

a {

	color: #fff;

	text-decoration: none;

}

#header .header-right {

    float: right;

    width: 654px;

}

.header-top-right {

    width: 328px;

    height: 48px;

    float: right;

    padding: 5px 0px;

}

.btn-daftar:hover,

.btn-daftar:focus,

.btn-daftar:active {

    text-decoration: none;

}

.btn-daftar {

    float: left;

    width: 118px;

    height: 28px;

    background-color: #F1FF10;

    text-align: center;

    display: block;

    line-height: 28px;

    border-radius: 5px;

    color: #000;

}

/* ---- contact -----*/

#contact {

    font-family: Calibri;

    float: left;

}

#contact li {

    float: left;

    text-align: center;

    width: 64px;

    height: 80px;

    font-size: 13px;

    margin: 5px 3px 8px 3px;

    font-family: Roboto Slab;

}

#contact li a {

    display: block;

}

#contact li a:hover ,

#contact li a:active,

#contact li a:focus {

    color: #fff;

    text-decoration: none;

}

#contact li:not(:nth-child(1)) {

       margin-left: 5px;



}

#contact .contact-icons {

    padding: 10px;

}

#contact li:last-child {

    border-right: none;

}

.contact-num {

    color: #FEE567;

}

#contact li .contact-acc{

    font-family: Myriad Pro;

    font-size: 14px;

    color: #FFFFAA;

}

#contact li .icon-contact {

    height: 28px;

}



/* ---- /contact -----*/

#logo {

    width: 274px;

    height: 104px;

    float: left;

    text-align: center;

    position: absolute;

    top: 24px;

}

.left-menu {

    float: right;

    width: 710px; 

}

#menu-top {

    float: left;

    padding:9px 0px 0px 0px;

    color: #fff;

}

#menu-top li {

    display: inline;

        vertical-align: top;

}

#menu-top li a {

    padding: 0px 10px;

    text-shadow: 1px 1px 2px #000;

    font-family: BEBAS;

    color: #ccc;

    text-shadow: 1px 0px 7px #fff;

}

#menu-top li a:hover ,

#menu-top li a:active,

#menu-top li a:focus {

    text-decoration: none;

    color: #fde81e;

}

.left-menu-top {

    float: right;  

    margin-top: 4px;

}

#togel-hari {

    float: left;

    width: 290px;

    height: 84px;

    font-family: BEBAS;

} 

.result4D {

      margin-left: 30px; 

          margin-top: 5px; 

}

.result4D td {

    font-family: BEBAS;

    color: #fff;

}



.result4D tr td > div.ball {

    background: url(/images/icons/ball.png) no-repeat center center;

    width: 28px;

    height: 28px;

    text-align: center;

    line-height: 26px;

    margin: 0px auto;

}

.result4D tr td:not(:nth-child(1)) {

    color: #000;

    width: 36px;

}

#contact {

    width: 290px;

    height: 94px;

    position: relative;

    left: 59px;

    top: -4px;

    margin: 0px;

    padding: 0px;

}

#togel-hari  .caption {

    width: 180px;

    float: left;

    height: 46px;

    padding: 4px 10px;

    color: #55BCF4;

}

#togel-hari .caption > div:nth-child(1) {

    font-family: Roboto Slab;

    font-size: 16px;

}

#togel-hari .caption > div:nth-child(2) {

    font-family: Arial;

    font-size: 9px;

}

#togel-hari  .num {

    float: left;

    height: 44px;

    width: 94px;

    font-family: Roboto Slab;

    font-weight: bold;

    text-align: center;

    font-size: 25px;

    line-height: 44px;

       color: #55BCF4;

}





#header-right {

	width: 788px;

	float: right;

}

.icon-social {

    float: left;

    width: 200px;

}

 #social {

    display: block;

    width: 74%;

    margin: 0px auto;

 }

 #social  li a img {

    vertical-align: top;

 }

#social  li {

    float: left;

}

#social  li a {

    padding: 10px;

}

.left-footer {

    float: left;

    width: 348px;

    text-align: center;

}

#right-menu {

    margin-top: -13px;   

}

area:hover {

    outline: none;

}

.fb {

    float: left;

    height: 50px;

}



/* ----  banner ----*/

#banner {

	width: 174px;

	float: right;

}

/* --- banner ----- */

#process {

	float: right;

	padding: 4px 0px;

}

#process li {

	float: left;

	text-align: center;

	font-family: Calibri;

	padding: 0px 20px;

	background: url(../../images/border-bg.png) right center no-repeat;

}

#process li:last-child {

	background: transparent !important;

}

#process li a .process-icon {

	height: 18px;

}



.pic-logo {

    vertical-align: middle;

}

/* ----- menu ----- */

#menu  {

	margin: 0px;

    position: relative;

    width: 658px;

    float: left;

}

#menu li {

    display: inline-block;

}

#menu li a {

    font-family: Roboto Slab;

    font-size: 14px;

    color: #000;

    text-align: center;

    display: block;

    font-weight: bold;

    padding: 0px 5px;

}

.left-menu-bottom {

    float: left;

}

#menu li a:hover ,

#menu li a:focus {

    text-decoration: none;

}

/* ----- / menu ----- */

#product-slider {

   float: left;

    display: block;

    width: 100%;

margin: 4px 0px;

    background: linear-gradient(to right,rgba(0, 0, 0, 0.39) , black , rgba(0, 0, 0, 0.38));

}

/* ------ dropdown language -------*/

.dd-selected {

	padding: 5px !important;



}

.dd-container {

	float: left;

	width: 180px !important;

	background: #fff url(../../images/dropdown-bg.png) center right no-repeat;

}

.dd-select {

	height: 32px !important;

	width: 180px !important;

	border: 0px !important;

    background: transparent !important;

}

.dd-selected-text {

    line-height: 18px;

    color: #000;

    font-family: Calibri;

    font-weight: bold;

    font-size: 12px;

    line-height: 0px !important;

}

.dd-option-image, .dd-selected-image {

	float: none !important;	

}

.dd-option-text {

	font-family: Calibri;

    font-weight: bold;

    font-size: 12px;

    line-height: 0px !important;

}

.dd-option {

	border-top: 1px solid #ddd;

	padding: 5px !important;

}

.dd-click-off-close {

	width: 180px !important;

}

.dd-pointer-down {

	border: solid 0px transparent !important;

    border-top: solid 0px #000 !important; 

	background: url(../../images/icons/arrow-down.png) center center no-repeat;

}

.dd-pointer {

    width: 16px !important;

    height: 12px !important;

}

.dd-pointer-up {

	background: url(../../images/icons/arrow-up.png) center center no-repeat;

}

.dd-options {

	border: 0px !important;

}

/* ------ /dropdown language -------*/

#slide-product {

    width: 906px;

    left: 38px;

    margin: 0px auto;

}

.owl-wrapper-outer {

    padding: 12px 0px;

}

.owl-buttons {

    left: 50%;

    top: 34%;

    position: absolute;

}

.owl-buttons .owl-prev {

     right: 464px;

    position: absolute;

    background: url(/images/icons/arrow-left.png) no-repeat center center;

    height: 28px;

        width: 28px;

}

.owl-buttons .owl-next {

    left: 464px;

    height: 28px;

        width: 28px;

    position: absolute;

    background: url(/images/icons/arrow-right.png) no-repeat center center;

}



/* bank footer */

#bank-div {

    width: 198px;

    height: auto;

    text-shadow: 1px 1px 2px #000;

}

#bank-div #schedule {

    width: 190px;

    font-family: Arial;

    font-size: 14px;

    color: #e3d002;

}

#bank {

    width: 100%;

    padding: 10px 0px;

}

#bank-pic {

    margin-left: 40px;

}

.online-desc {

    text-align: center;

    text-shadow: 0px 1px 2px #000;

    color: #fff;

    font-size: 14px;

}

#schedule-short {

    width: 190px;

    font-family: Arial;

    font-size: 14px;

    color: #e3d002;

    padding-left: 30px;

    padding-top: 20px;

}

#schedule-bni {

    width: 190px;

    font-family: Arial;

    font-size: 14px;

    color: #e3d002;

    padding-top: 20px;

}

#schedule-mandiri {

    width: 190px;

    font-family: Arial;

    font-size: 14px;

    color: #e3d002;

    padding-top: 15px;

}

.footer-bottom-left {

    float: left;

}

.footer-bottom-right {

    float: right;

    text-align: center;

}

.copy-right {

    text-align: center;

    color: #F2DD03;

    position: relative;

    font-family: Arial;

    font-size: 15px;

    text-shadow: 1px 1px 1px #000;

    font-size: 14px;

    padding: 10px 0px;

}

.jawab ul > li {

    display: inline-block;

    color: #F8E502;

       font-size: 14px;

       text-shadow: 1px 1px 2px #000;

}

.jawab ul > li:not(:nth-child(1)) {

    margin: 0px 5px;

}

.jawab {

  padding: 14px 0px;

} 

.metode {

    float: left;

    margin: 8px 0px;  

}

.metode ul li {

    float: left;

    color: #fff;

    font-size: 14px;

    color: #F8E502;

    text-shadow: 1px 1px 2px #000;

    line-height: 36px;

    margin-left: 31px;

}

.metode ul li > p {

    margin: 0px !important;

}

.metode ul li a img{

    vertical-align: top;

}

.right-footer {

   width: 582px; 

   height: 114px;

       float: right;

}



#games {

    margin: 0px 0px;

    float: left;

}



#games .sportsbook,

#games .live-casion ,

#games .sabung-ayam ,

#games .togel-online {

    width: 243px;

    height: 238px;

    float: left;

    margin: 0px 3px;

}

#games .sportsbook {

    margin-left: 0px !important; 

}

#games .live-casion  {

    background: url(/images/live-casion.jpg) no-repeat center right;

}

#games .sabung-ayam  {

    background: url(/images/sabung-ayam.jpg) no-repeat center right;

}

#games .togel-online {

    background: url(/images/togel-online.jpg) no-repeat center right;

    margin-right: 0px  !important;

}

#games .sportsbook  {

    background: url(/images/sportsbook.jpg) no-repeat center center;

}



/* bank footer */

.frm-daftar {

    width: 376px;

    height: 356px;

    background: url(/images/bg-frm.png) no-repeat top center;

    margin: 20px 0px 0px 0px;

        float: left;

}

.frm-daftar form {

    padding: 40px 28px 28px 28px;

    width: 100%;



}

#daftar-table tr td {

    vertical-align: middle;

    font-family: BEBAS !important;

    color: #fff !important;

}

#daftar-table tr td > label {

    font-weight: 100 !important;

}

#daftar-table select.form-control {

    font-size: 12px;

}

#daftar-table .form-control {

    height: 30px !important; 

    margin-bottom: 6px !important;

    -moz-box-shadow:    inset 0 0 10px rgba(0, 0, 0, 0.28);

   -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.28);

  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.28);

}

#daftar-table tr td:nth-child(2) {

    width: 206px;

}

#daftar-table {

    width: 100%;

}

.norek {

  width: 108px !important;  

  float: left;

}

.txt_bank {

    float: right;

    width: 92px !important;

    font-size: 12px !important;

}

.txt_code  {

    width: 108px !important;

}

#daftar-table .submit {

    padding: 8px 0px;

    width: 94px;

    background: url(/images/btn.png) no-repeat center center;

    border: none;

}

#daftar-table .btn-default:active, 

#daftar-table .btn-default:focus,

#daftar-table  .btn-default:hover {

     background: url(/images/btn.png) no-repeat center center !important;

}

.jadwal-bank {

    float: left;

    width: 196px;

    height: 100px;

        text-align: center;

}

.img-jadwal-bank {

    vertical-align: middle;

    margin-top: 40px;

}

/* ------ 4D result ------------*/

#wrap-4d {

	float: right;

	width: 290px;

	height: 32px;

	border-right: 2px solid #FFFFAA;

	border-bottom: 2px solid #FFFFAA;

	border-left: 2px solid #FFFFAA;

	padding: 0px 5px;

	font-family: MyriadPro boldIt;

}	

#wrap-4d .view-history {

	font-family: Myriad Pro;

	text-decoration: underline;

}

#wrap-4d .title {

	font-family: MyriadPro boldIt;

	color: #fff5b9;

	font-size: 16px;

	font-weight: bold;

}

#wrap-4d .result-num {

	font-family: MyriadPro boldIt;

	color: #fff5b9;

        font-size: 19px;

}

/* ------ / 4D result ------------*/



/* ------  running Text ----------- */

.runningTitle {

    color: #fff;

    float: left;

    width: 16px;

    text-align: center;

    font-family: Calibri;

    text-transform: uppercase;

    font-weight: bold;

}

.runningText {

    float: right;

    width: 480px;

    padding: 5px 0px;

    margin-right: 5px;

}

#runningText {

    width: 444px;

    float: left;

    font-size: 12px;

    font-family: Roboto Slab;

    margin-left: 12px;

    color: #000;

    font-weight: 100 !important;

    font-style: italic;

}

#runningText p strong {

    font-weight: 100 !important;

}

/* ------ / running Text --------- */

/* ------  Step Process --------- */

#step-process {

	/*padding: 14px 0px;*/

    float: left;

    padding: 20px 0px 6px 0px;

}

#step-process li {

	/*display: inline-block;*/

	float: left;

	    width: 198px;

}

#step-process li a {

	font-family: Myriad Pro;



	color: #000;

}

.info-title {

	text-transform: uppercase;

	font-size: 15px;

	font-weight: bold;

}

#step-process .info .detail {

	color: #fff;

	padding: 10px;

	font-size: 13px;

	font-family: Myriad Pro;

}

#step {

	margin-top: 6px;

}

#step-process .step-icon {

   float: left;	

   margin-right: 20px;

}

#step-process li:last-child .info {

	padding: 15px 0px;

}

/* ------  / Step Process --------- */

#transaction {

	position: relative;

    z-index: 9999;

    left: -52px;

}

/* ------ slideshow nivoslider ------*/



/*	------------ selamat -------------*/

.selamat-header {

	text-align: center;

	    padding: 15px 0px;

}

.selamat-header .text-white {

    color: #fff;

    font-size: 37px;

    font-family: Roboto Slab;

}

.selamat-header .text-color {

    font-family: Roboto Slab;

    font-size: 37px;

    font-style: italic;

    font-weight: bold;

    color: #fff791;

}

.rumahtaruhan {

	vertical-align: middle;

}

.selamat-content {

	font-size: 14px;

    font-family: Roboto Slab;

    color: #ffffc7;

    line-height: 20px;

    text-align: center;

}

.text-underline {

	text-decoration: underline;

	font-style: italic;

}

.line-color {

	color: #dccf7b;

}

/* ------ / slideshow nivoslider ------*/

#slideshow {

	width: 596px;

    height: 374px;

        float: right;

}

.fb-like {

	margin-top: 20px;

}

/* ----- footer ----*/

	#cooperation {

		background: transparent url(../../images/bg-border.png) center center no-repeat;

		height: 110px;

		width: 100%;

	}

	.cop-left ,

	.cop-center  {

		width: 396px;

		float: left;

		margin-top: 40px;

	}

	.cop-left .bg-info {

		background: transparent url(../../images/Affireright.png) center center no-repeat;

		height: 44px;

		width: 232px;

		float: left;

		position: relative;

	}

	.cop-right .cop-center ,

	.cop-label {

	    font-style: italic;

	    font-weight: bold;

	    font-family: MyriadPro SemiboldIt;

	    float: left;

	    height: 44px;

	    line-height: 44px;

	    margin-right: 20px;

	}

	.cop-right {

		width: 198px;

	    float: right;

	    text-align: center;

	}

	.cop-right .cop-center {

		width: 100%;

	}

	.cop-center .bg-info {

		background: transparent url(../../images/phone.png) center center no-repeat;

		height: 44px;

		width: 232px;

		float: left;

		position: relative;

	}

	.num-visitor {

		font-family: Myriad Pro;

    	font-size: 27px;

    	background-color: #000;

    	color: #fff;

    	padding: 6px 0px;

    	letter-spacing: 8px;

    	border: 1px solid #fff;

	}

	.cop-right .cop-label {

		width: 100%;

		margin-top: 16px;

		margin-right: 0px !important;

	}

	.cop-center {

		height: 0px !important; 

		line-height: 0px !important;

	}

	.cop-left .bg-info span {

	    position: absolute;

	    top: 16px;

	    display: block;

	    width: 166px;

	    text-align: center;

	    font-family: Myriad Pro;

	    font-size: 16px;

	}

	.cop-center .bg-info span{

		position: absolute;

	    top: 24px;

	    display: block;

	    width: 166px;

	    text-align: center;

	    font-family: Myriad Pro;

	    font-size: 16px;

	}



/* -----  / footer ----*/

.footer-icon {

	height: 108px;

	width: 100%;

	background: transparent url(../../images/bg-border.png) center center no-repeat;

}

.footer-icon  img {

	margin: 32px 0px !important;

}

.follow-us {

	float: right;

    color: #fff;

    font-size: 20px;

    font-family: Calibri;

    margin-bottom: 10px;

}

.follow-us .caption {

	padding: 10px 0px;

}





/* --- slideshow  ------ */

#body .header {

    border: 1px solid #fff778;

    color: #FFF;

    font-size: 20px;

    margin-top: 10px;

    background: none repeat scroll 0 0 rgba(0,0,0, 0.4);

    border-bottom: 1px #fee567 solid;

    padding-left: 20px;

    font-family: Arial;

    padding: 5px 10px;

}

#body .body {

    font-family: Arial;

    border: 1px solid #fff778;

    color: #FFF;

    border-top: none;

    min-height: 350px;

    margin-bottom: 10px;

    padding: 10px;

    background: none repeat scroll 0 0 rgba(0,0,0, 0.4);

}



/*----- Tabs -----*/

.tabs {

    width:100%;

    display:inline-block;

    list-style-type: none;

}

 

    /*----- Tab Links -----*/

    /* Clearfix */

    .tab-links:after {

        display:block;

        clear:both;

        content:'';

    }

    .tab-links{

        margin-bottom: 0px;   

    }

 

    .tab-links li {

        margin:0px 5px;

        float:left;

        list-style:none;

    }



    .tab-links a {

        padding: 9px 10px;

        display: inline-block;

        border-radius: 3px 3px 0px 0px;

        background: #fcec65;

        font-size: 16px;

        font-weight: 600;

        color: #333;

        transition: all linear 0.15s;

        text-decoration: none;

    }

 

        .tab-links a:hover {

            background: rgb(251, 216, 0);

            color: rgb(255, 255, 255);

            text-decoration:none;

        }

        

        .tab-content .tab a{

            margin: 5px;

        }

 

    .tab-links li.active a, .tab-links li.active a:hover, .tab-content {

        color:rgb(255, 255, 255);

        /* RGBa with 0.6 opacity */

        background-color: rgba(255,255,255,0.1);

        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

        text-decoration:none;

    }

 

    /*----- Content of Tabs -----*/

    .tab-content {

        padding:15px;

        border-radius:3px;

        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);

        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);

        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

        /*min-height: 264px;*/

    }

 

        .tab {

            display:none;

        }

 

        .tab.active {

            display:block;

        }

        /*----- Tabs -----*/

        .tab-content-promosi {

          padding: 5px 0px;

          float: left;

          /*display: none;*/

        }

        .btn-promosi {

              float: left;

              width: 158px;

              height: 160px;

              text-align: center;

              padding: 80px 10px 10px 10px;

        }

        .img-promosi {

          float: left;

          width: 810px;

          height: 160px;

        }

        .btn-join {

            background: linear-gradient(#fdf167, #fcdc66, #fdda66, #fef75f);

            color: #fff;

            padding: 8px 10px;

            border-radius: 2px;

            width: 100px;

        }

        .btn-join:hover {

          text-decoration: none;

          color: #444;

        }

        .more-info {

                background: #a49e9e url(/images/arrow-down.png) center 23px no-repeat;

                border: none;

                padding: 5px 10px;

                border-radius: 2px;

                margin-top: 10px;

                width: 80px;

        }

        .info-promosi {

            float: left;

            padding: 5px;

            display: none;

        }

        .item {

            background-color: #000;

            float: left;

            margin-bottom: 5px;

        }

        .no-items {

                float: left;

                    width: 968px;

                    text-align: center;

                    height: 210px;

                    line-height: 210px;

        }

        .img_promosi_size {

            width: 100%;

            height: 100%;

        }

/*---- /tab -------*/

.bankStatus {

    width: 100%;

    margin-left: 174px;

}

.bankStatus ,

.bankStatus li {

    float: left;

}

.bankStatus li {

    width: 198px;

    text-align: center;

    color: #fff;

    font-style: italic;

    text-shadow: 1px 1px 2px #000;

    font-size: 14px;

}

/*------- content ------------*/

.containPanel {

    background-color: rgba(43, 43, 43, 0.76);

    margin: 24px 0px;

    color: #fff;

    float: left;

    width: 99.2%;

    padding: 7px;

    min-height: 948px;

}

.icons-online .online-desc  {

    float: left;

    width: 198px;

    font-style: italic;

}

.containPanel > h2, .titleBorder {

    background: linear-gradient(#fdf167, #fcdc66, #fdda66, #fef75f);

    padding: 5px 10px;

    margin: 0px !important;

    color: #ffffaa;

    border-bottom: 4px solid #fbc768;

    font-family: Arial;

    margin-bottom: 10px !important;

    text-shadow: 1px 1px 1px #000;

}

.tblTran {

    margin-top: 10px;

    width: 80%;

    font-size: 14px;

    color: #fff;

}

.tblTran tbody tr td label {

	font-family: Arial;

}

.tblTran tbody tr td {

    font-family: Arial;

    vertical-align: middle;

    padding-bottom: 10px;

}

.tblTran tr td.first {

    width: 34%;

}

.tblTran tbody tr td input[type=text], .tblTran tbody tr td select, .tblTran tbody tr td textarea {

    color: #000;

}

.form-input-code {

    width: 75% !important;

    float: left;

}

.tblTran tbody tr td input[type=text], .tblTran tbody tr td select, .tblTran tbody tr td textarea {

    display: block;

    width: 100%;

    padding: 3px;

    box-sizing: border-box;

        height: 34px;

    border-radius: 2px;

    border: none;

    font-family: Verdana;

}

.tblTran tbody tr td select option {

	font-family: Arial;

}

.post {

    background-color: rgba(253, 222, 101, 0.32);

    padding: 1px 10px 10px 10px;

    margin-bottom: 10px;

    border-radius: 5px;

}

.span7 {

    margin-left: 207px;

}

.containPanel h4 {

    margin-bottom: 6px;

    margin-top: 6px;

}

.single-post-title > a {

    font-weight: bold;

    text-shadow: 0px 1px 0px #fff;

    color: #fdda66;

}

.post-date {

    font-size: 11px;

}

.post-body .span7 .desc {

    font-size: 12px;

    padding: 10px 0px;

}

.post-body .span7 .desc span {

    font-family: Arial;

}

.btnreadmore {

    color: #000000;

    font-style: italic;

    -webkit-transition: margin-left 2s;

    transition: margin-left 2s;

    padding: 10px;

    background-color: rgb(253, 238, 97);

    display: block;

    width: 116px;

    margin: 10px 0px;

    font-family: Arial;

    border-radius: 1px;

}

.btnreadmore:hover {

    text-decoration: none;

    color: #B3B3B3;

}

.img-polaroid {

    width: 197px;

    height: 125px;

    float: left;

    border: 1px solid rgba(255,255,255,0.1);

}

.single-post-title > a{

	font-family: Arial;

}

.row-fluid .post-date {

	font-family: Arial;

}

.btnprocess {

    text-align:  center;

}

.daftar-submit {

    width: 200px;

    color: #FFFFFF;

    text-transform: uppercase;

     /*background-image: linear-gradient(#02CAB8,#02CAB8,#02CAB8) !important; */

    background-color: #02CAB8;

    font-weight: bold;

    font-size: 16px;

    text-shadow: 1px 1px 1px #000;

    border-radius: 0px;

    background: linear-gradient(#fdf167, #fcdc66, #fdda66, #fef75f);

    border-bottom: 4px solid #fbc768;

    border-radius: 4px;

    border-right: 1px solid #fdda66;

    border-left: 1px solid #fcdb66;

    border-top: 1px solid #fcdb66;

}

#menu li.current-menu-item a.current-menu-item {

    color: #ffffff !important;



}

.btn-success:focus, .btn-success:hover {

    background: linear-gradient(#fceb66, #fdea67, #fde065, #fef260);

    background-color: #02CAB8;

    border-color: #fbc768 !important;

}

.tblTran tr td:nth-child(1){

    width: 40% !important;

}

.tooltip-inner {

    font-family: Arial;

}

.btn-success:active:hover {

   background-image: -webkit-linear-gradient(#fdf167, #fcdc66, #fdda66, #fef75f);

   background-image: -o-linear-gradient(#fdf167, #fcdc66, #fdda66, #fef75f);

   background-image: linear-gradient(#fdf167, #fcdc66, #fdda66, #fef75f);

    background-color: #02CAB8;

}



.btn-sender {

    background: linear-gradient(#b70a0a, #a21919, #750303);

    padding: 5px 20px;

    color: #fff;

}



.btn-sender {

    background-image: linear-gradient(#b70a0a, #a21919, #750303);

}

.btn-default:active,

.btn-default:focus, .btn-default:hover {

    background: linear-gradient(#e9cd54, #e3c752, #ab9533) !important; 

    background-position: 0px !important; 

    color: #fff !important;

}

.popup_content {

    padding: 10px 0px;



}

.popup_content > p {

     color: #000 !important;   

}

.btnPagingNext, .btnPagingLast, .btnPagingFirst, .btnPagingBack {

    height: 30px;

    border: none;

    padding: 5px 22px;

    border-radius: 4px;

    margin-left: 10px;

    cursor: pointer;

   background: linear-gradient(#fdf167, #fcdc66, #fdda66, #fef75f);

    border-bottom: 4px solid #fdee61;

}

.btnPagingFirst, .btnPagingBack {

    margin-right: 10px !important;

    margin-left: 0px !important;

}

.txtPagingControl {

    text-align: center;

    margin-top: 16px;

    height: 28px;

    border-radius: 3px;

    border: none;

}

.post {

    min-height: 140px;

}

.download-title {

    padding: 10px 10px;

    text-decoration: none;

    color: #fff !important;

    display: block;

    background-color: #cc0c07;

    border-radius: 4px;

    margin-bottom: 10px;

    font-size: 16px;

    border-bottom: 2px solid #2e2e2e;

}

.down-img {

    width: 210px;

    float: left;

    margin-right: 10px;

}

.img-polaroid {

    width: 197px;

    height: 125px;

    float: left;

    border: 1px solid rgba(255,255,255,0.1);

}

.mt10 {

    margin-top: 10px;

    text-align: center;

    float: left;

    width: 100%;

}

.download-title:hover {

    text-decoration: none;

}

.btndownload {

    background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);

    background-image: -o-linear-gradient(top,#5cb85c 0,#419641 100%);

    background-image: -webkit-gradient(linear,left top,left bottom,from(#5cb85c),to(#419641));

    background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);

    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

    background-repeat: repeat-x;

    border-color: #3e8f3e;

}

.btndownload:hover, .btndownload:focus {

    background: -webkit-linear-gradient(#e14b3e, #d7281f, #c3110d) !important;

    background: -o-linear-gradient(#e14b3e, #d7281f, #c3110d) !important;

    background: linear-gradient(#e14b3e, #d7281f, #c3110d) !important;

    background-color: #02CAB8;

    border-color: #e14539 !important;

    color: #fff;

    outline: none;

}

.empty-record {

    height: 250px;

    line-height: 250px;

    text-align: center;

    font-size: 16px;

}

.table4D tr th {

    padding: 10px 0px;

    border: 1px solid #b1b1b1;

    text-align: center;

}

.table4D tr td {

    color: #b1b1b1;

    border: 1px solid #b1b1b1;

    background-color: rgba(181, 161, 77, 0) !important;

    vertical-align: middle;

    padding: 5px;

    text-align: center;

}

.dropdown-type option {

	color: #000 !important;

}

.table4D {

    width: 100%;

    font-family: Calibri !important;

}

.table4D tr:nth-child(1) {

    background-color: #1caff4 !important;

    color: #ffffff;

    border: 1px solid;

}

.table4D tr th {

    padding: 10px 0px;

    border: 1px solid #b1b1b1;

    text-align: center;

}

.table4D tr td {

    color: #b1b1b1;

    border: 1px solid #b1b1b1;

    background-color: rgba(181, 161, 77, 0) !important;

    vertical-align: middle;

    padding: 5px;

    text-align: center;

}

.logo-footer img {

    width: 200px;

    height: 84px;

}

/*------- / content ------------*/