.MainNavLink{
	color:inherit;
}
#WebPageMainNavbar {
  min-width: 100vw;
}
#CameraBox, .fullW {
  max-width: 100vw;
}
main.col-lg-12.pt-3.px-4.fullW {
  margin-top: 50px;
  min-width: 700px;
}
.ListContent>button:hover,.ListContent>button.Active{
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% {  -webkit-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
@-moz-keyframes glowing {
  0% {  -moz-box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
@-o-keyframes glowing {
  0% {  box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
@keyframes glowing {
  0% {  box-shadow: 0 0 3px #B20000; }
  50% {  background-color: #FF0000; -webkit-box-shadow: 0 0 40px #FF0000; color:#ffffff;}
  100% {  -webkit-box-shadow: 0 0 3px #B20000; color:#ffffff;}
}
@media screen and (orientation:portrait) {
	nav.navbar.navbar-light.bg-light.border-bottom.fixed-top.navbar-expand-custom {
	  height: 80px;
	}
	main{
	  margin-top: 80px;
	}
	#set1 .tab-content{
	  position: relative;
	  height: 90vh;
	}
	.form-group.row{
		width: 90%;
    padding-left: 5%;
    padding-right: 5%;
	}
	.float-right{
		float: right;
	}
	.ReferenceDetail-modal-body table td, th, #SummaryDescription {
	  margin-bottom: 0.5rem;
	  font-family: inherit;
	  line-height: 1.2;
	  color: inherit;
	  font-size: 0.75rem;
	}
	/*BOX ESTIMATE*/
	/*BOX ESTIMATE */
	.modal-body-CameraBox, #CameraBox-ModalContent, #ContentModal-ModalContent, .ContentModalbody {
    width: max-content;
	}
	video#video {
    width: 95vw;
    height: 80vh;
	}
	#canvasTakePicture {
    width: 95vw;
    height: 80vh;
	}
	button.btn.btn-success.btn-lg.SaveBtn {
    width: 150px;
	}
	.modal-content-90 {
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  width: 90%;
	  margin-left: 5%;
	  pointer-events: auto;
	  background-color: #dee2e6;
	  background-clip: padding-box;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  border-radius: 0.3rem;
	  outline: 0;
	  max-height: 62%;
	}
	.modal-content-100-100 {
	  position: relative;
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-box-orient: vertical;
	  -webkit-box-direction: normal;
	  -ms-flex-direction: column;
	  flex-direction: column;
	  width: 100%;
	  max-height: 90%;
	  pointer-events: auto;
	  background-color:  white;
	  background-clip: padding-box;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  border-radius: 0.3rem;
	  outline: 0;
	  overflow-y: auto;
	  min-height: 90vh;
	}
	.modal-content-full-screen-ascpectRatio {
	  position: relative;
	  width: 100vw;
	  height: 100vh;
	  pointer-events: auto;
	  background-color:  #e6ffe6;
	  background-clip: padding-box;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  border-radius: 0.3rem;
	  outline: 0;
	  overflow-y: scroll;
	}
	#EstQuickReviewModal{
	  background-color: #b9babd;
	}
	#EstQuickReviewModalContent{
	  background-color: #ffe6e9;
	}
	#EBExtraInfoModalContent {
	  background-color: lavender;
	  overflow-y: hidden;
	}
	#EBExtraInfoModal {
	  position: absolute;
	  width: 25%;
	  height: 60%;
	  left: 33%;
	  background-color: lavender;
	  overflow-y: hidden;
	}
	.Deel {
	  float: left;
	  max-width: 25%;
	  border: 1px solid blue;
	}
	.btn-right{
	  display: inline-block;
	  float: right;
	}
	.completeWidth{
	  width: 100%;
	}
	.btn-verylight{
	  background-color:#fff;
	  border:1px solid rgba(0, 0, 0, 0.125);
	}
	.btn-verylight.Active{
	  background-color: #007bff;
	  color: #fff;
	}
	.btn-verylight:hover{
	  background-color:#495057;
	}
	.AddDamagesList,.AddRepairsList,.AddPossibleFormsList > button{
	  height: 50px;
	}
	.AddDamagesList{
	  position: absolute;
	  left: 10%;
	  width: 30%;
	  top: 150;
	  height: 80%;
	  overflow-y: auto;
	}
	.AddRepairsList{
	  position: absolute;
	  left: 40%;
	  width: 30%;
	  top: 150;
	  height: 80%;
	  overflow-y: auto;
	}
	.AddPossibleFormsList{
	  position: absolute;
	  left: 70%;
	  width: 30%;
	  top: 150;
	  height: 80%;
	  overflow-y: auto;
	}
	.AddDamageAndRepairModal-modal-body {
	    height: 80vh;
	}
	.RealActive{
	  background-color: red !important;
	}
	#SaveAddDamageAndRepairBtn {
	  float: right;
	  bottom: 0;
	}

	/*DAINKIN START */
}
@media (min-width:1025px) {
	nav.navbar.navbar-light.bg-light.border-bottom.fixed-top.navbar-expand-custom {
	  height: 80px;
	}
	#set1 .tab-content{
	  position: relative;
	  height: 80vh;
	}
	main{
	  margin-top: 80px;
	}
}
/* OFFLINE MODE - simulated offline banner used for testing the offline behaviour */
#ForcedOfflineBanner {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2147483000;
  width: 100%;
  padding: 6px 12px;
  background-color: #b30000;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
}
#ForcedOfflineBanner > button {
  margin-left: 12px;
}

