
/*----- VQode -----*/

/*----- Body Style Start ----- */

body
{
	margin: 0px;
	font-family: "Fira Sans", "Fira Sans Book", "Fira Sans Eight", "Fira Sans ExtraBold", "Fira Sans ExtraLight", "Fira Sans Four", "Fira Sans Hair", "Fira Sans Heavy", "Fira Sans Light", "Fira Sans Medium", "Fira Sans SemiBold", "Fira Sans Thin", "Fira Sans Two", "Fira Sans Ultra", "Fira Sans UltraLight" !important;
	background-color: white;
	color: #4e5258 !important;
}

/*----- Body Style End ----- */



/*----- Heading Style Start ----- */

h1
{
	font-size: 70px !important;
	color: white;
	font-weight: bolder;
}

h1 span
{
	color: #0c497b;
}

h2
{
	font-size: 25px !important;
	color: #1a2531;
	text-transform: unset;
	font-weight: bold !important;
	padding-top: 0px !important;
    margin: 0px;
    padding-bottom: 50px;
}

h3
{
	font-size: 25px !important;
	color: #3653b1;
	text-transform: unset;
	font-weight: bold !important;
	padding-top: 20px;
    padding-left: 13px;
    padding-bottom: 20px;
}

h4
{
	font-size: 22px !important;
    color: #268e73;
    text-transform: unset;
    font-weight: bold !important;
    display: inline-block;
    position: relative;
    top: 14px;
    left: 20px;
}

h5
{
	font-size: 15px !important;
	color: #0c497b;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal !important;
	padding: 20px 0 0 0;
}

h6
{
	font-size: 12px !important;
	color: #0c497b;
	border-right: 1px solid #0c497b;
}

p
{
	font-size: 18px;
	color: #7185ba;
	text-align: justify;
}

a
{
	color: white;
}

/*----- Heading Style End ----- */


/*----- Flex CSS Start ----- */
.d-flex
{
	display: flex;
}
.j-content-end
{
	justify-content: flex-end;
}
/*----- Flex CSS End ----- */


/*----- Web Colors Start ----- */

.blueColor
{
	color: #0c497b;
}

.white
{
	background-color: white !important;
}
.lightGrey
{
	background-color: #e9ecef;
}

/*----- Web Colors End ----- */


/*-----Sign In Page Css Start ----- */
body > .signInBackground
{
	width: 100%;
	background-color: #e9ecef;
	height: 100vh;

}
.signIn-logo
{
	margin-bottom: 38px;
}
.main-verify-identity
{
	margin: 8.3% auto 0;
	text-align: center;
	width: 42.736%;
}
.signIn-box
{
	padding: 49px 50px 37px;
}
.main-box-layout
{
	display: inline-block;
	width: 100%;
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 9px 10px 0 rgba(0, 0, 0, 0.02);
	position: relative;
	margin-bottom: 19%;
}
.alignLeft
{
	text-align: left !important;
}
.form-control
{
	height: 50px !important;
	border-radius: 2px !important;
	box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.08) !important;
	border: solid 1px #dbdbdf !important;
	margin-bottom: 25px;
}
a.forgot-pass
{
	text-align: center;
	line-height: 45px;
}
.signIn-btn, .googleBtn, .linkedBtn
{
	border-radius: 100px;
	line-height: 45px;
	border: none;
	font-size: 16px;
	padding: 0 50.717px;
	width: 100%;
	margin-bottom: 20px;
}
.signIn-btn
{
	background-color: #03a0e7;
	color: #ffffff;
}
.signInHeading
p
{
	font-size: 16px;
	color: #47506c;
	padding: 18px 0px 10px 0px;
	text-align: center;
	margin: 0;
	padding: 0;
}
.googleBtn
{
	background-color: unset !important;
	border: 1px solid #dd4a39;
	color: #dd4a39;
	margin: 25px 0 0 0;
}
.linkedBtn
{
	background-color: unset !important;
	border: 1px solid #0172b1;
	color: #0172b1;
	margin: 25px 0 0 0;
}
/*-----Sign In Page Css End ----- */



/*-----Forgot Password Page Css Start ----- */
.forgotPassword
p
{
	font-size: 15px;
	color: #909090;
	line-height: 30px;
	padding: 0 !important;
	text-align: justify;
}
/*-----Forgot Password Page Css End ----- */


/*-----Basic Information Page Css Start ----- */
.navbar-expand-lg .navbar-nav .nav-link
{
	padding-right: 2em !important;
	padding-left: 2em !important; 
}
.navbar-light .navbar-nav .nav-link:hover
{
	color: #3d5dc5 !important;
}
.navbar-light .navbar-nav .nav-link
{
	color: #47506c !important;
	font-size: 16px !important;
}
.navbar
{
	padding: .5rem 0rem !important;
	border-bottom: 1px solid #e0e3ec;
}
.headerLogo
{
	margin: 0 0 0 15px;
}
.adjust
{
	left: -20px !important;
}
.left-menu
{
	width: 100%;
}




