@import "bootstrap.min.css";
@import "default.css";
@import "component.css";
/*@import "style.css";*/
@import "datepicker.css";
@import "slidebars.css";
@import "animate.min.css";
@import "font-awesome.min.css";
@import "ionicons.min.css";
@import "datedropper.css";
@import "flatpickr.min.css";
@import "nice.css";
@import "labelholder.css";
@import "rs/royalslider.css";
@import "rs/rs-default.css";
@import "rs-custom.css";
@import "../js/plugins/croppie/croppie.css";
@import "../js/plugins/toastr/toastr.css";
@import "../js/plugins/slick/slick.css";
@import "../js/plugins/fdocs/tableexport.min.css";
@import "../js/plugins/sweetalert/sweetalert2.css";
@import "../js/plugins/cslide/roundslider.min.css";

.ifooter {
	z-index: 10 !important;
}

.topnav.navstyle {
	z-index: 10 !important;
}

/*Anchor tag for OMNI*/
.omni_clickable_text {
	cursor: pointer;
	color: white;
	text-decoration: underline;
}

.swal_subtitle {
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	margin: 10px auto 15px auto;
}

.tc_content_area {
	text-align: justify;
	padding: 10px;
	overflow-y: scroll;
	max-height: 470px;
	/* min-height: 350px; */
	border: 1px solid gray;
}

.tc_titles {
	margin: 10px 0;
	display: inline-block;
	font-weight: 400;
}

.tc_content_area p {
	margin-bottom: 15px;
}

/*Boxed UI*/

.page_container {
	background-color: rgba(255, 255, 255, 0.10);
	color: #FFF;
	margin: 20px 0;
}

.page_title {
	background-color: rgba(255, 255, 255, 0.10);
	color: #FFF;
	margin-bottom: 15px;
	font-size: 26px;
	padding: 10px 0;
}

.body_head_area {
	display: block;
	/* background: black; */
	padding: 10px;
}

.input_amount {
	width: 150px;
	text-align: center;
}

.white_area {
	min-width: 320px;
	max-width: 350px;
	min-height: 260px;
	height: auto;
	max-height: max-content;
	position: relative;
	margin: 0 auto;
	/* z-index: -50; */
	margin-top: 10px;
	background: white;
	display: grid;
}

.amount_area {
	display: flex;
	align-items: baseline;
	align-self: center;
	margin: 10px auto;
}

.entered_amount {
	color: black;
	font-size: 30px;
	font-weight: 600;
	display: block;
}

.entered_amount.curr {
	color: black;
	font-size: 20px;
	font-weight: 600;
	display: block;
	margin-right: 10px;
}

.white_area_btn {
	font-size: 20px;
	color: white;
	margin: 15px auto;
}

.instructions_area {
	margin: 10px auto;
	align-self: center;
	/* background: brown; */
}

/*---*/
.form-group input[readonly] {
	background: #ddd !important;
	cursor: pointer !important;
}

.form-group input[readonly]:focus {
	border: none;
	outline: none;
	box-shadow: none;
}

.form-group .input-group {
	width: 100%;
}

.form-group .input-group-addon.ro_static {
	cursor: pointer;
}

.input-label-area {
	width: 150px;
}

/*Grid Table for Reports*/
.grid_table_row::before {
	content: none;
}

.grid_table_row {
	/*	border: 1px solid red;*/
	padding: 0 5px;
	display: grid;
}

.grid_table_col {
	/*	border: 1px solid blue;*/
	padding: 0 5px;
}

.grid_table_col.l {
	text-align: left;
}

.grid_table_col.r {
	text-align: right;
}

.grid_table_col.c {
	text-align: center;
}

.grid_table_col.total {
	font-weight: 600;
}

/*MiniApp 110*/
.inv_back td {
	text-align: right;
	vertical-align: baseline;
}

.inv_back td:first-child {
	text-align: left;
}

#sales_tip {
	margin-bottom: 30px;
	border-bottom: 1px solid #444;
}

/*#sales_tip .perc_color {
		color: #2196F3;
}*/

/*#sales_tip .curr_color {
		color: green;
}*/

/*.slider_toggle.tips input:checked+.slider2.round {
		background-color: green;
}*/

.slider_toggle.tips input+.slider2.round {
	background-color: white;
	border: 1px solid #ccc;
	/*	background: linear-gradient(90deg, #2196F3, green);*/
}

.slider_toggle.tips input+.slider2.round:before {
	background-color: #2196F3;
	top: 1px;
}

