﻿/* 
    INDEX:
	
    Styling of MijnOmgeving, Kim and Registers route. 

    - 1.  Buttons
	- 2.  Buttons (hover)
	- 3.  Buttons (focus)
	- 4.  Buttons (visited)
*/

/* ==================
   1. Buttons
   ================== */

input[type=submit], input[type=file] {
    height: 46px;
    font-size: 1.125rem;
}

.previous-step-button, .next-step-button, .next-question-button {
    max-width: 155px;
}

.next-step-button {
    float: right;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNSwxMmwtNSw1TDksMTYuMWw0LjEtNC4xTDksNy45TDEwLDdMMTUsMTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); /*Chevron_rechts_wit.svg*/
    background-repeat: no-repeat;
    background-position: right 11px;
    text-align: left !important;
    padding-right: 1.5rem !important;
    margin-right: 0;
}

.previous-step-button {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05LDEybDUtNUwxNSw3LjlMMTAuOSwxMmw0LjEsNC4xTDE0LDE3TDksMTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); /*Chevron_links_wit.svg*/
    background-repeat: no-repeat;
    background-position: left 11px;
    text-align: right !important;
    padding-left: 1.5rem !important;
    margin-left: 30px;
	margin-top: -4.8rem !important;
}

input[type=submit].previous-step-button, input[type=submit].next-step-button {
    margin-top: 2rem !important;
	width: auto;
}

.previous-step-button, .next-step-button,
.next-question-button, .generic-button,
.upload-button, .search-button,
.select-organization-button, .refresh-button, .read-more-button {
    display: inline-block;
    line-height: 1em;
    background-color: #01689b;
    margin-top: 30px;
    color: #ffffff;
    font-size: 1.125rem;
    text-align: left;
    cursor: pointer;
    height: 46px;
    padding: 0 1rem;
    vertical-align: middle;
    border: 0;
}

a.read-more-button::before {
    content: "";
    display: inline-flex;
    width: 24px;
    height: 24px;
    min-width: 24px;
    margin-right: 8px;
    padding-bottom: 8px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIG92ZXJmbG93PSJoaWRkZW4iPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTUgLTgxMykiPjxwYXRoIGQ9Ik0yMy43NSAyMC45Njg4IDE3LjQzNzUgMTQuNjU5NCAyMyAxMi42NTYyQzIzLjI4NTYgMTIuNTU4MSAyMy40Mzc2IDEyLjI0NyAyMy4zMzk0IDExLjk2MTMgMjMuMjg0NyAxMS44MDE5IDIzLjE1OTQgMTEuNjc2NyAyMyAxMS42MjE5TDYuOTcxODcgNi4yNzgxMkM2LjkxNDQxIDYuMjU5MTkgNi44NTQyNSA2LjI0OTY5IDYuNzkzNzUgNi4yNUw2Ljc5Mzc1IDYuMjVDNi40OTM1IDYuMjU2NDQgNi4yNTUzNCA2LjUwNTAzIDYuMjYxNzggNi44MDUyOCA2LjI2Mjk3IDYuODYwOTQgNi4yNzI2OSA2LjkxNjA2IDYuMjkwNjIgNi45Njg3NUwxMS42MjE5IDIzLjAxMjVDMTEuNzIyNSAyMy4yOTczIDEyLjAzNDkgMjMuNDQ2NSAxMi4zMTk3IDIzLjM0NTkgMTIuNDc1NSAyMy4yOTA4IDEyLjU5ODEgMjMuMTY4MyAxMi42NTMxIDIzLjAxMjVMMTQuNjU5NCAxNy40NDM4IDIwLjk2NTYgMjMuNzVaIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxODUgODEzKSIvPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.change-button, .change-button-alwaysActive {
    /* 101% because changebutton is standard TF 99% compared to other passive rows.
        30 px because passive mode first cell is always 30px.
    */
    width: calc(101% - 30px) !important;
    margin-left: 30px;
	margin-top: 0 !important;
    background-color: #d9ebf7;
    color: #01689b;
    border: 0;
    text-decoration: none;
    text-align: right;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzAxNjg5Qjt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTUuNSwxMy42bDEuNi0xLjZ2Ny4yYzAsMC41LTAuNCwwLjgtMC44LDAuOEg1LjFjLTAuNCwwLTAuOC0wLjQtMC44LTAuOFY5LjFjMC0wLjIsMC4xLTAuNCwwLjItMC42bDQuMy00LjNDOSw0LjEsOS4yLDQsOS40LDRoNmwtMS42LDEuNmgtNHYzLjJjMCwwLjQtMC40LDAuOC0wLjgsMC44SDUuOXY4LjhoOS42VjEzLjZ6IE0xOS41LDYuNmwtMS44LTEuOGMtMC4zLTAuMy0wLjgtMC4zLTEuMSwwbC02LjgsNi44Yy0wLjEsMC4xLTAuMSwwLjItMC4yLDAuM2wtMC41LDNjMCwwLjIsMC4xLDAuMywwLjMsMC4zbDMtMC41YzAuMSwwLDAuMi0wLjEsMC4zLTAuMmw2LjgtNi44QzE5LjgsNy41LDE5LjgsNi45LDE5LjUsNi42Ii8+PC9zdmc+);
    background-position: right 100px center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: block; /*Standalone*/
    padding: 5px 32px 0 0 !important;
}

