@charset "UTF-8";

div.demo
{
    width: 100%; /*margin-top:-35px;*/ /*margin-top:10px;*/
}

.tab .tab-content
{
    background-color: #FFF;
}
/*.tab-horiz .tab-legend > li:first-child.active {padding-left:16px;border-left:0;}*/
.tab-horiz .tab-legend > li:last-child.active
{ /*padding-right:16px;*/
    border-right: 0;
}

.tab-horiz .tab-legend > li
{
    /*padding-left: 25px; padding-right: 25px;*/
    border-left: 0;
    width:auto;
    text-align: center;
    font-size: 20px !important;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 10px 15px !important;
}
/*.................................*/
.unselectable, .tab .tab-legend > li
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tab
{
    width: 100%;
    overflow: hidden;
}

    .tab > .tab-legend, .tab > .tab-content, .tab-legend > li, .tab-content > li
    {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .tab .tab-legend
    {
        overflow: hidden;
    }

        .tab .tab-legend > li
        {
            padding: 15px 15px;
            color: #999999;
            font-size: 16px;
            float: left;
            cursor: pointer;
        }

        .tab .tab-legend > li
        {
            background-color: #434343;
        }

        .tab .tab-legend .active
        { /*padding: 13px 15px 15px 15px;*/
            background-color: #FFF;
            color: #dc5147;
        }

    .tab .tab-content
    {
        width: 100%;
        min-height: 350px;
        position: relative;
        overflow: hidden;
    }

        .tab .tab-content > li
        {
            position: relative;
            overflow: hidden;
        }
/*Horizontal specific*/
.tab-horiz .tab-legend
{
    width: 100%; /*background:#D8D8D8;*/
}

    .tab-horiz .tab-legend > li
    {
        /*border-top: solid 1px #CCC;*/
        border-right: solid 1px #CCC;
        border-bottom: solid 1px #CCC;
        color: #fff;
    }

.tab.tab-horiz .tab-legend .active
{
    border-right: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    color: #fff;
    background: #06f;
}

.tab-horiz .tab-legend > li:first-child
{
    border-left: solid 1px #CCC;
}

.tab-horiz .tab-content
{
    width: 100%;
    background: none;
}
/*Vertical specific*/
.tab-vert .tab-legend
{
    width: 20%;
    float: left;
}

.tab.tab-vert .tab-legend .active
{
    border-left: solid 3px #dc5147;
}

.tab-vert .tab-legend > li
{
    width: 100%;
    border-top: solid 1px #CCC;
    border-right: solid 1px #CCC;
}

    .tab-vert .tab-legend > li.active
    {
        border-right: 0;
    }

.tab-vert .tab-content
{
    width: 80%;
    display: block;
    float: left;
}

    .tab-vert .tab-content > li
    {
        min-height: 100%;
        display: block;
    }


/*@media (max-width:1200px) {
    div.demo {width:100%;margin-top:-75px;}
}
@media (max-width:1000px) {
    div.demo {width:100%;margin-top:0px;}
}*/
/*@media (max-width:500px)
{
    .tab-horiz .tab-legend > li
    {
        border-left: 0;
        width: 50%;
        text-align: center;
        font-size: 20px !important;
        font-weight: 400;
        letter-spacing: 1px;
        padding: 7px 25px !important;
    }
}*/