#dialog-connector-select-vpn-connection
{
	padding: 0;
	min-width: 450px;
	max-width: 850px;
	border: 0;
}

dialog::backdrop {
  background: rgba(0,0,0,.5);
}

/* The container */
.selectvpn-container {
  display: inline-block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 8px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-right: 20px;
  margin-top: 5px;
  font-family: helvetica;
}

/* Hide the browser's default radio button */
.selectvpn-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.selectvpn-container span {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.selectvpn-container:hover input ~ span {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.selectvpn-container input:checked ~ span {
  background-color: #5969d3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.selectvpn-container span:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.selectvpn-container input:checked ~ span:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.selectvpn-container span:after {
   	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

.selectvpn-connect-btn
{
	border-radius: 5px;
	font-size: 16px;
	font-family: helvetica;
	background-color: #5969d3;
	color: #fff;
	border: 0;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	letter-spacing: 1px;
}

.selectvpn-connect-btn:hover
{
	background-color: #474d73;
	cursor: pointer;
}

.selectvpn-connect-btn:disabled
{
	background-color: #ccc;
}

.selectvpn-connect-btn:disabled:hover
{
	cursor: default;
}

.dialog-connector-select-vpn-connection-content
{
	margin: 15px;
}

.dialog-connector-select-vpn-connection-select
{
	margin-top: 15px;
	margin-bottom: 15px;
}

.dialog-connector-select-vpn-connection-button
{
	float: right;
	margin-bottom: 10px;
}

.dialog-connector-select-vpn-connection-add
{
	float: left;
	margin-bottom: 10px;
}

.selectvpn-select-container 
{
	width: 100%;
	position: relative;
}

.selectvpn-select-container::before {
	font-family: helvetica;
	content: "\25be";
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 8px;
	color: #666;
	pointer-events: none;
}

.selectvpn-select-container select 
{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	width: 100%;
	height: 40px;
	-moz-padding-start: calc(10px - 3px);
	padding-left: 10px;
	padding-right: 38px;
	background: url(fff-0-2.png) repeat;
	font-family: 'Open Sans', sans-serif;
	box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
	border-radius: 3px;
	outline: none;
	cursor: pointer;
	display: block;
}

.selectvpn-select-container select::-ms-expand {
	display: none;
}

.selectvpn-select-container select:focus::-ms-value {
	background-color: transparent;
}