.billing__main__content__step {
	 border-radius: 3px;
	 padding: 0px 35px;
}
 .billing__main__content__step ul {
	 padding: 0;
	 margin: 0;
}
 .billing__main__content__step ul li {
	 list-style-type: none;
	 color: #a1a7b1;
	 font-size: 16px;
	 line-height: 22px;
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
	 height: 64px;
	 width: 100%;
	 cursor: pointer;
}
 .billing__main__content__step ul li a {
	 display: flex;
	 align-items: center;
}
 .billing__main__content__step ul li a span {
	 margin-right: 12px;
	 position: relative;
	 width: 40px;
	 height: 40px;
	 border-radius: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .billing__main__content__step ul li a span i {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 float: left;
	 background-color: #d8e0ea;
	 color: white;
	 font-size: 14px;
	 line-height: 14px;
	 text-align: center;
	 width: 32px;
	 height: 32px;
	 border-radius: 100%;
}
 .billing__main__content__step ul li a span:before {
	 content: '';
	 width: 2px;
	 height: 16px;
	 background-color: #d8e0ea;
	 position: absolute;
	 top: -12px;
	 left: 19px;
}
 .billing__main__content__step ul li a span:after {
	 content: '';
	 width: 2px;
	 height: 16px;
	 background-color: #d8e0ea;
	 position: absolute;
	 bottom: -12px;
	 left: 19px;
}
 .billing__main__content__step ul li a p {
	 margin-bottom: 0px;
}
 .billing__main__content__step ul li a label {
	 max-width: calc(100% - 52px);
}
 .billing__main__content__step ul li a .sub {
	 display: none;
}
 .billing__main__content__step ul li a.selected p {
	 font-weight: bold;
}
 .billing__main__content__step ul li a.selected .sub {
	 display: block;
	 font-weight: normal;
	 float: left;
	 width: 100%;
	 font-style: normal;
}
 .billing__main__content__step ul li:first-child span:before {
	 content: '';
	 display: none;
}
 .billing__main__content__step ul li:last-child span:after {
	 content: '';
	 display: none;
}
 .billing__main__content__step ul li.active {
	 color: #435064;
	 font-weight: bold;
}
 .billing__main__content__step ul li.active span {
	 border: 1px solid #4f89e5;
	 background-color: white;
}
 .billing__main__content__step ul li.active span i {
	 background-color: #3d5dc5;
}
 .billing__main__content__step ul li.active span:before {
	 background-color: #4f89e5;
	 bottom: -17px;
	 top: -17px;
	 left: 18px;
}
 .billing__main__content__step ul li.active span:after {
	 background-color: #4f89e5;
	 bottom: -17px;
	 left: 18px;
}
 .billing__main__content__step ul li .done-icon {
	 display: none;
}
 .billing__main__content__step ul li.done span {
	 border-color: white;
}
 .billing__main__content__step ul li.done span:after {
	 bottom: -13px;
}
 .billing__main__content__step ul li.done span:before {
	 top: -13px;
}
 .billing__main__content__step ul li.done span.default {
	 display: none;
}
 .billing__main__content__step ul li.done span.done-icon {
	 display: flex;
}
 .billing__main__content__step ul li.warning {
	 user-select: none;
}
 .billing__main__content__step ul li.warning span i {
	 background-color: #f6eae8;
	 color: #ff1000;
}
 .billing__main__content__step ul li.warning label {
	 border-radius: 3px;
	 background-color: #f6eae8;
	 padding: 8px;
	 color: #ff1000;
	 font-size: 14px;
	 line-height: 20px;
}
 @media only screen and (max-width: 991px) {
	 .billing__main__content__step {
		 padding: 4px;
	}
	 .billing__main__content__step ul {
		 display: flex;
		 justify-content: space-between;
	}
	 .billing__main__content__step ul li {
		 display: flex;
		 width: auto;
		 flex-grow: 1;
		 justify-content: center;
		 position: relative;
	}
	 .billing__main__content__step ul li p {
		 display: none;
	}
	 .billing__main__content__step ul li.warning {
		 display: none;
	}
	 .billing__main__content__step ul li span:before {
		 display: none;
	}
	 .billing__main__content__step ul li span:after {
		 display: none;
	}
	 .billing__main__content__step ul li:before {
		 content: '';
		 position: absolute;
		 width: 50%;
		 height: 2px;
		 background-color: #d8e0ea;
		 right: 0;
	}
	 .billing__main__content__step ul li:after {
		 content: '';
		 position: absolute;
		 width: 50%;
		 height: 2px;
		 background-color: #d8e0ea;
		 left: -20px;
	}
	 .billing__main__content__step ul li:first-child:after {
		 display: none;
	}
	 .billing__main__content__step ul li:last-child:before {
		 display: none;
	}
	 .billing__main__content__step ul li.done:before {
		 background-color: #4f89e5;
	}
	 .billing__main__content__step ul li.done:after {
		 background-color: #4f89e5;
	}
}

.basicRadius
{
	border-radius: 2px !important;
}
.wAuto
{
	width: auto !important;
	margin: 50px 0 0 0;
}
.basicBg
{
	width: 100%;
	padding: 49px 4.5%;
	border-radius: 2px;
	background-color: #ffffff;
}
.paddingHolder
{
	padding: 3% 11.56% 3% !important;
}
.toggleBtn
{
	position: relative;
    top: -16px;
    left: 12px;
}
.switch {
  position: relative;
  display: inline-block;
  width: 4.8%;
  height: 23px;
  cursor: pointer;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #3d5dc5;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
.linkedIcon
{
	margin-top: -8px;
    margin-right: 10px;
}
.googleIcon
{
	margin-top: -3px;
    margin-right: 10px;
}




/*-----Basic Information Page Css End ----- */

















/*-----480 Media Query Css Style Start----- */
@media only screen and (max-width: 480px)
{
	.main-verify-identity
	{
		margin: 20px 0;
		text-align: center;
		width: auto;
	}

	.signIn-box
	{
		padding: 0px 20px 0px;
	}

	body > .signInBackground
	{
		width: 100%;
		background-color: #ffffff;
		height: auto;

	}
	.main-box-layout
	{
		box-shadow: unset !important;
	}
	.navbar-toggler
	{
		margin: 0 15px 0 0;
	}
	.adjust
	{
		left: 0 !important;
		margin: 0 30px !important;
	}
	.rMode
	{
		font-size: 14px !important;
    	padding: 0 30.717px !important;
	}
	.paddingHolder
	{
		padding: 0 !important;
	}
	h2
	{
		font-size: 25px !important;
	    color: #1a2531;
	    text-transform: unset;
	    font-weight: bold !important;
	    padding-top: 0px !important;
	    margin: 0px;
	    padding-bottom: 15px;
	    padding-left: 32px;
    	position: relative;
    	top: 10px;
	}
	.switch 
	{
	  position: relative;
	  display: inline-block;
	  width: 11.8%;
	  height: 23px;
	}
}

/*-----480 Media Query Css Style End----- */



/*-----360 Media Query Css Style Start----- */
@media only screen and (max-width: 360px)
{
	.main-verify-identity
	{
		margin: 20px 0;
		text-align: center;
		width: auto;
	}

	.signIn-box
	{
		padding: 0px 20px 0px;
	}

	body > .signInBackground
	{
		width: 100%;
		background-color: #ffffff;
		height: auto;

	}
	.main-box-layout
	{
		box-shadow: unset !important;
	}
	.navbar-toggler
	{
		margin: 0 15px 0 0;
	}
	.adjust
	{
		left: 0 !important;
		margin: 0 30px !important;
	}
	.rMode
	{
		font-size: 14px !important;
    	padding: 0 30.717px !important;
	}
	.paddingHolder
	{
		padding: 0 !important;
	}
	h2
	{
		font-size: 25px !important;
	    color: #1a2531;
	    text-transform: unset;
	    font-weight: bold !important;
	    padding-top: 0px !important;
	    margin: 0px;
	    padding-bottom: 15px;
	    padding-left: 32px;
    	position: relative;
    	top: 10px;
	}
	.switch 
	{
	  position: relative;
	  display: inline-block;
	  width: 11.8%;
	  height: 23px;
	}
}

/*-----360 Media Query Css Style End----- */


/*-----320 Media Query Css Style Start----- */
@media only screen and (max-width: 320px)
{
	.main-verify-identity
	{
		margin: 20px 0;
		text-align: center;
		width: auto;
	}

	.signIn-box
	{
		padding: 0px 20px 0px;
	}

	body > .signInBackground
	{
		width: 100%;
		background-color: #ffffff;
		height: auto;

	}

	.signIn-btn, .googleBtn, .linkedBtn
	{
		font-size: 13px;
	}

	.main-box-layout
	{
		box-shadow: unset !important;
	}
	.navbar-toggler
	{
		margin: 0 15px 0 0;
	}
	.adjust
	{
		left: 0 !important;
		margin: 0 30px !important;
	}
	.rMode
	{
		font-size: 14px !important;
    	padding: 0 30.717px !important;
	}
	.paddingHolder
	{
		padding: 0 !important;
	}
	.paddingHolder
	{
		padding: 0 !important;
	}
	h2
	{
		font-size: 25px !important;
	    color: #1a2531;
	    text-transform: unset;
	    font-weight: bold !important;
	    padding-top: 0px !important;
	    margin: 0px;
	    padding-bottom: 15px;
	    padding-left: 32px;
    	position: relative;
    	top: 10px;
	}
	.switch 
	{
	  position: relative;
	  display: inline-block;
	  width: 11.8%;
	  height: 23px;
	}

}

/*-----320 Media Query Css Style End----- */