body {
	box-sizing: border-box;
	line-height: 1.2em;
	height: 100vh;
	color: #6c757d;
	background-color: #fafbfe;
}

::-webkit-scrollbar {
	display: none;
	-ms-overflow-style: none;
}

ul, body, html, ul, li, p, span, b, h2, h1 {
	font-family: 'Cairo';
	font-size: 0.9rem;
}

body[dir=rtl] {
	direction: rtl;
	text-align: start;
}

.nav-bar-holder, .main-content-holder {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

a, a:hover {
	text-decoration: none;
}

button:active, button:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus {
	outline: none;
	box-shadow: none !important;
}

.main_order_content_price {
	background-color: #c1c1c1;
	width: 100%;
	height: 50px;
	text-align: center;
	border-radius: 25px 25px 5px 5px;
	padding: 10px 10px;
	color: #000;
	margin-bottom: 10px;
}

h2.box_title_topper {
	display: block;
	margin: 10px;
	font-size: 14pt;
	color: #3d3d3d;
}

.box_info_content {
	display: block;
	background-color: #f2f2f2;
	border-radius: 15px;
	padding: 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.box_info_row:after {
	display: block;
	clear: both;
	content: "";
}

.box_info_row {
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom: 1px rgba(43, 43, 43, 0.244) solid;
}

.box_info_row:last-child {
	margin-bottom: 0px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

.status_span {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 5px;
	color: #fff;
}

.status_span2 {
	display: block;
}

.status_s_wating {
	background-color: #a58607;
}

.status_s_connected {
	background-color: #047609;
}

.status_s_done {
	background-color: #045776;
}

.status_s_cancled {
	background-color: #762204;
}

.status2_s_wating {
	color: #a58607;
}

.status2_s_connected {
	color: #047609;
}

.status2_s_done {
	color: #045776;
}

.status2_s_cancled {
	color: #762204;
}

.box_row_left {
	font-size: 10pt;
}

.box_row_right {
	font-weight: bold;
	font-size: 10pt;
}

.inline-2-but {
	width: 48%;
	border-radius: 5px;
	padding: 5px 0px;
	text-align: center;
}

.x-f-left {
	float: left;
}

.x-f-right {
	float: right;
}

.f-right {
	float: right;
}

.f-left {
	float: left;
}

body[lang=en] .f-right {
	float: left;
}

body[lang=en] .f-left {
	float: right;
}

.static-block {
	width: calc(50% - 10px);
	padding: 10px 0px;
	text-align: center;
	margin: 10px 5px;
	background-color: #e5e5e5;
	border-radius: 10px;
}

.statics-blocks {
	padding: 0px 5px;
}

.static-block span {
	display: block;
	font-size: 10pt;
	margin-bottom: 5px;
	color: #333;
}

.static-block b {
	display: block;
	font-size: 12pt;
	color: #1989fa;
}

.static-block .icon-h-sec {
	text-align: center;
	font-size: 18pt;
	color: #000;
	position: relative;
	padding: 10px 0px;
}

.fas.fa-dot-circle {
	position: absolute;
	font-size: 10pt;
	left: calc(50% + 15px);
	bottom: 10px;
}

.green_dot {
	color: #08af02;
}

.red_dot {
	color: #b22000;
}

.gray_dot {
	color: #666666;
}

.fil-titlest {
	display: block;
	margin: 0px 15px;
	border-radius: 10px;
	padding: 10px 5px;
	background-color: #f4f4f4;
	color: #333;
	font-size: 10pt;
}

.asdasd_car_im {
	display: block;
	padding: 5px 3px;
}

.counter-cc {
	text-align: center;
}

.counter-cc i {
	display: inline-block;
	vertical-align: middle;
	font-size: 25pt;
	color: #0080bc;
	margin: 0px 10px;
}

.counter-cc .counters- {
	display: inline-block;
	vertical-align: middle;
}

.counter-cc .counters->span {
	display: inline-block;
	vertical-align: middle;
	background-color: #c6c6c6;
	font-size: 11pt;
	color: #333;
	padding: 5px 10px;
	border-radius: 5px;
}

.other_option_car {
	text-align: center;
	border-top: 1px #adadad solid;
	padding-top: 10px;
}

.other_option_car>button {
	width: 33.3%;
	display: block;
	text-align: center;
	font-size: 10pt;
}

.filters-select {
	display: block;
	width: 100%;
	padding: 5px 10px;
	background-color: #0099cc;
	color: #fff;
}

.filter_row {
	margin-bottom: 25px;
	background-color: #006f94;
	padding: 10px 0px;
}

[go_filter] {
	display: inline-block;
	padding: 5px 10px;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
}

.cars_blocks {
	position: relative;
}

.cars_blocks>button {
	display: block;
	width: 100%;
	text-align: start;
}

.car_view_section .owl-dots {
	text-align: center;
}

.car_view_section .owl-dots>button {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #bfbfbf;
	margin: 0px 5px;
}

.car_view_section .owl-dots>button.active {
	background-color: #3d3d3d;
}

.car_list_items_h {
	margin: 10px 0px;
	border-radius: 10px;
	padding: 10px;
	background-color: #ededed;
}

.car_head h1 {
	margin: 10px 5px;
	border-radius: 10px;
	padding: 10px;
	background-color: #ededed;
	display: block;
	color: #333;
	font-size: 14pt;
}

.car_list_items_h .x_rows_s {
	padding: 5px 0px;
	border-bottom: 1px rgba(0, 0, 0, 0.1) solid;
}

.car_list_items_h .x_rows_s .text-left>span {
	display: inline-block;
	padding: 2px 10px;
	background-color: #fff;
	border-radius: 5px;
	color: #424242;
	margin-bottom: 2px;
}

.blue-bg {
	background-color: #0a75bb !important;
	color: #fff !important;
}

.form-cnontents>label {
	margin-bottom: 0px;
	font-size: 12pt;
	display: block;
	padding: 3px 0px;
}

#rent_car_form .form-cnontents>input {
	border: 0px;
	padding: 3px 10px;
	border-radius: 5px;
	background-color: #f7f7f7;
	color: #000;
	height: 38px;
}

.inline-radios {
	display: inline-block;
	margin: 5px;
	vertical-align: middle;
}

.s-hide {
	display: none;
}

.s-hide.active {
	display: block;
}

.main_order_content_price {
	background-color: #c1c1c1;
	width: 100%;
	height: 50px;
	text-align: center;
	border-radius: 25px 25px 5px 5px;
	padding: 10px 10px;
	color: #000;
	margin-bottom: 10px;
}

h2.box_title_topper {
	display: block;
	margin: 10px;
	font-size: 14pt;
	color: #3d3d3d;
}

.box_info_content {
	display: block;
	background-color: #f2f2f2;
	border-radius: 15px;
	padding: 15px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.box_info_row:after {
	display: block;
	clear: both;
	content: "";
}

.box_info_row {
	margin-bottom: 5px;
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom: 1px rgba(43, 43, 43, 0.244) solid;
}

.box_info_row:last-child {
	margin-bottom: 0px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

.status_span {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 5px;
	color: #fff;
}

.status_span2 {
	display: block;
}

.status_s_wating {
	background-color: #a58607;
}

.status_s_connected {
	background-color: #047609;
}

.status_s_done {
	background-color: #045776;
}

.status_s_cancled {
	background-color: #762204;
}

.status2_s_wating {
	color: #a58607;
}

.status2_s_connected {
	color: #047609;
}

.status2_s_done {
	color: #045776;
}

.status2_s_cancled {
	color: #762204;
}

.box_row_left {
	font-size: 10pt;
}

.box_row_right {
	font-weight: bold;
	font-size: 10pt;
}

.inline-2-but {
	width: 48%;
	border-radius: 5px;
	padding: 5px 0px;
	text-align: center;
}

.box_row_left button {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 4px;
	background-color: #e0e0e0;
	color: #333;
}

.box_row_left button img {
	width: 18px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 3px;
}

.terms_x_class button {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px;
	background-color: #eaeaea;
	color: #03779a;
	padding: 0px 5px;
	border-radius: 3px;
}

body[account_type=customer] .show_on_driver_o {
	display: none;
}

body[account_type=guest] .show_on_driver_o {
	display: none;
}

body[account_type=company] .show_on_user_o {
	display: none;
}

.cars_blocks button .x-f-right {
	position: relative;
	padding-bottom: 30px;
	margin: 0px 2.5px;
}

.cars_blocks button .x-f-right span {
	position: absolute;
	display: block;
	right: 0px;
	bottom: 0px;
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	background-color: #0573a3;
	color: #fff;
	border-radius: 0px 0px 5px 5px;
}

.cars_blocks .order .x-f-left>span {
	display: block;
	font-weight: bold;
	font-size: 9pt;
	font-weight: bold;
	color: #757575;
	padding: 5px 0px;
}

.cars_blocks .order .x-f-right img {
	height: 75px;
}

.notifies.readed .noti-icon {
	background-color: #565656 !important;
}

.styl-order-dates {
	border-radius: 10px;
	border: 1px #9b9b9b solid;
	overflow: hidden;
}

.styl-order-dates-head {
	padding: 5px 0px;
	text-align: center;
	background-color: #0a7aa2;
	color: #fff;
}

.styl-order-blocks {
	display: block;
	background-color: #d1d1d1;
	text-align: center;
	color: #333;
	padding: 5px 0px;
	margin: 3px 0px;
	font-size: 10pt;
	border-radius: 5px;
}

.inine-2-holder-xx {
	margin: 20px 0px;
	background-color: #e0e0e0;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

.inine-2-holder-xx-button {
	display: inline-block;
	vertical-align: middle;
	width: calc(50% - 10px);
	margin: 0px 4px;
}

.inine-2-holder-xx-button>button {
	display: block;
	width: 100%;
	padding: 5px 0px;
	text-align: center;
	background-color: #0a7aa2;
	color: #fff;
	border-radius: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.fav_butt {
	position: absolute !important;
	z-index: 100;
	top: 10px;
}

[dir=rtl] .fav_butt {
	left: 5px;
}

[dir=ltr] .fav_butt {
	right: 5px;
}

.car_row {
	position: relative;
}

.profile-top-cc {
	text-align: center;
	margin-bottom: 20px;
}

.profile-top-cc img {
	margin: 10px auto;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	border: 2px #c9c9c9 solid;
	margin-bottom: 10px;
}

.profile-top-cc h2 {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 13pt;
}

.profile-top-cc span {
	display: block;
	font-size: 11pt;
	margin-bottom: 5px;
	color: #0464e0;
}

.profile-top-cc-2 {
	display: inline-block;
	padding: 5px 10px;
	background-color: #055bcb;
	color: #fff;
	white-space: normal;
	border-radius: 30px;
}

.profile-top-cc-2 b, .profile-top-cc-2 span {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px;
	color: #fff;
	font-size: 10pt;
}

.small-info-wallet {
	margin: 10px 10px;
}

.small-info-wallet>button {
	display: block;
	width: 100%;
	padding: 10px 10px;
	border-radius: 30px;
	background-color: #dbdbdb;
	color: #333;
	text-align: start;
}

.detailed-ratings {
	margin: 15px;
}

.detailed-ratings h2 {
	display: block;
	margin-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;
}

.detailed-ratings p {
	display: block;
	margin-bottom: 5px;
	font-size: 11pt;
}

.detailed-ratings small {
	display: block;
	font-size: 9pt;
	color: #686868;
}

.comments-r {
	margin-bottom: 10px;
}

.rrating_box {
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	margin: 10px 0px;
	position: relative;
	padding: 10px;
}

.rrating_box .rating-starss {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 3;
}

.f-row {}

.main-filter-content {
	display: none;
}

.inline-4-f {
	width: calc(25% - 5px);
	margin: 2px 2.5px;
	padding: 3px 5px;
}

.main-filter-top>button {
	display: block;
	margin-bottom: 10px;
	background-color: #046ca9;
	color: #fff;
	text-align: start;
	font-size: 12pt;
	padding: 10px;
	border-radius: 10px 10px 0px 0px;
	width: 100%;
}

.main-filter-cc {
	margin: 0px 10px 10px 10px;
}

.surr_buut {
	display: block;
	padding: 10px;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
	width: 100%;
}

.surr_buut1 {
	background-color: #046ca9;
	color: #fff;
}

.static-block {
	width: calc(50% - 10px);
	padding: 10px 0px;
	text-align: center;
	margin: 10px 5px;
	background-color: #e5e5e5;
	border-radius: 10px;
}

.statics-blocks {
	padding: 0px 5px;
}

.static-block span {
	display: block;
	font-size: 10pt;
	margin-bottom: 5px;
	color: #333;
}

.static-block b {
	display: block;
	font-size: 12pt;
	color: #1989fa;
}

.static-block .icon-h-sec {
	text-align: center;
	font-size: 18pt;
	color: #000;
	position: relative;
	padding: 10px 0px;
}

.fas.fa-dot-circle {
	position: absolute;
	font-size: 10pt;
	left: calc(50% + 15px);
	bottom: 10px;
}

.green_dot {
	color: #08af02;
}

.red_dot {
	color: #b22000;
}

.gray_dot {
	color: #666666;
}

.fil-titlest {
	display: block;
	margin: 0px 15px;
	border-radius: 10px;
	padding: 10px 5px;
	background-color: #f4f4f4;
	color: #333;
	font-size: 10pt;
}

.asdasd_car_im {
	display: block;
	padding: 5px 3px;
}

.counter-cc {
	text-align: center;
}

.counter-cc i {
	display: inline-block;
	vertical-align: middle;
	font-size: 25pt;
	color: #0080bc;
	margin: 0px 10px;
}

.counter-cc .counters- {
	display: inline-block;
	vertical-align: middle;
}

.counter-cc .counters->span {
	display: inline-block;
	vertical-align: middle;
	background-color: #c6c6c6;
	font-size: 11pt;
	color: #333;
	padding: 5px 10px;
	border-radius: 5px;
}

.rating-starss>span.gold {
	color: #ae9704;
}

.car_slider_cc {
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
}

.car_slider_cc>a {
	display: inline-block;
	margin: 5px;
}

.car_slider_cc>a>img {
	width: 90px;
	height: auto;
	border-radius: 10px;
}

.main-login-page {
	display: flex;
	height: 100vh;
	align-items: center;
	text-align: center;
}

.main-container {
	position: relative;
}

body[dir=ltr] .nav-bar-holder {
	left: 0px;
}

body[dir=rtl] .nav-bar-holder {
	right: 0px;
}

.nav-bar-holder {
	position: fixed;
	top: 0xp;
	width: 50px;
	height: calc(100% - 10px);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	z-index: 10;
	background: rgb(2, 0, 36);
	background: -moz-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(5, 70, 83, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(5, 70, 83, 1) 100%);
	background: linear-gradient(0deg, rgba(2, 0, 36, 1) 0%, rgba(5, 70, 83, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#020024", endColorstr="#054653", GradientType=1);
	border-radius: 5px;
}

body.active_nav .nav-bar-holder {
	width: 250px;
}

body.main-nav>li>a span {
	display: none;
}

.main-nav {
	margin: 0xp;
	padding: 0px;
	overflow-y: scroll;
	height: calc(100% - 50px);
	overflow-y: scroll;
}

.main-nav>li {
	display: block;
	margin-bottom: 10px;
}

.main-nav>li>a {
	display: block;
	color: #bccee4;
	padding: 10px 5px;
	font-size: 10pt;
}

.main-nav>li>a.active {
	/*
	background: rgb(7,42,125);
*/
	color: #fff;
}

.main-nav>li>a i {
	display: inline-block;
	color: #bccee4;
	font-size: 10pt;
	margin: 0px 5px;
	vertical-align: middle;
}

.main-nav>li>a span {
	display: none;
	vertical-align: middle;
	color: #bccee4;
}

.main-nav>li>a.active i, .main-nav>li>a.active span {
	color: #fff;
}

.topper-nave-togle-cc {
	text-align: end;
}

.topper-nave-togle-cc>button {
	display: inline-block;
	background-color: #2a323c;
	color: #bccee4;
	padding: 4px 20px;
	border: 0px;
	font-size: 16pt;
}

body.disable_nav .topper-nave-togle-cc>button {
	padding: 12px 16px;
	margin-bottom: 15px;
}

body.disable_nav .main-nav>li>a {
	text-align: center;
}

body.disable_nav .main-nav>li>a>b {
	display: none;
}

.main-content-holder {
	display: block;
	height: calc(100vh);
	position: relative;
	overflow-y: scroll;
	padding-top: 70px;
	z-index: 11;
}

body[dir=ltr].active_nav .main-content-holder {
	margin-left: 250px;
}

body[dir=rtl].active_nav .main-content-holder {
	margin-right: 250px;
}

body[dir=ltr].disable_nav .main-content-holder {
	margin-left: 50px;
}

body[dir=rtl].disable_nav .main-content-holder {
	margin-right: 50px;
}

.fixed-bar-topper {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
	background: -webkit-linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
	background: linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f6ff", GradientType=1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	padding: 7px 10px;
}

.main-nav>li>a>b {
	display: inline-block;
	font-size: 12pt;
	padding: 3px;
	color: #d1d1d1;
}

.main-nav>li>a>b:after {
	display: block;
	content: "\f107";
}

.main-nav>li.openned>a>b:after {
	display: block;
	content: "\f106";
}

li.nodrop-down[active] {
	background-color: #2a323c;
}

ul.drop-down>li[active] {
	background-color: #2a323c;
}

body[dir=ltr] .main-nav>li>a>b {
	float: right;
}

body[dir=rtl] .main-nav>li>a>b {
	float: left;
}

ul.drop-down {
	padding: 10px;
	background-color: #505f72;
	display: none;
}

ul.drop-down>li {
	display: block;
}

body[dir=ltr] ul.drop-down {
	border-left: 2px #333 solid;
}

body[dir=rtl] ul.drop-down {
	border-right: 2px #333 solid;
}

ul.drop-down>li>a {
	display: block;
}

ul.drop-down>li>a {
	display: block;
	color: #baedfc;
	padding: 10px 5px;
	font-size: 10pt;
}

ul.drop-down>li>a.active+ul.drop-down>li>a {
	background: rgb(7, 42, 125);
}

ul.drop-down>li>a i {
	display: inline-block;
	color: #bccee4;
	font-size: 10pt;
	margin: 0px 5px;
	vertical-align: middle;
}

ul.drop-down>li>a span {
	display: none;
	vertical-align: middle;
	color: #bccee4;
}

body.disable_nav ul.drop-down {
	padding: 2px;
}

body.disable_nav ul.drop-down {
	text-align: center;
	font-size: 11pt;
}

.main-nav a {
	cursor: pointer;
}

.datatabels {
	width: 100%;
}

.datatabels td {
	vertical-align: middle;
	text-align: start;
}

.datatabels td.text-center {
	text-align: center;
}

td {
	vertical-align: middle !important;
	text-align: start;
}

#codeigniter_profiler {
	padding: 15px 50px !important;
}

.toggle_mobile {
	display: none;
}

@media all and (max-width: 600px) {
	.col-12 {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.col-12:first-child {
		margin-top: 0px;
	}

	.col-12:last-child {
		margin-bottom: 0px;
	}

	.main-content-holder, body[dir=ltr].disable_nav .main-content-holder, body[dir=ltr].disable_nav .main-content-holder, body[dir=rtl].disable_nav .main-content-holder, body[dir=rtl].disable_nav .main-content-holder {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	.nav-bar-holder {
		z-index: 1000;
	}

	.nav-bar-holder {
		display: none;
	}

	.toggle_mobile {
		display: block;
	}

	.card-header>.float-right>a {
		font-size: 1px;
	}

	.card-header>.float-right>a>i {
		font-size: 12px;
	}

	.card-header>h3 {
		font-size: 12pt;
	}

	.dataTables_length, .dataTables_info, .dataTables_filter {
		text-align: start !important;
	}

	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
		margin-left: 5px;
		margin-right: 5px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-right: 5px;
		padding-left: 5px;
	}

	.row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
		width: auto;
	}

	.card-header {
		padding: 0.55rem 0.25rem;
	}
}

/*///////// checkbox /////////  */

.toggler {
	display: inline-block;
	padding-top: 4px;
}

.toggler input {
	display: none;
}

.toggler>label {
	display: block;
	position: relative;
	width: 50px;
	height: 25px;
	border: 1px solid #d6d6d6;
	border-radius: 36px;
	background: #e4e8e8;
	cursor: pointer;
	display: inline-block;
	margin: 0px 5px;
}

.toggler>span {
	display: inline-block;
	vertical-align: middle;
	padding-top: 8px;
	font-size: 13pt;
}

.toggler label::after {
	display: block;
	border-radius: 100%;
	background-color: #d7062a;
	content: '';
	-webkit-animation-name: toggler-size;
	animation-name: toggler-size;
	-webkit-animation-duration: .15s;
	animation-duration: .15s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	animation-play-state: running;
}

.toggler label::after, .toggler label .toggler-on, .toggler label .toggler-off {
	position: absolute;
	top: 50%;
	left: 25%;
	width: 20px;
	height: 20px;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;
	transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;
}

.toggler input:checked+label::after, .toggler input:checked+label .toggler-on, .toggler input:checked+label .toggler-off {
	left: 75%;
}

.toggler input:checked+label::after {
	background-color: #50ac5d;
	-webkit-animation-name: toggler-size2;
	animation-name: toggler-size2;
}

.toggler .toggler-on, .toggler .toggler-off {
	opacity: 1;
	z-index: 2;
}

.toggler input:checked+label .toggler-off, .toggler input:not(:checked)+label .toggler-on {
	width: 0;
	height: 0;
	opacity: 0;
}

.toggler .path {
	fill: none;
	stroke: #fefefe;
	stroke-width: 7px;
	stroke-linecap: round;
	stroke-miterlimit: 10;
}

.inlines>.form-group>br {
	display: none;
}

.inlines>.form-group>.toggler {
	margin: 0px 10px;
}

body[dir=rtl] .inlines>.form-group>.toggler:first-child {
	margin-right: 0px;
}

body[dir=ltr] .inlines>.form-group>.toggler:first-child {
	margin-left: 0px;
}

.uploader>label>input {
	display: none;
}

.uploader>label {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: .45rem 1.5rem;
	font-size: .9rem;
	line-height: 1.5;
	border-radius: 5.35rem;
	display: inline-block;
	box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
	color: #fff;
	background-color: #727cf5;
	border-color: #727cf5;
	cursor: pointer;
	margin-top: 10px;
}

.uploader>label>span {
	display: inline-block;
}

.loading-upload {
	display: none;
	position: fixed;
	z-index: 99999;
	bottom: 10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	width: 300px;
	padding: 10px;
	text-align: center;
}

body[dir=rtl] .loading-upload {
	left: 30px;
}

body[dir=ltr] .loading-upload {
	right: 30px;
}

.loading-upload .spinner-border {
	margin-bottom: 10px;
}

.upload_results {
	display: inline-block;
	margin: 0px 5px;
}

.upload_results>.input-image-cc {
	display: inline-block;
	margin: 3px;
}

.input-image-cc img {
	width: 46px;
	border-radius: 3px;
	height: 40px
}

.input-image-cc>button {
	background-color: red;
	color: #fff;
	border: 0px;
	border-radius: 3px;
}

.sc-butt {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
	border: 1px solid transparent;
	padding: .45rem 1.5rem;
	font-size: .9rem;
	line-height: 1.5;
	border-radius: 5.35rem;
	display: inline-block;
	box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
	color: #fff;
	background-color: #727cf5;
	border-color: #727cf5;
	cursor: pointer;
	margin-top: 10px;
}

.hidden {
	display: none;
}

.multi-cc {
	position: relative;
	margin-bottom: 10px;
}

body[dir=rtl] .multi-cc {
	padding-left: 50px;
}

body[dir=ltr] .multi-cc {
	padding-right: 50px;
}

.multi-cc .clear_multible {
	position: absolute;
	top: -15px;
	z-index: 11;
	width: 60px;
}

body[dir=ltr] .multi-cc .clear_multible {
	right: 15px;
}

body[dir=rtl] .multi-cc .clear_multible {
	left: 15px;
}

.bootstrap-select>.dropdown-toggle {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.dropdown.bootstrap-select {
	display: block !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100% !important;
}

.links-row-w-img {
	display: block;
	margin: 3px;
	color: #333;
	margin-bottom: 10px;
}

.links-row-w-img img {
	display: inline-block;
	width: 40px;
	height: 30px;
}

.form-groups {
	margin-bottom: 20px;
}

span.links-row-w-img {
	margin-bottom: 10px;
}

.max-400 {
	max-height: 400px;
	overflow-y: scroll;
}

span.links-row-w-img>span {
	display: block;
	margin: 10px 0px;
	color: #424242;
}

body[dir=rtl] .float-right {
	float: left !important;
}

body[dir=rtl] .float-left {
	float: right !important;
}

body[dir=rtl] .btn-group {
	direction: ltr;
}

body[dir=rtl] .filter-option-inner-inner {
	text-align: right;
}

body[dir=rtl] .dropdown-menu a {
	text-align: right;
}

th {
	text-align: start;
}

.btons-home {
	display: block;
	width: 100%;
	padding: 10px;
	border-radius: 45px;
	border: 2px rgba(0, 0, 0, 0.1) solid;
	text-align: start;
	color: #fff;
}

.btons-home i {
	font-size: 40px;
	margin: 0px 10px;
	color: #fff;
	padding: 5px 10px;
}

.btons-home b {
	display: block;
	font-size: 14pt;
	margin-bottom: 10px;
}

.green-b {
	background-color: #035812;
}

.yellow-b {
	background-color: #726a02;
}

.gray-b {
	background-color: #3c3c3c;
}

.blue-b {
	background-color: #11399e;
}

.language-lvl1 {
	background-color: #f2f2f2;
}

.lllannggss {
	padding: 10px;
	border-radius: 15px;
}

body[dir=rtl] .language-lvl1, body[dir=rtl] .language-lvl2, body[dir=rtl] .language-lvl3 {
	padding-right: 10px;
	border-right: 2px #c38888 solid;
}

body[dir=ltr] .language-lvl1, body[dir=ltr] .language-lvl2, body[dir=ltr] .language-lvl3 {
	padding-left: 10px;
	border-left: 2px #c38888 solid;
}

.lllannggss input.changed {
	border-color: #0077a3;
	border-width: 3px;
}

.lllannggss input.empty-lang-i:not(.changed) {
	border-color: #b3790e;
	border-width: 3px;
}

.options_tiltles>div {
	display: inline-block;
}

.options_tiltles {
	margin-bottom: 15px;
}

.colors-cc>button {
	display: inline-block;
	background-color: transparent;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 2px rgba(0, 0, 0, 0.186) solid;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px;
	padding: 0px;
}

.colors-cc>button span {
	display: block;
	width: 100%;
	height: 100%;
}

.colors-cc>button.active {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
	margin-left: 15px;
	margin-right: 15px;
	border-color: #fff;
}

.option-row {
	padding: 10px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, 0.05);
	margin: 5px 0px;
}

.ex_options_lable {
	margin-bottom: 10px;
	display: block;
}

.options-cc-inputs select, .options-cc-inputs input {
	display: inline-block;
	min-width: 30%;
}

.input-group-text {
	line-height: 1.9;
}

.padd_price_cpo {
	padding-top: 10px;
}

#color_option {
	display: none;
}

#d_text_option {
	display: none;
}

.add_option_colors {
	display: inline-block;
	vertical-align: middle;
}

.add_option_colors>button {
	display: block;
	padding: 10px 30px;
	background-color: #035812;
	color: #fff;
}

.add_butt>button {
	display: inline-block;
	margin: 5px 0px;
	padding: 10px 30px;
	background-color: #035812;
	color: #fff;
}

.color_option {
	display: block;
	margin: 10px 0px;
	padding: 10px;
	border-radius: 10px;
	background-color: #fff;
}

.color_option>span {
	display: inline-block;
	vertical-align: middle;
}

.color_option .color_bg_option {
	width: 60px;
	height: 30px;
	border-radius: 10px;
}

.color_option .color_text_option, .color_option .color_price_option {
	font-weight: bold;
	padding: 7px 30px;
	border-radius: 10px;
	background-color: rgb(206, 206, 206);
	color: #333;
}

.option_sections {
	display: none;
}

.option_sections.active {
	display: block;
}

































































































@-webkit-keyframes toggler-size {
	0%, 100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}

@keyframes toggler-size {
	0%, 100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}

@-webkit-keyframes toggler-size2 {
	0%, 100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}

@keyframes toggler-size2 {
	0%, 100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}