html {
  height: 100%;
}

body {
  background: #fcfcfc;
  height: 100%;
}

#workOrderDetailPanel {
  font-size: 12px;
}
#workOrderDetailPanel .label {
  display: block;
  text-align: right;
  color: #000;
  font-size: 12px;
  font-weight: 600;
}

#woNotesPanel,
#woAttachementsPanel {
  font-size: 12px;
}

.table-workorders {
  width: 100%;
  font-size: 12px;
}
.table-workorders a {
  display: block;
}
.table-workorders .row-workorder .ecd.past-due {
  background-color: rgba(255, 80, 80, 0.5);
  -webkit-animation: blink-red 3s infinite;
  animation: blink-red 3s infinite;
}

.panel-green {
  border-color: #5cb85c;
}

.panel-green > .panel-heading {
  border-color: #5cb85c;
  color: white;
  background-color: #5cb85c;
}

.panel-green > a {
  color: #5cb85c;
}

.panel-green > a:hover {
  color: #3d8b3d;
}

.panel-red {
  border-color: #d9534f;
}

.panel-red > .panel-heading {
  border-color: #d9534f;
  color: white;
  background-color: #d9534f;
}

.panel-red > a {
  color: #d9534f;
}

.panel-red > a:hover {
  color: #b52b27;
}

.panel-yellow {
  border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
  border-color: #f0ad4e;
  color: white;
  background-color: #f0ad4e;
}

.panel-yellow > a {
  color: #f0ad4e;
}

.panel-yellow > a:hover {
  color: #df8a13;
}

.huge {
  font-size: 40px;
}

#filter_control_buttons > * {
  vertical-align: bottom;
}

#filter_control_buttons .multiselect-buttons {
  display: block;
}

.col-filter {
  vertical-align: top;
}

.filter-line {
  width: 100%;
  max-width: 200px;
}

.filter-line input {
  font-weight: 300;
}

.filter-line input:not([value=""]),
.filter-line input:focus {
  min-width: 70px;
}

.filter-negative input {
  background-color: #ddd;
  padding-left: 10px;
}

.filter-line:not(.filter-negative) .marker-negative {
  display: none;
}

