/************************* CUSTOM V2 ***********************/
/** body **/
@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.ttf');
  src: url('../fonts/Roboto-Light.ttf');
  font-family: 'Roboto';
}

body {
	background: #ffffff;
  font-family: 'Roboto',Helvetica,Arial,sans-serif;
}

#full-height {
	min-height: auto;
	padding-top: 0px;
}
#full-height-sign {
	padding-top: 30px;
}
/** end body **/


/** error **/
.error { border: 1px solid #D50000; }
label.error { color:#FFFFFF; font-size: 12px; font-weight: normal; border:0; background: #ccc; width: 100%; padding: 2px; margin-top: 2px}
.error-warning { border:1px solid #FFAA00; }
.sign-info-error {
  border:1px solid #D50000;
  border-radius: 4px;
  color:#D50000;
}
.sign-info-warning {
  border:1px solid #FFAA00;
  border-radius: 4px;
  color:#FFAA00;
}
/** end error **/

.logo {
	background-image: url(http://localhost/tts2/assets/v1/img/ettsm.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 53px;
	width: 203px;
}

.background-grey1 { background: #FAFAFA; }
.background-pink1 { background: #E2013B; }
.background-blue1 { background: #4267B2; }
.background-white { background: #FFFFFF; }
.background-black { background: #000000; }
.no-bold { font-weight:normal; }

/* os style */
.cas-windows {
  width: 70px;
  background: #333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 7px;
}
.windows-wd {
  background: linear-gradient(to bottom right, black, #007FFF);
  border-bottom:3px solid #000;
  width: 60px;
  height: 30px;
}
.cas-ubuntu {
  width: 70px;
  background: #333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 7px;
}
.ubuntu-wd {
  background: linear-gradient(to bottom right, purple, red);
  border-left:3px solid #000;
  border-top:1px solid #000;
  width: 60px;
  height: 30px;
}
.cas-mac {
  width: 70px;
  background: #333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 7px;
}
.mac-wd {
  background: linear-gradient(to bottom right, green, #007FFF);
  border-top:1px solid #fff;
  border-bottom:3px solid #fff;
  width: 60px;
  height: 30px;
}
.cas-linux {
  width: 70px;
  background: #333;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 7px;
}
.linux-wd {
  background: linear-gradient(#244A5D, #99A599, #405553);
  border-bottom:3px solid #5D6353;
  width: 60px;
  height: 30px;
}
.cas-iphone {
  width: 34px;
  background: #000;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:3px;
}
.iphone-wd {
  background: linear-gradient(#FB153A, white, #004BB8);
  width: 30px;
  height: 45px;
}
.cas-ipod {
  width: 34px;
  background: #000;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:3px;
}
.ipod-wd {
  background: linear-gradient(#1F8173, white, #B78442);
  width: 30px;
  height: 45px;
}
.cas-ipad {
  width: 44px;
  background: #000;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:3px;
}
.ipad-wd {
  background: linear-gradient(#6F949F, #59B2CC, #B78442);
  width: 40px;
  height: 45px;
}
.cas-android {
  width: 34px;
  background: #000;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:3px;
}
.android-wd {
  background: linear-gradient(#4469AF, #FBEAA5, #4C5D85);
  width: 30px;
  height: 45px;
}
.cas-blackberry {
  width: 34px;
  background: #000;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:3px;
}
.blackberry-wd {
  background: linear-gradient(#50C3FC, #FFD569, #5A89B0);
  width: 30px;
  height: 45px;
}
.cas-mobile {
  width: 34px;
  background: #000;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  border-radius:3px;
}
.mobile-wd {
  background: linear-gradient(to bottom right, red, yellow);
  width: 30px;
  height: 45px;
}

/* slick */
.slick-slide {
  margin: 0px;
}
.slick-prev:before,
.slick-next:before {
  color: red;
}
.slick-prev {
  left: -0px;
  position: absolute;

  display: block;
  text-align: center;
}
.slick-next {
  right: -0px;
  position: absolute;
  display: block;
  text-align: center;
}
.slick-dots {
  bottom: -25px;
}
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: .5;
}
.slick-current {
  opacity: 1;
}

/* new modal */
.modal {
  /*text-align: center;*/
  padding: 0!important;
}

/*
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}
*/

/* tts */
.clear {
	clear: both;
}

.logo-text a{
	font-size:30px;
	color:#696969;
}
.kolom { width: 30px; text-align: center; font-size: 14px; font-weight: bold; border:1px solid #333; text-transform: uppercase; margin-right:5px;}
.kolom-grey { width: 30px; text-align: center; font-size: 14px; font-weight: bold; border:1px solid #CCC; text-transform: uppercase; border-radius:4px;}
.aktif { background:#ccc; }
.no-bold { font-weight:normal; }
.error_box { color:red; padding:5xp; }
/*tr:nth-child(even){background-color: #f2f2f2}*/

.height-30 { height:30px; }
.height-38 { height:38px; }
.height-40 { height:40px; }
.height-45 { height:45px; }
.height-67 { height: 60px; }
.height-100 { height: 100px; }
.height-130 { height: 130px; }
.height-131 { height: 131px; }
.height-157 { height: 157px; }
.height-200 { height: 200px; }
.height-500 { height:300px; }
.catatan-situs { background:#333; }
.scroll-mendatar { overflow-y:auto; }
.scroll-menurun { overflow-x: auto; }
/* end tts */

/** header navbar **/
.navbar-default { background-color:#9b69ff;border:0px; height:90px; }
.navbar-default-home { border-bottom:1px solid red; padding:0px 0px 0px 0px;}
.navbar-brand { color:#ffffff; padding-top:30px; font-size:24px}
.navbar-brand:hover{color:#ffffff;background-color:transparent}
.navbar-nav { border:0px solid red; margin-top:16px; background:#9b69ff; }
.navbar-nav>li>a{color:#ffffff; margin-left:30px;}
.navbar-nav>li>a:hover{color:#ffffff;background-color:transparent}
.navbar-nav>li.link_signin>a{color:#00FF4E; font-weight: bold;margin-left:30px;}
.navbar-toggle{border-color:#9b69ff; margin-top:20px;}
.navbar-toggle:hover{background-color:#9b69ff;}
.icon-bar{background-color:#ffffff;}
.navbar-nav>.open>a:hover{color:#ffffff;background-color:#9b69ff;}
.navbar-nav>.open>a:focus{color:#ffffff;background-color:#9b69ff;}
/** end header navbar **/

/** button **/
.btn-violet{font-family: 'Helvetica'; color:#fff;background-color:#9b69ff;border-color:#9b69ff}.btn-violet.focus,.btn-violet:focus{color:#fff;background-color:#9b69ff;border-color:#9b69ff}.btn-violet:hover{color:#fff;background-color:#9b69ff;border-color:#9b69ff}
.btn-green{font-family: 'Helvetica'; color:#fff;background-color:#17EC17;border-color:#17EC17}.btn-green.focus,.btn-green:focus{color:#fff;background-color:#17EC17;border-color:#17EC17}.btn-green:hover{color:#fff;background-color:#17EC17;border-color:#17EC17}
.btn-default-me{font-family: 'Helvetica'; color:#333;background-color:#fff;border-color:#ccc}.btn-default-me.focus,.btn-default-me:focus{color:#333;background-color:#fff;border-color:#ccc}.btn-default-me:hover{color:#333;background-color:#fff;border-color:#ccc}
.btn-default-g{
	text-decoration: none;font-size: 0.79em;padding: 0 8px;heighst: 30px;line-heights: 25px;displays: inline-block;outline: none;color:#444;background-color:#f5f5f5;background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: linear-gradient(top,#f5f5f5,#f1f1f1);border:1px solid #d9d9d9;border:1px solid rgba(0,0,0,0.1);-webkit-border-radius: 2px;-moz-border-radius: 2px; border-radius: 2px;
}
.btn-default-g:hover{ 
	color:#444;border: 1px solid #c6c6c6;border: 1px solid rgba(0,0,0,0.2);-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);box-shadow: 0 1px 2px rgba(0,0,0,0.1);position: relative;z-index: 1;
}
.btn-default-g:active{
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.g-red {
	color:#fff;background-color:#d14836;background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);background-image: -moz-linear-gradient(top,#dd4b39,#d14836);background-image: linear-gradient(top,#dd4b39,#d14836);border:1px solid transparent;
}
.g-red:hover {
	color:#fff;border: 1px solid #b0281a;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);box-shadow: 0 1px 2px rgba(0,0,0,0.2);background-color: #c53727;background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);background-image: -moz-linear-gradient(top,#dd4b39,#c53727);background-image: linear-gradient(top,#dd4b39,#c53727);
}
.g-red:active {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
.g-blue {
	color:#fff;background-color:#4d90fe;background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);background-image: linear-gradient(top,#4d90fe,#4787ed);border:1px solid #3079ed;
}
.g-blue:hover {
	color:#fff;border: 1px solid #2F5bb7;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);box-shadow: 0 1px 2px rgba(0,0,0,0.2);background-color: #357aeb;background-image: -webkit-linear-gradient(top,#4d90fe,#357aeb);background-image: -moz-linear-gradient(top,#4d90fe,#357aeb);background-image: linear-gradient(top,#4d90fe,#357aeb);
}
.g-blue:active {
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}
.g-white {
  background-color:#ffffff;background-image: -webkit-linear-gradient(top,#ffffff,#ffffff);background-image: -moz-linear-gradient(top,#ffffff,#ffffff);background-image: linear-gradient(top,#ffffff,#ffffff);border: 1px solid #c6c6c6;-webkit-box-shadow: 0 1px 7px rgba(0,0,0,0.2);-moz-box-shadow: 0 1px 7px rgba(0,0,0,0.2);box-shadow: 0 1px 7px rgba(0,0,0,0.2);;
}
.btn-transparent-grey3{font-family: 'Helvetica'; color:#333;background-color:transparent;border-color:#333}.btn-transparent-grey3.focus,.btn-transparent-grey3:focus{color:#333;background-color:transparent;border-color:#333}.btn-transparent-grey3:hover{color:#333;background-color:transparent;border-color:#333}
.btn-default-noborder-liker{font-family: 'Helvetica'; padding:0; background-color:transparent;border-color:transparent;margin:0;}
.input-group-addon { padding: 0; background: #FFFFFF; border:0px;}
.btn-comment { font-family: 'Helvetica'; background:#FFFFFF; border:0; height:30px;}
.btn-chat { font-family: 'Helvetica'; background:#FFFFFF; border:0; height:30px;color:#9b69ff;font-weight:bold;}
a.btn-additional-comment { font-family: 'Helvetica'; color:#CCC; border:0; padding: 5px; text-decoration: none;}
a.btn-additional-comment:hover { color: #333; text-decoration: none;}
.btn-additional-comment { font-family: 'Helvetica'; color:#CCC; border:0; padding: 5px;}
.btn-additional-comment:hover { color: #333; text-decoration: none;}
.form-group { margin:0;}
.help-block { margin:0;}
.opacity { opacity:.65; cursor: default;}
/** end button **/

/** textbox **/
/* textarea create status */
.text-me-noborder{display:block;width:100%;height:34px;padding:6px 0px;font-size:14px;line-height:1.42857143;color:#000;background-color:#fff;background-image:none;border:0px solid #ccc;border-radius:0px;}.text-me-noborder:focus{border-bottom:1px solid #333;}.text-me-noborder::-moz-placeholder{color:#999;opacity:1}.text-me-noborder:-ms-input-placeholder{color:#999}.text-me-noborder::-webkit-input-placeholder{color:red}.text-me-noborder::-ms-expand{background-color:transparent;border:0}
.textarea-me-send-feedback{
	display:block;
	width:100%;
	padding:6px 10px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:0px solid #ccc;
	border-radius:0px;
	height: 130px;
	min-height: 130px;
}
.textarea-me-send-feedback:focus{
	border:0px solid transparent;
	outline:0;
}
.textarea-me-send-feedback::-moz-placeholder{
	color:#999;opacity:1;
}
.textarea-me-send-feedback:-ms-input-placeholder{
	color:#999;
}
.textarea-me-send-feedback::-webkit-input-placeholder{
	color:#999;
}
.textarea-me-send-feedback::-ms-expand{
	background-color:transparent;
	border:0;
}
.animated {
  -webkit-transition: height 0.2s;
	-moz-transition: height 0.2s;
	transition: height 0.2s;
}
/* end textarea create status */

/* chat text */
.chat-text{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:0px solid #ccc;border-radius:0px 0px 5px 5px;}
/* end chat text */

/* search text */
.custom-search-form {
    margin:0;
    padding: 0;
	margin-top:3px;
}
.custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px \9;
    padding-left: 3px;
    padding-left: 4px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:1px solid #ccc;
}
.custom-search-form button {
    border: 0;
    background: none;
    /** belows styles are working good */
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.search-query:focus + button {
    z-index: 3;   
}
/* end search text */

/* search text2 */
.custom-search-form2 {
    margin:0;
    padding: 0;
	margin-top:0px;
}
.custom-search-form2 .search-query2 {
    padding-right: 7px;
    padding-right: 7px \9;
    padding-left: 7px;
    padding-left: 7px \9;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	border:1px solid #ccc;
	width:100%;
	border-radius:30px;
}
/* end search text2 */
/** end textbox **/

/** typo **/
/* text size */
.size-4 { font-size: 4px; }
.size-6 { font-size: 6px; }
.size-9 { font-size: 9px; }
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-19 { font-size: 19px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-26 { font-size: 26px; }
.size-28 { font-size: 28px; }
.size-30 { font-size: 30px; }
.size-32 { font-size: 32px; }
.size-34 { font-size: 34px; }
.size-36 { font-size: 36px; }
.size-38 { font-size: 38px; }
.size-40 { font-size: 40px; }
.size-42 { font-size: 42px; }
.size-44 { font-size: 44px; }
.size-46 { font-size: 46px; }
.size-48 { font-size: 48px; }
.size-58 { font-size: 58px; }
.size-64 { font-size: 64px; }
.size-68 { font-size: 68px; }
.size-74 { font-size: 74px; }
.size-78 { font-size: 78px; }
.size-84 { font-size: 84px; }
.size-88 { font-size: 88px; }
.size-96 { font-size: 96px; }
.size-menu-profile { font-size: 12px; }
/* end text size */

/* line */
.up-1 { padding-top:1px; }
.up-2 { padding-top:2px; }
.up-3 { padding-top:3px; }
.up-4 { padding-top:4px; }
.up-5 { padding-top:5px; }
.up-6 { padding-top:6px; }
.up-7 { padding-top:7px; }
.up-8 { padding-top:8px; }
.up-9 { padding-top:9px; }
.up-10 { padding-top:10px; }
.up-12 { padding-top:12px; }
.up-15 { padding-top:15px; }
.up-20 { padding-top:20px; }
.up-30 { padding-top:30px; }
.up-50 { padding-top:50px; }
.up-m-30 { margin-top:30px; }
.down-1 { padding-bottom:1px; }
.down-2 { padding-bottom:2px; }
.down-3 { padding-bottom:3px; }
.down-4 { padding-bottom:4px; }
.down-5 { padding-bottom:5px; }
.down-6 { padding-bottom:6px; }
.down-7 { padding-bottom:7px; }
.down-8 { padding-bottom:8px; }
.down-9 { padding-bottom:9px; }
.down-10 { padding-bottom:10px; }
.down-12 { padding-bottom:12px; }
.down-15 { padding-bottom:15px; }
.down-20 { padding-bottom:20px; }
.down-50 { padding-bottom:50px; }
.down-m-4 { margin-bottom: 4px; }
.left-p-1 { padding-left:1px; }
.left-p-2 { padding-left:2px; }
.left-p-3 { padding-left:3px; }
.left-p-4 { padding-left:4px; }
.left-p-5 { padding-left:5px; }
.left-p-6 { padding-left:6px; }
.left-p-7 { padding-left:7px; }
.left-p-8 { padding-left:8px; }
.left-p-9 { padding-left:9px; }
.left-p-10 { padding-left:10px; }
.left-p-12 { padding-left:12px; }
.left-p-15 { padding-left:15px; }
.left-p-20 { padding-left:20px; }
.left-p-50 { padding-left:50px; }
.right-p-1 { padding-right:1px; }
.right-p-2 { padding-right:2px; }
.right-p-3 { padding-right:3px; }
.right-p-4 { padding-right:4px; }
.right-p-5 { padding-right:5px; }
.right-p-6 { padding-right:6px; }
.right-p-7 { padding-right:7px; }
.right-p-8 { padding-right:8px; }
.right-p-9 { padding-right:9px; }
.right-p-10 { padding-right:10px; }
.right-p-12 { padding-right:12px; }
.right-p-15 { padding-right:15px; }
.right-p-20 { padding-right:20px; }
.right-p-50 { padding-right:50px; }
.left-1 { margin-left:1px; }
.left-2 { margin-left:2px; }
.left-3 { margin-left:3px; }
.left-4 { margin-left:4px; }
.left-5 { margin-left:5px; }
.left-6 { margin-left:6px; }
.left-7 { margin-left:7px; }
.left-8 { margin-left:8px; }
.left-9 { margin-left:9px; }
.left-10 { margin-left:10px; }
.left-12 { margin-left:12px; }
.left-15 { margin-left:15px; }
.left-20 { margin-left:20px; }
.left-50 { margin-left:50px; }
.right-1 { margin-right:1px; }
.right-2 { margin-right:2px; }
.right-3 { margin-right:3px; }
.right-4 { margin-right:4px; }
.right-5 { margin-right:5px; }
.right-6 { margin-right:6px; }
.right-7 { margin-right:7px; }
.right-8 { margin-right:8px; }
.right-9 { margin-right:9px; }
.right-10 { margin-right:10px; }
.right-12 { margin-right:12px; }
.right-15 { margin-right:15px; }
.right-20 { margin-right:20px; }
.right-50 { margin-right:50px; }
.width-10 { width:10px; }
.width-15 { width:15px; }
.width-20 { width:20px; }
.width-30 { width:30px; }
.width-34 { width:34px; }
.width-35 { width:35px; }
.width-40 { width:40px; }
.width-44 { width:44px; }
.width-50 { width:50px; }
.width-60 { width:60px; }
.width-65 { width:65px; }
.width-70 { width:70px; }
.width-75 { width:75px; }
.width-90 { width:90px; }
.width-100 { width:100px; }
.width-105 { width:105px; }
.width-120 { width:120px; }
.width-130 { width:130px; }
.width-140 { width:140px; }
.width-150 { width:150px; }
.width-160 { width:160px; }
.width-170 { width:170px; }
.width-180 { width:180px; }
.width-190 { width:190px; }
.width-195 { width:195px; }
.width-200 { width:200px; }
.width-full { width:100%; }
#height-per-left {
	height:410px;
}
#height-per-center {
	height: 340px;
	overflow-y: auto;
}
#height-per-right {
	height: 363px;
}
hr{
	margin-top:0px;
	margin-bottom:0px;
	border-top:1px solid #eee;
	border-bottom:0px;
	border-left:0px;
	border-right:0px;
}
.hr-hr {
	border-top:1px solid #f6f6f8;
}
/* end line */

.center {
	text-align:center;
}
.justify {
  text-align:justify;
}
.left {
	text-align:left;
}
.right {
	text-align:right;
}
.center-img {
	text-align:center;
	margin:0 auto;
}
.float-left {
	float:left;
}
.float-right {
  float:right;
}
.pointer {
	cursor: pointer;
}
.cursor-default {
  cursor: default;
}

.badge-grey{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#f5f5f5;border-radius:10px}
.badge-greyC{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#cccccc;border-radius:10px}
.badge-yellow{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#FFFF00;border-radius:10px}

.line-height-1 {
  line-height:1;
}

.border-right {
	border-right:1px solid #e5e5e5;
}

.border-left {
	.border-left:1px solid #e5e5e5;
}

.border-bottom {
  border-bottom:1px solid #e5e5e5;
}

.border-radius-3 {
  border-radius: 3px;
}
.border-radius-5 {
  border-radius: 5px;
}
.border-radius-10 {
  border-radius: 10px;
}

.hrcolor {
  height: 5px;
  border-top: 0;
  border-radius: 0px;
  background: #cabd9a;
  background-image: -webkit-linear-gradient(left, #cabd9a, #cabd9a 7.5%, #9B69FF 7.5%, #9B69FF 16%, #00cccc 16%, #00cccc 25.5%, #fecf71 25.5%, #fecf71 35%, #f0776c 35%, #f0776c 44.5%, #db9dbe 44.5%, #db9dbe 54%, #c49cde 54%, #c49cde 63.5%, #669ae1 63.5%, #669ae1 73.5%, #c4e17f 73.5%, #c4e17f 83.5%, #c1b2f9 83.5%, #c1b2f9 92.5%, #FFD4FF 92.5%, #FFD4FF);
  background-image: -moz-linear-gradient(left, #cabd9a, #cabd9a 7.5%, #9B69FF 7.5%, #9B69FF 16%, #00cccc 16%, #00cccc 25.5%, #fecf71 25.5%, #fecf71 35%, #f0776c 35%, #f0776c 44.5%, #db9dbe 44.5%, #db9dbe 54%, #c49cde 54%, #c49cde 63.5%, #669ae1 63.5%, #669ae1 73.5%, #c4e17f 73.5%, #c4e17f 83.5%, #c1b2f9 83.5%, #c1b2f9 92.5%, #FFD4FF 92.5%, #FFD4FF);
  background-image: -o-linear-gradient(left, #cabd9a, #cabd9a 7.5%, #9B69FF 7.5%, #9B69FF 16%, #00cccc 16%, #00cccc 25.5%, #fecf71 25.5%, #fecf71 35%, #f0776c 35%, #f0776c 44.5%, #db9dbe 44.5%, #db9dbe 54%, #c49cde 54%, #c49cde 63.5%, #669ae1 63.5%, #669ae1 73.5%, #c4e17f 73.5%, #c4e17f 83.5%, #c1b2f9 83.5%, #c1b2f9 92.5%, #FFD4FF 92.5%, #FFD4FF);
  background-image: linear-gradient(to right, #cabd9a, #cabd9a 7.5%, #9B69FF 7.5%, #9B69FF 16%, #00cccc 16%, #00cccc 25.5%, #fecf71 25.5%, #fecf71 35%, #f0776c 35%, #f0776c 44.5%, #db9dbe 44.5%, #db9dbe 54%, #c49cde 54%, #c49cde 63.5%, #669ae1 63.5%, #669ae1 73.5%, #c4e17f 73.5%, #c4e17f 83.5%, #c1b2f9 83.5%, #c1b2f9 92.5%, #FFD4FF 92.5%, #FFD4FF);
}
.circle {
  border-radius: 100%;
}
/* background color */
.A {
  background: #ff6666;
  color: #ffffff;
}
.B {
  background: #ff0000;
  color: #ffffff;
}
.C {
  background: #330000;
  color: #ffffff;
}
.D {
  background: #9B69FF;
  color: #ffffff;
}
.E {
  background: #6666ff;
  color: #ffffff;
}
.F {
  background: #0000ff;
  color: #ffffff;
}
.G {
  background: #000066;
  color: #ffffff;
}
.H {
  background: #00cccc;
  color: #ffffff;
}
.I {
  background: #006666;
  color: #ffffff;
}
.J {
  background: #33ff66;
  color: #000;
}
.K {
  background: #003300;
  color: #ffffff;
}
.L {
  background: #ffff33;
  color: #000;
}
.M {
  background: #666600;
  color: #ffffff;
}
.N {
  background: #ffcc00;
  color: #000;
}
.O {
  background: #ff9900;
  color: #000;
}
.P {
  background: #ff6600;
  color: #ffffff;
}
.Q {
  background: #330000;
  color: #ffffff;
}
.R {
  background: #333333;
  color: #ffffff;
}
.S {
  background: #999999;
  color: #ffffff;
}
.T {
  background: #330066;
  color: #ffffff;
}
.U {
  background: #330033;
  color: #ffffff;
}
.V {
  background: #993333;
  color: #ffffff;
}
.W {
  background: #999966;
  color: #ffffff;
}
.X {
  background: #ff3399;
  color: #ffffff;
}
.Y {
  background: #333366;
  color: #ffffff;
}
.Z {
  background: #66cccc;
  color: #ffffff;
}
/* end background color */

/* background color 2 */
.bgcolor-white {
	background-color:#FFFFFF;
}
.bgcolor-ccc {
  background-color:#cccccc;
}
.bgcolor-pink {
	background-color:#FDF6F7;
}
.hover-bgcolor-pink:hover {
	background-color:#FDF6F7;
}
.bgcolor-grey-e1 {
	background-color:#E1E1E1;
}
.hover-bgcolor-grey-e1:hover {
	background-color:#E1E1E1;
}
.background-grey1 { background: #FAFAFA; }
.background-g-grey { background-color:#f5f5f5;background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);background-image: linear-gradient(top,#f5f5f5,#f1f1f1); }
.background-hover-g-grey:hover{ background-color:#f5f5f5; }
.background-g-yellow { background-color: #FFFFCC; }
.background-hover-g-yellow:hover{ background-color: #FFFFCC; }
.background-g-red { background-color: #DD4B39; }
.background-hover-g-red:hover{ background-color: #DD4B39; }
.background-pink1 { background: #E2013B; }
.background-blue1 { background: #4267B2; }
.background-blue2 { background: #C3D9FF; }
.bgcolor-yellow-warning {
  background: #FEF6BC;
  color: #333333;
}
/* end background color 2 */

.balon-tebakan-host-1 {
  position: relative;
  max-width: 230px;
  background-color: #ff9900;
  color:#FFFFFF;
  border-radius:5px;
  padding: 5px;
}
.balon-tebakan-host-1:after {
  position: absolute;
  content: '';
  display: block;
  top: -20px;
  right: 30px;
  border-bottom: 20px solid #ff9900;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.balon-tebakan-host-2 {
  position: relative;
  max-width: 230px;
  background-color: #6666ff;
  color:#FFFFFF;
  border-radius:5px;
  padding: 5px;
}
.balon-tebakan-host-2:after {
  position: absolute;
  content: '';
  display: block;
  bottom: -20px;
  left: 30px;
  border-top: 20px solid #6666ff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.balon-tebakan-host-1b {
  background-color: #ff9900;
  color:#FFFFFF;
  border-radius:5px;
  padding: 5px;
}

/* font family */
.ff-hlv {
  font-family: 'Helvetica',Arial,sans-serif;
}
.ff-rbt {
  font-family: 'Roboto',Helvetica,Arial,sans-serif;
}
.ff-rbt-bld {
  font-family: 'Roboto-Bold',Helvetica,Arial,sans-serif;
}
/* end font family */

/* text color */
.font-A {
  color: #ff6666;
}
.font-A:hover {
  color: #ff6666;
  text-decoration:none;
}
.font-B {
  color: #ff0000;
}
.font-B:hover {
  color: #ff0000;
  text-decoration:none;
}
.font-C {
  color: #330000;
}
.font-C:hover {
  color: #330000;
  text-decoration:none;
}
.font-D {
  color: #9B69FF;
}
.font-D:hover {
  color: #9B69FF;
  text-decoration:none;
}
.font-E {
  color: #6666ff;
}
.font-E:hover {
  color: #6666ff;
  text-decoration:none;
}
.font-F {
  color: #0000ff;
}
.font-F:hover {
  color: #0000ff;
  text-decoration:none;
}
.font-G {
  color: #000066;
}
.font-G:hover {
  color: #000066;
  text-decoration:none;
}
.font-H {
  color: #00cccc;
}
.font-H:hover {
  color: #00cccc;
  text-decoration:none;
}
.font-I {
  color: #006666;
}
.font-I:hover {
  color: #006666;
  text-decoration:none;
}
.font-J {
  color: #33ff66;
}
.font-J:hover {
  color: #33ff66;
  text-decoration:none;
}
.font-K {
  color: #003300;
  
}
.font-K:hover {
  color: #003300;
  text-decoration:none;
}
.font-L {
  color: #FFD400;
}
.font-L:hover {
  color: #FFD400;
  text-decoration:none;
}
.font-M {
  color: #666600;
}
.font-M:hover {
  color: #666600;
  text-decoration:none;
}
.font-N {
  color: #ffcc00;
}
.font-N:hover {
  color: #ffcc00;
  text-decoration:none;
}
.font-O {
  color: #ff9900;
}
.font-O:hover {
  color: #ff9900;
  text-decoration:none;
}
.font-P {
  color: #ff6600;
}
.font-P:hover {
  color: #ff6600;
  text-decoration:none;
}
.font-Q {
  color: #330000;
}
.font-Q:hover {
  color: #330000;
  text-decoration:none;
}
.font-R {
  color: #333333;
}
.font-R:hover {
  color: #333333;
  text-decoration:none;
}
.font-S {
  color: #999999; 
}
.font-S:hover {
  color: #999999;
  text-decoration:none;
}
.font-T {
  color: #330066;
}
.font-T:hover {
  color: #330066;
  text-decoration:none;
}
.font-U {
  color: #330033;
}
.font-U:hover {
  color: #330033;
  text-decoration:none;
}
.font-V {
  color: #993333; 
}
.font-V:hover {
  color: #993333;
  text-decoration:none;
}
.font-W {
  color: #999966;  
}
.font-W:hover {
  color: #999966;
  text-decoration:none;
}
.font-X {
  color: #ff3399;  
}
.font-X:hover {
  color: #ff3399;
  text-decoration:none;
}
.font-Y {
  color: #333366;  
}
.font-Y:hover {
  color: #333366;
  text-decoration:none;
}
.font-Z {
  color: #66cccc;
}
.font-Z:hover {
  color: #66cccc;
  text-decoration:none;
}
.text-grey {
	color:#999999;
}
.text-grey:hover {
	color:#999999;
	text-decoration:none;
}
.text-grey2 {
	color:#90949C;
}
.text-grey2:hover {
	color:#333333;
	text-decoration:none;
}
.text-grey3 {
	color:#333333;
}
.text-grey3:hover {
	color:#333333;
	text-decoration:none;
}
.text-grey4 {
  color:#262626;
}
.text-grey4:hover {
  color:#262626;
  text-decoration:none;
}
.text-white {
	color:#ffffff;
}
.text-white:hover {
	color:#ffffff;
	text-decoration:none;
}
.text-white2 {
	color:#EBEBEB;
}
.text-white2:hover {
	color:#EBEBEB;
	text-decoration:none;
}
.text-red {
	color:#FF0000;
}
.text-red:hover {
	color:#FF0000;
	text-decoration:none;
}
.text-red2 {
  color:#BA1010;
}
.text-brown {
	color:#cabd9a;
}
.text-brown:hover {
	color:#cabd9a;
	text-decoration:none;
}
.text-blue {
	color:#3897F0;
}
.text-blue:hover {
	color:#333333;
	text-decoration:none;
}
.text-blue2 {
	color:#3897F0;
}
.text-blue2:hover {
	color:#3897F0;
	text-decoration:none;
}
.text-blue3 {
	color:#bcbcbc;
}
.text-blue4 {
  color:#090934;
}
.text-orange {
	color:#FFAA00;
}
.text-orange:hover {
	color:#333333;
	text-decoration:none;
}
.text-green {
	color:#00FF4E;
}
.text-green:hover {
	color:#00FF4E;
	text-decoration:none;
}
.text-yellow {
	color:#FFFF00;
}
.text-yellow:hover {
	color:#FFFF00;
	text-decoration:none;
}
.text-love {
	color:#333333;
}
.text-love:hover {
	color:#FF5555;
	text-decoration:none;
}
.text-love-selected {
	color:#FF5555;
}
.text-comment {
	color:#333333;
}
.text-comment:hover {
	color:#3897F0;
	text-decoration:none;
}
.text-comment-selected {
	color:#3897F0;
}
.text-share {
	color:#333333;
}
.text-share:hover {
	color:#9b69ff;
	text-decoration:none;
}
.text-share-selected {
	color:#9b69ff;
}
.text-detaile {
	color:#333333;
}
.text-detaile:hover {
	color:#00FF4E;
	text-decoration:none;
}
.text-black {
	color:#000;
}
.text-black:hover {
	color:#000;
	text-decoration:none;
}
.text-g-grey {
	color:#444;
}
.text-g-grey:hover {
	color:#444;
	text-decoration:none;
}
.text-g-red {
	color:#DD4B39;
}
.text-g-red:hover {
	color:#DD4B39;
	text-decoration:none;
}
.text-g-blue {
	color:#4787ed;
}
.text-g-blue:hover {
	color:#4787ed;
	text-decoration:none;
}
/* end text color */

/* border color */
.border-c-A {
	border:1px solid #ff6666;
}
.border-c-B {
	border:1px solid #ff0000;
}
.border-c-C {
	border:1px solid #330000;
}
.border-c-D {
	border:1px solid #9B69FF;
}
.border-c-E {
	border:1px solid #6666ff;
}
.border-c-F {
	border:1px solid #0000ff;
}
.border-c-G {
	border:1px solid #000066;
}
.border-c-H {
	border:1px solid #00cccc;
}
.border-c-I {
	border:1px solid #006666;
}
.border-c-J {
	border:1px solid #33ff66;
}
.border-c-K {
	border:1px solid #003300;
}
.border-c-L {
	border:1px solid #FFD400;
}
.border-c-M {
	border:1px solid #666600;
}
.border-c-N {
	border:1px solid #ffcc00;
}
.border-c-O {
	border:1px solid #ff9900;
}
.border-c-O-left-5solid {
	border-left:5px solid #ff9900;
}
.border-c-P {
	border:1px solid #ff6600;
}
.border-c-Q {
	border:1px solid #330000;
}
.border-c-R {
	border:1px solid #333333;
}
.border-c-S {
	border:1px solid #999999;
}
.border-c-T {
	border:1px solid #330066;
}
.border-c-U {
	border:1px solid #330033;
}
.border-c-V {
	border:1px solid #993333;
}
.border-c-W {
	border:1px solid #999966;
}
.border-c-X {
	border:1px solid #ff3399;
}
.border-c-X-left {
	border-left:1px solid #ff3399;
}
.border-c-X-right {
	border-right:1px solid #ff3399;
}
.border-c-X-bottom {
	border-bottom:1px solid #ff3399;
}
.border-c-X-top {
	border-top:1px solid #ff3399;
}
.border-c-Y {
	border:1px solid #333366;
}
.border-c-Z {
	border:1px solid #66cccc;
}
.border-c-ccc{
	border:1px solid #ccc;
}
.border-c-ccc-dashed{
  border:2px #ccc;
  border-style: dashed;
}
.border-c-ccc-left {
	border-left:1px solid #ccc;
}
.border-c-ccc-left-5px {
	border-left:5px solid #ccc;
}
.border-c-ccc-right {
	border-right:1px solid #ccc;
}
.border-c-ccc-bottom {
	border-bottom:1px solid #ccc;
}
.border-c-ccc-top {
	border-top:1px solid #ccc;
}
.border-c-eee{
	border:1px solid #eee;
}
.border-c-333{
  border:1px solid #333;
}
.border-c-e1e1{
	border:1px solid #E1E1E1;
}
.border-chat-him {
	border:1px solid #EA9AFF;
}
.border-chat-me {
	border:1px solid #9b69ff;
}
.border-c-background-blue2 {
	border:1px solid #C3D9FF;
}
.border-c-background-g-red {
	border:1px solid #DD4B39;
}
.border-c-background-g-red-left {
	border-left:1px solid #DD4B39;
}
.border-c-background-g-red-left-5px {
	border-left:5px solid #DD4B39;
}
.border-c-background-g-red-right {
	border-right:1px solid #DD4B39;
}
.border-c-background-g-red-bottom {
	border-bottom:1px solid #DD4B39;
}
.border-c-background-g-red-top {
	border-top:1px solid #DD4B39;
}
.border-c-bgcolor-white {
	border:1px solid #fff;
}
.border-c-bgcolor-white-left {
	border-left:1px solid #fff;
}
.border-c-bgcolor-white-left-5px {
	border-left:5px solid #fff;
}
.border-c-bgcolor-white-right {
	border-right:1px solid #fff;
}
.border-c-bgcolor-white-bottom {
	border-bottom:1px solid #fff;
}
.border-c-bgcolor-white-top {
	border-top:1px solid #fff;
}
.border-c-bgcolor-black {
  border:1px solid #000000;
}
/* end border color */

.bold {
	font-weight:bold;
}
.normal {
	font-weight:normal;
}
.italic {
	font-style:italic;
}
.lg-big {
  text-align: center;
  height: 120px;
  width: 120px;
}
.lg {
  text-align: center;
  height: 48px;
  width: 48px;
}
.sm {
  text-align: center;
  height: 32px;
  width: 32px;
}
.xs {
  text-align: center;
  height: 20px;
  width: 20px;
}
.circle.lg-big{
  font-size: 49px;
  font-weight: bold;
  text-decoration: none;
}
/* end avatar no image*/
/** end typo **/

/** homepage **/
.uniq-1 {
	margin-top:30px;
}
.title-uniq {
	font-size:24px;
}
.uniq-1-a {
	margin-top:15px;
}
.up-button { 
	margin-top: 150px; margin-bottom:90px;
}
.welcome {
	margin:auto;
	margin-bottom:90px;
}
.welcome-content {
	text-align:center;
}
/** end homepage **/

/** page **/
.row{margin-right:-12.99px;margin-left:-12.99px}
.col-md-12,.col-md-10 { padding-right:0px; padding-left:0px; }
.col-sm-4,.col-sm-8 { position:relative;min-height:1px;padding-right:0px;padding-left:0px;}   /* CSS COL ANYAR JIKA TIDAK SESUAI HAPUS AJA INI */
.col-xs-4,.col-xs-8 { position:relative;min-height:1px;padding-right:0px;padding-left:0px;} 
.col-xs-3,.col-xs-9 { position:relative;min-height:1px;padding-right:0px;padding-left:0px; margin-left: 0px; margin-right: 0px;}
.col-sm-3 { padding-left:0; padding-right:0; }
.panel {margin-bottom:20px;background-color:#fff;border-top:1px solid transparent;border-bottom:0px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-radius:0px;}
.panel-static-page{ margin-bottom:20px; background-color:#fff; border-top:1px solid #DBDBDB;border-bottom:0px solid #DBDBDB;border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-default { border-color:#eee; }
.panel-border-top { border-top:1px solid #eee; }
.panel-border-right { border-right:0px solid #eee; }
.line-bottom { border-bottom:1px solid #eee; } /* grey */
.line-bottom2 { border-bottom:1px solid #ff6666; } /*red */
.line-bottom3 { border-bottom:1px solid #333; } /* hitam */
.static-page-header { font-family: 'Helvetica'; }
.background-body-panel { background: #fafafa; }
.panel-body{
	padding:0px
}
.list-reset {
	padding:0;
	margin:0;
}
.list-reset li {
	padding:0;
	list-style:none;
	float:left;
	margin-right:10px;
}

/* chat cs */
.chatbox {
	position:fixed;
	right:16px;
	bottom:0;
	z-index:9999;
	width: 250px;
}
.cs-chat-text {
  height: 271px;
  overflow-y: auto;
}
/* end chat cs */
/*bg pesan dari pengirim */
.chat-list .me.chat-item {
	background-color: #9b69ff;
	border-radius: 5px;
	display: inline-block;
	color: white;
	clear: both;
	float: right;
	font-size: 12px;
}
.chat-list .me2.chat-item {
	display: inline-block;
	color: #CCC;
	clear: both;
	float: right;
	font-size: 14px;
}
/*bg pesan dari penerima */
.chat-list .him.chat-item {
	background-color: #EA9AFF;
	border-radius: 5px;
	display: inline-block;
	color: white;
	clear: both;
	float: left;
	font-size: 12px;
}
.chat-list .him2.chat-item {
	display: inline-block;
	color: #CCC;
	clear: both;
	float: left;
	font-size: 14px;
}

.static-page {
	width:100%;
	margin:auto;
	margin-bottom:90px;
}
.static-page-header {
	padding:10px;
}
.static-page-body {
	
}
.type-wall {
	padding:5px;
}
.status-text {
	padding:10px;
}
.status-image {
	margin-top:5px;
	margin-bottom:10px;
}
.status-bordered {
	border:1px solid #cccccc;
}
.status-bordered-description {
	padding:10px;
}
/* new */
textarea {
  resize: none;
}
input[type="file"]{
	/*display:none;*/
}
.toggle-image-reader {
	padding:10px;
	display:none;
}
#fupload-reader {
	width:115px;
	height:115px;
	border:1px solid #ccc;
}
#fupload-reader-remove {
	display:none;
}
.toggle-imageEdit-reader {
	padding:10px;
	display:none;
}
#fuploadEdit-reader {
	width:115px;
	height:115px;
	border:1px solid #ccc;
}
#fuploadEdit-reader-remove {
	display:none;
}

.toggleEmojiStatus {
	padding:10px;
}
.toggleEmojiStatusEdit {
	padding:10px;
}
/* moji */
.wrap-emoji {
	width: auto;
	border:1px solid #ccc;
}
.content-emoji {
	padding: 0px;
}
.emoji-back {
	background-color:#D4D4FF;
}
.moji {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	float: left;
}
.moji-tab {
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	border-right:1px solid #ccc;
	font-size:24px;
	width:30px;
	height:30px;
}
.line-top {
	border-top: 1px solid #ccc;
}
.size-27 {
	font-size: 27px;
}
.moji-tab-active {
	background-color: #fff;
}
.list-moji-menu{
	border-top: 1px solid #ccc;
	color: #666666;
	padding: 5px;
}
/* end new */

.static-page-footer {
	padding:10px;
}
.static-page-comment {
	padding:10px;
	background-color:#F5F5F5;
	border-radius:0px;
	border-top:1px solid #eee;
}
.contents-comment { 
	margin-top: 10px;
}
/** end page static **/

/** modal **/
.modal-dialog-margin {
	margin:30px auto;
}
.modal-content{
	position:relative;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	outline:0;
}
.modal-content-shadow{
	border:1px solid #999;
	border:1px solid rgba(0,0,0,.2);
	border-radius:0px;
	-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);
	box-shadow:0 3px 9px rgba(0,0,0,.5);
}
.modal-body{
	position:relative;
	padding:0px;
}
.wrap-list-qu {
	
}
.list-qu {
	border-bottom:1px solid #eee;
	padding:5px;
}
.list-qu:hover {
	background-color:#fafafa;
}
.modal-fs-sponsor {
	width:100%;
	height:100%;
	position:absolute;
	margin:0 auto;
	padding:0;
	background:#FFFFFF;
}
/* end modal */

/* alert */
.alert{padding:0px;margin-bottom:0px;border:0px solid transparent;border-radius:0px}
/* end alert */

/** sign **/
.signin {
	margin:auto;
	margin-bottom:90px;
}
.signin-content {
	text-align:center;
}
.sign-logo {
	font-size:28px;
	font-weight: bold;
	margin-bottom:10px;
}
.sign-additional-header {
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	color:#bcbcbc;
}
.sign-additional a{
	color:#3897F0;
	font-size:12px;
}
.sign-additional a:hover{
	color:#3897F0;
	text-decoration:none;
}
/** end sign **/

/** footer **/
.footer {
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 30px;
  color: #777;
  width: 100%;
  bottom: 0;
  background: #333333;
}
.nav-pills-footer>li{float:left;padding-top: 15px;padding-bottom: 0;padding-left: 0;padding-right: 0;margin-right: 10px;margin-bottom: 0;margin-left: 0;margin-top: 0;}.nav-pills-footer>li>a{padding:0; font-size:16px; color:#ffffff; font-weight:bold;}.nav-pills-footer>li>a:hover{text-decoration:none; padding:0; font-size:16px; color:#ffffff; font-weight:bold; background:#333333;}.nav-pills-footer>li+li{margin-left:10px}.nav-pills-footer>li.active>a,.nav-pills-footer>li.active>a:focus,.nav-pills-footer>li.active>a:hover{color:#ffffff;}
/** end footer **/

/** footer sign **/
.footer-sign {
  margin-top: 20px;
  padding-top: 10px;
  padding-bottom: 30px;
  color: #999999;
  font-weight:bold;
  font-size:16px;
  width: 100%;
  bottom: 0;
  background: #fafafa;
}
.nav-pills-footer-sign>li{float:left;padding-top: 15px;padding-bottom: 0;padding-left: 0;padding-right: 0;margin-right: 10px;margin-bottom: 0;margin-left: 0;margin-top: 0;}.nav-pills-footer-sign>li>a{padding:0; font-size:16px; color:#3897F0; font-weight:bold;}.nav-pills-footer-sign>li>a:hover{text-decoration:none; padding:0; font-size:16px; color:#3897F0; font-weight:bold; background:#fafafa;}.nav-pills-footer-sign>li+li{margin-left:10px}.nav-pills-footer-sign>li.active>a,.nav-pills-footer-sign>li.active>a:focus,.nav-pills-footer-sign>li.active>a:hover{color:#3897F0;}
/** end footer sign **/

.menu-alignment, .menu-alignment li{
	display:inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
}
.menu-alignment a{
	display:block;
	text-decoration:none;
}
.menu-alignment li{
	margin-left:4px;
	margin-right:4px;
}

.billing-tebakan-menu-label { display: none; }

/* Sidebar navigation */
.sidebar-admin {
	display: none;
}
.content-admin {
	top:50px;
	margin-bottom:200px;
}

.size-label-breadcrumb { font-size: 14px; padding-top:20px;}

.sidebar-admin-js {
	position: fixed;
	top: 110px;
	bottom: 0;
	left: 0;
	z-index: 1000;
	display: block;
	padding-top: 10px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	background-color: #FFFFFF;
	border-right: 1px solid #eee;
}
.nav-sidebar-admin {
	padding:0px;
	margin:0px;
	width:217px;
}

.header-two {
	position: fixed;
	top: 50px;
	z-index: 1000;
	display: block;
	background-color:#ffffff;
	border-bottom:1px solid #dddddd;
	padding:5px 0px 5px 0px;
	height:60px;
	max-height:60px;
}

.ngumpet {
	display: none;
}

.inline-block {
	display: inline-block;
}

/** media query **/
/* min */
@media (min-width: 800px) {
	.welcome { max-width: 800px; }
	.logo-text a { font-size: 50px; color:#696969; }
	.size-label-breadcrumb { font-size: 19px; padding-top:15px;}
}

@media (min-width: 768px) {
	.panel {margin-bottom:20px;background-color:#fff;border-top:1px solid transparent;border-bottom:0px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;border-radius:0px;}
	.panel-default { border-color:#eee; }
	
	.sidebar-admin {
		position: fixed;
		top: 110px;
		bottom: 0;
		left: 0;
		z-index: 1000;
		display: block;
		padding-top: 10px;
		overflow-x: hidden;
		overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
		background-color: #FFFFFF;
		border-right: 1px solid #eee;
	}
}

@media (min-width: 600px) {
	.logo {
		background-image: url(http://localhost/tts2/assets/v1/img/etts.png);
		background-repeat: no-repeat;
		background-position: center top;
		height: 53px;
		width: 203px;
	}
	.navbar-default-home { border-bottom:1px solid red; padding:0px 0px 0px 0px;}
	.static-page { max-width: 580px; }
	.row{margin-right:-15px;margin-left:-15px}
	.col-md-3,.col-md-6,.col-md-10,.col-md-12 { position:relative;min-height:1px;padding-right:5px;padding-left:5px; }
	.col-sm-4,.col-sm-8 { position:relative;min-height:1px;padding-right:0px;padding-left:0px;}   /* CSS COL ANYAR JIKA TIDAK SESUAI HAPUS AJA INI */
	.col-xs-4,.col-xs-8 { position:relative;min-height:1px;padding-right:0px;padding-left:0px; margin-left: 0px; margin-right: 0px;}
	.col-xs-3,.col-xs-9 { position:relative;min-height:1px;padding-right:0px;padding-left:0px; margin-left: 0px; margin-right: 0px;}
	.col-sm-3 { padding-left:0; padding-right:0; }
	.panel-static-page{ margin-bottom:20px; background-color:#fff; border-top:1px solid #DBDBDB;border-bottom:0px solid #DBDBDB;border-left:1px solid #DBDBDB;border-right:1px solid #DBDBDB;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
	.panel-border-top { border-top:0px solid #eee; }
	.panel-border-right { border-right:1px solid #eee; }
	.line-bottom { border-bottom:1px solid #E6E6E6; }
	.static-page-header { font-family: 'Helvetica'; }
	.background-body-panel { background: #ffffff; }
	.panel-body{
		padding:0px
	}
	.size-menu-profile { font-size: 19px; }
	
	.menu-alignment, .menu-alignment li{
		display:inline-block;
		margin: 0;
		padding: 0;
		text-align: left;
    }
	.menu-alignment a{
		display:block;
		text-decoration:none;
	}
	.menu-alignment li{
		margin-left:4px;
		margin-right:4px;
	}
	.billing-tebakan-menu-label { display: inline; }
	
	.signin { max-width: 600px; }
}


/* end min */
/** end media query **/
/************************* END CUSTOM V2 ***********************/