.read-more-button {
    padding-top: 0.8rem;
    margin-top: 0px !important;
}

.search-button {
    padding-top: 0;
	margin-top: 2rem;    
	margin-left: 90px !important;
    width: auto !important;
}

.selectbutton {
    color: #ffffff;
    background-color: #01689b;
    padding: 10px;
    cursor: pointer;
}

.select-organization-button {
    margin-top: 0px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    margin-right: 15px;
    float: right;
}

/* Other buttons; for example for controlling group iteration  */
.generic-button {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNSwxMmwtNSw1TDksMTYuMWw0LjEtNC4xTDksNy45TDEwLDdMMTUsMTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); /*Chevron_rechts_wit.svg*/ /*Standalone*/
    background-repeat: no-repeat; /*Standalone*/
    background-position: 130px 12px; /*Standalone*/
    text-align: left !important;
    margin-right: 0px;
    padding-left: 15px;
    float: right;
}

a.generic-button {
    float: none;
    margin-top: 0;
    width: auto;
    padding: 0 35px 0 15px;
    line-height: 46px;
    text-decoration: none;
    background-position-x: 95%;
}

/* niet bekend wat deze feedbackbutton doet. */
.feedbackbutton {
    transform: rotate(90deg);
    transform-origin: left top 0;
    padding: 10px 10px 10px 10px;
    float: left;
    position: absolute;
    left: calc(100%);
    bottom: 50%;
    font-size: 1.25rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    background-color: #E31E27;
    z-index: 9999;
    -webkit-box-shadow: 0px 2px 4px 1px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 2px 4px 1px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 2px 4px 1px rgba(50, 50, 50, 0.75);
}

    .feedbackbutton > a {
        color: #fff;
        text-decoration: none;
    }

a.feedback-button {
    background: #d52b1e;
    padding: 10px 50px;
    color: #fff;
    text-decoration: none;
    z-index: 999999;
    font-weight: bold;
    font-size: 22px;
    margin: 15px 0 15px 0;
    display: inline-flex;
}

/* ==================
   add & remove iteration buttons
   ================== */

