/* line 19, sass/main.scss */
body {
  overflow-y: scroll;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  background-color: white;
}

/* line 24, sass/main.scss */
.right-buttons {
  padding-left: 21px;
  padding-right: 20px;
  padding-top: 90px;
}

/* line 30, sass/main.scss */
.confirm-dialog .modal-content {
  top: 35px;
  right: 33%;
  width: 36%;
  float: right;
  background-color: white;
  padding-bottom: 0px;
}

/* line 38, sass/main.scss */
.modal-header {
  background-color: black;
  box-shadow: 2px 2px 2px grey;
  border-bottom: 2px solid #b5121b;
  color: white;
}
/* line 43, sass/main.scss */
.modal-header i {
  cursor: pointer;
}

/* line 47, sass/main.scss */
tr.fat {
  font-weight: bolder;
}

/* line 50, sass/main.scss */
.text-status {
  margin-left: 13px;
  font-family: sans-serif;
  font-size: 20px;
}

/* line 55, sass/main.scss */
.large-button {
  font-size: 44px;
  size: 38px;
  padding-bottom: 5%;
  padding-top: 4%;
  margin-left: 3%;
}

/* line 62, sass/main.scss */
.main-header {
  background-color: black;
  height: 100px;
  margin-bottom: 20px;
  box-shadow: 2px 2px 2px grey;
  border-bottom: 5px solid #b5121b;
}
/* line 68, sass/main.scss */
.main-header .container-fluid {
  padding: 5px 35px;
  height: 100%;
}
/* line 71, sass/main.scss */
.main-header .container-fluid img {
  vertical-align: top;
  height: 66px;
}
/* line 76, sass/main.scss */
.main-header .logo-text {
  margin-top: 14.5px;
  display: inline-block;
  font-size: 55px;
  color: white;
  font-weight: bolder;
  font-family: 'Open Sans', sans-serif;
  padding-right: 20px;
}
/* line 84, sass/main.scss */
.main-header .logo-text span {
  line-height: 66px;
}
@media (max-width: 800px) {
  /* line 76, sass/main.scss */
  .main-header .logo-text {
    font-size: 35px;
  }
}

/* line 93, sass/main.scss */
.column-height {
  height: 40px;
}

/* line 97, sass/main.scss */
.edit-btn {
  margin-top: 3px;
}

/* line 100, sass/main.scss */
.textarea {
  resize: none;
}

/* line 103, sass/main.scss */
.cancel-button {
  padding-left: 97%;
}

/* line 107, sass/main.scss */
.title-text {
  font-size: 23px;
  padding-left: 1%;
  padding-top: 1%;
  line-height: 1;
}

@media (max-width: 800px) {
  /* line 114, sass/main.scss */
  .tab-content {
    overflow: scroll;
  }
}

/* line 120, sass/main.scss */
.modal-dialog {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: table;
  height: auto;
}
@media (min-width: 1200px) {
  /* line 120, sass/main.scss */
  .modal-dialog {
    width: 90%;
  }
}
@media (min-width: 800px) and (max-width: 1200px) {
  /* line 120, sass/main.scss */
  .modal-dialog {
    width: 90%;
    height: 85%;
    overflow: scroll;
    display: block;
  }
}

/* line 138, sass/main.scss */
.modal-body {
  padding-left: 37px;
  padding-right: 37px;
  padding-bottom: 0px;
}

/* line 143, sass/main.scss */
.modal-footer {
  margin-top: 0px;
}

