/* Your app styles here  1 */

/* Left Panel right border when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint:before {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}

/* Hide navbar link which opens left panel when it is visible by breakpoint */
.panel-left.panel-visible-by-breakpoint ~ .view .navbar .panel-open[data-panel="left"] {
  display: none;
}

/*
  Extra borders for main view and left panel for iOS theme when it behaves as panel (before breakpoint size)
*/
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-active ~ .view-main:before,
.ios .panel-left:not(.panel-visible-by-breakpoint).panel-closing ~ .view-main:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,0.1);
  content: '';
  z-index: 6000;
}
.photo-browser-slide img {
    width: 95%;
}
.swiper-zoom-container{
  background-color:black;
}

#map {
     position: unset !important;
}

.job-badge {
  font-size: 20px;
  border-radius: 50%;
  padding: 1px 10px;
}

.led-red {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #F00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
}

.led-amber {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #FFBF00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FFBF00 0 2px 12px;
}

.led-green {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #ABFF00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}


.led-gray {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: gray;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.fab-tooltip {
  right: 25px;
  overflow: visible;
  white-space: nowrap;
}

.fab-tooltip span {
  right: 60px;
  color: white;
  display: block;
  float: left;
  position: absolute;
  border: 2px dotted black;
  border-radius: 10px;
  padding: 7px 20px;
  font-size: 20px;
  background-color: #707070;
  margin-top: -25px;
}

.middle {
  transition: .5s ease;
  /* opacity: 0; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /* text-align: center; */
  /* border: 5px black; */
}

.loading-cog, .loading-msg, .loading-error, .try-again-button {
  text-align: center;
  display: none;
}

.loading-msg p, .loading-msg .msg  {
  font-size: 18px;
  margin: 5px 10px;
}

#inspection-screen-fabs .fab {
  display: none;
}

#my-details-state, #map-state {
  margin-top: 50px;
}

#inspections-template > .list{
    margin-top: 0px;
    /* border-top: 0px; */
    /* border-top-style: double; */
}

.photoUpload{
    /* background: red; */
    background-image: "/docs/web/images/icons/camera.png?max_width=100&max_height=100";
}

.dialog-button{
  text-align: center !Important;
}



.dialog-buttons-2 {
  height: 71%;
  width: 70%;
  overflow: scroll;
}

.tab-link-active {
	    color: white;

}

.tab-link-highlight{
  display: none;
}

.md .fabbuttonstyle{
	margin-top: -10px;

}

.ios .fab-right-bottom {
	margin-bottom: 50px;
  
}


.ios .hazardpageAdjustments {
 margin-top: 50px;
}


.ios .iosnavbarhelper {
  position: absolute;
  margin-bottom: 0px;
}



::-webkit-scrollbar {
  display: none;
}


.dialog-title {
  text-align: center;
  padding-bottom: 10px;
  margin-top: -10px;
}

.PASSED{
  background: lightgreen;
}

.cancel-button {
    display: none;
}

.btn {
    display: inline-block;
    padding: 9px 12px;
    padding-top: 7px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #5e5e5e;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #d1dade;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-image: none !important;
    border: none;
    text-shadow: none;
    box-shadow: none;
    transition: all 0.12s linear 0s !important;
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.btn-white {
    color: #5e5e5e;
    background-color: #fff;
    border: 1px solid #e5e9ec;
}

.edit-button {
    margin-right: 15px;
    margin-bottom: 20px;
}


.STALEDATA {
  background: beige !important;
}



/* 


.photo-stack {
  position: relative;
  margin: auto;
  width: 300px;
  height: 250px;
}
.photo-stack > p {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  font-weight: bold;
  z-index: 1000;
}
.photo-stack img {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid white;
  box-shadow: 0 1px 3px -2px rgba(0,0,0,.5);
  transition: all 0.3s ease-out;
}
.photo-stack img:nth-child(1) {
  z-index: 999;
}
.photo-stack img:nth-child(2) {
  transform: rotate3d(0,0,1,3deg);
}
.photo-stack img:nth-child(3) {
  transform: rotate3d(0,0,1,-3deg);
}
.photo-stack img:nth-child(4) {
  transform: rotate3d(0,0,1,2deg);
}

.photo-stack:hover img:nth-child(1) {
  transform: scale(1.02);
}
.photo-stack:hover img:nth-child(2) {
  transform: translate3d(10%, 0, 0) rotate3d(0,0,1,3deg);
}
.photo-stack:hover img:nth-child(3) {
  transform: translate3d(-10%, 0, 0) rotate3d(0,0,1,-3deg);
}
.photo-stack:hover img:nth-child(4) {
  transform: translate3d(2%, -5%, 0) rotate3d(0,0,1,2deg);
}
.photo-stack:hover img:nth-child(5) {
  transform: translate3d(-5%, -2%, 0) rotate3d(0,0,1,2deg);
}

body {
  padding: 2em;
  background: #f8f8f8;
}
  
*/