/* SITEWIDE STYLES AND CLASSES*/
#main {
  margin-top: 20px;
}

/* SITEWIDE STYLES AND CLASSES*/
#main {
  margin-top: 20px;
}

.hide-some-children .hidden-child {
  display: none;
}

.red-text {
  color: red;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.no-border {
  border: 0 !important;
}

.loading {
  background-image: url(/assets/images/loading.gif);
  background-repeat: no-repeat;
  background-position: 89% 13px;
  background-size: 31px 31px;
}

#clients-table .actions {
  width: 490px;
}

.sites-and-buildings td {
  width: 50%;
}

.sites-and-buildings td ol {
  padding: 0;
}

.toolbar-right, .toolbar-left {
  float: right;
  margin-top: 2px;
}
.toolbar-right a, .toolbar-left a {
  margin: 0px 2px;
}

.toolbar-left {
  float: left;
}

.row-heading {
  font-size: 20px;
  font-weight: bold;
}

.uploaded-image {
  float: right;
  max-width: 100%;
}

/** CALENDAR STYLES */
#calendar-date {
  text-align: center;
  width: 50%;
}

.calendar-button {
  width: 25%;
}

.calendar-button a {
  text-align: center;
  width: 87px;
}

.main-heading .toolbar-left {
  width: 100%;
  margin-bottom: 10px;
}
@media (min-width: 34em) {
  .main-heading .toolbar-left {
    width: calc(100% - 120px);
    margin-bottom: 0;
  }
}
.main-heading h4 {
  display: inline;
  width: auto;
  padding-right: 15px;
}
.main-heading .btn {
  float: right;
  padding: 6px;
}

.simplemodal-overlay {
  background: rgba(0, 0, 0, 0.8);
}

.simplemodal-container {
  border: 3px double #000;
}

.simplemodal-wrap {
  overflow-x: hidden !important;
}

.simplemodal-close {
  position: absolute;
  top: -20px;
  right: -20px;
  float: right;
  padding: 8px;
  background: #FFF;
  border: 1px solid #000;
  border-radius: 20px;
  font-size: 30px;
  line-height: 24px;
}

/* BASE */
.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 !important;
  z-index: 99;
}

.red-text {
  color: red;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.no-border {
  border: 0 !important;
}

.loading {
  background-image: url(/assets/images/loading.gif);
  background-repeat: no-repeat;
  background-position: 74% 14px;
  background-size: 31px 31px;
}

.hide-some-children .hidden-child {
  display: none;
}

/* COMPONENTS */
/* BOOTSTRAP EXTENSIONS */
.row {
  margin-bottom: 10px;
}

.container-fluid, .col-md-4, .col-md-6, .col-md-8, .col-md-12 {
  padding: 0 5px;
}
@media (min-width: 48em) {
  .container-fluid, .col-md-4, .col-md-6, .col-md-8, .col-md-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.panel-heading {
  height: auto;
  overflow: auto;
  padding: 10px 5px;
}
@media (min-width: 48em) {
  .panel-heading {
    padding: 10px 15px;
  }
}
.panel-heading h3 {
  float: left;
  width: calc(100% - 350px);
  margin: 0;
}
.panel-heading h3.full-width {
  width: 100%;
}
.panel-heading h5 {
  float: left;
  width: calc(100% - 120px);
  margin: 0 auto;
  font-size: 18px;
  line-height: 34px;
  text-align: center;
}

.panel-body {
  padding: 5px;
}
@media (min-width: 48em) {
  .panel-body {
    padding: 15px;
  }
}

.pagination {
  margin: 10px 0;
}

.form-control {
  margin: 4px 0;
}

/* STANDARD HTML ELEMENT STYLES */
html {
  height: 100%;
}

body {
  position: relative;
  min-height: 100%;
  padding-bottom: 152px;
  font-family: Ubuntu;
  font-size: 14px;
}

table {
  width: 100%;
}

svg {
  width: 24px;
  height: 24px;
}

form {
  clear: both;
  padding-top: 10px;
}

label {
  display: block;
  margin: 6px 0 5px;
}

input, select, textarea {
  float: right;
  width: 100%;
  max-width: 320px;
  height: 26px;
}

input[type="radio"], input[type="checkbox"] {
  width: 20px;
}

::-webkit-input-placeholder {
  text-align: left;
}

::-moz-placeholder {
  text-align: left;
}

#search-form {
  clear: none;
  float: right;
  width: 290px;
  max-width: 100%;
  padding-top: 3px;
}
#search-form #search {
  float: left;
  max-width: calc(100% - 32px);
  height: 32px;
  border: 1px solid #c1c1c1;
  border-radius: 3px 0 0 3px;
}
#search-form input[type="submit"] {
  width: 32px;
  height: 32px;
  padding: 4px;
  background-image: url("/assets/svg/search-icon.svg");
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #c1c1c1;
  border-radius: 0 3px 3px 0;
}

