.form-group.has-error input.form-control-danger {
	border-color: #ff4747;
}

body {
	background-color: #3b3e42;
	background-image: url('/theme/img/bg.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: cover;
}

h3 {
	padding-bottom: 10px;
	margin-top: 0;
	font-family: 'Baloo Tammudu', cursive;
	font-weight: 400;
	font-size: 34px;
	
	color: #3b3e42;
	
	text-align: center;
}

.actions {
	height: 70px;
}

.swal-text {
	text-align: center;
	line-height: 1.6;
}

.uploader-border video {
	width: 100%;
	height: 100%;
	padding: 1px;
	border-radius: 22px;
}

.kyc-modal-title {
	display: inline;
}

.kyc-modal-body {
	position: relative;
	width: 100%;
	min-height: 300px;
}

.kyc-video-preview {
}

.kyc-no-js {
	box-sizing: border-box;
	position: relative;
}

.kyc-no-webcam {
	text-align: center;
	width: 100%;
}

.kyc-no-video {
	text-align: center;
	width: 440px;
}

.kyc-center-hv {
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

ul[role="menu"] {
	overflow: hidden;
	position: absolute;
	right: 30px;
	bottom: 30px;
	margin: 0;
	padding-left: 0;
	list-style: none;
}

ul[role="menu"] li {
	display: block;
	float: left;
	margin-left: 10px;
}

.form-group label {
	/*font-family: 'Roboto', sans-serif;
	font-size: 16px;*/
	font-weight: normal;
	/*line-height: 1.15;*/
}

.form-group label input[type=checkbox] {
	display: inline;
	position: relative;
	top: 1px;
	margin-right: 3px;
}

.kyc-form .wizard > .content {
	border-radius: 30px;
	-webkit-box-shadow: -3px 4px 10px 0 rgba(0, 0, 0, 0.35);
	-moz-box-shadow: -3px 4px 10px 0 rgba(0, 0, 0, 0.35);
	box-shadow: -3px 4px 10px 0 rgba(0, 0, 0, 0.35);
	padding: 60px 50px;
	margin-top: 32px;
}

input[type="date"].form-control {
  line-height: 1.5;
}

select[data-role="country-selector"] {
	width: 100%;
}

.mt-2.text-danger {
	font-size: 12px;
	margin-top: 3px;
	color: #ff0000;
}

.form-group.has-danger input[type=text].form-control-danger,
.form-group.has-danger input[type=number].form-control-danger,
.form-group.has-danger select.form-control-danger {
	border-color: #ff0000 !important;
}

.submit-progress i.fa {
	width: 16px;
	line-height: 32px;
	text-align: center;
	margin-right: 12px;
}

.submit-progress {
	line-height: 32px;
}

.submit-progress.status-pending,
.submit-progress.status-missing {
	color: #aaa;
}

.submit-progress.status-uploading {
	color: #337ab7;
}

.submit-progress.status-error {
	color: #d9534f;
}

.submit-progress.status-done {
	color: #449d44;
}

.modal.in .modal-dialog.modal-dialog-centered {
	-webkit-transform: translate(0,-50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
	top: 50%;
	margin: 0 auto;
}

.uploader-preloaded {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background-image: url('/landing/img/dark-skin/bg/bg-footer.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
/*
	.icon-button {
		text-align: center;
		display: inline-block;
		line-height: 25px;
	}
	*/
	
	.uploader-border {
		background-color: rgba(34, 43, 63, 0.94);
		/* border: 1px solid rgba(255, 255, 255, 0.36); */
		border-radius: 22px;
		width: 100%;
		height: 200px;
		/* box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.35); */
	}
	
	.btn-baloo {
		/* border: none; */
		/* background-color: #1e2530; */
		/* color: #fff; */
		border-radius: 10px;
		padding: 1em 1.5em 0.6em;
		font-size: 18px;
		font-family: 'Baloo Tammudu', cursive;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		display: inline-block;
	}
	
	.uploader-border .center {
		width: 100%;
		text-align: center;
		position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: 0;
	}
	
	label[for="uploader"] {
		width: 100%;
		text-align: center;
	}



.loader-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.loader {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 2s linear infinite;
}

.loader-success {
	border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #222b3f;
	border-radius: 50%;
	width: 240px;
	height: 240px;
	margin: 32px;
	animation: spin 1.5s linear infinite;
}

.loader-small {
	display: inline-block;
	border: 4px solid #f3f3f3; /* Light grey */
	border-top: 4px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 24px;
	height: 24px;
	animation: spin 1s linear infinite;
}

span.loader {
  display: inline-block;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}





/*
.col-sm-4 {
max-width: 30%;
padding-top: 6px;
}
.col-sm-5 {
max-width: 30%;
padding-top: 6px;
}
.col-sm-6 {
max-width: 40%;
padding-top: 6px;
}
*/

.form-group {
  vertical-align: top;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + label + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + .input-helper:after, .form-check .form-check-label input[type="checkbox"] + label + .input-helper:after  {
  position: absolute;
  top: 0;
  left: 0;
}

.rtl .form-check .form-check-label input[type="checkbox"] + .input-helper:before, .rtl .form-check .form-check-label input[type="checkbox"] + label + .input-helper:before, .rtl .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
  left: auto;
  right: 0;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:before, .form-check .form-check-label input[type="checkbox"] + label + .input-helper:before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 2px;
  border: solid #248afd;
  border-width: 2px;
  -webkit-transition: all;
  -moz-transition: all;
  -ms-transition: all;
  -o-transition: all;
  transition: all;
  transition-duration: 0s;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}

.form-check .form-check-label input[type="checkbox"] + .input-helper:after, .form-check .form-check-label input[type="checkbox"] + label + .input-helper:after {
  -webkit-transition: all;
  -moz-transition: all;
  -ms-transition: all;
  -o-transition: all;
  transition: all;
  transition-duration: 0s;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  font-family: themify;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  content: '\e64c';
  font-size: .9375rem;
  font-weight: bold;
  color: #ffffff;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before, .form-check .form-check-label input[type="checkbox"]:checked + label + .input-helper:before {
  background: #248afd;
  border-width: 0;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-helper:after, .form-check .form-check-label input[type="checkbox"]:checked + label + .input-helper:after {
  width: 18px;
  opacity: 1;
  line-height: 18px;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.wizard > .steps .disabled a {
  background: #fff;
  border: 1px solid #e6e9ed;
  color: #434a54;
}

.wizard > .steps .disabled a:hover {
  background: #fff;
  border: 1px solid #e6e9ed;
  color: #434a54;
  cursor: default;
}

.wizard > .steps .disabled a:active {
  background: #fff;
  border: 1px solid #e6e9ed;
  color: #434a54;
  cursor: default;
}

.wizard > .steps .current a {
  background: #248afd;
  color: #fff;
  cursor: default;
}
.wizard > .steps .done a {
  background: #ffffff;
  color: #89c0fe;
  border: 1px solid #89c0fe;
}

.wizard > .content {
  background: #ffffff;
  display: block;
  margin: 0.5em;
  min-height: 550px;
  /* min-height: 24em; */
  overflow: auto;
  position: relative;
  width: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /* border-radius: 5px; */
  border: 0px solid #c9ccd7;
  overflow-x: hidden;
}

.wizard > .content > .body input {
  display: inline;
  /* border: 1px solid #c9ccd7; */
}

.wizard > .content > .body input.error {
  background: #fbe3e4;
  /* border: 1px solid #ffadad; */
  color: #ff4747;
}
.wizard > .content > .body label.error {
  color: #ff4747;
  display: block;
  margin-left: 1.5em;
}

.tabcontrol > .content {
  height: 50em;
}

#form-control-danger{
	border: 1px solid red;
}

.auth form .form-group {
  margin-bottom: 0.5rem;
}

div.has-danger{
	margin-bottom: 0px;
}

#steps-uid-0-p-6 > div:nth-child(3) > div > label > a{
	display: contents;
}

.form-group.has-danger .form-control, .form-group.has-danger .asColorPicker-input, .form-group.has-danger .dataTables_wrapper select, .dataTables_wrapper .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=text], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=text], .form-group.has-danger
.jsgrid .jsgrid-table .jsgrid-filter-row select,
.jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger select, .form-group.has-danger .jsgrid .jsgrid-table .jsgrid-filter-row input[type=number], .jsgrid .jsgrid-table .jsgrid-filter-row .form-group.has-danger input[type=number], .form-group.has-danger .select2-container--default .select2-selection--single, .select2-container--default .form-group.has-danger .select2-selection--single, .form-group.has-danger .select2-container--default .select2-selection--single .select2-search__field, .select2-container--default .select2-selection--single .form-group.has-danger .select2-search__field, .form-group.has-danger .typeahead, .form-group.has-danger
.tt-query, .form-group.has-danger
.tt-hint {
  border-color: #ff4747!important;
}

.multi-step-form {
	
	.no-js &, &.edit-form {
		fieldset button, h2 { display: none !important; }
		fieldset { display: block !important; }
		[type="submit"], [type="reset"] { display: inline-block !important; }
		.steps { display: none; }
	}
	
	
	fieldset {
		display: none;
		&:first-of-type { display: block; }
		&.hidden { display: none; }
		&.visible { display: block; }
	}
	
	.steps {
		button { border: 0; }
		[disabled]{ background: none; }
		.active { background: #eee; }
	}	
}

/* demo styles */
/* body { */
	/* padding: 1em; */
	/* max-width: 35em; */
	/* margin: 0 auto; */
/* } */
.error { color: red; }
label .optional {
	font-weight: normal;
	font-size: 90%;
}

/* html body div.container-scroller div.container-fluid.page-body-wrapper.full-page-wrapper div.content-wrapper.d-flex.align-items-center.auth.px-0 div.row.w-100.mx-0 div.col-lg-4.mx-auto div.col-12.grid-margin div.row div.col-lg-12 div.card div.card-body form#example-form.example-form div#steps-uid-0.wizard.clearfix div.actions.clearfix ul li.disabled a{ */
	/* display: none; */
/* } */

.wizard > .content::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}

.wizard > .content::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.wizard > .content::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,.3);
	background-color: #248afd;
}

.actions > ul:nth-child(1) > li:nth-child(1) > a:nth-child(1)
{
	background: #fff;
	color: #248afd;
}

#message-sent{
	display: none;
	background: #fff;
    border: 1px solid #248afd;
    color: #248afd;
	vertical-align: middle;
	text-align: center;
}

