﻿.chrome-tabs {
    border-bottom: 6px solid #3a6585;
    height: 43px;
    padding: 0 0 0 0;
    overflow: visible;
    margin-top: -7px;
    margin-left: 1px;
}

    .chrome-tabs li {
        width: 150px;
        overflow: hidden;
        float: left;
        margin: 0 -15px -5px 0;
        padding-top: 4px;
    }

        .chrome-tabs li a {
            background: none;
            border: none;
            top: 8px;
            margin: -10px 10px 5px 10px;
            position: relative;
            color: #080808;
            white-space: nowrap;
        }

            .chrome-tabs li a:before {
                content: '';
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                z-index: -1;
                border: 1px solid grey;
                border-bottom: none;
                border-radius: 12px 12px 0 0;
                background-color: #d4d3d1;
                box-shadow: -2px -2px 5px -1px rgba(0,0,0,0.31);
                -webkit-transform: perspective(100px) rotateX(40deg);
                -moz-transform: perspective(100px) rotateX(40deg);
            }

        .chrome-tabs li.active a {
            color: #fff !important;
            border: none;
            z-index: 2;
        }

            .chrome-tabs li.active a:before {
                background-color: #3a6585;
                /*border: none;*/
            }

        .chrome-tabs li a:hover {
            background-color: none;
            background: none;
            border: none;
        }

        .chrome-tabs li a:focus {
            background-color: none;
            background: none;
            border: none;
        }

        .chrome-tabs li:not(.active) a:hover:before {
            background-color: #E6E6E6;
        }

