*, ::after, ::before {
	box-sizing: border-box
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent
}
.mb-1 {
	margin-bottom: 1rem;
}
.kode-alert p {
    margin-bottom: 0;
}
@-ms-viewport {
width:device-width
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
margin-bottom:.5rem
}
p {
	margin-top: 0;
	margin-bottom: 1rem
}
b, strong {
	font-weight: bolder
}
small {
	font-size: 80%
}
a {
	color: #007bff;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:hover {
	color: #0056b3;
	text-decoration: underline
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
	-webkit-appearance: listbox
}
textarea {
	overflow: auto;
	resize: vertical;
	font-family: inherit;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
outline-offset:-2px;
-webkit-appearance:none
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
[hidden] {
display:none!important
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
margin-bottom:.5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.2;
	color: inherit
}
.h1, h1 {
	font-size: 2.5rem
}
.h2, h2 {
	font-size: 2rem
}
.h3, h3 {
	font-size: 1.75rem
}
.h4, h4 {
	font-size: 1.5rem
}
.h5, h5 {
	font-size: 1.25rem
}
.h6, h6 {
	font-size: 1rem
}
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1)
}
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media (min-width:576px) {
.container {
	max-width: 540px
}
}
@media (min-width:768px) {
.container {
	max-width: 720px
}
}
@media (min-width:992px) {
.container {
	max-width: 960px
}
.form-text-title{
	margin-left: 100px;
}
}
@media (min-width:1200px) {
.container {
	max-width: 1140px
}
.form-text-title{
	margin-left: 100px;
}
}
.container-fluid {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
@media (min-width:576px) {
.col-sm {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-sm-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-sm-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-sm-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-sm-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-sm-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-sm-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-sm-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-sm-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-sm-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-sm-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-sm-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-sm-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
}
@media (min-width:768px) {
.col-md {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-md-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-md-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-md-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-md-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-md-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-md-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-md-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-md-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-md-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-md-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-md-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-md-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
}
@media (min-width:992px) {
.col-lg {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-lg-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-lg-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-lg-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-lg-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-lg-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-lg-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-lg-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-lg-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-lg-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-lg-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-lg-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-lg-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
}
@media (min-width:1200px) {
.col-xl {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.col-xl-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}
.col-xl-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}
.col-xl-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}
.col-xl-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}
.col-xl-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}
.col-xl-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}
.col-xl-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}
.col-xl-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}
.col-xl-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}
.col-xl-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}
.col-xl-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}
.col-xl-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}
}
.form-control {
	border: 1px solid #262c49;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	-ms-border-radius: 3;
	border-radius: 3;
	font-size: 13px;
	height: calc(2.65rem + 2px);
	background: transparent;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius:.25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media screen and (prefers-reduced-motion:reduce) {
.form-control {
	transition: none
}
}
.form-control::-ms-expand {
background-color:transparent;
border:0
}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}
.form-control::-webkit-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-moz-placeholder {
color:#6c757d;
opacity:1
}
.form-control:-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::-ms-input-placeholder {
color:#6c757d;
opacity:1
}
.form-control::placeholder {
color:#6c757d;
opacity:0
}
.form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}
select.form-control:focus::-ms-value {
color:#495057;
background-color:#fff
}
.form-control-file, .form-control-range {
	display: block;
	width: 100%
}
select.form-control[multiple], select.form-control[size] {
	height: auto
}
textarea.form-control {
	line-height: 1.6rem !important;
    font-size: 1rem !important;
    background-color: #262C49 !important;
    color: #C2C6DC !important;
    height: auto !important;
}

