.form-btns > button {
  width: 120px;
}
.form-btns {
  display: inline-flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.ui-widget-header .ui-icon {
    background-image: url(https://www.manageengine.com/clouddns/images/ui-icons.png);
}
#ui-datepicker-div {
    z-index: 10 !important;
}
#datepicker{position: relative}
	#datepicker input::-webkit-calendar-picker-indicator {
        width: 35px;
    opacity: 1;
    /* background: green; */
    color: transparent;
    position: absolute;
    right: 7px;
    top: 1px;
    bottom: 1px;
    content: '';
    background-image: url(https://www.manageengine.com/clouddns/images/demo-calendar.png);
    background-Position: 97% center;
    background-Repeat: no-repeat;
    cursor: pointer;
    background-size: 35px;
		height: 40px;z-index: 99;
}
input::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1
}

input::-webkit-calendar-picker-indicator:hover {background: transparent;cursor: pointer;}
#datepicker input:hover{background: none;}	
	
	
input {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
input[type="date"]::after{
 content: '';
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 100%;
    background-image: url(https://www.manageengine.com/clouddns/images/demo-calendar.png);
    background-Position: 97% center;
    background-Repeat: no-repeat;
    cursor: pointer;
    background-size: 30px;
    height: 40px;
    z-index: 99;
	pointer-events: none;
}
	
	
input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
	
}
	.inputs div input.date{
		padding-right: 52px !important;   	 	
   	 	padding-top: 10px !important;
    	padding-bottom: 8px !important;
	}
.datewrapper{position: relative;width: 400px;}
.clearDate {
    font-family: sans-serif;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 15px;
    color: #222;
    background-color: #e8e8e8;
    right: 146px;
    top: calc(50% - 10px);
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
}
	
	.ui-datepicker-trigger {position:absolute;top:17px;right:60px;width:30px;}

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;opacity: 0;}
.demo-form-mobile{max-width:600px;width:100%;margin:0 auto}
#meGDPRMessage{margin:0}
#MECountryListing{width:90%}
#formCTAgdpr{margin-top:10px}
.formwidth{width:400px;margin:0 auto;}
.form-sec{border: 1px solid #ddd;padding: 10px 30px;}
.form-sec  td{width:50%}
#formCTAgdpr{font-size:11px}
.formcontent{ width:80%;margin:0 auto}
.form-sec{ margin-top:20px}
.form-sec input[type="text"],.form-sec input[type="email"],.form-sec input[type="phone"],.form-sec input[type="number"],.form-sec select,.form-sec textarea{ border:1px solid #ccc; padding:10px; font-size:14px; width:80%; vertical-align:middle}
.form-sec  td{ padding:10px 0}
.form-sec  td td{ padding:0}
.form-sec label{ vertical-align:middle}
.form-sec input[type="submit"],.form-sec input[type="reset"]{border:1px solid #ccc; padding:10px 20px; font-size:14px: width:90px;}
.reset-btn {
  border-radius: 4px;
  background: #dfdfe0;
  color: #333;
  font-size: 16px;
  padding: 13px 20px !important;
  border: none;
  outline: none;
  margin: 0px auto;
  width: 45%;
}
.quote-btn {
  display: block;
  background: #5badd3;
  width: 45%;
  color: #fff;
  font-size: 16px;
  padding: 13px 20px !important;
  border: none;
  outline: none;
  border-radius: 4px;
  margin: 0px auto;
}
.cta-btn{background:#5CA728;border:1px solid #5CA728!important;margin-right:20px;color:#fff!important}
.dwn-priv{margin:0 0 10px 0;color:#333}
@media screen and (max-width: 760px){
.btmBar{display:none !important}
}

.form-btns > button {
  width: 120px;
}
.form-btns {
  display: inline-flex;
  justify-content: center;
  gap: 12px;
  margin-top: 24px;
}
.ui-widget-header .ui-icon {
    background-image: url(https://www.manageengine.com/clouddns/images/ui-icons.png);
}
#ui-datepicker-div {
    z-index: 10 !important;
}
#datepicker{position: relative}
	#datepicker input::-webkit-calendar-picker-indicator {
        width: 35px;
    opacity: 1;
    /* background: green; */
    color: transparent;
    position: absolute;
    right: 7px;
    top: 1px;
    bottom: 1px;
    content: '';
    background-image: url(https://www.manageengine.com/clouddns/images/demo-calendar.png);
    background-Position: 97% center;
    background-Repeat: no-repeat;
    cursor: pointer;
    background-size: 35px;
		height: 40px;z-index: 99;
}
input::-webkit-calendar-picker-indicator {
  color: rgba(0, 0, 0, 0);
  opacity: 1
}

input::-webkit-calendar-picker-indicator:hover {background: transparent;cursor: pointer;}
#datepicker input:hover{background: none;}	
	
	
input {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
input[type="date"]::after{
 content: '';
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 0;
    bottom: 0;
    width: 30px;
    height: 100%;
    background-image: url(https://www.manageengine.com/clouddns/images/demo-calendar.png);
    background-Position: 97% center;
    background-Repeat: no-repeat;
    cursor: pointer;
    background-size: 30px;
    height: 40px;
    z-index: 99;
	pointer-events: none;
}
	
	
input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
	
}
	.inputs div input.date{
		padding-right: 52px !important;   	 	
   	 	padding-top: 10px !important;
    	padding-bottom: 8px !important;
	}
.datewrapper{position: relative;width: 400px;}
.clearDate {
    font-family: sans-serif;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 15px;
    color: #222;
    background-color: #e8e8e8;
    right: 146px;
    top: calc(50% - 10px);
    z-index: 1;
    border-radius: 50%;
    cursor: pointer;
}
	
	.ui-datepicker-trigger {position:absolute;top:17px;right:60px;width:30px;}

input[type=date]::-webkit-inner-spin-button, 
input[type=date]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;opacity: 0;}
.demo-form-mobile{max-width:600px;width:100%;margin:0 auto}
#meGDPRMessage{margin:0}
#MECountryListing{width:90%}
#formCTAgdpr{margin-top:10px}
.formwidth{width:400px;margin:0 auto;}
.form-sec{border: 1px solid #ddd;padding: 10px 30px;}
.form-sec  td{width:50%}
#formCTAgdpr{font-size:11px}
.formcontent{ width:80%;margin:0 auto}
.form-sec{ margin-top:20px}
.form-sec input[type="text"],.form-sec input[type="email"],.form-sec input[type="phone"],.form-sec input[type="number"],.form-sec select,.form-sec textarea{ border:1px solid #ccc; padding:10px; font-size:14px; width:80%; vertical-align:middle}
.form-sec  td{ padding:10px 0}
.form-sec  td td{ padding:0}
.form-sec label{ vertical-align:middle}
.form-sec input[type="submit"],.form-sec input[type="reset"]{border:1px solid #ccc; padding:10px 20px; font-size:14px: width:90px;}
.reset-btn {
  border-radius: 4px;
  background: #dfdfe0;
  color: #333;
  font-size: 16px;
  padding: 13px 20px !important;
  border: none;
  outline: none;
  margin: 0px auto;
  width: 45%;
}
.quote-btn {
  display: block;
  background: #5badd3;
  width: 45%;
  color: #fff;
  font-size: 16px;
  padding: 13px 20px !important;
  border: none;
  outline: none;
  border-radius: 4px;
  margin: 0px auto;
}
.cta-btn{background:#5CA728;border:1px solid #5CA728!important;margin-right:20px;color:#fff!important}
.dwn-priv{margin:0 0 10px 0;color:#333}
@media screen and (max-width: 760px){
.btmBar{display:none !important}
}
@media screen and (max-width: 500px){
	#btmBar ul li{width:30%}
	.formwidth{width:auto;max-width:400px}
	.indx-titl-font{font-size:30px}
	.headerinner .prdLogo img{height:auto}
	.heading-menu{margin-top:20px!important}
	.footer{display:block!important}
	.btmBar.mbH{display:block!important}
	.foot-social a{margin:0 3px!important}
	.foot-social a:first-child{margin-left:0!important}
}

	 @media screen and (max-width: 760px) {

.pro-menu#MEmobile{top: -32px;}
.prdLogo img{width: 140px;}
}