html, body{
    background-color: #ffffff!important;
    color: #363636;
    }
    .navbar{
    background-color: #ffffff;
    }

    .navbar-item{
    color: #4A4A4A;
    }

    .label{
    color: #363636;
    }

    .title{
    color: #363636;
    }

    .notification, .box, .box .title, .box .label, .media-content{
    color: #343434;
    }

    .hero.is-primary{
    background-color: #F6821F;
    }

    .button.is-primary{
    background-color: #F6821F;
    }
    .button.is-primary:hover{
    background-color: #d96909;
    }
    .button.is-active{
    background-color: #F6821F;
    }
    .button.is-active:hover, .button.is-primary.is-active:hover{
    background-color: #d96909
    }

    progress.progress::-moz-progress-bar, progress.progress::-webkit-progress-value {
    background-color: #101010!important;
    }

    .tooltip.is-primary::after{
    background-color: #101010;
    color: #FFFFFF;
    }

    .tooltip.is-top.is-primary::before{
    border-top-color: #101010;
    }

    .notification.is-info{
    background-color: #101010;
    color: #FFFFFF;
    }

    .vue-slider-component .vue-slider-dot, .vue-slider-component .vue-slider-process{
    background-color: #101010!important;
    }

    .vue-slider-component .vue-slider-tooltip{
    background-color: #101010!important;
    border-color: #101010!important;
    color: #FFFFFF!important;
    }

    .switch input[type="checkbox"]:checked + .check{
        background: #F6821F;
    }

    .switch:hover input[type="checkbox"]:checked + .check{
        background: #d96909;
    }

    .progress::-moz-progress-bar{
        background-color: #101010!important;
    }

    .progress[value]::-webkit-progress-value{
        background-color: #101010!important;
    }

    .progress{
        color: #101010!important;
    }

    .hero.is-primary .title,
    .hero.is-primary .subtitle{
        color: #ffffff;
    }