.inline-ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.inline-li {
  display: inline-block;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.inline-block {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flat-border {
  border: 1px solid #e0e0e0;
}
.etched-border {
  border-bottom: 1px solid #dedede;
  box-shadow: rgba(224, 224, 224, 0.14) 0px 1px;
}
.loadmask-msg {
  top: 0px !important;
}
body {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
body.nav-visible {
  -webkit-transform: translate3d(-75%, 0, 0);
  -moz-transform: translate3d(-75%, 0, 0);
  -ms-transform: translate3d(-75%, 0, 0);
  -o-transform: translate3d(-75%, 0, 0);
  transform: translate3d(-75%, 0, 0);
  -webkit-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -moz-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -o-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  -ms-transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
  transition: all 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.tabbable .tab-pane {
  padding: 10px;
}
.ar-rtl {
  text-align: right;
}
.ar-rtl a,
.ar-rtl li,
.ar-rtl input {
  text-align: right;
}
.site-header {
  /*background-color: #001029;*/
  margin: 0;
  /*min-height: 97px;*/
  /*border-bottom: 3px solid @theme-shade;*/
  padding-top: 10px;
}
.site-header .container {
  max-width: 1117px;
  width: 100%;
  position: relative;
  background-image: url('/Managed/Resources/images/header/header-bg.jpg');
  background-repeat: repeat-x;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
.site-header a {
  color: #007034;
  text-decoration: none;
  font-size: 14px;
}
.site-header a:hover {
  color: #004420;
}
.site-header .bg-image {
  display: block;
  margin-left: 275px;
}
.site-header .utility-bars {
  text-align: right;
  margin: 10px 5px 10px 0;
  font-family: Tahoma;
}
.site-header .utility-bars a {
  font-size: 12px;
}
.site-header .utility-bars .links-bar,
.site-header .utility-bars .search-bar,
.site-header .utility-bars .language-bar {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.site-header .utility-bars .links-bar {
  white-space: nowrap;
  margin: 0 20px 0 0;
}
.site-header .utility-bars .links-bar a {
  color: #004420;
}
.site-header .utility-bars .search-bar {
  position: relative;
}
.site-header .utility-bars .search-bar .search {
  border: 1px solid #004420;
  border-radius: 4px;
  background-color: white;
  padding: 3px 23px 3px 3px;
  width: 200px;
  height: 26px;
}
.site-header .utility-bars .search-bar .search-icon {
  position: absolute;
  left: 178px;
  top: 5px;
  background-image: url('/Managed/Resources/images/header/search.png');
  background-repeat: no-repeat;
  background-color: white;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.site-header .utility-bars .language-bar {
  color: #004420;
  white-space: nowrap;
  margin: 0 10px 0 0;
}
.site-header .utility-bars .language-bar a {
  color: #004420;
}
.site-header .desktop-view,
.site-header .mobile-view {
  /*position: absolute;
        left: 0;
        top: 0;*/
  width: 100%;
  background-color: initial;
}
.site-header .desktop-view .tbl-main {
  width: 100%;
}
.site-header .desktop-view .tbl-main .td-brand {
  min-width: 150px;
}
.site-header .desktop-view .tbl-main .td-brand a {
  margin: 0 0 0 15px;
}
.site-header .desktop-view .tbl-main .td-brand a.company-logo img {
  margin: 0 0 0 0;
}
.site-header .desktop-view .tbl-main .td-menu {
  /*width: 100%;*/
  vertical-align: bottom;
  /*.main-menu > ul > li {
                    margin: 0 10px;
                }

                .main-menu > ul > li > a {
                    font-family: 'DIN';
                    font-size: 16px;

                    img {
                        margin-top: -10px;
                    }
                }

                .main-menu {
                    .ddown-menu {
                        border: 1px solid @theme-shade;
                        background-color: #001029;
                        padding: 5px;

                        .multi-col {
                            padding: 5px;

                            ul {
                                list-style-image: url('/Content/images/arrow-right-small-gray.png');
                            }
                        }
                    }
                }*/

}
.site-header .mobile-view .tbl-main {
  width: 100%;
}
.site-header .mobile-view .tbl-main .td-brand {
  width: 100%;
  /*img {
                    width: 250px;
                }*/

}
.site-header .mobile-view .tbl-main .td-menu {
  vertical-align: middle;
}
.site-header .mobile-view .tbl-main .td-menu .menu-handle a {
  background-image: url('/Managed/Resources/images/header/menu-icon.png');
  width: 17px;
  height: 12px;
  display: block;
  margin: 15px 20px 0 0;
}
.site-header .mobile-menu-list {
  display: none;
  background-color: #efedee;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  z-index: 20;
  overflow: auto;
}
.site-header .mobile-menu-list ul ul {
  list-style-image: url('/Content/images/arrow-right-small-gray.png');
}
.mobile .site-header .bg-image {
  margin-left: initial;
  margin: 0 auto;
}
.mobile .site-header .utility-bars {
  margin-right: 20px;
}
html[lang="ar"] .search-bar .search {
  padding: 3px 3px 3px 23px !important;
  text-align: right;
}
html[lang="ar"] .search-bar .search-icon {
  left: 0 !important;
}
html[lang="ar"] .desktop-view .main-menu .ddown-menu .multi-col ul {
  margin-right: 20px;
  list-style-image: url('/Content/images/arrow-left-small.png');
}
html[lang="ar"] .mobile-menu-list > ul {
  margin-right: 20px;
}
html[lang="ar"] .mobile-menu-list > ul ul {
  list-style-image: url('/Content/images/arrow-left-small.png');
}