.title{
	color: #124b8d;
}
.tnc{
	color: #808080;
}
.top-container .top-title{
	color: #0078b6;
	font-weight: bold;
	line-height: 1.5;
}
.top-container .sub-title{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
}
.top-container .content-title-container{
	border-radius: 25px;
	background: #a7c638;
}
.top-container .content-title{
	color: #ffffff;
	font-weight: bold;
}
.top-container .top-content{
	font-size: 14px;
}
.top-container .top-content .header{
	color: #0078b6;
	font-size: 16px;
	font-weight: bold;
}
.top-container .top-special-content{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border: #a7c638 2px solid;
	border-radius: 25px;
	background: #ffffff;
	color: #0078b6;
	margin-top: -45px;
}

.top-content-container{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.enrollment_banner{
	max-width: 100%;
}

.top-content-container{
	margin-top: 0px;
}

.top-icon-2{
	text-align: right;
}

.top-icon-mobile img{
	width: 100%;
}

.text-box .fa {
    left: auto;
    right: 25px;
}

.text-box .fa-date {
    content: url(../images/apply/date-ico.png);
    border: 0;
    margin-top: 5px;
    margin-left: 0;
    position: absolute;
}

.text-box {
    display: inline-block;
    width: 100%;
}
.text-box input {
    height: 38px;
    border-radius: 5px;
    text-indent: 10px;
    outline: 0;
    outline: none;
    background: #ffffff;
	border: #ced4da 1px solid;
    width: 100%;
}
.dropdown-toggle::after,
.dropup .dropdown-toggle::after {
	content: url('../images/arrow.png');
	border: 0;
	margin-top: -5px !important;
	margin-left: 0;
	right: 35px;
	position: absolute;
}

.btn-light.dropdown-toggle,
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle{
	background-color: #ffffff;
	border-color: #ced4da;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label{
	color: #000000;
}
.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid{
	border-color: #ced4da;
}

.custom-control-input.is-valid~.custom-control-label::before, .was-validated .custom-control-input:valid~.custom-control-label::before {
    background-color: #dee2e6;
}

.contact_form_title{color: #0078b6; font-weight:bold; }
.contact_form_title span{display:inline-block; border-bottom:3px solid #cadd4e; padding-bottom:8px;}

.top-container{
	background: #ffffff;
}
.enrollment-container{background: #f7f7f7; width: 100%;}

.form-frame{background: #f7f7f7;}
.form-footer{background: #ffffff;}

.selectpicker {
  background: #fff url('../images/arrow.png') no-repeat right .75rem center !important;
}
.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before{background-color: #1f3a93;}
.custom-checkbox .custom-control-label::before{border-radius: 0px;}

.error-hide{display:none;}
.error{color: red; font-size:12px;}

.inner-form-container{margin-top: 30px;}

textarea {
  resize: none;
}

.tnc-container{background: #f7f7f7;}


/*checkbox*/
/* The customcheck */
.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.customcheck-2{font-size: 12px;}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ffffff;
    border-radius: 0px;
	border: 2px solid #d1d2d3;
}

.customcheck-2 .checkmark {
    height: 18px;
    width: 18px;
}

.customcheck input:checked ~ .checkmark {
    background-color: #ffffff;
	border: 2px solid #d1d2d3;
    border-radius: 0px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.customcheck input:checked ~ .checkmark:after {
    display: block;
}
.customcheck .checkmark:after {
	left: 7px;
    top: 1px;
    width: 8px;
    height: 18px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark-2:after {
    content: "";
    position: absolute;
    display: none;
}
.customcheck-2 input:checked ~ .checkmark-2:after {
    display: block;
}
.customcheck-2 .checkmark-2:after {
	left: 4px;
    top: 0px;
    width: 7px;
    height: 12px;
    border: solid #000000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custom-control-label::before, .custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  border: 2px solid #d1d2d3;
  background-color: #ffffff;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  color: #000000;
  border: 2px solid #d1d2d3;
  background-color: #000000;
}

.custom-control-inline{
	margin-right: 0px;
}

/*submit button*/
.submit-btn { 
  color: #FFFFFF; 
  background-color: #124b8d; 
  border-color: #124b8d; 
  border-radius: 25px;
  width: 250px;
  font-weight: bold;
  font-size: 30px;
} 
 
.submit-btn:hover, 
.submit-btn:focus, 
.submit-btn:active, 
.submit-btn.active, 
.open .dropdown-toggle.submit-btn { 
  color: #FFFFFF; 
  background-color: #124b8d; 
  border-color: #124b8d; 
} 
 
.submit-btn:active, 
.submit-btn.active, 
.open .dropdown-toggle.submit-btn { 
  background-image: none; 
} 
 
.submit-btn.disabled, 
.submit-btn[disabled], 
fieldset[disabled] .submit-btn, 
.submit-btn.disabled:hover, 
.submit-btn[disabled]:hover, 
fieldset[disabled] .submit-btn:hover, 
.submit-btn.disabled:focus, 
.submit-btn[disabled]:focus, 
fieldset[disabled] .submit-btn:focus, 
.submit-btn.disabled:active, 
.submit-btn[disabled]:active, 
fieldset[disabled] .submit-btn:active, 
.submit-btn.disabled.active, 
.submit-btn[disabled].active, 
fieldset[disabled] .submit-btn.active { 
  background-color: #124b8d; 
  border-color: #124b8d; 
} 
 
.submit-btn .badge { 
  color: #ffffff; 
  background-color: #124b8d; 
}

.modal-header{
	border-bottom: 0px;
	padding-bottom: 0px;
}

.modal-dialog {
    min-height: calc(100vh - 192px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media(max-width: 768px) {
	h2.title{
		font-size: 24px;
	}
	h5.title{
		font-size: 18px;
	}
	.modal-dialog {
		min-height: calc(100vh - 20px);
	}
	.submit-btn { 
		width: 280px;
		font-size: 18px;
	} 
	.top-content-container{
		margin-top: -240px;
	}
	.top-container .top-title{
		font-size: 18px;
	}
	.top-icon-2{
		text-align: center;
	}
	.top-container .top-special-content{
		margin-top: 15px;
		width: 300px;
		font-size: 16px;
	}
	.top-container .sub-title{
		font-size: 13px;
	}
	.top-content-container{
		padding-left: 15px;
		padding-right: 15px;
	}
	.inner-form-container{
		margin-top: 15px;
	}
}