/* Variables */
/* Row */
/* Column */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
/*------------------------------------*\
    # Simple Typography Settings
\*------------------------------------*/
/*------------------------------------*\
    # Type
\*------------------------------------*/
html, body {
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

h1, h2, h3, h4, h5, h6 {
  margin: 36px 0 24px 0;
  color: #273636;
  line-height: 1.25em;
  font-weight: 400; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.53846rem; }

h3 {
  font-size: 1.33333rem; }

h4 {
  font-size: 1.17647rem; }

h5 {
  font-size: 1.11111rem; }

h6 {
  font-size: 1rem; }

p {
  margin-top: 20px;
  font-size: 1rem;
  line-height: 1.5em;
  color: #505050; }
  p:first-of-type {
    margin-top: 0; }

a {
  color: #00a95c;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  a:hover {
    color: #007640; }

ul, ol {
  margin: 20px 0 0 20px; }
  ul li, ol li {
    margin-top: 10px; }
  ul ul, ul ol, ol ul, ol ol {
    margin-top: 0; }

ul li {
  list-style: disc; }
ul ul li {
  list-style: circle; }

ol li {
  list-style: decimal; }

hr {
  height: 1px;
  margin: 30px 0;
  border: none;
  background-color: #DADADA; }

blockquote {
  margin: 30px 0;
  font-size: 1.4375rem;
  line-height: 1.5em;
  color: #505050;
  text-align: center;
  font-style: italic; }

table {
  width: 100%;
  margin: 30px 0;
  border-collapse: collapse; }

table, td, th {
  border: 1px solid #DADADA;
  text-align: left; }

th {
  font-weight: 800; }

th, td {
  padding: 15px; }

figure {
  margin: 30px 0; }
  figure img {
    margin: 0; }

figcaption {
  margin-top: 10px;
  color: #6a6a6a;
  font-size: 16px; }

pre {
  display: block;
  margin: 0 0 40px 0;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #DADADA;
  overflow: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  pre code {
    position: static;
    padding: 0;
    border: none;
    line-height: 1.5em; }

code {
  position: relative;
  top: -0.2em;
  padding: 3px;
  font-family: Courier New, Courier, monospace;
  font-size: 0.71429rem;
  color: #747474;
  line-height: 1em;
  pointer-events: none;
  border: 1px solid #DADADA;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

em, i, .italic {
  font-style: italic; }

strong, b, .bold {
  font-weight: 800; }

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body {
  background-color: #fff;
  margin-bottom: 90px; }

header {
  width: 100%;
  background-color: #489161; }
  header::after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0; }

.noselect, .side-nav-parent label {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
                   /* Non-prefixed version, currently
supported by Chrome and Opera */ }

.text-left {
  text-align: left; }
.text-right {
  text-align: right; }
.text-center {
  text-align: center; }

.margin {
  margin-bottom: 20px;
  margin-top: 20px; }
  .margin-top {
    margin-top: 20px !important; }
  .margin-bottom {
    margin-bottom: 20px !important; }
  .margin-left {
    margin-left: 20px !important; }
  .margin-right {
    margin-right: 20px !important; }
  .margin-small {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
    .margin-small-top {
      margin-top: 10px !important; }
    .margin-small-bottom {
      margin-bottom: 10px !important; }
    .margin-small-left {
      margin-left: 10px !important; }
    .margin-small-right {
      margin-right: 10px !important; }
  .margin-medium {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }
    .margin-medium-top {
      margin-top: 40px !important; }
    .margin-medium-bottom {
      margin-bottom: 40px !important; }
    .margin-medium-left {
      margin-left: 40px !important; }
    .margin-medium-right {
      margin-right: 40px !important; }
  .margin-large {
    margin-bottom: 70px !important;
    margin-bottom: 70px !important; }
    .margin-large-top {
      margin-top: 70px !important; }
    .margin-large-bottom {
      margin-bottom: 70px !important; }
    .margin-large-left {
      margin-left: 70px !important; }
    .margin-large-right {
      margin-right: 70px !important; }
  .margin-auto {
    margin-left: auto;
    margin-right: auto; }

a {
  color: #1e87f0; }
  a:hover {
    color: #0f6ecd; }

.content {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%; }
  .content:before, .content:after {
    content: '';
    display: table; }
  .content:after {
    clear: both; }
  .content-small {
    max-width: 300px; }
  .content-medium {
    margin-left: auto;
    margin-right: auto;
    max-width: 1022px; }

.alert {
  display: block;
  position: relative;
  padding: 15px 29px 15px 15px;
  color: #666;
  background-color: #f8f8f8;
  margin-bottom: 20px; }
  .alert > :last-child {
    margin-bottom: 0; }
  .alert-primary {
    background-color: #d1e3d7;
    color: #489161; }
  .alert-success {
    background-color: #edfbf6;
    color: #32d296; }
  .alert-warning {
    background-color: #fef5ee;
    color: #faa05a; }
  .alert-danger {
    background-color: #fef4f6;
    color: #f0506e; }
  .alert-close {
    position: absolute;
    top: 15px;
    right: 15px; }

.input {
  overflow: visible;
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  line-height: 40px; }
  .input[type="number"] {
    padding-right: 0; }
  .input[type="search"]::-webkit-search-cancel-button, .input::-webkit-search-decoration {
    -webkit-appearance: none; }
  .input[type="number"]::-webkit-inner-spin-button, .input[type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .input::-moz-placeholder, .input::-moz-placeholder {
    opacity: 1; }
  .input.form-width-xsmall {
    width: 40px; }

.select.form-width-xsmall {
  width: 65px; }

.radio, .checkbox {
  display: inline-block;
  padding: 0;
  height: 16px;
  width: 16px;
  overflow: hidden;
  margin-top: -4px;
  vertical-align: middle;
  padding-right: 10px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 1px solid #cccccc;
  transition: 0.2s ease-in-out;
  transition-property: background-color, border;
  -webkit-appearance: none; }
  .radio:not(disabled), .checkbox:not(disabled) {
    cursor: pointer; }
  .radio:focus, .checkbox:focus {
    border-color: #489161;
    outline: none; }
  .radio:checked, .radio:indeterminate, .checkbox:checked, .checkbox:indeterminate {
    border-color: transparent;
    background-color: #489161; }
  .radio:checked:focus, .radio:indeterminate:focus, .checkbox:checked:focus, .checkbox:indeterminate:focus {
    background-color: #376f4a; }
  .radio:disabled, .checkbox:disabled {
    border-color: #e5e5e5;
    background-color: #f8f8f8; }

.radio {
  border-radius: 50%; }
  .radio:checked {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%3E%3C%2Fcircle%3E%0A%3C%2Fsvg%3E"); }

.checkbox:checked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%2F%3E%0A%3C%2Fsvg%3E"); }
.checkbox:indeterminate {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%3E%3C%2Frect%3E%0A%3C%2Fsvg%3E"); }

.fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.input, .select, .textarea {
  box-sizing: border-box;
  max-width: 100%;
  width: 100%;
  border: 0 none;
  padding: 0 6px;
  background: #fff;
  color: #666;
  border: 1px solid #e5e5e5;
  transition: 0.2s ease-in-out;
  transition-property: color, background-color, border;
  -webkit-appearance: none; }

.select:not([mulitple]):not([size]) {
  height: 40px;
  vertical-align: middle;
  display: inline-block;
  line-height: 40px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%224%201%201%206%207%206%22%3E%3C%2Fpolygon%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%224%2013%201%208%207%208%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
  background-position: 100% 50%;
  background-repeat: no-repeat; }

.select[multiple], .select[size], .textarea {
  padding-top: 4px;
  padding-bottom: 4px;
  vertical-align: top; }

.input:focus, .select:focus, .textarea:focus {
  outline: 0;
  border-color: #489161;
  background-color: #fff;
  color: #666; }
.input:disabled, .select:disabled, .textarea:disabled {
  border-color: #e5e5e5;
  background-color: #f8f8f8;
  color: #666; }

.input:-ms-input-placeholder, .input:-moz-placeholder, .input:-webkit-input-placeholder, .textarea:-ms-input-placeholder, .textarea:-moz-placeholder, .textarea:-webkit-input-placeholder {
  color: #999; }

.form-stacked .form-label {
  display: block;
  margin-bottom: 10px; }
.form-horizontal::after {
  content: " ";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0; }
.form-horizontal .form-label {
  width: 200px;
  margin-top: 7px;
  float: left; }
.form-row {
  margin-left: -1.5%;
  margin-right: -1.5%; }
  .form-row:before, .form-row:after {
    content: '';
    display: table; }
  .form-row:after {
    clear: both; }
.form-col {
  float: left;
  width: 100%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 97%; }
.form-2col {
  float: left;
  width: 50%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 47%; }
.form-3col {
  float: left;
  width: 33.33333%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 30.33333%; }
.form-4col {
  float: left;
  width: 25%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 22%; }
.form-detail {
  display: block;
  font-size: 11px; }
  .form-detail span {
    color: #333;
    margin-right: 5px; }

.form-small {
  font-size: 0.875rem; }
  .form-small:not(textarea):not([multiple]):not([size]) {
    height: 30px;
    line-height: 28px; }

.form-large {
  font-size: 1.5em; }
  .form-large:not(textarea):not([mulitple]):not([size]) {
    height: 55px;
    line-height: 53px; }

.form-danger, .form-danger:focus {
  border-color: #f0506e;
  color: #f0506e; }

.form-success, .form-success:focus {
  border-color: #32d296;
  color: #32d296; }

.form-blank {
  border-color: none;
  background: none; }
  .form-blank:focus {
    border-color: #e5e5e5;
    border-style: dashed; }

.form-width-small {
  width: 130px; }

.form-width-medium {
  width: 200px; }

.form-width-large {
  width: 500px; }

.legend {
  width: 100%;
  color: inherit;
  padding: 0;
  font-size: 1.5em;
  line-height: 1.4; }

.form-stacked, .form-label {
  display: block;
  margin-bottom: 10px; }

.form-label span {
  margin-left: 5px;
  font-size: .8em; }
.form-label.required:after {
  content: "*";
  padding-left: 5px;
  color: #ff0000; }

.form-label {
  color: #333;
  font-size: 0.875rem; }

.button {
  position: relative;
  margin: 0;
  margin-bottom: 10px;
  border: none;
  overflow: visible;
  text-transform: none;
  display: inline-block;
  padding: 0 20px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  background-color: #f8f8f8;
  color: #333;
  padding: 0 30px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #e2e2e2; }
  .button-animate i {
    transition: transform .5s; }
  .button-animate:hover i {
    transform: rotate(360deg); }
  .button i {
    position: relative;
    float: left;
    line-height: 40px;
    left: -5px;
    transition: transform .5s; }
  .button:focus {
    outline: none; }
  .button:hover {
    transform: translatey(-1px);
    background-color: #ebebeb; }
  .button:active {
    background-color: #dfdfdf; }
  .button-primary {
    color: #fff;
    background-color: #489161; }
    .button-primary:hover {
      transform: translatey(-1px);
      background-color: #408056;
      color: #fff; }
    .button-primary:active {
      background-color: #376f4a; }
  .button-secondary {
    color: #fff;
    background-color: #222; }
    .button-secondary:hover {
      color: #fff !important;
      transform: translatey(-1px);
      background-color: #151515; }
    .button-secondary:active {
      background-color: #090909; }
  .button-success {
    color: #fff;
    background-color: #32d296; }
    .button-success:hover {
      transform: translatey(-1px);
      background-color: #2ac088; }
    .button-success:active {
      background-color: #26ab79; }
  .button-warning {
    color: #fff;
    background-color: #faa05a; }
    .button-warning:hover {
      transform: translatey(-1px);
      background-color: #f99241; }
    .button-warning:active {
      background-color: #f98429; }
  .button-danger {
    color: #fff;
    background-color: #f0506e; }
    .button-danger:hover {
      transform: translatey(-1px);
      background-color: #ee395b; }
    .button-danger:active {
      background-color: #ec2147; }

#wrapper {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  #wrapper:before, #wrapper:after {
    content: '';
    display: table; }
  #wrapper:after {
    clear: both; }

.navSection {
  position: relative;
  z-index: 2;
  float: left; }
  .navSection::after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0; }
  .navSection > ul {
    display: inline-block;
    margin: 0;
    padding: 0; }
  .navSectionItem {
    position: relative;
    display: inline-block;
    list-style: none;
    padding: 0 15px;
    margin: 0;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border-left: 1px solid shade(#489161, 10); }
    .navSectionItem input[type=checkbox] {
      display: none; }
    .navSectionItem:hover {
      background-color: shade(#489161, 3);
      cursor: pointer; }
    .navSectionItem:hover > .dropdownContainer {
      display: block; }
    .navSectionItem label {
      display: inline-block; }
    .navSectionItem a {
      display: inline-block;
      color: #fff; }
  .navSectionItemTitle {
    display: inline-block; }
  .navSectionDropdown:after {
    position: relative;
    content: '';
    border: solid #264d33;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 15px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: -3px; }
  .navSection i {
    vertical-align: middle;
    margin-right: 5px; }
  .navSection .dropdownContainer {
    display: none;
    position: absolute;
    width: 500px;
    padding-top: 10px;
    left: 0; }
    .navSection .dropdownContainer::after {
      content: " ";
      display: block;
      clear: both;
      visibility: hidden;
      height: 0; }
    .navSection .dropdownContainer > * > ul {
      width: 100%;
      margin: 0;
      padding: 5px 15px;
      text-transform: none;
      line-height: 2rem; }
    .navSection .dropdownContainer.small {
      width: 300px; }
    .navSection .dropdownContainer.medium {
      width: 600px; }
    .navSection .dropdownContainer.large {
      width: 800px; }
  .navSection .dropdownBackground {
    background-color: #ffffff;
    border-radius: 4px;
    box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
    padding-bottom: 15px; }
  .navSection .dropdownArrow {
    position: absolute;
    left: 50%;
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px; }
  .navSectionSubItem {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 1em;
    font-weight: 500; }
    .navSectionSubItem a {
      display: block;
      color: #489161; }
      .navSectionSubItem a:hover {
        color: shade(#489161, 45); }
  .navSection .title {
    color: #222;
    padding: 15px 15px 10px 15px;
    line-height: normal; }

aside {
  float: left;
  width: 18.75%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 15.75%;
  min-height: 900px;
  margin-bottom: 30px;
  margin-top: 40px; }

.side-nav {
  margin: 0;
  padding: 0;
  position: relative; }
  .side-nav-item {
    list-style: none; }
  .side-nav-parent {
    list-style: none; }
    .side-nav-parent ul {
      position: relative;
      margin: 0;
      padding: 5px 0 5px 15px; }
    .side-nav-parent li {
      list-style: none; }
    .side-nav-parent label {
      display: block;
      border-bottom: 1px solid #efefef;
      cursor: pointer;
      line-height: 40px; }
      .side-nav-parent label:after {
        position: absolute;
        font-family: 'Material Icons';
        content: "\E145";
        color: #489161;
        width: 40px;
        height: 40px;
        vertical-align: midde;
        right: 0;
        text-align: center; }
    .side-nav-parent > input[type='checkbox'] {
      display: none; }
      .side-nav-parent > input[type='checkbox'] ~ ul {
        display: none; }
    .side-nav-parent > input[type='checkbox']:checked ~ label:after {
      content: "\E15B"; }
    .side-nav-parent > input[type='checkbox']:checked ~ ul {
      display: block; }

.contentContainer {
  float: left;
  width: 100%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  width: 97%;
  background-color: #fff;
  margin-bottom: 30px; }

.container {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .container:before, .container:after {
    content: '';
    display: table; }
  .container:after {
    clear: both; }

.customer {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto; }
  .customer:before, .customer:after {
    content: '';
    display: table; }
  .customer:after {
    clear: both; }
  .customer .twocol {
    float: left;
    width: 50%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 47%; }
  .customer .threecol {
    float: left;
    width: 33.33333%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    width: 30.33333%; }

/*# sourceMappingURL=style.css.map */