@charset "UTF-8";


body {
	font-family: AradFont, Tahoma;
	direction: rtl;
	min-height: 100vh;
	font-size: 14px;
	color: #1c5b00;
}

main {min-height: 100vh;}

/* ============== Customized Style - Start ============== */

.ltr {direction: ltr !important;}
.rtl {direction: rtl !important;}
.align-center {text-align: center !important;}
.align-right {text-align: right !important;}
.align-left {text-align: left !important;}
.align-justify {text-align: justify !important;}
.pull-left {float: left !important;}
.pull-right {float: right !important;}
.flex-start {align-content: flex-start !important;}

@media (min-width:768px) {
	.pull-left-md {float: left !important;}
}

@media (max-width:767.9px) {
	.show_up_768 {display: none !important;}
	.footer_padding {padding-bottom: 64px !important;}
	.footer_padding span {font-size: 13px;}
}

input[type=text].ltr::placeholder {
	direction: rtl !important;
	text-align: right;
}

.v-align-middle {vertical-align: middle !important;}
.v-align-baseline {vertical-align: baseline !important;}
.td-align-middle td, .td-align-middle th {vertical-align: middle !important;}

.m0{margin:0!important}.m1{margin:1px!important}.m2{margin:2px!important}.m5{margin:5px!important}.m10{margin:10px!important}.m15{margin:15px!important}.m20{margin:20px!important}.m25{margin:25px!important}.m30{margin:30px!important}.m40{margin:40px!important}.m50{margin:50px!important}.m60{margin:60px!important}.m70{margin:70px!important}.m80{margin:80px!important}.m90{margin:90px!important}.m100{margin:100px!important}.mt0{margin-top:0!important}.mt1{margin-top:1px!important}.mt2{margin-top:2px!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt25{margin-top:25px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mb0{margin-bottom:0!important}.mb1{margin-bottom:1px!important}.mb2{margin-bottom:2px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb25{margin-bottom:25px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px!important}.mb60{margin-bottom:60px!important}.mb70{margin-bottom:70px!important}.mb80{margin-bottom:80px!important}.mb90{margin-bottom:90px!important}.mb100{margin-bottom:100px!important}.ml0{margin-left:0!important}.ml1{margin-left:1px!important}.ml2{margin-left:2px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml25{margin-left:25px!important}.ml30{margin-left:30px!important}.ml40{margin-left:40px!important}.ml50{margin-left:50px!important}.ml60{margin-left:60px!important}.ml70{margin-left:70px!important}.ml80{margin-left:80px!important}.ml90{margin-left:90px!important}.ml100{margin-left:100px!important}.mr0{margin-right:0!important}.mr1{margin-right:1px!important}.mr2{margin-right:2px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr25{margin-right:25px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px!important}.mx0{margin-left:0!important;margin-right:0!important}.mx1{margin-left:1px!important;margin-right:1px!important}.mx2{margin-left:2px!important;margin-right:2px!important}.mx5{margin-left:5px!important;margin-right:5px!important}.mx10{margin-left:10px!important;margin-right:10px!important}.mx15{margin-left:15px!important;margin-right:15px!important}.mx20{margin-left:20px!important;margin-right:20px!important}.mx25{margin-left:25px!important;margin-right:25px!important}.mx30{margin-left:30px!important;margin-right:30px!important}.mx40{margin-left:40px!important;margin-right:40px!important}.mx50{margin-left:50px!important;margin-right:50px!important}.mx60{margin-left:60px!important;margin-right:60px!important}.mx70{margin-left:70px!important;margin-right:70px!important}.mx80{margin-left:80px!important;margin-right:80px!important}.mx90{margin-left:90px!important;margin-right:90px!important}.mx100{margin-left:100px!important;margin-right:100px!important}.my0{margin-top:0!important;margin-bottom:0!important}.my1{margin-top:1px!important;margin-bottom:1px!important}.my2{margin-top:2px!important;margin-bottom:2px!important}.my5{margin-top:5px!important;margin-bottom:5px!important}.my10{margin-top:10px!important;margin-bottom:10px!important}.my15{margin-top:15px!important;margin-bottom:15px!important}.my20{margin-top:20px!important;margin-bottom:20px!important}.my25{margin-top:25px!important;margin-bottom:25px!important}.my30{margin-top:30px!important;margin-bottom:30px!important}.my40{margin-top:40px!important;margin-bottom:40px!important}.my50{margin-top:50px!important;margin-bottom:50px!important}.my60{margin-top:60px!important;margin-bottom:60px!important}.my70{margin-top:70px!important;margin-bottom:70px!important}.my80{margin-top:80px!important;margin-bottom:80px!important}.my90{margin-top:90px!important;margin-bottom:90px!important}.my100{margin-top:100px!important;margin-bottom:100px!important}.p0{padding:0!important}.p1{padding:1px!important}.p2{padding:2px!important}.p5{padding:5px!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p25{padding:25px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.pt0{padding-top:0!important}.pt1{padding-top:1px!important}.pt2{padding-top:2px!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt25{padding-top:25px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pb0{padding-bottom:0!important}.pb1{padding-bottom:1px!important}.pb2{padding-bottom:2px!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb25{padding-bottom:25px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pl0{padding-left:0!important}.pl1{padding-left:1px!important}.pl2{padding-left:2px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}.pl20{padding-left:20px!important}.pl25{padding-left:25px!important}.pl30{padding-left:30px!important}.pl40{padding-left:40px!important}.pl50{padding-left:50px!important}.pl60{padding-left:60px!important}.pl70{padding-left:70px!important}.pl80{padding-left:80px!important}.pl90{padding-left:90px!important}.pl100{padding-left:100px!important}.pr0{padding-right:0!important}.pr1{padding-right:1px!important}.pr2{padding-right:2px!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pr20{padding-right:20px!important}.pr25{padding-right:25px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px!important}.pr50{padding-right:50px!important}.pr60{padding-right:60px!important}.pr70{padding-right:70px!important}.pr80{padding-right:80px!important}.pr90{padding-right:90px!important}.pr100{padding-right:100px!important}.px0{padding-left:0!important;padding-right:0!important}.px1{padding-left:1px!important;padding-right:1px!important}.px2{padding-left:2px!important;padding-right:2px!important}.px5{padding-left:5px!important;padding-right:5px!important}.px10{padding-left:10px!important;padding-right:10px!important}.px15{padding-left:15px!important;padding-right:15px!important}.px20{padding-left:20px!important;padding-right:20px!important}.px25{padding-left:25px!important;padding-right:25px!important}.px30{padding-left:30px!important;padding-right:30px!important}.px40{padding-left:40px!important;padding-right:40px!important}.px50{padding-left:50px!important;padding-right:50px!important}.px60{padding-left:60px!important;padding-right:60px!important}.px70{padding-left:70px!important;padding-right:70px!important}.px80{padding-left:80px!important;padding-right:80px!important}.px90{padding-left:90px!important;padding-right:90px!important}.px100{padding-left:100px!important;padding-right:100px!important}.py0{padding-top:0!important;padding-bottom:0!important}.py1{padding-top:1px!important;padding-bottom:1px!important}.py2{padding-top:2px!important;padding-bottom:2px!important}.py5{padding-top:5px!important;padding-bottom:5px!important}.py10{padding-top:10px!important;padding-bottom:10px!important}.py15{padding-top:15px!important;padding-bottom:15px!important}.py20{padding-top:20px!important;padding-bottom:20px!important}.py25{padding-top:25px!important;padding-bottom:25px!important}.py30{padding-top:30px!important;padding-bottom:30px!important}.py40{padding-top:40px!important;padding-bottom:40px!important}.py50{padding-top:50px!important;padding-bottom:50px!important}.py60{padding-top:60px!important;padding-bottom:60px!important}.py70{padding-top:70px!important;padding-bottom:70px!important}.py80{padding-top:80px!important;padding-bottom:80px!important}.py90{padding-top:90px!important;padding-bottom:90px!important}.py100{padding-top:100px!important;padding-bottom:100px!important}


@media (min-width:768px) {
	.md-mt0 { margin-top: 0px !important; }
	.md-mb0 { margin-bottom: 0px !important; }
}

.pd30 {padding: 30px !important;}

.ms-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.ms--10 {
  margin-right: -10px;
  margin-left: -10px;
}
.margin-0 {margin: 0 !important;}


.mirror-x { transform: scaleX(-1) !important; }
.mirror-y { transform: scaleY(-1) !important; }

.c-border {border: 0px solid #ececec;}
.c-border-t {border-top-width: 1px !important;}
.c-border-b {border-bottom-width: 1px !important;}
.c-border-r {border-right-width: 1px !important;}
.c-border-l {border-left-width: 1px !important;}
.c-border-hover {
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.c-border-hover:hover {border-color: #878787 !important;}

.block { display: block !important;}
.inline-block { display: inline-block !important;}
.relative {position: relative !important;}
.absolute {position: absolute !important;}
.overflow-hidden {overflow: hidden !important;}

.font-arad {font-family: AradFont !important;}
.font-tahoma {font-family: tahoma !important;}

.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
.font22 {font-size: 22px !important;}
.font24 {font-size: 24px !important;}
.font28 {font-size: 28px !important;}
.font30 {font-size: 30px !important;}
.font36 {font-size: 36px !important;}
.font40 {font-size: 40px !important;}
.font48 {font-size: 48px !important;}
.font60 {font-size: 60px !important;}
.font72 {font-size: 72px !important;}
.font90 {font-size: 90px !important;}


.w300 {font-weight: 300 !important;}
.w400 {font-weight: 400 !important;}
.w500 {font-weight: 500 !important;}
.w600 {font-weight: 600 !important;}
.w900 {font-weight: 900 !important;}
.bold {font-weight: bold !important;}


.swal_width {
	width: 800px !important;
	max-width: 95% !important;
}
.width10 {width: 10px !important;}
.width17 {width: 17px !important;}
.width20 {width: 20px !important;}
.width30 {width: 30px !important;}
.width40 {width: 40px !important;}
.width50 {width: 50px !important;}
.width70 {width: 70px !important;}
.width80 {width: 80px !important;}
.width90 {width: 90px !important;}
.width100 {width: 100px !important;}
.width200 {width: 200px !important;}
.width300 {width: 300px !important;}
.width400 {width: 400px !important;}
.width500 {width: 500px !important;}
.width600 {width: 600px !important;}
.width-content {width: max-content !important;}



a {
	color: #186300;
	text-decoration: none;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
a:hover { color: #878787; }

p {
	
}

.color-primary { color: #000000 !important; }
.color-secondary { color: #878787 !important; }
.color-white {color: #fff !important; }
.color-gray {color: #ccc !important; }
.color-gray2 {color: #ababab !important; }
.color-gray3 {color: #757575 !important; }
.color-blue-light {color: #a4bdd0 !important;}

.block {display: block !important;}
.inline-block {display: inline-block !important;}

.pre-wrap {
	white-space: pre-wrap !important;
}

.line-height-initial {line-height: initial;}
.line-height-14 {line-height: 14px !important;}
.line-height-16 {line-height: 16px !important;}
.line-height-18 {line-height: 18px !important;}
.line-height-20 {line-height: 20px !important;}
.line-height-22 {line-height: 22px !important;}
.line-height-24 {line-height: 24px !important;}
.line-height-27 {line-height: 27px !important;}
.line-height-38 {line-height: 38px !important;}


.cursor-pointer { cursor: pointer !important; }
.cursor-default { cursor: default !important; }


.radius-0 { border-radius: 0px !important; }
.radius-5 { border-radius: 5px !important; }
.radius-10 { border-radius: 10px !important; }
.radius-15 { border-radius: 15px !important; }
.radius-20 { border-radius: 20px !important; }
.radius-25 { border-radius: 25px !important; }
.radius-30 { border-radius: 30px !important; }
.radius-100 { border-radius: 100% !important; }

.bg-opacity-80 {
	--bs-bg-opacity: 0.80
}
.bg-opacity-90 {
	--bs-bg-opacity: 0.90
}

.nowrap { white-space: nowrap !important; }


.h-36 {height: 36px !important;}
.h-50 {height: 50px !important;}
.h-56 {height: 56px !important;}
.w-100 {width: 100% !important;}
.h-100 {height: 100% !important;}

.container img {max-width: 100%;}
.img_block img {max-width: 100%;}


.btn {
	border-radius: 15px;
}
.btn-theme {
	background: #012e5e;
	color: #f6f6f6;
}
.btn-theme:hover, .btn-theme:focus {
	background: #878787 !important;
	color: #000000;
}

.btn-theme-outline {
	color: #000000;
	border: 1px solid #000000;
}
.btn-theme-outline:hover, .btn-theme-outline:focus {
	background: #878787 !important;
	border-color: #878787 !important;
	color: #000000;
}

.btn-theme-dark {
	background: #000000;
	color: #878787;
}
.btn-theme-dark:hover, .btn-theme-dark:focus {
	background: #0a2733;
}

.btn-theme-light {
	background: #878787;
	color: #000000;
}
.btn-theme-light:hover {background: #757575;}
.btn-theme-light:focus { background: #a6924c; }

.btn-theme-gray {
	background: #eaeaea;
	color: #000000;
}
.btn-theme-gray:hover { background: #878787; }
.btn-theme-gray:active {background: #bcbcbc !important;border-color: #bcbcbc !important;}
.btn-theme-gray:focus { background: #878787; border-color: #fff; }



fieldset {
	border: 1px solid #eaeaea;
	padding: 22px 15px 15px;
	border-radius: 5px;
	position: relative;
}
fieldset legend {
	background: white;
	position: absolute;
	top: -13px;
	right: 10px;
	padding: 3px 5px;
	font-size: 13px;
	color: #9d9d9d;
	width: auto;
}




*:focus-visible,.btn-theme:focus ,.btn:focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(220 220 220 / 35%);
}

.link {
	text-decoration: none;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.link:hover {
	color: #878787 !important;
}


.tooltip {
	font-size: 12px;
	font-family: AradFont;
	z-index: 99999;
}

#captchaimg, .captchaimg {
	position: absolute;
	left: 7px;
	top: 7px;
	height: 59px !important;
	z-index: 9;
	border-radius: 10px !important;
	cursor: pointer;
}

#captchaimg+.captcha_refresh {
	position: absolute;
	left: 176px;
	top: 9px;
	height: 10px;
	color: #878787;
	font-size: 18px;
	border-radius: 0px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
#captchaimg+.captcha_refresh:hover {
	color: #000000;
}

.register-page #captchaimg, .captchaimg {
	position: absolute;
	left: 7px;
	top: 7px;
	height: 40px !important;
	z-index: 9;
	border-radius: 4px !important;
	cursor: pointer;
}

.register-page #captchaimg+.captcha_refresh {
	position: absolute;
	left: 122px;
	top: 9px;
	height: 10px;
	color: #878787;
	font-size: 18px;
	border-radius: 0px;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}


.form-control::-moz-placeholder, .form-select::-moz-placeholder {
	color: #c7c7c7;
	opacity: 1
}

.form-control::placeholder, .form-select::placeholder {
	color: #c7c7c7;
	opacity: 1
}

.form-control {
	display: block;
	width: 100%;
	padding: 12px 12px 12px;
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	line-height: 20px;
	color: #000000;
	background-color: #fff;
	border-color: #e7e7e7;
}
textarea.form-control {
	padding: 35px 10px 12px !important;
}

.form-check-input {
	border-radius: 0 !important;
	margin-top: 2px;
}
.form-check-input:checked {
	background-color: #198754;
	border-color: #198754 !important;
}
.form-check-input:focus, .form-select:focus {
	border-color: #bfbfbf;
	outline: 0;
	box-shadow: none;
}

.form-select {
	display: block;
	width: 100%;
	padding-left: 36px !important;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	border-radius: 0;
	color: #000000;
	background-color: #fff;
	border-color: #e7e7e7;
}


.form-switch {
	padding-right: 32px;
}
.form-switch label {
	cursor: pointer;
	margin-top: 0.5px;
}
.form-switch .form-check-input {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 14 14'%3e%3crect rx='4' width='11' height='11' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
	border-radius: 0;
	cursor: pointer;
	border-radius: 5px !important;
	font-size: 15px;
	margin-right: -32px;
	width: 28px;
}
.form-switch .form-check-input:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 14 14'%3e%3crect rx='4' width='11' height='11' fill='%23878787'/%3e%3c/svg%3e");
	border-radius: 5px !important;
}
.form-switch .form-check-input:checked {
	background-position: left center;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1.5 -1.5 14 14'%3e%3crect rx='4' width='11' height='11' fill='%23fff'/%3e%3c/svg%3e");
	border-radius: 5px !important;
}



.label_tag {
	margin: 0 auto;
	width: fit-content;
	border-radius: 3px;
	line-height: 15px;
	padding: 1.5px 5px 2px;
	font-weight: 500;
	font-size: 11px;
	margin-top: -1px;
	display: block;
	-webkit-transition: all 0.2s 0s ease-out;
	-moz-transition: all 0.2s 0s ease-out;
	-ms-transition: all 0.2s 0s ease-out;
	-o-transition: all 0.2s 0s ease-out;
	transition: all 0.2s 0s ease-out;
}
.label_tag.inline {
	margin: unset;
	display: inline;
}
.label_tag.hover {
	cursor: pointer;	
}
.label_tag i {
	font-size: 17px;
	vertical-align: -4px;
}
.label_tag.border {
	color: #898989;
	border-color: #f5f5f5;
}
.label_tag.theme, .label_tag.theme_light.hover:hover {
	color: #000000;
	background: #878787;
}
.label_tag.light {
	color: #898989;
	background: #f5f5f5;
}
.label_tag.theme_light, .label_tag.theme.hover:hover {
	color: #5b1cbd;
	background: #f2e9ff;
}
.label_tag.orange, .label_tag.orange_light.hover:hover {
	color: #ffffff;
	background: #e96e00;
}
.label_tag.orange_light, .label_tag.orange.hover:hover {
	color: #e96e00;
	background: #ffe8d6;
}
.label_tag.yellow_light {
	color: #d98c00;
	background: #fff9c1;
}
.label_tag.green, .label_tag.green_light.hover:hover {
	color: #ffffff;
	background: #4CAF50;
}
.label_tag.green_light, .label_tag.green.hover:hover {
	color: #208924;
	background: #edfaf3;
}
.label_tag.red, .label_tag.red_light.hover:hover {
	color: #ffffff;
	background: #E91E63;
}
.label_tag.red_light, .label_tag.red.hover:hover {
	color: #E91E63;
	background: #fff1f6;
}

.label_tag.blue, .label_tag.blue_light.hover:hover {
	color: #ffffff;
	background: #2196F3;
}
.label_tag.blue_light, .label_tag.blue.hover:hover {
	color: #2196F3;
	background: #E3F2FD;
}




/* ============== Customized Style - End ============== */





#overlay{
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height:100%;
  background: rgb(255 255 255 / 90%);
}
#overlay img {
	position:absolute;
	width: 50px;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	z-index: 1;
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.spinner {
  width: 70px;
  height: 70px;
  border: 4px #063864 solid;
  border-top: 4px #f69e00 solid;
  border-radius: 50%;
  animation: sp-anime 1.2s infinite linear;
  background: #ffffff;
}
@keyframes sp-anime {
  100% { 
	transform: rotate(360deg); 
  }
}






.navbar-brand {}
.navbar-brand img {}
.navbar-brand span {
	line-height: 16px;
	margin-right: 4px;
}
.navbar-brand span strong {
	display: block;
	font-size: 18px;
	color: #ffffff;
	margin-top: 6px;
	margin-bottom: 1px;
}
.navbar-brand span small {
	font-size: 11px;
	color: #a6a6a6;
	letter-spacing: -0.3px;
}


.breadcrumb {
	padding: 7px 0 2px;
	margin-bottom: 0;
	background: #ededed;
	border-radius: 6px;
	margin-bottom: 12px;
}
.breadcrumb .container {
	position: relative
}
.breadcrumb .col-md-12 {
	overflow: auto;
}
.breadcrumb .col-md-12:after {
	content: "";
	display: block;
	width: calc(var(--bs-gutter-x) * .5);
	height: 24px;
	background: #ededed;
	left: 0px;
	top: 0px;
	position: absolute;
}
.breadcrumb_container {
	width: max-content;
	overflow: hidden;
	display: block;
	height: 29px;
}

.breadcrumb i {
	color: #9E9E9E;
	vertical-align: -2px;
	font-size: 13px;
	margin: 0 3px 0 1px;
}
.breadcrumb i.la-home {
	color: #097902;
	font-size: 20px;
	margin: 0;
	vertical-align: -3px;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.breadcrumb a {
	text-decoration: none;
	color: #097902;
	font-weight: 600;
	font-size: 12px;
}
.breadcrumb a:hover, .breadcrumb a:hover i {
	color: #878787 ;
}






.navbar-item {
	display: flex !important;
	flex-basis: auto;
}
@media (min-width:768px) AND (max-width:991.9px) {
	.mini_nav>div>div:first-child {margin: 0 auto 15px;}
	.navbar-item {margin: 0 auto;}
}
.navbar-item li>a {
	color: #ffffff;
	font-size: 13px;
	padding: 6px 0px 0 !important;
	text-align: center;
	margin: 0px 9px 0;
	font-weight: 400;
	/* line-height: 40px; */
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.navbar-item li>a:hover, .navbar-item li>a:focus {
	color: #fff !important;
	text-shadow: 0px 0px 5px #ffffffdb;
}
.navbar-item li>a:hover i {
	color: #000 !important;
	background: #fff;
	text-shadow: none;
}
.navbar-item li>a i {
	font-size: 22px;
	color: #878787;
	width: 30px;
	height: 30px;
	border-radius: 17px;
	margin-left: 3px;
	text-align: center;
	line-height: 31px;
	vertical-align: -5px;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}

.navbar-item .navbar-nav {
	flex-direction: row;
}
.navbar-item .navbar-nav .nav-link {
	padding-left: var(--bs-navbar-nav-link-padding-x);
	padding-right: var(--bs-navbar-nav-link-padding-x);
}




.bottom-nav {
	padding: 0;
	height: 60px;
	border-top: 1px solid #ececec;
	border: 1px solid #ececec;
	margin: 0 10px 10px;
	width: calc(100% - 20px);
	border-radius: 5px;
}
.bottom-navbar-item {
	
}
.bottom-navbar-item li {
	width: 64px;
	height: 60px;
}
.bottom-navbar-item a {
	color: #878787;
	font-size: 11px;
	/* padding: 0px 0px 0 !important; */
	text-align: center;
	margin: 0px 0px 0;
	font-weight: 300;
	height: 60px;
}
.bottom-navbar-item a.highlight {
	color: #ffffff;
	background: #00bcd4 !important;
	height: 70px;
	width: 70px;
	margin-top: -6px;
	margin-right: -3px;
	border-radius: 73px;
	padding-top: 13px;
}
.bottom-navbar-item a.highlight i {
	color: #fff !important;
}
.bottom-navbar-item a.highlight:hover {
	background: #00a0b3 !important;
}
.bottom-navbar-item a:hover {
	background: #e7e7e7 !important;
}

.bottom-navbar-item a i {
	font-size: 28px;
	vertical-align: -6px;
	color: #000000;
	padding-left: 0px;
	display: block;
	margin-bottom: 0px;
	margin-top: 0;
}

.bottom-navbar-item .navbar-nav {
	display: flex !important;
	flex-direction: row;
	justify-content: space-between;
}
.bottom-navbar-item .bottom-navbar-nav .nav-link {
	padding-left: var(--bs-navbar-nav-link-padding-x);
	padding-right: var(--bs-navbar-nav-link-padding-x);
}


.navbar-toggler {
	padding: 5px 6px 5px;
	font-size: 18px;
	margin: 0px 0 1px;
}



.offcanvas-bottom {
	height: auto !important;
	top: 58px !important;
	bottom: 0;
}
@media (max-width:767px) {
	.offcanvas-bottom {
		height: auto !important;
		top: 58px !important;
		bottom: 0;
	}
}




.btn-thumb {
	border: 1px solid #dfe0e1;
	width: 40px !important;
	margin-left: 8px;
	height: 40px;
	margin-right: 0 !important;
	position: relative;
	padding: 0;
	text-align: center;
}
.btn-thumb:first-child {margin-left: 0 !important;}
.btn-thumb i {
	font-size: 26px !important;
	color: #878787 !important;
	line-height: 36px;
}
.btn-thumb ins {
	font-size: 10px;
	text-decoration: none;
	position: absolute;
	top: -6px;
	right: -6px;
	background: #00BCD4;
	color: #fff;
	width: 18px;
	height: 18px;
	font-weight: bold;
	line-height: 17px;
	padding-top: 2px;
	letter-spacing: -0.4px;
	text-align: center;
	border-radius: 25px;
}
.btn-thumb:hover {
	border-color: #fff !important;
	color: #fff !important;
	background: none !important;
}
.btn-thumb:hover i {
	color: #fff !important;
}
@media (max-width:767px) {
	.btn-thumb {margin-left: 0px !important;}
}
@media (max-width:380px) {
	.btn-thumb {
		width: 35px !important;
		margin-left: 7px !important;
	}
}


.navbar-toggler {
	padding: 6px 0px 6px 0px;
	font-size: 18px;
	margin: 0px -4px 0px 8px;
	/* height: 44px; */
	width: 28px;
	float: right;
	text-align: center;
	border-radius: 0;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.navbar-toggler i {
	font-size: 30px;
	padding: 0px 0 0;
	color: #ffffff;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.navbar-toggler:hover {
	color: #878787;
	/* border: 1px solid #000000; */
}
.navbar-toggler:hover i {
	color: #878787;
}


.offcanvas-header {
	border-bottom: 2px solid #f7f7f7;
}
.offcanvas-title {
	font-size: 20px;
	font-weight: bold;
	color: #000000;
	padding-top: 5px;
}
.offcanvas-body {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding-top: 1px;
	padding-bottom: 10px;
}

.navbar-side {
	width: 100%;
}
.navbar-side li {
	display: block;
	border-bottom: 1px solid #ebebeb;
}
.navbar-side li:last-child {border: 0;}
.navbar-side li a {
	font-size: 14px;
	font-weight: 500;
	padding: 7px 0 7px;
	color: #000000;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.navbar-side a:hover {
	color: #000000 !important;
}
.navbar-side li a i {
	color: #ccc;
	font-size: 21px;
	vertical-align: -3px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.navbar-side a:hover i {
	color: #878787 !important;
}




.bg-gray {
	background: #ededed;
}
.bg-custom0 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	border-bottom: 1px solid #f1f1f1;
}
.bg-custom {
	padding-top: 30px !important;
	padding-bottom: 20px !important;
	border-bottom: 1px solid #f1f1f1;
}
.bg-custom .tag {
	display: block;
	position: absolute;
	left: -46px;
	top: calc(50% - 11px);
	width: 140px;
	text-decoration: none;
}
.bg-custom .tag span {
	background: #f3f3f3;
	padding: 3px 5px 2px;
	font-size: 11px;
	border-radius: 4px;
	color: #919191;
	display: block;
	height: 22px;
	left: 0;
	width: calc(100%);
	transform: rotate(-90deg);
	cursor: pointer;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.bg-custom .tag span:hover {
	background: #0dcaf0;
	color: #fff;
}
.bg-custom .splide {
	width: 100%;
}

.height_full {
	min-height: calc(100vh - 168px);
}
@media (max-width:767px) {
	.height_full {min-height: calc(100vh - 170px);}
}
@media (max-width:600px) {
	.height_full {min-height: calc(100vh - 170px);}
}




/************* Start - Pulse *************/
.pulse-red, .pulse-green, .pulse-orange {
	border-radius: 50%;
	margin: 4px;
	height: 12px;
	width: 12px;
	display: inline-block;
	box-shadow: 0 0 0 0 rgb(255 255 255);
	transform: scale(1);
	vertical-align: middle;
	opacity: 0.9;
}
.pulse-red {
	background: red;
	animation: pulse_red 2s infinite;
}
.pulse-green {
	background: green;
	animation: pulse_green 2s infinite;
}
.pulse-orange {
	background: orange;
	animation: pulse_orange 2s infinite;
}
@keyframes pulse_red {
	0% {transform: scale(0.95); box-shadow: 0 0 0 0 red;}
	70% {transform: scale(1); box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);}
	100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
}
@keyframes pulse_green {
	0% {transform: scale(0.95); box-shadow: 0 0 0 0 green;}
	70% {transform: scale(1); box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);}
	100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
}
@keyframes pulse_orange {
	0% {transform: scale(0.95); box-shadow: 0 0 0 0 orange;}
	70% {transform: scale(1); box-shadow: 0 0 0 8px rgba(0, 0, 0, 0);}
	100% {transform: scale(0.95);box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
}
/************* End - Pulse ***************/




/************* Start - MyPOP *************/

.mypop {
	display: block;
	position: fixed;
	top: 0px;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2000;
	opacity: 0;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.mypop.show {opacity: 1;}
.mypop .mypop_back {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	top: 0;
	right: 0;
	background: #00000075;
}
.mypop .mypop_modal {
	background: #fff;
	position: absolute;
	height: calc(100% - 80px);
	width: calc(100% - 80px);
	display: block;
	top: 40px;
	left: 40px;
	border-radius: 15px;
}

.mypop .mypop_modal .mypop_header {
	border: solid #ededed;
	border-width: 0 0 1px;
	display: inline-block;
	width: 100%;
}
.mypop .mypop_modal .mypop_header .mypop_close {
	float: right;
	color: #878787;
	margin: 8px;
	font-size: 24px;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	text-align: center;
	cursor: pointer;
	padding-top: 7px;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.mypop .mypop_modal .mypop_header .mypop_close:hover {
	background: #f8f8f8;
}
.mypop .mypop_modal .mypop_header h4 {
	color: #000000;
	font-size: 15px;
	line-height: 48px;
	margin-bottom: 0;
	margin-top: 5px;
	float: right;
	margin-right: 0px;
}

.mypop .mypop_modal .mypop_body {
	padding: 20px;
	overflow: auto;
	height: calc(100vh - 100px);
	margin-top: -9px;
}
@media (max-width:767.9px) {
	.mypop .mypop_modal .mypop_body {height: calc(100vh - 160px);}
}

@media (min-width:768px) {
	#category_pop .mypop_modal {
		width: 360px;
		right: 0;
	}
}

.scroll_lock { overflow: hidden !important; }


.mypop.full_pop .mypop_modal {
	height: calc(100% - 0px);
	width: calc(100% - 0px);
	top: 0px;
	left: 0px;
}

#adding_ad>.mypop_modal, #ad_pop_detail>.mypop_modal, #chat_list_pop>.mypop_modal, #notif_list_pop>.mypop_modal, #chat_person>.mypop_modal, #profile_pop>.mypop_modal, #category_pop>.mypop_modal {
	top: 60px !important;
}

.mypop.medium_pop .mypop_modal {
	height: 380px;
	width: 460px;
	top: calc(50% - 19px);
	left: calc(50% - 230px);
}
.mypop.medium_pop .mypop_modal .mypop_body {
	height: calc(100% - 57px);
}

.mypop.medium_long_pop .mypop_modal {
	width: 460px;
	left: calc(50% - 230px);
}
.mypop.medium_long_pop .mypop_modal .mypop_body {
	height: auto;
}

@media(max-width: 470px){
	.mypop.medium_long_pop .mypop_modal {
		width: calc(100% - 10px);
		left: 5px;
	}
}
@media(max-height: 560px){
	.mypop.medium_long_pop .mypop_modal {}
}

.mypop.mini_pop .mypop_modal {
	height: 330px;
	width: 330px;
	top: calc(50% - 165px);
	left: calc(50% - 165px);
}
.mypop.mini_pop .mypop_modal .mypop_body {
	height: calc(100% - 57px);
}

.mypop.mini_long_pop .mypop_modal {
	width: 330px;
	left: calc(50% - 165px);
}
.mypop.mini_long_pop .mypop_modal .mypop_body {
	height: auto;
}

@media(max-width: 340px){
	.mypop.mini_long_pop .mypop_modal {
		width: calc(100% - 10px);
		left: 5px;
	}
}
@media(max-height: 560px){
	.mypop.mini_long_pop .mypop_modal {}
}



@media(min-width: 768px){
	#profile_pop .mypop_modal {
		height: calc(100% - 0px);
		width: 400px;
		left: 0px;
	}
}

/************* End - MyPOP *************/





.thumb-circle { text-align: center; }
.thumb-circle span {
	border-radius: 100%;
	background: #ccc;
	display: inline-block;
	width: fit-content;
	padding: 6px;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.thumb-circle span img{
	border-radius: 100%;
	max-width: 100%;
	width: 100%;
	box-shadow: 0px 0px 0px 5px #fff;
	background: #fff;
	-moz-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}
.thumb-circle:hover span img{
	box-shadow: 0px 0px 0px 4px #fff;
}


.thumb-square { text-align: center; }
.thumb-square span {
	border-radius: 25px;
	background: #ccc;
	display: inline-block;
	width: fit-content;
	padding: 6px;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.thumb-square span img{
	border-radius: 19px;
	max-width: 100%;
	width: 100%;
	box-shadow: 0px 0px 0px 5px #fff;
	background: #fff;
	-moz-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}
.thumb-square:hover span img{
	box-shadow: 0px 0px 0px 4px #fff;
}



.lightbox_gallery {
	margin-top: 5px;
}
.lightbox_thumb {
	width: calc((100% - 20px) / 3 );
	float: right;
	margin: 5px;
}
.lightbox_thumb:nth-child(3n+1) {
	margin-right: 0;
}
.lightbox_thumb:nth-child(3n) {
	margin-left: 0;
}
.lightbox_thumb span {
	border-radius: 25px;
	background: #ccc;
	display: inline-block;
	width: fit-content;
	padding: 6px;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.lightbox_thumb span img{
	border-radius: 19px;
	max-width: 100%;
	width: 100%;
	box-shadow: 0px 0px 0px 5px #fff;
	background: #fff;
	-moz-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
	-webkit-transition: all .15s ease-in-out;
}
.lightbox_thumb:hover span img{
	box-shadow: 0px 0px 0px 4px #fff;
}



.page_nav .btn {
	padding: 9px 5px 6px;
	min-width: 41px;
	font-size: 15px;
	color: #fff;
}





.contact_row {
	font-size: 15px;
	text-decoration: none;
	margin-bottom: 5px;
}
.contact_row .contact_icon {
	background: #ededed;
	border-radius: 4px;
	font-size: 19px;
	color: #5c5c5c;
	padding: 3px 3px;
	vertical-align: -1px;
}
.contact_row a {
	text-decoration: none;
	color: #686868;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
}
.contact_row a:hover {
	color: #0066a6;
}
.contact_row span {
	font-size: 12px;
	color: #afafaf;
	margin-right: 5px;
}



/************* Start - Ajax Uploading Files */
.drop_file_zone {
	background-color: #f9f9f9;
	border: #ccc 1px dashed;
	border-radius: 70px;
	width: 100%;
	padding: 12px 8px;
	font-size: 18px;
	text-align: center;
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	cursor: default !important;
	position: relative;
	display: inline-block;
}

.drag_upload_file {
	margin:0 auto;
}
.drag_upload_file p {
	text-align: center;
	font-size: 14px;
	margin: 0;
	margin-bottom: 10px;
}
.drag_upload_file h6 {
	margin: 6px 0 4px;
	font-size: 12px;
	color: #000000;
	font-weight: 400;
}
.drag_upload_file input {
	font-size: 14px;
	padding: 4px 15px 3px;
}
.drag_upload_file .selectfile {
	display: none;
}

.drop_file_zone #progress-wrp {
	display: none;
}
.drop_file_zone.loading #progress-wrp {
	display: block;
	border: 1px solid #d1d1d1;
	padding: 1px;
	/* position: relative; */
	border-radius: 3px;
	margin: 0;
	text-align: left;
	background: #fff;
	box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
	position: absolute;
	top: calc(50% - 2px);
	width: calc(100% - 16px);
	height: 10px;
}
.drop_file_zone.loading:before {
	content: "";
	background: #ffffffed;
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	border-radius: 70px;
}
.drop_file_zone.loading #progress-wrp .progress-bar{
	height: 6px;
	border-radius: 2px;
	background-color: #43c143;
	width: 0;
	box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}
.drop_file_zone.loading #progress-wrp .status{
	top: -22px;
	right: calc(50% - 47px);
	position: absolute;
	display: inline-block;
	color: #3c763d;
	line-height: 20px;
	width: 94px;
	text-align: center;
}
.drop_file_zone.loading #progress-wrp .status span {font-size: 12px;margin-bottom: 15px;display: block;}
.labelField {
	display: block;
	position: absolute;
	left: 33px;
	bottom: 3px;
	color: #0f96a0;
	padding: 4px 5px;
}





.ajaxPreview {
	margin-top: 0px;
	display: block;
	position: relative;
}

.ajaxPreview.inner {
	display: inline-block;
	width: 100%;
}
.ajaxPreview div {
	display: block;
	min-height: 50px;
	position: relative;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.ajaxPreview div img {
	max-height: 100px;
	border-radius: 0px;
	border: 1px solid #ccc;
	min-width: 48px;
	min-height: 48px;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	/* background: url("../images/img_loading.gif") no-repeat; */
}
.ajaxPreview.main_image img {
	max-height: 160px;
	max-width: 100%;
}

.ajaxPreview.ad_images {
	display:  inline-block;
}
.ajaxPreview.ad_images div {
	height: 50px;
	margin-bottom: 0;
	margin-top: 12px;
	margin-left: 12px;
}
.ajaxPreview.ad_images div:hover img {
	border-color: #878787;
}
/* .ajaxPreview.ad_images div { cursor: grab; }
.ajaxPreview.ad_images div:active { cursor: grabbing; } */

.ajaxPreview div i {
	padding-right: 1.5px;
	padding-top: 1px;
	cursor: pointer;
	background: #cccccc;
	color: #fff;
	width: 17px;
	height: 17px;
	text-align: center;
	line-height: 16px;
	border-radius: 2px;
	position: absolute;
	left: -6px;
	top: -6px;
	-moz-transition: all .3s ease-out;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.ajaxPreview div i:hover {
	background-color: #dc1515;
}

.ajaxPreview div i+i {
	cursor: pointer;
	background: #cccccc;
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding-top: 0px;
	border-radius: 50%;
	left: -7px;
	top: 16px;
}
.ajaxPreview div i+i:hover {
	background-color: #00d9e4;
}

/************* END - Ajax Uploading Files */





/************* Start - Accordion ************/
.accordion {}
.accordion-item {
	margin-bottom: 10px;
	border: 1px solid #eaeaea;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}
.accordion-item:not(:first-of-type) {
	border-top: 1px solid #eaeaea;
}
.accordion-item:first-of-type {
	border-radius: 0px !important;
}
.accordion-item:last-of-type {
	border-radius: 0px !important;
	margin-bottom: 0;
}
.accordion-item:hover {
	border-color: #878787 !important;
}
.accordion-header {
	margin-bottom: 0px;
	
}
.accordion-button {
	font-size: 14px;
	font-weight: 500;
	color: #000000;
	padding: 12px 12px 11px;
	border-radius: 0 !important;
}
.accordion-button:focus {
	box-shadow: none;
}
.accordion-button:not(.collapsed) {
	color: #000000;
	background-color: #878787;
	box-shadow: none;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
}

.accordion-body {
	padding: 11px 12px 9px;
}

/************* END - Accordion ************/




.profile-image {}
.profile-image img {
	/* width: 100px; */
	height: 115px;
	max-width: 100%;
	border: 1px solid #dfdfdf;
	border-radius: 100% !important;
}