/* Note to User: This CSS file is compiled by SASS. It should not be edited directly. If you are unfamiliar with SASS,you should take some time to understand its operation. If you do not understand how this file works, you will find yourself frustrated and risk your code being overwritten. */
/* Resets */
body {
  margin: 0;
  padding: 0; }

section, footer, header, nav, aside, div, ul, li, main {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure, figcaption {
  margin: 0;
  padding: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ul {
  list-style: none; }

caption {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%; }

legend {
  color: #000; }

#yui3-css-stamp.cssreset {
  display: none; }

button:focus {
  outline: 0; }

button {
  outline: 0; }

button:hover {
  cursor: pointer; }

button {
  border: none; }

button {
  background-repeat: no-repeat;
  background-position: center; }

/*
:::::::::::: Break Points ::::::::::::
*/
/*
::::::::::::::: Floats :::::::::::::::
*/
.floatLeft {
  float: left !important;
  clear: none !important; }

.floatRight {
  float: right !important;
  clear: none !important; }

.floatNone {
  float: none !important; }

/*
::::::::::::: Containers :::::::::::::
*/
main {
  overflow: hidden;
  padding-top: 1.5em;
  padding-bottom: 1.5em; }

section {
  width: 100% !important;
  overflow: hidden !important; }
  section div {
    float: left;
    width: 100%;
    overflow: hidden !important; }
  section aside {
    width: 100%; }

.wrap {
  width: 98%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  float: none !important;
  overflow: hidden; }

/*
:::::::::::: Break Points ::::::::::::
*/
@media only screen and (max-width: 767px) {
  .sm100 {
    width: 100% !important; }

  .sm0 {
    display: none; }

  main {
    padding: 1em 0; } }
@media only screen and (min-width: 768px) {
  .md100 {
    width: 100% !important; }

  .md90 {
    width: 90% !important; }

  .md80 {
    width: 80% !important; }

  .md75 {
    width: 75% !important; }

  .md70 {
    width: 70% !important; }

  .md60 {
    width: 60% !important; }

  .md50 {
    width: 50% !important; }

  .md40 {
    width: 40% !important; }

  .md33 {
    width: 33.33% !important; }

  .md30 {
    width: 30% !important; }

  .md25 {
    width: 25% !important; }

  .md20 {
    width: 20% !important; }

  .md10 {
    width: 10% !important; }

  .md0 {
    display: none !important; }

  .md50:first-child {
    padding-left: 0 !important; }

  .md50:last-child {
    padding-right: 0 !important; }

  main {
    padding: 1em 0; } }
@media only screen and (min-width: 992px) {
  .lg100 {
    width: 100% !important; }

  .lg90 {
    width: 90% !important; }

  .lg80 {
    width: 80% !important; }

  .lg75 {
    width: 75% !important; }

  .lg70 {
    width: 70% !important; }

  .lg60 {
    width: 60% !important; }

  .lg50 {
    width: 50% !important; }

  .lg40 {
    width: 40% !important; }

  .lg35 {
    width: 35% !important; }

  .lg33 {
    width: 33.33% !important; }

  .lg30 {
    width: 30% !important; }

  .lg26 {
    width: 26% !important; }

  .lg25 {
    width: 25% !important; }

  .lg24 {
    width: 24% !important; }

  .lg38 {
    width: 38% !important; }

  .lg37 {
    width: 37% !important; }

  .lg20 {
    width: 20% !important; }

  .lg10 {
    width: 10% !important; }

  .lg0 {
    display: none !important; }

  main {
    padding: 1em 0; } }
@media only screen and (min-width: 1100px) {
  .xl100 {
    width: 100% !important; }

  .xl90 {
    width: 90% !important; }

  .xl80 {
    width: 80% !important; }

  .xl75 {
    width: 75% !important; }

  .xl70 {
    width: 70% !important; }

  .xl65 {
    width: 65% !important; }

  .xl60 {
    width: 60% !important; }

  .xl55 {
    width: 55% !important; }

  .xl50 {
    width: 50% !important; }

  .xl45 {
    width: 45% !important; }

  .xl40 {
    width: 40% !important; }

  .xl38 {
    width: 38% !important; }

  .xl37 {
    width: 37% !important; }

  .xl33 {
    width: 33.33% !important; }

  .xl30 {
    width: 30% !important; }

  .xl26 {
    width: 26% !important; }

  .xl25 {
    width: 25% !important; }

  .xl20 {
    width: 20% !important; }

  .xl10 {
    width: 10% !important; }

  .xl0 {
    display: none !important; }

  main {
    padding: 1em 0; } }
@media only screen and (min-width: 1200px) {
  .xxl100 {
    width: 100% !important; }

  .xxl90 {
    width: 90% !important; }

  .xxl80 {
    width: 80% !important; }

  .xxl75 {
    width: 75% !important; }

  .xxl70 {
    width: 70% !important; }

  .xxl65 {
    width: 65% !important; }

  .xxl60 {
    width: 60% !important; }

  .xxl55 {
    width: 55% !important; }

  .xxl50 {
    width: 50% !important; }

  .xxl45 {
    width: 45% !important; }

  .xxl40 {
    width: 40% !important; }

  .xxl38 {
    width: 38% !important; }

  .xxl37 {
    width: 37% !important; }

  .xxl33 {
    width: 33.33% !important; }

  .xxl30 {
    width: 30% !important; }

  .xxl26 {
    width: 26% !important; }

  .xxl25 {
    width: 25% !important; }

  .xxl20 {
    width: 20% !important; }

  .xxl10 {
    width: 10% !important; }

  .xxl0 {
    display: none !important; }

  main {
    padding: 1.5em 0 0 0; } }
/*
:::::::::::: Borders ::::::::::::
*/
/*
:::::::::::: Colors ::::::::::::
*/
/*
:::: Body ::::
*/
/*
:::: Asides ::::
*/
/*
:::: Links ::::
*/
/*
:::: Buttons ::::
*/
body {
  background-color: #efefef; }

/*
::::::::::::::::::::::::::::::::::::::
::::::::::::: Typography :::::::::::::
::::::::::::::::::::::::::::::::::::::
*/
/*
:::::::::: Set Base Font Size ::::::::
*/
/*
:::::::::: Set Font Stacks :::::::::::
*/
/*
:::::: Color Weight Stack h1-h6 ::::::
*/
/*
:::::::: Color Weight Stack p ::::::::
*/
/*
::::::: Color Weight Stack ul ::::::::
*/
/*
:::::: Set Cite Color And Style ::::::
*/
/*
::::::::::::: Alignments :::::::::::::
*/
.center {
  text-align: center; }

.left {
  text-align: left; }

.right {
  text-align: right; }

/*
::::::::: Weights and Styles :::::::::
*/
.italic, i, em {
  font-style: italic; }

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

/*
::::::::::::::::::::::::::::::::::::::
:::::::: Primary Typography ::::::::::
::::::::::::::::::::::::::::::::::::::
*/
/*
:::::::: Apply Base Font Size ::::::::
*/
body {
  font-size: 1.12em; }

/*
:::: Apply Font Family, Line Heights, Colors & Weights ::::
*/
h1, .h1 {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1em !important;
  color: #616161;
  font-weight: bold !important; }

h2, .h2 {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1.25em !important;
  color: #000;
  font-weight: bold !important; }

h3, .h3 {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1.2em !important;
  color: #000;
  font-weight: bold !important; }

h4, .h4 {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1.3em !important;
  color: #000;
  font-weight: bold !important; }

h5, .h5 {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1.4em !important;
  color: #000;
  font-weight: bold !important; }

h6, .h6 {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1.5em !important;
  color: #000;
  font-weight: bold !important; }

p {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1.6em !important;
  color: #000; }

ul {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  line-height: 1.6em !important;
  color: #000; }

blockquote p {
  font-family: Georgia, "Times New Roman", Times, serif; }

cite {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: #999;
  font-style: italic !important; }

p.leadIntro {
  font-weight: bold; }

/*
:::::::::: List Decorations ::::::::::
*/
ul.disc {
  list-style: disc inside; }
ul.circle {
  list-style: circle inside; }
ul.arrow {
  list-style-image: url("../css/images/arrow.gif"); }
ul.check {
  list-style-image: url("../css/images/check.gif"); }
ul.caution {
  list-style-image: url("../css/images/caution.gif"); }
ul.alert {
  list-style-image: url("../css/images/alert.gif"); }
ul.standard {
  list-style-image: url("../css/images/alert.gif"); }

/*
:::::::: Material Icon Sizes :::::::::
*/
.material-icons.md-18 {
  font-size: 18px; }

.material-icons.md-24 {
  font-size: 24px; }

.material-icons.md-36 {
  font-size: 36px; }

.material-icons.md-48 {
  font-size: 48px; }

/*
::::::::: Text Regions ::::::::
*/
p.notAdded {
  background-color: #fff;
  padding: .5em; }

/*
:::::::::::::::::::::::::::::::::::::::::::::
:::: Break Points, Font Size and Margins ::::
:::::::::::::::::::::::::::::::::::::::::::::
*/
@media only screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 210% !important;
    margin-bottom: 0.3em !important;
    padding-bottom: 0.35em !important; }

  h2, .h2 {
    font-size: 180% !important;
    margin-bottom: 0.3em !important; }

  h3, .h3 {
    font-size: 180% !important;
    margin-bottom: 0.3em !important; }

  h4, .h4 {
    font-size: 170% !important;
    margin-bottom: 0.3em !important; }

  h5, .h5 {
    font-size: 100% !important;
    margin-bottom: 0.5em !important; }

  h6, .h6 {
    font-size: 140% !important;
    margin-bottom: 0.3em !important; }

  p, .p {
    font-size: 95% !important;
    margin-bottom: 1.5em !important; }

  ul {
    font-size: 90% !important;
    margin-bottom: 1.25em !important; }

  li {
    margin-bottom: 1.25em !important; }

  blockquote p {
    font-size: 130% !important;
    margin-bottom: 0.5em !important; }

  cite {
    font-size: 100% !important; }

  p.lead {
    font-size: 115% !important;
    line-height: 1.75em !important; } }
@media only screen and (min-width: 768px) {
  h1, .h1 {
    font-size: 330% !important;
    margin-bottom: 0.3em !important;
    padding-bottom: 0.3em !important; }

  h2, .h2 {
    font-size: 200% !important;
    margin-bottom: 0.3em !important; }

  h3, .h3 {
    font-size: 250% !important;
    margin-bottom: 0.3em !important; }

  h4, .h4 {
    font-size: 200% !important;
    margin-bottom: 0.3em !important; }

  h5, .h5 {
    font-size: 120% !important;
    margin-bottom: 0.3em !important; }

  h6, .h6 {
    font-size: 140% !important;
    margin-bottom: 0.3em !important; }

  p, .p {
    font-size: 108% !important;
    margin-bottom: 1.25em !important; }

  ul {
    font-size: 108% !important;
    margin-bottom: 1.25em !important; }

  li {
    margin-bottom: 1.25em !important; }

  blockquote p {
    font-size: 130% !important;
    margin-bottom: 0.5em !important; }

  cite {
    font-size: 125% !important; }

  p.lead {
    font-size: 115% !important;
    line-height: 1.75em !important; } }
@media only screen and (min-width: 992px) {
  h1, .h1 {
    font-size: 320% !important;
    margin-bottom: 0.3em !important;
    padding-bottom: 0.15em !important; }

  h2, .h2 {
    font-size: 220% !important;
    margin-bottom: 0.3em !important; }

  h3, .h3 {
    font-size: 180% !important;
    margin-bottom: 0.3em !important; }

  h4, .h4 {
    font-size: 190% !important;
    margin-bottom: 0.3em !important; }

  h5, .h5 {
    font-size: 125% !important;
    margin-bottom: 0.6em !important; }

  h6, .h6 {
    font-size: 140% !important;
    margin-bottom: 0.3em !important; }

  p, .p {
    font-size: 108% !important;
    margin-bottom: 1.25em !important; }

  ul {
    font-size: 108% !important;
    margin-bottom: 1.25em !important; }

  li {
    margin-bottom: 1.25em !important; }

  blockquote p {
    font-size: 130% !important;
    margin-bottom: 0.5em !important; }

  cite {
    font-size: 125% !important; }

  p.lead {
    font-size: 115% !important;
    line-height: 1.75em !important; } }
@media only screen and (min-width: 1100px) {
  h1, .h1 {
    font-size: 350% !important;
    margin-bottom: 0.3em !important;
    padding-bottom: 0.25em !important; }

  h2, .h2 {
    font-size: 220% !important;
    margin-bottom: 0.3em !important; }

  h3, .h3 {
    font-size: 200% !important;
    margin-bottom: 0.3em !important; }

  h4, .h4 {
    font-size: 200% !important;
    margin-bottom: 0.3em !important; }

  h5, .h5 {
    font-size: 120% !important;
    margin-bottom: 0.6em !important; }

  h6, .h6 {
    font-size: 140% !important;
    margin-bottom: 0.3em !important; }

  p, .p {
    font-size: 95% !important;
    margin-bottom: 1.25em !important; }

  ul {
    font-size: 105% !important;
    margin-bottom: 1.25em !important; }

  li {
    margin-bottom: 1.25em !important; }

  blockquote p {
    font-size: 130% !important;
    margin-bottom: 0.5em !important; }

  cite {
    font-size: 120% !important; }

  p.lead {
    font-size: 115% !important;
    line-height: 1.75em !important; } }
@media only screen and (min-width: 1200px) {
  h1, .h1 {
    font-size: 350% !important;
    margin-bottom: 0.3em !important;
    padding-bottom: 0.25em !important; }

  h2, .h2 {
    font-size: 220% !important;
    margin-bottom: 0.3em !important; }

  h3, .h3 {
    font-size: 200% !important;
    margin-bottom: 0.3em !important; }

  h4, .h4 {
    font-size: 200% !important;
    margin-bottom: 0.3em !important; }

  h5, .h5 {
    font-size: 120% !important;
    margin-bottom: 0.6em !important; }

  h6, .h6 {
    font-size: 140% !important;
    margin-bottom: 0.3em !important; }

  p, .p {
    font-size: 95% !important;
    margin-bottom: 1.25em !important; }

  ul {
    font-size: 105% !important;
    margin-bottom: 1.25em !important; }

  li {
    margin-bottom: 1.25em !important; }

  blockquote p {
    font-size: 130% !important;
    margin-bottom: 0.5em !important; }

  cite {
    font-size: 120% !important; }

  p.lead {
    font-size: 115% !important;
    line-height: 1.75em !important; } }
header {
  background-color: #6FC235;
  background-image: url(../css/images/cubicFootBg.png);
  padding: 2em 0 2em 0; }

/*
:::::::::::: Break Points ::::::::::::
*/
/*
:::::::::: Navigation ::::::::::
*/
/*
:::::::::: Colors ::::::::::
*/
/*
:::::::::: The Ribbon ::::::::::
*/
nav#ribbon {
  background-color: #000000;
  position: fixed;
  color: #fff;
  top: 0;
  left: 0;
  z-index: 5000;
  width: 100%;
  border-bottom: 1px solid #596063; }
  nav#ribbon div.logo {
    width: 20%;
    max-width: 300px;
    min-width: 150px; }
    nav#ribbon div.logo img {
      width: 100%; }
  nav#ribbon .links {
    float: right;
    position: relative; }
  nav#ribbon .links ul li a {
    text-decoration: none;
    display: block !important;
    padding: 1.8em 1em;
    color: #fff; }
  nav#ribbon .links a:hover {
    text-decoration: none; }
  nav#ribbon .links ul {
    list-style-type: none;
    margin-bottom: 0 !important;
    float: right;
    position: relative; }
  nav#ribbon .links ul li {
    display: inline-block;
    float: left;
    position: relative;
    padding-left: 1.25em;
    padding-right: 1.25em;
    margin-bottom: 0 !important; }
  nav#ribbon .links ul li:hover {
    background-color: #2d2d2d; }

