/* Scss Document */
/*Material style border-shadow*/
/*
* Font options for headings to make htings stick out:
*
*	- Futura PT
*	- Raleway
*	- SF Theramin Gothic Bold
*	- Muli?
*/
/*!
 * Start Bootstrap - Blog Home HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
body {
  padding-top: 70px;
  /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */ }

footer {
  margin: 50px 0; }

body.sections.Health--Safety a.disaster-recovery-guide,
body.sections.Health--Safety a.fleet-safety-guide,
body.sections.Health--Safety a.incident-reporting-guide,
body.sections.Disaster-Recovery a.health-safety-guide,
body.sections.Disaster-Recovery a.fleet-safety-guide,
body.sections.Disaster-Recovery a.incident-reporting-guide,
body.sections.Fleet-Safety a.health-safety-guide,
body.sections.Fleet-Safety a.disaster-recovery-guide,
body.sections.Fleet-Safety a.incident-reporting-guide,
body.sections.Incident-Reporting a.health-safety-guide,
body.sections.Incident-Reporting a.fleet-safety-guide,
body.sections.Incident-Reporting a.disaster-recovery-guide {
  display: none; }

a.tool-tip i {
  font-size: 16px; }

.navbar-nav > li.hazard > a {
  padding: 7px 8px;
  border-radius: 4px; }

.navbar-nav > li.members > a,
.navbar-nav > li.login > a {
  padding: 8px 12px;
  color: #fff !important;
  background-color: #151532;
  border-radius: 4px; }

