/*@font-face {
    font-family: "SF Pro Text";
    src: url("../../../fonts/SFPro.eot");
    src: url("../../../fonts/SFPro.eot?#iefix") format("embedded-opentype"), url("../../../fonts/SFPro.woff2") format("woff2"), url("../../../fonts/SFPro.woff") format("woff"), url("../../../fonts/SFPro.ttf") format("truetype"), url("fonts/SFPro.svg#SF Pro Text") format("svg");
}
*/
body {
    /*font-family: 'Quicksand', sans-serif !important;*/
   /* font-family: 'SF Pro Text', sans-serif;*/
    font-size: 12px;
    color: #333;
    letter-spacing: 1px;
    background-color: #fff;
}
.setpos {
    position: relative;
}

    .setpos .rightbtn {
        position: absolute;
        right: 0px;
      /*  top: 10%;*/
     top:10px;
        z-index: 9;
        width: 100%;
        text-align: right !important;
    }

        .setpos .rightbtn a {
            color: #fff;
            background: #f68b34;
            width: 35px;
            height: 35px;
            display: inline-block;
            line-height: 35px;
            border-radius: 50%;
            margin: 0px auto;
            text-align: center;
            font-size: 15px;
        }
.legenddiv {
    z-index: 9;
    position: absolute;
    bottom: 12%;
    right: 25px;
    border: 1px solid rgb(255 255 255 / 60%);
    /*background-color: rgba(255, 255, 255, 0.6);*/
    background-color: rgb(0 0 0 / 20%);
    color: #fff;
    width: 40%;
    padding: 10px;
    min-height: 50px;
    max-height: 200px;
    width: 300px;
    overflow: auto;
}
    .legenddiv ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
        .legenddiv li{position:relative}
    .legenddiv ul li img {
        /* vertical-align: middle;*/
        position: absolute;
        top: 0;
        left: 0;
        width: 16%;
    }
            .legenddiv ul li p {
                padding-left:50px;
            /*display: inline-block;
            vertical-align: middle;*/
        }


    .legenddiv .close {
        font-size: 24px;
        font-weight: 700;
        color: #000;
        text-shadow: none;
        opacity: 1 !important;
        position: absolute;
      
        right: 6px;
        top: 6px;
        z-index: 9;
        background: #fff !important;
        padding: 6px !important;
        border-radius: 50% !important;
        width: 30px;
        height: 30px;
        line-height: 3px;
        text-align: center;
    }

.legenddivIcon {
    z-index: 9;
    position: absolute;
    bottom: 5%;
    right: 25px;
    border: 1px solid rgb(255 255 255 / 60%);
}
#unity-footer {
    position: fixed !important;
    bottom: 10px;
    right: 10px;display:block
}