/* reset */
form {display:block; margin:0; padding:0;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements structure element */dl, dt, dd, ul, ol, li, /* list elements list element */pre, /* text formatting elements text format element */fieldset, lengend, button, input, textarea, /* form elements  */th, td { /* table elements  */    margin: 0;    padding: 0;} table th,table td {padding:1px} /*  */body,button, input, select, textarea { /* for ie */    /*font: 12px/1 Tahoma, Helvetica, Arial, sans-serif;*/    font: 14px/22px Trebuchet MS, Helvetica, Arial, sans-serif; /*  */}h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }h2 { font-size: 16px; }h3 { font-size: 14px; }h4, h5, h6 { font-size: 100%; }address, cite, dfn, em, var { font-style: normal; } /*  */code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /*  */small { font-size: 12px; } /* *//*  */ul, ol { list-style: none; }/*  */a { text-decoration: none; color:#049;}a:hover { text-decoration: underline; }abbr[title], acronym[title] { /* ：1.ie6  abbr; 2.，ie6  */	border-bottom: 1px dotted;	cursor: help;}q:before, q:after { content: ''; }/*  */legend { color: #000; } /* for ie6 */fieldset, img { border: none; } /* img  *//* ：optgroup */button, input, select, textarea {    font-size: 100%; /*  */}/*  */table {	border-collapse: collapse;	border-spacing: 0;}/*  hr */hr {    border: none;    height: 1px;} .clear{ clear:both;}	
a:hover{text-decoration: none;}
#mapwrapper{
	max-width:1920px;
	margin:0 auto;
	padding:0px 0;
	background-color:#274a70;
	/*background-color:transparent;*/
	min-width:220px; }

svg{
  max-height:100%; }

@media screen and (max-width: 240px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 320px) and (min-width: 241px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 400px) and (min-width: 321px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 480px) and (min-width: 401px) {
	#map_base{
		height:310px;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 568px) and (min-width: 481px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 685px) and (min-width: 569px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 768px) and (min-width: 686px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 1280px) and (min-width: 1025px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (max-width: 1600px) and (min-width: 1281px) {
	#map_base{
		height:auto;
		width:98%;
		margin:0px;	}
}
@media screen and (min-width: 1601px) {
	#map_base{
		background-color: #274a70;
		height:auto;
		width:98%;
		float:left;
	}
}
.unselectable {
	-moz-user-select:none;
	-webkit-user-select:none;
}
.tip{
	display:none;
	padding:5px;
	border:1px solid #EBECED;
	color:#edeef0;
	font-weight: bold;
	z-index:1000;
	float:left;
	position:absolute;
	/*gradient color*/
	background: rgb(73,73,73); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(73,73,73,1) 0%, rgba(101,101,101,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,73,73,1)), color-stop(100%,rgba(101,101,101,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(73,73,73,1) 0%,rgba(101,101,101,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#656565',GradientType=0 ); /* IE6-9 */
	word-break:keep-all;
	white-space:nowrap;
}
.errorMessage{
	color:red;
	display: none;
}
.embedText{
	border: 1px solid blue;
    height: 25px;
    display:none;
}

/*SRX STYLE for MAP*/
.map-style-button {
    background-color: #fff !important;
    border: 1px solid #d1d1d1 !important;
    padding: 7px 20px !important;
    font-size: 16px !important;
    margin-right: 16px !important;
    font-weight: bold !important;
    color: #1a3d6d !important;
    border-radius: 9px !important;
    cursor: pointer !important;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3sease-in-out !important;
}
.map-style-button:hover {
    opacity: 0.8 !important;
}
.map-container {
    display: inline-block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ddd !important;
    border-radius: 5px !important;
    margin-bottom: 20px !important;
}
.map-style-textarea {
    width: 97% !important;
    height: 70px !important;
    padding: 8px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    margin-top: 28px !important;
}
.srx-main-heading-div {
		margin-top: 10px !important;
    text-align: left !important;
}
#srx_reset_select {
    font-size: 13px !important;
    color: #333 !important;
    text-decoration: none !important;
    border-bottom: 3px solid black !important;
    margin-top: -8px !important;
}
#srx_reset_select:hover {
    color: #000 !important;
    border-bottom: 3px solid #666 !important;
}
.srx-h1-style{
		font-family: inherit !important;
    font-weight: 900 !important;
    font-size: 24px !important;
}
#userside_state{
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif !important;
	color: #595959 !important;
	border-radius: 4px !important;
	background: white !important;
}
#userside_state:focus-visible{
	box-shadow: 0 0 5px #5897fb !important;
	outline: 0px !important;
}
.ss-main .ss-arrow{
	width: 11px !important;
  height: 7.5px !important;
  color: #595959 !important;
  margin-right: 1px !important;
}
.ss-main .ss-values .ss-placeholder{
	color: #595959 !important;
}
#userside_state {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 3px 8px ! IMPORTANT;
  border-color: #dcdee2 !important;
}
.srx-cus-arrow {
  border: solid #4d4d4d;
  border-width: 0 1.6px 1.6px 0;
  display: inline-block;
  padding: 2px;
  margin-left: -13px;
  margin-bottom: 4px;
}
.srx-arrow-down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}


@media screen and (max-width: 503px) {
	.srx-main-field-container{
		display: block !important;
	}
	#userside_state{
		width: 100% !important;
	}
	.map-style-button{
		display: block !important;
		margin-bottom: 10px !important;
		margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
	}
	.srx-main-heading-div{
		text-align: center !important;
	}
	.srx-buttons-sections{
		text-align: center !important;
	}
	.srx-res-field-lable{
		width: 100% !important;
	}
	.srx-first-field{
		margin-bottom: 15px !important;
	}
}

@media screen and (max-width: 991px) {
  .map-style-button {
      display: block !important;
      margin-bottom: 10px !important;
      margin-left: auto !important;
      margin-right: auto !important;
      width: 100% !important;
  }
 }