@CHARSET "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300;400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;700&display=swap');

html,
body {
	height: 100%;
}

body {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url("/templates/login/images/background.png");
	background-size: cover;

	font-family: Work Sans;
	font-style: normal;
	font-weight: normal;
}

p {
	margin: 0;
	padding: 0;
}

label {
	font-size: 13px;
	line-height: 15px;
	letter-spacing: -0.02em;
	margin: 0;

	color: #41BAE5;
}

a {
	color: #3A3838;;
	text-decoration: underline;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
	box-shadow: inset 0 -1px 0 #ddd;
}

#sign-in-content {
	width: 830px;
	padding: 10px 30px;

	background: #FFFFFF;
	box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	margin: auto;
}

.logo {
	width: 137px;
	height: 56px;
	background-image: url(../images/logo.png);
	float: left;
}

.nav-item a {
	font-family: 'Baloo 2';
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 44px;
	letter-spacing: -0.02em;
	color: #2560BF;
	text-decoration: none;
}

.nav-item a.active {
	color: #41BAE5 !important;
}

.large-text {
	font-family: 'Baloo 2';
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -0.02em;
	font-weight: 700;

	color: #41BAE5;
	margin-bottom: 7px;
}

.body-text-small {
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.02em;

	color: #665757;
}

.body-text-small.blue {
	color: #41BAE5;
	font-size: 18px;
	line-height: 21px;
}

.body-text-small.create {
	height: 35px;
}

.sign-in i {
	color: #41BAE5;
}

.icon-input {
	border-bottom: 2px solid #41BAE5;
	margin-top: -7px;
}

.icon-input img {
	display: inline-block;
}

.icon-input .form-control {
	margin-left: 11px;
	width: 300px;
	display: inline-block;
	height: 41px;
}

.form-control {
	font-size: 18px;
	line-height: 21px;
	letter-spacing: -0.02em;
	border-radius: 0;
	margin: 0;
	padding: 0;

	color: #665757;
	border: none;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.password {
	color: #DC3545;
}

small.password {
	font-size: 13px;
	line-height: 15px;
	letter-spacing: -0.02em;
}

.custom-control-label {
	font-weight: 300;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: -0.02em;

	color: #665757;
}

.btn-back {
	background: #FFFFFF;
	border: 1px solid #BFBFBF;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	height: 48px;

	font-weight: bold;
	font-size: 18px;
	line-height: 18px;

	text-align: center;
	letter-spacing: -0.02em;

	color: #BFBFBF;
}

.btn-back:hover {
	color: #BFBFBF;
}

.btn-back .btn-icon {
	color: #BFBFBF;
	position: absolute;
	left: 25px;
}


.btn-next {
	background: #2560BF;
	border: 1px solid #2560BF;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	height: 48px;

	font-weight: bold;
	font-size: 18px;
	line-height: 18px;

	text-align: center;
	letter-spacing: -0.02em;

	color: #FFFFFF;
}

.btn-next:hover {
	color: #FFFFFF;
}

.btn-next .btn-icon {
	color: #FFFFFF;
	position: absolute;
	right: 25px;
}

.scrolling-text {
	margin: 35px auto;
	padding: 0 100px 0 100px;
	width: 790px;
	height: 263px;
	left: 437px;
	top: 371px;

	overflow-y: auto;
}

#info-panel {
	background: rgba(41, 233, 152, 0.1);
	border-radius: 5px;
	padding: 8px;
	float: left;
	width: 193px;
	margin: 10px 0 0 45px;
}

.check {
	margin: 5px 10px 0 0;
	width: 16px;
	height: 12px;
	background-image: url(../images/check.png);
	float: left;
}

#progress {
	float: right;
	margin-top: 10px;
}

.icon-input img {
	display: inline-block;
}

.icon-input i {
	float: left;
	margin-top: 13px;
	color: #C4C4C4;
}

.icon-input.content i,
.fa-check-circle {
	color: #41BAE5;
}

.icon-input.file {
	width: 255px;
	margin-right: 10px;
	float: left;
}

.icon-input.file .form-control {
	width: 230px;
}

.form-control:disabled, .form-control[readonly] {
	background-color: #ffffff;
	opacity: 1;
}

.icon-input.colour {
	width: 89%;
	margin-right: 10px;
	float: left;
}

.form-control.colour {
	width: 30px;
	height: 30px;
	border: 1px solid #D2D2D2;
	border-radius: 3px;
	float: left;
}

select.form-control {
	border: 1px solid #989898;
	box-sizing: border-box;
	border-radius: 5px;
}

.rectangle-info {
	background: #F5F5F5;
	border-radius: 5px;
	width: 100%;
	padding: 10px;
	margin-top: 15px;
	font-size: 14px;
	line-height: 16px;
	letter-spacing: -0.02em;

	color: #665757;
}

.rectangle-info i {
	padding: 5px;
}

.btn-browse {
	width: 105px;
	height: 34px;
	background: #ffffff;
	border: 1px solid #41BAE5;
	border-radius: 5px;
	color: #41BAE5;
	float: left;
}

.k-upload {
	display: none;
}

.plan {
	background: #F5F5F5;
	border-radius: 5px;
	padding: 10px;
	height: 225px;
	cursor: pointer;
}

.plan .selected-plan {
	width: 86px;
	height: 21px;
	background: #E21BD1;
	border-radius: 15px;
	color: white;
	position: absolute;
	top: -7px;
	right: 5px;
	display: none;
	font-weight: 800;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.02em;
	padding: 4px;
	text-align: center;
}

.plan h2,
.plan h4 {
	color: #41BAE5;
	font-family: 'Baloo 2';
}

.plan.selected {
	background: #FFFFFF;
	border: 4px solid #E21BD1;
	box-sizing: border-box;
	border-radius: 5px;
}

.plan.selected .selected-plan {
	display: block;
}

.plan i {
	color: #E21BD1;
}

#church-plan {
	color: #665757;
}