:root {
--red: #000;
--background: #222;
--lightgrey: #444;
}

body {
color: #fff;
background-color: #000;
}

#function a:hover {
background-color: rgba(255, 255, 255, .4);
}
#user_inbox .unread_messages {
background: rgba(0, 0, 0, 0.4);
}
#user_inbox a:hover .unread_messages {
background: rgba(0, 0, 0, .5);
}
#navmainswitch a:hover {
color: #fff;
background-color: rgba(255, 255, 255, .4);
}


#function a#nonimpaired {
display: none;
}
#function a#impaired {
display: flex;
}

#function a#nondyslexic {
display: flex;
}
#function a#dyslexic {
display: none;
}



.wrapper {
background-color: var(--anthracite);
}

a {
color: #fff;
text-decoration: underline;
}
a:hover, a:focus {
color: #fff;
text-decoration: none;
}
a::before, a::after {
display: inline-block;
text-decoration: none;
}
article a:hover,
.box_grid .item .content a:hover {
text-decoration: underline;
}
.join_in a {
color: #000;
}
#logo a,
#function a {
text-decoration: none;
}

a#filter_close {
color: #fff;
background-color: #000;
text-decoration: none;
}

#egradjani {
background-color: #000;
}

#egradjani .section#function {
text-transform: uppercase;
}


#egradjani #user_slideout .icon {
color: #000;
}
#user_slideout a.action {
color: #000;
border-color: var(--lead);
}
#user_slideout a.action:hover {
border-color: var(--green);
}

#current_user {
position: relative;
border-top: 1px solid var(--lead);
}

.segment a.tooltip:hover .label,
.segment a.tooltip .label::after {
background-color: #fff;
}




/* Fontsize slideout */

#fontsize_slideout {
background-color: #fff;
}
#fontsize_slideout a {
position: relative;
text-decoration: none;
}
#fontsize_slideout a.close {
color: #fff;
}
#fontsize_slideout a:hover {
color: #000;
}

#fontsize_slideout a:hover::before {
content: "";
display: block;
position: absolute;
left: 7px;
top: -10px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 7px solid #000;
color: #000;
}









/* Filter slideout */

a#filter_close {
color: #fff;
background-color: #000;
}

a#filter_close::after {
background: var(--charcoal);
}

a#filter_close:hover {
color: #fff;
}

#filter_slideout {
color: #fff;
background-color: var(--charcoal);
}
#filter_slideout .searchbox {
border-color: transparent;
}

.filtering_results {
column-rule: 1px dotted var(--mediumgrey);
background-color: #000;
}
.filtering_results ul,
.filtering_results ul li:hover,
.filtering_results ul a,
.filtering_results ul a:hover {
color: #fff;
}

/** end Zaglavlje **/


.top_container {
color: #fff;
}

#top_box {
background-color: var(--anthracite);
}

#top_nav a {
color: #fff;
border-color: #fff;
text-decoration: none;
}


#top_nav a:hover {
border-color: var(--green);
}


.note,
.note a,
.registration,
.registration a {
color: #000;
}
.accept-decline.short a {
color: #000;
background: #fff;
}
.accept-decline.short a:hover,
.accept-decline.short a:focus {
color: #fff;
background: #000;
}
.succeed,
.fail {
color: #fff;
}


.sidekick a {
text-decoration: none;
color: #fff;
border-bottom: 3px solid #fff;
}

.sidekick a:hover {
border-color: var(--metallic-darker);
}




/** box grid - common **/

.box_grid .item .lining {
background-color: #000;
border-color: #fff;
}




/* variations */

.dashboard .box_grid .item .lining {
border-color: #000;
}

.news .box_grid .item .lining,
.articles .box_grid .item .lining {
background-color: #000;
}
.articles .box_grid .item .date {
background-color: #999;
}

.custom .box_grid .item .lining {
border: 1px solid var(--softgrey);
}
.custom .box_grid .item .title {
color: #fff;
background-color: #000;
border-bottom: 1px solid var(--softgrey);
}


.settings .box_grid .item .lining {
border-color: var(--metallic);
}

.blog.cat.segment {
background-color: transparent;
}
.cat .item .lining {
background: transparent;
border: none;
border-bottom-color: var(--softgrey);
}

