﻿
.regionBanner-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: 0 auto;
	background-color: #000000;
}

.regionBanner {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1980px;
	min-height: 30px;
	color: #fff;
	background: #000000;
	font-family: Arial !important;
	font-size: 10pt;
	letter-spacing: 0.1em;
	border-bottom: black solid 1px;
}

.regionBannerInfoBox {
	margin: 0 20px;
	font-size: .9em;
	color: rgb(52,173,236);
}

.regionBannerSelectedBox {
	display:flex;
	justify-content:flex-end;
	align-items:center;
	margin: 0 20px;
	font-size: .9em;
	color: #fff;
	flex-grow: 2;
}

.mappin {
	width: 18px;
}
.mappin2 {
	width: 26px;
	margin-top: -6px;
}


@media (max-width: 600px) {
	.regionBannerInfoBox {
		display: none;
	}
	.regionBanner {justify-content:flex-end;}
}


.regionBanner #changeButton{
	color: #eed611;
	font-size: .7em;
	margin-left: 5px;
}

.regionBanner #changeButton:hover{
text-decoration:underline;}




.regionbanner-notice-wrapper{
	position:fixed;
	top: 0;
	left: 0;
	z-index:20001;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	
	background-color:transparent;
}

.regionbanner-notice {
	display: none;
	position: relative;
	width: 100%;
	max-width: 800px;
	color: #000;
	background: rgb(248, 248, 248);
	z-index: 9999999;
	font-family: Arial !important;
	font-size: 10pt;
	border: black solid 2px;
}

.regionbanner-notice-text-selectline {
	display: flex;
	justify-content: center;
	align-items: center;
}

.regionbanner-notice-save {
	display: none;
	position: relative;
	width: 100%;
	max-width: 800px;
	color: #fff;
	background: rgb(51, 51, 51);
	z-index: 9999999;
	font-size: 10pt;
	border: black solid 2px;
}

.regionbanner-notice-text {
	position:relative;
  height: auto;

  text-align: center;
  margin: 5px auto;
  padding: 0 15px;
}

#txtRegion, #txtRegion input:focus {
	border: none;
	outline:none;
	color:rgb(52,173,236);
	background-color:transparent;
	font-size: .9em;
	margin-left: 50px;
}



.notice-close {
	display:flex;
	justify-content:flex-end;
	margin-bottom: 6px;
}

.notice-close-button {
	width: 26px;
	right: 10px;
	color: red;
	margin-right:10px;
}


.country-select {

}

#selCountry {
	margin-bottom: 4px;
	height: 25px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: .8em !important;
	border-radius: 0;
	border: 1px solid #c8c8c8;
}



/****************************/
@media (max-width: 600px) {
  .regionbanner-notice {
    font-size: .9em;
   }

  #regionbanner-notice-accept{
    font-size: .9em;
    text-decoration:none;
  }

}