.time-dropdown-holder {
  float: right;
  width: 100%;
  max-width: 226px;
}

.ui-widget.time-dropdown {
  float: left;
  max-width: 192px;
  height: 32px;
  margin: 1px 0;
  padding: 1px 5px;
  border: 1px solid #c5c5c5;
}

ul.ui-widget.ui-widget-content {
  width: 192px;
  max-width: 192px;
  max-height: 200px;
  overflow-y: scroll;
}

.dropdown-button {
  display: block;
  float: right;
  margin: 1px 0;
  height: 32px;
  padding: 1px;
  background-color: white;
  border: 1px solid #c5c5c5;
}

.stash {
  display: none;
}

@media (max-width: 1199px) {
  .desktop {
    display: none !important;
  }
}
@media (min-width: 75em) {
  .desktop {
    display: table-cell;
  }
}

.btn {
  margin-right: 15px;
}

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

.jquery-notify-bar {
  font-family: 'myriad pro', helvetica, arial, sans-serif;
  color: #FFF;
  float: left;
  font-size: 2em;
  text-shadow: 1px 1px 1px #444;
  line-height: 32px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 32768;
  text-align: center;
  padding: 20px 0px;
  font-weight: bold;
  background-color: #EBEBEB;
  /* FF3.6 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#CCCCCC')";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBEBEB), color-stop(1, #CCCCCC));
  /* Saf4+, Chrome */
}

.jquery-notify-bar.error {
  background-color: #DB4444;
  /* FF3.6 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#DB4444', EndColorStr='#BD3A3A')";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DB4444), color-stop(1, #BD3A3A));
  /* Saf4+, Chrome */
}

.jquery-notify-bar.success {
  background-color: #8DC96F;
  /* FF3.6 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8DC96F', EndColorStr='#509C4B')";
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8DC96F), color-stop(1, #509C4B));
  /* Saf4+, Chrome */
}

.notify-bar-close {
  position: absolute;
  left: 95%;
  font-size: 11px;
}

.progress-bar, .completion-percentage {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 30px;
  border-radius: 15px;
  background-color: #0A84D4;
  text-align: left;
}

.completion-percentage {
  position: initial;
  background-color: #004483;
}

.completion-text {
  position: absolute;
  right: 28px;
  color: white;
  font-size: 20px;
  line-height: 30px;
}

.expand:hover,
.expand:focus {
  text-decoration: none;
}

.expand span {
  font-size: 32px;
}

.fa-angle-down,
.glyphicon-chevron-down,
.opened .fa.fa-angle-up,
.opened .glyphicon-chevron-up {
  display: inline;
}

.fa.fa-angle-up,
.glyphicon-chevron-up,
.opened .fa-angle-down,
.opened .glyphicon-chevron-down,
.full-contact-info {
  clear: both;
  display: none;
}

/* LAYOUT */
.glyphicon-user {
  padding: 6px;
  border: 3px solid #fff;
  border-radius: 50%;
}

