/*.highcontrast {
    -webkit-filter:  grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
}*/
.highcontrast:not(.highcontrastRemove),
.highcontrast nav:not(.highcontrastRemove),
.highcontrast div:not(.highcontrastRemove),
.highcontrast li:not(.highcontrastRemove),
.highcontrast ol:not(.highcontrastRemove),
.highcontrast header:not(.highcontrastRemove),
.highcontrast footer:not(.highcontrastRemove),
.highcontrast section:not(.highcontrastRemove),
.highcontrast main:not(.highcontrastRemove),
.highcontrast aside:not(.highcontrastRemove),
.highcontrast article:not(.highcontrastRemove),
.highcontrast span:not(.highcontrastRemove)
{
    background-color: black !important;
    color: white !important;
}
.highcontrast div:not(.highcontrastRemove) {
    background: black !important;
}
/* .highcontrast :not(.highcontrastRemove)::before, .highcontrast :not(.highcontrastRemove)::after {
    background: transparent !important;
} */

.highcontrast h1:not(.highcontrastRemove),
.highcontrast h2:not(.highcontrastRemove),
.highcontrast h3:not(.highcontrastRemove),
.highcontrast h4:not(.highcontrastRemove),
.highcontrast h5:not(.highcontrastRemove),
.highcontrast h6:not(.highcontrastRemove) {
    background-color: transparent;
}

.highcontrast h1:not(.highcontrastRemove),
.highcontrast h2:not(.highcontrastRemove),
.highcontrast h3:not(.highcontrastRemove),
.highcontrast h4:not(.highcontrastRemove),
.highcontrast h5:not(.highcontrastRemove),
.highcontrast h6:not(.highcontrastRemove) {
    color: yellow !important;
}
.highcontrast p:not(.highcontrastRemove),
.highcontrast label:not(.highcontrastRemove),
.highcontrast cite:not(.highcontrastRemove),
.highcontrast q:not(.highcontrastRemove),
.highcontrast span:not(.highcontrastRemove),
.highcontrast i:not(.highcontrastRemove) {
    color: white !important;
}

.highcontrast:not(.highcontrastRemove) a, .highcontrast:not(.highcontrastRemove) span.nolink, .highcontrast:not(.highcontrastRemove) a span {
    background-color: transparent !important;
    color: yellow !important;
    border-color: transparent !important;
    outline: 1px dotted #F2E34C !important;
    outline-offset: -1px;
}
.highcontrast:not(.highcontrastRemove) a:hover {
    background-color: initial !important;
    color: yellow !important;
    border-color: transparent !important;
    outline: 1px dotted #F2E34C;
    outline-offset: -1px;
}

.highcontrast button,
.highcontrast input[type=button],
.highcontrast input[type=reset],
.highcontrast input[type=submit] {
    background: black !important;
    color: yellow !important;
    border-color: transparent !important;
    outline: 1px dotted #F2E34C !important;
    outline-offset: -1px;
}
.highcontrast input[type=text],
.highcontrast input[type=password],
.highcontrast input[type=url],
.highcontrast input[type=search],
.highcontrast input[type=email],
.highcontrast input[type=tel],
.highcontrast input[type=date],
.highcontrast input[type=month],
.highcontrast textarea,
.highcontrast .webform-component-select {
    background: black !important;
    border: 1px solid white !important;
    color: white !important;
}
.highcontrast .SumoSelect>.CaptionCont>label>i {
    background-color: yellow !important;
}
.highcontrast ::-webkit-input-placeholder { /* Edge */
    color: white !important;
}
.highcontrast :-ms-input-placeholder { /* Internet Explorer 10-11  */
    color: white !important;
}
.highcontrast ::placeholder {
    color: white !important;
}

.highcontrast img {
    /*filter: contrast(1.75);*/
}

