/* UI styles */



.st-filter-row input {

	min-width: 50px;

}

.st-btn {

	cursor: pointer;

	display: inline-block;

	vertical-align: middle;

	text-align: center;

	padding-top: 7px;

	border: 1px solid gray;

	margin-right: 2px;

	width: 20px;

	height: 20px;

	box-sizing: border-box;

	overflow: hidden;

}

.st-btn.active {

	border: 1px solid #41ff58;

}

.st-btn.st-sort-asc > span {

	display: inline-block;

	vertical-align: top;

	width: 0;

	height: 0;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	border-top: 5px solid darkgray;

}

.st-btn.st-sort-desc > span {

	display: inline-block;

	vertical-align: top;

	width: 0;

	height: 0;

	border-left: 5px solid transparent;

	border-right: 5px solid transparent;

	border-bottom: 5px solid darkgray;

}

.st-btn.st-close {

	color: darkgray;

	padding-top: 0;

}

.st-nav-bar {

	width:1200px;
    padding-top:40px;
	padding-bottom:40px;

	padding-left:540px;

}

.st-nav-link {

	display: inline-block;

	vertical-align: middle;

	cursor: pointer;

	width: 36px;

	height: 36px;

	text-align: center;

	border: 1px solid #cccccc;

	color: #8b8b8b;

	margin-left: 3px;

	   line-height: 36px;

    font-size: 15px;

	margin-top:30px;

	margin-bottom:30px;

	

}

.st-nav-link:hover

{

		border: 1px solid #ccc;

	    background: #2196f3;

    color: #fff;

	white-space: nowrap;

    display: inline-block;

    height: 36px;

    width: 36px;

    line-height: 36px;

    font-size: 15px;

    border-left: 1px solid #e7e8e9;

    font-family: arial;

    color: #ffffff;

	margin-top:30px;

	

	}

.st-nav-link.active {

	border: 1px solid #ccc;

	    background: #2196f3;

    color: #fff;

	white-space: nowrap;

    display: inline-block;

    height: 36px;

    width: 36px;

    line-height: 36px;

    font-size: 15px;

    border-left: 1px solid #e7e8e9;

    font-family: arial;

    color: #ffffff;

	

}

.zebra-odd-bg {

	background: #eee;

}

/* System styles, don't touch */

.st-hide, .st-hide-col {display: none;}