@CHARSET "UTF-8";

.active{
  background-color: hsl(201, 100%, 30%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00a5ff", endColorstr="#006399");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#00a5ff), to(#006399));
  background-image: -moz-linear-gradient(top, #00a5ff, #006399);
  background-image: -ms-linear-gradient(top, #00a5ff, #006399);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00a5ff), color-stop(100%, #006399));
  background-image: -webkit-linear-gradient(top, #00a5ff, #006399);
  background-image: -o-linear-gradient(top, #00a5ff, #006399);
  background-image: linear-gradient(#00a5ff, #006399);
  border-color: #006399 #006399 hsl(201, 100%, 25%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
  -webkit-font-smoothing: antialiased;
}

.vSelectedRow{
	background: rgb(204,199,240) !important;
}

.handCursor{
	cursor: pointer;
}

.dropdown-menu{
	width: auto !important;
	overflow: auto !important;
} 

.hidden{
	display: none !important;
}

.row{
	margin-bottom: 5px !important;	
}
.sortorder:after {
	content: '\25b2';
}
.sortorder.reverse:after {
	content: '\25bc';
}

.filled{
	width: 100%;	
}

.flag{
	width: 40%;	
}

.notes{
	width: 40%;	
}

.ruleRow{
	width: 90%;
	margin: 0 auto;
	padding: 5px;
	border: 1px solid #888;
	border-radius: 5px;
	margin-bottom: 5px;
}

.ruleRow:nth-child(odd){
	background: #fff;
}

.ruleRow:nth-child(even){
	background: #ccc;
}

.btn-round{
	border-radius: 20px;
}