@font-face{
    font-family:"LeagueGothic-Regular";
    src:url(LeagueGothic-Regular.woff);
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v13/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v13/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(http://fonts.gstatic.com/s/titilliumweb/v5/anMUvcNT0H1YN4FII8wpr_SNRT0fZ5CX-AqRkMYgJJo.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(http://fonts.gstatic.com/s/titilliumweb/v5/anMUvcNT0H1YN4FII8wpr46gJz9aNFrmnwBdd69aqzY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

a{
    color:inherit;text-decoration:none;
}
/* Star Effect */
.star {
			position: absolute;
      background: url(images/sparkle.png) no-repeat;
      background-size: contain;
      overflow: hidden;
      z-index:200;
      
}
                        .star.star-1 {
				width: 50px;
				height: 34px;
				top:30px;
				left:calc(50% - 330px);
			}
			.star.star-2 {
				width: 60px;
				height: 40px;
				top:20px;
				left:calc(50% - 280px);
					
			}
			.star.star-3 {
				width: 70px;
				height: 69px;
				top:72px;
				left:calc(50% - 350px);
			}
			.star.star-4 {
				width: 50px;
				height: 34px;
				top:92px;
				left:calc(50% - 253px);
			}

/* End of star effect */
body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container{
    width:900px !important;
    position:relative;
}
.container .row{
    z-index:1;
    position: relative;
}

.container-runningtext{
    background-color:#133A67;
    color:white;
    font-family:arial;
    height:44px;
    box-sizing:border-box;
    position:relative;
    z-index:100;
}
.container-runningtext marquee{
    
    position:relative;
    top:-6px;
    width:calc(100% - 550px);
    font-family:"Lato", "Arial";
    font-size:15px;
}
.container-runningtext .container-download-tangkas{
    float:right;
}
.nopadding{
    padding:0 !important;
}
.nomargin{
    margin:0 !important;
}
.container-logo{
    background: #97d7ec; /* Old browsers */
    background: -moz-linear-gradient(left,  #97d7ec 13%, #fdfefe 30%, #fdfefe 67%, #97d7ec 87%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(13%,#97d7ec), color-stop(30%,#fdfefe), color-stop(67%,#fdfefe), color-stop(87%,#97d7ec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #97d7ec 13%,#fdfefe 30%,#fdfefe 67%,#97d7ec 87%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #97d7ec 13%,#fdfefe 30%,#fdfefe 67%,#97d7ec 87%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #97d7ec 13%,#fdfefe 30%,#fdfefe 67%,#97d7ec 87%); /* IE10+ */
    background: linear-gradient(to right,  #97d7ec 13%,#fdfefe 30%,#fdfefe 67%,#97d7ec 87%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97d7ec', endColorstr='#97d7ec',GradientType=1 ); /* IE6-9 */
    text-align:center;
    box-shadow: 0px 10px 6px #96D6EB inset;
    padding:18px 0 22px;
    position:relative;
}
.container-body{
    
    
    
    background-image:url(images/background.png), #98d8ed; /* Old browsers */
    background-image:url(images/background.png), -moz-linear-gradient(top,  #98d8ed 0%, #0e3f8f 100%); /* FF3.6+ */
    background-image:url(images/background.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98d8ed), color-stop(100%,#0e3f8f)); /* Chrome,Safari4+ */
    background-image:url(images/background.png), -webkit-linear-gradient(top,  #98d8ed 0%,#0e3f8f 100%); /* Chrome10+,Safari5.1+ */
    background-image:url(images/background.png), -o-linear-gradient(top,  #98d8ed 0%,#0e3f8f 100%); /* Opera 11.10+ */
    background-image:url(images/background.png), -ms-linear-gradient(top,  #98d8ed 0%,#0e3f8f 100%); /* IE10+ */
    background-image:url(images/background.png), linear-gradient(to bottom,  #98d8ed 0%,#0e3f8f 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98d8ed', endColorstr='#0e3f8f',GradientType=0 ); /* IE6-9 */    
    background-repeat:no-repeat;
    background-position:50% 0;
    background-size: 1700px, 100%;
}
.navbar{
    padding-left:0px;
    margin-left:11px;
    
}
.navbar li{
    float:left;
    list-style:none;
    text-align:center;
    position:relative;
    top:-12px;
    color:#221F16;
    font-family:"Titillium Web", Arial;
    font-weight:600;
    font-size:15px;
    box-sizing:border-box;
    padding-top:17px;
    cursor:pointer;
}
.floater-left{
    z-index:500;
    position:fixed;
    left:0px;
    top:50px;
}
.floater-left ul{
    
}
.floater-left ul li{
    box-sizing:border-box;
    position:relative;
    text-align:center;
}


.widget-style-1{
    background-color:#FBFBFB;
    box-shadow:1px 5px 5px #4B92A4;
}
.widget-style-1 .widget-header{
    position:relative;
    top:-10px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    color:#C2C3C5;
    font-family:"Lato";
    font-size:17px;
    font-weight:bold;
    box-sizing:border-box;
    padding-top:5px;
}
.widget-style-1 .widget-body{
    padding:10px;
}
.widget-style-1 .form-style-1{
    margin-top:20px;
}

.widget-style-1 .form-style-1 .form-group{
    position:relative;
    
}
.widget-style-1 .form-style-1 .form-group .form-control{
    padding-left:45px;
    height:29px;
}

.slider-container-container{
    padding-right:0px;
}
.slider-container{
    
    height:337px;
    text-align:center;
    padding:10px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 68%, #7bdbf5 90%, #379ae5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(68%,#ffffff), color-stop(90%,#7bdbf5), color-stop(100%,#379ae5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 68%,#7bdbf5 90%,#379ae5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 68%,#7bdbf5 90%,#379ae5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 68%,#7bdbf5 90%,#379ae5 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 68%,#7bdbf5 90%,#379ae5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#379ae5',GradientType=0 ); /* IE6-9 */

}
.slider{
    width:532px;
    height:212px;
    background-image:url(images/slider/background.jpg);
    padding:20px;
}
.slider-shadow{
    width:544px;
    height:19px;
    background-image:url(images/slider/shadow.png);
    background-repeat:no-repeat;
    display:inline-block;
    margin-left:auto;margin-right:auto;
}
.widget-style-2{
    background-color:#FCFCFC;
    padding:6px 3px !important;
    box-sizing:border-box;
}
.widget-style-2 .widget-header{
    background: #3457b4; /* Old browsers */
    background: -moz-linear-gradient(top,  #3457b4 0%, #2e489e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3457b4), color-stop(100%,#2e489e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3457b4 0%,#2e489e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3457b4 0%,#2e489e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3457b4 0%,#2e489e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3457b4 0%,#2e489e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3457b4', endColorstr='#2e489e',GradientType=0 ); /* IE6-9 */
    border:2px solid #2543A2;
    text-align:center;
    font-family:Lato, "Arial";
    font-size:17px;
    color:white;
    font-weight:bold;
    line-height: 10px;
    height:40px;
    box-sizing:border-box;
    padding-top:7px;
    
}
.widget-style-2 .widget-body{
    
}
.row{
    margin-bottom:20px;
}

table.table-blue{
    width:100%;
}
table.table-blue tr{
    
}
table.table-blue tr:nth-child(even){
    background-color:#ABDCEA;
}
table.table-blue tr:nth-child(odd){
    background-color:#D2F0F9;
}
table.table-blue tr td{
    padding:2px 4px;
}
.latest-transaction-container{
    height:168px;
    overflow:hidden;
    position:relative;
}
.latest-transaction{
    width:400px;
    display:block;
    padding:2px 0;
    position:absolute;
    color:black;
}
.latest-transaction.animation{
    transition:all 1s;
    -webkit-transition:all 1s;
    -moz-transition:all 1s;
}
.latest-transaction>span{
    display:inline-block;
    padding:0 4px;
}
.latest-transaction>span:nth-child(1){
    width:125px;
    white-space:nowrap;
}
.latest-transaction>span:nth-child(2){
    width:130px;
    
}
.latest-transaction>span:nth-child(3){
    width:100px;
    
}
.latest-transaction:nth-child(odd){
    background-color:#D2F0F9;
}
.latest-transaction:nth-child(even){
    background-color:#ABDCEA;
}


.container-togel{
    background-color:#FCFCFC;
    padding:6px 3px !important;
    box-sizing:border-box;
    
}
.container-togel .container-inner-togel{
    background-color:#D1D1D1;
}
.container-togel .tab-row{
    display:block;
    background-color:#565656;
    color:white;
}
.container-togel .tab-row ul{
    margin:0;
    padding:0;
    clear:both;
}
.container-togel .tab-row ul li{
    list-style:none;
    float:left;
    background-image:url(images/background-tab-togel.png);
    height:35px;
    color:#888888;
    box-sizing:border-box;
    padding:7px 8px;
    font-family: Lato;
    font-weight: bold;
    cursor:pointer;
    border:1px solid #8F8F8F;
    font-size:12px;
}
.container-togel .tab-row ul li a{
	color:#888888;
}
.container-togel .tab-row ul li.selected{
    background-image:url(images/background-tab-togel-active.png);
    color:#7D1317;
    text-shadow: 1px 1px #9B4C4F;
    border:1px solid #DBAA5A;
}
.container-togel .togel-header{
    background-color:#565656;
    border:1px solid #8F8F8F;
    text-align:right;
    font-family:Lato;
    color:white;
    padding:3px 6px;
    font-weight: bold;
}
.container-togel .togel-body{
    border:1px solid #2A2A2A;
    border-radius:4px 4px 0 0;
    background-color:#737373;
    margin-top:7px;
    font-size:26px;
    color:white;
    font-family: Lato;
    font-weight:bold;
    box-sizing:border-box;
    padding:6px;
    vertical-align: middle;
}
.container-togel .togel-bottom{
    background: #313131; /* Old browsers */
    background: -moz-linear-gradient(top,  #313131 0%, #151515 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#151515)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #313131 0%,#151515 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #313131 0%,#151515 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #313131 0%,#151515 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #313131 0%,#151515 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
    border-radius:0 0 4px 4px;
    text-align:center;
    padding:23px 0;
}

.floater-right{
    position:fixed;
    right:0px;
    top:100px;
    z-index:200;
}
.floater-right ul li{
    display:block;
    margin-top:6px;
}
.background-bank-schedule{
    position:relative;
    box-sizing:border-box;
    text-align:center;
    padding-top:3px;
    margin:0 2px;
    -moz-transform:scale(1.0);
    -webkit-transform:scale(0.9);
    zoom:1.06;
    margin-top:7px;
    overflow:hidden;
    
}
.background-bank-schedule:not(:first-child):not(:last-child){
    margin:0 1px !important;
}

.background-bank-schedule:first-child{
    margin-right:1px;
}
.background-bank-schedule:last-child{
    margin-left:2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .background-bank-schedule:not(:first-child):not(:last-child){
        margin:0 -2px !important;
    }
    
    .background-bank-schedule:first-child{
        margin-right:0px;
    }
    .background-bank-schedule:last-child{
        margin-left:0px;
    }
}
.background-bank-schedule-inner{
    position:absolute;
    bottom:8px;
    left:7px;
    color:white;
    font-family:Arial;
    font-size:12px;
}
.background-bank-schedule .indicator{
    position:relative;
    top:-1px;
    margin-right:5px;
}
.background-bank-schedule span:first-child{
	display:inline-block;
}
.background-bank-schedule.online .icon-bank-image{
    
}

.background-bank-schedule.online .indicator{
    border-radius:50%;
    background-color:#CCF043;
    width:10px;
    height:10px;
    display:inline-block;
    vertical-align: middle;
}
.background-bank-schedule.offline .icon-bank-image{
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
}
.background-bank-schedule.offline .indicator{
    border-radius:50%;
    background-color:#F88155;
    width:10px;
    height:10px;
    display:inline-block;
    vertical-align: middle;
}

.footer{
    border-top:7px solid rgba(20,93,153, 1);
    margin:0;padding:0;
    background: #00447b; /* Old browsers */
    background: -moz-linear-gradient(top,  #00447b 0%, #02223c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00447b), color-stop(100%,#02223c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #00447b 0%,#02223c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #00447b 0%,#02223c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #00447b 0%,#02223c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #00447b 0%,#02223c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00447b', endColorstr='#02223c',GradientType=0 ); /* IE6-9 */
    font-family:"Lato", "Arial";
    color:white;
    font-size:18px;
    padding:10px 0;
    text-align:center;
    font-weight:bold;
}
.footer span{
    vertical-align: middle;
    margin:0 6px;
    
}
.footer .label-footer{
    color:#198cd5;
}




/* Popup */

.popup-container{
    display:none;
}
.popup-container .veil{
    position:fixed;
    left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);
    z-index:1000;
}
.banner-veil{
    position:fixed;
    left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);
    z-index:1000;
}
.banner-popup{
    position:absolute;
    display:inline;
    top:150px;
    z-index:1001;
}
.banner-popup-container .close-button{
    position:absolute;
    right:-14px;
    top:-14px;
    cursor:pointer;
}
.popup-container .widget-popup{
    background-color:#FCFCFC;
    min-height:100px;
    min-width:300px;
    position:absolute;
    top:100px;
    left:50%;
    z-index:1001;
    
    
}
.popup-container .widget-popup .form-actions{
	text-align:center;
	margin-top:10px;
}
.widget-popup .widget-header{
    position:relative;
    top:-10px;
    color:#D8D8D8;
    text-transform: uppercase;
    font-family:lato, arial;
    text-align:center;
    box-sizing:border-box;
    padding-top:10px;
    margin-left:auto;margin-right:auto;
    
}
.widget-popup .widget-body{
    box-sizing:border-box;
    padding:0 30px;
}

.feedback-container .veil{
    z-index:2000;
}
.feedback-container .widget-popup{
    z-index:2001;
}
.feedback-container .feedback{
    background-color:#E32A23;
    color:white;
    width:100%;
    display:block;
    width:350px;
    border-radius: 7px;
    padding:9px 9px;
    text-align:left;
}
.feedback-container .feedback ul{
    padding-left:15px;
}
/* End of Popup */




.widget-popup .form-control, .widget-popup .form-control-next input, .widget-popup select.form-control{
    background-color:#E4EDF4;
    border:1px solid #A3C1CE;
    padding:3px 5px;
    height:29px;
}
.form-control-next input{
	width:87% !important;
	display:inline-block;
}
.widget-popup .control-label{
    color:#454545;
    font-size:12x;
    font-weight:normal;
    font-family:arial;
    margin-bottom:2px;
    line-height:21px;
}
.widget-popup .form-group{
    margin:0px;
}
.widget-popup h4{
    display:inline-block;
    line-height:10px;
    
}

.form-bank-schedule{
    background-color:#CADAE9;
    box-sizing:border-box;
    padding:8px;
    font-size:12px;
    border-radius:7px;
    margin-bottom:5px;
}
.form-bank-schedule h4{
    font-size:14px;
    margin:0;
}
.form-bank-schedule ul{
    padding-left:18px;
    margin:0;
}
.form-bank-schedule ul li{
    list-style:none;
    
}
.form-bank-schedule ul li:before{
    content: "• ";
    color:#5D86A8;
}
.form-bank-schedule ul li span{
    display:inline-block;
}
.form-bank-schedule ul li span:nth-child(1){
    width:82px;
}

.container-form-information h4{
    font-size:14px;
    margin:5px 0 0 0;
    font-weight:bold;
}
.container-form-information ul{
    margin:0;
    padding-left:18px;
}
.container-form-information ul li{
    font-size:12px;
}
.information-red{
    background-color:#DD4549;
    color:white;
}





/* Halaman Profile */
.profile-container{
    border:1px solid #2C6D9A;
}

.profile-container .profile-header{
    background: #5e839d; /* Old browsers */
    background: -moz-linear-gradient(top,  #5e839d 0%, #3c617c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e839d), color-stop(100%,#3c617c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5e839d 0%,#3c617c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5e839d 0%,#3c617c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5e839d 0%,#3c617c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #5e839d 0%,#3c617c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e839d', endColorstr='#3c617c',GradientType=0 ); /* IE6-9 */
    height:49px;
    font-family:Arial;
    color:white;
    font-weight:bold;
    box-sizing:border-box;
    padding:12px;
}
.profile-container .profile-header .label-user-name{
    margin-right:5px;
}
.profile-container .profile-body{
}
.profile-container .profile-body .row{
    padding:0 15px;
}
.profile-container .profile-body .row > .col-xs-2{
    background-color:#c8e6ef;
    padding-top:10px;
    height:650px;
    
}
.profile-container .profile-body .row > .col-xs-10{
    background-color:#A8DFF0;
    padding-top:10px;
    height:650px;
}
.profile-container .profile-body .left-nav-menu{
    cursor:pointer;
    background: #85b2d3; /* Old browsers */
    background: -moz-linear-gradient(top,  #85b2d3 0%, #a7c7dc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85b2d3), color-stop(100%,#a7c7dc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #85b2d3 0%,#a7c7dc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #85b2d3 0%,#a7c7dc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #85b2d3 0%,#a7c7dc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #85b2d3 0%,#a7c7dc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b2d3', endColorstr='#a7c7dc',GradientType=0 ); /* IE6-9 */
    border:1px solid #5a83a1;
    margin:4px 5px;
    display:block;
    border-radius:5px;
    color:black;
    text-decoration:none;
    font-family:Lato,Arial;
    box-sizing:border-box;
    padding:3px 5px;
    font-size:12px;
    font-weight:bold;
}
.profile-container .profile-body .left-panel{
    font-family:Lato;
    padding-left:4px;
    padding-right:4px;
    font-size:11px;
}
.profile-container .profile-body .left-panel .padding{
    display:block;
    margin-left:22px;
    width:130px;
    word-wrap:break-word;
}
.profile-container .profile-body .left-panel .label-ip{
    font-weight:bold;
    display:block;
    margin: 10px 0 0 15px;
}
.profile-container .profile-body .left-panel .ip{
    color: #ed1c24;
    font-weight:bold;
    margin-left:15px;
}

.profile-container .profile-menubar {
    
}

.profile-container .profile-menubar li{
    list-style:none;
    float:left;
    color:#666666;
    font-family:Lato;
    width:72px;
    text-align:center;
    font-size:12px;
    margin-right:10px;
    font-weight:bold;
}
.profile-container .profile-menubar .background-menu{
    display:block;
}
.profile-container .container-attention-message{
    display:inline-block;
    max-width:300px;
    background-color:#f8d7d7;
    border:2px solid #F6A6A6;
    border-radius:8px;
    padding:8px;
}
.profile-container .container-table{
    padding:0;
}
.profile-container .table-main{
    margin-top:15px;
    width:100%;
    font-size:12px;
}
.profile-container .table-main thead {
    
    
    
}
.profile-container .table-main thead  tr{
    border-bottom:2px solid #4EA1DA;
}
.profile-container .table-main td{
    padding:0;
    
}
.profile-container .table-main thead tr th:nth-child(1){
    border-radius:10px 0 0 0;
    
}
.profile-container .table-main thead tr th:last-child{
    border-radius:0 10px 0 0;
    border:none;
}
.profile-container .table-main thead tr th{
    border-right:1px solid #4EA1DA;
    font-family:Lato, Arial;
    text-align:center;
    height:34px;
    color:black;
    background: #65b6fc; /* Old browsers */
    background: -moz-linear-gradient(top,  #65b6fc 0%, #b3e1ff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#65b6fc), color-stop(100%,#b3e1ff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #65b6fc 0%,#b3e1ff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #65b6fc 0%,#b3e1ff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #65b6fc 0%,#b3e1ff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #65b6fc 0%,#b3e1ff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b6fc', endColorstr='#b3e1ff',GradientType=0 ); /* IE6-9 */
}
.profile-container .row-alert{
    background-color:#F11A21;
    color:white;
    height:28px;
    text-align:center;
}
.profile-container .table-main tbody tr{
    height:22px;
    
    
}
.profile-container .table-main tbody tr td{
    border:2px solid #A7E0F1;
    text-align:center;
}
.profile-container .table-main tbody tr:nth-child(odd){
    background-color:#8db5c7;
}
.profile-container .table-main tbody tr:nth-child(even){
    background-color:#7698a7;
}
.profile-container .referral-control .text-link-referral{
    font-family:Lato;
    color:white;
}
.profile-container .referral-control{
    background-color:#0C2846;
    padding:8px;
    border-radius:6px;
    margin-top:10px;
}
.profile-container .referral-control .left{
    color:#8EDAF0;
    width:200px;
    overflow:hidden;
    display:inline-block;
    vertical-align: middle;
    font-size:12px;
}
.profile-container .referral-control h4{
    margin:0;
    
}
.profile-container .referral-control .pull-right{
    max-width:165px;
    font-family:Arial;
    color:white;
}
.profile-container .referral-control .pull-right .saldo{
    font-size:14px;
    display:block;
}
.button-referral{
    background-color:gray;
    border-radius:8px;
    font-size:12px;
    padding:2px 5px;
    color:black;
    cursor:pointer;
}
.active .button-referral{
    background-color:#FDCA76 !important;
}
.profile-container .container-profile-bank{
    padding:4px;
    border:3px solid #A7E0F1;
    background-color:#325981;
    color:white;
    font-family:Lato;
    font-size:12px;
}
.profile-container .container-profile-bank table{
    width:100%;
    margin:5px 0;
    text-align:left;
}

.profile-container .container-profile-bank table:nth-child(2){
    background-color:#183643;
}
.profile-container .container-profile-bank table:nth-child(2) tr td{
    padding:4px 5px;
    text-align:center;
}
.profile-container .container-profile-bank table:nth-child(2) tr td:nth-child(2){
    color:#6993a8;
}
.profile-container .container-profile-bank table:nth-child(2) tr td:nth-child(3){
    color:black;
    text-align:center;
}
.profile-container .container-profile-bank table td.active{
    background-color:#A6BD37;
}
.profile-container .container-profile-bank table td.reject{
    background-color:#DD4549;
}
.profile-container .container-profile-bank table td.pending{
    background-color:#E8982C;
    padding:0px !important;
}
/* End of halaman profile */



/** Pagination */
.pagination {
    
    padding:0 20px;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

/* End of pagination */

/* Container Product Selector */
.user-product-selector{
    background-color:#fff;
    border-radius:8px;
    padding:10px 20px !important;
    height:425px;
}
.user-product-selector label{
    vertical-align: middle;
    
}
.user-product-selector input{
    width:15px;
}
.user-product-selector input+label{
    filter:grayscale(100%);
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    margin:5px 21px 5px 5px;
}
.user-product-selector input:checked+label{
    filter:grayscale(0%);
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
}
.user-product-selector h4{
    margin-left:10px;
}
.user-product-selector .form-actions{
    text-align:center;
}

/* End of Container Product Selector */

.center{
    text-align:center;
}
.container-article{
    background-color:white;
    min-height:900px;
    font-family:Arial;
}
.container-article h3{
    font-size:18px;
    color:#2F5073;
}
.container-article h4{
    font-size:15px;
}
.container-article .article-toc{
    float:right;
    background-color:#D8F3FA;
    padding:30px;
}
.container-article p{
    padding-left:10px;
}
.container-article .article-toc ul{
    padding-left:15px;
}
.container-article .article-toc ul li{
    
}
.container-article .article-toc ul li a{
    color:#325C6F;
}
.container-article img.thumb{
    width:150px;
    margin-left:15px;
    border:2px solid black;
    cursor:pointer;
}
.image-veil{
    z-index:1000;
    position:fixed;
    left:0;top:0;
    width:100%;
    height:100%;
    display:none;
    background-color:rgba(0,0,0,0.8);
}
.image-veil{
    text-align:center;
    padding-top:20px;
}
.container-home-profile{
    height:300px;
    font-size:12px;
    position:relative;
}
.container-home-profile div{
    margin:2px 0;
}
.container-home-profile .profile-sprites{
    margin-right:4px;
}
.container-home-profile .sprites{
    margin-right:2px;
}
.container-home-profile .container-attention-message{
    
    background-color:#f8d7d7;
    border:2px solid #F6A6A6;
    border-radius:8px;
    display:inline-block;
    max-width:300px;
    padding:8px; 
}
.container-home-profile .bottom{
    position:absolute;
    bottom:30px;
}
.loader{
    
}

.product-catcher-container{
    padding:0 10px;
    margin-bottom:5px;
}
.product-catcher-container .product-catcher{
    background-image:url(images/slider/background.png);
    background-size:100% 100%;
    height:220px;
    width:143px;
    position:relative;
}
.product-catcher-container .catcher-title{
    background-image:url(images/slider/ribbon.png);
    height:71px;
    width:131px;
    top:0px;
    left:7px;
    position:absolute;
    font-family:Lato,Arial;
    color:#5E5E5E;
    text-transform:uppercase;
    font-weight:bold;
    font-size:14px;
    padding:22px 0 0 0;
    background-size:100% 100%;
}
.product-catcher-container .product-catcher:hover .catcher-body{
    height:0px;
}
.product-catcher-container .product-catcher:hover .catcher-button{
    top:68px;
}
.product-catcher-container .catcher-body{
    
    display:block;
    background-image:url(images/slider/inner-background.png);
    height:110px;
    position:absolute;
    top:70px;
    width:113px;
    border:2px solid #404447;
    border-radius:2px;
    padding:5px 3px;
    z-index:2;
    transition:all 0.5s;
    overflow:hidden;
}
.product-catcher-container .catcher-hover{
    
    display:block;
    background-image:url(images/slider/inner-background.png);
    height:130px;
    position:absolute;
    top:70px;
    width:113px;
    border:2px solid #404447;
    border-radius:2px;
    padding:28px 5px 3px 0px;
    z-index:2;
    transition:all 1s;
    overflow:hidden;
    z-index:1;
}
.product-catcher-container .catcher-hover img{
    width:90%;
}

.product-catcher-container .catcher-body img{
    width:100%;
}
.product-catcher-container .catcher-body ul{
    margin:0;
    padding:0 0 0 21px;
}
.product-catcher-container .catcher-body ul li{
    color:#F7F8F8;
    font-family:Lato;
    text-align:left;
    padding-left:0px;
    font-family:LeagueGothic-Regular;
    font-size:16px;
}
.product-catcher-container .catcher-button{
    width:113px;
    background-size:cover;
    height:28px;
    background-image:url(images/slider/button-promo.png);
    position:absolute;
    top:177px;
    transition: all 0.5s;
    z-index:3;
    background-size:100% 100%;
}
.product-catcher-container .product-detail{
    
}

.container-memo{
    background-color:white;
    width:100%;
    border-radius: 8px;
    padding:10px;
    
}
.container-memo .inner-memo{
    background-color:#EBEBEB;
    width:100%;
    height:400px;
    border-radius:10px;
    padding:20px;
}
.container-memo .scroll-memo{
    height:300px;
    overflow:auto;
}
.container-memo .inner-memo .memo{
    width:100%;
    display:inline-block;
    min-height:81px;
    
}
.container-memo .inner-memo .memo .left{
    float:left;
}
.container-memo .inner-memo .memo .right{
    float:right;
    text-align:right;
}
.container-memo .message{
    max-width:500px;
    display:inline-block;
    padding:10px;
    border-radius:10px;
}
.container-memo .sender{
    color:#545454;
    font-size:12px;
}
.container-memo .time{
    color:#545454;
    font-size:10px;
    clear:both;
}
.container-memo .inner-memo .memo .left .message{
    background: #ebbd74; /* Old browsers */
    background: -moz-linear-gradient(top, #ebbd74 0%, #d7a65d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebbd74), color-stop(100%,#d7a65d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebbd74 0%,#d7a65d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebbd74 0%,#d7a65d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebbd74 0%,#d7a65d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ebbd74 0%,#d7a65d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebbd74', endColorstr='#d7a65d',GradientType=0 ); /* IE6-9 */
    
    border-top:3px solid #EFCC92;
}
.container-memo .inner-memo .memo .right .message{
    background: #7ccfeb; /* Old browsers */
    background: -moz-linear-gradient(top, #7ccfeb 0%, #65b9d8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7ccfeb), color-stop(100%,#65b9d8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #7ccfeb 0%,#65b9d8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #7ccfeb 0%,#65b9d8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #7ccfeb 0%,#65b9d8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #7ccfeb 0%,#65b9d8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ccfeb', endColorstr='#65b9d8',GradientType=0 ); /* IE6-9 */
    border-top:3px solid #9ADAEF;
}
.container-memo .text-container{
    background-color:#D4D4D4;
    box-shadow: 0px 1px 5px #C0C0C0 inset;
    border-radius:10px;
    width:100%;
    padding:5px;
    padding-right:100px;
    padding-left:20px;
    position:relative;
}
.container-memo .text-container textarea{
    border:none;
    background-color:#D4D4D4;
    width:100%;
    color:#545454;
}
.container-memo .text-container textarea::-moz-placeholder{
    position:relative;
    top:20px;
    line-height:50px;
}
.container-memo .text-container textarea::-webkit-input-placeholder{
    position:relative;
    top:20px;
    line-height:0px;
}
.container-memo .button-memo{
    background: #6c92ae; /* Old browsers */
    background: -moz-linear-gradient(top, #6c92ae 0%, #4e728e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c92ae), color-stop(100%,#4e728e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6c92ae 0%,#4e728e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6c92ae 0%,#4e728e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6c92ae 0%,#4e728e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6c92ae 0%,#4e728e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c92ae', endColorstr='#4e728e',GradientType=0 ); /* IE6-9 */
    color:white;
    text-align:center;
    border-radius:5px;
    border:2px solid #446A8A;
    padding:8px 15px;
    font-family: Lato, Arial;
    position:absolute;
    right:10px;
    top:10px;
}
.bold{
    font-weight:bold;
}
.slider-footer-container{
    position:fixed;
    left:10px;
    bottom:20px;
    width:305px;
    overflow:hidden;
    height:176px;
}
.container-text-home{
    color:#636363;
    text-align:justify;/
}
@keyframes highlight{
	0%{color:black;}
	50%{color:#E8641B;}
	100%{color:black;}
}
.highlight{
	font-weight:bold;
	transition:all 0.5s;
	animation-name: highlight; 
	animation-duration:1s;
	animation-iteration-count:infinite;
}