#user-name {
  margin: 0 10px 3px;
  padding: 0 10px 6px;
  border-bottom: 1px solid #DDD;
}

.navbar-inverse {
  min-height: 64px;
  margin-bottom: 0px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #0A84D4;
  border-color: #fff;
}
.navbar-inverse .navbar-brand {
  float: left;
  width: calc(100% - 124px);
  height: 62px;
  padding: 0;
  text-align: center;
}
@media (min-width: 48em) {
  .navbar-inverse .navbar-brand {
    margin-left: 62px;
  }
}
.navbar-inverse .navbar-toggle {
  border: none;
  margin: 0;
  padding: 21px 11px;
}
.navbar-inverse .navbar-toggle .icon-bar {
  width: 40px;
  height: 4px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background: #0A84D4;
}
.navbar-inverse .navbar-toggle:hover .icon-bar, .navbar-inverse .navbar-toggle:focus .icon-bar {
  background-color: black;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

#nav-collapse {
  width: 100%;
}

.navbar-default {
  border: 1px solid #004483;
  margin: 0;
}

.navbar-right {
  float: right !important;
  margin: 0;
}

#main-nav {
  float: none;
  text-align: center;
}

#main-nav li {
  float: none;
  display: inline-block;
}

#logo {
  width: auto;
  height: 63px;
}

#user-details {
  text-align: center;
  line-height: 14px;
  padding: 0 5px;
}

#user-details span {
  display: block;
}

@media screen and (max-width: 767px) {
  .navbar-right > li {
    float: left;
    display: inline-block;
  }

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

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

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #9D9D9D;
    background-color: transparent;
  }

  .navbar-nav .open .dropdown-menu {
    position: absolute;
    right: 0px;
    left: auto;
    background-color: #FFF;
  }

  #nav-collapse .navbar-nav .open .dropdown-menu {
    position: static;
    right: auto;
    left: 0px;
  }

  #main-nav {
    text-align: left;
  }

  #main-nav li {
    display: block;
  }
}
@media screen and (max-width: 319px) {
  #logo {
    width: 70px;
    height: auto;
    padding: 8px 0;
  }
}
#footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  clear: both;
  min-height: 152px;
  padding: 10px 0;
  background-color: #0A84D4;
  border-color: #FFF;
}

#footer-menu {
  display: inline;
  padding: 0;
  margin: 0;
  list-style-type: none;
  text-align: center;
}
#footer-menu li {
  margin: 8px 0;
}
#footer-menu li a, #footer-menu li a:hover {
  color: #FFF;
}

#cp-logo {
  max-width: 220px;
}

/* PAGES */
@media (min-width: 34em) {
  .members-management .main-heading .toolbar-left {
    width: calc(100% - 115px);
  }
}
.members-management .building-allotment {
  width: 280px;
}
.members-management .building-allotment select {
  float: left;
  max-width: 240px;
}
.members-management .building-allotment.loading {
  background-position: 100% 7px;
}
.members-management .fa-pencil {
  color: #686868;
}
.members-management .fa-pencil:hover {
  color: #23527c;
  text-decoration: none;
}

.level-col {
  width: 50px;
  max-width: 50px;
}

.level-areas .name, .level-areas .room-numbers {
  width: 200px;
}
.level-areas .inspected-box {
  width: 90px;
  max-width: 90px;
}
.level-areas .actions {
  width: 246px;
}

svg {
  float: left;
  margin-right: 6px;
}
svg .cls-1 {
  fill: #fff;
}

#top-pagination .toolbar-right {
  margin-top: 10px;
}

#clients-table {
  margin-top: 15px;
  background-color: #f5f5f5;
}

