/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains tab CSS.
*/

/*************************
        tab
*************************/
 /*tab 1*/
.tab .nav.nav-tabs {
    border: none;
    margin-bottom: 20px;
    background: #f5f5f5;
}
.tab .nav.nav-tabs li { margin-bottom: 0px; float: none; display: inline-block; }
.tab .nav.nav-tabs li a { border: none; line-height: normal; border-radius: 0px; padding: 12px 30px; background: #f6f7f8; color: #353535; border:1px solid #c9c9c9; }
.tab .nav.nav-tabs li a i { padding-right: 5px; }
    .tab .nav.nav-tabs > li > a.active, .nav.nav-tabs > li > a.active:focus, .nav.nav-tabs > li > a.active:hover {
        background: #888;
        color: #fff;
        border-color: transparent;
    }

/*nav-border*/
.nav-border .nav.nav-tabs li a { margin-right: 0; border:1px solid #c9c9c9; background: transparent; }
.nav-border .nav.nav-tabs > li > a.active, .nav-border .nav.nav-tabs > li > a.active:focus, .nav-border .nav.nav-tabs > li > a.active:hover {
    color: #ffffff;
    background: #888;
}

.tab .nav.nav-tabs > li a:hover {
    background: #5d59a7;
    color:#fff;
}

/*tab-border*/
.tab-border .nav.nav-tabs { margin-bottom: 0; }
.tab-border .tab-content { padding: 20px; border:1px solid #eeeeee; margin-top: -1px; }
.tab-border .nav.nav-tabs > li > a.active, .tab-border .nav.nav-tabs > li > a.active:focus, .tab-border .nav.nav-tabs > li > a.active:hover {
    color: #2e2a86;
    background: #ffffff !important;
    border-color: #eeeeee;
    border-bottom: 1px solid #ffffff;
}

/*nav-center*/
.nav-center .nav.nav-tabs { text-align: center; display: block; }
.nav-right .nav.nav-tabs { text-align: right; display: block; }
.nav-right .tab-content { text-align: right; }

/*round*/
.round .nav.nav-tabs li a { border: none; line-height: normal; margin-right: 10px; border-radius: 90px; padding: 12px 30px; background: #f6f7f8; color: #353535; }

/*shadow*/
.shadow .nav.nav-tabs > li > a.active, .shadow .nav.nav-tabs > li > a.active:focus, .shadow .nav.nav-tabs > li > a.active:hover {
    color: #2e2a86;
    background: #ffffff !important;
    border-color: #eeeeee;
    border-bottom: 0;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}

/*tab-vertical*/
.tab-vertical .nav-tabs { float: left; width: 25%; }
.tab-vertical .nav.nav-tabs li {  display: block; width: 100%; }
.tab-vertical .nav.nav-tabs li a { border-right: 0; border-top: 0; padding: 14px 30px; }
.tab-vertical .nav.nav-tabs li:first-child a { border-top: 1px solid #eeeeee; }
.tab-vertical .tab-content { background-color:#f5f5f5; border: 1px solid #c9c9c9; padding: 10px 30px; margin-left: 25%; line-height: 30px; margin-top: 0; }
.tab-vertical .tab-content p { line-height: 20px; }
.tab-vertical .nav.nav-tabs > li > a.active, .tab-vertical .nav.nav-tabs > li > a.active:focus, .tab-vertical .nav.nav-tabs > li > a.active:hover { border-bottom: 1px solid #eeeeee; }

/*vertical-right*/
.vertical-right .nav-tabs { float: right; }
.vertical-right .nav.nav-tabs li a { border-right: 1px solid #eeeeee; border-left: 0; }
.vertical-right .tab-content {  margin-right: 24.8%; margin-left: inherit; text-align: right; }

/* dropdown */
.tab-dropdown .tab-content { margin-top: 30px; }
.nav-pills > li > a.active, .nav-pills > li > a.active:focus, .nav-pills > li > a.active:hover {
    background: #2e2a86;
    color: #ffffff;
}

/* nav border top */
.tab.nav-bt .nav li a { margin-right:0px !important; border-top: 2px solid transparent; border-left: 0; border-right: 0; border-bottom: 0;}
.tab.nav-bt .nav.nav-tabs > li > a.active {
    background: #f6f7f8;
    border-color: transparent;
    color: #353535;
    border-top: 2px solid #2e2a86;
}

/* nav border left */
.tab.nav-bl .nav li a{ margin-right:0px !important;} 
.tab.nav-bl .nav.nav-tabs > li > a { border-left: 4px solid transparent; border-right: none; border-bottom: none; border-top: none; }
    .tab.nav-bl .nav.nav-tabs > li > a.active {
        background: #f6f7f8;
        border-color: transparent;
        color: #353535;
        border-left: 4px solid #2e2a86;
        border-bottom: none !important;
    }

/* nav border right */
.tab.nav-br .nav li a{ margin-right:0px !important;} 
.tab.nav-br .nav.nav-tabs > li > a { border-right: 4px solid transparent; border-left: none; border-bottom: none; border-top: none; }
    .tab.nav-br .nav.nav-tabs > li > a.active {
        background: #f6f7f8;
        border-color: transparent;
        color: #353535;
        border-right: 4px solid #2e2a86;
        border-bottom: none !important;
    }