#lnfy-LangToggleBar[lnfy] {
     /*The z-index property specifies the stack order of an element.
	 An element with greater stack order is always in front of an element with a lower stack order.*/
	display: none;	
    position: fixed;    
	z-index: 9999999;
	/*bottom: 40px;*/
	 top: 113px;  
    right: 0;
   
	/* Define the size of rectangle */
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 8px;
    
	    
    font-size: 12px;
    color: #6c7984;
    background: #f6f8fa;
    border: solid 3px #e86c14;
    border-right: none;
    width: 115px;
	border-top-left-radius: 2em;
    border-bottom-left-radius: 2em;
    
   
}

#lnfy-LangToggleBar[lnfy] #lnfy-html {
    position: relative;
    display: block;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    margin: 0;
    padding: .65em 7px .65em 0
}


#lnfy-LangToggleBar[lnfy] {
   
    animation: desktop-slide-in .5s
}


#lnfy-LangToggleBar[lnfy].slid-out {
    bottom: -3em;
    opacity: 0
}


@keyframes desktop-slide-in {
    0% {
        right: -100%
    }
    100% {
        right: 0
    }
}

@keyframes desktop-slide-in-left {
    0% {
        left: -100%
    }
    100% {
        left: 0
    }
}

@keyframes slidein {
    0% {
        bottom: -3em;
        opacity: 0;
    }
    50% {
        opacity: 1
    }
    100% {
        bottom: 0
    }
}

@keyframes slideout {
    0% {
        bottom: 0
    }
    50% {
        opacity: 1
    }
    100% {
        bottom: -3em;
        opacity: 0
    }
}

.linguify-logo{
  width:32px;
  height:32px;
  background:url("./linguifyLogo.ico");
}