/*************************  TABS   **************************************/


/* Tabs panel */

.tabbable-panel {
    border: 0px solid #eee;
    padding: 0px;
    width: 100% !important;
}


/* Small devices (tablets, 768px and up) */


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .nav-tabs a {
        font-size: 10px !important;
        width: 50% !important;
    }
    .tab-pane h2 {
        font-size: 18px !important;
        text-align: center !important;
    }
    .tab-pane ul li {
        font-size: 15px !important;
    }
}


/* Default mode */

.tabbable-line > .nav-tabs {
    border: none;
    margin: 0px;
}

.tabbable-line > .nav-tabs > li {
    margin-right: 2px;
}

.tabbable-line > .nav-tabs > li > a {
    border: 0;
    margin-right: 0;
    color: #737373;
}

.tabbable-line > .nav-tabs > li > a > i {
    color: #a6a6a6;
}


/*selector*/

.tabbable-line > .nav-tabs > li.open:after,
.tabbable-line > .nav-tabs > li:hover:after {
    content: "";
    float: left;
    background: #cecece;
    width: 100%;
    height: 8px;
    border-radius: 10px;
    margin-top: 1px;
    position: relative;
    top: 1px;
}

.tabbable-line > .nav-tabs > li.open > a,
.tabbable-line > .nav-tabs > li:hover > a {
    border: 0;
    background: none !important;
    color: #414247;
}

.tabbable-line > .nav-tabs > li.open > a > i,
.tabbable-line > .nav-tabs > li:hover > a > i {
    color: #a6a6a6;
}

.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {
    margin-top: 0px;
}


/*.tabbable-line > .nav-tabs > li.active {
  border-bottom: 10px solid #f3565d;
  position: relative;
}*/


/**TABS ACTIVOS: cambia el color a cada tab individual*/

.tabbable-line > .nav-tabs > li.active:after {
    content: "";
    float: left;
    background: #96C11E;
    width: 100%;
    height: 8px;
    border-radius: 10px;
    margin-top: 1px;
    position: relative;
    top: 1px;
}

.tabbable-line > .nav-tabs > li.active > a {
    border: 0;
    color: #414247;
}

.tabbable-line > .nav-tabs > li.active > a > i {
    color: #414247;
}

.tabbable-line > .tab-content {
    margin-top: 0px;
    background-color: #fff;
    border: 0;
    border-top: 0px solid #eee;
    padding: 0px 0;
}

.portlet .tabbable-line > .tab-content {
    padding-bottom: 0;
}


/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
    border-top: 4px solid transparent;
}

.tabbable-line.tabs-below > .nav-tabs > li > a {
    margin-top: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li:hover {
    border-bottom: 0;
    border-top: 4px solid #fbcdcf;
}

.tabbable-line.tabs-below > .nav-tabs > li.active {
    margin-bottom: 0px;
    border-bottom: 0;
    border-top: 4px solid #f3565d;
}

.tabbable-line.tabs-below > .tab-content {
    margin-top: 0px;
    border-top: 0;
    border-bottom: 0px solid #eee;
    padding-bottom: 0px;
}

.nav-tabs > li,
.nav-pills > li {
    float: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.nav-tabs,
.nav-pills {
    text-align: center;
}

.tab-pane ul li {
    font-size: 20px;
}


/*************************  END/TABS   **************************************/