@media only screen and (max-width: 800px) {
  .responsive-table td:nth-child(10),
.responsive-table th:nth-child(10),
.responsive-table td:nth-child(9),
.responsive-table th:nth-child(9) {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .responsive-table {
    font-size: 11px;
  }

  .responsive-table td:nth-child(8),
.responsive-table th:nth-child(8),
.responsive-table td:nth-child(6),
.responsive-table th:nth-child(6),
.responsive-table td:nth-child(5),
.responsive-table th:nth-child(5),
.responsive-table td:nth-child(4),
.responsive-table th:nth-child(4),
.responsive-table td:nth-child(3),
.responsive-table th:nth-child(3) {
    display: none;
  }
}
.no-pm {
  margin: 0 !important;
  padding: 0 !important;
}

.row {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.container-fluid {
  margin: 0;
  padding: 0 5px;
}

.container {
  padding: 0 5px;
  max-width: 100%;
}

a {
  transition: all 0.3s ease;
}

.btn {
  transition: all 0.3s ease;
}
.panel {
  box-shadow: 1px 3px 3px #ccc;
  transition: all 0.3s ease;
}
.panel:hover {
  box-shadow: 1px 1px 1px #888;
}
.panel .panel-body,
.panel .panel-heading {
  padding: 5px;
}

.form-horizontal .form-group {
  margin: 5px;
}
.form-horizontal .form-group-static .form-control-static,
.form-horizontal .form-group-static .control-label {
  padding: 0;
  min-height: auto;
  font-size: 12px;
  line-height: 18px;
}
.form-horizontal .form-group-static .control-label {
  text-align: right;
  white-space: nowrap;
}
.form-horizontal .form-group-static .form-control-static {
  padding: 0 5px;
}

.modal table th, .modal table td, .modal table label {
  font-size: 12px;
}

*[class^=col-lg-],
*[class^=col-md-],
*[class^=col-sm-],
*[class^=col-xs-] {
  padding: 0 5px;
  margin: 0;
}

*[class^=" col-lg-"],
*[class^=" col-md-"],
*[class^=" col-sm-"],
*[class^=" col-xs-"] {
  padding: 0 5px;
  margin: 0;
}

a {
  cursor: pointer;
}

@keyframes blink-red {
  from {
    background-color: #ff5050;
  }
  to {
    background-color: rgba(255, 80, 80, 0);
  }
}
.blink-red {
  background-color: rgba(255, 80, 80, 0.5);
  animation: blink-red 3s infinite;
}

.panel > .table-bordered {
  border: 1px solid #ddd;
}

/* default, mobile-first styles */
.right-align {
  float: left;
}

/* tablets and upwards */
@media (min-width: 600px) {
  .right-align {
    float: right;
  }
}
.hand-icon {
  cursor: pointer;
  cursor: hand;
}

.navbar-cms {
  border: none;
}
.navbar-cms .container-fluid {
  padding: 0;
  margin: 0;
  /*
  .navbar-brand {
  height: 53px;
  padding: 0px 15px;
  }
  */
}
.navbar-cms .container-fluid .navbar-nav {
  margin: 0;
}
.navbar-cms .container-fluid .navbar-header {
  padding: 0;
  margin: 0;
}
.navbar-cms .container-fluid .navbar-brand {
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.navbar-cms .container-fluid .navbar-brand img {
  display: inline-block;
  max-height: 50px;
}
.navbar-cms .container-fluid .navbar-right {
  padding: 0;
  margin: 0;
}
.navbar-cms .container-fluid .navbar-collapse {
  border: none;
  padding: 0;
  margin: 0;
}
.navbar-cms img {
  width: auto;
}
.navbar-cms a {
  display: block;
}

.table-wo-assets .table-wo-assets-info .table-wo-assets-files .table-wo-assets-file {
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 10px;
  height: 112px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 3px;
}
.table-wo-assets .table-wo-assets-info .table-wo-assets-files .table-wo-assets-file a {
  display: block;
  height: 100px;
}
.table-wo-assets .table-wo-assets-info .table-wo-assets-files .table-wo-assets-file img {
  width: auto;
  max-height: 100px;
}
.table-wo-assets .table-wo-assets-info .table-wo-assets-files .table-wo-assets-file:hover {
  border: 1px solid #ccc;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
  }
}
@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.big-intro-buttons a,
.big-intro-buttons a span {
  display: block;
}
.big-intro-buttons .big-intro-button.active .text-right span:last-child:before,
.big-intro-buttons .big-intro-button.active .text-right div:last-child:before {
  position: relative;
  top: -2px;
  content: "> ";
  margin-right: 8px;
  animation: shake 3s infinite;
  display: inline-block;
}

.login .login-logo {
  margin: 20px 0;
}
.login .login-logo img {
  margin: 0 auto;
  padding: 20px;
  max-height: 200px;
}
.login .login-passwords {
  margin: 0 0 20px;
  background: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px;
}
.login .login-passwords h1 {
  font-size: 30px;
  text-align: center;
  padding: 5px 0;
  margin: 0;
  color: #fff;
}
.login .login-passwords h3 {
  text-align: center;
  padding: 5px 0;
  margin: 0;
  color: #fff;
}
.login .emergency-box {
  background: #eee;
  border: 2px solid #a94442;
  float: right;
  padding: 5px;
}
.login .emergency-box p {
  margin: 0;
  padding: 0 5px;
}
.login .panel {
  background: #777;
}
.login .panel .panel-heading {
  background: #333;
  color: #fff;
}
.login .panel .panel-body {
  background: #eee;
}
.login .panel .panel-body label {
  font-weight: normal;
}
.login .panel .panel-body .btn-primary {
  background: #F2C000;
  border-color: #F2C000;
  color: #333;
}

@media (min-width: 768px) and (max-width: 1040px) {
  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-collapse.collapse.in {
    display: block !important;
  }

  .navbar-header .collapse,
.navbar-toggle {
    display: block !important;
  }

  .navbar-header {
    float: none;
  }

  .navbar-nav {
    float: none !important;
  }
  .navbar-nav li {
    float: none !important;
  }
  .navbar-nav.navbar-right {
    float: none !important;
  }
}
table.table-filter {
  width: auto;
}

table.table-filter td, table.table-filter th {
  padding: 5px;
  border: none !important;
}

.verticalBottom {
  vertical-align: bottom !important;
}

table.table-centered {
  margin: 0 auto;
}

table.table-filter select {
  width: 200px !important;
}

.hiddenFix {
  opacity: 0;
  width: 0;
  height: 0;
}

.full-width {
  width: 100%;
}

.fixing-top-label {
  top: 6px;
}

ul.multiselect-container {
  max-height: 450px !important;
  overflow-y: scroll !important;
}

button.multiselect.dropdown-toggle {
  margin-top: -3px !important;
}

#loginPanel {
  /* margin-top: 150px; */
}

#drop-zone {
  text-align: center;
  position: relative;
  color: rgba(0, 0, 0, 0.4);
  height: 100%;
}