/**** ACORDION ****/
.highcontrast .accordion:not(.highcontrastRemove) .accordion--title span,
.highcontrast .accordion:not(.highcontrastRemove) h3.accordion--title .accordion--title-wrap,
.highcontrast .accordion:not(.highcontrastRemove) h3.accordion--title:not(.highcontrastRemove) .accordion--indicator,
.highcontrast .accordion:not(.highcontrastRemove) h3.accordion--title:not(.highcontrastRemove):hover .accordion--indicator::before {
    background-color: transparent !important;
    color: yellow !important;
}
.highcontrast .accordion:not(.highcontrastRemove) .accordion--content ul li:before,
.highcontrast .accordion:not(.highcontrastRemove) .events-schedule--content ul li:before, .field-name-body ul li:before,
.highcontrast .accordion:not(.highcontrastRemove) .tabs--content .entity-paragraphs-item ul li:before, .timeline--text ul li:before {
    background-color: yellow !important;
}
.highcontrast .ckeditor-accordion-container>dl dt {
    border: 2px solid transparent;
}
.highcontrast .ckeditor-accordion-container .styled .ckeditor-accordion-toggle{
    background-color: transparent !important;
}
.highcontrast .ckeditor-accordion-container .styled .ckeditor-accordion-toggle::after,
.highcontrast .ckeditor-accordion-container .styled .ckeditor-accordion-toggle::before {
    background-color: yellow !important;
}

/**** GOOGLE MAP ****/
.highcontrast .view-mapa > div * {
    background-color: initial !important;
    color: initial !important;
}
.highcontrast .view-mapa > a *,
.highcontrast .view-mapa > button * {
    background: white !important;
    color: initial !important;
}

/**** TABS ****/
.highcontrast .tabs--control:not(.highcontrastRemove),
.highcontrast .collapseMenu:not(.highcontrastRemove) span, 
.highcontrast .tabs--partners .tabs--item--is-collapsed .sub-menu--item,
.highcontrast .tabs--partners .tabs--item--is-collapsed .tabs--title {
    background-color: transparent !important;
    color: yellow !important;
    border-color: transparent !important;
    outline: 1px dotted #F2E34C !important;
    outline-offset: -1px;
}
.highcontrast .tabs--partners .tabs--item--is-collapsed .sub-menu--item div,
.highcontrast .tabs--partners .tabs--item--is-collapsed .tabs--title div {
    background-color: transparent !important;
    color: yellow !important;
}

.highcontrast #slidable {
    border: 3px solid #fff !important;
}
.highcontrast #side {
    border: 3px solid #fff !important;
    border-right: none;
}
.highcontrast #side .icon-universal-access{
    background: none !important;
}
.azes a, .highcontrast-btn {
    color: #fff;
    border: 2px solid #fff !important;
    display: inline-block !important;
    border-radius: 5px;
    padding: 3px 5px !important;
    font-size: 14px !important;
}
.azes a:focus, .highcontrast-btn:focus {
    color: #fff;
}
.azes a:hover, .highcontrast-btn:hover {
    text-decoration: none;
    background-color: #fff;
    color: #003e7e;
}
.azes {
    margin: 10px !important;
    display: inline-flex !important;
}
.highcontrast-container {
    margin: 10px !important;
    display: block !important;
}
.azes a {
    min-width: 25px;
    min-height: 22px;
    margin-right: 8px !important;
    text-align: center;
    padding: 1px !important;
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;

}
.azes a:hover span {
    color: #003e7e;
}
.azes a span {
    display: inline-block;
    color: #fff;
}
div[vw] {
    position: initial !important;
    transform: none !important;
}
#side {
    position: absolute; /* add this */
    right: 100%;         /* add this */
    background: #003e7e;
    -webkit-border-top-left-radius: 40px;
    -webkit-border-bottom-left-radius: 40px;
    -moz-border-radius-topleft: 40px;
    -moz-border-radius-bottomleft: 40px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    cursor: pointer;
    top: -3px;
    z-index: 1;
    border: 3px solid #003e7e !important;
}
#slidable {
    top: 30%;
    margin-top: 0;
    position: fixed;
    z-index: 1000;
    padding: 10px;
    background: #003e7e;
    width: 340px;
    left: 100%; /* add this */
    transition: 0.1s;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-left-radius: 25px;
    border: 3px solid #003e7e !important;
}
#slidable.open{
    left: calc(100% - 340px);
}
#slidable .active {
    z-index: 2;
    position: relative;
}
.icon-universal-access {
    font-size: 40px !important;
    color: #fff;
}
.icon-universal-access:before {
    margin: 10px;
}
.icon-adjust {
    float: left;
}

/* RESPONSIVE
--------------------------------------------- */
@media screen and (max-width: 640px) {
    /* #side {
        top: 50%;
    } */
    #slidable {
        width: 250px;
    }
    #slidable.open{
        left: calc(100% - 250px);
    }
}