
.nav-tabs {
    border-bottom: none;
}

    .nav-tabs > li > a, .nav-tabs .nav-justified > li > a {
        background: #f0f2f7;
        margin: 0 6px -1px 0;
        padding: 10px 20px;
        border: none !important;
    }


    .nav-tabs > li {
        background-color: transparent;
        margin-right: 3px;
    }

        .nav-tabs > li a, .nav-tabs .nav-justified > li a {
            color: #1d1d1d;
            border-radius: 0 !important;
            font-size: 18px;
            margin-right: 0;
        }

            .nav-tabs > li a:hover {
                color: white;
                background: #0456ad !important;
                border: none;
            }


        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            color: black;
            background-color: #fff !important;
            border: 1px solid #fff !important;
        }


.tab-content {
    background: white;
    padding: 20px;
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.15);
}

.tab-content-transparent {
    background: transparent;
    -webkit-box-shadow: 0px 0px 0px 0px;
    -moz-box-shadow: 0px 0px 0px 0px;
    box-shadow: 0px 0px 0px 0px;
}


@media only screen and (max-width: 600px) {
    .nav-tabs > li > a, .nav-tabs .nav-justified > li > a {
        margin-bottom: 0 !important;
        background: #f1f1f1;
    }
}