input[value].add-button{
	background-color:#016B9b;
	color: #FFFFFF;
	width: auto;
	padding: 0% 12.5% 0% 25%;
    font-weight: normal;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEQAACxEBf2RfkQAAAAd0SU1FB9gEDw0NMXPyb1AAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAI3SURBVDhPY8AGJHwKmaTCGll+/PrF9uPnLw7p0AY2Ce8CJqg0YSDhXcjoWbuE7e/fv2pALOBePptF3LuIGSpNGIh55jKZZ03m+P37z/8/f/78N03rZhH3ymeBShMGYm7ZbIpx3Wy/fv/+//PXr/8Kka1Mou45xHtB1CWdWTq2nxPkAmA4/JeM6mIScc3E7gIRlwwOYadUTmGHZHZBxyQ2QftEVmHXHEb5nKVMQP///w30glzWYkZB12wmPqtoRj6LKFZe80gmHosIRl7LKDYGMWDgWDRsYbSq38RsWbuJ2aJmI6tlw3Yu9ZwFvH/+/v3xC+gK5cx53FaN29isazew2datZ3Go38BlX7+Rhc8umYPh379/zEAsBsT/QTaCaSAG0bgw0GAQrQXETDADdEASf/8iDIFhkAt+/voDlkMWB2J5IGZjEHTJZDfvPMFh03OK16rrJKdV1wk2g86zLJr1Bzh///kLdo1m/X4WvY7TnJYdR1gt2o8wA2kW46aD7JwWkRwMAjZxLPxWUcDAiWDiNQ9j5jELY+KzS2LUbj3JBLIJbEDjEVYei2hGTsMAdk5Df1ZOAx92Tn0/dk6jAOyJi9MoiEm35Tg7zACt+gOs7HrejFBpwoBD35fJvPc8J9Sv/03aT3KxaXsQbwCrrieT+8wbQAP+Aw34/9950kV2Vk0X4lMiq7Y7k9PUq6DY4QZ6gc+m7ywrs5ozCS7Q9mRk0fVlAsY30+/fv5mZdXyYWLQ8sCRlBgYA9yQ/5o6BkFgAAAAASUVORK5CYII=');
    background-position: 10px 14px;
    background-size: 16px;
}

.add-button, .add-button-text, .remove-button, .remove-button-text {
    background-repeat: no-repeat;
    background-color: Transparent;
    overflow: hidden;
    border: none;
    cursor: pointer; /*Image size*/
}

.add-button {
    outline: none;
    border: none;
    width: 160px;
    height: 46px;
    background-color: #016B9b;
    color: #fff;
    margin-left: 3px;
    margin-right: 40px;
    margin-top: 1rem !important;
}

.add-button-text, .remove-button-text {
    background-position: left center;
    height: 18px;
    padding-left: 18px;
    text-align: left;
}

.add-button, .add-button-text {
    background-image: url('data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEQAACxEBf2RfkQAAAAd0SU1FB9gEDw0NMXPyb1AAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNWWFMmUAAAI3SURBVDhPY8AGJHwKmaTCGll+/PrF9uPnLw7p0AY2Ce8CJqg0YSDhXcjoWbuE7e/fv2pALOBePptF3LuIGSpNGIh55jKZZ03m+P37z/8/f/78N03rZhH3ymeBShMGYm7ZbIpx3Wy/fv/+//PXr/8Kka1Mou45xHtB1CWdWTq2nxPkAmA4/JeM6mIScc3E7gIRlwwOYadUTmGHZHZBxyQ2QftEVmHXHEb5nKVMQP///w30glzWYkZB12wmPqtoRj6LKFZe80gmHosIRl7LKDYGMWDgWDRsYbSq38RsWbuJ2aJmI6tlw3Yu9ZwFvH/+/v3xC+gK5cx53FaN29isazew2datZ3Go38BlX7+Rhc8umYPh379/zEAsBsT/QTaCaSAG0bgw0GAQrQXETDADdEASf/8iDIFhkAt+/voDlkMWB2J5IGZjEHTJZDfvPMFh03OK16rrJKdV1wk2g86zLJr1Bzh///kLdo1m/X4WvY7TnJYdR1gt2o8wA2kW46aD7JwWkRwMAjZxLPxWUcDAiWDiNQ9j5jELY+KzS2LUbj3JBLIJbEDjEVYei2hGTsMAdk5Df1ZOAx92Tn0/dk6jAOyJi9MoiEm35Tg7zACt+gOs7HrejFBpwoBD35fJvPc8J9Sv/03aT3KxaXsQbwCrrieT+8wbQAP+Aw34/9950kV2Vk0X4lMiq7Y7k9PUq6DY4QZ6gc+m7ywrs5ozCS7Q9mRk0fVlAsY30+/fv5mZdXyYWLQ8sCRlBgYA9yQ/5o6BkFgAAAAASUVORK5CYII=');
    background-position: 10px center;
    padding: 0em 1em 0 2em;
    width: auto;
	height: 46px;
    position: absolute;
	left: -3px;
    bottom: -33px;
    z-index: 1010; /* Button is visible but not clickable without z-index! */
}

