[v-cloak] {
  display: none;
}

body {
  font-family: calibri, arial;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: calibri, arial;
}

p, a, button {
  font-family: calibri, arial;
}

.pt1 {
  padding-top: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.pt64 {
  padding-top: 64px !important;
}

.pb64 {
  padding-bottom: 64px !important;
}

.mt64 {
  margin-top: 64px !important;
}

.mb64 {
  margin-bottom: 64px !important;
}

.pt128 {
  padding-top: 128px !important;
}

.pb128 {
  padding-bottom: 128px !important;
}

.mt128 {
  margin-top: 128px !important;
}

.mb128 {
  margin-bottom: 128px !important;
}

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

textarea {
  min-height: 250px;
}

.admin-panel-wrap {
  position: absolute;
  right: 0;
  z-index: 10;
  top: -2px;
  background: #545454;
  width: 352px;
  height: 59px;
}
.admin-panel-wrap .button.logout-button {
  position: absolute;
  right: 3px;
  top: 12px;
}
.admin-panel-wrap .glyphicon {
  color: #6b6b6b;
  font-size: 42px;
  float: right;
  width: 57px;
  height: 48px;
  margin-top: 9px;
  padding: 10px 0 0 5px;
}
.admin-panel-wrap a.admin-user-wrap-link {
  color: #717171;
  font-size: 20px;
  float: right;
  background: #e4e4e4;
  border: 0 solid #c7c7c7;
  margin: 2px;
}
.admin-panel-wrap a.admin-user-wrap-link:hover, .admin-panel-wrap a.admin-user-wrap-link:focus {
  cursor: pointer;
  background: #f1f1f1;
}

.admin-user-wrap {
  padding: 11px;
  color: white;
}

.admin-panel-popup {
  border: 1px solid #ccc;
  position: fixed;
  z-index: 20;
  right: 2px;
  top: 59px;
  padding: 10px;
  width: 220px;
  background: white;
  display: none;
}

.sidebar-nav > ul {
  padding-left: 0;
  list-style-type: none;
}
.sidebar-nav > ul ul {
  padding-left: 12.5px;
  list-style: none;
}
.sidebar-nav li.current > a {
  background: #929596;
  color: white;
  border-left: 5px solid white;
}
.sidebar-nav li.current a i {
  left: -16px;
}
.sidebar-nav li a i {
  display: inline-block;
  position: absolute;
  left: -20px;
}
.sidebar-nav li.current > a:hover,
.sidebar-nav li.current > a:focus {
  color: black;
}

.row-has-not-seen {
  font-weight: bold;
}

span.badge-unread {
  background-color: #d9534f;
  display: block;
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 0;
  text-align: center;
  text-indent: 0;
  line-height: 1;
  z-index: 9999;
  width: 50px;
  height: 50px;
  padding: 20px 0 0 0;
  font-size: 13px;
}
.current span.badge-unread {
  height: 50px;
}

span.has-children-trigger {
  display: block;
  color: white;
  position: absolute;
  top: 0;
  right: 0px;
  line-height: 1.75;
  text-indent: 0;
  width: 33px;
  height: 40px;
  padding: 8px 0 0 9px;
}
span.has-children-trigger:hover {
  background: rgba(255, 255, 255, 0.51);
}

.admin-overlay {
  z-index: 999;
  position: fixed;
  background-color: white;
  width: 100%;
  height: 100%;
  display: none;
}

a.current-page {
  color: white;
  background: #337ab7;
  padding: 0 3px;
  text-decoration: underline;
}

img.grid-preview-pic {
  outline: 1px solid #ccc;
  padding: 3px;
  max-width: 100px;
  max-height: 100px;
}

.table .btn {
  position: relative;
}

.admin-body .well .table tr:first-child td {
  border-top: none;
}

#gallery img {
  max-width: 300px;
}

.quick-book-link:hover {
  color: white;
  outline: 1px solid white;
  background-color: #0dabec;
  text-decoration: none;
}

/* Sidebar Styles */
.sidebar-nav {
  position: absolute;
  width: 250px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li {
  text-indent: 20px;
  line-height: 50px;
  position: relative;
}
.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  background: rgba(206, 212, 214, 0.0784313725);
  border-bottom: 1px solid rgba(146, 149, 150, 0.4509803922);
  text-indent: 35px;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
  color: #dcdcdc;
}
.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

a.sort-active {
  color: #a94442;
}

.has-items-within {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: green;
  border-radius: 50%;
  z-index: 10;
  top: 2px;
  right: 1px;
}

.has-no-items-within {
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: red;
  border-radius: 50%;
  z-index: 10;
  top: 2px;
  right: 1px;
}

select option:disabled {
  color: #ddd;
}