.form-group {
	margin-bottom: 1rem
}
.form-text {
	display: block;
	margin-top:.25rem
}
.clearfix::after {
	display: block;
	clear: both;
	content: ""
}
body {
	background: #f5f6f8;
	font-size: 15px;
	font-size:.9375rem;
	line-height: 1.4;
	font-family: Montserrat;
	color: #555;
	margin: 0
}
h1, h2, h3, h4, h5, h6 {
	color: #222
}
p {
	margin-bottom: 25px
}
strong {
	font-weight: 500
}
label {
	font-weight: 500;
	margin-bottom: 5px;
	color: #222
}
hr {
	margin: 30px 0 30px 0;
	border-color: #ddd
}
ol, ul {
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0
}
a {
	color: #7367f0;
	text-decoration: none;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	outline: 0
}
a:focus, a:hover {
	color: #111;
	text-decoration: none;
	outline: 0
}
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #fff;
	z-index: 999999
}
[data-loader=circle-side] {
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	-webkit-animation:circle infinite .95s linear;
	-moz-animation:circle infinite .95s linear;
	-o-animation:circle infinite .95s linear;
	animation:circle infinite .95s linear;
	border:2px solid #333;
	border-top-color:rgba(0,0,0,.2);
	border-right-color:rgba(0,0,0,.2);
	border-bottom-color:rgba(0,0,0,.2);
	border-radius:100%
}
#loader_form {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #fff;
	background-color: rgba(255,255,255,.6);
	z-index: 999999;
	display: none
}
[data-loader=circle-side-2] {
	position:absolute;
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin-left:-25px;
	margin-top:-25px;
	-webkit-animation:circle infinite .95s linear;
	-moz-animation:circle infinite .95s linear;
	-o-animation:circle infinite .95s linear;
	animation:circle infinite .95s linear;
	border:2px solid #333;
	border-top-color:rgba(0,0,0,.2);
	border-right-color:rgba(0,0,0,.2);
	border-bottom-color:rgba(0,0,0,.2);
	border-radius:100%
}
@-webkit-keyframes circle {
0% {
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@-moz-keyframes circle {
0% {
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@-o-keyframes circle {
0% {
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@keyframes circle {
0% {
	-webkit-transform:rotate(0);
	-ms-transform:rotate(0);
	-o-transform:rotate(0);
	transform:rotate(0)
}
100% {
	-webkit-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
#form_container {
	background-color: #fff;
	width: 100%;
	min-height: 460px;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.1)
}
#wizard_container {
	padding: 60px;
	-webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
	position: relative
}
@media (max-width:767px) {
#wizard_container {
	padding: 30px
}
}
#middle-wizard {
	width: 500px;
	min-height: 420px;
	display: flex;
	vertical-align: middle;
	align-items: center;
	margin: auto
}
@media (max-width:767px) {
#middle-wizard {
	width: 100%;
	min-height: inherit
}
}
#middle-wizard .step {
	width: 100%
}
h3.main_question {
	margin: 0 0 25px 0;
	padding: 0;
	font-weight: 500;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.4;
	position: relative
}
h3.main_question i {
	position: absolute;
	left: -30px;
	font-weight: 700;
	color: #7367f0;
	font-size: 21px;
	font-size: 1.3125rem;
	top: 2px
}
@media (max-width:767px) {
	h3.main_question i {
		display: none
	}
}
button.reqotp, button.backward, button.forward, button.submit {
	border: none;
	color: #fff;
	text-decoration: none;
	transition: background .5s ease;
	-moz-transition: background .5s ease;
	-webkit-transition: background .5s ease;
	-o-transition: background .5s ease;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	text-align: center;
	background: #7367f0;
	position: relative;
	font-size: 14px;
	font-size:.875rem;
	font-weight: 600;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	line-height: 1;
	padding: 12px 30px
}
button.backward {
	color: #777;
	background: #e8e8e8
}
button[disabled] {
	display: none
}
.backward:hover, .forward:hover {
	background: #0f293b;
	color: #fff
}
#top-wizard {
	margin: -60px -60px 0 -60px;
	width: 100%
}
@media (max-width:767px) {
#top-wizard {
	margin: -30px -30px 0 -30px
}
}
#bottom-wizard {
	text-align: center
}
@media (max-width:767px) {
#bottom-wizard {
	margin-top: 25px
}
}
.ui-widget-header {
	background: #6c3
}
.ui-progressbar {
	height: 8px;
	width: 100%
}
#location {
	font-size: 12px;
