/* KBtnList */
ul.KBtnList {
	list-style:none;padding:0 0;margin:10px 0;
	overflow-y:hidden; overflow-x: auto; white-space: nowrap;
}
.KBtnList .ddbtn {position: relative;}
.KBtnList .ddbtn > .ddmenu {
	list-style:none; display:none;
	z-index:1300; position:absolute;top:100%;right:0;
}
.KBtnList .ddbtn:hover > .ddmenu,
 .KBtnList .ddbtn.open > .ddmenu {display: block;}

@media screen and (min-width: 768px) {
	.KBtnList::-webkit-scrollbar {height: 5px;}
	.KBtnList::-webkit-scrollbar-track {
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	    border-radius: 10px;
	}
	.KBtnList::-webkit-scrollbar-thumb {
	    border-radius: 10px;
	    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	}
}

/* KIntersectionObserver */
.InObW {overflow: auto;}

/* KInfiniteScroll */
.pageScroll > .fa {text-align: center; width: 100%; cursor:pointer}
.pageScroll > .KInfiniteScroll {height: auto;}

/* MyDialog */
.MyDialog {
  background-color: beige;
  #opacity: 90%;
  text-align: center;
}
/* KImageGallery */
.WImageCapture.modal.Wt-dialog { text-align: center; /*width:90vw; height:70vh}
.WImageCapture.modal .modal-dialog { width: 100%; height:100%; */}
.WImageCapture .modal-header {
  padding: 0 1em;
}
.WImageCapture .buttons {
  text-align: center;
}
.WImageCapture canvas { display:none; }
.WImageCapture video,
.WImageCapture canvas {
  max-width: 320px; max-height: 320px;
}
@media (min-width: 576px) and (min-height: 576px) {
.WImageCapture.modal .modal-dialog { max-width:80vw; }
.WImageCapture video,
.WImageCapture canvas {
  min-width: 320px; min-height: 320px;
  max-width: 80vw; max-height: 60vh;
}
}
/*.WImageCapture video,
.WImageCapture canvas {
  max-width:80vw; max-height:60vh;
}*/

/* KImageViewer */
.KImageGallery {
  position: relative;
}
.KImageGallery,
.KImageGallery .KImageViewer {
  height: 100%; width:100%; text-align:center;
}
.KImageGallery > .buttons {
  position:absolute; top: 5px; right: 5px;
}
.KImageGallery > .buttons > a {
  cursor: pointer;
}

.KImageViewer, .KImageViewer > img {
  height:100%;
  text-align: center;
}
.body .KImageViewer > img {
  max-width:90vw !important; max-height:90vh !important;
}
.KImageViewer > .fa {
  width:30%;
  font-size:3em; cursor:pointer;
  position:absolute; opacity:0.8; top:40%;
}
.KImageViewer > .fa-chevron-left {left:-.2em; text-align:left;}
.KImageViewer > .fa-chevron-right {right:-.2em; text-align:right;}
.KImageViewer-popup .fa-times-circle-o {
  /*position:absolute; top:-10px; right:-10px;*/
  cursor: pointer;
}
.KImageViewer-popup .body {
  text-align: right;
  max-width:90vw; max-height:90vh;
}
.KImageViewer.empty, .KSignaturePad.empty, .KPicture.empty {
  _background: url('/ksresources/images/noimage.jpg');
  background-color: orange;
  background-size: contain;
}

.LightBox { width: 90vw; height: 90vh }
.LightBox .modal-body { text-align: center }
.LightBox .modal-body img { height: 100%; object-fit: contain; }

/* KFileDisplay */
.KFileDisplay {width:100%;height:100%;text-align:center;font-size: 2em; position:relative;
  overflow:hidden;text-overflow:ellipsis;
}
.KFileDisplay > .fa-trash-o {position:absolute;right:0;top:0;background-color:pink;}
.KFileDisplay > .fa.fa-upload {height:100%!important;}
.KFileDisplay > .fa {cursor:pointer;}
.KFileLink.nofile:before {font-family:FontAwesome;content:"\f1db";color:white;}
.KFileLink.nofile:hover {text-decoration:none;}
.KFileLink.nofile > span {display:none;}

/* KPicture */
.KPicture img.noimage {}

/* QrCodeScanner */
.QrCodeScanner i.fa-close {position: absolute; top:0px; right:0px; color:black; z-index: 100}
.QrCodeScanner hr {width:100%; height:1px; margin:37% 0; background-color:red; border:0;}

@keyframes glowing {
  0% { opacity: 100; }
  40% { opacity:0;}
  60% { opacity:0;}
  100% { opacity: 100; }
}

.glow {
  animation: glowing 2000ms infinite;
}