/**
 * NoNumber Page stylesheet
 *
 * @package         Tabs
 * @version         3.2.5
 *
 * @author          Peter van Westen <peter@nonumber.nl>
 * @link            http://www.nonumber.nl
 * @copyright       Copyright © 2013 NoNumber All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/*
 * You can override this stylesheet by creating your own in:
 * /templates/[YOUR TEMPLATE]/css/tabs/style.min.css
 */
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
    }
.clearfix:after {
    clear: both
    }
.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
    }
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }
.nn_tabs .fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
    }
.nn_tabs .fade.in {
    opacity: 1
    }
.nn_tabs .collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease
    }
.nn_tabs .collapse.in {
    height: auto
    }
.nn_tabs > .nav {
    padding: 0;
    margin-left: 0;
    margin-bottom: 18px;
    list-style: none
    }
.nn_tabs > .nav > li > a {
    display: block
    }
.nn_tabs > .nav > li > a:hover {
    text-decoration: none;
    background-color: #f7f7f7
    }
.nn_tabs > .nav > .pull-right {
    float: right
    }
.nn_tabs .nav-tabs {
    border-bottom: 1px solid #989232
    }
.nn_tabs .nav-tabs:before, .nn_tabs .nav-tabs:after {
    display: table;
    content: "";
    line-height: 0
    }
.nn_tabs .nav-tabs:after {
    clear: both
    }
.nn_tabs .nav-tabs > li {
    float: left;
    margin-bottom: -1px
    }
.nn_tabs .nav-tabs > li > a {
    margin-right: 2px;
    padding: 3px 3px;
    line-height: 18px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
    }
.nn_tabs .nav-tabs > li > a:hover {
    border-color: #f7f7f7 #f7f7f7 #989232
    }
.nn_tabs .nav-tabs > li.active > a, .nn_tabs .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #f7f7f7;
    border: 1px solid #989232;
    border-bottom-color: transparent;
    cursor: default
    }
.nn_tabs .tab-content {
    overflow: visible
    }
.nn_tabs .tab-content > .tab-pane {
    display: none
    }
.nn_tabs .tab-content > .active {
    display: block
    }
.nn_tabs > ul.nav-tabs > li > a {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    color: #08c;
    text-decoration: none
    }
.nn_tabs > ul.nav-tabs > li > a:hover {
    color: #005580;
    text-decoration: none
    }
.nn_tabs > .tab-content {
    margin-bottom: 10px
    }
.nn_tabs.outline_content > .tab-content {
    margin-bottom: 18px;
    padding: 0;
    border: 1px solid #989232;
    border-top: none;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
    }
.nn_tabs.outline_content > .tab-content .tab-pane {
    padding: 8px 12px 4px;
    background-color: #f7f7f7
    }
.nn_tabs.outline_content > ul.nav-tabs {
    margin-bottom: 0
    }
.nn_tabs.outline_handles > ul.nav-tabs > li a, .nn_tabs.outline_handles > ul.nav-tabs > li a:hover {
    border-top-color: #989232;
    border-left-color: #989232;
    border-right-color: #989232
    }
.nn_tabs.align_right > ul.nav-tabs > li {
    float: right;
    padding-left: 0
    }
.nn_tabs.align_right > ul.nav-tabs > li > a {
    margin-left: 2px;
    margin-right: 0;
    padding-left: 0
    }
.nn_tabs.align_center > ul.nav-tabs {
    text-align: center
    }
.nn_tabs.align_center > ul.nav-tabs > li {
    float: none;
    display: inline-block;
    /* IE7 inline-block hack */
    margin-left: -1px;
    margin-right: -3px
    }
.nn_tabs.align_justify > ul.nav-tabs {
    text-align: center;
    display: table;
    width: 100%
    }
.nn_tabs.align_justify > ul.nav-tabs > li {
    float: none;
    display: table-cell
    }
.nn_tabs.align_justify > ul.nav-tabs > li:last-child > a {
    margin-right: 0
    }
.nn_tabs.align_justify > ul.nav-tabs > li a {
    margin-bottom: -1px
    }
.nn_tabs.align_justify > ul.nav-tabs > li a:hover {
    border-bottom-color: #f7f7f7
    }
.nn_tabs.align_justify > ul.nav-tabs > li.active a, .nn_tabs.align_justify > ul.nav-tabs > li.active a:hover {
    border-bottom: 2px solid #fff;
    margin-bottom: -1px
    }
.nn_tabs.align_justify > ul.nav-tabs:before {
    display: none
    }
