@font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 700;
	src: local("IBM Plex Sans Arabic Bold"), local("IBMPlexSansArabic-Bold"), url("../fonts/woff2/IBMPlexSansArabic-Bold.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-Bold.woff") format("woff"); }
  
  @font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 200;
	src: local("IBM Plex Sans Arabic ExtraLight"), local("IBMPlexSansArabic-ExtraLight"), url("../fonts/woff2/IBMPlexSansArabic-ExtraLight.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-ExtraLight.woff") format("woff"); }
  
  @font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 300;
	src: local("IBM Plex Sans Arabic Light"), local("IBMPlexSansArabic-Light"), url("../fonts/woff2/IBMPlexSansArabic-Light.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-Light.woff") format("woff"); }
  
  @font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 500;
	src: local("IBM Plex Sans Arabic Medium"), local("IBMPlexSansArabic-Medium"), url("../fonts/woff2/IBMPlexSansArabic-Medium.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-Medium.woff") format("woff"); }
  
  @font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 400;
	src: local("IBM Plex Sans Arabic"), local("IBMPlexSansArabic"), url("../fonts/woff2/IBMPlexSansArabic-Regular.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-Regular.woff") format("woff"); }
  
  @font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 600;
	src: local("IBM Plex Sans Arabic SemiBold"), local("IBMPlexSansArabic-SemiBold"), url("../fonts/woff2/IBMPlexSansArabic-SemiBold.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-SemiBold.woff") format("woff"); }
  
  @font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 450;
	src: local("IBM Plex Sans Arabic Text"), local("IBMPlexSansArabic-Text"), url("../fonts/woff2/IBMPlexSansArabic-Text.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-Text.woff") format("woff"); }
  
  @font-face {
	font-family: 'IBM Plex Sans Arabic';
	font-style: normal;
	font-weight: 100;
	src: local("IBM Plex Sans Arabic Thin"), local("IBMPlexSansArabic-Thin"), url("../fonts/woff2/IBMPlexSansArabic-Thin.woff2") format("woff2"), url("../fonts/woff/IBMPlexSansArabic-Thin.woff") format("woff"); }

