/**** 
overriding existing bootstrap styles 
Kisaran 18-01-2017 
****/

.loginBox{
		width: 340px;
		background-color: #1ea167;
		border-radius: 5px;
		padding: 20px;
		background-image: -webkit-linear-gradient(90deg, #168d59, #1ea167);
		width: 340px;
		color:#fff;
		margin-left: -170px;
		box-shadow: 2px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 0px 2px rgba(0, 0, 0, 0.5);
}

.loginBox .table-form{
	background-color:inherit;
}

.loginBox strong{
	font-size:16px;
	color:#fff;
	text-align:center;
}

.navbar-fixed-top{
	z-index:10;
}
.navbar{
		border-radius:0px;
}

.navbar-inverse{
	background-color:#008C4B;
	
}

.btn-info {
	background-color:#008C4B;
}

.panel-heading{
	border-top-right-radius:0px;
	border-top-left-radius:0px;	
}

.panel-group .panel{
	border-radius:0px;
	
}

.table-bordered > thead > tr > th{
	background-color:#008C4B;
	color:#fff;
	vertical-align:middle;
}

.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 75%;
    padding-top: 8px;
}

.paddingBottom50{
	padding-bottom:50px;	
}

#footer{
	position: fixed;
	color:#fff;
	text-align:center;
	left: 0px;
	bottom: 0px;
	height: 25px;
	width: 100%;
	background-color: #007640;
	z-index: 9999;
	border-top: 1px solid #006A14;
	
}

.loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/*** loading ****/

body.loading {
    overflow: hidden;   
}


body.loading .modal {
    display: block;
}

/* TV */

body.tv{
		font-size:16px;
}	


body.tv .navbar-nav{
	display:none;
}
.tv .container{
	max-width:1400px;
}

.tv h2.title{
	color:#fff;
	margin-top:5px;
}

.tv .carousel{
	/* border:1px solid red; */
	display: block;
	height:auto;	 
}	

/* span float left */
.tv .w10{
	float:left;
	width:10%;
}	

.tv .w20{
	float:left;
	width:20%;
}	

.tv .w30{
	float:left;
	width:30%;
}	

.tv .w40{
	float:left;
	width:40%;
}

.tv .w50{
	float:left;
	width:50%;
}

ul.nTicker {
	list-style-type:none;
	display:block;
	padding:0px;
	margin:0px;
	clear:both;
}	

ul.nTicker li{
	margin-left:0px;
	padding-left:0px;
	clear:both;
}	

.pstyle1{
	background:url(../img/bg_tv_1.png) no-repeat bottom right;
}

.pstyle2{
	background:url(../img/bg2.png) no-repeat bottom right;
}

.pstyle3{
	background:url(../img/bg3.png) no-repeat bottom right;
}

.bgTatib{
	backgroundd:red;
}
	
.NTBawah{
		padding:10px;
		background:#b3f2c8;
}	

/***** AC ****/
#camArea{
	display:none;
}

.notif {

    display: block;
    background-color: red;
    border: 1px solid red;
    color: white;
    font: 12px/13px Verdana;
    min-height: 16px;
    max-height: 20px;
    min-width: 12px;
    max-height: 16px;
    padding: 2px 3px 0 3px;
    text-align: center;
    position: absolute;
    border-radius: 19%;
    z-index: 999;
    right: 10px;
    top: 10px;
    animation: mendal 1s infinite;
    -webkit-animation: mendal 1s infinite;
    -moz-animation: mendal 1s infinite;
    -o-animation: mendal 1s infinite;

}

.promo {
  position: absolute; /* Sit on top of the page content */
  display: none; /* Hidden by default */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin:0px 15px;
  background: white; /* Black background with opacity */
  z-index: 200; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.promo img{
	position:absolute;
}

.promo .active{
        z-index:99;
    }