.tooltip{
	font-family:"TAJAWAL";
	font-weight:bold;
}
#page.client-panel {
	height: auto !important;
	/* overflow: visible; */
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
	max-width: 100% !important;
	overflow-x: hidden;
}
#page.client-panel a {
	text-decoration:none !important;
}
.client-panel .colorlib-nav {
	position: relative;
	/* background: url(../images/cp-bg.jpg); */
	background-attachment: fixed;
	background-size: cover;
	/* border-bottom: 2px #ce1126 solid; */
	box-shadow: none;
	display: none;
}
.colorlib-nav .top-menu{
    padding: 5px;
    box-shadow: none;
}
.main-menu .navbar .header-logo{
    height: 35px;
    margin-top: 7px;
}
.content-viewport {
	/* background-color: #f9f9f9; */
	padding-top: 6px;
}
.content-viewport > *{
	max-width:100% !important;
}
.content-viewport:before{
	content:"";
	background-attachment: fixed;
	background-position: right top;
	background-repeat: no-repeat;
	/* background-size: cover; */
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	z-index: -1;
}
.content-viewport > .container {
	height: 100%;
}
.signform {
	padding: 15px 15px;
	margin: 20px auto;
	width: max-content;
	min-width: 350px;
	max-width: 100% !important;
	background: #fff;
	box-shadow: 0px 2px 6px 2px #0000000a;
}
.activation-form {
	max-width: 460px;
}
.form-title {
	color: #C98F08;
	border-bottom: 2px #c1c1c161 solid;
	padding-bottom: 13px;
	position: relative;
	font-family: 'Oswald';
	margin-top: 0;
}
.form-title:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 2px;
	width: 90px;
	background: #C98F08;
}
.signform .form {/* min-height: 2000px; *//* width: max-content; */
	margin: 0;
}
.form {
}
.form.profile-form{
    position: relative;
    text-align: start;
}
.form .form-row {/* position: relative; */
}
.form .social-login + .form-row {margin-top: 20px;}
.form .form-row + .form-row {/* margin-top: 13px; */
}
.form .form-row .iti{display:block;width: 100%;}