.add-button-hide-passive {
    display: none;
}

.add-button-bottomfix {
    bottom: auto;
}

.remove-button,
.remove-button-text {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDE2ODlCO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTYuNCwxOS4yYzAsMC40LDAuNCwwLjgsMC44LDAuOGg5LjZjMC40LDAsMC44LTAuNCwwLjgtMC44VjguOEg2LjRWMTkuMnogTTE0LjQsMTAuNEgxNnY3LjJsLTEuNiwwLjhWMTAuNHoKCSBNMTEuMiwxMC40aDEuNnY3LjJsLTEuNiwwLjhWMTAuNHogTTgsMTAuNGgxLjZ2Ny4yTDgsMTguNFYxMC40eiBNMTcuNiw1LjZjMC40LDAsMC44LDAuNCwwLjgsMC44VjhoLTAuOEg2LjRINS42VjYuNAoJQzUuNiw2LDYsNS42LDYuNCw1LjZoMi40VjQuOEM4LjgsNC40LDkuMiw0LDkuNiw0aDQuOGMwLjQsMCwwLjgsMC40LDAuOCwwLjh2MC44SDE3LjYiLz4KPC9zdmc+Cg=='); /*Verwijderen.svg*/
    background-position: 6px 10px;
    text-indent: -3000px;
    width: 25px;
    height: 25px;
    padding-left: 78px;
}

.add-button-container,
.remove-button-container {
    width: 24px;
    height: 24px;
}

/* ==================
   2. Buttons (hover)
   ================== */

.change-button-alwaysActive:hover, .change-button:hover{
	text-decoration: underline;
    color: #154273;
}

.next-step-button:hover,
.next-question-button:hover,
.previous-step-button:hover,
.generic-button:hover,
.upload-button:hover,
.search-button:hover,
.refresh-button:hover,
.select-organization-button:hover,
a.generic-button:hover,
input[value].add-button:hover {
    color: #C9E1F3;
}

a.read-more-button:hover {
    color: #C9E1F3;
    text-decoration: none;
}

a.generic-button:hover {
	padding: 0 35px 0 15px; /* override standard TF MO styling but only for buttons with <a> */
}
	
a.feedback-button:hover {
	color: #fff;
	text-decoration: none;
	background: #c51b0e;
}

