a{
    text-decoration:none;
    color:#008181;
}


/* DIV DAS TABELAS */

    .tabcont{
        width:100%;
        height:auto;
        overflow-x:auto;
    }

/* SIMPLE */

    table.simple{
        width:90%;
        margin:auto;
        border-spacing:0;
    }
    table.simple th{
        font-family: 'Roboto', sans-serif;
        font-size:14px;
        font-weight:500;
        color:#555;
        text-transform:uppercase;
        padding:15px 0;
        border-right:1px solid rgba(1,1,1,0.1);
        border-bottom:1px solid rgba(1,1,1,0.1);
    }
    table.simple tr th:last-child{
        border-right:0;
    }
    table.simple td{
        font-family: 'Open Sans', sans-serif;
        font-size:14px;
        font-weight:500;
        padding:5px 10px;
        border-right:1px solid rgba(1,1,1,0.1);
        border-bottom:1px solid rgba(1,1,1,0.1);
    }
    table.simple tr td:last-child{
        border-right:0;
    }
    table.simple tr:last-child td{
        border-bottom:0;
    }
    table.simple caption{
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        font-weight: 500;
        color: #555;
        text-transform: uppercase;
        padding: 15px 0;
        border-bottom: 1px solid rgba(1,1,1,0.1);
    }

/* LISTA */

    table.linetable{
        width:90%;
        margin:auto;
        cellspacing:0;
    }
    table.linetable th{
        font-family: 'Roboto', sans-serif;
        font-size:14px;
        font-weight:500;
        text-align:left;
        color:#555;
        text-transform:uppercase;
        padding:10px;
    }
    table.linetable tr th:last-child{
        border-right:0;
    }
    table.linetable td{
        font-family: 'Open Sans', sans-serif;
        font-size:13px;
        font-weight:500;
        padding:10px;
        border-bottom:1px solid rgba(1,1,1,0.05);
    }
    table.linetable tr td:last-child{
        border-right:0;
    }
    table.linetable tr:last-child td{
        border-bottom:0;
    }
    table.linetable button.op{
        font-size:16px;
        color:#dcdcdc;
        background-color:#ffffff;
        background-color:rgba(255,255,255,0);
        border: 0;
        transition:0.2s;
    }
    table.linetable button.op:hover{
        color:#000000;
        cursor:pointer;
        transition:0.2s;
    }
    table.linetable a.op{
        font-size:16px;
        color:#dcdcdc;
        background-color:#ffffff;
        background-color:rgba(255,255,255,0);
        border: 0;
        transition:0.2s;
    }
    table.linetable a.op:hover{
        color:#000000;
        cursor:pointer;
        transition:0.2s;
    }
    table.linetable span.label{
        display: inline-block;
        text-transform: uppercase;
        font-size: 11px;
        padding: 2px 4px;
        border-radius: 5px;
    }
    table.linetable span.label.top{
        margin-bottom:2px;
    }
    table.linetable span.label.bottom{
        margin-top:2px;
    }
    
    
/* ACORDIÃO */

    /* Botão de Abertura */
    button.tab {
        background-color: #eee;
        color: #444;
        cursor: pointer;
        padding: 18px;
        margin: 0 30px;
        width: calc(100% - 60px);
        text-align: left;
        border: none;
        outline: none;
        transition: 0.4s;
    }
    button.tab:first-child {
      margin-top:20px;
    }
    button.tab.active, .tab:hover {
      background-color: #ccc;
    }
    button.tab:after {
      content: '\02795'; /* Unicode character for "plus" sign (+) */
      font-size: 13px;
      color: #777;
      float: right;
      margin-left: 5px;
    }
    button.tab.active:after {
      content: "\2796"; /* Unicode character for "minus" sign (-) */
    }
    
    /* Painel */
    .panel {
        padding: 0 18px;
        margin: 0 30px;
        background-color: white;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
    }
    
    /* !!! Java Script da Tabela !!! 
    <script>
        var acc = document.getElementsByClassName("accordion");
        var i;
        
        for (i = 0; i < acc.length; i++) {
          acc[i].addEventListener("click", function() {
            this.classList.toggle("active");
            var panel = this.nextElementSibling;
            if (panel.style.maxHeight) {
              panel.style.maxHeight = null;
            } else {
              panel.style.maxHeight = panel.scrollHeight + "px";
            }
          });
        }
    </script>
    */
    
