/* 
    Document   : tabStyle
    Created on : Apr 24, 2014, 11:49:17 AM
    Author     : grkruger
    Description:
        Purpose of the stylesheet follows.
*/
/*003c5c*/
@media (min-width: 960px) {
    .tabContainer {
        border: medium none !important;
        border-radius: 0 0 0 0 !important;
        /*height: calc(100% - 6px);*/
        height: 100%;
        padding: 6px 6px 0  6px !important;
        float: left;
        /*width: calc(100% - 12px);*/
        width: 100%;
        font-family:Arial,Verdana,sans-serif !important;
    }
    
    #menuBar ~ .tabContainer {
        height: calc(100% - 56px) !important;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .tabContainer {
        border: medium none !important;
        border-radius: 0 0 0 0 !important;
        /*height: calc(100% - 6px);*/
        height: 100%;
        padding: 6px 6px 0  6px !important;
        float: left;
        /*width: calc(100% - 12px);*/
        width: 100%;
        font-family:Arial,Verdana,sans-serif !important;
    }
    
    #menuBar ~ .tabContainer {
        height: calc(100% - 56px) !important;
    }
}

@media (max-width: 767px) {
    .tabContainer {
        border: medium none !important;
        border-radius: 0 0 0 0 !important;
        /*height: calc(100% - 6px);*/
        height: 100%;
        padding: 6px 6px 0  6px !important;
        float: left;
        /*width: calc(100% - 12px);*/
        width: 100%;
        font-family:Arial,Verdana,sans-serif !important;
    }
    
    #menuBar ~ .tabContainer {
        height: calc(100% - 56px) !important;
    }
}

.tabContainer > ul {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555555 !important;
}

.tabContainer > div {
    border: 1px solid #CCCCCC !important;
    height: calc(100% - 48px);
    padding: 0 !important;
}

.tabContainer > ul > li {
    text-transform: uppercase;
    font-weight: normal !important;
    font-size: 13px !important;
    color: #555555 !important;
    border: none !important;
}

.tabContainer > ul > li:hover {
    font-weight: bold !important;
}

.tabContainer > ul > li > a {
    /*color: white !important;*/
    font-weight: normal !important;
    font-size: 13px !important;
    color: #555555 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 3px solid #F0F0F0 !important;
    background: white !important;
}


/**
* Classes para conteúdo do painel
*/

.tabContainer .content {
    /*height: calc(100% - 64px);*/
    width: 100%;
    float: left;
    overflow: auto;
    height: calc(100% - 76px);
    /*min-height: 600px;*/
}

.tabContainer .action {
    /*background: none repeat scroll 0 0 #DDDDDD;*/
    background: none repeat scroll 0 0 white;
    border-radius: 5px;
    float: left;
    height: 76px;
    padding: 0 25px;
    text-align: center;
    /*width: calc(100% - 50px);*/
    width: 100%;
}

.tabContainer .action #resultado {
    margin: auto;
    text-align: center;
    min-height: 1.5em;
}

.tabContainer .action .resultado {
    margin: auto;
    text-align: center;
    min-height: 1.5em;
}

.tabContainer .action button, .action input, .tabContainer .action button, .action button {
    /*border: 1px solid #003C5C;*/
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: Arial,Verdana,sans-serif !important;
    font-size: 13px !important;
    height: 35px;
    margin: 5px 3px;
    max-height: 50px;
    padding: 8px 0;
    text-align: center;
    vertical-align: top;
    width: 155px;
}

.tabContainer .action .dropup-button, .tabContainer .action .dropup-button * {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently*/
}

.tabContainer .action .dropup-button {
    color: #FFFFFF;
    width: 155px;
    height: 35px;
    margin: 5px 3px;
    float: right;
    position: relative;
}

.tabContainer .action .dropup-button:after {
    position: absolute;
    color: #FFFFFF;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 35px;
    line-height: 34px;
    right: 5px;
    top: 0;
}

.tabContainer .action .dropup-button.closed:after {
    content: "\f0d8";
}

.tabContainer .action .dropup-button.opened:after {
    content: "\f0d7";
}

.tabContainer .action .dropup-button:hover {
    cursor: pointer;
}

.tabContainer .action .dropup-button span {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
}

.tabContainer .action .dropup-button ul {
    position: absolute;
    left: 0;
    width: 100%;
    list-style: none outside none;
    border: none;
    padding: 0;
    margin: 0;
    bottom: 35px;
    border: 1px solid #3870A0;
}

.tabContainer .action .dropup-button.opened ul {
    display: block;
}

.tabContainer .action .dropup-button.closed ul {
    display: none;
}

.tabContainer .action .dropup-button ul li {
    width: 100%;
    text-align: left;
    text-decoration: none;
    color: #FFFFFF;
    padding: 5px 5px;
}

.tabContainer .action .dropup-button ul li a {
    width: 100%;
    text-decoration: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}

.tabContainer .action input.highlight, .tabContainer .action button.highlight {
    background: #4CA84C !important;
    border: 1px solid #4CA84C !important;
    font-weight: bold;
}

.tabContainer .action input.highlight:hover, .tabContainer .action button.highlight:hover {
    background: #5cb85c !important;
    border: 1px solid #5cb85c !important;
}

