.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 1.5rem;
  justify-items: center;
  margin: 0;
  padding: 0;
}

.gallery-frame {
  padding: .5rem;
  font-size: 1.2rem;
  text-align: center;
  background-color: #333;
  color: #d9d9d9;
}

.gallery-img {
  max-width: 100%;
  height: auto;
  object-fit: cover;
  padding: 0.1rem;
}

.blinking {

    background-color: orange;
	text-shadow: none;
	animation: opacity 2s ease-in-out infinite;
    opacity: 1;
}

@keyframes opacity {
  0% {
    opacity: 1;
  }
 
  50% {
    opacity: 0
  }

  100% {
    opacity: 1;
  }
}

input{
  background: #fff;
  border-width: 1px;
  color: black;
}

.editfield{
  width: 55%;
}

textarea{
  background: #fff;
  border-width: 1px;
  color: black;
}
select{
  background: #fff;
  color: black;
  border-width: 1px;
}
button{
	background-color: rgb(239, 239, 239);
	color: black;
}
.scale
{
  -webkit-transform: scale(0);
  -webkit-transition: -webkit-transform 3s;
}
.offline{
    text-align: center;
	background-color: #C62828;
	color: white;
	text-shadow: none;
}
.buttonIndex {
 opacity: 0.1;!important;
}