.nn_tabs.align_justify > ul.nav-tabs:after {
    display: none
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li {
        float: none
        }
    .nn_tabs > ul.nav-tabs > li:last-child > a, .nn_tabs > ul.nav-tabs > li.active:last-child > a, .nn_tabs > ul.nav-tabs > li:last-child > a:hover, .nn_tabs > ul.nav-tabs > li.active:last-child > a:hover {
        border-bottom: 1px solid #989232
        }
    }
.nn_tabs > ul.nav-tabs > li.blue > a, .nn_tabs > ul.nav-tabs > li.blue > a:hover {
    border-top: 5px solid #74b4e8;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.blue > a:hover, .nn_tabs > ul.nav-tabs > li.blue.active > a {
    border-top-color: #2384d3
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.blue > a, .nn_tabs > ul.nav-tabs > li.blue > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.primary > a, .nn_tabs > ul.nav-tabs > li.primary > a:hover {
    border-top: 5px solid #74b4e8;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.primary > a:hover, .nn_tabs > ul.nav-tabs > li.primary.active > a {
    border-top-color: #2384d3
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.primary > a, .nn_tabs > ul.nav-tabs > li.primary > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.info > a, .nn_tabs > ul.nav-tabs > li.info > a:hover {
    border-top: 5px solid #6fc2da;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.info > a:hover, .nn_tabs > ul.nav-tabs > li.info.active > a {
    border-top-color: #2f96b4
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.info > a, .nn_tabs > ul.nav-tabs > li.info > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.green > a, .nn_tabs > ul.nav-tabs > li.green > a:hover {
    border-top: 5px solid #91c991;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.green > a:hover, .nn_tabs > ul.nav-tabs > li.green.active > a {
    border-top-color: #51a351
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.green > a, .nn_tabs > ul.nav-tabs > li.green > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.success > a, .nn_tabs > ul.nav-tabs > li.success > a:hover {
    border-top: 5px solid #91c991;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.success > a:hover, .nn_tabs > ul.nav-tabs > li.success.active > a {
    border-top-color: #51a351
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.success > a, .nn_tabs > ul.nav-tabs > li.success > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.orange > a, .nn_tabs > ul.nav-tabs > li.orange > a:hover {
    border-top: 5px solid #fbbf69;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.orange > a:hover, .nn_tabs > ul.nav-tabs > li.orange.active > a {
    border-top-color: #f89406
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.orange > a, .nn_tabs > ul.nav-tabs > li.orange > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.warning > a, .nn_tabs > ul.nav-tabs > li.warning > a:hover {
    border-top: 5px solid #fbbf69;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.warning > a:hover, .nn_tabs > ul.nav-tabs > li.warning.active > a {
    border-top-color: #f89406
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.warning > a, .nn_tabs > ul.nav-tabs > li.warning > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.red > a, .nn_tabs > ul.nav-tabs > li.red > a:hover {
    border-top: 5px solid #c72231;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.red > a:hover, .nn_tabs > ul.nav-tabs > li.red.active > a {
    border-top-color: #bd362f
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.red > a, .nn_tabs > ul.nav-tabs > li.red > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.danger > a, .nn_tabs > ul.nav-tabs > li.danger > a:hover {
    border-top: 5px solid #dd7a75;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.danger > a:hover, .nn_tabs > ul.nav-tabs > li.danger.active > a {
    border-top-color: #bd362f
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.danger > a, .nn_tabs > ul.nav-tabs > li.danger > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.error > a, .nn_tabs > ul.nav-tabs > li.error > a:hover {
    border-top: 5px solid #dd7a75;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.error > a:hover, .nn_tabs > ul.nav-tabs > li.error.active > a {
    border-top-color: #bd362f
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.error > a, .nn_tabs > ul.nav-tabs > li.error > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.grey > a, .nn_tabs > ul.nav-tabs > li.grey > a:hover {
    border-top: 5px solid #b3b3b3;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.grey > a:hover, .nn_tabs > ul.nav-tabs > li.grey.active > a {
    border-top-color: #808080
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.grey > a, .nn_tabs > ul.nav-tabs > li.grey > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }
.nn_tabs > ul.nav-tabs > li.gray > a, .nn_tabs > ul.nav-tabs > li.gray > a:hover {
    border-top: 5px solid #b3b3b3;
    padding-top: 4px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
    }
.nn_tabs > ul.nav-tabs > li.gray > a:hover, .nn_tabs > ul.nav-tabs > li.gray.active > a {
    border-top-color: #808080
    }
@media (max-width: 768px) {
    .nn_tabs > ul.nav-tabs > li.gray > a, .nn_tabs > ul.nav-tabs > li.gray > a:hover {
        border-top-width: 1px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
        }
    }