.navbar-nav > li.members.open > a, .navbar-nav > li.members.open > a:hover, .navbar-nav > li.members > a:hover, .navbar-nav > li.members.open > a:hover {
  background: #dd8929 !important; }

.navbar-nav > li.account > a {
  padding: 7px 8px; }

.navbar-nav > li.members > a:hover {
  color: #000 !important;
  background-color: #0F3 !important; }

.navbar-nav > li.login > a:hover, .navbar-nav > li.login.open > a {
  color: black !important;
  background-color: #151532 !important; }

.navbar-nav > li.members.open ul.dropdown-menu,
.navbar-nav > li.account.open ul.dropdown-menu,
.navbar-nav > li.hazard.open ul.dropdown-menu {
  border: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
  margin-top: 14px;
  border-top: none;
  font-size: 12px; }

.navbar-nav > li.members.open ul.dropdown-menu li:nth-child(2n) {
  background-color: #ececec; }

h1, h2 {
  font-family: 'Lobster', cursive; }

h3, h4 {
  font-family: 'Open Sans', sans-serif; }

div.cursive h4 {
  font-family: 'Lobster', cursive; }

a.btn, button.btn {
  font-family: 'Open Sans', sans-serif; }

a.disabled {
  font-style: italic;
  cursor: not-allowed; }

/*
body.module.Health-And-Safety > div.container {
	background: url('/images/health-safety-home.png') no-repeat right 50px #fff !important;
}
body.module > div.container {
	background: url('/images/employment-law-home.png') no-repeat right 50px #fff !important;
}
body.module.Disaster-Recovery > div.container {
	background: url('/images/disaster-recovery-home.png') no-repeat right 50px #fff !important;
}
body.module.Fleet-Health-And-Safety > div.container {
	background: url('/images/fleet-transport-home.png') no-repeat right 50px #fff !important;
}
body.module.Accident-Reporting > div.container {
	background: url('/images/accident-reporting-home.png') no-repeat right 50px #fff !important;
}
body.document > div.container {
	background: url('/images/your-library-home.png') no-repeat right 50px #fff !important;
}

body.module.Health-And-Safety div.navbar-collapse {
	background: url('/images/health-safety-home.png') no-repeat right 5px;
}
body.module.Employment-Law div.navbar-collapse {
	background: url('/images/employment-law-home.png') no-repeat right 5px;
}
body.module.Disaster-Recovery div.navbar-collapse {
	background: url('/images/disaster-recovery-home.png') no-repeat right 5px;
}
body.module.Fleet-Safety div.navbar-collapse {
	background: url('/images/fleet-transport-home.png') no-repeat right 5px;
}
body.module.Incident-Reporting div.navbar-collapse {
	background: url('/images/accident-reporting-home.png') no-repeat right 5px;
}
body.document > div.container {
	background: url('/images/your-library-home.png') no-repeat right 5px;
}*/
p.or {
  border-bottom: 1px solid black;
  width: 70px; }

p.or span {
  display: block;
  position: relative;
  top: 10px;
  margin: 0 20px;
  padding: 0 10px;
  background-color: white;
  font-family: 'Lobster', cursive; }

div.clear {
  clear: both; }

input[type=date].form-control {
  width: 265px; }

.circle {
  border: 1px solid red;
  display: block;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  float: left;
  margin-right: 10px;
  box-shadow: 2px 2px 5px #888888; }

.circle.green {
  border-color: green;
  background-color: green; }

.circle.amber {
  border-color: #FFC200;
  background-color: #FFC200; }

.circle.red {
  border-color: red;
  background-color: red; }

.glyphicon.alert {
  font-size: 34px;
  padding: 0px;
  margin-bottom: 0; }

.glyphicon.red {
  color: red; }

.glyphicon.amber {
  color: #FFC200; }

.glyphicon.green {
  color: green; }

div.key {
  border: 1px solid silver;
  border-radius: 5px;
  padding: 10px; }

div.key h2 {
  margin: 0px; }

div.key label {
  color: black;
  line-height: 30px;
  display: block;
  clear: both;
  white-space: nowrap;
  margin-left: 20px; }

div.key label.glyph i {
  font-size: 24px;
  vertical-align: middle; }

body.subscribe div.module {
  border: 1px solid silver;
  height: 200px;
  position: relative; }

body.subscribe div.module p.title {
  text-align: center; }

body.subscribe div.module p.sub {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0; }

body.subscribe div.module input {
  position: absolute;
  left: -1000px; }

body.subscribe div.module.active {
  border: 1px solid red; }

body.subscribe div.module a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

div.loading {
  background: url("../img/ajax-loader.gif") no-repeat center center; }

h1.welcome {
  display: none; }

body.homepage.index h1.welcome {
  display: block; }

h3.panel-title.bold {
  font-weight: bold;
  font-size: 13px !important; }

h3.panel-title {
  font-size: 13px !important;
  color: #666; }

span.related {
  font-weight: bold;
  font-style: italic;
  display: block;
  margin-right: 5px;
  float: left; }

div.dataTables_length {
  margin: 10px;
  float: left; }

div.dataTables_filter {
  margin: 10px;
  float: right; }

div.dataTables_filter > label > input {
  margin-left: 10px; }

@media only screen and (max-width: 800px) {
  /* Force table to not be like tables anymore */
  .table.no-more-tables table,
  .table.no-more-tables thead,
  .table.no-more-tables tbody,
  .table.no-more-tables th,
  .table.no-more-tables td,
  .table.no-more-tables tr {
    display: block; }

  /* Hide table headers (but not display: none;, for accessibility) */
  .table.no-more-tables thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  .table.no-more-tables tr {
    border: 1px solid #ccc; }

  .table.no-more-tables > tbody > tr > td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left; }

  .table.no-more-tables > tbody > tr > td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
    text-align: left;
    font-weight: bold; }

  /*
  Label the data
  */
  .table.no-more-tables td:before {
    content: attr(data-title); } }
table > tbody > tr.space > td {
  background-color: #ddd;
  height: 5px;
  padding: 0px; }

.font {
  font-family: "Lobster"; }

.colyellow {
  color: #151532; }

.colblue {
  color: #151532; }

input.btn, button.btn {
  border: 0px; }

div.alert.alert-info {
  background-color: rgba(19, 168, 158, 0.1);
  color: #151532;
  border: none; }

.btn.btn-danger {
  background-color: red;
  border: none; }

ul.nav.nav-tabs > li > a {
  font-weight: bold; }

div.modulequestion {
  clear: both; }

div.modulequestion h4 {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif; }

div.modulequestion div.radio {
  float: left;
  margin-right: 30px;
  margin-bottom: 20px; }

div.modulequestion > span {
  float: left;
  clear: both;
  display: block;
  margin-right: 10px;
  width: 100%; }

.form-horizontal div.modulequestion div.radio {
  padding-top: 0px; }

div.modulequestion textarea {
  clear: both;
  display: block;
  margin: 10px 0 20px 0;
  width: 100%;
  height: 120px;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #ccc; }

i.glyphicon.glyphicon-info-sign {
  color: #151532; }

.progress-striped .progress-bar, .progress-bar-striped {
  background-color: #151532; }

div.mqtime select.form-control {
  display: inline-block; }

.btn {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif !important; }

body.module.view h4 {
  font-size: 12px;
  font-weight: bold; }

h1, h2, h3, h4 {
  text-shadow: none; }

body.before-you-start h2 {
  font-family: 'Arial';
  color: #151532;
  font-size: 14px;
  font-weight: bold; }

.navbar-nav > li > a {
  padding-top: 13px; }

.width100 {
  width: 100%; }

input[type=radio] {
  margin: 0 0; }

/* CSS Document */
body {
  font-family: "Raleway", sans-serif;
  background: #fff;
  font-size: 12px;
  line-height: normal;
  color: #444;
  padding: 0 0 0 0;
  border-top: 3px solid #151532;
  background-repeat: repeat-x; }

a {
  color: #444; }

a:hover {
  color: #151532; }

.header h3 {
  color: #777777;
  margin-top: 20px;
  font-size: 22px !important; }

.navbar-inverse {
  background: none; }

.navbar-inverse .navbar-nav > li > a {
  color: #000; }

.navbar-inverse .navbar-nav > li > a:hover {
  color: #151532;
  background: none !important; }

.navbar-nav > li > a {
  line-height: normal; }

.font-white {
  color: #fff !important; }

.m-b-5 {
  margin-bottom: 5px; }

h5 {
  margin: 15px 0 10px 0;
  padding: 0;
  color: #151532;
  font-weight: bold;
  font-family: "Raleway", sans-serif; }

h4 {
  margin: 10px 0;
  padding: 0;
  color: #151532;
  font-weight: bold;
  font-family: "Raleway", sans-serif; }

header {
  background-color: #151532;
  padding: 10px 0; }

header .logo {
  max-width: 140px; }

header .contact-right {
  padding-top: 10px; }

header .contact-right a {
  color: #fff;
  opacity: .8; }

footer {
  width: 100%;
  height: auto;
  color: #fff;
  padding: 10px 0 20px 0;
  background: #151532 !important;
  margin: 25px 0 0 0 !important;
  line-height: 1.4 !important; }

footer h5 {
  margin: 10px 0;
  padding: 0;
  font-family: "Raleway", sans-serif;
  color: #fff !important; }

footer ul {
  margin: 0; }

footer ul li {
  list-style-type: none; }

footer ul li a {
  color: #fff;
  text-decoration: none; }

footer ul li a:hover {
  color: #000;
  text-decoration: none; }

address {
  line-height: normal;
  margin: 0 0; }

address a {
  color: #fff !important;
  text-decoration: none; }

address a:hover {
  color: #777;
  text-decoration: none; }

footer a {
  color: #fff; }

footer a:hover {
  color: #eee; }

footer .hvsi {
  font-size: 55px !important; }

footer .so-widget-image {
  background: #fff;
  padding: 10px;
  border-radius: 2px; }

.logo {
  margin: 10px 0 0 0; }

.twitter-timeline {
  margin-top: 14px !important;
  height: 240px !important; }

.btn.btn-primary {
  font-size: 12px;
  background: #151532;
  border-color: #0e8d84;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
  padding: 5px 10px;
  border: 0; }

input[type="submit"], input[type="reset"] {
  font-size: 12px;
  background: #151532;
  border-color: #0e8d84;
  font-family: "Raleway", sans-serif;
  color: #fff;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  float: right;
  margin-left: 5px; }

.header .btn.btn-primary {
  padding: 8px 15px;
  color: #fff;
  font-family: "Raleway", sans-serif; }

.header .btn.btn-primary:hover {
  background: #f6c84a !important;
  color: #fff;
  border-color: #f6b74a; }

.banner ul {
  margin: 10px 0 10px -20px;
  list-style-image: url(../images/tick.png); }

.banner li {
  text-align: left;
  font-size: 16px;
  line-height: 28px; }

.banner .btn {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 20px;
  font-family: "Raleway", sans-serif; }

.banner .btn:hover {
  background: #f6c84a !important;
  color: #fff;
  border-color: #f6b74a; }

.banner h5 {
  color: #000; }

.banner img {
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ccc; }

.logo {
  margin-top: 13px; }

@media (max-width: 767px) {
  body {
    background-image: none; }

  .banner li {
    font-size: 12px; }

  .banner .btn {
    font-size: 13px; }

  .banner h5 {
    font-size: 12px;
    margin-bottom: 0; }

  .navbar-nav > li > a {
    line-height: normal;
    text-align: left; }

  .header .btn {
    margin-bottom: 10px; } }
.btn.btn-warning.buy, .btn.btn-danger {
  font-weight: bold;
  font-size: 14px;
  font-family: "Raleway", sans-serif; }

.navbar {
  border: none;
  margin-bottom: 0; }

#price-text {
  width: 300px;
  color: #fff;
  font-size: 12px;
  text-algin: left;
  background: red;
  border-radius: 4px;
  margin: 20px 0 0 0;
  padding: 10px; }

#price-text a {
  color: #fff; }

#price-text h4 {
  color: #fff; }

#price-text .price {
  font-size: 14px; }

#price-text .btn.btn-warning {
  margin-top: 10px !important;
  font-weight: bold;
  font-family: "Raleway", sans-serif; }

#howManyLocations, #howManyEmployees {
  width: 210px; }

.thumbnail {
  border: none !important; }

.caption h4 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important; }

h1, h2 {
  font-family: 'Open Sans', sans-serif !important; }

h3 {
  margin-top: 0px; }

.well h4 {
  font-size: 13px;
  font-weight: 600;
  color: #333; }

.top {
  margin: 0;
  border-color: #ddd; }

.colyellow {
  font-weight: bold; }

select, .form-control {
  font-size: 12px !important; }

h2 {
  font-size: 15px !important;
  color: #151532 !important;
  font-weight: bold; }

h3 {
  font-size: 14px !important; }

.login h4 {
  font-family: 'Open Sans', sans-serif !important; }

/* view page*/
.view .well {
  background: #eee;
  padding: 15px;
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  border-radius: 3px;
  margin: 0 0 15px 0; }

.view h3 {
  font-family: 'Open Sans', sans-serif !important; }

.view h4 {
  font-family: Arial, Helvetica, sans-serif; }

.view .btn.btn-primary {
  float: right !important;
  margin-bottom: 10px; }

.view .table > thead > tr > th {
  border-bottom: 1px solid #ddd !important; }

.view td {
  border-left: 1px solid #ddd; }

.view table tr td:nth-child(1) {
  border-left: none !important; }

@media print {
  body {
    border-top: none;
    font-size: 14px !important; }

  .header, .breadcrumb, .view .btn, footer, hr {
    display: none; }

  .view p {
    font-size: 14px !important; }

  .view h2 {
    color: #151532 !important;
    font-size: 18px !important; }

  .view h3 {
    color: #151532 !important;
    font-size: 16px !important; }

  .view h4 {
    font-size: 14px !important; } }
.navbar-inverse .navbar-nav > .open > a {
  color: #000 !important;
  background: none !important;
  font-weight: bold; }

.dropdown-menu {
  font-size: 12px;
  margin: 8px 0 0 0 !important;
  border-top: 0 !important;
  min-width: 130px !important; }

.dropdown-menu > li > a {
  padding: 3px 15px; }

.key h2 {
  color: #151532;
  font-weight: bold;
  margin-top: 10px !important;
  font-size: 20px !important; }

.incident-reporting-statistical-analysis input[type=number] {
  font-size: 12px;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 0 5px 5px; }

.incident-reporting-statistical-analysis .btn.btn-primary {
  margin: 0 0 10px 5px; }

a.health-safety-guide,
a.disaster-recovery-guide,
a.fleet-safety-guide,
a.incident-reporting-guide {
  display: none;
  font-size: 14px !important; }

body.Health-And-Safety a.health-safety-guide,
body.Disaster-Recovery a.disaster-recovery-guide,
body.Fleet-Safety a.fleet-safety-guide,
body.Incident-Reporting a.incident-reporting-guide {
  display: block; }

.hazard-add-button {
  background: red !important;
  font-size: 14px !important;
  margin-bottom: 15px !important; }

.optanon-show-settings-popup-wrapper {
  margin-top: 0px !important;
  position: absolute !important; }

.optanon-show-settings-popup-wrapper .optanon-show-settings-left {
  background-size: 14px !important;
  background-position: 5px 8px !important;
  width: 22px !important; }

.optanon-show-settings-popup-wrapper *, .optanon-show-settings-popup-wrapper div {
  border-color: #ddd !important;
  border-left: none !important;
  border-top: none !important; }

.optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings {
  font-size: 11px !important;
  font-family: Arial, Helvetica,sans-serif !important;
  color: #000 !important;
  font-weight: 600 !important;
  text-decoration: none !important; }

.optanon-alert-box-wrapper .optanon-alert-box-bg p {
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 400 !important;
  font-size: 12px !important; }

.optanon-alert-box-bg {
  padding: 10px !important; }

.optanon-alert-box-wrapper .optanon-alert-box-body {
  margin-left: 15px !important;
  width: auto !important; }

.optanon-alert-box-wrapper .optanon-alert-box-corner-close {
  margin-right: 25px !important; }

.optanon-alert-box-bg .optanon-alert-box-button-container {
  right: 50px !important; }

.optanon-alert-box-wrapper .optanon-alert-box-button-middle a {
  font-family: Arial, Helvetica, sans-serif !important;
  text-decoration: none !important;
  font-size: 13px !important; }

.navbar-inverse .navbar-toggle {
  border: none;
  background: #151532; }

@media (max-width: 1024px) {
  .optanon-alert-box-wrapper .optanon-alert-box-button {
    float: left !important;
    margin-left: 70px !important; }

  .header {
    margin-top: 30px; }

  .logo {
    margin-top: 30px; } }
@media (max-width: 769px) {
  .header {
    text-align: right !important; } }
@media (max-width: 737px) {
  .header h3 {
    text-align: center !important; }

  .login {
    border-right: none !important;
    border-bottom: 1px solid #eee; } }
.removeme.overlay {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1050;
  height: 100%;
  width: 100%; }

body.register input.intEmployees.form-control {
  display: inline-block;
  width: 4em; }

body.account.subscribe .subscription-box-inner {
  background-color: #151532;
  color: #fff;
  text-align: center;
  padding: 2em 4em; }

body.account.subscribe .subscription-box-inner .form-group input {
  width: 250px !important;
  border-radius: 0;
  margin: 0 auto; }

body.account.subscribe .subscription-box-inner .btn {
  color: #fff;
  background-color: #f5c649;
  border-radius: 0; }

body.account.subscribe .subscription-box-inner h3 {
  color: #fff !important; }

body.account.subscribe .subscription-box-inner .form-group .btn {
  margin: 0 auto;
  width: 250px; }

body.account.subscribe .subscription-box-inner .well h4 {
  color: #fff;
  font-size: 16px; }

body.account.subscribe .subscription-box-inner .well {
  font-size: 14px; }

body.account.subscribe .subscription-box-inner .well .btn {
  width: 80%;
  margin: 0 auto;
  border-radius: 0;
  font-weight: 600; }

body.account.subscribe .subscription-box-inner {
  font-family: "Open Sans", sans-serif !important; }

/*------------------------------------*\
    #ICONS
\*------------------------------------*/
@font-face {
  font-family: "HiViz Safety Icons";
  src: url("/css/fonts/hiviz-safety-icons/hvsi.eot?10204912099712420");
  src: url("/css/fonts/hiviz-safety-icons/hvsi.eot?440647666973706180#iefix") format("embedded-opentype"), url("../fonts/hiviz-safety-icons/hvsi.woff?321172463713901180") format("woff"), url("/css/fonts/hiviz-safety-icons/hvsi.ttf?39492323810270728") format("truetype"), url("../fonts/hiviz-safety-icons/hvsi.svg?930561014088310") format("svg");
  font-weight: 400;
  font-style: normal; }
.hvsi {
  display: inline-block;
  speak: none;
  font-size: inherit;
  font-family: 'HiViz Safety Icons';
  font-style: normal;
  font-weight: normal;
  line-height: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.hvsi--fw {
  width: 1.2857142857em;
  text-align: center; }

.hvsi--lg {
  font-size: 1.33333333em; }

.hvsi--2x {
  font-size: 2em; }

.hvsi--3x {
  font-size: 3em; }

.hvsi--4x {
  font-size: 4em; }

.hvsi--5x {
  font-size: 5em; }

.hvsi--6x {
  font-size: 5em; }

.hvsi--chevron-left:before {
  content: "\f053"; }

.hvsi--chevron-right:before {
  content: "\f054"; }

.hvsi--chevron-up:before {
  content: "\f077"; }

.hvsi--chevron-down:before {
  content: "\f078"; }

.hvsi--menu-bars:before {
  content: "\f0c9"; }

.hvsi--chevron-circle-right:before {
  content: "\f138"; }

.hvsi--twitter:before {
  content: "\e800"; }

.hvsi--linkedin:before {
  content: "\e801"; }

.hvsi--facebook:before {
  content: "\e802"; }

.hvsi--refresh:before {
  content: "\f021"; }

footer {
  padding: 0 !important; }

footer .footer-widget {
  padding: 40px 0;
  line-height: 1.4 !important; }

footer .footer-widget h2 {
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 1.4 !important;
  margin-top: 0 !important; }

footer div.menu ul {
  padding-left: 0 !important;
  list-style-type: none; }

footer ul {
  padding-left: 0; }

footer ul li a:hover {
  color: #ccc; }

footer ul.ui-list li a:hover {
  color: #eee; }

footer div.menu ul li:before {
  content: '- '; }

footer {
  font-family: "Open Sans",Helvetica,sans-serif; }

.zeta {
  font-weight: 300;
  font-size: 14px; }

.mgn-v-m-xs {
  margin-bottom: 20px; }

body.homepage div.alert-header {
  width: 100%;
  display: block;
  overflow: auto;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  margin-bottom: 10px; }

body.homepage div.alert {
  transition: all 1s; }

body.homepage div.alert-header .alert-title {
  margin-top: 0;
  margin-bottom: 0;
  color: #151532; }

div.alert-default {
  background-color: #f5f5f5 !important; }

div.alert-default a {
  color: #151532 !important;
  text-decoration: underline; }

div.alert-default a.btn-primary {
  color: #fff !important;
  text-decoration: none; }

.back-to-top {
  float: right;
  background: #deb926 !important;
  border-radius: 4px;
  padding: 10px 10px !important;
  font-size: 13px !important; }

.back-to-top .glyphicon {
  display: block;
  font-size: 16px !important;
  margin-bottom: 5px; }

.red {
  color: red !important; }

.read-this-first {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 1.2em; }

main#main h1,
main#main h2,
main#main h3,
main#main h4,
main#main h5,
main#main h6 {
  font-family: "futura-pt";
  font-weight: 600; }

.btn {
  border-radius: 18px;
  font-family: "futura-pt" !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-transform: none !important;
  padding: 0.375rem 0.75rem !important; }

td .btn {
  text-transform: none !important; }

.btn:hover,
.btn:active {
  box-shadow: inset 100px 100px 100px 100px rgba(255, 255, 255, 0.2) !important; }

.btn-primary {
  background-color: #151532 !important;
  color: #fff !important; }

.btn-primary:hover,
.btn-primary:active {
  background-color: #151532; }

.btn-secondary {
  background-color: #dd8929 !important;
  color: #fff !important; }

.btn-info {
  background-color: #59b1d5 !important;
  color: #fff !important; }

/* Sass Document */
.nav-tabs .nav-link {
  font-family: "futura-pt";
  font-size: 18px !important; }

#main .nav-tabs .nav-link.active {
  background-color: #f0f0f0; }

#main .nav-tabs .nav-link:not(.active):hover {
  background-color: #f2f2f2;
  color: #dd8929; }

@media (max-width: 768px) {
  #main .tab-pane.active {
    overflow-x: scroll; } }
#accordion .card:not(.show) {
  box-shadow: none !important;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee; }

#accordion .card .card-header .panel-title {
  margin-bottom: 0;
  font-size: 1.2em !important; }

#accordion .card .card-header .panel-title.bold {
  font-weight: 900; }

div.progress {
  margin-bottom: 10px;
  height: 1.5rem !important; }

div.progress .progress-bar {
  color: #dd8929;
  overflow: visible;
  padding-left: 5px;
  font-weight: 900; }

div.progress-wrapper {
  transition: all .3s; }

div.progress-wrapper.sticky {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  left: 0;
  padding: 5px;
  background-color: rgba(175, 175, 175, 0.72);
  box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.4); }

div.progress-wrapper.sticky .progress {
  margin: 0; }

#accordion .card .card-body h4 {
  font-size: 15px !important;
  margin-top: 0; }

#accordion .card .card-body {
  overflow: auto; }

.alert p {
  margin-bottom: 0 !important; }

body.module.view {
  overflow: auto; }

@media print {
  * {
    transition: none !important; }

  body.module.view .well {
    background-color: #fff !important;
    border-color: #000; }

  *, :after, :before {
    color: #000 !important;
    text-shadow: none !important;
    font-weight: 400 !important;
    font-family: Arial,sans-serif;
    background: 0 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; } }
@media (max-width: 768px) {
  .w-xs-20 {
    width: 100% !important; }

  .d-xs-block {
    display: block !important; } }
main#main {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.3; }

main#main h2.module-title {
  font-size: 22px !important; }

body main#main {
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  font-size: 14px; }

body header .contact-right {
  font-size: 2em;
  padding-top: 1.5em; }

footer {
  padding-top: 1em !important;
  padding-bottom: 1em !important;
  font-family: "Raleway", sans-serif; }

footer .footer-contact-us {
  font-size: 12px !important; }

footer .footer-contact-us strong {
  font-size: 14px;
  display: block;
  margin-bottom: 5px; }

footer .footer-contact-us div.section {
  margin-bottom: 10px; }

footer ul.footer-nav li.nav-item a.nav-link {
  padding-left: 0 !important;
  padding-right: 0;
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

footer ul.footer-nav li.nav-item a.nav-link:before {
  content: '-';
  display: inline-block;
  margin-right: 5px; }

footer ul.footer-nav li.nav-item a.nav-link:hover {
  text-decoration: underline; }

ul.navbar-nav li.nav-item {
  font-weight: 700;
  padding-left: 10px;
  padding-right: 10px; }

ul.navbar-nav li.nav-item a {
  font-size: 16px;
  opacity: 0.8;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 2px solid transparent; }

ul.navbar-nav li.nav-item.active a,
ul.navbar-nav li.nav a:hover {
  opacity: 1 !important;
  background-color: transparent !important; }

ul.navbar-nav li.nav-item.active a {
  border: 2px solid #fff;
  border-radius: 18px; }

ul.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block; }

.card.module-card {
  border-radius: 18px;
  margin-bottom: 10px;
  transition: all .2s; }

.card.module-card:hover {
  transform: translateY(-2px); }

.card.module-card h4 {
  font-family: "futura-pt";
  text-align: left; }

.card.module-card a {
  float: right; }

.navbar .dropdown-menu {
  margin-top: 0 !important; }

.overflow-auto {
  overflow: auto !important; }

.overflow-visible {
  overflow: visible !important; }

@media (min-width: 768px) {
  ul.navbar-nav {
    width: 100%;
    justify-content: center; }

  nav.navbar {
    box-shadow: none !important;
    padding-top: 2.5em; } }
.breadcrumb-wrapper {
  background-color: #59b1d5; }

.breadcrumb-wrapper ol.breadcrumb {
  background-color: transparent; }

.breadcrumb-wrapper ol.breadcrumb li a {
  color: #e2e2e2;
  transition: all .2s; }

.breadcrumb-wrapper ol.breadcrumb li:not(.active) a:hover {
  text-decoration: underline;
  color: #fcfcfc; }

.breadcrumb-wrapper ol.breadcrumb li:first-child {
  padding-left: 0; }

.breadcrumb-wrapper ol.breadcrumb li:not(.active):after {
  content: '/';
  padding: 0 5px;
  color: #e2e2e2; }

.breadcrumb-wrapper ol.breadcrumb li.active {
  color: #fff;
  font-weight: 500; }

.text-red {
  color: #ff0000 !important; }

.text-amber {
  color: #ffc200 !important; }

.text-green {
  color: #008000 !important; }

#delete.modal .modal-body {
  font-size: 1rem !important; }

.bg-primary {
  background-color: #151532 !important; }

.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.5) !important; }

.renew-card strong {
  font-weight: 700; }

.renew-card .cost,
.renew-card .date {
  color: #dd8929;
  font-size: 120% !important; }

.bg-default {
  background-color: #f9f9f9 !important; }

@media (min-device-width: 768px) and (max-device-width: 1024px) {
  header .row.header {
    margin-top: 0; }

  header .row.header .logo-col {
    text-align: center; }

  header .row.header .logo-col img {
    margin: 0; }

  body header .contact-right {
    padding: .85em .5em .5em .5em;
    text-align: center; }

  body header nav.navbar {
    padding-top: 1.2em !important; } }
@media (max-width: 768px) {
  header .row.header {
    margin-top: 0; }

  header .row.header .logo-col {
    text-align: center; }

  header .row.header .logo-col img {
    margin: 0; }

  nav.navbar {
    justify-content: flex-end !important;
    background-color: rgba(255, 255, 255, 0.1); }

  body header .contact-right {
    padding: .5em 0;
    text-align: center; }

  body footer .footer-widget {
    padding: 10px !important;
    line-height: 1 !important;
    text-align: center !important; } }