.panel-green {
    border-color: #5cb85c;
}
.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}


.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}


.panel-red {
    border-color: #d9534f;
}
.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.huge {
    font-size: 40px;
}


ul.dropdown-cart{
    min-width:250px;
}
ul.dropdown-cart li .item{
    display:block;
    padding:3px 10px;
    margin: 3px 0;
}
ul.dropdown-cart li .item:hover{
    background-color:#f3f3f3;
}
ul.dropdown-cart li .item:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

ul.dropdown-cart li .item-left{
    float:left;
}
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info{
    float:left;
}
ul.dropdown-cart li .item-left span.item-info{
    margin-left:10px;   
}
ul.dropdown-cart li .item-left span.item-info span{
    display:block;
}
ul.dropdown-cart li .item-right{
    float:right;
}
ul.dropdown-cart li .item-right button{
    margin-top:14px;
}

.dropdown-menu {
    width: 200px !important;
}

.modal-dialog {
    /* new custom width */
    width: 80%;
}

.detail-kategori {
	color:grey;
	}
	
.detail-judul{
	color:black;
	}
	
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff; }

.login {
	margin-bottom:5px;
}

.cari {
	float:right;
	width:100%;
	padding:5px 5px 5px 5px;
	margin: 5px 0px 5px 20px;
	position:relative;
	background:#e3e3e3;
}

.row-right {
	padding-right:40px;
	padding-left:40px;
	}
	
.row-img {
	width:100%;
	height:60px;
	}
	
.footer {
	background:#0B243B;
	color:white;
	}

.date {
	color:grey;
	}
	
.price {
	color: red;
	font-size: 24px;
	margin-top: -12px;
	}
	
.daftar {
	list-style-type:none;
	font-size:12px;
	margin-left: -40px;

} 

.daftar a{
	color:white;
	text-decoration: none;
}

.daftar a:hover{
	color:#1AD3FF;
	text-decoration: none;
}

.daftar i{
	background-color: white;
	width: 20px;
	color: #0B243B;
	padding: 5px;
	margin: 2px;
	border-radius: 2px;
}

.icart {
    display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: grey;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border:1px solid grey;
	border-radius: 5px;

}

.bold{
	font-weight:bold;
}

.clearfix {
	margin:15px;
}

.table-ticket {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
	display: table;
    border-collapse: separate;
    border-spacing: 4px;
}

.list-group .list-group-item {
	border-radius: 0px;
	background-color: #f8f8f8;
	border: 1px solid #f8f8f8;
}




.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: white;
    background-color: grey;
}

.list-group .list-group-item:hover {
    background-color: grey;
    color: white;
}




@media only screen and (min-width: 1240px) {

.container {
	width: 1100px;
}


@media only screen and (min-width: 1200px) {

.container {
	width: 980px;
}

.list-group .list-group-item {
	height: 70px;
	padding-top: 25px;
	padding-left: 50px;
}
}