/*@font-face{
    font-family: CentraNo2;
    src: url('CentraNo2.woff2'), url('CentraNo2.woff2') format('woff2');
    }
@font-face{
    font-family: AvertaCY;
    src: url('AvertaCY-Regular.woff2'), url('AvertaCY-Regular.woff2') format('woff2');
    }*/
@media print{

    #resultboard {
        size: A4 !important;
        margin: 0mm;
        width: 150px !important;
        height: 150px !important;
        top: 0 !important;
        left: 0 !important;
        position:relative !important;
        overflow:visible !important;
    }
}
@font-face {
  font-family: 'webfont';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_z85y1tjiz8e.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/webfont_z85y1tjiz8e.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/webfont_z85y1tjiz8e.woff2') format('woff2'),
  url('//at.alicdn.com/t/webfont_z85y1tjiz8e.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/webfont_z85y1tjiz8e.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/webfont_z85y1tjiz8e.svg#NotoSansHans-DemiLight') format('svg'); /* iOS 4.1- */
}
html{
    min-width: 500px;
}
body{
	/*font-family:"AvertaCY";*/
    /*font-family:"CentraNo2";*/
    min-width: 500px;
    font-family:Manrope, "Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
/*font-family: Manrope,"Poppins",Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/	

/*background:radial-gradient(ellipse at center, rgba(255,254,234,1) 0%, rgba(255,254,234,1) 35%, #B7E8EB 100%);
overflow: hidden;*/

}
/*#phone:lang(en)::placeholder { 
    font-size: 10px !important; 
}
#phone:lang(en)::-webkit-input-placeholder { 
    font-size: 10px !important; 
}

#phone:lang(en):-moz-placeholder { 
    font-size: 10px !important;
}

#phone:lang(en)::-moz-placeholder { 
     font-size: 10px !important;
}

#phone:lang(en):-ms-input-placeholder { 
    font-size: 10px !important;
}*/

body:lang(zh-cn) {
   font-family:Manrope, "webfont", "Noto Sans SC", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
} 
body:lang(zh-hk) {
  font-family:Manrope,  "Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
} 
body:lang(zh-tw) {
   font-family:Manrope, "Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

.custom-file-label:lang(zh-cn)::after {
   content: "浏览";
}

.custom-file-label:lang(zh-tw)::after {
   content: "瀏覽";
}

.custom-file-label:lang(zh-hk)::after {
   content: "瀏覽";
}


@media (min-width:500px) and (max-width:767px){
#email:lang(en)::placeholder,#phone:lang(en)::placeholder { /* WebKit browsers */
    font-size: 7.5px !important; /* 1em -> input font-size * 1 -> 40px * 1 = 40px */
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
#email:lang(en)::-webkit-input-placeholder,#phone:lang(en)::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 7.5px !important; /* 1em -> input font-size * 1 -> 40px * 1 = 40px */
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en):-moz-placeholder,#phone:lang(en):-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 7.5px !important;
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en)::-moz-placeholder,#phone:lang(en)::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-size: 7.5px !important;
     font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en):-ms-input-placeholder,#phone:lang(en):-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 7.5px !important;
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
} 
	

.thin-card{
	background-color:#FFF;
	border: 1px solid #CCC;
	padding:10px !important;
	border-radius: 6px;
}	
	
	
.card-body {
    padding: 10px !important;
}
.col-md-6{
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
}

@media screen and (max-width:767px) {
#email:lang(en)::placeholder,#phone:lang(en)::placeholder { /* WebKit browsers */
    font-size: 7.5px !important; /* 1em -> input font-size * 1 -> 40px * 1 = 40px */
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
#email:lang(en)::-webkit-input-placeholder,#phone:lang(en)::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 7.5px !important; /* 1em -> input font-size * 1 -> 40px * 1 = 40px */
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en):-moz-placeholder,#phone:lang(en):-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 7.5px !important;
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en)::-moz-placeholder,#phone:lang(en)::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-size: 7.5px !important;
     font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en):-ms-input-placeholder,#phone:lang(en):-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 7.5px !important;
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
} 
.thin-card{
	background-color:#FFF;
	border: 1px solid #CCC;
	padding:10px !important;
	border-radius: 6px;
}	
	.col-md-6{
	padding-right: 0rem !important;
	padding-left: 0rem !important;
}
	.form-control.chnName {
    	border-radius: 6px !important;
	}
	.form-control.engName {
    	border-radius: 6px !important;
	}
	#brand{
		width:260px;
		height:auto;
	}
	#navbar{
		padding: .5rem 5px .5rem 5px;
	}
	#toast{
		width:300px;
	}
	#header{
		padding-top:32px;
	}
	#enquiryboard{
		margin-top:0px;
	}
}
@media screen and (min-width: 768px) {
#email:lang(en)::placeholder,#phone:lang(en)::placeholder { /* WebKit browsers */
    font-size: 11px !important; /* 1em -> input font-size * 1 -> 40px * 1 = 40px */
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}
#email:lang(en)::-webkit-input-placeholder,#phone:lang(en)::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 11px !important; /* 1em -> input font-size * 1 -> 40px * 1 = 40px */
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en):-moz-placeholder,#phone:lang(en):-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 11px !important;
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en)::-moz-placeholder,#phone:lang(en)::-moz-placeholder { /* Mozilla Firefox 19+ */
     font-size: 11px !important;
     font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
}