div.links ul li div {
  position: absolute;
  left: 0;
  top: 100%;
  display: none;
  z-index: 8000; }

div.links ul li div ul {
  display: block !important;
  color: #fff;
  width: 100% !important; }

div.links ul li div ul li {
  display: list-item; }

/*
:::::::::: Drop Down Menus On Ribbon Nav ::::::::::
*/
div.links ul li div {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 10000;
  background-color: #000;
  border-top: 1px solid #fff; }

div.links ul li div ul {
  display: inline-block !important;
  margin: 0 !important; }

div.links ul li div ul a {
  display: block !important;
  margin: 0 !important;
  padding: 0.7em !important;
  width: 100%; }

div.links ul li div ul li {
  display: inline-block !important;
  float: none !important;
  padding: 0 !important;
  width: 100%;
  text-align: left !important; }

/*
:::::::::: The Shim ::::::::::
*/
div.shim {
  width: 100%;
  height: 99px; }
  div.shim img {
    width: 20%;
    max-width: 300px;
    min-width: 150px; }

/*
:::::::::: Navicon ::::::::::
*/
button#navicon {
  background: #000 url("../css/images/dice.gif") no-repeat center;
  width: 50px;
  height: 50px;
  border: 1px solid #515151;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  background-size: 100%; }

/*
:::::::::::: Break Points ::::::::::::
*/
@media only screen and (max-width: 767px) {
  nav#mainNav {
    display: none; }

  div.links {
    display: none; }

  .logo, .shim div {
    width: 50%;
    max-width: 500px;
    min-width: 275px;
    padding-left: 5px;
    padding-top: .5em;
    padding-bottom: .5em;
    position: relative; }

  .shim {
    padding-top: 0 !important;
    overflow: hidden !important; }

  button#navicon {
    right: 7px; }

  .logo a {
    font-size: 150%; } }