.tab-pane {
  padding: 10px;
}

.nav-tabs > li > a {
  border-radius: 0;
}
.nav-tabs > li > a.tab-has-error {
  padding-right: 62px;
}

.tab-error-count {
  position: absolute;
  right: -1px;
  top: -1px;
  display: block;
  width: 42px;
  height: 42px;
  text-align: center;
  padding-top: 14px;
  background: #d9534f;
  color: white;
  border-radius: 0 4px 0 0;
}

.pagination-wrap a {
  outline: 1px solid #c3c3c3;
  padding: 5px;
  display: inline-block;
  height: 30px;
  float: left;
  margin-right: 3px;
  margin-bottom: 10px;
}

/* Extend semantic UI */
.segment img {
  margin: 0 auto;
  display: block;
}

.ui.tabular.menu .item.has-error {
  padding-right: 60px;
}

.bookee-wrap-outer {
  display: none;
}

.select-item-results-wrap {
  height: 550px;
}

.print-logo img {
  margin: 10px;
  height: 80px;
}

button.ui.hidden-button {
  display: none;
}

.dashboard-button {
  text-align: center;
  width: 150px;
  border: 1px solid #ccc;
  background: white;
  border-radius: 4px;
  margin-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  display: inline-block;
}
.dashboard-button i.icon {
  font-size: 87px;
  margin: 0 0 10px 0;
  line-height: 1;
  color: #303a43;
}
.dashboard-button a {
  z-index: 3;
  font-size: 30px;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dashboard-button:hover, .dashboard-button:focus {
  background: #303a43;
  color: white;
}
.dashboard-button:hover i, .dashboard-button:focus i {
  color: white;
}

.group-id-even {
  background: #f4f4f4;
}

#locationField {
  height: 42px;
}

.pac-container {
  z-index: 1002;
}

/* Patch to prevent grey highlighting */
.ui.celled.table tr td {
  /*background-color: white;*/
}

.admin-links-wrap {
  position: absolute;
  right: 80px;
  height: 55px;
  top: 16px;
  color: white;
}
.admin-links-wrap a {
  color: white;
}
.admin-links-wrap a:hover {
  color: white;
  text-decoration: none;
}
.admin-links-wrap a:hover span {
  text-decoration: underline;
}

.top-wrap {
  height: 57px;
  background: #81888e;
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
}

.admin-logo-wrap a {
  width: 100%;
  display: block;
  height: 57px;
  font-size: 16px;
  line-height: 1.25;
  color: white;
}
.admin-logo-wrap a:hover {
  color: #b8d4e9;
}

img.image-login-logo {
  max-width: 100%;
}

.admin-panel-links {
  position: absolute;
  top: 0;
  right: 352px;
}
.admin-panel-links a {
  width: 205px;
  font-size: 15px;
  color: white;
  line-height: 0;
  height: 57px;
  display: block;
  position: relative;
  line-height: 57px;
  background: rgba(179, 179, 179, 0.5019607843);
}
.admin-panel-links a:hover {
  color: white;
  background: rgba(202, 198, 198, 0.5019607843);
}
.admin-panel-links a:hover i.icon {
  background: #3d66a2;
}
.admin-panel-links a span {
  position: absolute;
  left: 85px;
}
.admin-panel-links a i.icon {
  height: 57px;
  width: 57px;
  font-size: 22px;
  position: absolute;
  top: 0;
  left: 0;
  background: #626467;
}

#sidebar-wrapper {
  top: 57px;
  left: 250px;
  overflow: hidden;
  transition: 120ms;
  position: fixed;
  width: 0;
  height: 100%;
  margin-left: -250px;
  background-color: #475057;
  z-index: 1000;
  filter: none;
}
#sidebar-wrapper .left.icon {
  display: none;
}
#sidebar-wrapper .right.icon {
  display: block;
}
#sidebar-wrapper .toggle-home-button {
  bottom: 174px;
}
#sidebar-wrapper .toggle-bookmarks-button {
  bottom: 131px;
}
#sidebar-wrapper .toggle-menu-button {
  bottom: 90px;
}
#sidebar-wrapper .toggle-home-button,
#sidebar-wrapper .toggle-menu-button,
#sidebar-wrapper .toggle-bookmarks-button {
  position: fixed;
  z-index: 9999;
  left: 0;
  background: #475057;
  color: white;
  border: none;
  border-radius: 0 5px 5px 0;
  padding: 8px 4px;
  cursor: pointer;
  transition: 120ms;
}
#sidebar-wrapper .toggle-home-button:hover,
#sidebar-wrapper .toggle-menu-button:hover,
#sidebar-wrapper .toggle-bookmarks-button:hover {
  background: #656d72;
}
#sidebar-wrapper.open {
  width: 250px;
  overflow: hidden;
}
#sidebar-wrapper.open .toggle-menu-button,
#sidebar-wrapper.open .toggle-home-button,
#sidebar-wrapper.open .toggle-bookmarks-button {
  left: 250px;
}
#sidebar-wrapper.open ~ #wrapper {
  padding-left: 242px;
  width: calc(100% - 242px);
}
#sidebar-wrapper.open .left.icon {
  display: block;
}
#sidebar-wrapper.open .right.icon {
  display: none;
}
#sidebar-wrapper.open ~ .work-order-action-bar {
  width: calc(100% - 250px);
  right: 0;
  left: auto;
}