#email:lang(en):-ms-input-placeholder,#phone:lang(en):-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 11px !important;
    font-family:"Noto Sans HK", "Microsoft JhengHei",  微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif;
} 
	 .form-inline .form-control.chnName {
	    /*border-radius: 0px;*/
	    border-top-right-radius: 0px;
	    border-bottom-right-radius: 0px;
	}
	#brand{
		height:80px;
		width:auto;
	}
	#toast{
		width:450px;
	}
	#header{
		padding-top:120px;
	}
	
	#titleboard{
		position:fixed;
		width:50%;
		max-width:450px;
	}
	#contextboard{
	    transform: translateX(50%);
	    left:20%;
	}
	#enquiryboard{
		margin-top:10px;
	}
	
	.container, .container-md, .container-sm {
    max-width: 780px;
	}
}

/*@media screen and (max-width: 1199px) {
	#titleboard{
		position:fixed;
		width:45%;
		max-width:450px;
	}
	
}*/
@media (min-width: 768px) and (max-width: 788px) {
	#titleboard{
		position:fixed;
		width:45%;
		max-width:400px;
	}
	.container, .container-md, .container-sm {
    	max-width: 960px;
	}
}

@media (min-width: 789px) and (max-width: 991px) {
	#titleboard{
		position:fixed;
		width:45%;
		max-width:400px;
	}
	.container, .container-md, .container-sm {
    max-width: 960px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	#titleboard{
		position:fixed;
		width:45%;
		max-width:450px;
	}
	.container, .container-md, .container-sm {
    max-width: 960px;
	}
}
@media (min-width: 1200px) and (max-width: 1404px) {
	#titleboard{
		position:fixed;
		width:45%;
		max-width:620px;
	}
	
}

@media screen and (min-width: 1405px) {

	#input-row{
    /*margin-left: -150px;
    margin-right: -150px;*/
	}
	
	#titleboard{
		position:fixed;
		width:45%;
		max-width:640px;
	}

	
	#contextboard{
	    transform: translateX(50%);
	    left:20%;
	    width:60%;
	}
	#enquiryboard{
		margin-top:10px;
	}

}

@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1400px !important;
	}
}

.thin-card{
	background-color:#FFF;
	border: 1px solid #CCC;
	padding: 1.25rem;
	border-radius: 6px;
}

label {
    display: block;
}

.bg-light {
    background-color: #fff !important;
}


.spinner-border {
    width: 1rem !important;
    height: 1rem !important;
}

/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #e65100;
}

.animated-icon2 span {
background: #625bb8;;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}



.req{
	font-family: "Noto Sans HK", "Microsoft JhengHei", 微軟正黑體, 微軟雅黑體, 細明體_HKSCS, Arial, sans-serif !important;
	font-style: italic;
	vertical-align: super;
    color: #721c24;/*#C2185B*//*#B71C1C*/;
    font-size: small;
}	



#navbar{
    background: white !important;
}

#header{
    color: aliceblue;
    /*background:linear-gradient(120deg,#bbe4e9,#77c9d4,#57Bc90,#4ea981);*/
}
.form-check-label{
    padding-right: 15px;
    margin-bottom: .5rem;
}

.btn-outline-secondary:hover {
    color: #fff;
    background:linear-gradient(120deg,#bbe4e9,#77c9d4,#57Bc90,#4ea981);
    border-color: #6c757d;
}


#header{
    /*padding-top: 120px;*/
    padding-bottom: 300px;
    /*position:absolute;
	background-size: auto 100%;
	display: grid;
	align-items: center;
    justify-content: center;*/
    

    /*background:url('img/image5.jpg') no-repeat;*/
    /*background:url('2020 LCGE_Main Backdrop.png') no-repeat;*/
    background-position-y: 90%;
    /*background-size: 100% auto;*/
    /*background-size: cover;*/
    
    /*background-size: 100% auto;*/
    /*background-size: contain;
    background-size: 100% 100%;*/
    /*width: 100%;
    height: 100%;*/
    /*background-position: 10% 0;*/
    /*background-position: 0 bottom;*/
    background-attachment: fixed;
    /*background-position: bottom; */
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 0;
    left: 0;

    bottom: 60px;


    /*display: grid;*/
	align-items: center;
    justify-content: center;
} 
#inputboard,#enquiry-inputboard,#introboard{
    /*width:500px;*/
    left:0;
    right:0;
    color: #555;
    opacity:0.95;
    /*padding: .5rem;*/
}