/*Delete Btn in Service list App:26*/
.del {
	position: absolute;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #c0392b;
	border: 1px solid #c0392b;
	border-radius: 50%;
	float: right;
	cursor: pointer;
}

.del:hover {
	text-decoration: none;
}

/*108002*/

#password_form input::placeholder {
	color: #888;
}

#input.dark
{
color: #545454;
border-color: #545454;
}

#password_form .input.dark,
#password_form .input:hover,
#password_form .input:focus {
	/*	background: deepskyblue;*/
	color: #545454;
	border-color: #545454;
}

.button {
	border: none;
	padding: 0.6em 1.2em;
	background: #FFC529;
	color: #fff;
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	display: inline-block;
	margin: 3px 2px;
	border-radius: 2px;
}

.button:hover {
	background: #b9e2f5;
	color: #000;
}

.button.btn-secondary,
.button.grey {
	background: #ccc;
	color: #555;
}

.button.btn-secondary:hover,
.button.grey:hover {
	background: #aaa;
	color: #555;
}

.button.btn-danger,
.button.red {
	background: #d9534f;
	color: #fff;
}

.button.btn-danger:hover,
.button.red:hover {
	background: #c9302c;
	color: #fff;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	opacity: 0.4;
}

#kycUL .btn.disabled,
#kycUL .btn[disabled],
#kycUL fieldset[disabled] .btn {
	background: #ccc;
}

.table-responsive table {
	background: transparent;
	font-size: 15px;
}

.reportview table thead {
	color: #fff;
	font-size: 14px;
}

.reportview table thead th {
	color: #20547B;
	vertical-align: bottom;
	padding: 0 10px;
	background: rgba(255, 255, 255, 0.8);
}

.reportview table tbody {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
	border-radius: 0px 0px 10px 10px;
	color: #545454;
}

.reportview table tbody tr {
	cursor: pointer;
}

.reportview table tbody tr td.trim {
	padding: 0;
}

.reportview table tbody tr:hover {
	background: #eee;
}

/*Float Management*/
.mBal #mbalance {
	font-size: 24px;
	vertical-align: middle;
}


.swal2-title {
	font-size: 24px !important;
}

textarea {
	color: #686868;
}

.swal-startupscreen {
	background-position: top center !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-color: #FFF !important;
	margin-left: -10px;
	background-position: bottom !important;
	background-size: 400px 177px !important;
}

/* Swal */

.swal-startupscreen {
	position: absolute;
	top: 10%;
}


.access-btn-startup {
	width: 193px !important;
    height: 46px !important;
    padding: 0 !important;
    position: relative;
    top: 340px;
}

.swipe-next {
	-webkit-appearance: none;
	width: 50% !important;
	height: 35px;
	background: #212529;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 25px;
	margin: auto;
  }
  
  .swipe-next:hover {
	opacity: 1;
  }
  
  .swipe-next::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 35px;
	height: 35px;
	background: #04AA6D;
	border-radius: 25px;
	background-image: url('../img/arrow-right-full.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 500%;
  }
  
  .swipe-next::-moz-range-thumb {
	width: 35px;
	height: 35px;
	background: #04AA6D;
	border-radius: 25px;
	background-image: url('../img/arrow-right-full.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 500%;
  }

.swipe-text {
	pointer-events: none;
	color: white;
}

.swipe-range {
	position: relative;
  	text-align: center;
}

.swipe-bar {
	position: absolute;
	top: 18%;
	left: 39.5%;
	pointer-events: none;
}

.rsNav .rsBullets {
	display: none;
}

input[type=range] {
	pointer-events: none;
}
	
input[type=range]::-webkit-slider-thumb {
	pointer-events:auto;
}


.swipe-next-reverse {
	-webkit-appearance: none;
	width: 50% !important;
	height: 35px;
	background: #212529;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 25px;
	margin: auto;
  }

.swipe-next-reverse::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 35px;
	height: 35px;
	background: #04AA6D;
	border-radius: 25px;
	background-image: url('../img/arrow-left-full.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 500%;
  }
  
  .swipe-next-reverse::-moz-range-thumb {
	width: 35px;
	height: 35px;
	background: #04AA6D;
	border-radius: 25px;
	background-image: url('../img/arrow-left-full.png');
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 500%;
  }

.mc-disclaimer-msg-div {
	font-weight: bold;
	font-size: 14px;
	color: #F7941D;
	/* color: #fff; */
	margin-bottom: 10px;
}