.message-sent{
	display: block!important;
	line-height: 30px;
}

.wizard > .steps{
	display: none;
}

.wizard > .content > .body {
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .col-sm-4{
	padding-top: 6px;
  }
  .col-sm-5{
	padding-top: 6px;
  }
  .col-sm-6{
	padding-top: 6px;
  }
}

.input-required {
	color: darkred;
	padding-left: 3px;
}

select[data-role="country-selector"] {
	color: #495057;
	margin-left: 1px;
}

.uploader-box.dropzone {
	position: relative;
	overflow: hidden;
	/* border: 2px dashed #c9ccd7; */
	border: 1px solid #248afd;
	border-radius: 3px;
	font-size: 0;
}

.uploader-box.dropzone:hover {
	background-size: 30px 30px;
	background-image: -webkit-linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, #F2F7F8 25%, transparent 25%, transparent 50%, #F2F7F8 50%, #F2F7F8 75%, transparent 75%, transparent);
	-webkit-animation: stripes 2s linear infinite;
	animation: stripes 2s linear infinite;
	cursor: pointer;
}

.uploader-box.dropzone .dz-message {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.uploader-box.dropzone .dz-message p {
	color: #000;
	margin: 5px 0 0;
	font-size: .8125rem;
	margin-bottom: .5rem;
	line-height: 1.3rem;
}

.uploader-box.dropzone .dz-message span.file-icon::before {
	display: inline-block;
	font: normal normal normal 24px/1 "themify";
	font-size: 24px;
	line-height: 1;
	font-size: inherit;
	text-rendering: auto;
	line-height: inherit;
	-webkit-font-smoothing: antialiased;
	content: '\e66b';
	color: #000;
	font-size: 1.25rem;
}

.uploader-box.dropzone .dz-preview {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: white;
	cursor: default;
}

.uploader-box.dropzone .dz-preview img[data-dz-thumbnail] {
	width: 100%;
}

.uploader-box.dropzone .dz-error-message {
	color: red;
	font-size: 0.9rem;
	text-align: center;
	margin-top: 20px;
	/*position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
}

.uploader-box.dropzone .dz-error .dz-success-mark,
.uploader-box.dropzone .dz-error-mark {
	display: none;
}

.uploader-box.dropzone .dz-success .dz-success-mark {
	position: absolute;
	top: 73px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.uploader-box.dropzone .dz-image {
	min-height: 200px;
}

.uploader-box.dropzone .dz-progress {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.uploader-box.dropzone .dz-progress .dz-upload { 
	display: block;
	opacity: 0.7;
	background-color: #0c1a43; 
	height: 200px;
	width: 0%;
}

.uploader-status {
	padding-left: 3px;
	color: #248afd; /* blue */
}

.uploader-status.success {
	padding-left: 3px;
	color: #4ac22a; /* green */
}

.uploader-status.danger {
	padding-left: 3px;
	color: #d84a4a; /* red */
}

.mt-2.text-danger {
	display: block;
}

footer {
	text-align: center;
	color: white;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 25px;
}

/*== start of code for tooltips ==*/
[data-tooltip] {
	position: relative;
	z-index: 100;
  }
  
  /* Positioning and visibility settings of the tooltip */
  [data-tooltip]:before,
  [data-tooltip]:after {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	left: 50%;
	bottom: calc(100% + 5px);
	pointer-events: none;
	transition: 0.2s;
	will-change: transform;
  }
  
  /* The actual tooltip with a dynamic width */
  [data-tooltip]:before {
	content: attr(data-tooltip);
	padding: 10px 18px;
	min-width: 50px;
	max-width: 300px;
	width: max-content;
	width: -moz-max-content;
	border-radius: 6px;
	font-size: 14px;
	background-color: rgba(59, 72, 80, 0.9);
	background-image: linear-gradient(30deg,
	  rgba(59, 72, 80, 0.44),
	  rgba(59, 68, 75, 0.44),
	  rgba(60, 82, 88, 0.44));
	box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
	white-space: pre-wrap;
	transform: translate(-50%, -5px) scale(0.5);
  }
  
  /* Tooltip arrow */
  [data-tooltip]:after {
	content: '';
	border-style: solid;
	border-width: 5px 5px 0px 5px;
	border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
	transition-duration: 0s; /* If the mouse leaves the element, 
								the transition effects for the 
								tooltip arrow are "turned off" */
	transform-origin: top;   /* Orientation setting for the
								slide-down effect */
	transform: translateX(-50%) scaleY(0);
  }
  
  /* Tooltip becomes visible at hover */
  [data-tooltip]:hover:before,
  [data-tooltip]:hover:after {
	visibility: visible;
	opacity: 1;
  }
  /* Scales from 0.5 to 1 -> grow effect */
  [data-tooltip]:hover:before {
	transition-delay: 0.3s;
	transform: translate(-50%, -5px) scale(1);
  }
  /* Slide down effect only on mouseenter (NOT on mouseleave) */
  [data-tooltip]:hover:after {
	transition-delay: 0.5s; /* Starting after the grow effect */
	transition-duration: 0.2s;
	transform: translateX(-50%) scaleY(1);
  }

  /* LEFT */
  /* Tooltip + arrow */
  [data-tooltip-location="left"]:before,
  [data-tooltip-location="left"]:after {
	left: auto;
	right: calc(100% + 5px);
	bottom: 50%;
  }
  
  /* Tooltip */
  [data-tooltip-location="left"]:before {
	transform: translate(-5px, 50%) scale(0.5);
  }
  [data-tooltip-location="left"]:hover:before {
	transform: translate(-5px, 50%) scale(1);
  }
  
  /* Arrow */
  [data-tooltip-location="left"]:after {
	border-width: 5px 0px 5px 5px;
	border-color: transparent transparent transparent rgba(55, 64, 70, 0.9);
	transform-origin: left;
	transform: translateY(50%) scaleX(0);
  }
  [data-tooltip-location="left"]:hover:after {
	transform: translateY(50%) scaleX(1);
  }
  
  
  
  /* RIGHT */
  [data-tooltip-location="right"]:before,
  [data-tooltip-location="right"]:after {
	left: calc(100% + 5px);
	bottom: 50%;
  }
  
  [data-tooltip-location="right"]:before {
	transform: translate(5px, 50%) scale(0.5);
  }
  [data-tooltip-location="right"]:hover:before {
	transform: translate(5px, 50%) scale(1);
  }
  
  [data-tooltip-location="right"]:after {
	border-width: 5px 5px 5px 0px;
	border-color: transparent rgba(55, 64, 70, 0.9) transparent transparent;
	transform-origin: right;
	transform: translateY(50%) scaleX(0);
  }
  [data-tooltip-location="right"]:hover:after {
	transform: translateY(50%) scaleX(1);
  }
  
  
  
  /* BOTTOM */
  [data-tooltip-location="bottom"]:before,
  [data-tooltip-location="bottom"]:after {
	top: calc(100% + 5px);
	bottom: auto;
  }
  
  [data-tooltip-location="bottom"]:before {
	transform: translate(-50%, 5px) scale(0.5);
  }
  [data-tooltip-location="bottom"]:hover:before {
	transform: translate(-50%, 5px) scale(1);
  }
  
  [data-tooltip-location="bottom"]:after {
	border-width: 0px 5px 5px 5px;
	border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
	transform-origin: bottom;
  }