#tabs {
    margin-top: 10px;
}

#tabs ul li a {
    border-bottom: 5px solid #47a3da;
}

.fa {
    display: none;
}

    #tabs ul li {
        z-index: 1;
        display: inline;
    }

    #tabs ul li#rightbar-content-tab {
        display: none;
    }

    #tabs .rightbar-content {
        display: none;
    }

    /* #tabs ul li:not(:first-child) { */
    /*     margin-left: -4px; */
    /* } */

        #tabs ul li a {
            font-size: 15px;
            font-weight: bold;
            display: inline-block;
            padding: 10px 0px;
            transition: background-color 1s;
            text-align: center;
            width: 25%;
            text-decoration: none;
            color: #ffffff;
            background: #0d77b6;
        }

        #tabs ul li a:hover {
            background: #47a3da;
        }

    #tabs .ui-tabs-panel {
        margin-top: 10px;
    }

        /* #tabs .ui-tabs-panel:not(.rightbar-content) p:nth-of-type(1):first-letter { */
        /*     font-size: 45px; */
        /*     float: left; */
        /*     margin-top: 10px; */
        /*     margin-right: 10px; */
        /* } */

        #tabs .ui-tabs-active a {
            z-index: 2;
            background: #47a3da;
        }


/********** OLD STYLE **********/
/*#tabs ul {
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    list-style-type: none;
}

    #tabs ul li {
        position: relative;
        z-index: 1;
        display: inline;
        padding: 10px 25px;
        transition: background-color 1s;
        border-top-left-radius: 25px;
        border-top-right-radius: 25px;
        background: #222222;
    }

    #tabs ul li:not(:first-child) {
        margin-left: -10px;
    }

    #tabs ul li:hover {
        background: #646464;
    }

        #tabs ul li a {
            font-size: 20px;
            font-weight: bold;
            text-decoration: none;
            color: #ffffff;
        }

    #tabs .ui-tabs-panel {
        margin-top: 50px;
    }

    #tabs .ui-tabs-active {
        z-index: 2;
        background: #646464;
    }*/

@media only screen and (max-width: 960px) {
    /* #tabs ul { */
    /*     margin: 0; */
    /*     /*margin-bottom: 20px;*/ */
    /*     padding: 0; */
    /*     list-style-type: none; */
    /* } */
    /*  */
    /*     #tabs ul li { */
    /*         position: relative; */
    /*         z-index: 1; */
    /*         display: block; */
    /*         padding: 0; */
    /*         transition: background-color 1s; */
    /*         text-align: center; */
    /*         border-bottom: 1px solid #ffffff; */
    /*         border-radius: 0; */
    /*         background: #222222; */
    /*     } */
    /*  */
    /*     #tabs ul li:not(:first-child) { */
    /*         margin: 0; */
    /*     } */
    /*  */
    /*     #tabs ul li:hover { */
    /*         background: #646464; */
    /*     } */
    /*  */
            #tabs ul li a {
                font-size: 12px !important;
            }

    /*     #tabs .ui-tabs-panel { */
    /*         margin-top: 10px; */
    /*     } */
    /*  */
    /*     #tabs .ui-tabs-active { */
    /*         z-index: 2; */
    /*         background: #646464; */
    /*     } */
}

@media only screen and ( max-width: 767px ) {
    #tabs ul li a span {
        display: none
    }

    .fa {
        display: inline;
    }
    #tabs ul li#rightbar-content-tab {
        display: block;
    }

    #tabs .rightbar-content {
        display: block;
    }
}