.InputText {
    width: 95%;
	border-width: 1px;
}
.timeRangeSlider {
    position: relative;
}
.timeRangeSlider .timeLabel{
    position: absolute;
    top: 30px;    
}
.timeRangeSlider .timeLabel2{
    position: absolute;
    top: 30px; 
}
.fr :lang(nl) {
  display: none;
}
.nl :lang(fr) {
  display: none;
}
.nl_vi :lang(fr) {
  display: none;
}
.nl_vi :lang(visitor) {
  display: none;
}
.fr_vi :lang(nl) {
  display: none;
}
.fr_vi :lang(visitor) {
  display: none;
}
.swiper-container {
    /* height: 230px;*/
    height: 100%;
	width: 100%;
}
.swiper-container-2 {
    height: 100%;
	width: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#galleryPage {
  background-color:#cccccc !important;
  background: transparent !important;;
}
div.galleryitem {
    /* To correctly align image, regardless of content height: */
	border:5px solid;
	border-color: #cccccc;
	border-radius: 10px;
	vertical-align: top;
    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
    width: 120px;
	background-color:#e6e6e6 !important;
}
div.galleryMax {
    /* To correctly align image, regardless of content height: */
	border:5px solid;
	border-color: #cccccc;
	border-radius: 10px;
	vertical-align: top;
    display: inline-block;
    /* To horizontally center images and caption */
    text-align: center;
    /* The width of the container also implies margin around the images. */
    width: 800px;
	background-color:#e6e6e6 !important;
}
.caption {
    /* Make the caption a block so it occupies its own line. */
    display: block;
	color: #404040;
	background-color: #e6e6e6 !important;
}
.caption2 {
    /* Make the caption a block so it occupies its own line. */
    display: block;
	color: #404040;
	background-color: #e6e6e6 !important;
	text-align: left !important;
	margin-left: 15px !important;
}
.caption3 {
	width: 100% !important;
	height: auto !important;
}
.caption4 {
	width: auto !important;
	height: 40px !important;
}
.caption5 {
    /* Make the caption a block so it occupies its own line. */
    display: block;
	color: #404040;
	background-color: #e6e6e6 !important;
	text-align: left !important;
	margin-left: 15px !important;
    font-size: 0.83em;
    font-weight: bold;
}
.nonactive {
  background-color:#ef5350 !important;/*red */
}
.active {
  background-color:#9ccc65 !important;/*green */
}
.gestart span{
	background-color:#ffff00 !important;/*Yellow */
	text-shadow: none;
}
.gecontroleerd span{
	background-color:#ffbd45 !important;/*orange */
	text-shadow: none;
}
.geschrapt span{
	background-color:#ff6f60 !important;/*red */
	text-shadow: none;
}
.nieuw span{
	background-color:#ff6f60 !important;/*red */
	text-shadow: none;
}
.geviseerd span{
	background-color:#76d275 !important;/*green */
	text-shadow: none;
}
.gevalideerd span{
	text-shadow: none;
}
.A-result {
  background-color:#76d275 !important;/*green */
  text-shadow: none;
}
.B-result {
  background-color:#ffbd45 !important;/*orange */
  text-shadow: none;
}
.C-result {
  background-color:#ff6f60 !important;/*red */
  text-shadow: none;
}
.N-result {
  background-color:#6ec6ff !important;/*blue */
  text-shadow: none;
}
.borderlist {
    list-style-position:inside;
    border: 1px solid #A9A9A9;
}
.chart {
  width: 100%;
}
#loaderImage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
#mainList {
	clear: both;
}
#staticMap{
	width:100%
}
#dynamicMap {
    height: 300px;
    width: 100%;
}  
#streetviewMap{
    height: 300px;
    width: 100%;
}
#multimarkerMap {
	height: 300px;
	width: 100%;
}  
#rateMap {
	height: 600px;
    width: 100%;
}
#detailArabArchive {
	text-align: center;
}	 
.docTitle{
	color: blue;
	white-space:normal !important;
}
.docDetail{
	white-space:normal !important;
}
.leftBlock{
	color: blue;
}
.centerBlock{
	color: green;
	text-align: center;
}
.rightBlock{
	color: green;
	text-align: right;
} 
div.adres{
	font-size: 13px;
}
.adres{
	color: #616161;
	white-space:normal
}
.remark{
	white-space:normal;
}
.remark_m{
	white-space:normal;
	background-color: yellow;
}
.remark_p{
	white-space:normal;
	background-color: lime;
}
.remark_s{
	white-space:normal;
	background-color: Cyan;
}
.remark_k{
	white-space:normal;
	background-color: Orange;
}
.comment {
  word-wrap: break-word;
}
.calendarDay{
	white-space:normal;
	background-color: #e9e9e9;
    border-color: #ddd;
    color: #333;
	font-weight: 700;
	padding: 10px;
}
.calendarTitle{
	white-space:normal;
	color: #216121; 
	font-weight: 700;
}
.calendarHidden a{
	white-space:normal;
	color: #660066;
	text-decoration:none;
}
.calendarAo a{
	white-space:normal;
	color: #0066cc;
	text-decoration:none;
}
.calendarAo_no_delete a{
	white-space:normal;
	color: #993030;
	text-decoration:none;
}
.calendarIr a{
	white-space:normal;
	color: #744d00;
	text-decoration:none;
}
.bottomCenterPlus {
    position: fixed;
    z-index: 9999;
    bottom: 80px;
    left: 85%;
    margin: 0;
    margin-left: -15px;
	width: 64px;
	height: 64px;
	background-color: red !important;
    border-radius: 50% !important;
}
.bottomCenterScan {
    position: fixed;
    bottom: 80px;
    left: 85%;
    margin-left: -30px;
}
.buttonMyIcon {
	width: 44px !important;
	height: 44px !important;
    border-radius: 50% !important;
	border-color: transparent !important;
    background-color: transparent!important;
	z-index:10;
}
.buttonMyIcon2 {
	width: 44px !important;
	height: 44px !important;
	top: 150px !important;
    border-radius: 50% !important;
	border-color: transparent !important;
    background-color: transparent!important;
}
.buttonMyIconText {
	width: 44px !important;
    border-radius: 50% !important;
	border-color: transparent !important;
    background-color: transparent!important;
}
.ui-btn-active{ 
    color: #2F3E46 !important ; 
    background: none !important; 
    background-color: #eee !important; 
    text-shadow: 0 /*{a-bup-shadow-x} */ 
                 1px /*{a-bup-shadow-y}*/ 
                 0 /*{a-bup-shadow-radius}*/ 
                 #ffffff /*{a-bup-shadow-color}*/;  
}
.buttonCenter{ 
    left: 0;
    position: absolute;
    text-align: center;
    top: 10%;
    width: 100%;
}
.ui-page-theme-f {
    background: -webkit-linear-gradient(to bottom ,#E6F7F2,#007F44); /* Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to bottom ,#E6F7F2,#007F44); /* For Opera 11.6 to 12.0 */
    background: -moz-linear-gradient(to bottom ,#E6F7F2,#007F44); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right ,#E6F7F2,#007F44); /* Standard syntax (must be last) */
}

/*necessary for iphoneX*/
#mypanel {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
#customHeader {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
}
#customFooter {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
/**/
#custom-header {
    text-align: center;
}
#custom-header .ui-block-a {
    width: 15% !important;    
}
#custom-header .ui-block-b {
    width: 15% !important;    
}
#custom-header .ui-block-c {
    width: 15% !important;    
}
#custom-header .ui-block-d {
    width: 15% !important;    
}
#custom-header .ui-block-e {
    width: 40% !important;    
}
.ui-icon-myicon-more:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-more.svg");
}
.ui-icon-myicon-download:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-download.svg");
}
.ui-icon-myicon-qrcode:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-qrcode.svg");
}
.ui-icon-myicon-doublecheck:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-doublecheck.svg");
}
.ui-icon-myicon-edit1:after {
  width: 32px !important;
  height: 32px !important;
  background: 50% 50% no-repeat !important;
  border-radius: 0 !important;
  margin-left: -16px!important;
  margin-top: -16px!important;
  background-image: url("../pics/myicon-edit1.svg")!important;
}
.ui-icon-myicon-edit2:after {
  background: 50% 50% no-repeat !important;
  border-radius: 0 !important;
  background-image: url("../pics/myicon-edit2.svg")!important;
}
.ui-icon-myicon-edit3:after {
    background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url(../pics/myicon-edit3.svg);
}
.ui-icon-myicon-help:after {
  background: 50% 50% no-repeat !important;
  border-radius: 0 !important;
  background-image: url("../pics/myicon-help.svg")!important;
}
.ui-icon-myicon-thumbup:after {
    background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url(../pics/myicon-thumbup.svg);
}
.ui-icon-myicon-delete:after {
    background-color: transparent !important;
    width: 26px !important;
    height: 26px !important;
    margin-left: -13px !important;
	background-image: url(../pics/myicon-delete.svg);
}
.ui-icon-myicon-bars:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-bars.svg");
}
.ui-icon-myicon-gridblock:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-gridblock.svg");
}
.ui-icon-myicon-gridhorizontal:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-gridhorizontal.svg");
}
.ui-icon-myicon-bullets:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-bullets.svg");
}
.ui-icon-myicon-action:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-action.svg");
}
.ui-icon-myicon-refresh:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-refresh.svg");
}
.ui-icon-myicon-back:after {
	background-color: transparent !important;
    width: 26px !important;
    height: 26px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-back.svg");
}
.ui-icon-myicon-clock:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-clock.svg");
}
.ui-icon-myicon-myicon-carat-r:after {
	background-color: transparent !important;
    width: 26px !important;
    height: 26px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-myicon-carat-r.svg");
}
.ui-icon-myicon-home:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 26px !important;
    margin-left: -16px !important;
	background-image: url("../pics/myicon-home.svg");
}
.ui-icon-myicon-camera:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -16px !important;
	background-image: url("../pics/myicon-camera.svg");
}
.ui-icon-myicon-check:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-check.svg");
}
.ui-icon-myicon-conclusion:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-conclusion.svg");
}
.ui-icon-myicon-location:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-location.svg");
}
.ui-icon-myicon-cloud:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 26px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-cloud.svg");
}
.ui-icon-myicon-search:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-search.svg");
}
.ui-icon-myicon-nowifi:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-nowifi.svg");
}
.ui-icon-myicon-calendar:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-calendar.svg");
}
.ui-icon-myicon-mail:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-mail.svg");
}
.ui-icon-myicon-star:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-star.svg");
}
.ui-icon-myicon-user:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-user.svg");
}
.ui-icon-myicon-grid:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -18px !important;
	background-image: url("../pics/myicon-grid.svg");
}
.ui-icon-myicon-gear:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-gear.svg");
}
.ui-icon-myicon-power:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-power.svg");
}
.ui-icon-myicon-sort:after {
	background-color: transparent !important;
    width: 36px !important;
    height: 22px !important;
    margin-left: -13px !important;
	background-image: url("../pics/myicon-sort.svg");
}