.tabContainer .action button:hover, .action input:hover {
    border-image: none;
    border-style: solid;
    border-width: 1px;
    /*background: #375675;*/
    /*border: 1px solid #375675;*/
/*    background: #003366;
    border: 1px solid #003366;*/
}

.tabContainer .action button[disabled] {
    background: #ccc;
    border-color: #ddd;
}

/*.tabContainer .action button[disabled]:hover{
    background: #ccc;
}*/

/*.tabContainer .action .positivo{
    background  : #0776A0;  Old browsers 
    background  : -moz-linear-gradient(top, #62B1D0 0%, #0776A0 100%);  FF3.6+ 
    background  : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#62B1D0), color-stop(100%,#0776A0));  Chrome,Safari4+ 
    background  : -webkit-linear-gradient(top, #62B1D0 0%,#0776A0 100%);  Chrome10+,Safari5.1+ 
    background  : -o-linear-gradient(top, #62B1D0 0%, #0776A0 100%);  Opera 11.10+ 
    background  : -ms-linear-gradient(top, #62B1D0 0%, #0776A0 100%);  IE10+ 
    background  : linear-gradient(to bottom, #62B1D0 0%, #0776A0 100%);  W3C 
    filter      : progid:DXImageTransform.Microsoft.gradient( startColorstr='#62B1D0', endColorstr='#0776A0',GradientType=0 );  IE6-9 
    border      : 1px solid #0D5F7E;
}*/

/*.tabContainer .action .positivo:hover{
    background  : #27d92b;  Old browsers 
    background  : -moz-linear-gradient(top, #0776A0 0%, #62B1D0 100%);  FF3.6+ 
    background  : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0776A0), color-stop(100%,#62B1D0));  Chrome,Safari4+ 
    background  : -webkit-linear-gradient(top, #0776A0 0%, #62B1D0 100%);  Chrome10+,Safari5.1+ 
    background  : -o-linear-gradient(top, #0776A0 0%, #62B1D0 100%);  Opera 11.10+ 
    background  : -ms-linear-gradient(top, #0776A0 0%, #62B1D0 100%);  IE10+ 
    background  : linear-gradient(to bottom, #0776A0 0%, #62B1D0 100%);  W3C 
    filter      : progid:DXImageTransform.Microsoft.gradient( startColorstr='#0776A0', endColorstr='#62B1D0',GradientType=0 );  IE6-9 
    border      : 1px solid #2A4480;
}*/

/*.tabContainer .action .negativo{
    background  : #FF9A2D;  Old browsers 
    background  : -moz-linear-gradient(top, #FFA0A0 0%, #FF4040);  FF3.6+ 
    background  : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFA0A0), color-stop(100%,#FF4040));  Chrome,Safari4+ 
    background  : -webkit-linear-gradient(top, #FFA0A0 0%, #FF4040);  Chrome10+,Safari5.1+ 
    background  : -o-linear-gradient(top, #FFA0A0 0%, #FF4040);  Opera 11.10+ 
    background  : -ms-linear-gradient(top, #FFA0A0 0%, #FF4040);  IE10+ 
    background  : linear-gradient(to bottom, #FFA0A0 0%, #FF4040);  W3C 
    filter      : progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFA0A0', endColorstr='#FF4040',GradientType=0 );  IE6-9 
    border      : 1px solid #FF1010;
}*/

/*.tabContainer .action  .negativo:hover{
    background: #FFC88B;  Old browsers 
    background: -moz-linear-gradient(top, #FF4040 0%, #FFA0A0 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF4040), color-stop(100%,#FFA0A0));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, #FF4040 0%, #FFA0A0 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, #FF4040 0%, #FFA0A0 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top, #FF4040 0%, #FFA0A0 100%);  IE10+ 
    background: linear-gradient(to bottom, #FF4040 0%, #FFA0A0 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF4040', endColorstr='#FFA0A0',GradientType=0 );  IE6-9 
    border: 1px solid #FF1010;
}*/

/*.tabContainer .action .destaque:hover {
    background: #c7d7ff;  Old browsers 
    background: -moz-linear-gradient(top, #bc7769 0%, #ffa796 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc7769), color-stop(100%,#ffa796));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, #bc7769 0%,#ffa796 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, #bc7769 0%,#ffa796 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top, #bc7769 0%,#ffa796 100%);  IE10+ 
    background: linear-gradient(to bottom, #bc7769 0%,#ffa796 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc7769', endColorstr='#ffa796',GradientType=0 );  IE6-9 
    border: 1px solid #A60000;
}

.tabContainer .action .destaque {
    background: #bc7769;  Old browsers 
    background: -moz-linear-gradient(top, #ffa796 0%, #bc7769 100%);  FF3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa796), color-stop(100%,#bc7769));  Chrome,Safari4+ 
    background: -webkit-linear-gradient(top, #ffa796 0%, #bc7769 100%);  Chrome10+,Safari5.1+ 
    background: -o-linear-gradient(top, #ffa796 0%, #bc7769 100%);  Opera 11.10+ 
    background: -ms-linear-gradient(top, #ffa796 0%, #bc7769 100%);  IE10+ 
    background: linear-gradient(to bottom, #ffa796 0%, #bc7769 100%);  W3C 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa796', endColorstr='#bc7769',GradientType=0 );  IE6-9 
    border: 1px solid #A61700;
}*/