/* input[value].add-button:hover{ */
	/* background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAACxAAAAsQAa0jvXUAAAHnSURBVDhPjZIxaxRREMffzL7N3p6nUU7v1ksjaqHGNNEqWAbxuNgIanFgLZGAprMJ+g3Eb+AH0EpBO8HKQkOIjXAKoiHCNZrcZW9338xznq6JS1a4Hzzee/ufnZ2d/6gyooV72LrxEEdp6o2SVE9df+BFnbuYy+PxYm0zXNsYTL/7un3q5fr3sNlZ9nKpQGnWRnsJamFwYmTsB8OqV6sGLWUpV4uUl0UMCpTOb8pD9JiI82uB0gSWjZX4QsmWCfJjAX10/nYgIilm+a5Vii0w+DYMJv6pGTJSaA/NdcHp1iGxAOhDo7OMTx+vaASIJFI7zbBF2c5UA/+5ez1Os4sIuCklMIBCQzwRp2br5uL9ATAzrG4MT7pmueBxqWi4MHO8uup6AAiqInv2WxkT+VnXI8T65Tu6148/DhJzJE5pMjHcyIjrSUazf0KdKfb0TkqRPI8Mc1P21uf+zvqBuS7C4Uu3tHSdLLOy1i1JW6mpV08e1RGh7xKkhpvt7mKfkqFYKxGWUEmbxN9Sa1U4ew1e935Mvf2ybd168+nnsVzaR+kcxO+fiQl7gySumPy4j/JJFED8+osnZ//sfOkg/TdBRvabB+qgRjU5TGmLSZozLv50G/TMVTBEkGUZeucXUJ+7svtLeyj1C5ip4B/gH9kKAAAAAElFTkSuQmCC'); */
	/* background-position: 10px 14px; */
    /* background-size: 16px; */
/* } */

/* ==================
   3. Buttons (focus)
   ================== */

.change-button-alwaysActive:focus, .change-button:focus, .previous-step-button:focus, .next-step-button:focus,
.next-question-button:focus, .generic-button:focus, .upload-button:focus,
.search-button:focus, .select-organization-button:focus, .refresh-button:focus, a.generic-button:focus, a.read-more-button:focus {
    background-color: #01689b;
    color: #FFFFFF;
    outline-offset: 1px;
    padding: 10px 15px;
}

a.read-more-button:focus {
    padding: 13px 16px;
    text-decoration: none;
}

.change-button-alwaysActive, .change-button, .change-button-alwaysActive:focus, .change-button:focus{
	background-color: #d9ebf7;
	color: #01689b;
	border: 0;
}

a.generic-button:focus, a.feedback-button:focus, 
a.help:focus, input[type=submit]:focus, 
input[type=radio]:focus, input[type=checkbox]:focus {
	outline: 2px dashed #000;
    outline-offset: 2px;
    box-shadow: none;
	border: 0;
}

a.generic-button:focus {
	padding: 0 35px 0 15px !important; /* override standard TF MO styling but only for buttons with <a> */
}

/* input[value].add-button:focus{ */
	/* padding: 0% 12.5% 0% 25%; */
	/* border: none; */
/* } */

a:focus, button:focus, input:focus,
textarea:focus, #loginForms input:focus,
.form-group input:focus,
.main-navigation > .mainMenuItem a:focus,
.main-navigation > .mainMenuItem button:focus,
.account-container li > a:focus,
.account-container li a.login-button:focus,
.login-button-container > a:focus, select:focus,
.chosen-container-active ul.chosen-choices,
.chosen-container-active a.chosen-single,
.toolbar a:focus,
ul.main-navigation .mainMenuItem.dropdown .main-menu-expand-button:focus + a,
.logo-container a:focus, .btn:focus {
	outline: 2px dashed #000;
	outline-offset: -2px;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
	box-shadow: inset 0 0 0 2px #fff;
}

.next-question-button:focus, 
.next-step-button:focus, 
.generic-button:focus, 
.tf-dialog-content #openTFABox input[type="submit"]:focus {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNSwxMmwtNSw1TDksMTYuMWw0LjEtNC4xTDksNy45TDEwLDdMMTUsMTJ6Ii8+DQo8L2c+DQo8L3N2Zz4NCg=='); /*Chevron_rechts_wit.svg*/
    background-repeat: no-repeat;
    background-position: right 11px;
}

input[value].remove-button:focus,
input[value].remove-button-text:focus{
	padding: 0px 15px;
    height: 32px !important;
}

/* ==================
   4. Buttons (visited)
   ================== */

a.generic-button:visited {
	color: white; /* generic button itself is blue, so no other color on visited */
}

a.read-more-button:visited {
    color: white !important;
}