.admz_ctg6 {
    * {
        box-sizing: border-box;
    }

    .hidden {
        display: none;
    }

    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 1041;

    &.right {
        left: unset;
        right: 15px;
    }

    &.center {
        left: unset;
        right: 15px;
    }

    .inner {
        display: inline-flex;
        flex-direction: row;
        align-items: flex-start;

        .item {
            margin-right: 10px;
            position: relative;
            color: white;

            &.active span {
                opacity: 1 !important;
                white-space: nowrap;
                font-size: 95%;
                margin-bottom: 0px;
            }

            span {
                position: absolute;
                bottom: calc(100% + 15px);
                background-color: inherit;
                left: 50%;
                transform: translateX(-50%);
                padding: 3px 7px;
                border-radius: 5px;
                margin-bottom: 10px;

                &::before {
                    content: "";
                    width: 10px;
                    height: 10px;
                    background-color: inherit;
                    display: inline-block;
                    position: absolute;
                    left: 50%;
                    transform: translateX(-50%) rotate(45deg);
                    bottom: -5px;
                }
            }
        }

        .item:hover {
            margin-top: -5px;
        }

        .item{

            .dashicons{
                margin-right: 10px;
                margin: 7px;
                padding: 3px;
                width: 35px !important;
                height: 35px !important;
                font-size: 28px !important;
                text-align: center;
            }
            .adminz_svg {
                margin-right: 10px;
                margin: 7px;
                padding: 3px;
                width: 35px;
                height: 35px;
                font-size: 35px;
                text-align: center;
            }
            span {
                margin-right: 15px;
                font-weight: bold;
                text-transform: capitalize;
                white-space: nowrap;
                transition: opacity 0.3s, margin-bottom 0.3s;
            }
        }

        .top {
            max-width: 25em;
            margin-bottom: 15px;
            padding: 15px;
            border-radius: 5px;
            -webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%),
                0 3px 6px rgb(0 0 0 / 23%);
            box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
            position: relative;

            .x {
                position: absolute;
                top: 0px;
                right: 0px;
                width: 30px;
                height: 30px;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 1.5em;
                cursor: pointer;
                margin-right: 0px;
            }
        }
    }

    .item.bottom {
        background-color: #00aeef;
        display: flex;
        align-items: center;
        text-decoration: none;
        font-size: 1.1em;
        border-radius: 100px;
        transition: all 0.25s;
        box-shadow: 2px 2px 3px #73737378;
    }

    .bottom {
        display: inline-flex;
        align-items: center;
        flex-wrap: nowrap;
        border-radius: 100px;
        margin-bottom: 5px;

        svg,
        .svg {
            margin-right: 10px;
            margin: 7px;
            padding: 1px;
        }

        span {
            margin-right: 15px;
            font-weight: bold;
            text-transform: capitalize;
        }
    }

    @media (min-width: 768px) {
        body .inner .item span {
            display: block;
        }
    }

    @keyframes zeffect1 {
        0% {
            margin-bottom: 0px;
        }

        60% {
            margin-bottom: 10px;
        }

        100% {
            margin-bottom: 6px;
        }
    }

    .zeffect1 span {
        animation: zeffect1 1s infinite;
    }

    .item {
        &.zalo {
            background-color: #0180c7;
        }

        &.email {
            background-color: #1cbbb4;
        }

        &.call {
            background-color: #01af38;
        }

        &.gmap {
            background-color: #cf3d34;
        }

        &.facebook {
            background-color: #1877f2;
        }

        &.messenger {
            background-color: #1877f2;
        }

        &.twitter {
            background-color: #55acee;
        }

        &.linkedin {
            background-color: #0077b5;
        }

        &.skype {
            background-color: #00aff0;
        }

        &.dropbox {
            background-color: #00aff0;
        }

        &.wordpress {
            background-color: #00aff0;
        }

        &.vimeo {
            background-color: #1ab7ea;
        }

        &.slideshare {
            background-color: #0077b5;
        }

        &.vk {
            background-color: #4c75a3;
        }

        &.tumblr {
            background-color: #34465d;
        }

        &.yahoo {
            background-color: #410093;
        }

        &.google-plus {
            background-color: #dd4b39;
        }

        &.pinterest {
            background-color: #bd081c;
        }

        &.youtube {
            background-color: #cd201f;
        }

        &.stumbleupon {
            background-color: #eb4924;
        }

        &.reddit {
            background-color: #ff5700;
        }

        &.quora {
            background-color: #b92b27;
        }

        &.yelp {
            background-color: #af0606;
        }

        &.weibo {
            background-color: #df2029;
        }

        &.hackernews {
            background-color: #f60;
        }

        &.soundcloud {
            background-color: #f30;
        }

        &.blogger {
            background-color: #f57d00;
        }

        &.whatsapp {
            background-color: #25d366;
        }

        &.wechat {
            background-color: #09b83e;
        }

        &.line {
            background-color: #40bf05;
        }

        &.medium {
            background-color: #02b875;
        }

        &.vine {
            background-color: #00b489;
        }

        &.slack {
            background-color: #3aaf85;
        }

        &.instagram {
            background-color: #e4405f;
        }

        &.dribbble {
            background-color: #ea4c89;
        }

        &.flickr {
            background-color: #ff0084;
        }

        &.foursquare {
            background-color: #f94877;
        }

        &.behance {
            background-color: #131418;
        }

        &.snapchat {
            background-color: #fffc00;
        }

        &.bebo {
            background-color: #e61112;
        }

        &.delicious {
            background-color: #3e84d3;
        }

        &.deviantart {
            background-color: #01ca3a;
        }

        &.digg {
            background-color: #2066a3;
        }

        &.envato {
            background-color: #8cca4b;
        }

        &.forrst {
            background-color: #0d5f36;
        }

        &.github {
            background-color: #302f2f;
        }

        &.google-drive {
            background-color: #00a745;
        }

        &.hangout {
            background-color: #0f9855;
        }

        &.html {
            background-color: #dd4b25;
        }

        &.kickstarter {
            background-color: #05c874;
        }

        &.lastfm {
            background-color: #dc1a22;
        }

        &.myspace {
            background-color: #003194;
        }

        &.path {
            background-color: #c42828;
        }

        &.periscope {
            background-color: #3e9fbe;
        }

        &.picasa {
            background-color: #9958b4;
        }

        &.rss {
            background-color: #dd4b25;
        }

        &.spotify {
            background-color: #1dd05d;
        }

        &.swarm {
            background-color: #eb8d3a;
        }

        &.team-viewer {
            background-color: #0362c2;
        }

        &.telegram {
            background-color: #1f9bda;
        }

        &.twitch {
            background-color: #5d3da5;
        }

        &.wattpad {
            background-color: #f64d09;
        }

        &.xing {
            background-color: #045d61;
        }

        &.viber {
            background-color: #7360F2;
        }
    }
}