/*
Module Name: main_oc (Main CSS)
Author: Jushua F. Fata-ek
Author URL: http://prosoft-phils.com/
*/
/***********************************
universal
***********************************/
	fieldset {
		border-radius: 5px;
		border: 1px solid #707070;
		padding: 0 12px 12px 12px;
	}

	fieldset legend {
		font: 12px/16px Red Hat Display Regular;
		color: #000000;
		text-transform: uppercase;
		width: auto;
	}

	input[type='radio'][disabled] ~ span,
	input[type='radio'][disabled] ~ span:hover {
		background-color: #cccccc;
		cursor: default !important;
	}

	input[type='radio'][disabled] {
		cursor: default !important;
	}

	.d-none {
		display: none !important;
	}

	.pr-0 {
		padding-right: 0;
	}

	.date-picker-trigger {
		color: #00B1B1;
		margin-right: 11px;
	}

	.border-red {
		border: 1px solid red !important;
	}

	.error {
		color: red !important;
		text-transform: lowercase;
		text-transform: capitalize;
	}

	.mb-13 {
		margin-bottom: 13px;
	}

	.disable-screen {
		width: 100vw;
		min-height: 100vh;
		object-fit: cover;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1000;
		background-color: rgba(0,0,0,0.5);
		font: 20px/20px Red Hat Display Regular;
		color: white;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.pointer:hover {
		cursor: pointer;
	}
/***********************************
header
***********************************/
	.header-oc {
		margin-top: 24px;
		margin-bottom: 36px;
	}

	.header-oc .col-lg-4 {
		padding-left: 0;
		padding-right: 0;
	}

	.header-oc .logo {
		height: 68px;
		width: 166px;
	}

	.header-oc label {
		margin-bottom: 0;
	}

	.header-oc label:first-child {
		font: 30px/41px Nunito Sans BoldItalic;
		color: #00B1B1;
	}

	.header-oc label.sub {
		font: 20px/27px Nunito Sans Italic;
		color: #000000;
	}

	.faq-con {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}

	.header-oc .faq-modal {
		text-decoration: underline;
		font: 18px/23px Red Hat Display Italic;
		color: #00B1B1;
		text-transform: uppercase;
		background-color: inherit;
	}

	.header-oc span {
		font: 16px/16px Nunito Sans BoldItalic;
		color: #000000;
	}

/***********************************
upper options
***********************************/
	.options a {
		text-transform: uppercase;
		font: 20px/20px Red Hat Display Regular;
		margin-bottom: 24px;
		display: block;
		padding: 0 60px;
	}

	.option-1-step-1,
	.option-2-step-1 {
		margin-bottom: 100px;
	}

	.you_have {
		font: 20px/20px Red Hat Display Regular;
		color: #000000;
	}

	.option-con {
		padding: 0 60px 0 60px;
		display: flex;
		justify-content: space-between;
		margin-top: 17px;
		margin-bottom: 46px;
	}

	.option-con .option {
		border: 1px solid #707070;
		border-radius: 15px;
		background: #F5F5F5 0% 0% no-repeat padding-box;
		width: 100%;
		color: #767676;
		display: flex;
		padding: 17px;
		cursor: pointer;
	}

	.option.active {
		border: 1px solid #00B1B1;
		background-color: white;
		color: #00B1B1;
	}

	.option-1 {
		margin-right:7px;
	}

	.option-2 {
		margin-left:7px;
	}

	.option div {
		display: flex;
		flex-direction: column;
	}

	.option .count {
		font: 57px/51px Red Hat Display Bold;
		margin-right: 22px;
	}

	.option div label {
		font: 20px/26px Red Hat Display Bold;
	}

	.option div span {
		font: 16px/21px Red Hat Display Italic;
	}

/***********************************
steps
***********************************/
	.simple-steps {
		font: 16px/14px Red Hat Display Bold;
		color: #000000;
		text-transform: capitalize;
	}

	.step-con {
		display: flex;
		justify-content: center;
		text-align: center;
		margin-top: 13px;
		margin-bottom: 42px;
	}

	.step-con .step {
		width: 115px;
		border-bottom: 5px solid #C9C9C9;
		font: 12px/14px Red Hat Display Regular;
		color: #9A9A9A;
		text-transform: capitalize;
		padding: 0 25px 5px 25px;
		margin: 0 6px 0 6px;
	}

	.step-con .step.active {
		border-bottom: 5px solid #00B1B1;
		color: black;
	}

/***********************************
step-1
***********************************/
	#frm-help-request .date {
		display: flex;
		justify-content: center;
		position: relative;
	}

		.dob-calendar-icon {
			position: absolute;
		    right: 25px;
		    top: 25%;
		    transform: translateY(-50%);
		    z-index: 1;
		}

		.dob-date-picker {
			opacity: 0;
			z-index: -1;
			position: absolute;
		}

		.dob-date-picker-error-msg,
		.dob-date-picker-error-msg0 {
			color: red;
		}

	.fieldset-con {
		width: 100%;
		padding: 0 24% 0 24%;
		font: 16px/21px Red Hat Display Regular;
	}

	fieldset .radio-con-flex{
		display: flex;
		margin-bottom: 0;
	}

	fieldset .radio-con-flex .radio_con {
		margin: 3px 13px 0 0;
	}

	fieldset input[type="text"],
	fieldset input[type="password"]
	 {
		width: 100%;
		border: none;
	}

	fieldset input[type="text"]::placeholder {
		font: 16px/21px Red Hat Display Italic;
		color: #C1C1C1;
	}

	#togglePassword{
		position: absolute;
	    margin-left: -25px;
	    margin-top: 3px;
		cursor: pointer;
	}

/***********************************
next
***********************************/
	.sched-call-con,
	.next-con {
		margin-top: 20px;
		margin-bottom: 100px;
	}

	.sched-call-con button,
	.next-con button,
	.done-con button {
		text-align: center;
		background-color: #00B1B1;
		box-shadow: 0px 3px 6px #00000062;
		border-radius: 63px;
		font: 20px/20px Nunito Sans Bold;
		text-transform: uppercase;
		padding: 11px 23px;
		margin-right: 10px;
	}

	.next-con span {
		font: 14px/14px Red Hat Display Italic;
		text-transform: capitalize;
	}