/* line 149, sass/main.scss */
.nav-pills li a {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
/* line 153, sass/main.scss */
.nav-pills li a:hover, .nav-pills li a:focus {
  color: white;
  background-color: #428bca;
}
/* line 158, sass/main.scss */
.nav-pills li.active a {
  box-shadow: 0 -2px 2px 1px #888;
  background-color: black;
  color: #428bca;
}
/* line 162, sass/main.scss */
.nav-pills li.active a:hover, .nav-pills li.active a:focus {
  box-shadow: 0 -2px 2px 1px #888;
  background-color: black;
  color: #428bca;
}

/* line 170, sass/main.scss */
.menu {
  list-style: none;
}
/* line 172, sass/main.scss */
.menu li {
  display: inline-block;
  margin-right: 5px;
}
/* line 175, sass/main.scss */
.menu li a {
  text-decoration: none;
  color: white;
  font-weight: bolder;
  transition: 0.2s;
}
/* line 180, sass/main.scss */
.menu li a:hover, .menu li a:focus {
  color: #b5121b;
}

/* line 187, sass/main.scss */
.main-container {
  padding: 5px;
  min-height: 500px;
  margin-bottom: 20px;
}

/* line 194, sass/main.scss */
.main-wrapper.styled {
  background: white;
  border: 1px solid grey;
  box-shadow: 1px 1px 1px grey;
  padding-bottom: 10px;
  margin-top: 0px;
}

/* line 203, sass/main.scss */
.main-wrapper {
  margin: 10px;
}

/* line 209, sass/main.scss */
.table tbody tr {
  cursor: pointer;
  transition: 0.2s;
}
/* line 213, sass/main.scss */
.table tbody tr.selected {
  background-color: black;
  color: white;
}
/* line 217, sass/main.scss */
.table tbody tr td {
  padding: 7px;
  text-align: center;
}
/* line 221, sass/main.scss */
.table tbody tr td.details-button {
  vertical-align: middle;
}
/* line 224, sass/main.scss */
.table tbody tr.current {
  font-weight: bold;
}
/* line 227, sass/main.scss */
.table tbody tr.highlighted {
  background-color: #f0ad4e;
}
/* line 230, sass/main.scss */
.table tbody tr.marked {
  background-color: #5cb85c;
}
/* line 233, sass/main.scss */
.table tbody tr.important {
  background-color: #b5121b;
  color: white;
}
/* line 237, sass/main.scss */
.table tbody tr.deleted {
  color: grey;
  font-style: italic;
  background-color: white;
  text-decoration: line-through;
}
/* line 246, sass/main.scss */
.table thead tr:nth-child(1) {
  background-color: #b5121b;
  color: white;
  text-shadow: none;
}
/* line 251, sass/main.scss */
.table thead th {
  text-align: center;
}
/* line 255, sass/main.scss */
.table th.sortable.sort-desc, .table .ng-table th.sortable.sort-asc {
  background-color: #9e1018;
  color: white;
  text-shadow: none;
}

/* line 263, sass/main.scss */
.summary-list .well {
  padding: 5px;
}
/* line 265, sass/main.scss */
.summary-list .well:nth-child(even) {
  background-color: ghostwhite;
}

/* line 273, sass/main.scss */
.mobile-table tbody tr {
  font-size: 16px;
}
/* line 275, sass/main.scss */
.mobile-table tbody tr td {
  padding: 10px;
}
@media (max-width: 800px) {
  /* line 271, sass/main.scss */
  .mobile-table {
    overflow: scroll;
  }
}

/* line 285, sass/main.scss */
.mobile-tag-selection {
  display: inline-block;
  float: none;
  width: 150px;
}

/* line 291, sass/main.scss */
.entypo {
  font-family: 'entypo';
  font-size: 1.5em;
}
/* line 294, sass/main.scss */
.entypo + span {
  position: relative;
  top: -4px;
}

/* line 300, sass/main.scss */
.edit-icon {
  font-size: 1.8em;
  padding-left: 5px;
  cursor: pointer;
  vertical-align: bottom;
}

/* line 307, sass/main.scss */
.recommendation {
  width: calc(100% - 40px);
  display: inline-block;
}

/* line 312, sass/main.scss */
.tag-info {
  margin: 0;
}

/* line 316, sass/main.scss */
.box {
  padding: 1em 1.5em;
  background-color: #f5f5f5;
  border: 1px solid #f0f0f0;
  margin: 1em;
  font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* line 323, sass/main.scss */
.green {
  color: green;
}

/* line 326, sass/main.scss */
.red {
  color: red;
}

/* line 329, sass/main.scss */
.back-link {
  position: absolute;
  right: 20px;
  top: 20px;
}

/* line 334, sass/main.scss */
.margin-form {
  margin-top: 10px;
}

/* line 337, sass/main.scss */
.button-region {
  display: inline-block;
}

/* line 340, sass/main.scss */
.search-input {
  width: 200px;
}

/* line 343, sass/main.scss */
.alert-wrapper {
  position: absolute;
  z-index: 9999;
  width: 100%;
  margin-top: 10px;
}
/* line 348, sass/main.scss */
.alert-wrapper .alert {
  position: relative;
  width: 300px;
  margin: 0 auto;
  margin-bottom: 10px;
}

/* line 356, sass/main.scss */
.technician-selection {
  transition: 0.5s;
  position: fixed;
  width: 300px;
  right: 0;
  bottom: 0;
  padding: 20px;
  background: black;
  color: white;
  border-top-left-radius: 20px;
  box-shadow: 0 0 2px 2px #888;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
}
/* line 370, sass/main.scss */
.technician-selection.show {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 1600px) {
  /* line 356, sass/main.scss */
  .technician-selection {
    width: 200px;
    height: 200px;
  }
}
@media screen and (max-width: 1900px) {
  /* line 356, sass/main.scss */
  .technician-selection {
    height: 200px;
  }
}

/* line 382, sass/main.scss */
.tag-selection {
  transition: 0.5s;
  position: fixed;
  width: 300px;
  top: 0;
  left: calc(50% - 150px);
  padding: 20px;
  background: black;
  color: white;
  box-shadow: 0 0 2px 2px #888;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  padding-top: 0;
}
/* line 398, sass/main.scss */
.tag-selection input.new-tag {
  width: 150px;
  display: inline-block;
  margin-bottom: 10px;
}
/* line 402, sass/main.scss */
.tag-selection input.new-tag + button {
  display: inline-block;
  margin-bottom: 10px;
}
/* line 407, sass/main.scss */
.tag-selection.show {
  opacity: 1;
  pointer-events: auto;
}
@media screen and (max-width: 1600px) {
  /* line 382, sass/main.scss */
  .tag-selection {
    width: 300px;
  }
}
/* line 414, sass/main.scss */
.tag-selection h3 {
  margin-bottom: 5px;
  margin-top: 5px;
}

/* line 420, sass/main.scss */
.action-button {
  margin: 10px;
}

/* line 424, sass/main.scss */
.tab-inner-content {
  border: 1px solid #dddddd;
  border-top: none;
  padding: 20px;
}

/* line 429, sass/main.scss */
.back-button {
  font-size: 17px;
}

/* line 433, sass/main.scss */
.service-order-footer {
  border-top: 1px solid black;
}

/* line 436, sass/main.scss */
.add-new-row-button {
  margin-bottom: 20px;
}

/*
Allow angular.js to be loaded in body, hiding cloaked elements until
templates compile.  The !important is important given that there may be
other selectors that are more specific or come later and might alter display.
URL: http://stackoverflow.com/a/13276214/1246994
*/
/* line 446, sass/main.scss */
[ng\:cloak], [ng-cloak], .ng-cloak {
  display: none !important;
}

/* line 450, sass/main.scss */
.modal.fade .modal-dialog {
  -webkit-transform: none;
}

/* line 453, sass/main.scss */
.fade {
  opacity: none;
  -webkit-transition: none;
  transition: none;
}

/* line 459, sass/main.scss */
.header-buttons {
  margin-top: 5px;
  margin-right: 30px;
}
/* line 462, sass/main.scss */
.header-buttons .info-text {
  color: white;
}

/* line 467, sass/main.scss */
.loader {
  width: 150px;
  height: 150px;
  line-height: 150px;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  z-index: 0;
  font-weight: bolder;
}

/* line 480, sass/main.scss */
.btn-margin {
  margin-top: 0px;
}

/* line 483, sass/main.scss */
.loader:before,
.loader:after {
  opacity: 0;
  box-sizing: border-box;
  content: "\0020";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  border: 5px solid #b5121b;
  box-shadow: 0 0 50px #b5121b, inset 0 0 50px #b5121b;
}

/* line 498, sass/main.scss */
.btn-space {
  margin-top: 5px;
  margin-right: 73px;
  margin-left: 73px;
}

/* line 503, sass/main.scss */
.loader:after {
  z-index: 1;
  -webkit-animation-name: gogoloader;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-delay: 1s;
  -webkit-transform: translateZ(0);
}

/* line 512, sass/main.scss */
.loader:before {
  z-index: 2;
  -webkit-animation-name: gogoloader;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes gogoloader {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
/* line 534, sass/main.scss */
.fa {
  line-height: inherit;
}

/* line 539, sass/main.scss */
.service-info .row {
  padding-bottom: 3px;
}
/* line 541, sass/main.scss */
.service-info .row input {
  height: auto;
  padding: 0;
  padding-left: 5px;
}

/* line 549, sass/main.scss */
.mark-row-checkbox-label {
  height: 100%;
  margin-bottom: 0;
}

/* line 554, sass/main.scss */
.uppercase, .uppercase-form input, .uppercase-table td {
  text-transform: uppercase;
}

/* line 566, sass/main.scss */
.status-text {
  display: inline-block;
  margin: 10px;
  padding: 6px 12px;
}

/* line 572, sass/main.scss */
.pagination {
  margin: 0;
}

/* line 576, sass/main.scss */
.dashboard-icon {
  font-size: 20px;
  font-weight: bolder;
  text-align: center;
  color: black;
  transition: 0.3s;
}
/* line 581, sass/main.scss */
.dashboard-icon i {
  font-size: 50px;
  color: #b5121b;
}
/* line 585, sass/main.scss */
.dashboard-icon .tag-name {
  line-height: 50px;
  font-size: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  vertical-align: bottom;
}
/* line 593, sass/main.scss */
.dashboard-icon .tag-name + div {
  text-align: left;
  text-indent: 60px;
}
/* line 598, sass/main.scss */
.dashboard-icon:hover {
  text-decoration: none;
  color: #cc141e;
}
/* line 601, sass/main.scss */
.dashboard-icon:hover i {
  color: #cc141e;
}

/* line 609, sass/main.scss */
.tag-dashboard-icon {
  font-size: 20px;
  color: black;
  transition: 0.3s;
}
/* line 612, sass/main.scss */
.tag-dashboard-icon .icon {
  line-height: 70px;
  height: 70px;
}
/* line 616, sass/main.scss */
.tag-dashboard-icon i {
  font-size: 30px;
  color: #b5121b;
}
/* line 620, sass/main.scss */
.tag-dashboard-icon .tag-name {
  line-height: 50px;
  font-size: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: left;
  vertical-align: bottom;
}
/* line 629, sass/main.scss */
.tag-dashboard-icon:hover {
  text-decoration: none;
  color: #cc141e;
}
/* line 632, sass/main.scss */
.tag-dashboard-icon:hover i {
  color: #cc141e;
}
/* line 637, sass/main.scss */
.tag-dashboard-icon .count-info {
  font-size: 15px;
}

/* line 642, sass/main.scss */
.tag-box {
  background-color: #f5f5f5;
  box-shadow: 1px 1px 1px grey;
  margin: 10px;
  padding: 10px;
  width: 250px;
  display: inline-block;
  height: 90px;
  border-radius: 2px;
}
/* line 652, sass/main.scss */
.tag-box .delete i {
  font-weight: normal;
  font-size: 15px;
  cursor: pointer;
}
/* line 659, sass/main.scss */
.tag-box .info {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* line 664, sass/main.scss */
.tag-box:hover {
  box-shadow: 3px 3px 3px grey;
}

/* line 668, sass/main.scss */
.technician-box {
  height: 180px;
}

/* line 672, sass/main.scss */
.spin {
  animation: spin 4s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}