.clickable{
	cursor: pointer;
}
.ticketinfo{
	padding: 5px 15px;
}
.list li a i{
	font-size:35px;
	color:#888;
}
a{
	text-decoration:none;
}
.list{
	padding:30px 0;
	padding-bottom:10px!important;
}
.articals h4 a{
	font-size:16px;
	font-weight:600;
}
.searchform input{
	background:#fff;
}
.well{
	background:#eee;
}
.searchform{
	width:100%;
	
}
.wi_row{
	width: 100%;
    display: inline-block;
    margin: 0 -15px;
}

.ticket-form .form-control{
	max-width:100%;
}

.searchform.input-group input.form-control{
	height: 40px;
    max-width: 100%;
}

.searchform .input-group-btn{
	height: 40px;
}

.searchform .input-group-btn .btn{
	margin-left:0;
}
.paddingtp{
	padding-top:20px;
}
.nav-ticket{
	background:#eee;
	padding:10px;
	margin-bottom:20px;
}
.list li{
	padding: 15px;
    border: 1px solid #ddd;
    border-radius: 5px;
    width: 165px;
	margin-right:10px;
	box-shadow:1px 1px 5px 1px #eee;
	background:#fff;
}
.btn-search{
	background:#fff;
}
.list li:hover{
	box-shadow:1px 0 15px 2px #eee;
}
.knowledgebasecat{
	border:1px solid #ddd;
	border-radius:5px;
}
.knowledgebasecat h5{
	padding:10px;
	font-size:15px;
	text-transform:uppercase;
	background:#eee;
	margin:0;
}
.knowledgebasecat .list-group a{
	border:none;
	font-size:13px;
}
.knowledgebasecat .list-group{
	margin:0;
}
.knowledgebasecat .list-group a:hover{
	background:none;
}
.viewmore{
	margin:0 auto;
}
#button-tsearch{
	width: 100%;
    margin-bottom: 20px;
}

.list li a{
	font-size:13px;
	color:#2f2f2f;
}
.ticketinfo:nth-child(even){
	background-color: #f1f1f1;
}
.white-popup-block{
	padding: 15px;
	background-color: #fff;
	width: 450px;
	margin:0 auto;
	position: relative;
}
.sysreview .rating {
  border: none;
  float: left;
}

.sysreview .rating > input { display: none; } 
.sysreview .rating > div:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

.sysreview .rating > .half:before { 
  content: "\f089";
  position: absolute;
}

.sysreview .rating > div { 
  color: #ddd; 
 float: right; 
}
.btn-block{
	margin-bottom:20px;
}
.table thead{
	background:#eee;
}
@media(max-width:767px){
	.list li{
		width:auto;
	}
	.white-popup-block{
		width:auto;
	}
}

/***** CSS Magic to Highlight Stars on Hover *****/

.sysreview .rating > input:checked ~ div, /* show gold star when clicked */
.sysreview .rating:not(:checked) > div:hover, /* hover current star */
.sysreview .rating:not(:checked) > div:hover ~ div { color: #FFD700;  } /* hover previous stars in list */

.sysreview .rating > input:checked + div:hover, /* hover current star when changing rating */
.sysreview .rating > input:checked ~ div:hover,
.sysreview .rating > div:hover ~ input:checked ~ div, /* lighten current selection */
.sysreview .rating > input:checked ~ div:hover ~ div { color: #FFED85;  }