.page_spinner {
    color: #23c4fa;
    position: absolute;
    /*
    * Created with https://www.css-gradient.com
    * Gradient link: https://www.css-gradient.com/?c1=089e5e&c2=d14e13&gt=l&gd=dtr
    */
    background: #00295b;
    background: linear-gradient(225deg,rgba(0, 41, 91, 1)  0%, hsl(126.67deg 26.47% 13.33%), rgba(106, 42, 91, 1) 100%);
    z-index: 100000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.page_spinner div {
    font-size: 25px;
    color: #23c4fa;
    position: absolute;
    background: url(/assets/img/loader.gif) 50% 50% no-repeat;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100101;
}
/* ribbon ini */
.x800633800860377_container {
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(45%);
    z-index: 2147483647;
}
.x800633800860377_ribbon {
    display: block;
    width: 100vw;
    height: 3vw;
    transform: rotate(45deg);
    background-image: url("data:image/svg+xml,%3Csvg class='flag' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Crect width='1200' height='800' fill='%23005BBB'/%3E%3Crect width='1200' height='400' y='400' fill='%23FFD500'/%3E%3C/svg%3E");
    background-size: auto;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);
}
.x46648751614603046_container {
    position: fixed;
    bottom: 0;
    left: 0;
    transform: translateX(-45%);
    z-index: 2147483647;
}
.xUA_ribbon {
    display: block;
    width: 15vw;
    height: 3vw;
    transform: rotate(45deg);
    background-image: url("data:image/svg+xml,%3Csvg class='flag' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 800'%3E%3Crect width='1200' height='800' fill='%23005BBB'/%3E%3Crect width='1200' height='400' y='400' fill='%23FFD500'/%3E%3C/svg%3E");
    background-size: auto;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);
}
.xRU_ribbon {
    display: block;
    width: 100vw;
    height: 3vw;
    transform: rotate(45deg);
    background-image: url("data:image/svg+xml,<svg class='flag' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 900'><rect width='1200' height='900' fill='%23FFFFFF'/><rect width='1200' height='300' y='300' fill='%230039a6'/><rect width='1200' height='300' y='600' fill='%23d52b1e'/></svg>");
    background-size: auto;
    box-shadow: 0 0 8px rgb(0 0 0 / 50%);
}
/* ribbon fim */
.avatar img {
    border: 3px solid #3397d4 !important;
}
.avatar img:hover {
    border: 7px solid #3397d4 !important;;
}
#sidebar #avatar img:hover {
    transform: scale(1.2);
}
#sidebar #avatar img {
    transition: transform .5s;
}