font-size:.75rem;
	padding: 15px;
	display: inline-block
}
#progressbar {
	overflow: hidden
}
.ui-progressbar .ui-progressbar-value {
	height: 100%;
	-webkit-transition: all .2s ease;
	transition: all .2s ease
}
.summary {
	text-align: center
}
.summary h3 {
	margin-bottom: 25px
}
.summary label {
	font-weight: 500
}
#success {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	height: 190px;
	margin-top: -85px;
	margin-left: -150px;
	text-align: center
}
#success h4 {
	font-weight: 400;
	margin: 20px 0 0 0;
	font-size: 18px;
	font-size: 1.125rem
}
#success h4 span {
	display: block;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 21px;
	font-size: 1.3125rem
}
.inlinesvg .svg svg {
	display: inline
}
.icon--order-success.svg:before {
	width: auto;
	margin: 0
}
.icon--order-success svg path {
	-webkit-animation: checkmark .25s ease-in-out .7s backwards;
	animation: checkmark .25s ease-in-out .7s backwards
}
.icon--order-success svg circle {
	-webkit-animation: checkmark-circle .6s ease-in-out backwards;
	animation: checkmark-circle .6s ease-in-out backwards
}
.form-group {
	position: relative
}
.form-group.terms .container_check {
	margin-bottom: 3px
}
.form-group i {
	font-size: 18px;
	font-size: 1.125rem;
	position: absolute;
	right: 5px;
	top: 11px;
	color: #ccc;
	width: 25px;
	height: 25px;
	display: block;
	font-weight: 400!important
}
span.error {
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	font-size: 12px;
	position: absolute;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	top: -20px;
	right: -15px;
	z-index: 2;
	height: 25px;
	line-height: 1;
	background-color: #e34f4f;
	color: #fff;
	font-weight: 400;
	display: inline-block;
	padding: 6px 8px
}
span.error:after {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 6px 6px 0;
	border-color: transparent #e34f4f;
	display: block;
	width: 0;
	z-index: 1;
	bottom: -6px;
	left: 20%
}
.container_check.version_2 .error, .container_radio.version_2 .error {
	left: -15px;
	top: -30px;
	right: inherit
}
.radio_input .error {
	left: -15px;
	top: -30px;
	right: inherit
}
.styled-select span.error {
	top: -20px
}
.terms span.error {
	top: -30px;
	left: -15px;
	right: inherit
}
.form-control {
	background-color: transparent;
	border: 1px solid #262c49;
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	-ms-border-radius: 3;
	border-radius: 3;
	font-size: 13px;
	height: calc(2.65rem + 2px);
	width: 100%;
	padding: 0 15px;
	color: #C2C6DC;
}
.form-control:focus {
	box-shadow: none;
	border-color: #7367f0
}
.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    min-height: 44px !important;
}
.container_check {
	display: block;
	position: relative;
	font-size: 13px;
	padding-left: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-weight: 400
}
.container_check input {
	position: absolute;
	opacity: 0;
	cursor: pointer
}
.container_check input:checked~.checkmark {
	background-color: #7367f0;
	border: 1px solid transparent
}
.container_check .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 1px solid #ddd;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.container_check .checkmark:after {
	content: "";
	position: absolute;
	display: none;
	left: 7px;
	top: 3px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.container_check.version_2 {
	padding: 13px 15px 13px 45px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	min-height: 30px;
	font-weight: 400
}
.container_check.version_2 .checkmark {
	height: 24px;
	width: 24px;
	top: 10px;
	left: 10px
}
.container_check.version_2 .checkmark:after {
	top: 5px;
	left: 8px;
	width: 5px;
	height: 10px
}
.container_check input:checked~.checkmark:after {
	display: block
}
.container_radio {
	display: block;
	position: relative;
	font-size: 14px;
font-size:.875rem;
	padding-left: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.container_radio input {
	position: absolute;
	opacity: 0
}
.container_radio input:checked~.checkmark:after {
	opacity: 1
}
.container_radio .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%
}
.container_radio .checkmark:after {
	display: block;
	content: "";
	position: absolute;
	opacity: 0;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	top: 3px;
	left: 3px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #7367f0;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.container_radio.version_2 {
	padding: 13px 15px 13px 45px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #ddd;
	min-height: 30px;
	font-weight: 400
}
.container_radio.version_2 input:checked~.checkmark:before {
	opacity: 1
}
.container_radio.version_2 input:checked~.checkmark {
	border: 1px solid transparent
}
.container_radio.version_2 .checkmark {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 24px;
	width: 24px;
	border: 1px solid #ddd;
	border-radius: 50%
}
.container_radio.version_2 .checkmark:after {
	width: 22px;
	height: 22px;
	top: 0;
	left: 0
}
.container_radio.version_2 .checkmark:before {
	display: block;
	content: "";
	position: absolute;
	opacity: 0;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid #fff;
	z-index: 999;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.container_check.version_2.active, .container_check.version_2:hover, .container_radio.version_2.active, .container_radio.version_2:hover {
	border: 1px solid #7367f0
}
.radio_input .container_radio {
	display: inline-block;
	margin: 15px 15px 0 0
}
.radio_input .container_radio:last-child {
	display: inline-block;
	margin-right: 0
}
.fl-form .fl-wrap {
	position: relative;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.fl-form input.fl-input, .fl-form select.fl-select, .fl-form textarea.fl-textarea {
	width: 100%;
	outline: 0;
	font-size: 18px;
	/* font-size: 13px; change by hemant */
	line-height: 1.4;
	border-radius: 3px;
	border: 1px solid #ddd;
	background-color: #fff;
	box-sizing: border-box;
	transition: all .3s ease-in-out;
	margin-bottom: 0
}
.fl-form input.fl-input:-moz-placeholder, .fl-form select.fl-select:-moz-placeholder, .fl-form textarea.fl-textarea:-moz-placeholder {
color:#555;
font-weight:400
}
.fl-form input.fl-input::-moz-placeholder, .fl-form select.fl-select::-moz-placeholder, .fl-form textarea.fl-textarea::-moz-placeholder {
color:#555;
font-weight:400
}
.fl-form input.fl-input:-ms-input-placeholder, .fl-form select.fl-select:-ms-input-placeholder, .fl-form textarea.fl-textarea:-ms-input-placeholder {
color:#555;
font-weight:400;
color:#fff!important
}
.fl-form input.fl-input::-webkit-input-placeholder, .fl-form select.fl-select::-webkit-input-placeholder, .fl-form textarea.fl-textarea::-webkit-input-placeholder {
color:#555;
font-weight:400
}
.fl-form select.fl-select {
	position: relative;
	color: #555;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none
}
.fl-form select.fl-select::-ms-expand {
display:none
}
.fl-form .fl-is-active input.fl-input, .fl-form .fl-is-active select.fl-select, .fl-form .fl-is-active textarea.fl-textarea {
	color: #222;
	background-color: #fff;
	border-color: none
}
.fl-form .fl-has-focus input.fl-input, .fl-form .fl-has-focus select.fl-select, .fl-form .fl-has-focus textarea.fl-textarea {
	background-color: #fff;
	border-color: none
}
.fl-form label.fl-label {
	opacity: 0;
	visibility: hidden;
	display: block;
	position: absolute;
	top: -11px;
	left: 0;
	font-size: 13px;
	/* font-size: 11px;  change by hemant*/
	font-weight: 400;
	line-height: 1;
	color: #555;
	border-top-left-radius: 3px;
	transition: all .3s ease-in-out;
	z-index: 1
}
body[dir=rtl] .fl-form label.fl-label {
	left: unset;
	right: 0
}
.fl-form .fl-is-active label.fl-label {
	opacity: 1;
	visibility: visible
}
.fl-form .fl-has-focus label.fl-label {
	color: #555
}
.fl-form .fl-is-required:before {
	opacity: 1;
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	right: 18px;
	font-size: 14px;
	line-height: 1.75;
	color: #555;
	transition: all .3s ease-in-out;
	padding: 8px 0 0;
	z-index: 1
}
body[dir=rtl] .fl-form .fl-is-required:before {
	right: unset;
	left: 18px
}
.fl-form .fl-is-required.fl-is-active:before {
	opacity: 0
}


.fl-form.fl-style-1 select.fl-select {
	height: 46px
}
.fl-form.fl-style-1 label.fl-label {
	top: 1px;
	left: 13px;
	background-color: transparent;
	padding: 16px 4px
}
.fl-form.fl-style-1 label.fl-label:before {
	content: '';
	display: block;
	position: absolute;
	top: 20px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #fff;
	z-index: -1
}
.fl-form.fl-style-1 .fl-is-active label.fl-label {
	top: -10px;
	padding: 4px
}
.fl-form.fl-style-1 .fl-is-active label.fl-label:before {
	top: 10px
}
body[dir=rtl] .fl-form.fl-style-1 label.fl-label {
	left: unset;
	right: 13px
}
.fl-form .fl-wrap-select:after {
	content: '';
	position: absolute;
	display: block;
	top: 1px;
	right: 6px;
	height: calc(100% - 2px);
	width: 14px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23555' d='M 4 0 L 0 6.5 L 8 6.5 L 4 0 z M 0 9.5 L 4 16 L 4 16 L 8 9.5 z'/%3E%3C/svg%3E") no-repeat;
	background-position: 100% 50%;
	background-size: 7px 14px;
	z-index: 2
}
body[dir=rtl] .fl-form .fl-wrap-select:after {
	right: unset;
	left: 6px
}
@font-face {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local('Montserrat Medium'), local('Montserrat-Medium'), url(fonts/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
h1, h2, h3, h4, h5, h6 {
	color: #fff
}
.logo {
	text-align: center;
	margin-left: 110px;
	margin-bottom: 20px;
	margin-top: 30px;
}
.logo img {
	display: block;
	width: 250px;
	background-color: #fff;
	padding: 10px;
	margin: 0 auto;
	border-radius: 8px;
}
#form_container {
	position: relative;
	max-width: 740px;
	margin: 0 auto;
	background-color: #10163a;
	border-radius: 7px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}
#wizard_container {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.form-wrapper {
	height: 100vh;
	padding-bottom: 41px
}
.col-middle {
	display: table;
	width: 100%
}
.col-middle-inner {
	display: table-cell;
	vertical-align: middle
}
.question-arrow {
	position: absolute;
	top: 0;
	left: -30px
}
body {
	background: #262c49;
	color: #c2c6dc
}
h3.main_question {
	color: #fff
}
.fl-form input.fl-input, .fl-form select.fl-select, .fl-form textarea.fl-textarea {
	border: 1px solid #262c49;
	background-color: #10163a;
	color: #fff;
	border-radius: 5px
}
.fl-form .fl-has-focus input.fl-input, .fl-form .fl-has-focus select.fl-select, .fl-form .fl-has-focus textarea.fl-textarea, .fl-form .fl-is-active input.fl-input, .fl-form .fl-is-active select.fl-select, .fl-form .fl-is-active textarea.fl-textarea {
	background-color: #10163a;
	border-color: #7367f0;
	color: #fff
}
.container_radio .checkmark {
	background-color: #262c49;
	border: 1px solid #262c49
}
label {
	color: #c2c6dc
}
button.backward, button.reqotp, button.forward, button.submit {
	background: #7367f0;
	border-radius: 5px;
	font-weight: 400;
	letter-spacing: .5px
}
.backward:hover, .forward:hover {
	background: #5e50ee!important;
	color: #fff!important;
	box-shadow: 0 8px 25px -8px #7367f0
}
.container_radio .checkmark:after {
	background: #7367f0
}
.form-control::-webkit-input-placeholder {
color:#c2c6dc!important
}
.form-control:-ms-input-placeholder {
color:#c2c6dc!important
}
.form-control::placeholder {
color:#c2c6dc!important
}
.fl-form.fl-style-1 label.fl-label:before {
	background-color: #10163a
}
.fl-form .fl-is-focus label.fl-label, .fl-form label.fl-label {
	color: #c2c6dc!important
}
.ui-widget-header {
	background: #7367f0
}
.container_check.version_2 {
	background-color: #0b102e;
	border: 1px solid #06091e;
	transition: all .3s linear
}
.container_check .checkmark {
	background: #262c49;
	border: 1px solid #262c49
}
.container_check.version_2.active, .container_check.version_2:hover, .container_radio.version_2.active, .container_radio.version_2:hover {
	border: 1px solid #7367f0
}
.container_check input:checked~.checkmark {
	background-color: #7367f0
}
button.backward {
	color: #777;
	background: #262c49
}
.container_radio.version_2 {
	background-color: #0b102e;
	border: 1px solid #06091e;
	border-radius: 5px;
	transition: all .3s linear
}
.step-wrapper {
	display: inline-block;
	vertical-align: middle
}
.step-detail-wrapper {
	max-width: 855px;
	margin: 0 auto
}
.step-item-wrapper {
	margin: 0 30px 0 10px
}
.step-item>span {
	width: 40px;
	color: #fff;
	height: 40px;
	font-size: 16px;
	font-weight: 700;
	line-height: 40px;
	border-radius: 50%;
	position: relative;
	text-align: center;
	display: inline-block
}
.step-item {
	width: 40px;
	position: relative;
	margin-bottom: 60px;
	cursor: pointer
}
.step-item:last-child {
	margin-bottom: 0
}
.step-item:before {
	content: "";
	top: -8px;
	left: -8px;
	width: 56px;
	height: 56px;
	position: absolute;
	border-radius: 100%;
	border: 2px solid #6b59d300;
	z-index: 3
}
.step-item>span:before {
	content: "";
	width: 2px;
	height: 95px;
	background: #10163a;
	position: absolute;
	right: 18px;
	bottom: 40px;
	z-index: -1
}
.step-item span span {
	position: relative;
	z-index: 9;
	background-color: #10163a;
	width: 40px;
	color: #fff;
	height: 40px;
	display: block;
	border-radius: 100%
}
.step-item:first-child>span:before {
	display: none
}
.step-item.active span span {
	background: #7367f0
}
.step-item.active:before {
	border: 2px solid #7367f0
}
.step-item.active>span:before {
	background-color: #7367f0
}
footer {
	text-align: center;
	padding: 10px 10px 10px 110px;
	position: fixed;
	width: 100%;
	bottom: 0;
	background: #262c49
}
footer span {
	font-size: 13px
}
footer span a {
	color: #c2c6dc
}
footer span a:hover {
	color: #fff
}
@media (max-width:991px) {
.logo {
    margin: 25px 0 !important;
}
.form-wrapper {
	padding-bottom: 0;
	height: inherit;
}
footer {
	position: static;
	padding: 10px
}
.step-wrapper {
	display: block;
	margin-bottom: 30px
}
#form_container {
	width: 100%;
	max-width: 100%
}
.step-item-wrapper {
	margin: 0;
	text-align: center
}
.step-item {
	margin: 0 60px 0 0;
	display: inline-block
}
.step-item:last-child {
	margin-right: 0
}
.step-item>span:before {
	height: 2px;
	width: 100px;
	top: 50%;
	bottom: inherit;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
}
@media (max-width:575px) {
.step-item {
	margin-right: 25px
}
.step-item>span:before {
	width: 75px
}
}
.step-item.completed span span {
	background: #7367f0;
}
.step-item.is-active:before {
	border: 2px solid #7367f0;
}
.btn {
	display: inline-block;
	font-weight: 400;
	padding: 14px 20px;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 0 solid transparent;
	font-size: 1rem;
	line-height: 1;
	border-radius: 0.4285rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:focus {
	outline: 0;
}
.btn-primary {
	border-color: #4839EB !important;
	background-color: #7367F0 !important;
	color: #FFFFFF;
	cursor: pointer;
}
.btn-primary:hover {
	border-color: #5E50EE !important;
	color: #FFFFFF !important;
	box-shadow: 0 8px 25px -8px #7367F0;
}
.full-width {
	width: 100%;
}
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
}
.form-group label {
	margin-bottom: 5px;
	letter-spacing: 0;
	padding-left: 0;
	font-size: 12px;
	font-weight: 400;
	display: block;
}
.form-control:focus {
	background-color: transparent;
}
@media (min-width: 992px) {
.step-wrapper {
	overflow: hidden;
	height: 560px;
	padding: 20px 0px 0 0;
}
}
.step-item-wrapper {
	position: relative;
	top: 0;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}



/* Lead View*/
.lead-view-title .card-title {
    margin: 0 10px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.col-lead-view-title {
    margin-bottom: 30px;
}
.col-lead-view-title:last-child {
    text-align: right;
}
.lead-view-item {
    position: relative;
    margin-bottom: 30px;
    border-radius: 5px;
    border: 1px solid #eee;
    overflow: hidden;
}
.lead-view-country-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.lead-view-header {
    background: #eee;
    padding: 10px 30px;
}
.lead-view-country-img img {
    background: #fff;
}
.lead-view-country-des {
    display: inline-block;
    vertical-align: middle;
}
.lead-view-header-detail .card-title-inner {
    margin: 0;
}
.lead-view-task-no {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff !important;
    margin-right: 5px;
    border-radius: 100%;
}
.lead-view-task-des {
    display: inline-block;
    vertical-align: middle;
}
.lead-view-task {
    display: inline-block;
}
.lead-view-content {
    padding: 30px 30px 0;
}
.lead-status-mobile {
    position: relative;
}
.lead-status-mobile .mobile-verfied.verfied {
    position: static;
    display: inline-block;
    vertical-align: middle;
}
.lead-status-mobile a {
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.lead-status-mobile {
    margin-bottom: 10px;
}
.col-lead-view-content .lead-status-img {
    width: 60px;
}

.col-lead-view-content .lead-status-des {
    width: calc(100% - 80px);
}

.col-lead-view-content {
    margin-bottom: 30px;
}

.lead-view-content-message.alert {
    margin-bottom: 0;
}

.lead-status-detail .view-form-title {
    margin-bottom: 5px;
}

.lead-status-detail .btn-outline-primary.dropdown-toggle {
    padding: 8px 14px !important;
}
.add-task-des {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    padding-right: 15px;
}
.add-task-detail .dropdown {
    display: inline-block;
}
.add-task-des:before {content: "";position: absolute;width: 1px;height: 100%;background: #ddd;right: 0;top: 0;}
.lead-view-header .dropdown .btn.btn-outline-primary.dropdown-toggle {
    padding: 7px 14px;
}


.lead-view-detail hr {
    border-color: #04081e;
}


.lead-view-item {
    border: 1px solid #04081e;
}
.lead-view-header {
    background: #04081e;
}
.lead-view-country-img img {
    background: #fff;
}
.add-task-des:before {content: "";position: absolute;width: 1px;height: 100%;background: #fff;right: 0;top: 0;}
.lead-view-content-message.alert span {
    color: #fff !important;
}

.view-form-title {
    font-size: 11px;
    margin-bottom: 3px;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
}
.view-form-des {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #fff !important; 
}
.view-form-des a {
    color: #333;
}
.view-form-des img {
    width: 100%;
}

.col-lead-view-title {
    margin-bottom: 30px;
}
.col-lead-view-title:last-child {
    text-align: right;
}

.col-lead-view-content .lead-status-img {
    width: 60px;
}

.lead-status-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}

.lead-status-des {
    display: inline-block;
    vertical-align: middle;
}
.lead-status-des span {
    display: block;
    margin-bottom: 3px;
    letter-spacing: 0.5px;
}
.lead-status-des span:last-child {
    margin-bottom: 0;
}
.lead-status-des h5 {
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px;
}


.leadformcontinue{
	float: right;
}

.cpnameid{
	margin-bottom: 5px !important;
	margin-left: 30px;
}

.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}
.form-control::-moz-placeholder{color:#6c757d;opacity:1}
.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}
.form-control::placeholder{color:#6c757d;opacity:1}

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

@media only screen and (min-width: 960px) {
	.theme-sidebar.theme-form-sidebar {
		width: 800px;
		right: -800px;
	}
}
@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
	.theme-sidebar.theme-form-sidebar {
		width: 800px;
		right: -800px;
	}
}
@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
	.theme-sidebar.theme-form-sidebar {
		width: 800px;
		right: -800px;
	}
}
@media only screen and (max-device-width: 480px) {
    /* styles for mobile browsers smaller than 480px; (iPhone) */
	.theme-sidebar.theme-form-sidebar {
		width: 100% !important;
	}
}
@media only screen and (device-width: 768px) {
    /* default iPad screens */
	.theme-sidebar.theme-form-sidebar {
		width: 100% !important;
	}
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  .theme-sidebar.theme-form-sidebar {
    width: 100% !important;
}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
  .theme-sidebar.theme-form-sidebar {
    width: 100% !important;
}
}

.source-field {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
  }
  .vs-checkbox-con{
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin: 0.25rem 0;
  }
  .vs-checkbox-con input{
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 200;
	cursor: pointer;
	top: 0;
  }

  .locationpin.active{
    background-color: #7467F0 !important;
    color: #FFFFFF;
}
 #locationsearch{
	 max-height: 300px !important;
 }

 .card.integration-card.active {
	border-color: #7367F0 !important;
  }
  .selected-enquiry a{
	  color: white !important;
  }