@media (max-width: 991.98px){
	.app-header.header-text-light .header-mobile-open {
		border-radius: 0px;
		height: 86vh;}
		.app-header-left{
			display: block;
			width: 100%;
			height: 50px;
			position: absolute;
			top: 0;
			z-index: 10000;
		}
		.header-menu .nav{
			display: grid;
			width: 100%;
			height: 90px;
			z-index: 1111;
			position: absolute;
			top: 0;
		}
		/*Menu modifier*/
		.app-header.header-text-light .header-mobile-open {
			border-radius: 0px !important;
			height: 86vh !important;}
			.app-header-left{
				display: block !important;
				width: 100%;
				height: 50px;
				position: absolute;
				top: 0;
				z-index: 10000;
			}
			.nav{
				display: grid !important;
				width: 100%;
				height: 90px;
				z-index: 1111;
				position: absolute;
				top: 0;
			}
			/*Fade lass*/
			.app-header.header-text-light .header-mobile-open{
				width: 100%;
				left: 0px;
				top: 60px;
			}
			.app-header-right{
				top: 3%;
				position: absolute;
				right: 5%;
			}
			.app-header-left {
				display: block !important;
				width: 100%;
				height: 50px;
				position: absolute;
				top: 70px;
				z-index: 10000;
			}
			.card-header-tab .nav{position: relative !important;}
		}
		/*End Menu modifier*/
		.importantField:after {
			content: " *";
			color: red;
		}
		.optionalField:after {
			content: " ( Optional )";
		}
		.simsData {
			color: #0000A0;
		}
		p{
			text-align: justify;
		}
		.left-bar{display: block; width: 50px; float: left;}
		.left-bar img{width: 100%; display: block;}
		.right-bar{display: block; width: 100px; float: right;}
		.right-bar img{width: 100%; display: block;margin-top: -20px;}
		.jdl1{display: block; width: 100%; font-weight: bold; font-size: 20px; text-align: center; font-family: arial; float:left; text-transform: uppercase; margin: 5px;}
		.jdl2{display: block; width: 100%; font-weight: bold; font-size: 15px; text-align: center; font-family: arial; float:left; text-transform: uppercase; margin-bottom: 20px;}
		.jdl3{display: block; width: 100%;font-size: 12px; text-align: center; font-family: arial; float:left; text-transform: uppercase; margin-bottom: 20px;margin-top: 30px;}
		#qrCodeMap {width: 100%; height: 600px;}
		.select2.select2-container.select2-container--bootstrap4 {
			width: 100%!important;
		}

		td.details-control {
			background: url('../../resources/details_open.ico') no-repeat center center;
			cursor: pointer;
		}
		tr.details td.details-control {
			background: url('../../resources/details_close.ico') no-repeat center center;
		}

		.widget-heading-card {
			font-size: 1.6rem !important;
		}

		.mapboxgl-popup-content {
			width: 500px;
		}