body{
    position: relative;
 }
   
    .body-hatext * {
    font-size:100%;
    font-size:x-large;
    line-height: 1.2;

    }

    .body-hatext h1,.body-hatext h2,.body-hatext h3,.body-hatext h4,.body-hatext h5,.body-hatext h6,.body-hatext p{
        font-size: unset;
    
        line-height: 1.2;
    }

 
    .body-hacontrast {
        background: #000;
        filter: invert(100%) !important;
    }

    .body-hacontrast img {
        filter: invert(100%) !important;
    }

    .body-hacontrast .ha-menu {
        filter: invert(100%) !important;
    }

    .body-hacontrast .ha-menu img {
        filter: invert(0) !important;
    }


    .body-hagrayscale {
        filter: saturate(0);
    }





    body .ha-menu{
        display: flex;
        list-style-type: none;
        margin: 0;
        padding: 0;
/*        position: fixed !important;
        bottom: 16px !important;
        right: 56px !important;*/
		text-align: center;
		justify-content: center;
    	align-items: center;
		padding-bottom: 15px;
	}

    .ha-menu img {
        width: 20px;
        height: 20px;
		line-height: 25.2px !important;
		font-size: 14px !important;
		margin-bottom: 4px;
		filter: brightness(0) saturate(100%) invert(39%) sepia(28%) saturate(5501%) hue-rotate(147deg) brightness(100%) contrast(95%);
    }

    .ha-menu button {
        background: #fafafa;
        border: solid 1px #ddd;
        box-sizing: border-box;
        padding: 5px;
        transition: all 250ms linear;
        height: 34px;
		line-height: 25.2px !important;
		font-size: 14px !important;
    }

    .ha-menu .first {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }


    .ha-menu .last {
        border-bottom-right-radius: 5px;
        border-top-right-radius: 5px;
    }

    .ha-menu button:hover,
    .ha-menu button.ha_active {
        filter: invert(100%)
    }

	.ha-menu button {
		outline: none;
	}

    .ha-menu li {
        position: relative;
    }

    .ha-menu span {
        position: absolute;
        width: 80px;
        /*(font-family: Arial, Helvetica, sans-serif;*/
		color: black;
        min-height: 15px;
        font-size: 11px !important;
        line-height: 1rem !important;
        top: -16px;
        text-align: center;
        background: #fafafa;
        border: solid 1px #ddd;
        display: none;
        opacity: 0;
        transition: all 250ms linear;
    }

    .ha-menu li:hover span {

        opacity: 1;
        display: block;
    }
 	/*@media (max-width: 400px) {	
		body .ha-menu{
			bottom: 16px !important;
			left: 16px !important;
		}
	}/*