/* 
	Base CSS for MBH Template 
	Author: CLOUDNINE
	URL: http://www.cloudnine.gr
*/
/**
 * Table of Contents for MBH:
 *
 * 1.0 - Custom settings
 * 2.0 - Typography
 * 3.0 - Header, sidebar and footer
 * 4.0 - Content
 * 5.0 - Plugins

 * ----------------------------------------------------------------------------
 */
@font-face {
  font-family: "CorporateACondensedRegular";
  src: url("../fonts/corporateacon-reg-webfont.eot");
  src: url("../fonts/corporateacon-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/corporateacon-reg-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
/**
 * 1.0 Custom settings
 * ----------------------------------------------------------------------------
 */
html,
body {
  padding: 0;
  margin: 0;
  background: #222 !important;
  -webkit-font-smoothing: antialiased; }

/**
 * 2.0 Typography
 * ----------------------------------------------------------------------------
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "CorporateACondensedRegular", "Times New Roman", "Arial", serif !important;
  font-family: "Times New Roman", "Arial", serif;
  color: #444 !important; }

a {
  transition: all 0.1s ease-out; }

p, ul {
  font-size: 14px;
  color: #444; }

.button {
  margin: 0px; }

.button.tiny {
  font-size: 12px;
  font-weight: 500; }

small {
  font-size: 12px;
  color: #666; }

/**
 * 3.0 Header, sidebar and footer
 * ----------------------------------------------------------------------------
 */
.pf_loading {
  display: none !important; }

#myModal {
  height: 80%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  top: 10% !important; }

.reveal-modal-bg {
  position: fixed !important; }

@media only screen and (max-width: 80em) {
  #myModal {
    width: 50%; } }
@media only screen and (max-width: 60em) {
  #myModal {
    width: 70%; } }
@media only screen and (max-width: 40em) {
  #myModal {
    top: 0 !important;
    width: 100%;
    height: 100%; } }
section {
  background: #fff; }

nav section {
  background: none !important; }

#content {
  padding-top: 20px;
  padding-bottom: 20px;
  opacity: 0;
  min-height: 450px; }

@media only screen and (max-width: 40em) {
  #content {
    min-height: 0px; } }
header {
  margin-bottom: 15px; }

#sidebar {
  padding-top: 20px;
  padding-bottom: 20px;
  background: #FAFAFA; }
  #sidebar h5 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;
    margin-top: 20px; }

.panel {
  margin-top: 20px; }

.logo-mobile img {
  height: 30px; }

.top-bar .logo {
  margin-left: -1px; }