html {position: relative;min-height: 100%;}
body {margin-bottom: 41px; background-color: #f2f2f2}
footer.main {position: absolute; bottom: 0; width: 100%; height: 41px}
footer.main .footer-top-area {padding-top: 1px;}
.ff-ibm-plex-sans-arabic {font-family: 'IBM Plex Sans Arabic', sans-serif !important;}
*.margins-null{margin: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; margin-top: 0}
*.paddings-null, .table tr.paddings-null > th, .table tr.paddings-null > td{padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0}
hr.margin-thin {margin-bottom: 6px;margin-top: 6px;}
.margin-buttom-thin{margin-bottom: 3px}
.margin-top-thin{margin-top: 3px}
.m-0{margin: 0 !important;}
.m-1{margin: 1px !important;}
.m-2{margin: 2px !important;}
.m-3{margin: 3px !important;}
.m-4{margin: 4px !important;}
.m-5{margin: 5px !important;}
.my-0{margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1{margin-top: 1px !important; margin-bottom: 1px !important;}
.my-2{margin-top: 2px !important; margin-bottom: 2px !important;}
.my-3{margin-top: 3px !important; margin-bottom: 3px !important;}
.my-4{margin-top: 4px !important; margin-bottom: 4px !important;}
.my-5{margin-top: 5px !important; margin-bottom: 5px !important;}
.mx-0{margin-left: 0 !important; margin-right: 0 !important;}
.mx-1{margin-left: 1px !important; margin-right: 1px !important;}
.mx-2{margin-left: 2px !important; margin-right: 2px !important;}
.mx-3{margin-left: 3px !important; margin-right: 3px !important;}
.mx-4{margin-left: 4px !important; margin-right: 4px !important;}
.mx-5{margin-left: 5px !important; margin-right: 5px !important;}
.p-0{padding: 0 !important;}
.p-1{padding: 1px !important;}
.p-2{padding: 2px !important;}
.p-3{padding: 3px !important;}
.p-4{padding: 4px !important;}
.p-5{padding: 5px !important;}
.py-0{padding-top: 0 !important; padding-bottom: 0 !important;}
.py-1{padding-top: 1px !important; padding-bottom: 1px !important;}
.py-2{padding-top: 2px !important; padding-bottom: 2px !important;}
.py-3{padding-top: 3px !important; padding-bottom: 3px !important;}
.py-4{padding-top: 4px !important; padding-bottom: 4px !important;}
.py-5{padding-top: 5px !important; padding-bottom: 5px !important;}
.px-0{padding-left: 0 !important; padding-right: 0 !important;}
.px-1{padding-left: 1px !important; padding-right: 1px !important;}
.px-2{padding-left: 2px !important; padding-right: 2px !important;}
.px-3{padding-left: 3px !important; padding-right: 3px !important;}
.px-4{padding-left: 4px !important; padding-right: 4px !important;}
.px-5{padding-left: 5px !important; padding-right: 5px !important;}
.text-large{font-size: 13pt !important;}
.text-larger{font-size: 15pt !important;}
.text-largest{font-size: 18pt !important;}
.bold, tr.bold td, tr.bold th  {font-weight: bold;}
.required:before{ color:#FF0000;content:"* "; position:absolute; margin-left: -9px}
#brands-list .product-thumb-cards{background-color: #fff;}
#brands-list .product-header-container{width: 184px; height: 250px; margin: 1px auto; text-align: center;}
#brands-list .product-header{width: 183px; height: 250px; display: table-cell; text-align: center; vertical-align: middle}
#brands-list .product-header > img{max-width: 100%; max-height: 100%; display: block}
.product-thumb .product-header > img {border-radius: 2px;}
.product-thumb  ul.product-price-list{margin-bottom: 6px}
.product-time, .product-time > span{font-size: 10px;}
span.strike{font-size: inherit;text-decoration: none;position: relative;}
.product-info-price span.strike{font-size: 48px;}
span.strike::after {content: ' / ';font-size: 33px;display: block;position: absolute;right: 0;left: 0;top: -21%;bottom: 0%;border: 0px solid #666;color: #F33;
-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);opacity: 0.60;}
.product-info-price span.strike:after{font-size: 102px;left:42%;top: 15%;}
.form-control.is-loading, input[type=submit].is-loading, input[type=button].is-loading, a.btn.is-loading{background-image: url("../img/loading_g.gif");background-position: right center; background-repeat: no-repeat; padding-right: 26px}
.control-label.is-loading{background-image: url("../img/loading_g.gif");background-position: right center; background-repeat: no-repeat; padding-right: 16px}
.header-search-bar {-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);}
.header-search-bar label {color: #2a8fbd;}
.top-main-area {
	padding-bottom:6px;
	padding-top:9px;
}
.top-main-area .top-sub-area {
	font-size: 12pt;
	padding-bottom:3px;
	padding-top:18px;
}
.top-main-area .top-sub-area .login-register > li > a,
.top-main-area .top-sub-area .login-register > li > a > i {
	color: #004040;
	font-size: 12pt;
}
.mfp-dialog .dialog-icon {
	background: #1c9975;
}

/* table row counters */
tbody.counter1 tr:first {counter-reset: tblLinesCounterA;}
tbody.counter2 tr:first {counter-reset: tblLinesCounterB;}
tbody.counter1 tr {counter-increment: tblLinesCounterA;}
tbody.counter2 tr {counter-increment: tblLinesCounterB;}
tbody.counter1 tr > td:first-child::before, tbody.counter2 tr > td:first-child::before{color: #CF2622;display: inline-block;float: left;font-weight: bold;margin: 3pt 0 0 -18pt;padding-right: 0;}
tbody.counter1 tr > td:first-child::before{content: counter(tblLinesCounterA) ".";}
tbody.counter2 tr > td:first-child::before{content: counter(tblLinesCounterB) ".";}
tbody.counter1.nomargin tr > td:first-child::before, tbody.counter2.nomargin tr > td:first-child::before {margin: -1px -5px 0px;position: absolute;}
/* data tables */
.small-headers th {font-size: 9px;font-weight: normal;}
table.display thead th:active,table.display thead td:active{outline:none}
table.dataTable{border-bottom:1px solid #000;margin-bottom: 1px;}
table.dataTable thead th, table.dataTable thead th.sorting, 
table.dataTable thead th.sorting_asc, table.dataTable thead th.sorting_desc{border-bottom:1px solid #000;font-weight:bold;cursor:pointer;padding:3px 18px 3px 10px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
table.dataTable thead th.sorting_disabled{cursor:default}
table.dataTable hr {margin: 0;padding: 0;}
.table-hover-dark > tbody > tr:hover > td, .table-hover-dark > tbody > tr:hover > th {background-color: #cecece;}
.dataTables_processing{background-color:#428BCA;border:1px solid #DDDDDD;color:#E1E3C6;display:block;font-size:16px;height: 72%;margin: -15px auto 0;min-height: 512px;opacity: 0.32;padding: 3% 0 3%;position:fixed;text-align:center;width: 96%;z-index:101010;}

/* magnificent popup */
.mfp-wrap .mfp-preloader {background: none;display: block;height:3.3em;margin: auto;width: 3.3em;}
.mfp-wrap .mfp-s-ready .mfp-preloader {display: none}
.mfp-dialog .panel {margin: -12px -21px;}
.mfp-dialog .panel-heading {padding: 6px 9px;}
.mfp-dialog-bigger {max-width: 93%;}
.mfp-dialog.mfp-has-panel button.mfp-close {margin: 6px 6px; opacity: 1}
.mfp-dialog.mfp-has-panel.primary button.mfp-close {color: #FFFFFF;}
.mfp-dialog.mfp-has-panel.info button.mfp-close {color: #428BCA;}
.mfp-dialog .panel-danger > .panel-heading {background-color: #808b8d;border-color: #ebccd1;}
.mfp-dialog .panel-danger{border-color: #808b8d;}
@media screen {
	table.floatThead-table {border-top: none; border-bottom: none; background-color: #FFF;}
	table.floatThead-table > thead > tr > th {color:#333333; background-color: #DDDDEE;}
	hr {border-color: #ccc -moz-use-text-color -moz-use-text-color;}
	span.tag > a > strong {color: #000000; text-decoration: none}
}
@media print {
	a[href]:after {content: none !important;}
	.mfp-move-from-top.mfp-ready.mfp-bg {opacity: 1;background: #FFFFFF !important;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);}
	.mfp-dialog-bigger, .mfp-dialog-big {max-width: 99% !important;}
	.mfp-dialog button.mfp-close, .mfp-dialog.mfp-has-panel.primary button.mfp-close {display: none;}
	.panel-primary {border-color: transparent !important;}
	.panel-primary > .panel-heading {background-color: transparent !important;border-color: #333;}
	.top-main-area {display: none;}
	header.main,footer.main {display: none;}
}
/* jquery autocomplete */
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { color: #428BCA; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 16px; color: #000; display: block; border-bottom: 1px solid #000; }
.table > thead > tr.va-b > th, .table > tbody > tr.va-b > th, .table > tfoot > tr.va-b > th, .table > thead > tr.va-b > td, .table > tbody > tr.va-b > td, .table > tfoot > tr > td.va-b {
vertical-align: bottom;
}
.table > thead > tr.va-m > th, .table > tbody > tr.va-m > th, .table > tfoot > tr.va-m > th, .table > thead > tr.va-m > td, .table > tbody > tr.va-m > td, .table > tfoot > tr > td.va-m {
vertical-align: middle;
}
.datepickers-container {z-index: 1111;}
div.bordered {border-width: 1pt; border-style: solid; border-radius: 0pt 6pt 1pt 0pt;}
div.bordered-info {border-color: #abd7e0; background-color: #bce8f1}
.nav-tabs.nav-tabs-info > li.active > a, .nav-tabs.nav-tabs-info > li.active > a:hover, .nav-tabs.nav-tabs-info > li.active > a:focus {
color: #0f6bb7;
border-color: #abd7e0;
}
.nav-tabs.nav-tabs-justified.nav-tabs-info > li > a {border-bottom-color: #abd7e0;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-pills > li.active > a {cursor: pointer;}

.rtl, .form-group.rtl{direction: rtl; font-size-adjust: .6}
.form-group .control-label {text-align: right}
.form-group .alert.alert-danger {padding: 5pt 6pt;margin-bottom: 0pt;}
.rtl .form-group .control-label {text-align: left}
.rtl .required:before{color:#FF3311;content:" * "; position:absolute; margin-left: 0; margin-right: -12px}
.rtl .radio input[type="radio"], .rtl .radio-inline input[type="radio"], .rtl .checkbox input[type="checkbox"], .rtl .checkbox-inline input[type="checkbox"] {float: right; margin-left: 20px; margin-right: 0px;}
.rtl .radio label, .rtl .radio-inline label, .rtl .checkbox label, .rtl .checkbox-inline label {font-family: 'Lato', 'Verdana', 'sans-serif';font-size: 15px; font-size-adjust: 0.52}

.btn-primary {background:#335271;color:#fff;border-color:#2a8fbd;}
.text-center img {width: auto; max-width: 100%;}
.datepickers-container {z-index: 1111;}

/** Bootstrap Panels **/
.panel-success  {
	border-color: #1c9975;
}
.panel-success > .panel-heading {
	color: #ffffff;
	background-color: #1c9975;
	border-color:#dff0d8;
}
/** Bootstrap Buttons **/
.btn-success {
	background: #1c9975;
	color: #d6e9c6 !important;
}
/** Bootstrap Text **/
.text-primary {
	color: #2c2d6c;
}
.text-success {
	color: #1c9975;
}
/** Flex nav **/
header.main {
	background: #1c9975;
}

@media all and (min-width: 800px) {
	header.main .flexnav li ul{
		background: #1c9975;
		width: 224px;
	}
	header.main .flexnav li > a {
		font-size: 12pt;
		height: 36pt;
		line-height: 36pt;
	}
	header.main .flexnav li.active > a {
		background: #004040;
	}
	header.main .flexnav li > a:focus, header.main .flexnav li > a:hover{
		background: #004040;
	}
	header.main .flexnav li ul li > a {
		background: #1c9975;
		border-color: #004040;
		color: #fff;
		font-size: 11pt;
		height: 30pt;
		line-height: 18pt;
	}
	header.main .flexnav li ul li > a:hover {
		background: #004040;
	}
}
header.main .flexnav ul {
	margin-top: -1px;
}
header.main .flexnav li ul li a {
	padding: 6px 9px;
}

/** Footer **/
footer.main {
	border-top: 2pt solid #1c9975;
}
footer.main p {
	color: #EFEFEF;
}
footer.main .footer-copyright {
	background: #004040;
}
/* Filepond */
div.form-group .filepond--drip {
	background: rgba(28, 153, 117, 0.9);
}
div.form-group .filepond--root {
	font-size: 1.5rem;
	line-height: 6pt;
	font-weight: 600;
}
div.form-group .filepond--root :not(text) {
	font-size: 11pt;
}