/* 
    INDEX:	
    Styling of MijnOmgeving, Kim and Registers route. 
    - HelpTekst
*/   
  
.helpTekstLang {
    margin-left: 265px;
    margin-bottom: 20px;
    margin-top: 8px;
    display: none;
    font-size: 1.26562rem;
	position: relative;
}

.helpTekstVisible {
    margin-left: 265px;
    margin-bottom: 20px;
    margin-top: 5px;
    font-style: italic;
}

.helpTekstFullWidth {
    margin-left: 0px;
    margin-bottom: 20px;
    margin-top: 5px;
    display: none;
}

a.help, a.helpOpenedByDefault {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTEuMywxOWMtMSwwLTEuNS0wLjUtMS41LTEuNWMwLTAuOSwwLjUtMS42LDEuNS0xLjZjMSwwLDEuNSwwLjUsMS41LDEuNkMxMi44LDE4LjMsMTIuMywxOSwxMS4zLDE5egoJCSBNMTMuNSwxMS41bC0xLjEsMC42Yy0wLjYsMC4zLTAuOSwwLjctMC45LDEuMmMwLDAuMywwLjEsMC42LDAuMiwwLjlIOS42Yy0wLjItMC4zLTAuMy0wLjctMC4zLTEuMmMwLTEsMC40LTEuNiwxLjYtMi4zTDEyLDEwCgkJYzAuOS0wLjUsMS4yLTAuOSwxLjItMS42YzAtMC43LTAuNy0xLjItMi0xLjJjLTEsMC0xLjksMC4yLTIuOSwwLjZWNS43QzkuNCw1LjIsMTAuNSw1LDExLjgsNWMyLjQsMCw0LDEuMiw0LDMuMQoJCUMxNS44LDkuNywxNS4yLDEwLjYsMTMuNSwxMS41eiIvPgo8L2c+Cjwvc3ZnPgo=') !important;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    margin-top: 0;
    margin-left: 28px;
    text-decoration: none;
    width: 28px !important;
    height: 42px !important;
    background-color: #01689b !important;
    cursor: pointer;
    color: transparent;
}

a.help {
    margin-left: 1.25rem;
}

a[aria-expanded="true"], a.helpClose {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuOSwxMmw1LjEsNS4xTDE3LjEsMTlMMTIsMTMuOUw2LjksMTlMNSwxNy4xbDUuMS01LjFMNSw2LjlMNi45LDVsNS4xLDUuMUwxNy4xLDVMMTksNi45TDEzLjksMTJ6Ii8+CjwvZz4KPC9zdmc+Cg==') !important;
}

/* hide help text i and x when it has focus. */
a.help:focus {
    color: transparent;
}

a.help:hover {
	color: transparent;
}