/*
 * Date: Feb 2, 2019
 * Author: RH
 * File: kits.css
 * Project: ClasskitV2
 * Package:
 * Category:
 * Sub-Category:
 * Description:
 */

#pnlAvailKits {
	margin-top:-30px;
	margin-left:100px;
}

#ckKitTbl {
	border-spacing: 0px;
	border-collapse: collapse;
	font-size:16px;
	font-family: 'Muli';
	margin-top:20px;
}

#ckKitTbl a:link,
#ckKitTbl a:visited{
	color:#333;
	text-decoration: none;
}
#ckKitTbl td:hover > a {
	text-decoration: underline;
}

#ckKitTbl th,
#ckKitTbl td {

	border-bottom: 1px solid #ddd;
	padding:6px;
	font-weight:normal;
}
#ckKitTbl th {
	vertical-align: bottom;
}

#ckKitTbl th.ckshop-kitTyp {
	font-weight:bold;
	font-size:18px;
	text-align: left;
}

#ckKitTbl td.ckshop-td-btns {
	width:90px;
	text-align: center;
}

#ckKitTbl .ckshop-td-price {
	width:100px;
	text-align: right;
	padding-right:10px;
}

#ckKitTbl button.ckshop-tbl-btn,
#ckKitTbl button.ckshop-tbl-btnInfo,
#ckKitTbl button.ckshop-tbl-btnDel{
	display: inline-block;
	padding:1px 4px;
	margin:0;
	cursor:pointer;
}

#ckKitTbl button.ckshop-tbl-btn {
	background-color: #ffffff;
	border: 1px solid #336699;
	color:#336699;
}

#ckKitTbl button.ckshop-tbl-btnDel {
	background-color: #ffffff;
	border: 1px solid #990000;
	color:#990000;
	padding:1px 6px;
}

#ckKitTbl button.ckshop-tbl-btnInfo {
	background-color: #5DADE2;
	border: 1px solid #5DADE2;
	color:#fff;
}

button.ckshop-tbl-btnInfo > i.fa {
	width:1.2em;
}

.ckshop-note1 {
	margin-top:1em;
	font-size:12px;
	font-style: italic;
	color:#666;
}

.ckTermInfo {
	margin-left: 60px;
	float:left;
}

@media only screen and (max-width: 768px) {
	#pnlAvailKits {
		margin-top:20px;
		margin-left:0px;
	}

	.ckTermInfo {
		margin-top:20px;
		margin-left:0px;
		max-width: 300px;
	}
}