body {
  padding-left: 240px;
}

.pageModules-root {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* -------------------------------------------------------------------- */
/* HEADER                                                               */

header {
  width: 240px;
  box-sizing: border-box;
  border-right: 4px solid #005447;
  position: fixed !important;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
}

/* -------------------------------------------- */
/* LOGO                                         */

header .logo {
  flex: 0 1 auto;
  margin: 0 20px 40px 20px;
}

header .logo .container,
header .logo .container-fluid {
  padding: 0;
}

header .logo + .nav {
  margin-top: 40px;
}

header .nav + .logo {
  margin-bottom: 40px;
}

/* -------------------------------------------- */
/* NAV                                          */

header .nav {
  padding: 20px 0;
  box-sizing: border-box;
  overflow: hidden;
  overflow-y: auto;
  flex: 1 1 auto;
}

header .nav .container {
  padding: 0;
}

header .nav ul li {
  flex: 0 1 100%;
}

header .nav a {
  transition: padding 0.3s ease-in-out, color 0.3s ease-in-out;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}

header .nav a:after {
  width: 20px;
  height: 1px;
  background: #8F8F8F;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  transition: left 0.3s ease-in-out;
  content: '';
}

header .nav a:hover,
header .nav a.active {
  padding-left: 30px;
}

header .nav a:hover:after,
header .nav a.active:after {
  background: #000000;
  left: 0px;
}

/* -------------------------------------------------------------------- */
/* MAIN                                                                 */

main {
  flex: 1 1 auto;
}

/* -------------------------------------------------------------------- */
/* FOOTER                                                               */

footer {
  color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
}

footer section {
  background: none;
}

footer .quicklinks a {
  color: #707070;
  text-decoration: none;
}

/* -------------------------------------------------------------------- */
/* FORM                                                                 */

/* -------------------------------------------- */
/* FORM - INPUT                                 */

input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="number"],
input[type="tel"],
input[type="date"],
input[type="time"] {
  border-radius: 0;
}

/* -------------------------------------------- */
/* FORM - SELECT                                */

select {
  border-radius: 0;
}

/* -------------------------------------------- */
/* FORM - TEXTAREA                              */

textarea {
  border-radius: 0;
}

/* -------------------------------------------------------------------- */
/* BUTTON                                                               */

.btn-default {
  background: #ffffff;
  border: 2px solid #000000;
  border-radius: 0;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

.btn-default:hover {
  background: #000000;
  border: 2px solid #000000;
  color: #ffffff;
}

.btn-style1 {
  font-weight: bold;
}

/* -------------------------------------------------------------------- */
/* PROGRESS NAV                                                         */

.progressnav ol li.active .step {
  background: #000000;
}

.progressnav-progressbar {
  border-radius: 0;
}

.progressnav-progress {
  background: #005447;
}

/* -------------------------------------------------------------------- */
/* TAB                                                                  */

.tabs {
  border-bottom: 1px solid #333333;
}

.tab {
  border-radius: 0;
}

.tab.active {
  border: 1px solid #333333;
  border-bottom: 0;
}

/* -------------------------------------------------------------------- */
/* PARTICIPANT LIST                                                     */

.participantlist .participant {
  border-radius: 0;
}

/* -------------------------------------------------------------------- */
/* AGENDA                                                               */

.agenda-vertical .activity {
  border-radius: 0;
}

/* -------------------------------------------------------------------- */
/* CART                                                                 */

.cart {
  border-radius: 0;
}

.cart .eventinfo {
  border-radius: 0;
}

/* -------------------------------------------------------------------- */
/* REGISTRATION                                                         */

.reg-group {
  border-radius: 0;
}

.reg-header {
  border-radius: 0;
}

.reg-content {
  border-radius: 0;
}

/* -------------------------------------------------------------------- */
/* INVOICE                                                              */

.invoice .invoice-group {
  border-radius: 0;
}

@media only screen and (max-width: 1024px) {  
  /* -------------------------------------------------------------------- */
  /* LOGO                                                                 */

  .logo {
    margin-bottom: 10px;
  }

  header .logo + .nav {
    margin-top: 10px;
  }

  header .nav + .logo {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  body {
    padding-left: 0;
  }

  /* -------------------------------------------------------------------- */
  /* HEADER                                                               */

  header {
    width: auto;
    border: 0;
    border-bottom: 2px solid #005447;
    position: static!important;
  }
  
  /* -------------------------------------------- */
  /* LOGO                                         */
  
  header .logo {
    margin: 0;
  }
}

@media only screen and (max-width: 480px) {

}