#titleboard,#inputboard{
	/*min-width:540px;*/	
}

#inputboard,  #mainboard, #enquiryboard, #enquiry-inputboard{
    position: relative;
}

#resultboard{
    display: none;
}

#footer {
    padding-top: 15px;
	padding-bottom: 15px;
}

.card-body{
	border-radius: 6px;
}

.card-body:lang(zh) {
   letter-spacing:2px;
} 	

.card-chart{
	background:#4ea981;/*linear-gradient(120deg,#bbe4e9,#77c9d4,#57Bc90,#4ea981);*/
	/*color:#6c757d;*/
	font-size:18px;
	padding:20px;
	/*border-radius: 6px;*/
}


.card-chart:lang(zh){
	letter-spacing:2px;	
}
 
footer{
    /*background:linear-gradient(120deg,#bbe4e9,#77c9d4,#57Bc90,#4ea981);*/
	background-color:#4ea981;/*#4ea981;*/
	position: fixed;
    height: 60px;
    bottom: 0;
    width: 100%;
}
.header-btn{
    color: white;
    border-color: white;
}
.header-btn:hover{
    background: #f1f1f186;
    border-color: #f1f1f186;;
}
/*.header-content-right{
background-size: cover;
	display: grid;
	align-items: center;
	justify-content: center;
}*/
.frosted {
	width: 30rem;
	box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);	
	border-radius: 5px;
	background-color: rgba(255, 255, 255, .15);
	
	backdrop-filter: blur(5px);
}
.flex-fill {
   flex:1 1 auto;
}

#resize-div{
    width:1000px;
}

.btn-lce-agree{
    color:#645cb2;
    font-weight: bold;
}

.lce-hidden{
	visibility:hidden;
    display:none !important;
}
.toast.hide {
    display: none !important;
}

.ocean { 
    /*height: 5%;*/
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    background: #015871;
  }
  
.wave {
    background: url(wave.svg) repeat-x; 
    position: fixed;
    bottom: 35px;
    width: 6400px;
    height: 198px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
    transform: translate3d(0, 0, 0);
    z-index:-10;
  }
  
.wave:nth-of-type(2) {
    left: -500px;
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
  }

  .wave2 {
    left: -250px;
    background: url(wave.svg) repeat-x; 
    position: fixed;
    bottom: 35px;
    width: 6400px;
    height: 198px;
    transform: translate3d(0, 0, 0);
    animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
    opacity: 1;
    z-index:-10;
  }
  
  @keyframes wave {
    0% {
      margin-left: 0;
    }
    100% {
      margin-left: -1600px;
    }
  }
  
  @keyframes swell {
    0%, 100% {
      transform: translate3d(0,25px,0);
    }
    50% {
      transform: translate3d(0,-25px,0);
    }
  }

 .form-inline .form-control.hkid_digits,  .form-inline .form-control.hkid_digits_enq, .form-inline .form-control.cccx  {
    border-radius: 0px;
}

.form-inline .form-control.hkid_prefix ,.form-inline .form-control.hkid_prefix_enq ,.form-inline .form-control.ccc1 {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#hkid_checksum,#ccc6,#hkid_checksum_enq,.input-group-addon:last-child {
    /*border-left: 0;*/
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}




/* .form-inline .form-control.chnName {
    
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}*/

.form-inline .form-control.chnName {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#engName,.input-group-addon:last-child {
    /*border-left: 0;*/
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#chnName,#engName{
    margin:0;
    position: relative;
}



.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
#hkid_prefix,#hkid_digits,#hkid_checksum{
    margin:0;
    position: relative;
}

#hkid_prefix_enq,#hkid_digits_enq,#hkid_checksum_enq{
    margin:0;
    position: relative;
}

.pgb .step {
    text-align: center;
    position:relative;
    }
.pgb h2 {
    font-size:1.3rem;
}
.pgb .step p {
    position:absolute;
    height:40px;
    width:100%;
    text-align:center;
    display:block;
    z-index:3;
    color:#fff;
    font-size:100%;
    line-height:40px;
    opacity:1;
}
.pgb .active.step p {
    opacity:1;
    font-weight:600;
}
.pgb .img-circle {
      display: inline-block;
      width: 40px;
      height: 40px;
      border-radius:50%;
      background-color:#9E9E9E;
      /*border:4px solid #fff;*/
    }
