/******

Color Table

******/


/***** Details Table ****/
	
	.details {
		background: #ddeff7;
		border-radius: 8px;
		overflow: hidden;
		position: relative;
	}
	
	.details .row {
		margin: 0;
		padding: 15px 25px 15px 100px;
		position: relative;
	}

	.details .row::before {
		content: '';
		width: 75px;
		height: 100%;
		background: #079bdf;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		color: white;
		font-size: 30px!important;
	}
	
	.details .row:nth-child(even)::before {
		background: #1ca7e6;
	}
	
	.details .row:nth-child(even) {
		background: #e9f6fc;
	}
	
	.details h3,
	.details h4 {
		margin: 10px 0;
		font-weight: 700;
		line-height: 27px!important;
	}
	
	.details a {
		color: #333;
		text-decoration: underline;
	}
	
	.details a:hover {
		opacity: 0.7;
	}
	
	.details ul {
		padding-left: 18px;
	}
	
	.details li::before {
		border-color: #079bdf;
	}

	.details ul ul>li::before {
		background: #079bdf;
	}
	
/***** Row Color Swap *****/

	.details .row.orange::before { background: #f58131; }
	.details .row.orange:nth-child(even)::before { background: #fd9d5c; }
	.details .row.orange { background: #f9d8c1; }
	.details .row.orange:nth-child(even) { background: #ffe7d6; }

/***** Pseudo Element Setup *****/
	
	.details .row::before { display: flex; font: normal normal normal 30px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.details .row.alert { border: none!important; }

/***** Icon Insert *****/
	
	.details .row.alert::before { content: '\f06a'; }
	.details .row.alphabet::before { content: '\f15d'; }
	.details .row.building::before { content: '\f1ad'; }
	.details .row.calendar::before { content: '\f073'; }
	.details .row.calendar.checkmark::before { content: '\f274'; }
	.details .row.checkmark::before { content: '\f00c'; }	
	.details .row.child::before { content: "\f1ae"; }
	.details .row.clock::before { content: '\f017'; }
	.details .row.doctor::before { content: "\f0f0"; }
	.details .row.document::before { content: "\f0f6"; }
	.details .row.gear::before { content: '\f013'; }
	.details .row.globe::before { content: "\f0ac"; }
	.details .row.grad.cap::before { content: '\f19d'; }
	.details .row.idea::before { content: "\f0eb"; }
	.details .row.letter::before { content: '\f0e0'; }
	.details .row.license::before { content: '\f2c3'; }
	.details .row.link::before { content: '\f0c1'; }
	.details .row.map.marker::before { content: '\f041'; }
	.details .row.medkit::before { content: "\f0fa"; }
	.details .row.monitor::before { content: "\f108"; }
	.details .row.new.user::before { content: '\f234'; }
	.details .row.phone::before { content: "\f2a0"; }
	.details .row.question::before { content: '\f128'; }
	.details .row.safe::before { content: "\f1cd"; }
	.details .row.search::before { content: '\f002'; }
	.details .row.shield::before { content: "\f132"; }
	.details .row.thermometer::before { content: '\f2c7'; }
	.details .row.user::before { content: '\f007'; }
	.details .row.x::before { content:'\f00d'; }

/***** Media Queries *****/
	
	@media screen and (max-width: 425px) {
		
		.details .row {
			padding: 90px 25px 15px 25px;
		}
		
		.details .row::before {
			width: 100%;
			height: 75px;
		}
		
	}