.contrast_mode{
    margin-left: 10px;
    margin-top: 4px;
    display: block;
}
.contrast_mode img{
    border-radius: 5px;
}

body.contrast-mode{
    --contrast_color:#ff0;
    --contrast_bg_color: #000000;
    --contrast_default_color: #ffffff;
    background-color: var(--contrast_bg_color);

    .navbar_colorful{
        background-color: var(--contrast_bg_color);
        #registration-container{
            background-color: var(--contrast_bg_color);
            background:linear-gradient(to right, var(--contrast_bg_color) 0%, var(--contrast_bg_color) 100%);
            .container{
                a:first-child{
                    background-color: var(--contrast_color);
                    color: var(--contrast_bg_color);
                }
            }
            a{
                color:var(--contrast_color);
                text-decoration: underline;
            }

            .dropdown-menu{
                background-color:var(--contrast_bg_color);
                .dropdown-item{
                    background-color:var(--contrast_bg_color) !important;
                    color:var(--contrast_color) !important;
                    }
                .dropdown-item:hover{
                    background-color:var(--contrast_color) !important;
                    color:var(--contrast_bg_color) !important;
                }
            }

        }
        .navbar-nav{
            .nav-link{
                color:var(--contrast_color);
                text-decoration: underline;
            }
            .dropdown-menu{
                background-color:var(--contrast_bg_color);
                .dropdown-item{
                    background-color:var(--contrast_bg_color) !important;
                    color:var(--contrast_color) !important;
                    }
                .dropdown-item:hover{
                    background-color:var(--contrast_color) !important;
                    color:var(--contrast_bg_color) !important;
                    text-decoration: underline;
                }
            }
            .map-country-select{
                background-image: url('../images/contrast/country.svg');
            }
            .country-chooser a{
                color:var(--contrast_color) !important;
                text-decoration: underline;               
            }
        }
    }
    /*mobile*/
    .map-country-select-mobile{
        background-image: url('../images/contrast/country.svg');
    }
    .navbar-toggler{
        background-color: var(--contrast_color);
        .menu_icon_container{
            background-color: var(--contrast_color);
            span{
                background-color: var(--contrast_bg_color);
            }
        }
    }
    .map-country-select-mobile:hover, .navbar-toggler:hover{
        cursor: pointer;
    }
    #countryChooserModal{
        .modal-content{
            background-color: var(--contrast_bg_color);
            ul li a {
                color: var(--contrast_color);
                text-decoration: underline;
            } 
        }

    }
    /*mobil end*/

    #slider{
        .owl-dots{
           /* bottom: -30px;*/
            .owl-dot{
                background-color: var(--contrast_bg_color);
                span{
                    background-color: var(--contrast_color);
                }
            }
            .active span{
                border:1px solid var(--contrast_color);
                background-color: var(--contrast_bg_color);
            }

        }
    }

    #charger{
        background-image: none;
        .color-blue-light, .color-blue-medium, p{
            color:var(--contrast_default_color) !important; 
        }
        a{
            background-color: var(--contrast_color);
            color: var(--contrast_bg_color);
            background-image: none;
        }
        .decoration_dots_left_top, .decoration_dots_left_bottom, .decoration_dots_right_top_big, .decoration_dots_right_top_small{
            background-image: none;
        }
    }

    #types{
        background: none;
        .decoration_dots_left_bottom, .decoration_dots_left_top, .decoration_dots_right_bottom{
            background-image: none;

        }
        .type_container{
            background-color: var(--contrast_bg_color);
            border:1px solid var(--contrast_default_color);
            color: var(--contrast_default_color);
            .icon_container{
                background-color: var(--contrast_bg_color);
            } 
        }
    }
   

    footer-next-e{
        background-image: none;
        a{
            color:var(--contrast_color);
            text-decoration: underline;
        }
    }


    /* globalis */
    .btn_dark, .btn_light, .blue-btn, #show-steps-btn, .btn_light_simple{
        background-color: var(--contrast_color) !important;
        color: var(--contrast_bg_color) !important;
        background-image: none !important;
        border:1px solid var(--contrast_color) !important;
    }
    #show-steps-btn:hover, .btn_light_simple:hover{
        text-decoration: underline;
    }
    .btn_dark:after, .btn_light:after{
        filter: brightness(1%) saturate(10%);
    }
    .color-blue-light, .color-blue-medium, .text-plugee-blue{
        color: var(--contrast_default_color);
    }

    /*aloldal*/
   .chargers_bg{
    background: none;
    .container{
        color: var(--contrast_default_color);
        .standards {
            background-color: var(--contrast_bg_color);
            border:1px solid var(--contrast_default_color);
            color: var(--contrast_default_color);
            .icon_container{
                background-color: var(--contrast_bg_color);
            } 
            .color-blue-medium, .color-blue-light{
                color: var(--contrast_bg_color);
            }
        }
        .drop-open, .drop-close{
            color: var(--contrast_color);

        }
        .dropdown-box{
            color: var(--contrast_bg_color);
        }
        
    }
   } 
   #virtualcard-design{
    .dot-shape-hero, .dot-shape-hero-2, .dot-shape-hero-3{
        display: none;
    }
    .virtual-banner-title-sm, .virtual-banner-title-sm:after, .virtual-banner-title-sm:before,
    .virtual-banner-title-lg,.virtual-banner-title-lg:after,.virtual-banner-title-lg:before,
    .bottom-title, .bottom-title:after, .bottom-title:before{
        background-color: transparent !important;
    }
    .subtitle{ color: var(--contrast_default_color);}
    .white-box{
        background-color: var(--contrast_bg_color) !important;
    }
    .text-plugee-blue{
        color: var(--contrast_default_color) !important;
    }
    .virtualcard-desc-acc{
        .accordion-icon{
            filter: brightness(0);
        }
        a{
            color: var(--contrast_bg_color) !important;
        }
        .accordion-2{
            color: var(--contrast_bg_color) !important;
        }
        .panel-2{
            color: var(--contrast_bg_color) !important;
        }
    }

    .virtual-card-bottom, .bottom-desc{
        color: var(--contrast_default_color) !important;
        a{
            color: var(--contrast_color) !important;
        }
    }

   }

   #howItWorks{
    background-color: transparent;
    .cover{
        background-image: none;
    }
    .selectors .cards p{
        background-color: var(--contrast_bg_color);
        color: var(--contrast_color);
    }
    .selectors .cards.active p{
        background-color: var(--contrast_color);
        color: var(--contrast_bg_color);
    }
    .steps .step .step_text{
        color: var(--contrast_default_color);
    }
    .steps .step .step_img_container{
        background-color: transparent !important;
        img{ 
            display: none;
        }
    }

   }

   #charger_new_design{
        .header-sticker{
            background: none;
            .w-100{ display: none;}
            .stores_container a img{
                border: 1px solid var(--contrast_color);
            }
        }    


        strong, p, li, li:before{
            color: var(--contrast_default_color);
        }
   }

   #move_design{
        .dot-shape-hero img, .img-box, .dot-shape-hero-2, .dot-shape-hero-3{
            visibility: hidden;
        }
        .move_title p{
            color: var(--contrast_default_color) !important;
        }
        .phone_box_5{
            margin-top: 75px;
            .text-info{
                color: var(--contrast_default_color) !important;
            }
            .img_box{
                right: unset;
            }
        }

   }

   #prices{
    .decoration_dots_right_top, .decoration_dots_left_top, .decoration_dots_left_bottom, .decoration_dots_right_bottom{
        background-image: none;
    }

    background-color: transparent;
    background-image: none;
    .cover{
        background-image: none;
    }
    .prices_table{
        .header-title{
            background-color: transparent;
        }
    }
    .prices-table{
        .mol-move{
            background-color: transparent;
            background-image: none;                
        }
        a{
            color: var(--contrast_color);
        }
        .bg-blue-light{
            color: var(--contrast_bg_color);
            background-color: var(--contrast_default_color);
        }
        .description{
            background-color: transparent;
        }
    }

    .info_text_container p {
        color:var(--contrast_default_color);
    }
    .icons_container{
        .cash_icon, .card_icon{
            filter:invert(1) brightness(150%) grayscale(1);
        }
        div{
            color: var(--contrast_default_color) !important;
         }
    }
   }

   #chargingEtiquette{
    background-image: none;
    .decoration_dots_left_top1, .decoration_dots_left_top2, .decoration_dots_right_top1, .decoration_dots_right_top2, .decoration_dots_right_top3{
        background-image: none;
    }
    .heading, .text_container, .bottom_text{
        color: var(--contrast_default_color);
        .number, .description{
            color: var(--contrast_default_color);
        }
    }
    .safety-warnings-information-box{
        color: var(--contrast_default_color);
        p,li::before{
            color: var(--contrast_default_color);
        }
    }
   }

   #sales{
    background-image: none;
    .decoration_dots_left_top1, .decoration_dots_left_top2, .decoration_dots_right_top1, .decoration_dots_right_top2, .decoration_dots_right_bottom{
        background-image: none;
    }
    .cover_text, .cover_text .heading p, .we_believe_that .heading, .services .heading{
        color: var(--contrast_default_color);
    }
    .we_believe_that .items{
        background-color: var(--contrast_bg_color);
    }
    .questions_item{
        background-color: var(--contrast_bg_color);
        border: 1px solid var(--contrast_color);
        strong, p{
            color: var(--contrast_default_color);
        }
        .number{
            background-color: var(--contrast_default_color);
            color: var(--contrast_bg_color);
        }
    }
    #sales-gyik{
        color: var(--contrast_default_color);
        .heading, .sales-gyil-title, .sales-gyik-title, .sales-gyik-desc p{
            color: var(--contrast_default_color);
        }
    }

    .bottom_text_container{
        background-color: var(--contrast_bg_color);
        color: var(--contrast_default_color);
        .label_contact{
            background-color: var(--contrast_color);
            color: var(--contrast_bg_color);
            text-decoration: underline;
            .icon{
                background-color: var(--contrast_color);
            }
            .icon_phone:after, .icon_mail:after{
                filter: brightness(0);
            }
        }
    }

   }

   #customerService{
    .decoration_dots_left_top1, .decoration_dots_left_top2, .decoration_dots_left_bottom1, .decoration_dots_left_bottom2, .decoration_dots_right_top1, .decoration_dots_right_top2, .decoration_dots_right_top3{
        background-image: none;
    }
    .customer_service_container{
        .heading, p, label, .form_heading,.form-group div, small{ 
            color: var(--contrast_default_color);
        }

        .label_container{
            background-color: var(--contrast_bg_color);
            color: var(--contrast_default_color);
            .label_contact{
                background-color: var(--contrast_color);
                color: var(--contrast_bg_color);
                text-decoration: underline;
                .icon{
                    background-color: var(--contrast_color);
                }
                .icon_phone:after, .icon_mail:after{
                    filter: brightness(0);
                }
            }
        }

        .form-control{
            background-color: var(--contrast_bg_color);
            color: var(--contrast_default_color); 
        }
        .charger_detail_container img{
            filter: brightness(100) grayscale(1);
        }
        .form_policy{
            background-color: var(--contrast_bg_color);
            color: var(--contrast_default_color);
            a{
                color: var(--contrast_color);
                text-decoration: underline;
            }
            label:before{
                border-color: var(--contrast_default_color);
            }
        }

    }
   }

   #faq{
    background-image: none;
    .decoration_dots_left_bottom, .decoration_dots_right_top, .decoration_dots_right_bottom{
        background-image: none;
    }
    .questions_item{
        background-color: var(--contrast_bg_color);
        border: 1px solid var(--contrast_color);
        strong, p{
            color: var(--contrast_default_color);
        }
        .number{
            background-color: var(--contrast_default_color);
            color: var(--contrast_bg_color);
        }
        a, a:hover{
            color: var(--contrast_color);
            text-decoration: underline; 
        }
    }


   }

   #offer{
    background-image: none;
    .heading, strong, .offer_description, .sub_heading{ 
        color: var(--contrast_default_color);
    }
    .auto-card{
        .auto-card-body{
            background-color: var(--contrast_bg_color);
            border-radius: 0px 0px 30px 30px;
            border: 1px solid var(--contrast_color);
            h5,p{color: var(--contrast_default_color);}
            h5:first-child, ul li:last-child p:last-child {
                color: var(--contrast_default_color);
            }
        }
    }
    .new_table_1 table tbody tr td .tableContent_1 p:last-child{
        background-color: var(--contrast_bg_color) !important;
    }
    .tableFooter{
        color: var(--contrast_default_color) !important;
    }

    #table_informations{
        .bottom_text_container{
            background-color: var(--contrast_bg_color);
            p{
                color: var(--contrast_default_color); 
            }
            a p{
                color: var(--contrast_color); 
            }
            .label_contact{
                background-color: var(--contrast_color);
                color: var(--contrast_bg_color);
                text-decoration: underline;
                .icon{
                    background-color: var(--contrast_color);
                }
                .icon_phone:after, .icon_mail:after{
                    filter: brightness(0);
                }
            }
                   
        }
    }
   }

   #legal, #partners, #cookies{
    h1,p{
        color: var(--contrast_default_color); 
    }
    a{
        color: var(--contrast_color) !important;
        text-decoration: underline;  
    }
   }

   /*cookie consent*/
        #_cc{
            #_cc_mc{
                background-color: var(--contrast_bg_color);
                color: var(--contrast_color);
                p{
                    color:var(--contrast_default_color);
                }
                a{
                    color:var(--contrast_color);
                }
                button{
                    border:1px solid var(--contrast_color);
                    background-color: var(--contrast_bg_color);
                    color: var(--contrast_color);
                    &:hover{
                        background-color: var(--contrast_color);
                        border-color: var(--contrast_color);
                        color: var(--contrast_bg_color);
                    }
                }
                .exp{
                    background-color: var(--contrast_bg_color);
                    color: var(--contrast_color);
                    .obt{
                        color:var(--contrast_default_color);
                        th{
                            color:var(--contrast_default_color);
                        }
                        tr{
                            color:var(--contrast_default_color);
                        }
                        tr:hover{
                            background-color: transparent;
                        }
                    }
                    span{
                        color:var(--contrast_color);
                    }
                }
            }
            #_cc_mc_ic_cc_oc .o .oh{
                &:before{
                    border-color: var(--contrast_color);
                }
                &:hover{
                    &:before{
                        border-color: var(--contrast_bg_color);
                    }   
                }
            }
        }


}