#drop-zone input {
  /*Important*/
  position: absolute;
  /*Important*/
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  height: 100%;
}

#drop-input {
  padding: 0;
}

#drop-zone2 {
  /*Sort of important*/
  width: 300px;
  /*Sort of important*/
  height: 200px;
  left: 50%;
  top: 5px;
  margin-left: -150px;
  border: 2px dashed rgba(0, 0, 0, 0.3);
  border-radius: 20px;
  text-align: center;
  position: relative;
  line-height: 180px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
}

#drop-zone2 input {
  /*Important*/
  position: absolute;
  /*Important*/
  cursor: pointer;
  left: 0;
  top: 0;
  opacity: 0;
}

/*Important*/
#drop-zone2.mouse-over {
  border: 2px dashed rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
}

/*If you dont want the button*/
#clickHere {
  position: absolute;
  cursor: pointer;
  left: 50%;
  top: 50%;
  margin-left: -50px;
  margin-top: 20px;
  line-height: 26px;
  color: white;
  font-size: 12px;
  width: 100px;
  height: 26px;
  border-radius: 4px;
  background-color: #3b85c3;
}

#clickHere:hover {
  background-color: #4499DD;
}

.site-issue-image {
  display: inline-block;
  width: auto;
  background: url(../img/ajax-loader.gif?v=11) center center no-repeat;
}

.site-issue-image img {
  opacity: 0;
}

.asset-image {
  display: inline-block;
  width: auto;
  background: url(../img/ajax-loader.gif?v=11) center center no-repeat;
}

.asset-image img {
  opacity: 0;
}

li.thumb a:nth-of-type(1) {
  display: inline-block;
}

td.has-images ul {
  padding: 0;
  margin: 0;
}

td.has-images ul li {
  padding-bottom: 25px;
}

@media print {
  .no-print, .no-print * {
    display: none !important;
  }
}
.print-only {
  display: none;
}

@media print {
  .print-only {
    display: inline-block;
  }
}
.print-logo {
  max-width: 200px;
  float: right;
}

.notes {
  white-space: pre-wrap;
  word-break: break-all;
}

.read-more-less {
  margin: 5px;
  width: 100px !important;
}

.navbar-right {
  margin-right: 0;
}

.navbar-brand .img-responsive {
  max-height: 51px;
}

.navbar-brand {
  padding: 0;
}

/*no collapse*/
.navbar-collapse.collapse {
  display: block !important;
}

.navbar-nav > li, .navbar-nav {
  float: left !important;
}

.navbar-nav.navbar-right:last-child {
  margin-right: -15px !important;
}

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

.navbar-collapse {
  padding-right: 0;
}

.navbar-nav.navbar-right:last-child {
  margin-right: 0 !important;
}

.rotate-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 20px;
  background: rgba(30, 30, 30, 0.6);
  border-radius: 0;
  color: #ddd;
  cursor: pointer;
  z-index: 100000;
}

.fa-flip {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.lazy-thumb {
  height: 100px !important;
}

.thumb {
  display: inline-block;
  margin: 0 5px;
}

.fancybox {
  text-align: center;
}

.brand-tcg.login {
  background: url("./../branding/tcg/login_bg.jpg");
}
.brand-tcg .login-logo {
  background: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.brand-bfc.login {
  background: #f4f9ff url("./../branding/bfc/login_bg.png") no-repeat top;
}
.brand-bfc .login-logo {
  margin-bottom: 60px;
}

.pictures p {
  font-size: 14px;
  margin: 3px;
}

.photo-thumb {
  height: 120px !important;
  width: 160px !important;
}

.photo-image {
  display: inline-block;
  width: auto;
  background: url(../img/ajax-loader.gif?v=11) center center no-repeat;
}

.photo-image img {
  opacity: 0;
}

.picture-border {
  border: 1px solid #ddd;
  margin-bottom: 2px;
  border-radius: 4px;
}

.pictures .thumb img {
  border: none;
}

.customRow, .havePhotos {
   cursor: pointer; 
}

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