.pgb .complete .img-circle {
      background-color:#4ea981/*#4CAF50*/;
    }
.pgb .active .img-circle {
      background-color:#7ca6d8/*#FF9800*/;
    }
.pgb .step .img-circle:before {
        content: "";
        display: block;
        background: #9E9E9E;
        height: 4px;
        width: 50%;
        position: absolute;
        bottom: 50%;
        left: 0;
        z-index: -1;
        margin-right:24px;
    }
.pgb .step .img-circle:after {
        content: "";
        display: block;
        background: #9E9E9E;
        height: 4px;
        width: 52%;
        position: absolute;
        bottom: 50%;
        left: 50%;
        z-index: -1;
    }
.pgb .step.active .img-circle:after {
        background: #9E9E9E;
    }

    .pgb .step.complete .img-circle:before,.pgb .step.complete .img-circle:after, .pgb .step.active .img-circle:before {
        background: #4ea981 !important/*#4CAF50*/;
    }

    .pgb .step:last-of-type .img-circle:after, .pgb .step:first-of-type .img-circle:before{
        display: none;
    }

    #stepindicator,#enquiry-stepindicator{
        color:#6c757d;
        border: 1px solid rgba(0,0,0,.125);
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        /*line-height:2;*/
    }
    
    .step-title{
    	color:rgb(108, 117, 125);
    	position: absolute;
    	top: 40px;
    	width: 100%;
    	text-align:center;
    	font-size:14px;
    	/*hyphens: auto;*/
    }
    
    #titlemsg{
    	font-size:18px;
    	color:#555;
		font-weight:500;
		/*color: #6c757d;*/
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		line-height:2;
		padding:20px;
		/*height:285px;
		overflow-y: auto;*/
    
    }
    
    #input-title{
    font-size:18px;
    color: #625bb8;
    }
    
    #enquiry-input-title{
    font-size:18px;
    color: #CC4c02;
    }
    
   /*#input-widgets{
  visibility: hidden;
  display:none;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}*/

	.btn-outline-secondary{
		background-color:#4ea981;
		color:#fff;
	}

    
    .farrow{
    	font-size:24px;
    	vertical-align: bottom;    
    }
    
    .invalid-tooltip {
    position: relative;
    }
    
    .input-group > .custom-select:not(:first-child), .input-group > .form-control:not(:first-child) {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
	}
    
    .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child), .input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
	}

	.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
	    color: #dc3545 !important;
	}
	
#navbar {
    /*border-bottom: 3px solid #4ea981;*/
}

.soleBtn{
	border-radius:6px !important;
}

.attrrow{
	margin-bottom:15px;
}
.attrtag{
	font-weight:bold;
    max-width: 50% !important;

}
.attrrow>.col-md-6{
	width:50%;
}
.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 10px;
}
#docImg,#pdf-preview{
	border:1px solid #ccc;
}
.addedAddrImage{
	margin: 10px;
}
.half-circle-spinner, .half-circle-spinner * {
      box-sizing: border-box;
    }

    .half-circle-spinner {
      width: 60px;
      height: 60px;
      border-radius: 100%;
      position: relative;
    }

    .half-circle-spinner .circle {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      border: calc(60px / 10) solid transparent;
    }

    .half-circle-spinner .circle.circle-1 {
      border-top-color: #625bb8;
      animation: half-circle-spinner-animation 1s infinite;
    }

    .half-circle-spinner .circle.circle-2 {
      border-bottom-color: #625bb8;
      animation: half-circle-spinner-animation 1s infinite alternate;
    }

    @keyframes half-circle-spinner-animation {
      0% {
        transform: rotate(0deg);

      }
      100%{
        transform: rotate(360deg);
      }
    }
.darkenDiv{    
    /*background-color: hsla(0,0%,0%,0.05);*/
    border-radius:5px;
}

.darkenlink{    
    width:max-content;
    display:block;
    padding:10px;
}

.darkenlink:hover{    
    background-color: hsla(0,0%,0%,0.05);
    padding:10px;
    border-radius:5px;
}

.frow {
    margin-right: 0px;
    margin-left: 0px;
}

.frow>.col-md4 {
    padding-right: 0px;
    padding-left: 0px;
}
.frow>.col-md6 {
    padding-right: 0px;
    padding-left: 0px;
}
.row-md{
    padding-right: 0px;
    padding-left: 0px;	
}

li.active{
	background-color: hsla(0,0%,0%,0);
}
li.inactive{
	background-color: hsla(0,0%,0%,0.05);
}
.shapeSize {
    width: 1em;
    height: 1em;
}
.circle {
    fill: green;
}
.rect {
    fill: #D68100;
}
.polygon{
    fill: Red;
}

.subtitle{
	font-weight:bold;
}

.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}