html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}

*{
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	margin: 0;
	padding: 0;
/*	font-family: 'Roboto', sans-serif;*/
	  font-family: "Outfit", sans-serif;
}

a {
	margin: 0;
	padding: 0;
	text-decoration: none !important;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	outline: none !important;
}

a:hover {
	color: #222;
}

img {
	max-width: 100%;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
	padding: 0;

}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	color: #353535;
}

button:focus,
input:focus {
	outline: none;
}
img
{
	width: 100%;
}

/*====================================*/




body [data-cel]{
	display: none;
}

body [data-blable]{
	display: none;
}


.bg_body{

	background: rgb(223 228 255);
	background: linear-gradient(90deg, rgb(227 232 252) 0%, rgb(199 207 247) 100%);
}







.notifications_alert{
       width: 100%;
    float: left;
    position: fixed;
    z-index: 9999999;
     display: none;

       animation: animate_notificaton linear .2s;
    animation-iteration-count: 1;
     bottom: 0;
    left: 0;
}


@keyframes animate_notificaton {
    width: 100%;
    float: left;
 0% {
    width: 100%;
    float: left;
       transform: translate(0px, 70px);
       opacity: 0;
    }
 90% {
    width: 100%;
    float: left;
       transform: translate(0px, -15px);
       opacity: 1;
    }
 100% {
    width: 100%;
    float: left;
       transform: translate(0px, 0px);
    }
 
  
}