.cat_services .note {
color: #000;
}

.introblock .box_grid .item .lining,
.split_content .left.box_grid .item .lining {
background-color: #000;
border-color: #fff;
}
.introblock .box_grid .item .date,
.split_content .left.box_grid .item .date {
background-color: #fff;
}


/** end box grid **/








/*** featured ***/

.newspanel {
background-color: #000;
}
.newspanel .headline {
background-color: #222;
border-left-color: #fff;
}

.inothernews ul,
.inothernews ul li:hover,
.inothernews ul a,
.inothernews ul a:hover {
color: #fff;
}


.showmore a {
color: #fff;
}

.join_in {
color: #000;
}

.go_register {
color: #fff;
background: #000;
border: none;
}
.direct::after {
color: #fff;
}
.credentials_list h4 {
color: #fff;
background-color: #000;
}
.credentials_list .note {
background-color: #000;
}

select#eu-eaa {
background-color: #fff;
}

.blog.articles {
margin: 0;
background-color: #fff;
}


/*** news ***/

.featured.news {
background-color: var(--lead);
}
.featured.news.alt {
background-color: var(--anthracite);
}


.featured.news .item {
background: #fff;
}

.date_filter {
background-color: #000;
}
.date_filter.searchresults {
background: transparent;
}




.bottom_bar {
background-color: #333;
}
.bottom_bar .column_width {
padding: 0 10px;
}
a.button_link {
color: #000;
background-color: #fff;
}



.news h3 a,
.articles h3 a,
.news h3 a:hover,
.articles h3 a:hover {
color: #fff;
}

.readmore a::before,
.readmore a:hover::before {
color: #fff;
text-decoration: none;
}

.showmore a,
#filter_slideout .showmore a {
background-color: #000;
}

.showmore a.inactive,
.showmore a.inactive:hover,
.showmore a.inactive:active {
background-color: var(--lead);
}

.showmore a:hover,
#filter_slideout .showmore a:hover {
color: #000;
background-color: #fff;
}
.showmore a:active,
#filter_slideout .showmore a:active {
background-color: var(--mediumgrey);
}


.inothernews ul li,
.inothernews ul li:first-child {
border: none;
}

/*** end news ***/



/** catalogue **/


.cat h2 {
border-color: var(--softgrey);
}

.cat_services h3 a::after,
#government a::after {
color: var(--mediumgrey);
}
.cat_services h3 a:hover::after
color: #fff;
}



.sidebar p.qa {
border-color: var(--grey);
}
.sidebar a.help_button_link.chat {
background: var(--anthracite) url(../img/bubbles_negative.svg) no-repeat center center;
}



p.framed {
background-color: #000;
border: 1px solid transparent;
}

/** custom **/

.shortcuts_container ul {
color: #fff;

}
.shortcuts_container li {
border-bottom: none;
}

.shortcuts_container li:hover {
color: #fff;
}
.shortcuts_container a {
color: #fff;
}
.shortcuts_container a:hover {
color: #fff;
}

.row {
border-bottom: 1px solid var(--softgrey);
}



a.up,
a.down,
a.up:hover,
a.down:hover {
color: #000;
}


.expand {
cursor: pointer;
}

.expand a {
color: #fff;
}
.expand a:hover {
color: #fff;
}
.expand a:active {
color: var(--mediumgrey);
}
.close .expand a {
color: var(--green);
}
.close .expand a:hover {
color: #fff;
}

.row:hover .cell.hidden {
background-color: #fff;
}


/** end custom **/






/** settings **/

.settings h2 {
color: #fff;
}

.custom .item .title a {
text-decoration: none;
}
.custom .item .title a:hover {
color: var(--green);
}
.custom .item .title a:focus {
color: #fff;
}



.scroll_me {
scrollbar-width: thin;
scrollbar-color: var(--green) var(--tin);
}
.scroll_me::-webkit-scrollbar-track,
.select_list::-webkit-scrollbar-track{
background: var(--tin);
}
.scroll_me::-webkit-scrollbar-thumb,
.select_list::-webkit-scrollbar-thumb {
background-color: var(--green);
border-color: var(--tin);
}
.head .cell {
border-left-color: #fff;
}
.history .parallel {
background: var(--softgrey);
}
.history .parallel input.submit_button {
background: var(--lead);
}
.history .parallel input.submit_button:hover {
background: var(--green);
}