@media only screen and (min-width: 768px) {
  button#navicon {
    display: none; }

  .logo {
    width: 35%;
    max-width: 500px;
    min-width: 300px;
    padding-left: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }

  .logo a {
    font-size: 150%; } }
@media only screen and (min-width: 992px) {
  button#navicon {
    display: none; }

  nav#ribbon ul {
    margin-right: 15px; } }
/* Forms */
main input[type="submit"] {
  background-color: #2d2d2d;
  color: #fff;
  min-width: 290px;
  width: 30%;
  padding: 0.6em !important;
  float: right;
  cursor: pointer;
  font-weight: bold;
  clear: both;
  margin-top: .5em; }

main input[type="submit"]:hover {
  background-color: #000 !important; }

input[type="text"] {
  width: 100%;
  border: 1px solid #afb8ba; }

input[type="password"] {
  width: 100%;
  border: 1px solid #afb8ba; }

textarea {
  border: 1px solid #afb8ba; }

input[type="submit"] {
  border: none;
  outline: none; }

label {
  width: 100%; }

select {
  width: 100%; }

form h1, form h2, form h3, form h4, form h5, form h6, form p, form ul, form table {
  clear: both; }
form table {
  width: 100%; }

div.formGroup {
  padding: 0 !important;
  overflow: hidden !important; }

textarea {
  width: 100%; }

nav#ribbon form {
  height: 100%;
  float: right; }
  nav#ribbon form label {
    color: #fff; }

form.form {
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif; }

.form label {
  font-weight: bold !important;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 2px;
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif !important; }
.form input, .form textarea, .form select {
  box-sizing: border-box;
  padding: .25em !important; }
.form ul {
  display: inline-block;
  box-sizing: border-box;
  width: 100%; }

.inline {
  overflow: hidden; }
  .inline label {
    font-weight: bold !important;
    display: inline-block;
    float: right;
    width: 20%; }
  .inline input {
    width: 25%;
    display: inline-block;
    float: right; }

.yesNoDetail {
  width: 80%;
  text-align: left; }

.yesNoAnswer {
  width: 10%;
  text-align: center; }

div.formErrors {
  background-color: #990000;
  margin-bottom: 1.5em;
  padding: .7em; }
  div.formErrors ul {
    padding: 0 !important;
    margin: 0 !important; }
  div.formErrors p {
    margin-bottom: 0.75em !important;
    font-weight: bold; }
  div.formErrors li {
    margin-bottom: .5em; }
  div.formErrors p, div.formErrors ul {
    color: #fff !important; }

/* Styles for this project */
table.result input[type="submit"] {
  padding: 0 !important;
  margin: 0 !important;
  color: #000;
  background-color: transparent;
  width: auto;
  min-width: 0; }

ul.checkboxes li {
  width: 50% !important;
  float: left !important; }

ul.moduleCheckboxes li {
  width: 33.333% !important;
  float: left !important; }

/* Break Points */
@media only screen and (max-width: 767px) {
  div.formGroup {
    margin-bottom: .55em; } }
@media only screen and (min-width: 768px) {
  .mdfm100 {
    width: 100%; }

  .mdfm90 {
    width: 90%; }

  .mdfm80 {
    width: 80%; }

  .mdfm70 {
    width: 70%; }

  .mdfm60 {
    width: 60%; }

  .mdfm50 {
    width: 50%; }

  .mdfm40 {
    width: 40%; }

  .mdfm35 {
    width: 35%; }

  .mdfm33 {
    width: 33.33%; }

  .mdfm30 {
    width: 30%; }

  .mdfm26 {
    width: 26%; }

  .mdfm25 {
    width: 25%; }

  .mdfm24 {
    width: 24%; }

  .mdfm38 {
    width: 38%; }

  .mdfm37 {
    width: 37%; }

  .mdfm20 {
    width: 20%; }

  .mdfm10 {
    width: 10%; }

  div.formGroup {
    margin-bottom: .8em; } }
@media only screen and (min-width: 992px) {
  .lgfm100 {
    width: 100%; }

  .lgfm90 {
    width: 90%; }

  .lgfm80 {
    width: 80%; }

  .lgfm70 {
    width: 70%; }

  .lgfm60 {
    width: 60%; }

  .lgfm50 {
    width: 50%; }

  .lgfm40 {
    width: 40%; }

  .lgfm35 {
    width: 35%; }

  .lgfm33 {
    width: 33.33%; }

  .lgfm30 {
    width: 30%; }

  .lgfm26 {
    width: 26%; }

  .lgfm25 {
    width: 25%; }

  .lgfm24 {
    width: 24%; }

  .lgfm38 {
    width: 38%; }

  .lgfm37 {
    width: 37%; }

  .lgfm20 {
    width: 20%; }

  .lgfm10 {
    width: 10%; }

  div.formGroup {
    margin-bottom: 1em !important; }

  form.form {
    /* padding: 0 3em;*/ }
    form.form label {
      font-size: 140% !important;
      padding-bottom: 0 !important; }
    form.form input, form.form textarea, form.form select {
      padding: 0.4em !important;
      font-size: 130% !important; } }
@media only screen and (min-width: 1100px) {
  .xlfm100 {
    width: 100%; }

  .xlfm90 {
    width: 90%; }

  .xlfm80 {
    width: 80%; }

  .xlfm70 {
    width: 70%; }

  .xlfm60 {
    width: 60%; }

  .xlfm50 {
    width: 50%; }

  .xlfm40 {
    width: 40%; }

  .xlfm35 {
    width: 35%; }

  .xlfm33 {
    width: 33.33%; }

  .xlfm30 {
    width: 30%; }

  .xlfm26 {
    width: 26%; }

  .xlfm25 {
    width: 25%; }

  .xlfm24 {
    width: 24%; }

  .xlfm38 {
    width: 38%; }

  .xlfm37 {
    width: 37%; }

  .xlfm20 {
    width: 20%; }

  .xlfm10 {
    width: 10%; }

  div.formGroup {
    margin-bottom: 1.5em !important; } }
@media only screen and (min-width: 1200px) {
  .xxlfm100 {
    width: 100%; }

  .xxlfm90 {
    width: 90%; }

  .xxlfm80 {
    width: 80%; }

  .xxlfm70 {
    width: 70%; }

  .xxlfm60 {
    width: 60%; }

  .xxlfm50 {
    width: 50%; }

  .xxlfm40 {
    width: 40%; }

  .xxlfm35 {
    width: 35%; }

  .xxlfm33 {
    width: 33.33%; }

  .xxlfm30 {
    width: 30%; }

  .xxlfm26 {
    width: 26%; }

  .xxlfm25 {
    width: 25%; }

  .xxlfm24 {
    width: 24%; }

  .xxlfm38 {
    width: 38%; }

  .xxlfm37 {
    width: 37%; }

  .xxlfm20 {
    width: 20%; }

  .xxlfm10 {
    width: 10%; }

  div.formGroup {
    margin-bottom: 1.5em !important; } }
/* Footer Styles */
footer {
  background-color: #000;
  background-image: url(../css/images/footerBgTile.gif); }
  footer ul {
    color: #fff !important; }

/*
:::::::::: Figures & Images ::::::::::
*/
figure img {
  display: block;
  width: 100%; }

figure.portrait {
  float: left;
  margin-right: 1.5em; }

figcaption {
  font-size: 100%;
  margin-top: .5em;
  padding-top: .4em;
  border-top: 1px solid #ccc;
  font-weight: bold; }

/*
:::::::::::: Break Points ::::::::::::
*/
/*
:::: Table & Ul Stripes ::::
*/
ul.striped li:nth-child(odd) {
  background-color: #fff; }
ul.striped li:nth-child(even) {
  background-color: #E0E0E0; }

table.result {
  font-family: "Open Sans", "lucida grande", "Segoe UI", arial, verdana, "lucida sans unicode", tahoma, sans-serif;
  width: 100%;
  border-collapse: collapse;
  border: none; }
  table.result th {
    color: #fff;
    background-color: #2e3436;
    text-align: left;
    font-weight: bold; }
  table.result td, table.result th {
    padding: .6em 0 .6em 0; }
  table.result td:nth-child(1), table.result th:nth-child(1) {
    padding-left: 0.75em !important; }
  table.result tr:nth-child(odd) {
    background-color: #fff; }
  table.result tr:nth-child(even) {
    background-color: #E0E0E0; }
  table.result a {
    color: #2d2d2d;
    text-decoration: none; }
  table.result a:hover {
    text-decoration: underline; }

/*
::::::::::: Admin Tabbed Content ::::::::::::
*/
div#tabs span {
  font-size: 138% !important;
  color: #8c8c8c; }

/*
:::::::::::: Admin Dashboard  ::::::::::::
*/
main#adminDashboard table {
  margin-bottom: 2em; }
  main#adminDashboard table a {
    text-decoration: none; }
  main#adminDashboard table a:hover {
    text-decoration: underline; }
  main#adminDashboard table a.material-icons {
    text-decoration: none !important;
    color: #333; }
  main#adminDashboard table a.material-icons:hover {
    color: #4CA419; }
  main#adminDashboard table td.addCircle {
    width: 4%;
    min-width: 40px;
    text-align: center;
    padding-left: 0 !important; }

/*
:::::::::::: Admin Dashboard - Products and Services ::::::::::::
*/
/*
::::::::::::: Admin Index - Storage Packages :::::::::::::
*/
/*
::::::::::::: Admin Index - Catalog Items :::::::::::::
*/
h1 a {
  text-decoration: none;
  color: #2d2d2d;
  margin-right: 0.25em !important; }

/*
::::::::::::: Admin Inner Cart :::::::::::::
*/
table.innerCart {
  font-weight: bold; }
  table.innerCart tr {
    display: block;
    padding-bottom: 0.5em !important; }
  table.innerCart td.quantity {
    width: 5% !important;
    padding-right: 10px;
    text-align: center !important; }
  table.innerCart td.item {
    width: 90% !important;
    padding-left: .75em;
    border-bottom: 1px solid #ccc; }

/*
::::::::::::: Admin Index - Services :::::::::::::
*/
/*
::::::::::::: Admin Index - Storage Containers :::::::::::::
*/
/*
:::::::::::: Related Elements ::::::::::::
*/
ul.contactDetails {
  padding: .5em;
  background-color: #fff; }
  ul.contactDetails li {
    margin-bottom: 5px !important; }

ul.costSummary {
  padding: .5em;
  background-color: #fff;
  width: 30%;
  float: right;
  text-align: right;
  margin-top: 1.25em; }
  ul.costSummary li {
    margin-bottom: 5px !important; }

div.tableScroll {
  background-color: #1b6d85;
  overflow: scroll;
  height: 596px;
  display: inline-block;
  width: 100% !important; }

/*
:::::::::::: Break Points ::::::::::::
*/

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