.top-bar a {
  font-size: 14px !important;
  color: #D0D0D0;
  text-transform: none; }
  .top-bar a:hover {
    color: #00A5E6; }

nav.breadcrumbs {
  border: none;
  background: none;
  padding: 0px;
  margin-top: 10px;
  margin-bottom: 20px; }
  nav.breadcrumbs span {
    line-height: 1.8em; }
  nav.breadcrumbs span:before {
    font-size: 13px;
    margin: 6px; }
  nav.breadcrumbs span:first-child:before {
    margin: 0px; }
  nav.breadcrumbs .current {
    color: #333; }
  nav.breadcrumbs .current:last-child,
  nav.breadcrumbs span:last-child {
    color: #666; }

.user-controls {
  border-left: 1px solid #3F3F3F !important; }
  .user-controls i {
    font-size: 16px;
    color: #fff;
    margin-right: 3px; }

footer {
  padding-top: 20px;
  padding-bottom: 20px; 
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
  footer ul {
    padding: 0px;
    margin: 0px; }
  footer ul.right li {
    margin-left: 10px; }
    footer ul.right li:first-child {
      margin: 0px; }
  footer li {
    display: block;
    float: left;
    font-size: 12px;
    line-height: 1.6em;
    color: #bbb; }
    footer li a {
      color: #fff;
      font-weight: normal !important; }
  footer li:last-child a:after {
    content: ""; }
  footer li a:after {
    content: " | ";
    padding-left: 6px; }
  footer li a:hover:after {
    color: #fff; }
  @media only screen and (max-width: 40em) {
    footer ul.left,
    footer ul.right {
      width: 100%; } }

.nav {
  margin: 0px;
  opacity: 0; }

.nav ul {
  margin-left: 1em; }

.nav li {
  list-style: none;
  border-bottom: 1px dotted #EFEFEF; }

.nav a {
  display: block; }

.count {
  display: inline;
  font-size: 12px; }

.nav a span {
  float: right;
  display: block;
  font-size: 11px; }

.nav a {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }

.nav li {
  margin-bottom: 5px; }

.nav ul {
  margin-left: 0;
  border-left: 3px solid #efefef; }

.nav ul > li {
  font-size: 13px;
  font-weight: normal; }

.nav li.open {
  background: #fff; }

.nav li.close {
  background: none; }

.nav li > a > span {
  float: right;
  font-size: 16px; }

.nav li > a > span:after {
  font-family: 'FontAwesome';
  content: "\f196"; }

.nav li.open > a > span:after {
  font-family: 'FontAwesome';
  content: "\f147"; }

.nav li a {
  background: #555;
  color: #fff; }
  .nav li a .count {
    color: #fff; }

.nav ul li a {
  background: none;
  color: #333; }
  .nav ul li a .count {
    color: #999; }

.nav ul li a:hover {
  text-decoration: none;
  color: #00A5E6; }

.nav ul > li.current-cat a,
.nav ul > li.current-cat a:hover {
  color: #00A5E6;
  text-decoration: none;
  cursor: default; }

.nav ul > li.current-cat a span,
.nav ul > li.current-cat a:hover span {
  cursor: pointer; }

.nav > li > a:hover,
.nav li.open > a {
  background: #00A5E6;
  color: #fff; }

.nav li.open > a:before {
  color: #fff; }

.nav li li.open > a {
  background: #efefef;
  color: #333; }

.nav li li.open > a:hover {
  text-decoration: none; }

.nav a {
  padding: 5px 15px 5px 0.8em;
  color: #333; }

.nav li li > a {
  padding-left: 1.6em; }

.nav li li li > a {
  padding-left: 2.4em; }

.nav li li li li > a {
  padding-left: 3.2em; }

.nav li li li li li > a {
  padding-left: 4em; }

.nav li li {
  margin-bottom: 0px;
  background: url(../images/arrow.png) 0.8em 9px no-repeat; }

.nav li li li {
  margin-bottom: 0px;
  background: url(../images/arrow.png) 1.6em 9px no-repeat; }

.nav li li li li {
  margin-bottom: 0px;
  background: url(../images/arrow.png) 2.4em 9px no-repeat; }

.nav li li li li li {
  margin-bottom: 0px;
  background: url(../images/arrow.png) 3.2em 9px no-repeat; }

/**
 * 4.0 Content
 * ----------------------------------------------------------------------------
 */
.pf_error {
  display: block !important;
  border-style: solid !important;
  border-width: 1px !important;
  display: block !important;
  font-weight: normal !important;
  margin-top: 30px !important;
  margin-bottom: 10px !important;
  position: relative !important;
  padding: 12px 12px 12px 70px !important;
  min-height: 60px;
  font-size: 13px !important;
  background: #F2DEDE url(../images/icon-alert.png) no-repeat 10px center !important;
  border-color: #EED3D7 !important;
  color: #333 !important; }

.pf_success {
  display: block !important;
  border-style: solid !important;
  border-width: 1px !important;
  display: block !important;
  font-weight: normal !important;
  margin-top: 30px !important;
  margin-bottom: 10px !important;
  position: relative !important;
  padding: 12px 12px 12px 70px !important;
  font-size: 13px !important;
  background: #EEFAFE url(../images/icon-success.png) no-repeat 10px center !important;
  border-color: #D6E9C9 !important;
  color: #333 !important; }

form label {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin-bottom: 5px; }
form select {
  -webkit-appearance: none !important;
  border-radius: 0 !important;
  background-color: #FAFAFA !important;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+) !important;
  background-position: 100% center !important;
  background-repeat: no-repeat !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-color: #cccccc !important;
  padding: 0.5rem !important;
  font-size: 0.875rem !important;
  font-family: Arial, Helvetica, sans-serif !important;
  color: rgba(0, 0, 0, 0.75) !important;
  line-height: normal !important;
  border-radius: 0 !important;
  height: 2.3125rem !important; }
form select::-ms-expand {
  display: none !important; }
form select:hover {
  background-color: #f3f3f3 !important;
  border-color: #999999 !important; }

.mbh-form {
  margin-top: 30px; }
  .mbh-form .container-first_name,
  .mbh-form .container-last_name,
  .mbh-form .container-user_company,
  .mbh-form .container-user_department {
    width: 50%;
    display: block;
    float: left; }
    .mbh-form .container-first_name input,
    .mbh-form .container-first_name select,
    .mbh-form .container-last_name input,
    .mbh-form .container-last_name select,
    .mbh-form .container-user_company input,
    .mbh-form .container-user_company select,
    .mbh-form .container-user_department input,
    .mbh-form .container-user_department select {
      width: 90%; }
  .mbh-form .container-user_email,
  .mbh-form .container-user_username,
  .mbh-form .container-user_pass,
  .mbh-form .container-user_terms {
    float: left;
    display: block;
    width: 100%; }
    .mbh-form .container-user_email input,
    .mbh-form .container-user_email select,
    .mbh-form .container-user_username input,
    .mbh-form .container-user_username select,
    .mbh-form .container-user_pass input,
    .mbh-form .container-user_pass select,
    .mbh-form .container-user_terms input,
    .mbh-form .container-user_terms select {
      width: 45%; }
  .mbh-form label[for=um_field_6_registrationform_retype] {
    margin-top: 20px !important; }
  .mbh-form .password_strength {
    font-size: 13px;
    padding: 6px 6px 6px 6px;
    display: block;
    width: 45%;
    margin: -15px 0 0 0 !important; }
  .mbh-form #recaptcha_widget_div {
    width: 100%;
    margin-bottom: 30px; }
  .mbh-form .um_description {
    margin-top: 5px; }
  .mbh-form .container-terms {
    margin-top: 30px; }
  .mbh-form .button {
    margin-top: 10px;
    margin-bottom: 50px; }
  .mbh-form .um_field_container p,
  .mbh-form .um_field_container ul {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 13px;
    color: #666; }
  .mbh-form .um_field_container ul {
    margin-top: -10px; }

@media only screen and (max-width: 40em) {
  .mbh-form .container-first_name,
  .mbh-form .container-last_name,
  .mbh-form .container-user_email,
  .mbh-form .container-user_company,
  .mbh-form .container-user_department,
  .mbh-form .container-user_username,
  .mbh-form .container-user_pass {
    width: 100%; }
    .mbh-form .container-first_name input,
    .mbh-form .container-first_name select,
    .mbh-form .container-last_name input,
    .mbh-form .container-last_name select,
    .mbh-form .container-user_email input,
    .mbh-form .container-user_email select,
    .mbh-form .container-user_company input,
    .mbh-form .container-user_company select,
    .mbh-form .container-user_department input,
    .mbh-form .container-user_department select,
    .mbh-form .container-user_username input,
    .mbh-form .container-user_username select,
    .mbh-form .container-user_pass input,
    .mbh-form .container-user_pass select {
      width: 100%; } }
.login-box {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px 15px 15px 15px;
  right: 0; }
  .login-box.frontpage {
    margin-top: -45px; }
    @media only screen and (max-width: 40em) {
      .login-box.frontpage {
        margin-top: 0px; } }

#login h4 {
  font-size: 20px; }
#login input {
  font-size: 13px !important; }
#login .button {
  margin-bottom: 0px; }
#login small a {
  width: 100%;
  display: block;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px; }
#login input[data-invalid] {
  border: 1px solid red !important;
  margin-bottom: 16px; }

#slider {
  width: 100%;
  height: 515px; }
  @media only screen and (min-width: 40.063em) and (max-width: 64em) {
    #slider {
      height: 350px; } }
  @media only screen and (max-width: 40em) {
    #slider {
      height: 250px; } }
  #slider .caption {
    margin-top: 30px;
    margin-left: 15px;
    margin-right: 15px; }
  #slider h2 {
    font-size: 2em;
    line-height: 0.8em;
    color: #444; }
  #slider .desc {
    color: #444;
    margin-top: 90px; }
    #slider .desc p {
      font-size: 16px; }

.promo-box {
  padding-top: 30px;
  padding-bottom: 30px; }
  .promo-box.bg1 {
    padding-top: 20px;
    background: #f0f0f0 url(../images/shadow-top.png) center 1px no-repeat; }
  .promo-box.bg2 {
    padding-top: 20px;
    background: #fff url(../images/shadow-top.png) center 1px no-repeat; }
  .promo-box .bg2 {
    background: transparent url(../images/spare-parts.gif) right bottom no-repeat;
    background-size: 40%; }
  .promo-box .button {
    margin: 0px; }

.pagination-centered {
  margin-top: 20px; }

.accordion.document {
  margin-left: 0px;
  border-bottom: 1px solid #efefef; }
  .accordion.document .toggle table, .accordion.document .toggle td {
    width: 100%;
    border: none;
    background: transparent;
    margin: 0px;
    padding: 0px; }
  .accordion.document h4.doc-title {
    width: 100%;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 0px;
    color: #333; }
    .accordion.document h4.doc-title span {
      color: #888;
      font-style: italic;
      white-space: nowrap;
      font-size: 12px; }
  .accordion.document .accordion-navigation a {
    background: #fff; }
  .accordion.document .accordion-navigation a.toggle {
    padding: 8px 10px 3px 10px !important; }
  .accordion.document .accordion-navigation:hover a.toggle {
    background: #EFEFEF; }
    .accordion.document .accordion-navigation:hover a.toggle .doc-title {
      color: #000; }
  .accordion.document .accordion-navigation.active a.toggle {
    background: #EFEFEF; }
    .accordion.document .accordion-navigation.active a.toggle .doc-title {
      color: #000; }
  .accordion.document .accordion-icon:before {
    font-family: 'FontAwesome';
    font-size: 22px;
    content: "\f107";
    font-style: normal; }
  .accordion.document .active .accordion-icon:before {
    font-family: 'FontAwesome';
    font-size: 22px;
    content: "\f106";
    font-style: normal; }
  .accordion.document .content {
    background: #FAFAFA !important; }
  .accordion.document .doc-desc p {
    display: block !important;
    width: 100% !important;
    clear: both;
    margin-bottom: 0px !important;
    font-size: 13px !important; }
  .accordion.document ul.fileslist {
    margin: 0px;
    padding: 0px; }
  .accordion.document li.file {
    list-style: none;
    list-style-type: none;
    border-bottom: 1px dotted #ccc;
    padding: 3px; }
    .accordion.document li.file:last-child {
      border: none; }
    .accordion.document li.file table {
      width: 100%;
      border: none;
      background: none; }
    .accordion.document li.file a {
      font-size: 0.9em;
      background: none; }
    .accordion.document li.file .file-desc {
      font-size: 0.8em;
      color: #666; }

table.documents a.doc-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.0em;
  font-weight: 500; }
table.documents .file-desc {
  font-size: 0.8em;
  color: #666; }
table.documents .button {
  margin: 0px;
  width: 120px; }

#spare-parts #result {
  margin-top: 30px;
  font-size: 13px; }
  #spare-parts #result img {
    margin-right: 5px; }

/**
 * 5.0 Plugins
 * ----------------------------------------------------------------------------
 */
#um_resetpassword_form {
  background: none !important;
  border: none !important;
  margin: -10px 0 0 0 !important;
  padding: 0px !important; }
  #um_resetpassword_form h2 {
    display: none; }
  #um_resetpassword_form .password_strength {
    font-size: 13px;
    padding: 6px 6px 6px 6px;
    display: block;
    margin: -15px 0 0 0 !important; }