﻿/* Nav Tabs ==================================== */
.nav-tabs {
    border-bottom: 2px solid #eee;
}

    .nav-tabs > li {
        position: relative;
        top: 2px;
        left: -2px;
    }

        .nav-tabs > li > a {
            border: none !important;
            color: #999 !important;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
        }

            .nav-tabs > li > a:hover,
            .nav-tabs > li > a:active,
            .nav-tabs > li > a:focus {
                background-color: transparent !important;
            }

            .nav-tabs > li > a:before {
                content: '';
                position: absolute;
                left: 0;
                width: 100%;
                height: 0;
                border-bottom: 2px solid #2196F3;
                bottom: 2px;
                -moz-transform: scaleX(0);
                -ms-transform: scaleX(0);
                -o-transform: scaleX(0);
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                -moz-transition: 0.1s ease-in;
                -o-transition: 0.1s ease-in;
                -webkit-transition: 0.1s ease-in;
                transition: 0.1s ease-in;
            }

            .nav-tabs > li > a .material-icons {
                position: relative;
                top: 7px;
                margin-bottom: 8px;
            }

    .nav-tabs li.active a {
        color: #222 !important;
    }

        .nav-tabs li.active a:hover,
        .nav-tabs li.active a:active,
        .nav-tabs li.active a:focus {
            background-color: transparent !important;
        }

        .nav-tabs li.active a:before {
            -moz-transform: scaleX(1);
            -ms-transform: scaleX(1);
            -o-transform: scaleX(1);
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

    .nav-tabs + .tab-content {
        padding: 15px 0;
    }

    .nav-tabs.tab-col-red > li > a:before {
        border-bottom: 2px solid #F44336;
    }

    .nav-tabs.tab-col-pink > li > a:before {
        border-bottom: 2px solid #E91E63;
    }

    .nav-tabs.tab-col-purple > li > a:before {
        border-bottom: 2px solid #9C27B0;
    }

    .nav-tabs.tab-col-deep-purple > li > a:before {
        border-bottom: 2px solid #673AB7;
    }

    .nav-tabs.tab-col-indigo > li > a:before {
        border-bottom: 2px solid #3F51B5;
    }

    .nav-tabs.tab-col-blue > li > a:before {
        border-bottom: 2px solid #2196F3;
    }

    .nav-tabs.tab-col-light-blue > li > a:before {
        border-bottom: 2px solid #03A9F4;
    }

    .nav-tabs.tab-col-cyan > li > a:before {
        border-bottom: 2px solid #00BCD4;
    }

    .nav-tabs.tab-col-teal > li > a:before {
        border-bottom: 2px solid #009688;
    }

    .nav-tabs.tab-col-green > li > a:before {
        border-bottom: 2px solid #4CAF50;
    }

    .nav-tabs.tab-col-light-green > li > a:before {
        border-bottom: 2px solid #8BC34A;
    }

    .nav-tabs.tab-col-lime > li > a:before {
        border-bottom: 2px solid #CDDC39;
    }

    .nav-tabs.tab-col-yellow > li > a:before {
        border-bottom: 2px solid #ffe821;
    }

    .nav-tabs.tab-col-amber > li > a:before {
        border-bottom: 2px solid #FFC107;
    }

    .nav-tabs.tab-col-orange > li > a:before {
        border-bottom: 2px solid #FF9800;
    }

    .nav-tabs.tab-col-deep-orange > li > a:before {
        border-bottom: 2px solid #FF5722;
    }

    .nav-tabs.tab-col-brown > li > a:before {
        border-bottom: 2px solid #795548;
    }

    .nav-tabs.tab-col-grey > li > a:before {
        border-bottom: 2px solid #9E9E9E;
    }

    .nav-tabs.tab-col-blue-grey > li > a:before {
        border-bottom: 2px solid #607D8B;
    }

    .nav-tabs.tab-col-black > li > a:before {
        border-bottom: 2px solid #000000;
    }

    .nav-tabs.tab-col-white > li > a:before {
        border-bottom: 2px solid #ffffff;
    }


.tabcontentlist {
    border-left: none;
    border-right: none;
    border-top: none;
    height: 48px;
    line-height: 45px;
    border-radius: 0px;
    margin-bottom:0px;
}


.left_red {
    font-size: 14px;
    font-weight:500;
    background: #ff461d;
    position: absolute;
    color: white;
    width: 20px;
    height: 18px;
    border-radius: 20px;
    right: 0px;
    top: 0px;
}