/* SYNC INDICATOR - shows the connection and how much is still waiting to be sent */
#SyncIndicator {
  position: fixed;
  left: 10px;
  bottom: 10px;
  z-index: 2147482000;
  padding: 4px 10px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 14px;
  font-size: 0.8rem;
  background-color: #ffffff;
}
#SyncIndicator .SyncIndicatorDot {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin-right: 6px;
  border-radius: 50%;
  vertical-align: middle;
}
#SyncIndicator.SyncIndicatorOnline .SyncIndicatorDot {
  background-color: #1e7e34;
}
#SyncIndicator.SyncIndicatorOffline .SyncIndicatorDot {
  background-color: #b30000;
}
/* SYNC PANEL - progress of what is being sent, with the option to stop and continue later */
#SyncPanel {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 2147482500;
  width: 380px;
  max-width: 94vw;
  max-height: 80vh;
  overflow-y: auto;
  padding: 12px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  background-color: #ffffff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
}
#SyncPanel .SyncPanelHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
#SyncPanel .SyncPanelHeader > h5 {
  margin: 0;
}
#SyncPanel .progress {
  height: 18px;
  margin: 8px 0;
}
#SyncPanelCurrent {
  min-height: 22px;
  font-weight: 700;
  word-wrap: break-word;
}
#SyncPanelItems {
  max-height: 30vh;
  overflow-y: auto;
  margin-top: 8px;
}
#SyncPanelItems .SyncItemLine {
  padding: 3px 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 0.85rem;
}
#SyncPanelItems .SyncItemOk {
  color: #1e7e34;
}
#SyncPanelItems .SyncItemSkipped {
  color: #8a6d00;
}
#SyncPanelItems .SyncItemFailed {
  color: #b30000;
}
#SyncPanel .SyncSummaryBox {
  margin-top: 8px;
  padding: 8px;
  border: 1px solid #8a6d00;
  border-radius: 4px;
  background-color: #fff8e1;
  font-size: 0.85rem;
}
#SyncPanel .SyncPanelFooter {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
#SyncPanel .SyncPanelDebug {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px dashed rgba(0, 0, 0, 0.25);
}
/* OFFLINE LIST - the list that is shown from the stored copy */
.OfflineListNotice, #ListDownloadProgress {
  padding: 4px 8px;
  margin-bottom: 6px;
  border-radius: 4px;
  background-color: #fff8e1;
  border: 1px solid #8a6d00;
  font-size: 0.8rem;
}