﻿.icon-section {
	height: 48px;
	width: 48px;
	border-radius: 15px;
	background-color: #F2F3FD;
}

	.icon-section.active {
		background-color: #353c8b;
	}

	.icon-section.complete {
		background-color: #d5f8ef;
		border-radius: 24px;
	}

.fa-thin.fa-pencil {
	color: #8286ed;
	margin-left: 1em;
}

.fa-light.fa-floppy-disk {
	color: #8286ed;
	margin-left: 1em;
}

.fa-check {
	color: #119771;
	font-size: 23px;
	padding: 12.5px;
}

.icon-icon {
	font-size: 23px;
	padding: 12.5px;
	color: #353c8b;
}

	.icon-icon.active {
		color: #ffffff !important;
	}

.icon-title-section {
	margin-bottom: -1.5em;
	margin-top: 2.5em;
}

.col-div-icon {
	width: 60px;
}

.title-class {
	color: #000000;
	font-weight: normal;
	font-size: 16px;
	padding-top: .5em;
}

.details-section {
	border-left: dashed .5px #353c8b;
	margin-left: 1.5em;
}

.details-section-margin-left {
	margin-left: 2.5em
}

.btn-next {
	margin-top: 2.5em;
}

.form-control.review-section-text {
	font-size: 13px;
	color: #42444c;
	margin-left: .5em;
	border: none;
	padding: 0px;
}

.review.details-section .form-label {
	font-size: 13px;
}

.review-titles {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0px;
}

.review.details-section .form-label {
	margin-bottom: 0px !important;
	font-weight: 600;
	margin-top: 1.5em;
}

.details-section .details-section-margin-left hr {
	width: 105%;
	margin-left: -1.2em;
}

@media screen and (max-width: 1400px) {
	.identity-left-side h1 {
		padding-left: 20% !important;
	}

	.request-fundraiser-form {
		padding-left: 20% !important;
	}
}

@media screen and (max-width: 1400px) {
	.identity-left-side h1 {
		padding-left: 10% !important;
	}

	.request-fundraiser-form {
		padding-left: 10% !important;
	}

	.left-request-section {
		width: 80%;
	}
}

@media screen and (max-width: 990px) {
	.left-request-section {
		width: 90%;
	}

	.request--right-side {
		position: fixed !important;
	}

	.col-div-icon {
		padding-left: 0;
		margin-left: 10px;
	}

	.details-section .details-section-margin-left hr {
		width: 103%;
		margin-left: -.5em;
	}
}

@media screen and (max-width:841px) {
	.col-div-title {
		width: 66.66666667% !important;
	}
}

@media screen and (max-width: 769px) {


	.request--right-side {
		position: relative !important;
	}
}

@media screen and (max-width: 550px) {
	.request-col6-row .col-6 {
		width: 100% !important;
	}
}

@media screen and (max-width:412px) {
	.col-div-title {
		width: 66.66666667% !important;
	}
}

@media screen and (max-width: 400px) {
	.identity-left-side h1 {
		padding-left: 5% !important;
	}

	.request-fundraiser-form {
		padding-left: 5% !important;
	}

	.left-request-section {
		width: 100%;
	}
}

@media screen and (max-width:313px) {
	.title-class {
		font-size: 14px !important;
	}
}
