.footerElementsHolder{
 display:flex;
 flex-direction:row;
 justify-content:space-between;
 align-content:center;
 align-items:center;
 background:var(--bottom-elements-holder-color);
 border-radius:var(--bottom-elements-holder-radius);
 padding:var(--bottom-elements-holder-padding);
 
}

.inputIcons{
 color:var(--footer-button-btn-color);
 text-align:center;
}

.sendMessage{
 background:var(--footer-button-background-color);
 border-radius:var(--footer-button-btn-radius);
 width:var(--footer-button-btn-width);
 height:var(--footer-button-btn-height);
 
 
 
}

.chatbox-popup .chatbox-popup__footer{
 
 
 
 
 padding:var(--footer-padding);
 border-top:var(--footer-border-top) !important;
 
 
 border-bottom-right-radius:var(--footer-bottom-right-radius);
 border-bottom-left-radius:var(--footer-bottom-left-radius);
 
 background:var(--footer-background);
 
 
 
 
 
}


.bottomBtnCover{
 width:19%;
 height:60px;
 position:absolute;
 z-index:1;
}

.stickToBottom{
 bottom:0;
 position:relative;
 width:100%;
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 align-content:center;
 justify-content:flex-end;
}

.writeMessage{
 width:var(--write-message-input);
 
 
 
 
 padding:0 calc(16px / 2);
 
 
 
 
 border:0;
 outline:0 !important;
 
 overflow:hidden;
 background:transparent;
}

.active{
 background:none !important;
}

.pixMenu{
 position:relative;
 display:block;
 width:45px;
 
 margin:0 17px 0px 17px;
}

.pixMenu .pix{
 position:absolute;
 width:8px;
 height:8px;
 background-color:var(--main-color);
 border-radius:100%;
 transition:.2s ease-in-out;
}

.pixMenu .pix:nth-of-type(1){
 transform:translate(0px,0px);
}

.pixMenu .pix:nth-of-type(2){
 transform:translate(12px,0px);
}

.pixMenu .pix:nth-of-type(3){
 transform:translate(24px,0px);
}

.pixMenu .pix:nth-of-type(4){
 transform:translate(0px,12px);
}

.pixMenu .pix:nth-of-type(5){
 transform:translate(12px,12px);
}

.pixMenu .pix:nth-of-type(6){
 transform:translate(24px,12px);
}

.pixMenu .pix:nth-of-type(7){
 transform:translate(0px,24px);
}

.pixMenu .pix:nth-of-type(8){
 transform:translate(12px,24px);
}

.pixMenu .pix:nth-of-type(9){
 transform:translate(24px,24px);
}

.pixMenu:hover .pix{
 background-color:var(--secondary-color);
}

.pixMenu:hover .pix:nth-of-type(1){
 transform:translate(-6px,-6px);
}

.pixMenu:hover .pix:nth-of-type(3){
 transform:translate(30px,-6px);
}

.pixMenu:hover .pix:nth-of-type(7){
 transform:translate(-6px,30px);
}

.pixMenu:hover .pix:nth-of-type(9){
 transform:translate(30px,30px);
}


.pixMenu.active .pix:nth-of-type(1){
 transform:translate(-4px,-4px);
}

.pixMenu.active .pix:nth-of-type(2){
 transform:translate(4px,4px);
}

.pixMenu.active .pix:nth-of-type(3){
 transform:translate(28px,-4px);
}

.pixMenu.active .pix:nth-of-type(4){
 transform:translate(4px,20px);
}

.pixMenu.active .pix:nth-of-type(6){
 transform:translate(20px,4px);
}

.pixMenu.active .pix:nth-of-type(7){
 transform:translate(-4px,28px);
}

.pixMenu.active .pix:nth-of-type(8){
 transform:translate(20px,20px);
}

.pixMenu.active .pix:nth-of-type(9){
 transform:translate(28px,28px);
}


.pixMenu.active:hover .pix:nth-of-type(1){
 transform:translate(-6px,-6px);
}

.pixMenu.active:hover .pix:nth-of-type(2){
 transform:translate(3px,3px);
}

.pixMenu.active:hover .pix:nth-of-type(3){
 transform:translate(30px,-6px);
}

.pixMenu.active:hover .pix:nth-of-type(6){
 transform:translate(21px,3px);
}


.pixMenu.active:hover .pix:nth-of-type(4){
 transform:translate(3px,21px);
}

.pixMenu.active:hover .pix:nth-of-type(7){
 transform:translate(-6px,30px);
}

.pixMenu.active:hover .pix:nth-of-type(8){
 transform:translate(21px,21px);
}

.pixMenu.active:hover .pix:nth-of-type(9){
 transform:translate(30px,30px);
}


.menuContainer{
 display:none;
 position:relative;
 
 height:var(--footer-menu-container-height);
 
 
 background:var(--footer-menu-container-background);
 z-index:2;
 
 
 padding:var(--footer-menu-container-padding-upDown) var(--footer-menu-container-padding-left-right);
 
 
}

.menuBtnHolder{
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 align-content:center;
 justify-content:space-around;
 align-items:center;
}













.menuBtn{
 display:flex;
 flex-direction:column;
 flex-wrap:nowrap;
 align-content:center;
 justify-content:center;
 align-items:center;
 width:-webkit-fill-available;
 width:-moz-available;
}



















.menuText{
 color:var(--main-color);
 
 border:var(--bottom-menu-button-border);
 background:var(--bottom-menu-button-background);
 border-radius:var(--bottom-menu-button-radius);
 padding:var(--bottom-menu-button-padding);
 width:var(--bottom-menu-button-width);
}

.menuText img{
 width:var(--bottom-menu-button-image-size);
}

.flexer{
 display:flex;
 flex-direction:column;
 align-content:center;
 justify-content:center;
 align-items:center;
 font-size:var(--bottom-menu-button-font-size) !important;
 color:var(--secondary-color);
}

.menuText:hover{
 
 background:var(--bottom-menu-button-hover-color);
 
 
 
 
 
}

.sendBtnImg{
 width:var(--footer-button-icon-width) !important;
 padding:var(--footer-button-icon-padding);
}