.notifications_alert_inwpr{
    width: 100%;
    float: left;
    position: fixed;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-content: center;
    bottom: 0;
    left: 0;
   
}
.notifications_alert .alert_blk{
 width: 100%;
    float: left;
    max-width: 390px;
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
    background-color: #094172;
    padding: 15px;
    margin-bottom: 10px;
    background: rgb(0 0 102);
    background: linear-gradient(90deg, rgb(4 3 139) 0%, rgb(161 161 215) 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    border-radius: 5px;
    box-shadow: 0 1px 14px 0px rgb(0 0 0 / 30%);
}


.notifications_alert .icon{
    width: 30px;
    min-width: 30px;
    height: 30px;
    float: left;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    background-color: #286de5;
    margin-right: 15px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.notifications_alert .title{
    width: 100%;
    float: left;
}

.notifications_alert.error .icon{
	background-color: #f44336;
}
.notifications_alert.success .icon{
	background-color: #4caf50;
}






.icon_whatsapp{
    border-radius: 50%;
    float: none;
    background-color: #4CAF50;
    padding: 1px 5px;
    font-size: 22px;
    color: #fff;
}



.progress_bar_download{
	width: 100%;
	float: left;
	padding: 15px 0;
}
.progress_bar_download .title_blk{
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 500;
	margin-bottom: 5px;
}
.progress_bar_download .progress_bar{
	width: 100%;
	float: left;
	height: 3px;
	background-color: #dae5ff;
	border-radius: 2px;
	position: relative;
}
.progress_bar_download .progress_line{
    width: 0%;
    float: left;
    position: absolute;
    height: 3px;
    left: 0;
    top: 0;
    background-color: #0909ff;
    	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}



.slider-wrapper {
    width: 100%;
    float: left;
    /* height: 100vh; */
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-top: 100px; */
}

.dflex_center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider-wrapper .text-content {
    width: 100%;
    float: left;
    max-width: 800px;
    margin: 30px 0;
}

.section-content {
    width: 100%;
    float: left;
    max-width: 800px;
}

.slider-wrapper h2 {
    width: 100%;
    float: left;
    font-size: 50px;
    font-weight: 800;
    margin-block: 15px;color: #000;
}

.slider-wrapper h2 span {
    color: #19b51f;
    font-weight: 900;
}

.slider-wrapper p {
    font-size: 16px;
    color: #a3a3b7;
}

.btn-wrapper {
    width: 100%;
    float: left;
    margin: 15px 0;
}

.btn-main {
    width: auto;
    float: left;
    padding: 15px 35px;
    background-color: #0000c2;
    color: #fff;
    cursor: pointer;
    border-radius: 60px;
    font-weight: 600;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.btn-main:hover {
    background-color: #c4c4f1;
    color: #0000c2;
}

.home_logo{
	width: 100%;
	float: left;
}
.home_logo img{
	width: 120px;
}

.align-center{
	display: flex;
	height: 100vh;
	height: auto;
	align-items: center;
}

.slider_img_blk{
	width: 100%;
	float: left;
	margin: 30px 0;
}


.aj_loadind_wpr{
	width: 100%;
	float: left;
	position: fixed;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	left: 0;
	top: 0;
	z-index: 999;
}

.aj_loadind_wpr .loading_card{
	width: 50%;
	min-width: 100%;
	height: 100vh;
	margin: auto;
	display: flex;
	position: relative;
	border-radius: 3px;
	overflow: hidden;
}

.version{
	width: 100%;
	float: left;
	font-size: 14px;
	text-align: center;
	color: #616161;
	position: absolute;
	left: 0;
	bottom: 50px;
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Montserrat', sans-serif;
}
.aj_loadind_wpr .img_wpr{
	width:auto;
	float: left;
	max-width: 130px;
	margin: auto;
}
.aj_loadind_wpr .img_wpr img{
	width: 100%;
}

.loading_dots{
	position: absolute;
	top: calc(50% + 120px);
	width: 100%;
	float: left;
	display: flex;
}

.loading_dots span{
	width: 4px;
	height: 4px;
	display: block;
	background: #ffffff;
	border-radius: 50%;
	margin-right: 25px; 
	position: absolute;

}

.loading_dots span.dot_1{
	-webkit-animation: loadingDot_1 5s infinite; /* Safari 4.0 - 8.0 */
	animation: loadingDot_1 5s infinite;
	}.loading_dots span.dot_2{
		-webkit-animation: loadingDot_2 5s infinite; /* Safari 4.0 - 8.0 */
		animation: loadingDot_2 5s infinite;
		}.loading_dots span.dot_3{
			-webkit-animation: loadingDot_3 5s infinite; /* Safari 4.0 - 8.0 */
			animation: loadingDot_3 5s infinite;
		}
		.loading_dots span.dot_4{
			-webkit-animation: loadingDot_4 5s infinite; /* Safari 4.0 - 8.0 */
			animation: loadingDot_4 5s infinite;
		}
		.loading_dots span.dot_5{
			-webkit-animation: loadingDot_5 5s infinite; /* Safari 4.0 - 8.0 */
			animation: loadingDot_5 5s infinite;
		}
		.loading_dots span.dot_6{
			-webkit-animation: loadingDot_6 5s infinite; /* Safari 4.0 - 8.0 */
			animation: loadingDot_6 5s infinite;
		}	
		.loading_dots span.dot_7{
			-webkit-animation: loadingDot_7 5s infinite; /* Safari 4.0 - 8.0 */
			animation: loadingDot_7 5s infinite;
		}



		@-webkit-keyframes loadingDot_1 {
			0% {opacity:0; left: -50%;}
			45% {opacity:1; background-color:#bfc6ef; left: calc(50% + 60px);}
			46% {background-color:#000351;}
			55% {opacity:1; left: calc(50% + 60px);}
			100% {opacity:0; left: 150%}
		}
		@-webkit-keyframes loadingDot_2 {
			0% {opacity:0; left: -65%;}
			45% {opacity:1; background-color:#bfc6ef; left: calc(50% + 40px);}
			47% {background-color:#bfc6ef;}
			48% {background-color:#000351;}
			55% {opacity:1; left: calc(50% + 40px);}
			100% {opacity:0; left: 140%}
		}
		@-webkit-keyframes loadingDot_3 {
			0% {opacity:0; left: -80%;}
			45% {opacity:1; background-color:#bfc6ef; left: calc(50% + 20px);}
			49% {background-color:#bfc6ef;}
			50% {background-color:#000351;}
			55% {opacity:1; left: calc(50% + 20px);}
			100% {opacity:0; left: 130%}
		}
		@-webkit-keyframes loadingDot_4 {
			0% {opacity:0; left: -100%;}
			45% {opacity:1; background-color:#bfc6ef; left: calc(50% + 0px);}
			51% {background-color:#bfc6ef;}
			52% {background-color:#000351;}
			55% {opacity:1; left: calc(50% + 0px);}
			100% {opacity:0; left: 120%}
		}
		@-webkit-keyframes loadingDot_5 {
			0% {opacity:0; left: -120%;}
			45% {opacity:1; background-color:#bfc6ef; left: calc(50% - 20px);}
			52% {background-color:#bfc6ef;}
			53% {background-color:#000351;}
			55% {opacity:1; left: calc(50% - 20px);}
			100% {opacity:0; left: 110%}
		}
		@-webkit-keyframes loadingDot_6 {
			0% {opacity:0; left: -150%;}
			46% {opacity:1; background-color:#bfc6ef; left: calc(50% - 40px);}
			53% {background-color:#bfc6ef;}
			54% {background-color:#000351;}
			55% {opacity:1; left: calc(50% - 40px);}
			100% {opacity:0; left: 100%}
		}
		@-webkit-keyframes loadingDot_7 {
			0% {opacity:0; left: -200%;}
			45% {opacity:1; background-color:#bfc6ef; left: calc(50% - 60px);}
			54% {background-color:#bfc6ef;}
			55% {background-color:#000351;}
			55% {opacity:1; left: calc(50% - 60px);}
			100% {opacity:0; left: 90%}
		}

		/*========================*/

.pre_loader{
	width: 100%;
	float: left;
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
}
.pre_loader .pre_loader_blk{
		width: 100%;
	float: left;
}


	.login_wpr{
		width: 100%;
		float: left;
		height: 100vh;
		display: flex;
		justify-content: center;
		align-items: center;
		background-repeat: no-repeat;
	}

	.login_wpr .col-img{
		    width: 50%;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    height: 100%;
    padding: 25px;
    position: relative;
	}

		.login_wpr .col-img:before{
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			/* background-color:#fff; */
			left: 0;
			top: 0;
			/* background: rgb(223 228 255); */
			/* background: linear-gradient(180deg, rgb(208 217 255) 0%, rgb(199 207 247 / 0%) 100%); */
		}

				.login_wpr .col-img:after{
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			/* background-color:#fff; */
			left: 0;
			top: 0;
			/* background: rgb(223 228 255); */
			/* background: linear-gradient(267deg, rgb(211 218 249) 0%, rgb(199 207 247 / 0%) 100%); */
		}

	.login_wpr .home_logo{
		width: 100px;
		float: left;
		z-index: 1;
		position: relative;
	}
	.login_wpr .bannertext{
	    width: 100%;
	    float: left;
	    text-align: center;
	    letter-spacing: 8px;
	    font-size: 26px;
	    text-transform: uppercase;
	    text-shadow: 1px 1px 2px #0000c199;
	    color: #000000;
	    position: absolute;
	    z-index: 1;
	    top: 0;
	    left: 0;
	    height: 100%;
	    bottom: 0;
	    display: flex;
	    justify-content: center;
	    align-items: flex-start;
	    padding-top: 20vh;
	    font-weight: 700;
	}

	.login_wpr .powered_by{
		position: absolute;
		width: 100%;
		float: left;
		text-align: center;
		bottom: 15px;
		left: 0;
		font-size: 12px;
		font-weight: 600;
		color: #000;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 11;
	}
	.login_wpr .powered_by img{
		width: 40px;
		margin-left: 5px;
	}


.login_wpr .col-form{
	width: 50%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}


.login_remember_blk{
		width: 100%;
		float: left;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}

.login_remember_blk input{
	width: 20px;
	height: 20px;
}
.login_remember_blk span{
	margin-left: 10px;
	font-size: 14px;
}
.login_remember_blk label{
	margin-bottom: 0 !important;
}


.login_wpr{
	width: 100%;
	float: left;
}
.login_wpr .login_block{
	width: 100%;
	float: left;
	max-width: 420px;
	padding: 25px;
	background-color: #ffffff;
	border-radius: 15px;
}
.login_wpr h3{
	font-size: 35px;
	font-weight: 700;
	color: #000;
	padding-bottom: 30px;
}
.login_wpr .input_group{
	width: 100%;
	float: left;
}
.login_wpr label{
	width: 100%;
	float: left;
	display: block;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px;
}

.login_wpr label.error{
	font-size: 12px;
	color: #f00;
	margin-top: -8px;

}

.login_wpr .input_form{
	width: 100%;
	float: left;
	padding: 15px;
	border-radius: 5px;
	border: solid 1px #b6b6e7;
	margin-bottom: 15px;
}
.login_wpr .login_btn{
		width: 100%;
	float: left;
    background-color: #0000C1;
    color: #ffffff;
    height: 55px;
    line-height: 55px;
    text-align: center;
    padding: 0 35px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s;
    border: none;
    cursor: pointer;
}
.login_wpr .login_btn:hover{
	background-color: #000;
}


.section_center_full_vh{
	min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*-------------------*/

.settings_config{
			position: fixed;
			top: 0;
			left: 0;
			min-width: 100%;
			float: left;
			min-height: 100vh;
			z-index: 9;
			background-color: rgba(0, 0, 0, 0.54);
			display: none;
		}

		.settings_config .popup_content_out{
			top: 0;
			left: 0;
			width: 100%;
			float: left;
			height: 100vh;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.settings_config .popup_content_out .popup_content{
			width: 80%;
			max-width: 650px;
			float: left;
			background-color: #fff;
			position: relative;
			border-radius: 4px;
			box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.49);

			animation: animatePopup linear .3s;
			animation-iteration-count: 1;
			transition: 0.3s;
			-moz-transition: 0.3s;
			-webkit-transition: 0.3s;
			-o-transition: 0.3s;
			-ms-transition: 0.3s;
			transform: scale(1,1);
		}


		@keyframes animatePopup{
			0% {
				opacity:0;
				transform:   scale(0.9,0.9);
			} 
			80% {
				transform:   scale(1.05,1.05);
			}

			100% {
				opacity:1;
				transform: scale(1,1);
			}
		}



		.settings_config .popup_content_out .popup_content .close_popup{
			position: absolute;
			right: -10px;
			top: -10px;
			width: 35px;
			height: 35px;
			background: #f39696;
			color: #f70808;
			border-radius: 50%;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 21px;
			box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4117647058823529);
			cursor: pointer;
		}

		.settings_config .popup_content_out .popup_content .head{
			width: 100%;
			float: left;
			padding: 10px 15px;
			font-size: 20px;
			font-weight: 500;
		}	


		.settings_config .popup_content_out .popup_content .popup_body{
			width: 100%;
			float: left;
			padding: 10px 15px;
			padding-bottom: 25px;
			overflow: hidden;

		}

		.form_wpr .input_row{
			width: 100%;
			float: left;
			margin-bottom: 5px;
		}
		.form_wpr .input_row label{
			width: 100%;
			float: left;
			margin-bottom: 5px;
			font-size: 14px;
			font-weight: 500;
		}

		.form_wpr .input_row label span{
			font-size: 12px;
			color: #fffefe;
			background: #33a52b;
			padding: 2px 15px;
			border-radius: 15px;
			margin-left: 7px;
			font-weight: 300;
		}

		.form_wpr .input_row input{
			width: 100%;
			float: left;
			margin-bottom: 10px;
			padding: 12px 15px;
			font-size: 15px;
			font-weight: 500;
			border-radius: 3px;
			border: solid 1px #b6b6e7;
		}
		.form_wpr .input_row select{
			width: 100%;
			float: left;
			margin-bottom: 10px;
			padding: 12px 15px;
			font-size: 15px;
			font-weight: 500;
			border-radius: 3px;
			border: solid 1px #b6b6e7;
		}
		.form_wpr .input_row .msg_area{
			width: 100%;
			float: left;
			margin-bottom: 10px;
			padding: 15px;
			font-size: 15px;
			font-weight: 500;
			border-radius: 3px;
			border: solid 1px #b6b6e7;
		}

		.form_wpr .input_btn_row{
			width: 100%;
			float: left;
			display: flex;
			justify-content: flex-end;

		}	

		.form_wpr .input_download_btn_row{
			justify-content: flex-start;
			margin-bottom: 15px;
		}	


		.form_wpr .input_btn_row .btn_submit{
			width: auto;
			float: left;
			padding: 12px 45px;
			color: #ffffff;
			background-color: #0000C1;
			border-radius: 5px;
			cursor: pointer;
			border: none;
	   		transition: 0.3s;
	}
		.form_wpr .input_btn_row .btn_submit_stop{
			width: auto;
			float: left;
			padding: 12px 45px;
			color: #ffffff;
			background-color: #ff2a2a;
			border-radius: 5px;
			cursor: pointer;
			border: none;
	   transition: 0.3s;
	}
		.form_wpr .input_btn_row .btn_submit_stop:hover{
			background-color: #ed0404 !important;

		}

		.btn_submit.loading
		{
			pointer-events: none;
			position: relative;
			padding-right: 55px;

		}
		.btn_submit.loading::after{
		  content: "";
		  position: absolute;
		  right: 15px;
    	top: 5px;
		  display: block;
		  width: 25px;
		  height: 25px;
		  margin: 8px;
		  border-radius: 50%;
		  border: 3px solid #fff;
		  border-color: #fff transparent #fff transparent;
		  animation: ring 1.2s linear infinite;
		}
		@keyframes ring {
		  0% {
		    transform: rotate(0deg);
		  }
		  100% {
		    transform: rotate(360deg);
		  }
		}


		


.form_wpr .input_btn_row .btn_submit:hover{
	background-color: #000;
}
		.footer{
			position: fixed;
			z-index: 9;
			width: 100%;
			max-width: 50%;
			height: 30px;
			bottom: 0;
/*			text-align: center;*/
			font-size: 12px;
			padding-left: 15px;

		}




		/*===  settings ===*/
			.settings_wpr{
				width: 100%;
				float: left;
				padding: 15px;
			}

			.settings_wpr .row_settings{
				width: 100%;
				float: left;
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				padding: 5px;
				/*margin-bottom: 5px;*/
				min-height: 55px;
				border-bottom: solid 1px rgba(19, 222, 16, 0.08);

			}

			.settings_wpr .row_settings .lable{
				min-width: 250px;
				font-weight: 500;
				color: #5a5a5a;
			}	

			.settings_wpr .row_settings .input_form{
				min-width: 300px;
				display: flex;
				font-weight: 500;
				color: #000;
				position: relative;

			}

			.settings_wpr .row_settings .input_form .form-group{
				margin-right: 25px;

			}

			.config_form{
				width: 100%;
				float: left;
				display: flex;
				justify-content: center;
				align-items: center;
				height: calc(100vh - 100px);
			}
			 .config_form .settings_wpr{
				width: 100%;
				float: left;
				max-width: 500px;
				background-color: rgba(255, 255, 255, 0.13);
				border-radius: 10px;
			}

			.settings_wpr .head_settings{
				font-size: 17px;
				font-weight: 500;
				margin-bottom: 5px;
				border-bottom: solid 1px rgba(36, 132, 35, 0.36);
				padding-bottom: 10px;
			}
			.settings_wpr .row_sel_col .form-group{
				padding: 5px 15px;	
				text-transform: capitalize;	
			}

			.settings_wpr .btn_wpr{
				display: flex;
				margin-top: 10px;
				justify-content: flex-end;
			}

			.settings_wpr  .save_settings{
				width: auto;
			    float: left;
			    padding: 10px 25px;
			    background-color: #09a008;
			    color: #fff;
			    border-radius: 3px;
			    cursor: pointer;
			    box-shadow: 0 1px 9px 1px rgba(0, 0, 0, 0.18);
			    border: 0;
			    min-width: 150px;
			    font-size: 16px;

			}


			 label.error{
				font-size: 11px;
				color: #f00;
				animation: animateTooltip linear .3s;
			animation-iteration-count: 1;
				}

				input.error{
				    box-shadow: 0 0 5px 0px #ff0b0b4d;
				}

			/*=== !settings ===*/

			/*=================Pages=====================*/

		.print_page_container{
			width: 100%;
			float: left;
			position: fixed;
			left: 0;
			height: 100vh;
			z-index: 9;
			transition: 0.3s;
			-moz-transition: 0.3s;
			-webkit-transition: 0.3s;
			-o-transition: 0.3s;
			-ms-transition: 0.3s;
		}

		.print_page_container.show{
			top: 0;
			opacity: 1;
			visibility: visible;
		}


		.print_page_container .page_head{
			width: 100%;
			float: left;
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: #151517;
		}

		.print_page_container .page_head h2{
			font-size: 24px;
			color: #000351;
			font-weight: 500;
			padding: 10px;
		}

		.print_page_container .page_head h2 span{

			font-size: 20px;
			color: #1dce1b;
			padding-left: 12px;
			font-weight: 700;
		}

		.print_page_container .page_head .back_btn{
			width: auto;
			height: 50px;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 5px 15px;
			font-size: 14px;
			font-weight: 400;
			cursor: pointer;
		}

		.print_page_container .page_head .back_btn .icon{
			margin-right: 10px;

		}

		.mb-15{
			margin-bottom: 15px;
		}
		.print_page_container .page_body{
			padding: 15px;
			width: 100%;
			float: left;
			max-height: calc(100vh - 50px);
			overflow: auto;

		}

		.print_page_container .info_dec_head{
			font-size: 15px;
			font-weight: 500;
			margin-bottom: 15px;
		}

/* ------- Home Page ---------*/
	.wb_condiner{
		width: 100%;
		float: left;
	}
	.wb_condiner .nav_fix_blk{
		width: 100px;
		float: left;
		background-color: #ffffff;
		position: fixed;
		z-index: 99;
		top: 25px;
		left: 15px;
		bottom: 25px;
		border-radius: 18px;
		transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
	}

		.wb_condiner .nav_fix_blk:hover{
		box-shadow: 3px 3px 20px 0px rgba(0, 0, 0, 0.06);

		}

	.wb_condiner .logo_blk{
		width: 100%;
		float: left;
		padding: 10px;
		margin: 5px 0;
		max-width: 100px;
		transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
	}
	.wb_condiner .logo_blk img{
		width: 100px;
	}
	.wb_condiner .menu_list_outwpr{
		width: 100%;
		float: left;
		height: calc(100% - 150px);
		max-height: calc(100% - 150px);
		display: flex;
		justify-content: center;
/*		align-items: center;*/
		overflow: auto;
		overflow-x: hidden;
		margin: 10px 0;
	}



.wb_condiner .menu_list_outwpr::-webkit-scrollbar {
  width: 2px;
  height: 8px;
  background-color: #dcdbf1; /* or add it to the track */
}

/* Add a thumb */
.wb_condiner .menu_list_outwpr::-webkit-scrollbar-thumb {
  background: #8383d9;
}



	.wb_condiner .menu_list_wpr{
		width: 100%;
		float: left;
/*		margin: auto;*/
	}
	.wb_condiner .menu_blk{
		width: 100%;
		float: left;
		position: relative;
		cursor: pointer;
		transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
		padding-left: 30px;
		margin-bottom: 15px;
	}
	.wb_condiner .menu_blk.active .icon{
		color: #0000c2;
		width: 40px;
		background-color: #d8d8ff;
		border-radius: 50%;
		background: rgb(223 228 255);
		background: linear-gradient(90deg, rgb(207 202 255) 0%, rgb(209 231 255) 100%);
	}

		.wb_condiner .menu_blk.active .icon{
			animation: animateMenuicon linear .3s;
			animation-iteration-count: 1;
		}


		@keyframes animateMenuicon{
			0% {
				opacity:0;
				transform:   scale(0.1) rotate(-90deg);
			} 
			80% {
				transform:   scale(1) rotate(0deg);
			}

			100% {
				opacity:1;
				transform: scale(1);
			}
		}



	.wb_condiner .menu_blk.disable_menu{
		opacity: 0.5;
		cursor: no-drop;
	}

	.wb_condiner .menu_blk.disable_menu:hover{
		margin-bottom: 15px;
	}
.wb_condiner .menu_blk.disable_menu:hover:after{
	content: 'Upgrade to a higher plan to access this feature.';
	position: absolute;
	font-size: 11px;
	background-color: #000251;
	color: #fff;
	padding: 4px 10px;
	white-space: nowrap;
	left: 34px;
	top: 35px;
	z-index: 9;
	border-radius: 2px;
	z-index: 9;
	}

	.wb_condiner .nav_fix_blk:hover {
		width: 300px;
	}

	.wb_condiner .nav_fix_blk:hover .menu_title{
		display: flex;
		align-items: center;
	}

		.wb_condiner .menu_blk:hover .menu_title{
			color: #141798;
			font-weight: 600;
			left: 90px;
		}


	.wb_condiner .icon{
		width: 40px;
		float: left;
		height: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 20px;
		color: #141798;
	}
	.wb_condiner .menu_title{
		width: 100%;
		max-width: 300px;
		float: left;
		position: absolute;
		left: 80px;
		top: 3px;
		height: 40px;
		font-size: 16px;
		display: none;
		color: #000351;
		white-space: nowrap;
		transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;
	}

	.wb_condiner .nav_fix_blk .version{
		width: 100%;
		float: left;
		font-size: 12px;
		position: absolute;
		bottom: 15px;
		text-align: center;
	}

/* ------- main content -------	*/
.main_content_wpr{
	width: calc(100% - 130px);
	float: left;
	height:calc(100vh - 30px);
	margin-left: 130px;
	margin-top: 30px;
	padding: 0 15px;
	transition: 0.3s;
		-moz-transition: 0.3s;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		-ms-transition: 0.3s;

overflow: auto;		


}
.main_content_wpr .iframe{
	width: 100%;
	height:calc(100vh - 50px);
	max-height:calc(100vh - 50px);
	float: left;
	border-radius: 12px;
}

.main_content_wpr.hover{
	transform: translateX(200px);
}


/*==================*/

.modal .modal-dialog{max-width: 100%;width: 100%;
    height: 100vh;
  max-height: 100vh;
/* background: rgb(0 0 0 / 80%);*/
 -webkit-backdrop-filter: blur(4px);
 backdrop-filter: blur(4px); 
display: flex;
justify-content: center;
align-items: center;
margin: 0;/*    background: #5a7389;*/
}
.modal .modal-content{position: relative;
	max-width: 1000px;
	width: auto;
	margin: 30px;
/*    height: calc(100vh - 100px);*/
    border-radius: 12px;}
.modal .modal-body{
       padding: 0 !important;
    background: transparent;
    border-radius: 12px;
    max-height: calc(100vh - 95px);
    overflow: auto;
}

.modal .modal-body::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  background-color: #dcdbf1; /* or add it to the track */
}

/* Add a thumb */
.modal .modal-body::-webkit-scrollbar-thumb {
  background: #8383d9;
}




.modal .modal-md .modal-content{
	width:100%;
	max-width: 480px;
}


.btn_close_popup{    width: auto;
    float: left;
    position: absolute;
    top: -50px;
    right: 0px;
    cursor: pointer;
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fbfbfb;
    text-shadow: 1px 1px 1px #ff000059;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
  }
.btn_close_popup i{
    font-size: 25px;
    margin-right: 10px;
}


.modal-backdrop.show {
    z-index: 99999;

    background: rgb(0 0 0 / 80%);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px); 
}



.btn_close_popup:hover{color: #f00;}

.p-modal{
	padding: 15px;
}

    .modal {
    z-index: 999;
  }
  .modal-backdrop.show {
    z-index: 991;
  }
.page-header-main.fixed {
      z-index: 888 !important;
}
@media (max-width: 1024px) {
    .page-header-main {
       z-index: 888 !important;
      }
    }
  .form-group label.error {
    color: #f00;
    position: absolute;
}
 .iti--separate-dial-code{
        width: 100%;
      }


.p-color{
	color: #000351;
}

 .modal-title{
 	width: 100%;
 	float: left;
 	font-size: 18px;
 	font-weight:600 ;
 	color: #000351;
 	margin-bottom: 15px;
 }     

/*----      */

.head_page{
	width: 100%;
	float: left;
	padding: 10px 0;
	font-size: 18px;
}

/*.device_list_wpr{
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}
.device_list_wpr .col_device{
	width: 100%;
	float: left;
	min-width: calc(25% - 15px);
	max-width: 300px;
	margin-right: 15px;
	margin-bottom: 15px;
}*/

.device_list_wpr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between items */

    	animation: animateTooltip linear .3s;
			animation-iteration-count: 1;


}

.device_list_wpr .col_device {
    flex: 1 1 calc(25% - 15px); /* This allows items to take up 25% of the width and adjust dynamically */
    max-width: 350px; /* Set a maximum width for each column */
    min-width: 300px;
/*    margin-bottom: 15px;*/

position: relative;
}
.device_list_wpr .col_device .child_tab{
    position: absolute;
    top: 15px;
    right: 60px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffeeee;
    border-radius: 50%;
    opacity: 0;
}
.device_list_wpr .col_device.tab_opened .child_tab{
	opacity: 1;
}
.device_list_wpr .col_device.tab_opened.tab_opened_done .child_tab{
	background-color: #ccf2ff;
}
.device_list_wpr .col_device.tab_opened.tab_opened_start .child_tab{
    background-color: #ddffd0;
    box-shadow: 0 0 0 0 rgb(98 125 199 / 70%);
  -webkit-animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1);
}


@-webkit-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(98, 125, 199, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(98, 125, 199, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 15px rgba(98, 125, 199, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 15px rgba(98, 125, 199, 0);}}


.device_list_wpr .col_device .btn_whatsapp{
    width: 100%;
    float: left;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
    background: rgb(223 228 255);
    background: linear-gradient(90deg, rgb(227 232 252) 0%, rgb(199 207 247) 100%);
    color: #0000c2;
    font-weight: 500;
    	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
.device_list_wpr .col_device .btn_whatsapp:hover{
	    background: rgb(223 228 255);
    background: linear-gradient(90deg, rgb(169 169 255) 0%, rgb(0 0 194) 100%);
    color: #ffffff;
}



.device_list_wpr .create_deivce{
	width: 100%;
	float: left;
	text-align: center;
	background-color: #ffffff;
	border-radius: 12px;
	cursor: pointer;
	padding: 25px 15px;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	height: 100%;
}

.device_list_wpr .create_deivce:hover{
	    box-shadow: 0 0 20px 5px rgb(0 0 0 / 5%);
}

.device_list_wpr .icon{
	width: 100%;
	float: left;
	height: 80px;
}
.device_list_wpr .btn_web{
	width: 100%;
	float: left;
	color: #0000c2;
}

.show_deivce{
	font-size: 14px;
	text-align: left !important;
	position: relative;
	cursor: auto !important;
}
.show_deivce .action_blk{
	padding-left: 50px;
	padding-bottom: 50px;
	position: absolute;
	right: 15px;
	top: 15px;
}
.show_deivce .action_blk .btn_action{
    width: 30px;
    height: 30px;
    background: #e7ebff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;

}  




		@keyframes animateTooltip{
			0% {
				opacity:0;
				transform:   translate(0,-10px);
			} 
			80% {
				transform:   translate(0,5px);
			}

			100% {
				opacity:1;
				transform: translate(0,0)
			}
		}



.show_deivce .action_blk:hover .tooltip_menu{
	display: block;
}

.show_deivce .tooltip_menu{
	width: 100%;
	float: left;
	min-width: 150px;
	position: absolute;
		z-index: 1;
	background: #ffffff;
	right: 0;

	padding: 5px;
	box-shadow: 0 2px 14px 1px #b5c2ff;
	border-radius: 8px;
	display: none;
		  animation: animateTooltip linear .3s;
		animation-iteration-count: 1;
}
.show_deivce .row_menu{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	padding: 10px;
	cursor: pointer;
}

.show_deivce .row_menu:hover .m_title{
	color: #141798;
}

.show_deivce .m_icon{
	width: 25px;
	float: left;
	color: #000;
		transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
.show_deivce .m_title{
	width: 100%;
	float: left;
	color: #000;
	font-size: 14px;
}




.show_deivce .d_title{
	width: 100%;
	float: left;
	font-size: 16px;
	font-weight: 500;
	color: #0000c2;
	margin-bottom: 5px;
}
.show_deivce .d_info{
	width: 100%;
	float: left;
}
.show_deivce .d_info{
	width: 100%;
	float: left;
}
.show_deivce .label{
	width: 100%;
	float: left;
	color: #9fa8d5;
}
.show_deivce .value{
	width: 100%;
	float: left;
	font-weight: 500;
}
.show_deivce .d_info{
	width: 100%;
	float: left;
	display: flex;
	margin-top: 5px;
}
.show_deivce .d_status{
	width: 100%;
	float: left;
}
.show_deivce .status_0{
	width: 100%;
	float: left;
	color: #f00;
	font-weight: 500;
}
.show_deivce .status_1{
	width: 100%;
	float: left;
	color: #14a119;
	font-weight: 500;
}



.tutorial_wpr{
	width: 100%;
	float: left;
}
.tutorial_wpr .title{
	width: 100%;
	float: left;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 10px;
}
.tutorial_wpr .img_blk{
		width: 100%;
	float: left;
	margin-bottom: 15px;
	border-radius: 10px;
	overflow: hidden;
}


.activities {
		width: 100%;
	float: left;

}
.activities .activity {
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    margin: 10px  0;
    background-color: aliceblue;
    padding: 4px;
    border-radius: 40px 5px 5px 40px;
    background: rgb(232 236 255);
    background: linear-gradient(90deg, rgb(100 123 239 / 61%) 0%, rgb(209 216 249 / 0%) 100%);
}
.activities .activity .activity-icon {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    line-height: 50px;
    font-size: 20px;
    text-align: center;
    margin-right: 20px;
    border-radius: 50%;
    flex-shrink: 0;
    text-align: center;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;

   background: rgb(223 228 255);
    background: linear-gradient(118deg, rgb(134 165 255) 0%, rgb(0 0 194) 100%);
}

.shadow-primary {
    box-shadow: 0 2px 6px #acb5f6;
}
.activities .activity .activity-detail {
    /* background-color: #fff; */
    border: none;
    position: relative;
    /* margin-bottom: 30px; */
    position: relative;
    padding: 1px;
}

.text_job{
	font-size: 14px;
	font-weight: 500;
	color: #fffded;
}

.activities p{
	font-size: 13px;
	color: #000;
	font-weight: 500;
}

.app_scan_wpr{
	width: 100%;
	float: left;
	position: relative;
	min-height: 100vh;
}
.app_scan_wpr .title{
	width: 100%;
	float: left;
	font-weight: 400;
    font-size: 16px;
    margin-bottom: 15px;
}

.disconnected{
	width: 100%;
	float: left;
/*	height: calc(100vh - 100px);*/
	background-size: cover;
	background-repeat: no-repeat;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* position: relative; */
	/* flex-wrap: wrap; */
}
.disconnected .img_blk{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
}
.disconnected .img_blk img{
	min-height: 300px;
	height: calc(100vh - 320px);
	width: auto;
	opacity: 0.8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.disconnected .error_msg{font-size: 22px;font-weight: 800;color: #ffffff;text-shadow: 0 0 7px #0000000f;height: 65px;display: flex;justify-content: center;align-items: center;padding: 10px 20px;border-radius: 9px;background: #FF5722;background: linear-gradient(90deg, #ff5151 0%, rgb(189 161 255) 100%);}



.connected{
	width: 100%;
	float: left;
/*	height: calc(100vh - 100px);*/
	background-size: cover;
	background-repeat: no-repeat;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	/* position: relative; */
	/* flex-wrap: wrap; */
}
.connected .img_blk{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 25px;
}
.connected .img_blk img{
	min-height: 300px;
	height: calc(100vh - 320px);
	width: auto;
	opacity: 0.8;
	display: flex;
	justify-content: center;
	align-items: center;
}
.connected .error_msg{font-size: 22px;font-weight: 800;color: #ffffff;text-shadow: 0 0 7px #0000000f;height: 65px;display: flex;justify-content: center;align-items: center;padding: 10px 20px;border-radius: 9px;background: #8BC34A;background: linear-gradient(90deg, #14bf21 0%, rgb(107 229 112) 100%);}

.qr-area{
	width: 100%;
	float: left;
}
.qr-area-code{
	width: 100%;
	float: left;
	height: calc(100vh - 200px);
	min-height: 320px;
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px;
	border-radius: 12px;
}
.qr-area .qr-area-code img{
	width: 200px;

}

.logout_btn{
    width: auto;
    float: right;
    padding: 8px 25px;
    background-color: #ffffff;
    border-radius: 35px;
    font-size: 14px;
    cursor: pointer;

    	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;

}		

.logout_btn:hover{
	background-color: #b3b3fd;
	color: #fff;
}


.scan_qr_wpr{
	width: 100%;
	float: left;
	position: relative;

		animation: animateTooltip linear .3s;
			animation-iteration-count: 1;

}
.scan_qr_wpr .back_qr{

position: absolute;

right: 0px;

color: #ffffff;

cursor: pointer;

width: auto;

float: left;

padding: 5px;

background-color: aliceblue;

background: rgb(223 228 255);

background: linear-gradient(90deg, rgb(159 159 229) 0%, rgb(0 0 194) 100%);

border-radius: 5px;

padding: 5px 15px;
}

.qr_screen{
			animation: animateScreen linear .3s;
			animation-iteration-count: 1;
}



		@keyframes animateScreen{
			0% {
				opacity:0;
				transform:   scale(0.98,0.99);
			} 
			80% {
				transform:   scale(1,1);
			}

			100% {
				opacity:1;
				transform: scale(1,1);
			}
		}




.single_wpr{
	width: 100%;
	float: left;
	   	animation: animateTooltip linear .3s;
			animation-iteration-count: 1;
}
.card_title{
	    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}
.msg_device_head{
	width: 100%;
	float: left;
}
.msg_device_body{
	width: 100%;
	float: left;
}
.msg_type_list{
	width: 100%;
	float: left;
}
.msg_type_blk{
	width: 100%;
	float: left;
	padding: 15px 15px;
	margin-bottom: 10px;
	background: rgb(223 228 255);
	background: linear-gradient(90deg, rgb(229 230 255) 0%, rgb(218 218 249) 100%);
	border-radius: 12px;
	cursor: pointer;
	font-size: 15px;
	font-weight: 500;
}

.msg_type_blk.active{
       background: rgb(12 32 141);
    background: linear-gradient(337deg, rgb(0 0 193) 0%, rgb(29 14 102) 100%);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 2px 6px 0px #0303ff38;
}

.msg_form{
		width: 100%;
		float: left;
		background-color: #ffffff;
		padding: 15px;
		border-radius: 12px;
}

.label_sub_info{
    width: 100%;
    float: left;
    font-size: 12px;
    color: #ffffff;
    text-align: left;
    background: #0b059d;
    padding: 2px 15px;
    background: linear-gradient(90deg, rgb(13 6 154) 0%, rgb(160 175 255) 100%);
    border-radius: 2px;
    margin-bottom: 5px;
}

.error_file_path{
	color: #f00;
}




/*-------------*/

.page_head_wpr{
	width: 100%;
	float: left;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin-bottom: 15px;
	margin-top: -45px;
}
.page_head_wpr .btn_web{
    width: auto;
    float: left;
    padding: 10px 25px;
    color: #fdfcfb;
    background-color: #0000C1;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    border: none;
    transition: 0.3s;
    margin-left: 10px;
    background: rgb(51 70 173);
    background: linear-gradient(90deg, rgb(0 0 194) 0%, rgb(55 60 179) 100%);
}

.page_head_wpr .btn_web:hover {
	color: #fff;
    background: rgb(156 168 233);
    background: linear-gradient(90deg, rgb(132 155 243) 0%, rgb(120 137 217) 100%);
        box-shadow: 0 1px 9px 1px rgb(147 147 243 / 46%);
}


.notfound
{
	width: 100%;
	float: left;
	height: calc(100vh - 200px);
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	 animation: animateTooltip linear .3s;
		animation-iteration-count: 1;
}
.notfound .img_blk
{
	width: 100%;
	float: left;
	max-width: 300px;
	opacity: 0.6;

}
.notfound .note_msg
{
	width: 100%;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 100%;
	padding-bottom: 10vh;
	font-weight: 600;
	font-size: 18px;
	color: #000;
	opacity: 0.8;
}


.table_list_wpr{
	width: 100%;
	float: left;
	 animation: animateTooltip linear .3s;
		animation-iteration-count: 1;
		padding-bottom: 15px;
		position: relative;
}
.table_list_wpr .table_data{
	    min-width: 100% !important;
}
.table_list_wpr .table_data thead{
	        background: rgb(6 7 192);
	        background: linear-gradient(132deg, rgb(128 128 225) 0%, rgb(4 4 193) 100%);
	        color: #fff;
	        width: 100%;
}
.table_list_wpr .table_data th{
	font-size: 14px;
	height: 40px;
	padding: 5px;
	width: 100%;
}
.table_list_wpr .table_data td{
	font-size: 14px;
}


.dataTables_wrapper input{
	    border: solid 1px #d4dbf9;
    padding: 5px;
    border-radius: 5px;
}
.dataTables_wrapper select{
	    border: solid 1px #d4dbf9;
    padding: 5px;
    border-radius: 5px;
}
.dataTable {
/*	margin: 15px 0 !important;*/
/*	float: left;*/
}

table.dataTable.no-footer {
    border-bottom: 1px solid #d5daf5;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #d2d9f9;
}

table.dataTable tbody tr {
    background-color: #dae1ff;
    transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
table.dataTable tbody tr:nth-child(odd) {
    background-color: #d6dcff;
}

table.dataTable tbody tr:hover {
    background-color: #e9edff;

}

.dataTables_wrapper .dataTables_info{
	font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    border: 1px solid #5557b4;
    background: #0000c2;
    background: linear-gradient(132deg, rgb(128 128 225) 0%, rgb(4 4 193) 100%);
    border-radius: 5px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    border-radius: 5px;
	    background: #0000c2;
    background: linear-gradient(90deg, rgb(0 0 194) 0%, rgb(0 3 81) 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
	padding: 5px;
	font-size: 12px;
}

.btn-tbl-action-wpr{
	width: auto;
	float: left;
	display: flex;
}

.btn-tbl-action{
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin-right: 10px;
    background: #0000c2;
    background: linear-gradient(90deg, rgb(208 206 255) 0%, rgb(209 229 255) 100%);
    color: #000000;
    cursor: pointer;
    border-radius: 50%;
        transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	cursor: pointer;

}


.btn-tbl-action:hover{
	    color: #fff;
    background: #0000c2;
    background: linear-gradient(25deg, rgb(159 162 255) 0%, rgb(26 26 203) 100%);
}
.btn-tbl-action.btn_whatsapp{
	background: linear-gradient(90deg, rgb(56 215 39) 0%, rgb(21 165 32) 100%);
    color: #fff;
    font-size: 22px;
}

.btn-tbl-action.btn_whatsapp:hover{
	    background: linear-gradient(90deg, rgb(71 235 54) 0%, rgb(11 193 151) 100%);
}


.dataTables_filter{
	margin-bottom: 15px;
}

.dataTables_scrollHeadInner{
	width: 100% !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody{
	border-bottom:none;
}


.table_data th,td {
	position: relative;
}
.tbl_checkbox_head{
       height: 18px;
    width: 18px;
    position: absolute;
    left: 10px;
    top: 61px;
    z-index: 1;
}


.filter_wpr{
        height: 18px;
    width: auto;
    position: absolute;
    right: 280px;
    top: 0;
    z-index: 1;
}
.filter_wpr .btn_filter{
    width: auto;
    float: left;
    cursor: pointer;
    padding: 6px 15px;
    background-color: #babdff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    background: linear-gradient(90deg, rgb(187 199 255) 0%, rgb(182 190 241) 100%);
    border: solid 1px #e6e6ff;
}
.filter_wpr .btn_filter.btn_close{
	    background: #f72424;
    background: linear-gradient(90deg, #ff5061 0%, #eb7979 100%);
    color: #fff;
}




.filter_popup_outwpr{
		  width: auto;
    float: left;
    position: absolute;
    padding-bottom: 25px;
        right: 0;
    top: 40px;
     animation: animateTooltip linear .3s;
		animation-iteration-count: 1;

}
.filter_popup{
	    width: auto;
    float: left;
/*    position: absolute;*/
    background-color: #ffffff;
    min-width: 440px;

    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 4px 16px 0px #00000052;
    
}
.filter_popup .filter_head{
	    width: 100%;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: solid 1px #e4e7f7;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.filter_popup .title_head{
	    width: 100%;
    float: left;
    font-size: 16px;
    font-weight: 500;
}

.filter_popup .filter_head .btn_clear{
	width: auto;
	float: left;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
	color: #8f8f8f;
	padding: 8px;
	cursor: pointer;
}
.filter_popup .filter_head .btn_apply{
	white-space: nowrap;
	width: auto;
	float: left;
	padding: 8px 25px;
	color: #fdfcfb;
	background-color: #0000C1;
	border-radius: 5px;
	cursor: pointer;
	font-weight: 500;
	font-size: 12px;
	border: none;
	transition: 0.3s;
	margin-left: 10px;
	background: rgb(51 70 173);
	background: linear-gradient(90deg, rgb(26 26 251) 0%, rgb(55 60 179) 100%);
}



.tbl_checkbox_td{
    height: 18px;
    width: 18px;
    position: absolute;
    left: 10px;
    top: 10px;
}

.td_selected{
	    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    background-color: #0000c2;
    border-radius: 50%;
    background: rgb(61 61 208);
    background: linear-gradient(90deg, rgb(97 97 217) 0%, rgb(127 128 239) 100%);
}

.select_action_wpr{
	width: 100%;
	float: left;
	padding: 10px 15px;
	background-color: #ffffff;
	margin-top: 15px;
	border-radius: 4px;
		 animation: animateTooltip linear .3s;
		animation-iteration-count: 1;



}
.select_action_wpr.fixed{
	position: fixed;
    bottom: 10px;
    z-index: 99999;
    width: calc(100% - 160px);
    		 animation: animateTooltip linear .3s;
		animation-iteration-count: 1;
}





.select_action_wpr .sel_label{
	width: auto;
	float: left;
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
}
.select_action_wpr label{
	width: auto;
	float: left;
}
.select_action_wpr .delete-selected{
	width: auto;
	float: left;
	padding: 5px 10px;
	margin: 0 15px;
	background: rgb(219 45 45);
	background: linear-gradient(90deg, rgb(255 14 14) 0%, rgb(179 55 83) 100%);
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
}
.select_action_wpr .delete-all{
	width: auto;
	float: left;
	padding: 5px 10px;
	background: rgb(30 4 4);
	background: linear-gradient(90deg, rgb(13 26 114) 0%, rgb(34 1 9) 100%);
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	cursor: pointer;
}

.choose_input{
	width: 100%;
	float: left;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	        transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
.choose_input .choose_btn{
	    cursor: pointer;
    width: auto;
    float: left;
    white-space: nowrap;
    padding: 13px 45px;
    background-color: #15155e;
    height: 48px;
    margin-left: -4px;
    color: #fff;
        margin-bottom: 10px;
          background: linear-gradient(90deg, rgb(159 159 231) 0%, rgb(55 60 179) 100%);
    border-radius: 0 4px 4px 0;
         transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

.choose_input:hover .choose_btn{
    background-color: #3b3bcf;
           background: linear-gradient(90deg, rgb(131 131 203) 0%, rgb(30 35 171) 100%);
}
.choose_input label.error{
	    position: absolute;
    bottom: -20px;
    left: 0;
}

.downloadlink{
	color: #3b3bcf;
	cursor: pointer;
}

.switch_wpr{
	display: flex;
	align-items: center;
}
.switch_wpr .label{
	    width: auto !important;
    margin-right: 15px;
}

.switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px;
}
label.switch {
	width: 60px !important;
}

.switch input {
  display:none;
}

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

.slider:before {
  background-color: #fff;
  bottom: 4px;
  content: "";
  height: 26px;
  left: 4px;
  position: absolute;
  transition: .4s;
  width: 26px;
}

.switch input:checked + .slider {
  background-color: #6060f1;
}

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

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.table_data  .status_0{
    color: #fff;
    background-color: #f52424;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
}
.table_data  .status_1{
	color: #fff;
    background-color: #098909;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
}


.table_data  .msg_status_0{
	     color: #000000;
    background-color: #ffaf11;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
}
.table_data  .msg_status_1{
	  color: #fff;
    background-color: #00911b;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
}
.table_data  .msg_status_2{
	  color: #fff;
    background-color: #ff0000;
    padding: 3px 10px;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
}


.send_msg_head{
	    width: 100%;
	    float: left;
	    padding: 15px;
	    background: rgb(107 128 239);
	    background: linear-gradient(90deg, rgb(208 218 255) 0%, rgb(230 230 255) 100%);
	    margin-bottom: 15px;
	    border-radius: 12px;
	    box-shadow: 0 5px 9px 0px #babaff7a;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    border-left: solid 3px #2626ca;
	    position: relative;
}
.send_msg_head .col_sel_device{
	width: 45%;
	float: left;
	min-width: 300px;
	max-width: 450px;
}
.send_msg_head .col_sel_device .form_wpr{
	display: flex;
	justify-content: center;
	align-items: center;
}
.send_msg_head .col_sel_device .form_wpr .input_btn_row{
width: auto;
    white-space: nowrap;
    padding-top: 11px;
    margin-left: 15px;
}

.send_msg_head .col_send_action{
	width: auto;
	float: left;
/*	min-width: 300px;*/
}


.progress_col{
	width: 100%;
	float: left;
	position: relative;
	margin-left: 15px;
	 height: 120px;
    width: 120px;
}

.progress-container {
    /* position: absolute; */
    height: 140px;
    width: 120px;
    left: 0;
    top: 0;
}

/*.progress-circle {
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  -webkit-box-shadow: 0 -1px 0 0 #d6d7d8;
  box-shadow: 0 -1px 0 0 #d6d7d8;
  margin: -65px 0 0 -65px;
  background: #f3f3f3;
  border-radius: 100%;
  position: absolute;
  overflow: hidden;
  height: 110px;
  width: 110px;
  left: 60%;
  top: 50%;
}

.p-f,
.p-h {
  clip: rect(0, 110px, 110px, 65px);
  position: absolute;
  overflow: hidden;
  height: 110px;
  width: 100%;
  left: 0%;
}

.p-f {
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  left: 0;
}

.p-f:before,
.p-h:before {
  content: "";
  background: #828282;
  position: absolute;
  height: 110px;
  width: 50%;
  left: 0%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -moz-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.progress-circle #progress {
  -webkit-box-shadow: 0 1px 0 0.5px #d6d7d8;
  box-shadow: 0 1px 0 0.5px #d6d7d8;
  font-family: "Montserrat", sans-serif;
  margin: -50px 0 0 -50px;
  border-radius: 100%;
  position: absolute;
  text-align: center;
  line-height: 100px;
  background: #fff;
  font-size: 26px;
  color: #46494d;
  height: 100px;
  width: 100px;
  z-index: 1;
  left: 50%;
  top: 50%;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  position: absolute;
  overflow: hidden;
  margin: -1px;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}
*/



.progress-container {
  border-radius: 20px;
  /* position: absolute; */
  height: 150px;
  width: 150px;
  left: 0;
  /* top: 50%; */
}

.progress-circle {
  -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
  margin: -55px 0 0 -55px;
  background: #edeeff70;
  border-radius: 100%;
  position: absolute;
  overflow: hidden;
  height: 110px;
  width: 110px;
  left: 50%;
  top: 50%;
}

.p-f,
.p-h {
  clip: rect(0, 110px, 110px, 55px);  
  position: absolute;
  overflow: hidden;
  height: 110px;
  width: 100%;
  left: 0%;
}

.p-f{
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  left: 0;
}

.p-f:before,
.p-h:before{
  content: '';
  background: #0000c1;
  position: absolute;
  height: 110px;
  width: 50%;
  left: 0%;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -moz-transform-origin: 100% 50%;
  -webkit-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.progress-circle #progress {
  font-family: 'Montserrat', sans-serif;
  margin: -52px 0 0 -52px;
  border-radius: 100%;
  position: absolute;
  text-align: center;
  line-height: 105px;
  background: #fff;
  font-size: 26px;
  color: #013376;
  height: 103px;
  width: 103px;
  z-index: 1;
  left: 50%;
  top: 50%;
  background: rgb(107 128 239);
  background: linear-gradient(90deg, rgb(253 253 253) 0%, rgb(155 157 239 / 93%) 100%);
}


.sr-only {
  clip: rect(0,0,0,0);
  position: absolute;
  overflow: hidden;
  margin: -1px;
  height: 1px;
  width: 1px;  
  padding: 0;
  border: 0;
}



.info_col{
	width: min-content;
	float: left;
}
.row_info{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.m_status_0{
	width: 15px;
	min-width: 15px;
	float: left;
	height: 15px;
	background: #ffaf11;
	border-radius: 50%;
}
.m_status_1{
	width: 15px;
	min-width: 15px;
	float: left;
	height: 15px;
	background: #00911b;
	border-radius: 50%;
}
.m_status_2{
	width: 15px;
	min-width: 15px;
	float: left;
	height: 15px;
	background: #ff0000;
	border-radius: 50%;
}
.title_status{
	width: auto;
	min-width: 110px;
	float: left;
	margin: 0 15px;
	font-size: 13px;
}
.title_count{
	width: auto;
	float: left;
	font-weight: 500;
	font-size: 16px;
	min-width: 100px;
}

.sel_error{
	border: solid 1px #f00 !important;
	    box-shadow: 0 0 6px 3px #ff00005e;
	    	 animation: animateTooltip linear .3s;
		animation-iteration-count: 1;
}

/*-------message loader ----------*/

.msg_loader_container  {
 width: 200px;
 float: left;
  animation: animateTooltip linear .3s;
		animation-iteration-count: 1;

}

.msgload_container {
    height:50px;
    width:40px;
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
}
.msgload_container::after {
    content:'';
    color:#1313a1;
    font-weight:200;
    font-size: 10px;
    position:absolute;
    bottom:-30px;
    left:-10px;
    animation: sending 2s infinite linear;
}
.msgload_container .box {
    position:relative;
    height:50px;
    width:40px;
    animation: box 5s infinite linear;
}

.msgload_container .border {
    background:#1313a1;
    position:absolute;
}

.msgload_container .border.one {
    height:4px;
    top:0;
    left:0;
    animation: border-one 5s infinite linear;
}

.msgload_container .border.two {
    top:0;
    right:0;
    height:100%;
    width:4px;
    animation: border-two 5s infinite linear;
}



.msgload_container .border.three {
    bottom:0;
    right:0;
    height:4px;
    width:100%;
    animation: border-three 5s infinite linear;
}

.msgload_container .border.four {
    bottom:0;
    left:0;
    height:100%;
    width:4px;
    animation: border-four 5s infinite linear;
}

.msgload_container .line {
    height:4px;
    background:#1313a1;
    position:absolute;
    width:0%;
    left:25%;
}

.msgload_container .line.one {
    top:25%;
    width:0%;
    animation: line-one 5s infinite linear;
}

.msgload_container .line.two {
    top:45%;
    animation: line-two 5s infinite linear;
}

.msgload_container .line.three {
    top:65%;
    animation: line-three 5s infinite linear;
}

@keyframes sending {
      0% {
		    	content:'S';
			}
			10% {
		    	content:'SE';
			}
			20% {
		    	content:'SEN';
			}
			30% {
		    	content:'SEND';
			}
			40% {
		    	content:'SENDI';
			}
			50% {
		    	content:'SENDIN';
			}
			60% {
		    	content:'SENDING';
			}

}
@keyframes border-one {
    0%   {width:0;}
    10%  {width:100%;}
    100% {width:100%;}
}

@keyframes border-two {
    0%   {height:0;}
    10%  {height:0%;}
    20%  {height:100%;}
    100% {height:100%;}
}

@keyframes border-three {
    0%   {width:0;}
    20%  {width:0%;}
    30%  {width:100%;}
    100% {width:100%;}
}

@keyframes border-four {
    0%   {height:0;}
    30%  {height:0%;}
    40%  {height:100%;}
    100% {height:100%;}
}

@keyframes line-one {
    0%   {left:25%;width:0;}
    40%  {left:25%;width:0%;}
    43%  {left:25%;width:50%;}
    52%  {left:25%;width:50%;}
    54%  {left:25%;width:0% }
    55%  {right:25%;left:auto;}
    63%  {width:10%;right:25%;left:auto;}
    100% {width:10%;right:25%;left:auto;}
}

@keyframes line-two {
    0%   {width:0;}
    42%  {width:0%;}
    45%  {width:50%;}
    53%  {width:50%;}
    54%  {width:0% }
    60%  {width:50%}
    100% {width:50%;}
}

@keyframes line-three {
    0%   {width:0;}
    45%  {width:0%;}
    48%  {width:50%;}
    51%  {width:50%;}
    52%  {width:0% }
    100% {width:0%;}
}

@keyframes box {
    0%   {opacity:1;margin-left:0px;height:50px;width:40px;}
    55%  {margin-left:0px;height:50px;width:40px;}
    60%  {margin-left:0px;height:35px;width:50px;}
    74%  {msthin-left:0;}
    80%  {margin-left:-50px;opacity:1;}
    90% {height:35px;width:50px;margin-left:50px;opacity:0;}
    100% {opacity:0;}
}
/*------!message loader ----------*/


.btn_reset_faild_messages{
    width: auto;
    float: left;
    padding: 5px 10px;
    font-size: 13px;
    cursor: pointer;
    font-weight: 500;
    background-color: #bcbeff;
    color: #080848;
    border-radius: 4px;
    margin-top: 10px;
    border: solid 1px #f2f3ff;
}


.bulk_msg_status_0{
	width: 100%;
	float: left;
	color: #250ddd;
	font-weight: 500;
}
.bulk_msg_status_1{
	width: 100%;
	float: left;
	color: #13a319;
	font-weight: 500;
}
.bulk_msg_status_2{
	width: 100%;
	float: left;
	color: #e93e14;
	font-weight: 500;
}
/*--------------------------*/

.dashboard_wpr{
	width: 100%;
	float: left;
	  animation: animateTooltip linear .3s;
		animation-iteration-count: 1;
		padding-bottom: 15px;
}

.dash_top_wpr{
		width: 100%;
		float: left;
		background: #ffffff;
		border-radius: 12px;
		padding: 15px 0;
		margin-bottom: 15px;
}

.dash_col_blk{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
	border-left: solid 1px #ccd3f5;
}
.dash_col_blk .icon_blk{
	width: auto;
	float: left;
}
.dash_col_blk .icon{
	width: 60px;
	height: 60px;
	float: left;
	background-color: aliceblue;
	border-radius: 50%;
	background: linear-gradient(47deg, rgb(193 190 255) 0%, rgb(208 225 255) 100%);
	color: #04148b;
}
.dash_col_blk .txt_blk{
	width: 100%;
	float: left;

}
.dash_col_blk .d_title{
	width: 100%;
	float: left;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
	color: #0000c2;
}
.dash_col_blk .d_value{
	width: 100%;
	float: left;
	font-size: 25px;
	font-weight: 600;
	color: #000351;
}

.dash_body_wpr{
		width: 100%;
		float: left;
		background: #ffffff;
		border-radius: 12px;
		padding: 15px;
		position: relative;
}
.dash_body_wpr .d_title{
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    float: left;
    color: #000351;
    margin-bottom: 15px;
}

.dash_body_wpr .sel_graph_data{
	    position: absolute;
    top: 15px;
    right: 15px;
    border: solid 1px #f0f0f7;
    font-size: 14px;
    padding: 7px;
    border-radius: 5px;
}


.totday_limit{
	width: 100%;
	float: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: aliceblue;
	padding: 15px;
	border-radius: 12px;
	background: linear-gradient(72deg, rgb(1 1 88) 0%, rgb(156 148 215) 100%);
	margin-bottom: 15px;
}
.totday_limit .txt_blk{
	width: 100%;
	float: left;
}
.totday_limit .d_title{
	width: 100%;
	float: left;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.totday_limit .d_value{
	width: 100%;
	float: left;
	color: #d3ffdb;
	font-size: 32px;
	font-weight: 600;
}
.totday_limit .row_info {
	width: 100%;
	float: left;
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.totday_limit .row_info .label{
	font-size: 12px;
	width: 100%;
	float: left;
	white-space: nowrap;
	color: #d9dfff;
	font-weight: 500;
}
.totday_limit .row_info .count{
	font-size: 18px;
	width: 100%;
	float: left;
	margin-left: 10px;
	font-weight: 500;
	color: #ffffff;
}





.totday_limit .progress_col{
	width: 100%;
	float: left;
}

.account_info{
	width: 100%;
	float: left;
	padding: 15px;
	border-radius: 12px;
	background-color: #fff;
	position: relative;
}


.account_info .edit_btn{

	    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ecf0ff;
    border-radius: 50%;
}


.account_info .d_title{
    font-size: 22px;
    font-weight: 600;
    width: 100%;
    float: left;
    color: #000351;
    margin-bottom: 15px;
}


.account_info .row_info{
	width: 100%;
	float: left;
	display: flex;
	align-items: baseline;
	margin-bottom: 10px;
/*	text-transform: capitalize;*/
}
.account_info .label_txt{
	    width: auto;
    min-width: 100px;
    float: left;
    font-size: 12px;
    font-weight: 500;
}
.account_info .label_info{
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 500;
	color: #000cab;
	overflow: auto;
}

.account_info hr{
	width: 100%;
	float: left;
	margin: 0;
	margin-bottom: 15px;
}


.btn_upgrade_plan{
		width: 100%;
	  float: left;
    background-color: #0000C1;
    color: #ffffff;
    height: 55px;
    line-height: 55px;
    text-align: center;
    padding: 0 35px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.3s;
    border: none;
    cursor: pointer;
}
.btn_upgrade_plan:hover{
	background-color: #000;
	color: #fff;
}



  .no_internet_alert {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    position: fixed;
    z-index: 9999;
    width: auto;
    float: left;
    right: 15px;
    top: 15px;
    	animation: animateTooltip linear .3s;
			animation-iteration-count: 1;
			display: none;
  }

    .no_internet_alert .no_internet_blk {
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: 0 4px 15px 7px rgba(0, 0, 0, 0.1);
    align-items: center;
    background: rgb(223 228 255);
    background: linear-gradient(90deg, #ffffff 0%, rgb(255 228 228) 100%);
  }

    .no_internet_alert .col_img img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
  }

    .no_internet_alert .col_txt p {
    font-size: 14px;
    color: #000000;
    margin: 0;
  }

    .no_internet_alert .col_txt p:first-child {
    font-weight: bold;
  }






.modal-content .close{

border: none;

border-radius: 50%;

width: 35px;

height: 35px;

display: flex;

justify-content: center;

align-items: center;

color: #f00;

background-color: #fff7f7;
}






 .modal-login-popup-wpr{
      width: 100%;
      /* float: left; */
    }.modal-login-popup-wpr .m-header{
      width: 100%;
      /* float: left; */
      padding: 25px 25px;
      position: relative;
    }.modal-login-popup-wpr .m-header .close-btn{
      position: absolute;
      right: 5px;
      width: 45px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-content: center;
      top: 15px;
      float: left;
      font-size: 25px;
    }
    .modal-content{
      float: left;
    }
    .modal-login-popup-wpr .m-header h2{
      font-size: 22px;
      margin: 0;
      font-weight: 700;
    }

    .login-form-wpr{
      width: 100%;
       float: left; 
      padding: 25px;
    }
    .input-group-wpr{
      width: 100%;
      float: left;
    }

    .login-form-wpr label{
      width: 100%;
      float: left;
    }
    .login-form-wpr .input-txt{
         padding: 10px;
    width: 100%;
    }

        .login-form-wpr .input-txt.error{
            border: solid 1px #f00;
        }
.form_group label.error{
    color: #f00;
}

     .error_msg{
         width: 100%;
    float: left;
    background-color: #fff7f7;
    color: #f00;
    padding: 5px 15px;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    display: none;
    text-align: center;
        }


    .input-phone-wpr{
      width: 100%;
      float: left;
      position: relative;
      margin-top: 10px;
    }
    .iti{
      width: 100%;
    }
    .input-phone-wpr .verify-blk{
       width: 18px;
       border-radius: 50%;
       position: absolute;
       right: 15px;
       top: 15px;
       background-color: #6a7eeb;
       display: flex;
       justify-content: center;
       align-items: center;
       height: 18px;
       color: #fff;
       font-size: 12px;
    }
 .wpr{
      width: 100%;
      float: left;
    }
    .accept_wpr{
      display: flex;
      width: 100%;
      float: left;
      margin-top: 15px;
    }
    .accept_wpr label{
          font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 5px;
    }
    .accept_wpr input{
      margin: 0;
    }
    .m-btn-wpr{
           width: 100%;
      float: left;
      margin: 15px 0;
    }
   .m-btn-wpr .btn-submit{
          background-color: #1b33ba;
          width: 100%;
          float: left;
          padding: 12px 15px;
          text-align: center;
          color: #fff;
          font-size: 17px;
          font-weight: 600;
          border-radius: 4px;
          cursor: pointer;
    }



    .otp-form-wpr{
   
          width: 100%;
    float: left;
    padding: 25px;
    }
    .otp-form-wpr h6{
      font-size: 12px;
      text-align: center;
      color: #929292;
    }
    .otp-form-wpr h4{
      font-size: 18px;
      text-align: center;
      color: #001413;
      font-weight: 600;
    }
    .resend-blk{
      width: 100%;
      float: left;
      text-align: center;
    }
    .resend-blk a{
      color: #109792;
      font-weight: 600;
    }

    .otp-input-blk{
      width: 100%;
      float: left;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 15px 0;
    }

    .otp-txt{
         width: 50px;
         height: 50px;
         display: flex;
         justify-content: center;
         align-items: center;
         font-weight: 600;
         font-size: 16px;
         padding: 15px;
         border-radius: 2px;
         border: solid 1px #0A21A4;
         margin: 10px;
         text-align: center;
    }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* Remove number input spinner in WebKit-based browsers (Chrome, Safari, Edge) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove number input spinner in Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

/* Remove number input spinner in other browsers (general approach) */
input[type="number"] {
  appearance: textfield;
}


.price_container{
	    width: 100%;
    float: left;
    border-radius: 15px;
    border: solid 5px #c9d0f845;
    padding: 15px;
    margin: 25px 0;
    background: #ffffff33;
    outline: solid 1px #ffffff8f;
}

.price_container h2{
	color: #000000;
    font-weight: 600;
}
.price_container h4{
	    color: #202020;
    font-size: 20px;
    letter-spacing: 1px;
}

.price_sel_wpr{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	margin:15px 0;
}
.price_sel_wpr .sel_price_type{
	    width: 100%;
	    max-width: 360px;
	    float: left;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background-color: aliceblue;
	    border-radius: 25px;
	    padding: 2px;
	    font-size: 16px;
}
.price_sel_wpr .col_sel{
	width: 100%;
	float: left;
	/* padding: 10px 25px; */
	font-weight: 500;
	cursor: pointer;
	position: relative;
	/* padding: 5px 18px; */
	min-width: 110px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
}

.price_sel_wpr .col_sel.active{
	    background-color: #dad7ff;
	    border-radius: 25px;
	    padding-right: 20px;
}
.price_sel_wpr .col_sel.active::before{
        content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: #5656e9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}



.price_tbl{
	width: 100%;
	float: left;
	display: flex;
	justify-content: end;
	align-items: center;
}
.price_tbl .price_tbl_blk{
	width: 100%;
	float: left;
	max-width: 500px;
	padding: 0px;
	/*	border: solid 1px #f1f1ff;*/
	border-radius: 10px;
	overflow: hidden;
}
.price_tbl .row_price{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}
.price_tbl .row_head{
	    width: 100%;
    float: left;
    padding-bottom: 5px;
    font-weight: 600;
}
.price_tbl .row_price.sub_row{
	height: 30px;
}
.price_tbl .p_label{
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 16px;
	padding-left: 15px;
}
.price_tbl .p_value{
	width: auto;
	float: left;
	text-align: center;
	min-width: 100px;
	font-weight: 600;
	font-size: 20px;
	height: 100%;
	/* background-color: #0000c2; */
	color: #070766;
}
.price_tbl .p_value span{
	font-size: 14px;
	font-weight: 400;
}
.price_tbl .row_price.sub_row .p_label{
	font-size: 14px;
}
.price_tbl .row_price.sub_row .p_value{
	font-size: 18px;
}






.price_show{
	width: 100%;
	float: left;
	border: solid 2px #d5dbf9;
	background-color: #0c0c5a;
	border-radius: 15px;
	padding: 5px 15px;
}
.price_show .plan_title{
	width: 100%;
	float: left;
	color: #b2ffed;
	font-size: 16px;
	font-weight: 600;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
.price_show .amount_blk{
	width: 100%;
	float: left;
	color: #fff;
	display: flex;
	align-items: baseline;
	height: 100%;
	position: relative;
	padding-left: 10px;
}
.price_show .rupee_sym{
	width: auto;
	float: left;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	align-items: anchor-center;
	position: absolute;
	top: 7px;
	left: 0;
}
.price_show .amount{
	width: auto;
	float: left;
	font-size: 34px;
	font-weight: 600;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
.price_show .sub_title{
	width: auto;
	float: left;
	font-size: 16px;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}
.price_show .offer_blk{
	width: 100%;
	float: left;
	display: flex;
	align-items: center;
	font-size: 14px;
}
.price_show .sale_price{
	width: auto;
	float: left;
	color: #a3a3a3;
	text-decoration: line-through;
	margin-right: 5px;
}
.price_show .offer_text{
	width: auto;
	float: left;
	color: #80e5f5;
	font-weight: 500;
}

.flat_off{
	width: auto;
	float: left;
	padding: 10px 15px;
	margin-top: 15px;
	border: solid 1px #ffffff;
	border-radius: 35px;
	color: #06065a;
	font-size: 16px;
	background: rgb(223 228 255);
	background: linear-gradient(90deg, rgb(227 232 252) 0%, rgb(199 207 247) 100%);
}

.wpr{
	width: 100%;
	float: left;
}

.b_type{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.b_type .col_type{
	width: 100%;
	float: left;
	padding: 15px;
	font-size: 18px;
	position: relative;
	cursor: pointer;

	border: solid 1px transparent;	

	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
}

.b_type .col_type.active{
		    width: 100%;
    float: left;
    color: #030376;
    border: solid 1px #ffffff;
    border-radius: 8px;
}

.b_type .col_type.active::before{
        content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 5px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    background: #5656e9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
}




.how_work_wpr{
	width: 100%;
	float: left;
	padding: 15px 0;
}

.how_work_wpr h2{
	color: #000000;
    font-weight: 600;
}
.how_work_wpr h4{
	    color: #202020;
	    font-size: 20px;
	    letter-spacing: 1px;
	    margin-bottom: 15px;
}

.work_setps{
	width: 100%;
	float: left;
}
.work_setps .col_step{
	width: 100%;
	float: left;
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding: 15px 0;
	position: relative;
}
.work_setps .col_step:nth-child(2)::before{
		content: '';
		width: 1px;
		height: 25px;
		border-left: dashed 1px #ffffff;
		position: absolute;
		left: 40px;
		top: -13px;
}
.work_setps .col_step:nth-child(2)::after{
		content: '';
		width: 1px;
		height: 25px;
		border-left: dashed 1px #ffffff;
		position: absolute;
		left: 40px;
		bottom: -13px;
}
.work_setps .col_step .img_blk{
	min-width: 80px;
	min-height: 80px;
	max-width: 80px;
	max-height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 15px;
	padding: 10px;
	border-radius: 50%;
	background: rgb(223 228 255);
	background: linear-gradient(23deg, rgb(179 192 255 / 37%) 0%, rgb(225 230 255) 100%);
	border: solid 2px #e0e5fc;
	outline: dashed 1px #fff;
}

.work_setps .col_step  .txt_blk{
	width: 100%;
	float: left;
}
.work_setps .col_step  .title{
	width: 100%;
	float: left;
	font-weight: 500;
	font-size: 16px;
}

.video_player_wpr{
	width: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 30px 0;
}

.video_player_wpr .youtube_iframe{

width: 100%;

height: 100%;

min-height: 300px;

border-radius: 15px;

overflow: hidden;

border: solid 2px #ccd4f8;

outline: solid 1px #ffffff7a;
}

/*--- Responsive*/

@media (max-width:1024px) {

	.main_content_wpr{
		    width: calc(100% - 60px);
		margin-left:60px;
	}



.wb_condiner .nav_fix_blk{
	width: 50px;
	border-radius: 8px;
}

.wb_condiner .menu_blk{
	padding-left: 5px;
}

.wb_condiner .logo_blk{
	padding: 5px 2px;
}


}

@media (max-width:580px) {
  	.slider-wrapper h2{
  		font-size: 38px;
  	}

  	.app_scan_wpr .title{
  		font-size: 14px;
  	}

  	.price_container h4{
  		font-size: 15px;
  	}
  	.b_type .col_type{
  		font-size: 16px;
  	}

  	.price_sel_wpr .col_sel{
  		min-width: 90px;
  	}
  		.price_sel_wpr .sel_price_type{
  			font-size: 14px;
  		}

  }