.form .form-row label {
	display: block;
	margin: 5px 0;
	font-size: 15px;
	margin-right: 6px;
}
.form .form-row label[required]:before {
	content: "*";
	position: relative;
	display: inline-block;
	color: #f30000;
	margin-right: 5px;
	line-height: 33px;
	height: 15px;
	float: left;
	font-size: 25px;
}
.form .form-row .merchant-checkbox{flex-basis: 100%;display: flex;/* justify-content: space-between; */flex-wrap: wrap;column-gap: 20px;}
.form .form-row .merchant-checkbox label:not(.radio-option){flex-basis: 100%;width: 100%;}
.form .form-row .merchant-checkbox label.radio-option{margin: 0;display: flex;align-items: center;column-gap: 6px;}
.form .form-row .merchant-checkbox label.radio-option input{margin: 0 !important;}
.form .form-row .merchant-checkbox label.radio-option span{}
.form .form-row .field-error {
	font-size: 11px;/* font-weight: bold; */
	color: #dc0404;
	font-family: tahoma;
	margin-top: 2px;
}
.form .form-row .field-error > i {
	margin-right: 5px;
	font-size: 11px;
}
.form .form-row .field-error > span {
}
.form .form-row .field-error > span i {
}
.form .form-row #pass-errors {
}
.form .form-row #pass-errors .field-error > span {
}
.form .form-row #pass-errors .field-error > span i {
}
.form input[type="text"], .form input[type="tel"], .form input[type="password"] {
	height: auto;
	width: 100%;
	background: #fff;
	border: 1px #d2d2d2 solid;
	padding: 5px 10px;
}
.form input[type="text"]:hover, .form input[type="text"]:focus, .form input[type="tel"]:hover, .form input[type="tel"]:focus, .form input[type="password"]:hover, .form input[type="password"]:focus {
}
.form .form-row select{
    font-weight: bold;
    padding: 5px 10px;
    border-color: #d2d2d2;
}
.form .form-row input[type="tel"]{
    width: 100%;
    text-align: left;
    direction: ltr;
}
.form input.error-field {
	background: #fff7f7;
	border: 1px #f3b6b6 solid !important;
}
.form textarea {
}
.form textarea:hover, .form textarea:focus {
}
.form input[type="submit"] {
	margin: 10px auto;
	margin-left: 20px;
	background: #000000;
	border: 1px #000000 solid;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	padding: 2px 13px;
	font-family: 'Tajawal';
}
.form input[type="submit"]:hover, .form input[type="submit"]:focus {
	background: #ed9d00;
	border-color: #b17500;
}
.btn-group.bootstrap-select.countrypicker {
}
.btn-group.bootstrap-select.countrypicker {
}
.btn-group.bootstrap-select.countrypicker {
	width: 100% !important;
}
.btn-group.bootstrap-select.countrypicker .dropdown-toggle {
	border-radius: 0;
	width: 100% !important;
}
.btn-group.bootstrap-select.countrypicker .dropdown-toggle:hover {
}
.btn-group.bootstrap-select.countrypicker .dropdown-toggle .filter-option {
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
	border: 1px #d2d2d2 solid;
	padding: 5px 10px;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {direction: ltr;text-align: left;}
.iti--separate-dial-code .iti__selected-flag {
}
.iti__flag {
}
.iti--separate-dial-code .iti__selected-dial-code {
}
.form .form-row.form-footer {
	display: grid;
	grid-template-columns: 1fr max-content;
	margin: 18px 0;
	border-top: 1px #adadad solid;
	padding-top: 10px;
	gap: 16px;
}
.form .social-login{/* background: #f1f1f1; */position: relative;display: flex;flex-direction: column;align-items: center;padding-bottom: 16px;row-gap: 10px;}

.form .social-login a i{font-size: 22px;display: block;text-indent: -4px;}
.form .social-login a span{font-weight: bold;}
.form .social-login a i + span{text-indent: 11px;position: relative;white-space: nowrap;}
.form .social-login a i + span:before{
	content:"";
	position: absolute;
	width: 1px;
	height: 72%;
	background: #ffffff59;
	right: 6px;
	top: 14%;
}
.form .social-login a:hover{
}
.form .social-login a{display: flex;background: #007bff;padding: 5px 10px;color: #fff;flex-direction: row;flex-wrap: nowrap;/* width: 60%; */min-width: max-content;gap: 0;}
.form .social-login a + a{margin-top:10px;}
.form .social-login a.facebook{background: #007bff;}
.form .social-login a.google{background: #bd2130;}

.form .social-login:before,.form .social-login:after{
	content:"";
	position: absolute;
	bottom: 0;
}
.form .social-login:before{
	left: 50%;
	bottom: 4px;
	transform: translateY(100%) translateX(-10px);
	content: "OR";
	display: block;
	z-index: +10;
	background: #d4d4d4;
	padding: 6px 8px;
	color: #333;
	font-size: 13px;
	border-radius: 50%;
	/* font-weight: bold; */
	}
.form .social-login:after{
	left: 0;
	bottom: -12px;
	background: #d4d4d4;
	height: 1px;
	width:100%;
	transform: translateY(100%);
}

.form .form-row.form-footer .More-Options {
	font-family: tahoma;
	font-size: 12px;
	color: #000;
	position: relative;
}
.form .form-row.form-footer .More-Options:before {
	content: "";
	width: 1px;
	height: calc(100% - 8px);
	position: absolute;
	right: 0;
	top: 4px;
	background: #bdbdbd;
}
.form .form-row.form-footer .More-Options > div {
}
.form .form-row.form-footer .More-Options > a {
	clear: both;
	display: block;
	color: #ec0000;
	font-family: tahoma;
}
.form .form-row.form-footer .More-Options > a:hover, .form .form-row.form-footer .More-Options > a:focus {
	color: #028ab1;
}
.form .form-row.form-footer .form-submit {
}
.form .form-row.form-footer .form-submit input[type="submit"] {
	margin: 0;
	margin-top: 11px;
}

.activation-form .form-row.form-footer .form-submit input[type="submit"] {
	margin-top: 34px;
}

.panel-viewport .form-row .form-submit input[type="submit"] {
	margin-top: 20px;
	border-radius: 30px;
}
.panel-viewport .form-row{max-width: 310px;clear: both !important;margin-right: 0px;margin-left: 0;margin-bottom: 15px;}
.panel-viewport .form-row.country{max-width: 200px;width: fit-content;clear: both;}
.countrypicker .dropdown-menu.open{
    z-index: +100000000000000000;
}
.panel-viewport .form-row.language{
}
.panel-viewport .form-row.language select{padding: 7px 8px;}
/*------------------------------

------------------------------*/
.client-msg {
	margin: 40px auto;
	padding: 15px;
	background: #fff;/* border: 1px #000 solid; */
	box-shadow: 0px 2px 6px 2px #0000000a;
	max-width: 730px;
	font-family: tahoma;
}
.client-msg.error-msg {
	background: #fff8f8;
	border: 2px #fff solid;
	color: #8e0000;
}
.client-msg .client-welcome {/* margin: 20px; */
	font-family: "Courgette", "Quicksand", Arial, sans-serif;
	font-size: 22px;
}
.client-msg .client-name {
	font-family: "Courgette", "Quicksand", Arial, sans-serif;
	font-size: 22px;
	margin-left: 10px;
	color: #f78509;
}
.client-msg .client-email {
	color: #195a92;
}
.client-msg .hint {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px #0000001f solid;
	font-size: 11px;
}
.client-msg p {
	margin: 0;
	font-size: 13px;/* color: #000; */
}
.client-msg .highlight-msg {
	font-size: 21px;
	font-family: "Courgette", "Quicksand", Arial, sans-serif;
	color: #a94442;
	margin: 10px 0;
}
.congrate-msg {
	width: max-content;
	display: grid;
	grid-template-columns: min-content max-content;
	margin: 10px auto !important;
}
.client-msg .highlight-msg i {
	font-size: 38px;
	color: #5bc0de;
	display: inline-block;
	padding-right: 10px;
}
.client-msg .highlight-msg i + span {
	display: inline-block;
}
.client-msg .highlight-msg span {
}
.client-msg .resend-activation {
	font-weight: bold;
	color: #da0000;
	clear: both;
}
.client-msg .resend-activation:hover {
}
.client-msg .msg-title {
	position: relative;
	border-bottom: 2px #0000001f solid;
	padding-bottom: 9px;
}
.client-msg .msg-title:before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	height: 2px;
	width: 90px;
	background: #de0000;
}
.client-msg .msg-content {
}
.client-msg.error-msg .msg-title {
	color: #d40000;
}
.client-msg.error-msg .msg-content {
}
/*------------------------------
Panel Viewport
------------------------------*/
.panel-viewport {
	max-width: 100% !important;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 2px 6px 2px #0000000a;
	display: grid;
	grid-template-columns: 1fr 25%;
	grid-template-areas:
		"breadcrumb menu"
		"content menu";
	grid-template-rows: max-content 1fr;
	grid-column-gap: 15px;
	margin-bottom: 51px;
}
.panel-viewport .action-content{grid-area: content;max-width: 100% !important;overflow: visible !important;overflow-x: auto !important;}
.panel-viewport .action-content.action-home {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}
.panel-viewport[viewport="home"]{grid-template-columns: 1fr;grid-template-areas: "breadcrumb" "menu" "content";}
/*------------------------------
Panel breadcrumb
------------------------------*/
.panel-viewport .panel-breadcrumb {
	position: relative;
	border-bottom: 1px #00000017 solid;
	padding: 10px 0;
	font-size: 19px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	/* letter-spacing: 1px; */
	/* margin-bottom: 10px; */
	grid-area: breadcrumb;
	display: flex;
	align-items: center;
	font-family: 'Tajawal';
	font-weight: bold;
	font-size: 17px;
}
.panel-viewport .panel-breadcrumb a {
	color: #464646;
	display: flex;
	align-items: center;
}
.panel-viewport .panel-breadcrumb a i {
	font-size: 25px;
	margin-left: 8px;
	color: #ed9d00;
}
.panel-viewport .panel-breadcrumb a:hover {
	color: #ce1126;
}
.panel-viewport .panel-breadcrumb a:hover i {
	color: #ce1126;
}
.panel-viewport .panel-breadcrumb > i{
    margin: auto 5px;
    padding-bottom: 2px;
    font-size: 13px;
    transform: rotate(180deg);
    color: #9e9e9e;
}
#panel-menu-toggle{
	display:none;
	position: absolute;
}
/*------------------------------
Panel Menu
------------------------------*/
.panel-viewport .panel-menu {
	grid-area: menu;
	padding: 15px 0;
	/* position: fixed; */
}
.client-card {
	/* width: max-content; */
	background-color: white;
	/* border: 1px solid #eaeaea; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding: 15px 0;
	padding-top: 7px;
	display: grid;
	grid-template-columns: minmax(76px, max-content) 1fr;
	grid-gap: 15px;
	grid-template-areas:
		"b1 b2"
		"b3 b3";
}
.client-card .client-icon {
	font-size: 400%;
	padding: 0 15px;
	background: #f9f9f9;
	color: #8e8d8b;
	text-align: center;
	grid-area: b1;
	border: 1px #00000017 solid;
}
.client-card .client-icon.has_image {
    padding: 0;
    position: relative;
}
.client-card .client-icon img{
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.client-card .client-icon i {color: #ed9d00;}
.client-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
	grid-area: b2;
	direction: ltr !important;
	/* text-align: right !important; */
	text-align: start !important;
}
.client-card ul li {
	color: #000;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	text-align: right;
	direction: ltr;
	display: flex;
	/* flex-direction: row-reverse; */
	align-items: center;
}
.client-card ul li.client-name {
	font-family: 'Tajawal';
	font-weight: bold;
	color: #b10000;
	border-bottom: 1px #0000002e solid;
	padding-bottom: 2px;
	margin-bottom: 4px;
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
}
.client-card ul li span:not(.fa) {margin-right: 10px;}
.client-card ul li i.fa {
	font-size: 17px;
	margin-left: 0;
	margin-right: 10px;
	color: #9a9a9a;
}
.client-card ul li i.flag-icon {
	width: 17px;
	margin-left: 0;
	margin-right: 10px;
}
.client-card ul li span.fa {
	color: #17bb0c;
	margin-right: 4px;
	font-size: 14px;
}
.client-card ul li span.verified{
    padding-left: 1px;
    font-size: 11px;
    position: relative;
    top: -1px;
    font-family: tahoma;
    /* font-weight: bold; */
    /* letter-spacing: 1px; */
    color: #17bb0c;
}

.client-card ul li span#verify{font-family: tahoma;font-weight: bold;color: #ce1126;font-size: 12px;margin-left: 5px;cursor: pointer;}
.client-card ul li span#verify:hover,.client-card ul li span#verify:focus{
    color: #02a4d2;
}

.client-card .btn-link {grid-area: b3;padding: 5px;padding-top: 5px;font-size: 14px;font-family: anton;font-family: "Courgette", "Quicksand", Arial, sans-serif;letter-spacing: 1px;border-width: 1px 0;border-style: solid;border-color: #00000008;/* background: #fdfdfd; *//* display: grid; *//* grid-template-columns: max-content max-content 1fr max-content; *//* grid-gap: 10px; */text-decoration: none;display: flex;flex-direction: row;align-items: center;justify-content: center;}
.client-card .btn-link:hover a,.client-card .btn-link:focus a{
    text-decoration: none !important;
}
.client-card .btn-link a {color: #b10000;font-weight: 500;/* font-family: tahoma; */font-family: 'Squada One', cursive;font-size: 17px;letter-spacing: 0;text-decoration: none !important;white-space: nowrap;padding-right: 10px;}
.client-card .btn-link a:hover {
	color:#000;
}
.client-card .btn-link a i {margin-right: 8px;}
.client-card .btn-link a:hover i {
}
.client-card .btn-link a.signout{
    display: none;
}
.client-card .btn-link a.signout:hover{}
.client-card .btn-link a.signout:hover i{}


.home-btns {
	/* width: max-content; */
	background-color: #e8e8e88c;
	border: 1px solid #eaeaea;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding: 7px;
	display: grid;
	grid-template-columns: minmax(42px, max-content) 1fr;
	grid-gap: 10px;
	grid-template-areas:
		"b1 b2";
}
.home-btns + .home-btns{
	margin-top: 12px;
}
.home-btns .btn-icon {
	font-size: 25px;
	padding: 0 7px;
	background: #f2f2f2;
	color: #8e8d8b;
	text-align: center;
	grid-area: b1;
}
.home-btns .btn-icon i {color: #ed9d00;}
.home-btns .btn-des {grid-area: b2;display: none;}
.home-btns .btn-des h2 {padding: 0;margin: 0;font-size: 18px;/* line-height: 230%; */}
.home-btns .btn-des p {/* display: none; */}
.home-btns .btn-link {grid-area: b2;padding-top: 5px;font-size: 18px;font-family: 'Oswald', sans-serif;/* letter-spacing: 1px; */text-align: start;}
.home-btns .btn-link a {color: #000000;font-weight: bold;font-family: 'Tajawal';text-decoration: none !important;}
.home-btns .btn-link a:hover {text-decoration: none !important;text-decoration-line: none !important;color: #af0000;/* text-shadow: 1px 1px 1px #000000e0; */}
.home-btns .btn-link a i {
}
.home-btns .btn-link a:hover i {
}
/*------------------------------
Panel Popup
------------------------------*/
.panel-popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #0000009c;z-index: 10000000000;display: none;}
.panel-popup .form.VerifyForm{max-width: 250px;position: relative;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: #fff;padding: 15px;}
.panel-popup .form.VerifyForm > i{
    position: absolute;
    right: 4px;
    top: 4px;
    padding: 3px 4px;
    background: #000;
    color: #fff;
    cursor: pointer;
}
.panel-popup .form.VerifyForm > i:hover,.panel-popup .form.VerifyForm > i:focus{
    background: #b70000;
}
.form.VerifyForm .form-row{}
.form.VerifyForm .form-row p{text-align: left;line-height: 16px;margin: 10px 0;font-size: 13px;color: #000;}
.form.VerifyForm .full-row{
	display: grid;
	grid-template-columns: max-content max-content;
	gap: 10px;
	margin-bottom: 6px;
}
.form.VerifyForm .full-row .form-row{}
.form.VerifyForm input#verification-code{text-align: center;width: 100px;}
.form.VerifyForm input#verification-code:hover,
.form.VerifyForm input#verification-code:focus{
}
.form.VerifyForm input[type="submit"]{margin: 0;font-size: 17px;}
.form.VerifyForm input[type="submit"]:hover,
.form.VerifyForm input[type="submit"]:focus{
}
.form.VerifyForm a{color: #d20000;font-weight: bold;margin-top: 5px;font-size: 12px;}
.form.VerifyForm a:hover,
.form.VerifyForm a:focus{
}
/*------------------------------
Panel Home Menu
------------------------------*/
.panel-menu.home-menu{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 15px;
	grid-row-gap: 15px;
	grid-template-areas: "t1 t1 t1" "b1 b2 b3";
	padding-top: 5px;
	grid-template-rows: max-content max-content;
}

.panel-menu.home-menu .client-card {
	background-color: white;
	/* border: 1px solid #dadce0; */
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding: 0;
	display: grid;
	grid-template-columns: minmax(100px, max-content) 1fr;
	grid-gap: 15px;
	margin: 0 !important;
	grid-area: t1;
}
.panel-menu.home-menu .client-card .client-icon {
	font-size: 400%;
	padding: 0 15px;
	background: #f9f9f9;
	color: #8e8d8b;
	text-align: center;
}
.panel-menu.home-menu .client-card .client-icon i {
}
.panel-menu.home-menu .client-card ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.panel-menu.home-menu .client-card ul li {
	color: #000;
	white-space: nowrap;
	text-overflow: clip;
	max-width: 100%;
	text-align: start;
}
.panel-menu.home-menu .client-card ul li.client-name {
	font-family: tahoma;
	font-weight: bold;
	color: #de0101;
	border-bottom: 1px #00000000 solid;
	padding-bottom: 2px;
	margin-bottom: 4px;
}
.panel-menu.home-menu .client-card ul li span:not(.fa) {
}
.panel-menu.home-menu .client-card ul li i.fa {
	font-size: 17px;
	/* margin-right: 10px; */
	color: #9a9a9a;
}
.panel-menu.home-menu .client-card ul li i.flag-icon {
	width: 17px;
	margin-right: 6px;
}
.panel-menu.home-menu .client-card ul li span.fa {
	color: #17bb0c;
	margin-right: 5px;
	font-size: 15px;
}
.panel-menu.home-menu .client-card ul li span.verified{}

.panel-menu.home-menu .client-card .btn-link.signout{}
.panel-menu.home-menu .client-card .btn-link.signout:hover{}
.panel-menu.home-menu .client-card .btn-link.signout:hover i{}
.panel-menu.home-menu .client-card .btn-link.signout:hover i{}
.panel-menu.home-menu .client-card .btn-link {grid-area: b3;padding: 5px;padding-top: 5px;font-size: 14px;font-family: anton;font-family: "Courgette", "Quicksand", Arial, sans-serif;letter-spacing: 1px;border-width: 1px 0;border-style: solid;border-color: #00000008;justify-content: start;}
.panel-menu.home-menu .client-card .btn-link a {color: #b10000;font-weight: 400;}
.panel-menu.home-menu .client-card .btn-link a:hover {
}
.panel-menu.home-menu .client-card .btn-link a i {
}
.panel-menu.home-menu .client-card .btn-link a:hover i {
}

.panel-menu.home-menu .home-btns {
	background-color: #f3f3f3;
	border: 1px solid #dadce06e;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	padding: 15px;
	padding-bottom: 8px;
	display: grid;
	grid-template-columns: minmax(100px, max-content) 1fr;
	grid-gap: 15px;
	grid-template-areas:
		"b1 b2"
		"b3 b3";
}
.panel-menu.home-menu .home-btns + .home-btns{
    margin: 0;
}
.panel-menu.home-menu .home-btns.action-btn-changepass{grid-area: b1;}
.panel-menu.home-menu .home-btns.action-btn-orders{
    grid-area: b2;
}
.panel-menu.home-menu .home-btns.action-btn-invoices{
    grid-area: b3;
}
.panel-menu.home-menu .home-btns .btn-icon {
	font-size: 400%;
	padding: 0 15px;
	background: #f9f9f9;
	color: #8e8d8b;
	text-align: center;
	grid-area: b1;
	border: 1px #00000008 solid;
}
.panel-menu.home-menu .home-btns .btn-icon i {color: #ed9d00;}
.panel-menu.home-menu .home-btns .btn-des {display: unset;}
.panel-menu.home-menu .home-btns .btn-des h2 {font-size: 16px;margin-bottom: 9px;padding-top: 2px;color: #ed9d00;font-weight: bold;text-align: start;}
.panel-menu.home-menu .home-btns .btn-des p {margin: 0;padding: 0;line-height: 17px;font-size: 13px;text-align: start;/* direction: rtl; */}
.panel-menu.home-menu .home-btns .btn-link {grid-area: b3;border-top: 1px #00000014 solid;}
.panel-menu.home-menu .home-btns .btn-link a {color: #b30018;/* color: #b30000; */}
.panel-menu.home-menu .home-btns .btn-link a:hover {
}
.panel-menu.home-menu .home-btns .btn-link a i {
}
.panel-menu.home-menu .home-btns .btn-link a:hover i {
}

/*------------------------------
Panel Content
------------------------------*/
.panel-viewport .client-msg{
    background: #f9f9f9c2;
    margin: 20px auto;
    margin-top: 10px;
    max-width: 100%;
    box-shadow:none;
    border: 1px #00000012 solid;
}
.panel-viewport .client-msg h2.msg-title{
    font-size: 21px;
}
.panel-viewport .client-msg.error-msg{background: #fff8f8;border-color: #73010114;}
.panel-viewport .client-msg.error-msg h2.msg-title{
}

/*------------------------------
Order Page
------------------------------*/
.client-order-viewport{font-family: 'Tajawal';}

.client-order-viewport .order-actions{direction: ltr;text-align: right;position: relative;display: inline-block;float: left;top: 5px;}

.client-order-viewport .order-actions .order-action{display: inline-block;background: #545454;padding: 5px 10px;font-weight: bold;letter-spacing: 1px;color: #fff;position: relative;cursor: pointer;transition:all ease-in-out 0.25s;}
.client-order-viewport .order-actions .order-action + .order-action{
    margin-left: 7px;
}
.client-order-viewport .order-actions .order-action span:not(.notification){
}
.client-order-viewport .order-actions .order-action span.notification{background: #ce1126;padding: 2px 5px;width: auto;height: auto;line-height: normal;margin-left: 0px;position: relative;right: -5px; transition:all ease-in-out 0.25s}

.client-order-viewport .order-actions .order-action:hover{background: #a70101;}
.client-order-viewport .order-actions .order-action:hover span:not(.notification){
}
.client-order-viewport .order-actions .order-action:hover span.notification{color: #a70101;background: #fff;}

.client-order-viewport .data-box{margin-bottom: 20px;font-weight: bold;}

.client-order-viewport .data-box.order-summary{/* border: 1px #e3e3e3 solid; *//* background: #f9f9f9; */}
.client-order-viewport .data-box .data-title{background: #fff;border-bottom: 1px #e3e3e3 solid;/* border-left: 3px #38859b solid; */margin: 0;padding: 10px 10px;padding-right: 0;font-size: 18px;/* font-family: Anton; */font-weight: bold;letter-spacing: 1px;color: #ce1126;}
.client-order-viewport .data-box .data-content{padding: 10px;background: #fdfdfd;border-bottom: 1px #e3e3e3 solid;}
.client-order-viewport .data-box.order-summary .data-content,
.client-order-viewport .data-box.tour-summary .data-content{
    padding: 0;
    font-weight: bold;
}
.client-order-viewport .data-content .data-row{border-bottom: 1px #e3e3e3 solid;padding: 5px;}
.client-order-viewport .data-content .data-row:first-child{padding-top: 5px;}
.client-order-viewport .data-content .data-row:last-child{border-bottom:none}


.client-order-viewport .data-content.order-summary .data-row{}
.client-order-viewport .data-content.order-summary .data-row:first-child{}
.client-order-viewport .data-content.order-summary .data-row:last-child{}

.client-order-viewport .data-content .data-row .row-title{display: inline-block;background: #f1f1f1;padding: 2px 5px;margin-left: 10px;min-width: 145px;font-weight: bold;}

.client-order-viewport .data-content .data-row span.row-data{width: max-content;max-width: 100%;display: inline-block;}
.client-order-viewport .data-content .data-row a.row-data{color: #ce1126;font-weight: bold;}
.client-order-viewport .data-content .data-row .row-data + .row-data{
    margin-right: 15px;
}
.client-order-viewport .data-content .data-row .row-data + .row-data:before{
	content:",";
	transform: translateX(9px);
	position: absolute;
	color: #000;
}
.client-order-viewport .data-content .data-row a.row-data:hover{
}
.client-order-viewport .data-content .data-row .row-data span{
}

.client-order-viewport .data-content .data-row .row-data a{color: #ce3411;font-weight: bold;}
.client-order-viewport .data-content .data-row .row-data a + a{
    margin-left: -1px;
}
.client-order-viewport .data-content .data-row .row-data a:hover{
}

.client-order-viewport .data-content .data-row .row-data a:hover{
}
.client-order-viewport.invoice-viewport{
    position: relative;
}
.data-box.invoice{}
#print-invoice{position: absolute;right: 0;top: 10px;color: #ffffff;cursor: pointer;background: #2591c4;padding: 2px 7px;transition: all ease-in-out 0.25s;}
#print-invoice i{
}
#print-invoice span{margin-left: 5px;font-weight: bold;letter-spacing: 1px;}
#print-invoice:hover{background: #ce1126;}
#print-invoice:hover i{
}
#print-invoice:hover span{
}
/*------------------------------
List Table
------------------------------*/
.table-responsive th{
    font-family: 'Tajawal';
    font-size: 14px;
}
.client-order-viewport .invoice .table{margin: 10px 0;max-width: 100% !important;overflow: auto;}
.client-order-viewport .invoice .table table{
}
.client-order-viewport .invoice .table table thead{background: #f1f1f1;border: 1px #afafaf solid;border-bottom: 2px #afafaf solid;color: #000;}
.client-order-viewport .invoice .table table thead tr{
}
.client-order-viewport .invoice .table table thead th{padding: 5px;}
.client-order-viewport .invoice .table table thead th + th{
    border-left: 1px #b1b1b1 solid;
}
.client-order-viewport .invoice .table table tbody{border: 1px #afafaf solid;}
.client-order-viewport .invoice .table table tbody tr{border-bottom: 1px #afafaf solid;}
.client-order-viewport .invoice .table table tbody td{padding: 5px;}
.client-order-viewport .invoice .table table tbody td+td{text-align: center;border-left: 1px #afafaf solid;}
.client-order-viewport .invoice .table table tbody td a{font-size: 14px;}
.client-order-viewport .invoice .table table tbody td a:hover{
}
.client-order-viewport .invoice .table table tbody td div{font-size: 12px;}

/*------------------------------
Favorites
------------------------------*/
.favorites-list{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 4px;}
.favorites-list .product-box{position: relative;display: flex;margin-top: 20px;box-shadow: 1px 2px 4px -1px #00000030;border: 4px #fff solid;flex-grow: 1;flex: calc(50% - 10px) 0 0;background: #f9f9f9;}
.favorites-list .product-box .product-photo{position: relative;flex-grow: 0;width: 30%;}
.favorites-list .product-box .product-photo img{width: 100% !important;}
.favorites-list .product-box .product-photo a{display: block;}

.favorites-list .product-box .product-data{position: relative;flex-grow: 1;padding: 5px 10px;transition: all ease-in-out 0.2s;}

.favorites-list .product-box .product-title{
	font-size: 14px;
	color: #a41d1d;
	margin: 0;
	display: block;
	font-weight: 700;
	letter-spacing: 0;
	padding: 5px 0;
	line-height: 19px;
}
.favorites-list .product-box .product-title a{display: block;}
.favorites-list .product-box .product-title a:hover{display: block;}

.favorites-list .product-box .product-tax {
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: bold;
}
.favorites-list .product-box .product-tax span{}
.favorites-list .product-box .product-tax a{display: inline-block;}
.favorites-list .product-box .product-tax a:hover{}
.favorites-list .product-box .product-tax a + a{}

.favorites-list .product-box .price{
    /* position: absolute; */
    top: 10px;
    background: #fff;
    padding: 2px 4px;
    /* transform: translate(-2px); */
    z-index: +8;
    display: inline-block;
}
.favorites-list .product-box .price i{font-size: 13px;font-family: tahoma;font-weight: bold;letter-spacing: 0;color: #000;position: relative;padding: 5px;text-align: center;}
.favorites-list .product-box .price i:before,
.favorites-list .product-box .price i:after{
	content:"";
	background: #af0202;
	position:absolute;
	width:100%;
	height:1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(26deg);
}
.favorites-list .product-box .price i:before{transform: translate(-50%,-50%) rotate(-26deg);}
.favorites-list .product-box .price i:after{
}
.favorites-list .product-box .price span:not(.currency){
    font-weight: bold;
    font-family: tahoma;
}
.favorites-list .product-box .price span.currency{
    margin: 0 1px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: tahoma;
    color: #000;
}
.favorites-list .product-data .price span.saving{
    color: #313131;
    font-weight: normal;
    font-size:12px;
}
.favorites-list .product-data .price span.saving span.currency{
    font-size: 10px;
}

.favorites-list .product-box .product-box-actions {list-style: none;padding: 0;margin: 0;position: absolute;z-index: +11;display: flex;flex-direction: row-reverse;width: calc(100% - 3px);bottom: 0px;left: 50%;transform: translateX(-50%);}
.favorites-list .product-box .product-box-actions .action-btn{flex-grow: 0;/* display: inline-flex; *//* width: max-content; *//* background: #ffffff7d; */padding: 2px 2px;color: #616161;font-size: 22px;line-height: 20px;margin: 3px;cursor: pointer;position: relative;}
.favorites-list .product-box .product-box-actions .action-btn i{
}
.favorites-list .product-box .product-box-actions .action-btn:hover{color: #d00000;}
.favorites-list .product-box .product-box-actions .action-btn:hover i{
}



/*------------------------------
Cart Checkout
------------------------------*/
.cart-list{display: flex;flex-wrap: wrap;/* justify-content: space-between; */padding: 4px;flex-direction: column;flex-basis: 100%;}
.cart-list .cart-item{position: relative;display: flex;margin-top: 20px;margin-bottom: 20px;box-shadow: 0px 1px 5px -1px #0000004f;border: 4px #fdfdfd solid;flex-grow: 1;background: #f3f3f3;/* padding-bottom: 57px; */font-family: 'Tajawal';}
.cart-list .cart-item[data-selected="0"]{
    background: #ffffff;
}
.cart-list .cart-item[data-selected="1"]{}
.cart-list .cart-item + .cart-item{margin-top: 0px}
.cart-list .cart-item .item-photo{position: relative;flex-grow: 0;width: 60px;padding: 5px;}
.cart-list .cart-item .item-photo img{width: 100% !important;height: auto;}
.cart-list .cart-item .item-photo a{display: block;}

.cart-list .cart-item .item-data{position: relative;flex-grow: 1;padding: 5px 10px;transition: all ease-in-out 0.2s;display: flex;flex-direction: row;flex-wrap: wrap;flex-basis: calc(100% - 60px);}

/********************
** item info
*********************/
.cart-list .cart-item .item-data .item-info{
    display: flex;
    align-items: center;
    gap: 10px;
    row-gap: 10px;
    flex-basis: 100%;
}
.cart-list .cart-item .item-data .offer-product{
    background: #ffffff85;
    border: 1px #dcdcdc8a solid;
    margin-top: 5px;
    padding: 5px;
}
.cart-list .cart-item .item-data .offer-product .item-info{
    display: flex;
    flex-wrap: wrap;
}
.cart-list .cart-item .item-title{
	font-size: 14px;
	color: #a41d1d;
	margin: 0;
	display: block;
	font-weight: 700;
	letter-spacing: 0;
	padding: 0;
	/* padding-top: 2px; */
	line-height: 19px;
	margin-left: 10px;
	flex-grow: 1;
}
.cart-list .cart-item .item-title a{display: inline-block;color: #00685f;}
.cart-list .cart-item .item-title a:hover{display: block;}

.cart-list .cart-item .item-tax {
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin-left: 10px;
    padding-top: 2px;
}
.cart-list .cart-item .item-tax span{}
.cart-list .cart-item .item-tax span.item-color{
    color: #de0101;
    width: max-content;
    /* flex: 0 0 33.333333%; */
    /* max-width: 33.333333%; */
}
.cart-list .cart-item .offer-product span.item-color{
    /* flex: 0 0 33.333333%; */
    /* max-width: 33.333333%; */
}
.cart-list .cart-item .offer-product span.offer-product-quantity{
    background: #ebebeb96;
    padding: 2px 5px;
}
.cart-list .cart-item .offer-product span.offer-product-quantity span{
    color: #de0101;
}
.cart-list .cart-item .item-tax span.item-color label{
    width: max-content;
}
.cart-list .cart-item .item-tax .product-colors span.title{
    clear: both;
    /* display: inherit; */
    flex-grow: 1;
}
.cart-list .cart-item .offer-product .product-colors span.title{
    width: 100%;
    flex-grow: 0;
}
.cart-list .cart-item .item-tax span.item-color input[type="number"]{
    border: 1px #dcdcdc solid;
    color: #000;
    text-align: center;
    max-width: 40px;
}
.cart-list .cart-item .item-tax span.item-color + span.item-color{margin-left: 10px;}
.cart-list .cart-item .item-tax span.out-of-stock{
    font-size: 12px;
    color: #595959;
}
.cart-list .cart-item .item-tax a{display: inline-block;color: #007e73;}
.cart-list .cart-item .item-tax .offer-product a{
    padding: 1px 5px;
}
.cart-list .cart-item .item-tax a:hover{}
.cart-list .cart-item .item-tax a + a{margin-left: 10px;}
/********************
** stock area
*********************/
.cart-list .cart-item .item-data .item-stock-area{
    display: flex;
    align-items: center;
    column-gap: 10px;
    row-gap: 5px;
    flex-basis: 100%;
    flex-wrap: wrap;
}
.item-stock-area .item-info{
	flex-grow: 0;
	flex-basis: max-content !important;
}
.item-stock-area .item-info .item-tax{
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
    gap: 10px;
    margin: 0;
    padding: 3px 0;
}
.item-stock-area .item-info .item-tax .title{}
.item-stock-area .item-info .item-tax .not-selected{
    color: #ad0000;
}
.item-stock-area .item-info .item-tax .stock-selected{
    color: #ad0000;
color: #000000;background: #fff;/* padding: 3px; */font-size: 12px;display: flex;flex-direction: row-reverse;flex-wrap: nowrap;/* column-gap: 4px; */border-radius: 3px;align-items: center;overflow: hidden;}
.item-stock-area .item-info .item-tax .stock-selected span{

padding: 0 5px;}
.item-stock-area .item-info .item-tax .stock-selected span + span{
    
background: #ed9d00;color: #fff;padding: 0 5px;}
.item-stock-area .item-stock-controller{
	flex-grow: 0;
}
.item-stock-area .item-stock-controller .edit-stock{color: #10978e;display: flex;align-items: center;padding: 0px;font-size: 20px;cursor: pointer;}
.item-stock-area .item-stock-controller .edit-stock::before{
}
.item-stock-area .item-stock-controller .edit-stock:hover{
}
.item-stock-area .item-stock-controller .edit-stock:hover::before{
}

.item-stock-area .item-stock-fields{
	flex-grow: 1;
	flex-basis: 100%;
}

/********************
** cart-item price
*********************/
.cart-list .cart-item .price{
    /* position: absolute; */
    top: 10px;
    background: #fff;
    padding: 2px 4px;
    /* transform: translate(-2px); */
    z-index: +8;
    display: inline-block;
}
.cart-list .cart-item .price i{font-size: 13px;font-family: tahoma;font-weight: bold;letter-spacing: 0;color: #000;position: relative;padding: 5px;text-align: center;}
.cart-list .cart-item .price i:before,
.cart-list .cart-item .price i:after{
	content:"";
	background: #af0202;
	position:absolute;
	width:100%;
	height:1px;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(26deg);
}
.cart-list .cart-item .price i:before{transform: translate(-50%,-50%) rotate(-26deg);}
.cart-list .cart-item .price i:after{
}
.cart-list .cart-item .price span:not(.currency){
    font-family: 'Tajawal';
    font-weight: bold;
    color: #e80101;
}
.cart-list .cart-item .price span.currency{
    margin: 0 5px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    font-family: 'Tajawal';
    color: #000;
}

.cart-list .cart-item  .price span.saving{
    color: #e80101;
    /* font-weight: normal; */
    font-size: 13px;
}
.cart-list .cart-item  .price span.saving span.currency{
    font-size: 11px;
}

.cart-list .cart-item .cart-item-actions {list-style: none;padding: 0;margin: 0;/* position: absolute; *//* z-index: 0; */display: flex;flex-direction: row-reverse;/* width: calc(100% - 3px); */bottom: 5px;left: 5px;/* left: 50%; *//* transform: translateX(-50%); */}
.cart-list .cart-item .cart-item-actions .action-btn{flex-grow: 0;/* display: inline-flex; *//* width: max-content; *//* background: #ffffff7d; */padding: 2px 2px;color: #616161;font-size: 22px;line-height: 20px;/* margin: 3px; */cursor: pointer;position: relative;z-index: +38;border: none;}
.cart-list .cart-item .cart-item-actions .action-btn i{
}
.cart-list .cart-item .cart-item-actions .action-btn:hover{color: #d00000;}
.cart-list .cart-item .cart-item-actions .action-btn:hover i{
}

.cart-list .cart-item .add-to-cart-form{
    flex-grow: 1;
    width: max-content;
    position: relative;
    bottom: 0;
    padding: 0px 0;
    padding-top: 5px;
    border-bottom: none;
    border-top: 1px #dcdcdc solid;
    z-index: +1;
    gap: 9px;
    justify-content: stretch;
    align-items: center;
}
.cart-list .cart-item[data-selected="0"] .add-to-cart-form{}
.cart-list .cart-item[data-selected="0"] .add-to-cart-form:before{
	content:"";
	background: #ffffff69;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: +1;
}
.cart-list .cart-item .add-to-cart-form > li{
	border:none;
	/* line-height: unset; */
	/* justify-self: stretch; */
	/* display: flex; */
	/* align-items: center; */
}
.cart-list .cart-item .add-to-cart-form .plus-btn{
    display: unset;
}
.cart-list .cart-item .add-to-cart-form .quantity-box{
    max-width: 30px !important;
}
.cart-list .cart-item .add-to-cart-form li.quantity-box input.quantity, 
.cart-list .cart-item .add-to-cart-form li.quantity-box input.quantity:hover, 
.cart-list .cart-item .add-to-cart-form li.quantity-box input.quantity:focus{
	
max-width: 100% !important;
	
font-size: 12px;
	
font-family: tahoma;
}
.cart-list .cart-item .add-to-cart-form .minus-btn{
    display: unset;
}
.cart-list .cart-item .add-to-cart-form .grow-area{}
.cart-list .cart-item .add-to-cart-form .total{
    background: #ffffff;
}
.cart-list .cart-item .add-to-cart-form .total .cash{
    margin: 0;
}
.cart-list .cart-item .add-to-cart-form .checkout-actions{
    border: none;
    padding: 0;
    margin: 0;
    z-index: +10;
}
.cart-list .cart-item .add-to-cart-form .checkout-select{
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    z-index: +10;
}
.cart-list .cart-item .add-to-cart-form .checkout-select-btn {
    cursor: pointer;
    font-size: 24px;
    color: #ed9d00;
}
.cart-list .cart-item[data-selected="1"] .add-to-cart-form .checkout-select-btn {
    color: #13a89e;
    font-size: 22px;
}
.cart-list .cart-item .add-to-cart-form .checkout-select-btn:hover,
.cart-list .cart-item .add-to-cart-form .checkout-select-btn:focus{
    color: #ed9d00;
    color: #13a89e;
    font-size: 22px;
}
.cart-list .cart-item .add-to-cart-form .checkout-select-btn:before {
	content:"\f096";

}
.cart-list .cart-item[data-selected="0"] .add-to-cart-form .checkout-select-btn:before{}
.cart-list .cart-item[data-selected="1"] .add-to-cart-form .checkout-select-btn:before{content:"\f14a";}

.cart-list .cart-item[data-selected="0"] .add-to-cart-form .checkout-select-btn:hover:before,
.cart-list .cart-item[data-selected="0"] .add-to-cart-form .checkout-select-btn:focus:before{
	content:"\f14a";
}
/******************************
* stock-confirm 
******************************/
.stock-confirm-container{font-family: 'Tajawal';height: 100%;/* position: fixed; *//* display: flex; */justify-content: center;}
.stock-confirm-container .stock-confirm-row{
    height: 100%;
    display: flex;
}
.stock-confirm-row .jconfirm-box-container{
    height: 100%;
    /* display: flex; */
    width: 100%;
    /* top: 50%; */
    margin: 0 auto;
}
.stock-confirm-container .jconfirm-box{
    /* top: 10% !important; */
    margin: 0 !important;
    min-height: 50%;
    top: 50%;
    transform: translateY(-50%);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-items: stretch;
}
.stock-confirm-container .jconfirm-closeIcon{
    position: absolute !important;
    width: unset !important;
    height: unset !important;
    top: 12px !important;
    left: 15px !important;
}
.stock-confirm-container .jconfirm-closeIcon i {
    font-size: 2.4rem !important;
}
.Stock-Editor-Confirm-Title{
    flex-grow: 1;
    height: fit-content;
    display: flex !important;
    flex: 0;
    flex-basis: 100%;
    flex-direction: row;
    row-gap: 15px;
    margin-left: 16px;
}
.Stock-Editor-Confirm-Title .jconfirm-title{
    height: fit-content;
    font-weight: bold;
    font-size: 1.7rem !important;
    color: #f5842d;
}
.Stock-Editor-Confirm-Title .product-name{
    background: #d9d9d952;
    padding: 5px 15px;
    border-radius: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #22918f;
    text-shadow: 0px 1px 1px #00000040;
    font-size: 1.7rem;
    margin: 0 10px;
}
.stock-confirm-container .jconfirm-content-pane{
    /* flex-grow: 1; */
    height: unset !important;
    flex: 1;
    flex-basis: 100%;
    overflow-y: auto !important;
    border-width: 1px 0;
    border-color: #0000001c;
    border-style: solid;
    padding-top: 15px;
}
.stock-confirm-container .jconfirm-content{
    flex-grow: 1;
    height: 100%;
}
.stock-confirm-container .stock-editor-viewport{
    display: flex;
    flex-direction: row;
    /* padding: 0 10px; */
    /* flex-wrap: nowrap; */
}
.stock-confirm-container .stock-editor-viewport .editor-tax-col{
    flex-grow: 1;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-row{}
.stock-confirm-container .stock-editor-viewport .editor-tax-row + .editor-tax-row{
	margin-top:10px;
}
.stock-confirm-container .stock-editor-viewport .tax-row-title{
    font-weight: bold;
    font-size: 1.4rem;
    /* border-bottom: 1px #0000001a solid; */
    padding-bottom: 4px;
    /* padding: 5px 11px; */
    margin-bottom: 10px;
    color: #a3180a;
    width: fit-content;
    /* background: #bbbbbb40; */
    border-radius: 3px;
}
.stock-confirm-container .stock-editor-viewport .tax-row-items{
    display: flex;
    column-gap: 10px;
    row-gap: 5px;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 6px;
    position: relative;
    background: #f3f3f3;
    padding: 5px 8px;
    padding-left: 10px;
    border-radius: 3px;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.checked{
    color: #22918f;
    box-shadow: 0px 0px 4px 0px #00000036 inset;
    background: #eeeeeea6;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.OutOfStock{
    color: #7a7a7a;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.OutOfStock:after{
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}{}
.stock-confirm-container .stock-editor-viewport .editor-tax-item label{
    margin: 0;
    display: flex;
    column-gap: 5px;
    align-items: center;
    flex-wrap: nowrap;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item label span{
    font-size: 1.4rem;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item label span.OutOfStock{
    font-size: 1.1rem;
    color: #a3180a;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item label span.is_related{
    position: relative;
    font-size: 1.4rem;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item label span.is_related:before{
	content:"";
	position: absolute;
	width: 1px;
	height: 80%;
	background: #a3180a;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item input{
    margin: 0;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.OutOfStock input{
    opacity: 0.7;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.checked label{}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.checked span:not(.OutOfStock){
    text-shadow: 0px 1px 1px #00000042;
}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.checked span.OutOfStock{}
.stock-confirm-container .stock-editor-viewport .editor-tax-item.checked span.OutOfStock:before{}
.stock-confirm-container .stock-editor-viewport .editor-stock-col{
    display: flex;
    flex-direction: column;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-total{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 6px;
    background: #eee;
    border-radius: 4px;
    padding: 6px 6px;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-total label{
    margin: 0;
    padding: 0 12px;
    color: #a3180a;
    font-size: 1.4rem;
    font-weight: bold;
    flex-grow: 1;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-total input{
    margin: 0;
    font-family: tahoma;
    text-align: center;
    max-width: 49px;
    border: 1px #bfbfbf solid;
}

.stock-confirm-container .stock-editor-viewport .editor-stock-row{}
.stock-confirm-container .stock-editor-viewport .editor-stock-item{
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 5px 0;
    padding: 0 6px;
    position: relative;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-item + .editor-stock-item{}
.stock-confirm-container .stock-editor-viewport .editor-stock-item + .editor-stock-item:before{
	content:"";
	width: 100%;
	height: 1px;
	background: #00000017;
	margin-bottom: 7px;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-item[has-related]{
    opacity: 0.4;
    display: none;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-item .stock-fields-row{
    display: flex;
    gap: 5px;
    align-items: center;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-item label{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    gap: 5px;
    align-items: center;
    margin: 0;
    font-size: 1.3rem;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-item label span{
}
.stock-confirm-container .stock-editor-viewport .editor-stock-item label span+span{
    padding: 0 5px;
}
.stock-confirm-container .stock-editor-viewport .editor-stock-item input{
    border: 1px #a7a7a7 solid;
    text-align: center;
}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-row{display: flex;column-gap: 5px;row-gap: 5px;}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-item{
    display: flex;
    flex-direction: column;
    gap: 0px;
    background: #e1e1e1;
}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-item:nth-child(even){
    background: #e1e1e15e;
}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-item label{
    font-size: 1.2rem;
    gap: 5px;
    padding: 5px 5px;
}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-item label span{}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-item label span + span{
    padding: 0;
}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-item .related-item-field{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 5px;
    padding-bottom: 5px;
}
.stock-confirm-container .stock-editor-viewport .editor-related-stock-item input{}
.stock-confirm-container .jconfirm-buttons{
    flex-grow: 0;
    height: fit-content;
    flex-basis: 100%;
}
.stock-confirm-container .jconfirm-buttons button{}
.stock-confirm-container .jconfirm-clear{
    width: 100%;
    height: 0px;
    display: none;
}
/*------------------------------
Cart Checkout
------------------------------*/
.CheckOut-Head{
    font-family: 'Tajawal';
    direction: rtl;
}
.payment-cost-bar {background: #f1f1f1;padding: 10px;}
.payment-cost-bar .cost-form{display: flex;flex-basis: 100%;justify-content: stretch;}
.payment-cost-bar .cost-form .entry-item{/* width: 25%; */display: flex;align-items: center;flex-grow: 1;}
.payment-cost-bar .cost-form .entry-item:not(:first-child){
	/* padding-right:5px; */
}
.payment-cost-bar .cost-form .entry-item:last-child{
	width:fit-content;
	flex-grow:0;
}
.payment-cost-bar .cost-form .entry-item .title{
	padding: 3px 6px;
	background: #fff;
	color: #000;
	border-radius: 5px;
	/* line-height: 20px; */
	/* height: 10px; */
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
}
.payment-cost-bar .cost-form .entry-item .value{
    padding: 0 5px;
    color: #ad0000;
    font-weight: bold;
    font-size: 14px;
    font-family: tahoma;
    margin-right: 5px;
}
.payment-cost-bar .cost-form .entry-item .currency{font-weight: bold;padding-left: 10px;}
.payment-cost-bar .cost-form .entry-item:last-child .currency{padding-left:0;}
        
.cart-order-data{display: flex;padding: 10px;border-bottom: 1px #afafaf solid;justify-content: stretch;align-items: center;}
.cart-order-data .delivery-data{flex-grow: 1;}
.cart-order-data .delivery-data > .title{color: #ce1126;font-weight: bold;display: inline-flex;height: 25px;align-items: center;justify-content: center;position: relative;top: -3px;}
.cart-order-data .delivery-data #delivery-data-viewport{font-family: 'Tajawal';margin-top: 5px;border-top: 1px #0000003d solid;margin-left: 15px;}
.cart-order-data .delivery-data #delivery-data-viewport > div{margin-top: 11px;padding-right: 0;display: flex;align-items: center;}
.cart-order-data .delivery-data #delivery-data-viewport .title{/* font-weight: bold; *//* font-family: sans-serif; */background: #f1f1f1;padding: 3px 8px;border-radius: 5px;font-weight: bold;font-size: 12px;}
.cart-order-data .delivery-data #delivery-data-viewport .value{/* font-family: sans-serif; */font-weight: bold;margin: 0 5px;font-size: 13px;}
.cart-order-data .delivery-data #delivery-data-viewport .value.num{
    direction: ltr !important;
    text-align: left !important;
    /* font-family: tahoma !important; */
    font-size: 14px;
}
.cart-order-data .delivery-data #edit-delivery-data{
	cursor: pointer;
	margin: 0 5px;
	border: 1px #d8d8d8 solid;
	padding: 0;
	/* color: #000; */
	display: inline-flex;
	width: 25px;
	height: 25px;
	align-items: center;
	justify-content: center;
}
.cart-order-data .delivery-data #edit-delivery-data i{font-size: 17px;line-height: 8px;transform: translateY(-1px);}
.cart-order-data .delivery-data #edit-delivery-data:hover{
    color: #fff;
    background: #ce1126;
    border-color: #ce1126;
}
.cart-order-data .delivery-data #edit-delivery-data:hover i{
}

.cart-order-data .fields-col{width: max-content;min-width: 120px;}
.cart-order-data .payment-methods{
}
.cart-order-data .payment-methods .title{display: block;clear: both;/* background: #f1f1f1; */border-radius: 5px;padding: 3px 10px;text-align: center;color: #ce1126;font-weight: bold;font-size: 15px;}
.cart-order-data .payment-methods select{clear: both;display: block;width: 100%;margin-top: 5px;border-color: #d4d4d4;background: #f1f1f1;border-radius: 5px;padding: 2px 5px;font-weight: bold;}
.cart-order-data .payment-methods select option{
    font-weight: bold;
}
.cart-order-data .payment-methods select option:hover{
    background: #13a89e;
    color: #fff;
}
.cart-order-data .form-submit{background: #333333;margin-top: 5px;padding: 5px 10px;border-radius: 5px;color: #fff;font-weight: bold;font-size: 14px;cursor: pointer;text-align: center;}
.cart-order-data .form-submit:hover{background: #ce1126;}



#client-contacts-modal{
}
#client-contacts-modal .modal-content{
}
#client-contacts-modal .modal-header{
}
#client-contacts-modal .modal-header .modal-title{
}
#client-contacts-modal .modal-header button{
}
#client-contacts-modal .modal-header span{
}

#client-contacts-modal .modal-body{
}

#client-contacts-modal .modal-body .client-contacts-list{
}

#client-contacts-modal .modal-body .client-contacts-list{list-style: none;margin: 0;padding: 0;}
#client-contacts-modal .modal-body .client-contacts-list li{
}
#client-contacts-modal .modal-body .client-contacts-list li + li{border-top: 1px #000 solid;}
#client-contacts-modal .modal-body .client-contacts-list li.selected{
}
#client-contacts-modal .modal-body .client-contacts-list li > label{
}
#client-contacts-modal .modal-body .client-contacts-list li > label input{
}
#client-contacts-modal .modal-body .client-contacts-list li > label span{
}

#client-contacts-modal .modal-body .client-contacts-list li .contact-data{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-data .controller{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-data .controller span{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-data .controller span:hover{
}

#client-contacts-modal .modal-body .client-contacts-list li .contact-card{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card .title{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card .value{
}

#client-contacts-modal .modal-body .client-contacts-list li .contact-card .client-contact-name{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card .client-contact-phone{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card .client-contact-phone .value{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card .client-contact-state{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card. client-contact-city{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card .client-contact-center-village{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-card .client-contact-address{
}

#client-contacts-modal .modal-body .client-contacts-list li .contact-form{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row lebel{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row lebel[required]{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row lebel[required]:before{
	content:"";
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row input[type="text"]{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row input[type="tel"]{
	padding-left: 80px !important;
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row select{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row .hint{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row .hint i{
}
#client-contacts-modal .modal-body .client-contacts-list li .contact-form .form-row .hint span{
}




.PaymentLoading{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: +100;
	background: url(../images/loader.gif) center no-repeat #ffffff8a;
}



@media screen and (max-width: 980px) {
	.favorites-list{
    flex-wrap: nowrap;
    flex-direction: column;
}
	.favorites-list .product-box{
    flex: 1;
    flex-grow: 1;
    width: 100%;
    }
    .favorites-list .product-photo{
    width: 122px !important;
}
    .favorites-list .product-photo img{
    max-height: 150px;
}
}

@media screen and (max-width: 768px) {
	.cart-list{
    padding: 0;
    max-width: calc(100% - 0px) !important;
}
	.cart-list .cart-item{
    max-width: calc(100% - 0px) !important;
}
	.favorites-list{
		flex-wrap: nowrap;
		flex-direction: column;
		width: 100%;
		padding-bottom: 25px;
	}
	.favorites-list .product-box{
    flex: 1;
    flex-grow: 1;
    width: 100%;
    }
    .favorites-list .product-photo{
    width: 122px !important;
}
    .favorites-list .product-photo img{
    max-height: 150px;
}
.cart-list .cart-item .item-photo{
    width: 101px;
}
.cart-list .cart-item .item-data{
	padding-right: 0;
}
.cart-list .cart-item .item-data .item-info{/* flex-direction: column; */}
}

@media screen and (max-width: 400px) {
	.favorites-list .product-box{}
	.cart-list .cart-item .item-photo{
		display: none;
	}
}


/*******************************/
@media (max-width: 768px) {
	.payment-cost-bar {
		padding-bottom: 1px;
	}
    .payment-cost-bar .cost-form{
        flex-wrap: wrap;
    }
    .payment-cost-bar .cost-form .entry-item{
    	margin-bottom:10px;
    }
	.notifications-btn{
		/* position:unset !important; */
		/* z-index: +10000000000000 !important; */
	}
	.header-content .notifications-btn .dropdown-menu{
		position: fixed;
		top: 0px;
		left: 0 !important;
		right: unset !important;
		width: 100%;
		min-width: unset;
		height: 100%;
		z-index: +999999999 !important;
		background: #000000ba;
	}

	
	.top-bar .user-menu{
    text-align: right;
}
	.top-bar .user-menu .user-card{}
	.top-bar .user-menu .user-btn{}
	.top-bar .user-menu span{}
.offcanvas #page.client-panel {
	height: 100% !important;
	max-width: 100% !important;
	overflow: hidden;
	/* position: fixed; */
	-webkit-transition: all 2s;
	-o-transition: all 2s;
	transition: all 2s;
	grid-area: header;
}
.client-panel .colorlib-nav {
}
.offcanvas #page.client-panel:after {
}
colorlib-loader-----{grid-area: header;}
.panel-viewport{
    grid-template-columns: 1fr;
    grid-template-areas:
        "breadcrumb"
        "content";
    /* margin: 0 !important; */
    position: relative;
    display: flex;
    flex-direction: column;
    grid: unset;
}
.panel-viewport[viewport="home"]{}
.content-viewport{margin: 0 5px;padding-top: 20px;/* margin-top: -10px; */}
.panel-menu.home-menu{
    grid-template-columns: 1fr;
    grid-template-areas: "t1""b1""b2""b3";
}

.panel-menu:not(.home-menu){
	transition:all ease-in-out 0.35s;
	-webkit-transition:all ease-in-out 0.35s;
	-moz-transition:all ease-in-out 0.35s;
	-ms-transition:all ease-in-out 0.35s;
	-o-transition:all ease-in-out 0.35s;
	position: fixed;
	/* display: none; */
	width: 100%;
	height: 100%;
	/* left: 0; */
	top: 0;
	z-index: 6000;
	padding: 15px;
	background: #fff;
	left: 110%;
	grid-area: content;
}
.panel-menu.show:not(.home-menu){left: 0;}
#panel-menu-toggle{
	display: inline-block;
	right: 2px;
	top: 50%;
	width: 20px;
	height: 2px;
	padding: 8px 0;
	padding-top: 6px;
	transform: translateY(-50%);
	z-index: +10;
}
#panel-menu-toggle span{
	transition:all ease-in-out 0.25s;
	-webkit-transition:all ease-in-out 0.25s;
	-moz-transition:all ease-in-out 0.25s;
	-ms-transition:all ease-in-out 0.25s;
	-o-transition:all ease-in-out 0.25s;
	height: 2px;
	background: #017b9e;
	display: block;
}
#panel-menu-toggle:before,#panel-menu-toggle:after{
	content:"";
	transition:all ease-in-out 0.25s;
	-webkit-transition:all ease-in-out 0.25s;
	-moz-transition:all ease-in-out 0.25s;
	-ms-transition:all ease-in-out 0.25s;
	-o-transition:all ease-in-out 0.25s;
	height: 2px;
	width: 20px;
	background: #006886;
	position: absolute;
	z-index: +1;
	transform-origin: center;
}
#panel-menu-toggle:before{
    top: 0;
}
#panel-menu-toggle:after{bottom: 0;}
#panel-menu-toggle.active{position: fixed;top: 22px;right: 13px;z-index: +7000;}
#panel-menu-toggle.active span{/* background: transparent; */width: 0px;}
#panel-menu-toggle.active:before{transform: rotateZ(45deg);top: 6px;}
#panel-menu-toggle.active:after{transform: rotateZ(-45deg);bottom: 6px;}

.panel-viewport .panel-breadcrumb {
    font-size: 13px;
}
.panel-viewport .panel-breadcrumb a {}
.panel-viewport .panel-breadcrumb a i {
    font-size: 18px;
}
.panel-viewport .panel-breadcrumb a:hover {}
.panel-viewport .panel-breadcrumb a:hover i {}
.panel-viewport .panel-breadcrumb > i{}

.client-order-viewport{
}

.client-order-viewport .order-actions{
    float: none;
    /* font-size: 12px; */
    text-align: center;
    display: block;
}

.client-order-viewport .order-actions .order-action{
    margin-bottom: 5px;
}
.client-order-viewport .order-actions .order-action + .order-action{}
.client-order-viewport .order-actions .order-action span:not(.notification){}
.client-order-viewport .order-actions .order-action span.notification{}

.client-order-viewport .order-actions .order-action:hover{}
.client-order-viewport .order-actions .order-action:hover span:not(.notification){}
.client-order-viewport .order-actions .order-action:hover span.notification{}

.client-order-viewport .data-box{}

.client-order-viewport .data-box.order-summary{}
.client-order-viewport .data-box .data-title{}
.client-order-viewport .data-box .data-content{}
.client-order-viewport .data-box.order-summary .data-content,
.client-order-viewport .data-box.tour-summary .data-content{}
.client-order-viewport .data-content .data-row{}
.client-order-viewport .data-content .data-row:first-child{}
.client-order-viewport .data-content .data-row:last-child{}


.client-order-viewport .data-content.order-summary .data-row{}
.client-order-viewport .data-content.order-summary .data-row:first-child{}
.client-order-viewport .data-content.order-summary .data-row:last-child{}

.client-order-viewport .data-content .data-row .row-title{}

.client-order-viewport .data-content .data-row span.row-data{}
.client-order-viewport .data-content .data-row a.row-data{
    clear: both;
    display: inherit;
}
.client-order-viewport .data-content .data-row a.row-data:hover{}
.client-order-viewport .data-content .data-row .row-data span{}

.client-order-viewport .data-content .data-row .row-data a{}
.client-order-viewport .data-content .data-row .row-data a + a{}
.client-order-viewport .data-content .data-row .row-data a:hover{}


}

.panel-viewport .action-content .pages_counter{display: flex;align-items: center;justify-content: center;border-top: 1px #00000026 solid;margin: 10px 0;padding: 5px;padding-top: 10px;font-weight: bold;}
.panel-viewport .action-content .pages_counter a.page{padding: 0px 6px;background: #e6e6e6;margin: 0 3px;}
.panel-viewport .action-content .pages_counter a.page:hover{background: #980000;color: #fff;}
.panel-viewport .action-content .pages_counter span{padding: 0px 6px;background: #272727;color: #fff;margin: 0 3px;}
.panel-viewport .action-content .pages_counter * + *{
	position:relative;
}
.panel-viewport .action-content .pages_counter * + *:before{
	content:"";
	position:absolute;
	height:100%;
	width:1px;
	/* background: #fff; */
	transform: translateX(-6px);
}





.jconfirm .jconfirm-box div.jconfirm-title-c.RefundVoid-Confirm-Title{
    border-bottom: 1px #00000038 solid;
    margin-bottom: 10px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c.RefundVoid-Confirm-Title .jconfirm-title{
    font-size: 18px;
    color: #c00f0f;
    font-family: 'Tajawal';
    font-weight: bold;
}
.RefundVoid-Confirm-Viewport{
    font-size: 14px;
    color: #000;
    font-weight: 600;
    font-family: 'Tajawal';
}
.RefundVoid-Confirm-Viewport .Confirm-Order-Serial{
	font-size: 13px;
	font-family: tahoma;
	font-weight: bold;
	color: #c00f0f;
}
.RefundVoid-Confirm-Viewport .Confirm-Message{}
.RefundVoid-Confirm-Viewport .Confirm-Message .en{
}

.RefundVoid-Confirm-Viewport .refund-penalty{
    color: #686868;
    display: inline-flex;
    align-items: center;
}
.RefundVoid-Confirm-Viewport .refund-penalty .penalty-num{
    font-family: tahoma;
    font-weight: bold;
    color: #c00f0f;
    margin: 0 1px;
}
.RefundVoid-Confirm-Viewport .refund-penalty .penalty-currency{
    font-size: 12px;
    color: #000;
    margin: 0 2px;
}

.RefundVoid-Confirm-Viewport .Refund-Totals{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border-width: 0 1px 1px 1px;
    border-color: #00000042;
    border-style: solid;
    margin-top: 14px;
    font-size: 13px;
}
.RefundVoid-Confirm-Viewport .Refund-Totals dl{
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    border-top: 1px #00000042 solid;
    position: relative;
}
.RefundVoid-Confirm-Viewport .Refund-Totals dl:not(:last-child):before{
	content:"";
	position: absolute;
	left: 0;
	top: 0;
	background: #00000042;
	width: 1px;
	height: 100%;
}
.RefundVoid-Confirm-Viewport .Refund-Totals.dir-ltr dl:not(:last-child):before{left: unset;right: 0;}
.RefundVoid-Confirm-Viewport .Refund-Totals dl span{
    background: #00000021;
    padding: 4px 5px;
    width: 100%;
    text-align: center;
    border-bottom: 1px #00000042 solid;
    font-weight: bold;
    font-size: 11px;
}
.RefundVoid-Confirm-Viewport .Refund-Totals.dir-ltr dl span{
    font-size: 12px;
}
.RefundVoid-Confirm-Viewport .Refund-Totals dl val{
    font-family: tahoma;
    padding: 4px 5px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: #a50f00;
}

.RefundVoid-Confirm-Viewport .void-timer{
    margin-top: 10px;
    border-top: 1px #00000042 solid;
    padding-top: 5px;
    font-size: 13px;
    display: flex;
    align-items: center;
}
.RefundVoid-Confirm-Viewport .void-timer span{}
.RefundVoid-Confirm-Viewport .void-timer clock{
    color: #c00f0f;
    padding: 0 6px;
    margin: 0 5px;
    font-family: tahoma;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    background: #c00f0f1f;
    border-radius: 5px;
    /* border: 1px #3c00001c solid; */
}
.RefundVoid-Confirm-Viewport .void-timer.expired{
	justify-content:center;
}
.RefundVoid-Confirm-Viewport .void-timer clock span.expired{
    width: fit-content;
    display: inline-flex;
}
.RefundVoid-Confirm-Viewport .void-timer clock *:not(span){
    text-decoration: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}
.RefundVoid-Confirm-Viewport .void-timer clock h{}
.RefundVoid-Confirm-Viewport .void-timer clock m{}
.RefundVoid-Confirm-Viewport .void-timer clock s{}
.RefundVoid-Confirm-Viewport .void-timer clock * + *:before{
	content:",";
	color: #000;
	min-width: 7px;
	padding: 1px;
}

/**********************************
* Orders List
**********************************/
.orders-list{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 15px 1px;
}
.orders-list pre{
	max-width: 100% !important;
	overflow: auto;
	max-height: 200px;
}
.orders-list .order-item{
    background: #f2f2f2b3;
    padding: 10px;
display: flex;flex-wrap: wrap;column-gap: 10px;row-gap: 5px;box-shadow: 0px 0px 1px 1px #0000000d;}
.orders-list .order-item:nth-child(even){
    background: #fafafab3;
}
.orders-list .order-item.hidden-info{}
.orders-list .order-item.visible-info{}



.orders-list .order-item .data-entry{display: flex;column-gap: 10px;row-gap: 5px;min-width: fit-content;align-items: center;flex-basis: calc(33.3% - 10px);}
.orders-list .order-item.hidden-info .data-entry{}
.orders-list .order-item.hidden-info .data-entry[data-collapse="hidden"]{
	display: none;
}
.orders-list .order-item.visible-info .data-entry{}
.orders-list .order-item.visible-info .data-entry[data-collapse="hidden"]{
	display: flex;
}
.orders-list .order-item .data-entry .title{background: #f3f3f3;padding: 3px 7px;font-family: 'Tajawal';font-weight: bold;}
.orders-list .order-item .data-entry .content{}
.orders-list .order-item .data-entry .content a{}
.orders-list .order-item .data-entry .content a:hover{}
.orders-list .order-item .data-entry .number{}
.orders-list .order-item .data-entry .date-content{}
.orders-list .order-item .data-entry .date-content .currency{}
.orders-list .order-item .data-entry .date-content .free-shipping{}
/** order code **/
.orders-list .order-item .data-entry.order-code {}
.orders-list .order-item .data-entry.order-code a{}
.orders-list .order-item .data-entry.order-code a:hover{}
/** order status **/
.orders-list .order-item .data-entry.order-status{}
.orders-list .order-item .data-entry.order-status .content{}
.orders-list .order-item .data-entry.order-status .content span{}
.orders-list .order-item .data-entry.order-status .content i{}
/** order products **/
.orders-list .order-item .data-entry.order-products{}
.orders-list .order-item .data-entry.order-products .content{}
/** order paid-amount **/
.orders-list .order-item .data-entry.paid-amount{}
.orders-list .order-item .data-entry.paid-amount .content{}
/** order payment-method **/
.orders-list .order-item .data-entry.payment-method{}
.orders-list .order-item .data-entry.payment-method .content{}
.orders-list .order-item .data-entry.payment-method .content .delivery-icon{}
.orders-list .order-item .data-entry.payment-method .content .method-name{}
.orders-list .order-item .data-entry.payment-method .content .card-info{}
.orders-list .order-item .data-entry.payment-method .content .card-info .card-icon{}
.orders-list .order-item .data-entry.payment-method .content .card-info .card-icon::before{
	content: "";
}.
.orders-list .order-item .data-entry.payment-method .content .card-info span{}
.orders-list .order-item .data-entry.payment-method .content .card-info span.card-holder{}
.orders-list .order-item .data-entry.payment-method .content .card-info span.card-number{}
/** order controller **/
.orders-list .order-item .item-controller{flex-basis: 100%;display: flex;border-top: 1px #d1d1d1 solid;padding: 5px 5px;padding-bottom: 0;}
.orders-list .order-item .item-controller > *{}

.orders-list .order-item .item-controller i{}
.orders-list .order-item .item-controller i:before{}
.orders-list .order-item .item-controller i:hover{}
.orders-list .order-item .item-controller .collapse-container{flex-grow: 1;}
.orders-list .order-item .item-controller .info-collapse{}
.orders-list .order-item .item-controller .info-collapse[data-collapse-action="visible"]{}
.orders-list .order-item .item-controller .info-collapse:hover{}
/**********************************
* client-profit-accounts
**********************************/
.client-profit-accounts{display: flex;justify-content: center;padding: 20px;gap: 10px;}
.client-profit-accounts .profit-item{display: flex;flex-direction: column;justify-content: center;align-items: center;background: #f1f1f3;}
.client-profit-accounts .profit-item span{font-family: 'Tajawal';font-weight: bold;background: #ed9d00;padding: 3px 10px;color: #fff;flex-basis: 100%;width: 100%;text-align: center;}
.client-profit-accounts .profit-item num{font-family: tahoma;font-size: 15px;color: #0d857c;padding: 5px 10px;font-weight: bold;}
/**********************************
* Media
**********************************/

@media (max-width: 568px) {
.client-order-viewport .order-actions{
    float: none;
    font-size: 12px;
}

.client-order-viewport .order-actions .order-action{
    margin-bottom: 5px;
}
.client-order-viewport .data-content .data-row .row-title{}
}
@media (max-width: 480px) {
.client-order-viewport .order-actions{
    font-size: 12px;
}

.client-order-viewport .order-actions .order-action{
    margin-bottom: 5px;
    /* display: block; */
    margin-left: 0 !important;
    width: max-content;
}
.client-order-viewport .data-content .data-row .row-title{}
}
@media (max-width: 400px) {
}
 @media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
}
@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
}
@media (min-width:1281px) { /* hi-res laptops and desktops */
}

/*******************************/
@media (max-width: 768px),(width:1024px) {
	html{overflow-x:hidden;}
	body{overflow-x:hidden;overflow-y: auto;height: 100%;}
}


@media screen and (max-width:767px){
	.content-viewport{margin: 0 5px;padding-top: 0px;margin-top: -10px;}
	.header-container .full-header.sticky.fixed:before{
		background-size: 284%;
	}
    .main-menu .navbar .header-logo {
        display:none;
    }
    .mob-logo-col,
    .mob-logo-col *{
        display:flex;
    }
    .mob-logo-col{
        padding: 0;
        /* height: 70px; */
        display: flex;
        align-items: center;
        width: 100%;
        justify-content: center;
        /* padding-top: 0px !important; */
        /* top: -16px; */
        /* margin-bottom: 0px; */
        /* position: relative; */
    }
    .mob-logo-col img{
        max-width: 100%;
        max-height: 100%;
        /* transform: scale(1.8) translateX(21%); */
        /* height: 70px; */
        /* margin-top: 0px !important; */
    }
}