@import url('https://fonts.googleapis.com/css?family=Fira+Sans');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
.here-settings-wrap .form-table td {
padding: 15px 0;
vertical-align: middle;
}
.here-settings-wrap .form-table ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #9b9da2;
}
.here-settings-wrap .form-table ::-moz-placeholder { /* Firefox 19+ */
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #9b9da2;
}
.here-settings-wrap .form-table :-ms-input-placeholder { /* IE 10+ */
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #9b9da2;
}
.here-settings-wrap .form-table label {
font-family: 'Fira Sans';
font-size: 16px;
line-height: 30px;
color: #9b9da2;
vertical-align: top;
}
.here-settings-wrap .form-table td {
padding: 7px 0;
}
input[type=text].here-row, input[type=password].here-row, select.here-select {
background: inherit;
background-color: inherit;
border: none;
border-bottom: 1px solid #cdced0;
box-shadow: none;
font-family: 'Fira Sans', sans-serif;
font-size: 16px;
color: #383c45;
}
.label-select {
width: 140px;
display: inline-block;
}
input[type=text].here-row, input[type=password].here-row {
width: 650px;
line-height: 30px;
}
.here-settings-wrap input[type=password] {
font-size: 22px;
font-family: 'Open Sans', sans-serif;
}
select.here-select {
width: auto;
min-width: 50px;
text-align-last: center;
-moz-appearance: none;
-webkit-appearance: none;
padding: 0 10px;
}
select.here-select::-ms-expand {
display: none;
}
.here-settings-wrap .form-table tr th {
width: 0;
padding: 0;
}
.here-settings-wrap h1 {
font-family: 'Open Sans', sans-serif;
font-size: 23px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #23282d;
}
.here-settings-wrap h2 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #23282d;
}
#setting-error-here_message {
margin: 5px 0 2px;
}
.here-settings-wrap label:before {
margin-right: 15px;
}
.here-settings-wrap label.app_key:before {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-wrap label.app_secret:before {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-wrap label.user:before {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-wrap label.default_pickup:before {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-wrap label.default_destination:before {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-wrap label.passengers_number:before {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-wrap label.suitcases_number:before {
content: url('data:image/svg+xml; utf8, ');
}
label.localization {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-wrap #here-settings-logo {
position: absolute;
right: 40px;
top: 20px;
content: url('data:image/svg+xml; utf8, ');
}
.user-opacity {
opacity: 0.3;
}
.radio-container {
position: relative;
padding: 0 6px;
margin: 10px 0 0;
}
.radio-container input[type='radio'] {
display: none !important;
}
.radio-container label {
font-family: 'Source Sans Pro', sans-serif;
font-size: 15px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
}
.here-settings-wrap .radio-container-active label {
color: #393c46;
}
.here-settings-wrap .radio-container-disabled label {
color: #9b9da2;
}
.radio-container label:before {
content: " ";
display: inline-block;
position: relative;
top: 5px;
margin: 0 5px 0 0;
width: 20px;
height: 20px;
border-radius: 12px;
background-color: transparent;
}
.radio-container input[type=radio]:checked + label:after {
border-radius: 12px;
width: 12px;
height: 12px;
position: absolute;
top: 10px;
left: 12px;
content: " ";
display: block;
}
.radio-container-active label:before {
border: 1px solid #00afaa;
}
.radio-container-active input[type=radio]:checked + label:after {
background: #00afaa;
}
.radio-container-disabled label:before {
border: 1px solid #cdced0;
}
.radio-container-disabled input[type=radio]:checked + label:after {
}
.radio-container label i.here-settings-tooltip {
border-bottom: 0 !important;
margin-left: 5px;
}
.radio-container label i.here-settings-tooltip:before {
content: url('data:image/svg+xml; utf8, ');
}
.here-settings-tooltip {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.here-settings-tooltip .tooltiptext {
visibility: hidden;
width: 250px;
background: #fff;
color: #393c46;
border-radius: 6px;
padding: 5px 15px;
position: absolute;
line-height: 1.57;
font-size: 14px;
z-index: 1;
bottom: 160%;
left: 90%;
margin-left: -40px;
font-size: 14px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.here-settings-tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 10%;
margin-left: -5px;
border-width: 8px;
border-style: solid;
border-color: transparent transparent #fff #fff;
transform-origin: 0 0;
transform: rotate(-45deg);
box-shadow: -3px 3px 5px rgba(0, 0, 0, 0.1);
}
.here-settings-tooltip:hover .tooltiptext {
visibility: visible;
}
.here-settings-show, .here-settings-hide{
width: 33px;
height: 18px;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
color: #00908a;
cursor: pointer;
}
.here-settings-show:before {
content: url('data:image/svg+xml; utf8, ');
}