/*
 * Date: Dec 25, 2017
 * Author: RH
 * File: ckdetails.css
 * Project: ClasskitV2
 * Package:
 * Category:
 * Sub-Category:
 * Description:
 */

.ckdetl {
	clear: both;
	font-family: 'Montserrat','Segoe UI',Arial, Helvetica, sans-serif;
	font-weight:500;
	font-style: normal;
}

.ckdetl > .ckdetl-grp {
	display:table-row;
	clear: both;
	width:100%;
	display:block;
	position: relative;
}

.ckdetl > .ckdetl-grp > .ckdetl-lbl,
.ckdetl > .ckdetl-grp > .ckdetl-lbl2,
.ckdetl > .ckdetl-grp > .ckdetl-lbl3,
.ckdetl > .ckdetl-grp > .ckdetl-txt,
.ckdetl > .ckdetl-grp > .ckdetl-txt2 {
	display:table-cell;
	margin-top:1em;
	vertical-align: text-bottom;
}

.ckdetl > .ckdetl-grp > .ckdetl-title {
	font-size:18px;
	font-weight: bold;
	color:#4C5966;
}

.ckdetl-grp > .ckdetl-lbl,
.ckdetl-grp > .ckdetl-lbl2,
.ckdetl-grp > .ckdetl-lbl3 {
	text-align: right;
	vertical-align: top;
	padding-right:.6em;
	line-height: 34px;
	font-size: 14px;
	color:#888;
	font-weight:400;
}
.ckdetl-grp > .ckdetl-lbl {
	min-width: 160px;
}
.ckdetl-grp > .ckdetl-lbl2 {
	min-width: 120px;
}
.ckdetl-grp > .ckdetl-lbl3 {
	min-width: 80px;
}


.ckdetl .ckdetl-txt {
	font-size: 16px;
	vertical-align: top;
	line-height: 34px;
	color:#333;
}

.ckdetl .ckdetl-txt2 {
	font-size: 18px;
	vertical-align: top;
	line-height: 34px;
	color:#000;
	font-family: 'Segoe UI',Arial, Helvetica, sans-serif;
	font-weight:400;
	font-style: normal;
}

.ckdetl .ck-input-grp {
	display: inline-block;
	border: 1px solid #ccc;
}

.ckdetl .ck-input-grp:hover {
	border: 1px solid #666;
}

.ckdetl > .ckdetl-grp > .ckdetl-frm {
	display: table-cell;
}

.ckdetl .ckdetl-frm > table.ck-input-grp {
	border-collapse: collapse;
}
.ckdetl .ckdetl-frm > table.ck-input-grp td {
	border-collapse: collapse;
	vertical-align: middle;
	line-height: 1.85em;
	padding:0px;
}
.ckdetl .ckdetl-frm > table.ck-input-grp td.ck-input-grp-icon {
	background:#eee;
	color: #777;
	width: 2em;
	text-align: center;
}


.ckdetl .ckdetl-frm > table.ck-input-grp input {
	font-family: 'Segoe UI',Arial, Helvetica, sans-serif;
	font-size:18px;
	border: none;
	max-width: none;
}

@media only screen and (max-width: 768px) {

	.ckdetl,
	.ckdetl > .ckdetl-grp {
		display:block;
		clear:both;
	}

	.ckdetl > .ckdetl-grp > .ckdetl-lbl,
	.ckdetl > .ckdetl-grp > .ckdetl-txt	{
		display:block;
		float:left;
		line-height: 1.5em;
		margin-top:0px;
	}
	
	.ckdetl > .ckdetl-grp > .ckdetl-lbl {
		text-align: left;
	}

}