.table > tbody > tr > td.contacts-table,
.table > tbody > tr > td.sites-and-buildings {
  padding: 0;
}
.table > tbody > tr > td.contacts-table table td,
.table > tbody > tr > td.sites-and-buildings table td {
  padding: 8px;
  word-break: break-all;
}
.table > tbody > tr > td.contacts-table .inspections td,
.table > tbody > tr > td.sites-and-buildings .inspections td {
  padding: 0;
}
.table .contact-cell,
.table > tbody > tr > td.contacts-table {
  background-color: #ededed;
}
.table .contact-cell {
  width: 180px;
  min-width: 180px;
}
@media (min-width: 75em) {
  .table .contact-cell {
    width: 150px;
    min-width: 150px;
  }
}
.table .inspection-cell {
  width: 150px;
  min-width: 150px;
}
.table .haz-cell {
  width: 30px;
  min-width: 30px;
}

.events-dashboard #new-inspection, .events-dashboard #existing-inspection, .events-dashboard .new-inspection {
  margin: 0;
}

.icon-link {
  color: #ccc;
  font-size: 30px;
}
.icon-link.inactive {
  cursor: default;
}
.icon-link.inactive:hover {
  color: #ccc;
}
.icon-link span {
  padding: 6px 5px;
  vertical-align: top;
}

#latest-inspections {
  width: 100%;
}

#most-recent-inspections .container {
  max-width: 100%;
}
#most-recent-inspections .container h3 {
  border-bottom: 1px solid #ccc;
}
#most-recent-inspections .inspection-buttons {
  margin-top: 20px;
}
#most-recent-inspections .inspection-buttons a {
  width: 100%;
}
#most-recent-inspections .reports-menu {
  right: 0;
  bottom: 140%;
  left: auto;
  min-width: 110px;
}
#most-recent-inspections .reports-menu:before, #most-recent-inspections .reports-menu:after {
  content: "";
  position: absolute;
  border-style: solid;
}
#most-recent-inspections .reports-menu:before {
  bottom: -16px;
  left: calc(50% - 16px);
  border-width: 16px 16px 0;
  border-color: rgba(0, 0, 0, 0.15) transparent;
}
#most-recent-inspections .reports-menu:after {
  bottom: -15px;
  left: calc(50% - 15px);
  border-width: 15px 15px 0;
  border-color: #fff transparent;
}

#contacts-table .actions {
  width: 28px;
}
#contacts-table .actions a {
  margin: 0;
}

@media (min-width: 34em) {
  .inspections-management .main-heading .toolbar-left {
    width: calc(100% - 75px);
  }
}

#inspections-table .id-col {
  width: 48px;
}
#inspections-table .actions {
  width: 223px;
}

.login-page {
  height: 100%;
  background-color: #e7e7e7;
}
.login-page #main {
  height: calc(100% - 152px);
  margin: 0;
}
.login-page #main .navbar {
  display: none;
}
@media (min-width: 48em) {
  .login-page #main .navbar {
    display: block;
  }
}
.login-page #footer {
  display: none;
}
@media (min-width: 48em) {
  .login-page #footer {
    display: block;
  }
}

.circle-icon {
  position: relative;
  width: 170px;
  height: 170px;
  margin: 0 auto;
  background-color: #0A84D4;
  border-radius: 50%;
}
.circle-icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#login-form {
  width: 320px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#login-form form {
  padding: 0 5px;
}
#login-form input[type="text"], #login-form input[type="password"] {
  float: none;
}
#login-form .msg {
  border-radius: 5px;
  border: 1px solid;
  margin: 0px 0px 15px;
  padding: 8px 10px 8px;
}
#login-form .msg-info {
  background: #C3E6FF;
  border-color: #9FD1F5;
  color: #005898;
}
#login-form .msg-info p {
  background: url("/images/info.png") no-repeat 0px 50%;
  padding: 12px 10px 12px 55px;
  margin: 0;
}
#login-form ul {
  padding: 0 5px;
  margin: 0;
}
#login-form ul li {
  list-style-type: none;
}
#login-form input[type="submit"] {
  width: 60px;
  height: 34px;
  margin-top: 2.5px;
  border: none;
  border-radius: 3px;
}

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