/* EXPANDÍVEL */

    #expandcontainer {
        width:95%;
        margin:auto;
        margin-bottom:20px;
    }
    .expandable-panel h3,
    .expandable-panel p,
    .expandable-panel ol,
    .expandable-panel ul,
    .expandable-panel li{
        margin:0px;
        padding:0px;
        font-size:13px;
        font-family:Arial, Helvetica, sans-serif;
    }
    .expandable-panel {
        width:100%;
        position:relative;
        min-height:50px;
        overflow:auto;
        border-left:2px solid #ccc;
        -webkit-box-shadow: 0px 2px 7px 0px rgba(214,214,214,1);
        -moz-box-shadow: 0px 2px 7px 0px rgba(214,214,214,1);
        box-shadow: 0px 2px 7px 0px rgba(214,214,214,1);
    }
    .expandable-panel-heading {
        width:100%;
        cursor:pointer;
        min-height:50px;
        clear:both;
        background-color:#FFFFFF;
        position:relative;
    }
    .expandable-panel-heading:hover {
        color:#008181;
    }
    .expandable-panel-heading h3 {
        font-family: 'Roboto', sans-serif;
        font-weight:500;
        padding:14px 10px 9px 15px;
        font-size:16px;
        line-height:20px;
    }
    .expandable-panel-content {
        padding:0 15px 0 15px;
        margin-top:-999px;
    }
    .expandable-panel-content p {
        padding:4px 0 6px 0;
    }
    .expandable-panel-content p:first-child  {
        padding-top:10px;
    }
    .expandable-panel-content p:last-child {
        padding-bottom:15px;
    }
    .icon-close-open {
        width:20px;
        height:20px;
        position:absolute;
        background-image:url(icon-close-open.png);
        right:15px;
    }
    .expandable-panel-content img {
        float:right;
        padding-left:12px;
    }
    .header-active {
        background-color:#f6f6f6;
        color:#008181;
    }
    
    /* !!! Java Script da Tabela !!! 
    <script>
        (function($) {
            $(document).ready(function () {
                var panelspeed = 200; // Duração da animação do painel
                var totalpanels = 2; // Número total de paineis
                var defaultopenpanel = 0; // Pré-abertura de painel (0 para desativar)
                var accordian = false; // "true" se só poder ser aberto um painel de cada vez
             
                var panelheight = new Array();
                var currentpanel = defaultopenpanel;
                var iconheight = parseInt($('.icon-close-open').css('height'));
                var highlightopen = true;
             
                // Iniciar todos os paineis
                function panelinit() {
                        for (var i=1; i<=totalpanels; i++) {
                            panelheight[i] = parseInt($('#cp-'+i).find('.expandable-panel-content').css('height'));
                            $('#cp-'+i).find('.expandable-panel-content').css('margin-top', -panelheight[i]);
                            if (defaultopenpanel == i) {
                                $('#cp-'+i).find('.icon-close-open').css('background-position', '0px -'+iconheight+'px');
                                $('#cp-'+i).find('.expandable-panel-content').css('margin-top', 0);
                            }
                        }
                }
             
                $('.expandable-panel-heading').click(function() {
                    var obj = $(this).next();
                    var objid = parseInt($(this).parent().attr('ID').substr(3,2));
                    currentpanel = objid;
                    if (accordian == true) {
                        resetpanels();
                    }
             
                    if (parseInt(obj.css('margin-top')) <= (panelheight[objid]*-1)) {
                        obj.clearQueue();
                        obj.stop();
                        obj.prev().find('.icon-close-open').css('background-position', '0px -'+iconheight+'px');
                        obj.animate({'margin-top':0}, panelspeed);
                        if (highlightopen == true) {
                            $('#cp-'+currentpanel + ' .expandable-panel-heading').addClass('header-active');
                            $('#cp-'+currentpanel).css("border-left", "2px solid #008181");
                        }
                    } else {
                        obj.clearQueue();
                        obj.stop();
                        obj.prev().find('.icon-close-open').css('background-position', '0px 0px');
                        obj.animate({'margin-top':(panelheight[objid]*-1)}, panelspeed);
                        if (highlightopen == true) {
                            $('#cp-'+currentpanel + ' .expandable-panel-heading').removeClass('header-active');
                            $('#cp-'+currentpanel).css("border-left", "2px solid #cccccc");
                        }
                    }
                });
             
                function resetpanels() {
                    for (var i=1; i<=totalpanels; i++) {
                        if (currentpanel != i) {
                            $('#cp-'+i).find('.icon-close-open').css('background-position', '0px 0px');
                            $('#cp-'+i).find('.expandable-panel-content').animate({'margin-top':-panelheight[i]}, panelspeed);
                            if (highlightopen == true) {
                                $('#cp-'+i + ' .expandable-panel-heading').removeClass('header-active');
                            }
                        }
                    }
                }
             
                $(window).load(function() {
                    panelinit();
                });
            });
        })(jQuery);
    </script>
    */