#wrapper {
  padding-left: 0;
  height: 100%;
  position: fixed;
  width: 100%;
}

#page-content-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 83px 20px 20px 40px;
  overflow-y: scroll;
}

.admin-logo-wrap {
  height: 57px;
  width: 250px;
  background: #515b61;
  border-bottom: 1px solid rgba(146, 149, 150, 0.4509803922);
}
.admin-logo-wrap a {
  width: 100%;
  display: block;
  height: 57px;
  font-size: 16px;
  line-height: 1.25;
  color: white;
}
.admin-logo-wrap a:hover {
  color: #b8d4e9;
}
.admin-logo-wrap img {
  height: 48px;
  margin-left: 10px;
  margin-top: 3px;
}

.admin-logo-wrap {
  height: 67px;
  background: linear-gradient(#ea1489, #b43891);
}
.admin-logo-wrap img {
  height: 57px;
  margin-left: 0;
  margin-top: 0;
}

.top-wrap {
  background: #5e6367;
}

.ui.cards > .card {
  position: relative;
  z-index: 10;
}

a.card-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
a.card-overlay:hover {
  background: rgba(255, 255, 255, 0.33);
}

.ui.cards > .card.card-cms {
  border-radius: 0;
  height: 120px;
  box-shadow: none;
  padding: 10px;
}
.ui.cards > .card.card-cms.card-orange {
  background: #F2711C;
}
.ui.cards > .card.card-cms.card-teal {
  background: #00B5AD;
}
.ui.cards > .card.card-cms.card-blue {
  background: #2185D0;
}
.ui.cards > .card.card-cms.card-violet {
  background: #6435C9;
}
.ui.cards > .card.card-cms.card-green {
  background: #21BA45;
}
.ui.cards > .card.card-cms.card-brown {
  background: #A5673F;
}
.ui.cards > .card.card-cms.card-red {
  background: #f00;
}

span.card-metric {
  position: absolute;
  top: 27px;
  left: 80px;
  font-size: 50px;
  color: white;
}

span.card-icon {
  font-size: 40px;
  position: absolute;
  z-index: 10;
  top: 28px;
  left: 23px;
  color: white;
}

span.card-label {
  position: absolute;
  color: white;
  text-transform: uppercase;
  top: 69px;
  left: 20px;
}

.card-label p {
  font-size: 17px;
  margin-top: -10px;
}

span.breadcrumbBase {
  padding: 4px 0px 5px 5px;
  background-color: rgba(0, 0, 0, 0.05);
  margin-right: 5px;
  border-radius: 0.28571429rem;
}
span.breadcrumbBase:hover {
  background-color: #cacbcd;
  cursor: pointer;
  box-shadow: 0px 0px 0px 1px transparent inset, 0px 0em 0px 0px rgba(34, 36, 38, 0.15) inset;
}

.so-drop-zone {
  width: 100%;
  height: 200px;
  position: relative;
  border: 2px dashed #eee;
}
.so-drop-zone:hover {
  border: 2px dashed #2e94c4;
}
.so-drop-zone.so-drop-zone-active {
  border: 2px dashed #2e94c4;
}
.so-drop-zone.so-drop-zone-active .so-drop-zone-info {
  background-color: #eee;
}

.so-drop-zone:hover .so-drop-zone-title {
  color: #1975A0;
}

.so-drop-zone-info {
  color: #A8A8A8;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  background: #fff;
  height: 100%;
}
.so-drop-zone-info:hover {
  background-color: #eee;
}

.so-drop-zone-title {
  color: #787878;
  font-size: 26px;
  padding-top: 40px;
  display: block;
}

.so-drop-zone input {
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.so-drop-zone-upload-limit-info {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.so-drop-zone-over {
  background: #5C5C5C;
  opacity: 0.8;
}

.so-drop-zone-uploaded {
  width: 100%;
  height: 200px;
  position: relative;
  border: 2px dashed #eee;
}

.so-drop-zone-uploaded-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #A8A8A8;
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translate(0, -50%);
  text-align: center;
}