/* Global */
 .tabela-convenios {
     margin-top: 36px!important;
}
 .borderless, .borderless tr, .borderless td {
     border: none!important;
}
/* Filtros */
 .tabela-convenios-filter {
     text-align: center;
}
 .convenios-filter label {
     font-weight: 600;
     color: #5b87da!important;
}
 .convenios-filter {
     width: 30%;
     display: inline-block;
}
 .convenios-filter:not(:last-child){
     padding: 0 20px 0 0;
}
/* Header */
 .tabela-header {
     background: #5b87da!important;
     color: #fff!important;
     border-radius: 5px;
}
 .tabela-header td {
     padding: 15px 17px;
}
/* Body */
 .convenio-row td:not(.column-convenio) {
     font-weight: 400!important;
}
 .convenio-row td {
     padding: 17px 20px!important;
}
 .row-odd{
     background-color: #f9fafb!important;
}
 .column-convenio {
     background-color: none;
}
/* Mensagem */
 .msg-carregamento {
     padding: 30px;
     text-align: center;
     background: #f9fafb;
     margin-top: 36px;
     border-radius: 3px;
}
/* Responsive */
 @media (max-width: 800px) {
     .convenios-filter {
         width: 100%!important;
    }
     .convenios-filter:not(:last-child){
         padding: 0 0 20px 0;
    }
     table, thead, tbody, th, td, tr {
         display: block;
    }
     thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
     tr {
         border: 1px solid #ccc;
    }
     td {
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
         padding-left: 50%;
    }
     td:before {
         position: absolute;
         padding-right: 10px;
         white-space: nowrap;
    }
     td:nth-of-type(1):before {
         top: 20px;
         left: 20px;
         width: 45%;
         font-weight: 400;
         text-transform: uppercase;
         font-size: 9px;
         letter-spacing: 0.2em;
    }
     td:before {
         top: 6px;
         left: 20px;
         width: 45%;
         font-weight: 400;
         text-transform: uppercase;
         font-size: 9px;
         letter-spacing: 0.2em;
    }
     td:nth-of-type(1):before {
         content: "Convênio";
    }
     td:nth-of-type(2):before {
         content: "Plano";
    }
     td:nth-of-type(3):before {
         content: "Categoria";
    }
     td:nth-of-type(4):before {
         content: "Tipo";
    }
     .convenio-row td {
         padding: 32px 20px 17px 20px;
    }
     .row-odd{
         background-color: #fff!important;
    }
     td.column-convenio {
         padding: 32px 20px 17px 20px!important;
         background-color: #f9fafb!important;
    }
     td.column-plano {
         margin-top: 10px;
    }
     td.column-tipo {
         margin-bottom: 10px;
    }
}