footer.container-fluid{
    width: 100%;
    /* height: 50px; */
    background: linear-gradient(180deg, #fff, #eee);
    box-shadow: 0 -2px 10px #c9c9c9;
    color: #999;
}

.footer-main-section{
    width: 980px;
    margin: 0px auto;
    /* border: 1px solid #000; */
}

.footer-main-section>div{
    /* border: 1px solid #000; */
}

.footer-text-left{
    border-right: 1px solid #ddd;
    padding: 15px 0;
}

.footer-text-left>span{
    border-right: 1px solid #ddd;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 0.8rem;
}
.footer-text-left>span:hover{
    color:#2394EE;
}

.footer-text-left>span:last-of-type{
    border-right: none;
}
.footer-text-center{
    text-align: left;
    padding-left: 20px;
    border-right: 1px solid #ddd;
    /* border: 1px solid #ddd; */
}
.footer-text-center>span{
    /* border: 1px solid #ddd; */
    width: 90%;
    font-size: 0.8rem;
    font-weight: bold;
}
.customer-name, .marketing-plan{
    color:#2394EE;
}

.arrow-up{
    mask: url('../asset/arrow-icon.svg') no-repeat center / contain;
    -webkit-mask: url('../asset/arrow-icon.svg') no-repeat center / contain;
    background:#2394EE;
    transform: rotate(90deg);
    width: 30px;
    height: 30px;
    transition: margin-bottom .2s;
}
.arrow-up:hover{
    margin-bottom: 5px;
    transition: margin-bottom .2s;
}

.account-container{
    border-right: 1px solid #ddd;
    /* width: 50%; */
    height: 100%;
    flex: auto 0 0;
}

.acc-icon{
    width: 35px;
    cursor: pointer;
}

.logout-text{
    font-size: .8rem;
    /* width: 40%; */
    font-weight: bold;
    margin-left: 15px;
    color: #2394EE;
    cursor: pointer;
}

.social-media-container{
    border-right: 1px solid #ddd;
    height: 100%;
    /* width: 50%; */
    padding: 0 10px;
}

.social-media-icon{
    cursor: pointer;
}

.social-media-icon.fb{
    background: url('../asset/footer-fb-icon.png') no-repeat center;
    width: 16px;
    height: 16px;
    transition: .3s;
}

.social-media-icon.fb:hover{
    background: url('../asset/footer-fb-hover-icon.png') no-repeat center;
    transition: .3s;
}

.social-media-icon.tw{
    background: url('../asset/footer-twitter-icon.png') no-repeat center;
    width: 16px;
    height: 16px;
    transition: .3s;
}
.social-media-icon.tw:hover{
    background: url('../asset/footer-twitter-hover-icon.png') no-repeat center;
    transition: .3s;
}

.social-media-icon.fs{
    background: url('../asset/footer-foursquare-icon.png') no-repeat center;
    width: 16px;
    height: 16px;
    transition: .3s;
}
.social-media-icon.fs:hover{
    background: url('../asset/footer-foursquare-hover-icon.png') no-repeat center;
    transition: .3s;
}

.social-media-icon.yt{
    background: url('../asset/footer-youtube-icon.png') no-repeat center;
    width: 16px;
    height: 16px;
    transition: .3s;
}
.social-media-icon.yt:hover{
    transition: .3s;
    background: url('../asset/footer-youtube-hover-icon.png') no-repeat center;
}

@media(max-width: 992px){
    .social-media-container{
        border-right: none;
    }
    .footer-text-left{
        border-right: none;
    }
    .footer-right{
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 10px 0;
    }
    .footer-text-center>span{
        text-align: center;
    }
}

@media(max-width: 576px){
    .footer-text-center{
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
    }
    .footer-right{
        padding: 0;
    }
    .footer-link-group-container{
        padding: 15px 0;
    }
}