@font-face {
	font-family: "DIN Next LT Arabic";
  src: url("../fonts/DINNextLTArabic-Regular.woff2") format("woff2"), 
  url("../fonts/DINNextLTArabic-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: "DIN Next LT Arabic";
  src: url("../fonts/DINNextLTArabic-Bold.woff2") format("woff2"), 
  url("../fonts/DINNextLTArabic-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal
}
@font-face {
	font-family: "DIN Next LT Arabic Ultra";
  src: url("../fonts/DINNextLTArabic-UltraLight.woff2") format("woff2"), 
  url("../fonts/DINNextLTArabic-UltraLight.woff") format("woff");
	font-weight: 200;
	font-style: normal
}
@font-face {
	font-family: "DIN Next LT Arabic";
  src: url("../fonts/DINNextLTArabic-Light.woff2") format("woff2"), 
  url("../fonts/DINNextLTArabic-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal
}

@font-face {
	font-family: "DIN Next LT Arabic";
  src: url("../fonts/DINNextLTArabic-Medium.woff2") format("woff2"), 
  url("../fonts/DINNextLTArabic-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: "DIN Next LT Pro";
  src: url("../fonts/DINNextLTPro-Light.woff2") format("woff2"), 
  url("../fonts/DINNextLTPro-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: "DIN Next Arabic";
  src: url("../fonts/DINNextArabic-Bold.woff2") format("woff2"),
   url("../fonts/DINNextArabic-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal
}

@font-face {
	font-family: "DIN Next Arabic";
  src: url("../fonts/DINNextArabic-Ultralight.woff2") format("woff2"), 
  url("../fonts/DINNextArabic-Ultralight.woff") format("woff");
	font-weight: 200;
	font-style: normal
}

@font-face {
	font-family: "DIN Next Arabic";
  src: url("../fonts/DINNextArabic-Heavy.woff2") format("woff2"), 
  url("../fonts/DINNextArabic-Heavy.woff") format("woff");
	font-weight: 900;
	font-style: normal
}
@font-face {
	font-family: "DIN Next LT Pro";
  src: url("../fonts/DINNextLTPro-Regular.woff2") format("woff2"), 
  url("../fonts/DINNextLTPro-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal
}

@font-face {
	font-family: "DIN Next Arabic";
  src: url("../fonts/DINNextArabic-Light.woff2") format("woff2"), 
  url("../fonts/DINNextArabic-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal
}
body.rtl{
	font-family: "DIN Next LT Arabic";
}
.navbar-default {
     background: var(--primary-color);
     background: -webkit-gradient(linear, left top, right top, from(var(--primary-color)), color-stop(100%, var(--secondary-color)));
     background: linear-gradient(to right, var(--primary-color) 0, var(--secondary-color) 100%);
}
 #content {
     padding-bottom: 47vh;
     width: 100%;
}
 #wrapper {
     margin: 0px;
}
 .navbar {
     margin-bottom: 0px;
}
 .navbar {
     z-index: 2;
}
 body .dropdown-menu:not(.colorpicker) {
     z-index: 9999!important;
}
 ::-webkit-scrollbar {
     width: 10px!important;
}
/* Track */
 ::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)!important;
     -webkit-border-radius: 10px!important;
     border-radius: 10px!important;
}
/* Handle */
 ::-webkit-scrollbar-thumb {
     -webkit-border-radius: 10px!important;
     border-radius: 10px!important;
     background: #eee!important;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5)!important;
     min-height: 30px!important;
}
 ::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(0, 0, 0, 0.7)!important;
}
 .btn-info {
     height: 40px;
     color: #fff;
     background-color: var(--primary-color);
     border: 0;
}
 .btn-info:hover {
     height: 40px;
     color: #fff;
     background-color: var(--secondary-color);
     border: 0;
}
.navbar a.navbar-brand {
    padding: 0px 0 8px 0;
} 
body.customers .navbar-nav>li>a, body.customers .navbar-default .navbar-nav>li>a {
    padding: 14px 10px; 
}
body.customers .navbar a.navbar-brand img ,
.register .navbar a.navbar-brand img ,
.customers_login .navbar a.navbar-brand img {
    width: auto;
    height: 65px;
    padding: 10px 0 0 0;
}
body.customers .navbar-default,
.register .navbar-default,
.customers_login .navbar-default{
    background: #f7f7f7;	
}
body.customers .navbar-default .navbar-nav > li > a ,
.register .navbar-default .navbar-nav > li > a ,
.customers_login .navbar-default .navbar-nav > li > a {
    color: #000;
    line-height: 22px;
    font-size: 15px;
}
body.customers #theme-navbar-collapse ul.navbar-right ,
body.customers.register #theme-navbar-collapse ul.navbar-right ,
body.customers.customers_login #theme-navbar-collapse ul.navbar-right {
	margin: 10px 0 0 0;
}

body.customers .navbar-default .navbar-nav>li.customers-nav-item-login>a ,
.register .navbar-default .navbar-nav>li.customers-nav-item-login>a ,
.customers_login .navbar-default .navbar-nav>li.customers-nav-item-login>a {
    display: inline-block;
}