.tooltip {
color: #000;
background-color: #fff;
}
.tooltip::after {
background-color: #fff;
}

.assist .tooltip {
color: #fff;
background-color: #000;
}
.assist .tooltip::after {
background-color: #000;
}

.assist a:hover {
color: var(--xxx);
}

/** end settings **/









/** article **/


.search_term {
background-color: var(--tin);
}
.results_block a {
color: #fff;
text-decoration: none;
}
.results_block a h5 {
color: #fff;
text-decoration: underline;
}
.results_block a:hover h5 {
color: #fff;
text-decoration: none;
}






.category_backlink a,
.category_backlink a::before,
.category_backlink a:hover {
color: #fff;
}


/** FAQ **/

.faq dt {
border-bottom-color: var(--dim);
}
.faq dt:before {
color: #fff;
}

.faq dt:hover::before {
color: var(--softgrey);
}
.faq dt:hover::after,
.faq dt.close::after {
color: #fff;
}


/** end article **/




/*** navi ***/




#navblock {
border-color: var(--lead);
}

#subnav > ul > li {
border-right-color: var(--lead);
}


#subnav a {
color: #fff;
background-color: #000;
}



#subnav > ul > li > ul a:active {
background-color: #fff;
}
#navmain a:hover {
color: #000;
background-color: #fff;
}

#subnav > ul li a {
border-bottom: none;
}
#subnav > ul > li > ul a {
border-bottom-color: var(--lead);
}

#subnav ul > li > a.open {
color: #000;
background-color: #fff;
}


#subnav ul ul a {
color: #000;
background-color: #fff;
}
.article #subnav > ul > li > a {
color: #fff;
background-color: var(--charcoal);
}
.article #subnav > ul > li > a:hover {
color: #000;
background-color: #fff;
}
.article #subnav ul > li > a.open {
color: #000;
background-color: var(--metallic-medium);
}


#subnav ul ul a:hover {
color: #fff;
background-color: #000;
}


/*** end navi ***/







article {
background-color: #000;
}
.lead {
border-top-color: #fff;
border-bottom-color: #fff;
}




.sidebar {
color: #000;
}
.sidebar .lining {
background-color: #fff;
}
.sidebar a {
color: #000;
}


#utility {
border-top-color: var(--mediumgrey);
}
#utility a {
color: #000;
}
#utility a:hover {
color: #000;
}
#utility a::before {
color: var(--charcoal);
}
#utility a:hover::before {
color: var(--green);
}

#related_services a {
color: #fff;
background-color: var(--anthracite);
}
#related_services a:hover {
color: #fff;
background-color: var(--red);
}



.pagenav a {
color: #fff;
}
.pagenav div:first-child {
border-right-color: var(--softgrey);
}


.pagenav a.inactive,
.pagenav a.inactive:hover,
.pagenav a.inactive:hover::before,
.pagenav a.inactive:hover::after {
color: var(--mediumgrey);
}

.pagenav a:hover {
color: #fff;
}
.pagenav a:active {
color: #fff;
}
.pagenav a:hover::before,
.pagenav a:hover::after {
color: #fff;
}




.pager a {
color: #000;
background-color: #fff;
text-decoration: none;
}
.pager a:hover {
color: #fff;
background-color: var(--green);
}
.pager a:active {
background-color: var(--mediumgrey);
}

.pager a.current {
color: #fff;
background-color: var(--lead);
}

.pager a.inactive {
color: #000;
background-color: var(--mediumgrey);
}


/** aside **/


aside {
background-color: #000;
}
aside textarea {
background-color: #fff;
border-color: var(--softgrey);
}
aside input.email,
input.default {
color: #000;
background-color: #fff;
border-color: #000;
}
.article .date_filter input.default {
border-color: var(--mediumgrey);
}


input.ordering {
background-color: #fff;
border: 1px solid var(--softgrey);
}


input.submit_button {
color: #000;
background: #fff;
text-decoration: underline;
}
input.submit_button:hover {
color: #fff;
background: var(--green);
text-decoration: none;
}
input.submit_button.delete:hover {
background: var(--red);
}

