.fx-sidepop {position: fixed; z-index: 200000;width: 100%;height: auto;}
.fx-sidepop.bottom-left {left: 0; bottom: 0;}
.fx-sidepop .fx-sidepop-inner {position: relative; display: block;}
.fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button {cursor: pointer; width: 50px; height: 50px;background: #fe5800; color: white;position: absolute;left: 40px; bottom: 38px;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}

.fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button:after {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;opacity: 0;-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);content: ""; width: 0; height: 0; border-left: 12px solid transparent; border-right: 0 solid transparent; border-bottom: 12px solid #fe580075; position: absolute; left: 0; bottom: -12px; }
.fx-sidepop.closed .fx-sidepop-inner > a.fx-sidepop-button:after {opacity: 1;}
.fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button:before {-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;opacity: 0;content: "";width: 0; height: 0; border-left: 12px solid transparent; border-right: 0px solid transparent; border-bottom: 12px solid #fe5800; position: absolute; right: 0; top: -12px;}
.fx-sidepop.opened .fx-sidepop-inner > a.fx-sidepop-button:before {opacity: 1;}

.fx-sidepop.closed .fx-sidepop-inner > a.fx-sidepop-button .open-icon {opacity: 1;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;display: block;}
.fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button .open-icon {opacity: 0;display: none;}

.fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button .open-icon {width: 25px;}

.fx-sidepop.opened .fx-sidepop-inner > a.fx-sidepop-button .close-icon {stroke: white;opacity: 1;-webkit-transition: all .5s linear;-o-transition: all .5s linear;transition: all .5s linear;display: block;}
.fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button .close-icon {opacity: 0;display: none;}

.fx-sidepop .fx-sidepop-inner > .content {-webkit-transition: all .8s linear;-o-transition: all .8s linear;transition: all .8s linear;opacity: 0;border: 1px solid #D8D8D8;position: absolute; left: 90px; min-height: 50px; max-height: 450px; width: calc(80% - 24px); max-width: 400px; display: block; bottom: 102px; padding: 40px; overflow-y: auto; overflow-x: hidden; background: white; -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)!important; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)!important; }
.fx-sidepop.opened .fx-sidepop-inner > .content {opacity: 1;}
.fx-sidepop .fx-sidepop-inner > .content::-webkit-scrollbar {width: 5px;}  
.fx-sidepop .fx-sidepop-inner > .content::-webkit-scrollbar-track {background: #f1f1f1;}
.fx-sidepop .fx-sidepop-inner > .content::-webkit-scrollbar-thumb {background: #888;}
.fx-sidepop .fx-sidepop-inner > .content::-webkit-scrollbar-thumb:hover {background: #555;}

@media screen and (max-width: 1599px) {
    .fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button {left: 24px;}
    .fx-sidepop .fx-sidepop-inner > .content {left: 74px;}
}

@media screen and (max-width: 500px) {
    .fx-sidepop .fx-sidepop-inner > a.fx-sidepop-button {left: 12px; width: 35px;}
    .fx-sidepop .fx-sidepop-inner > .content {left: 47px; width: calc(85% - 24px);padding: 24px;max-height: 350px;}
}