input.submit_button:active {
color: #000;
background-color: var(--mediumgrey);
}
aside .columns p {
border-bottom: none;
}



.serachresults .article_body h1 {
border-bottom-color: #fff;
}

.accept-decline a {
background: #000;
}
.accept-decline a.decline:hover,
.accept-decline a.decline:focus {
background: var(--mediumgrey);
}

.box_grid .item .content .accept-decline a:hover,
.box_grid .item .content.accept-decline a:focus {
color: #fff;
text-decoration: none;
}
.accept-decline.single a.accept {
color: #000;
background: #fff;
}
.accept-decline.single a.accept:hover,
.accept-decline.single a.accept:focus {
color: #fff;
background: var(--green);
}

.small_button:hover,
.small_button:focus {
background: var(--mediumgrey);
}

a.service_login:hover span:last-child,
a.service_login:focus span:last-child {
background-color: #000;
}



/* to top */


.fixed a {
text-decoration: none;
background-color: #000;
}
.fixed a:hover,
.fixed a:focus,
.fixed a:active {
color: #fff;
background-color: var(--green);
}




/** modal **/

.modal.error .mfp-close:hover::before {
color: var(--green);
}

.modal .assist a,
.modal.light a {
color: #000;
}
.accept-decline a,
.modal.light .accept-decline a  {
color: #fff;
} 

.modal .lining {
color: #000;
background-color: #fff;
}
.modal .note {
color: #fff;
background-color: #000;
}

.modal input.default {
color: #fff;
background-color: #000;
border-color: #000;
}

.modal .submit_button {
color: #fff;
background-color: var(--lead);
}

.modal ul li {
border-bottom-color: var(--mediumgrey);
}
.modal ul li:first-child {
border-top-color: var(--mediumgrey);
}
.modal ul li:hover {
background-color: #fff;
}
.delete::after {
color: #fff;
}

.settings .item a {
border-color: #000;
background-color: #fff;}

.switch input:checked + .track {
background-color: #000;
}
.switch input:checked + .track::before {
background-color: white;
}

.area::before {
color: #000;
}
.radio_select .area::before {
color: #000;
}
.checkit .area::before {
color: #fff;
}
.checkit input:checked + .area::before {
color: #fff;
}
.check_to_delete input:checked + .area::before {
color: #000;
}
.radio_select input:hover + .area::before,
.checkit input:hover + .area::before {
color: #2cad56;
}





/** slider **/

.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
color: #fff;
text-decoration: none;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
color: var(--mediumgrey);
}
.bx-wrapper .item {
background: #000;
}
.bx-wrapper .bx-caption span {
color: #fff;
}

@media all and (max-width: 1023px) {

#shell {
border-top: 1px solid #666;
}
a#filter_close,
a#filter_close:active {
background-color: transparent;
}
a#filter_close::after {
display: none;
}

.segment a.tooltip:hover .label {
background-color: transparent;
}

}

@media all and (max-width: 980px) {

.sidebar .lining {
background-color: var(--background);
}

.sidebar .lining .block,
.sidebar .lining .block#utility {
background-color: #fff;
}

}

@media all and (max-width: 768px) {

#subnav > ul > li {
border: none;
border-bottom: 1px solid var(--charcoal);
}

#subnav ul > li > a.open {
color: #000;
background-color: var(--metallic-light);
}
#subnav > ul li a {
border-bottom: none;
}
.article #subnav > ul > li > a {
border-bottom: 1px solid var(--background);
}
.article #subnav > ul > li:last-child > a {
border-bottom: none;
}

input[type='checkbox']:hover::after,
input[type='radio']:hover::after {
color: #000;
}

}

@media all and (max-width: 679px) {

#egradjani .section#function {
flex-direction: column;
}
#current_user {
padding: 0 20px;
text-align: left;
line-height: normal;
}
#current_user .trigger {
justify-content: flex-start;
align-items: flex-start;
}
.trigger .icon {
flex: 0;
padding: 13px 10px 0 0;
}
a#user_switch {
flex: 1;
}

#filterswitch {
order: 1;
}
#user_home {
order: 2;
}
#user_inbox {
order: 3;
}
#vision_impaired {
order: 4;
}
#dyslexia {
order: 5;
}
#resize {
order: 6;
}
#log_button {
order: 7;
}