a { text-decoration:none; color:inherit; }
.matd { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#DBDBDB; color:#000000; font-size: 12px; text-align:center; }

.mata { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#A5A5A3; color:#ffffff; font-size: 11px; line-height:20px; text-align:center; }
.alf { text-align:left;}
.alr { text-align:right;}

.track { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#2150CB; text-decoration:none; font-family:Verdana; cursor:pointer; color:#ffffff; font-size: 9px; padding:10px 10px; margin:10px 5px 3px; display:inline-block; letter-spacing:0.04em; }
.track:hover { background-color:#E64906; }
.historico_bot { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background-color:#677B56; text-decoration:none; font-family:Arial; cursor:pointer; color:#ffffff; font-size:12px; padding:10px 16px; margin:10px; display:inline-block; letter-spacing:0.04em; }
.historico_bot:hover { background-color:#7B9366; }

.janp1 { position:relative; background-color:#F0F2F4; color:#2D353E; padding:40px 30px 50px; width:100%; text-align:center; box-sizing:border-box;}
.cp_erro { position:relative; letter-spacing:0.04em; background-color:#CA0B00; color:#ffffff; margin:20px; padding:15px; text-align:center; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-family:Arial; font-size: 14px; line-height:15pt; max-width: 300px; }
.cp_tit { font-family:Arial; font-size: 32px; line-height:28pt; text-decoration:none; color: #4A5766; letter-spacing:0.05em; margin: 20px 0px 25px;}
.cp_des { font-family:Arial; font-size: 16px; line-height:18pt; text-decoration:none; color: #4A5766; letter-spacing:0.03em; margin: 0px 0px 15px;}
.cp_cam { font-family:Arial; font-size: 14px; line-height:18pt; text-decoration:none; font-weight: bold; color: #4A5766; letter-spacing:0.05em; margin: 20px 0px 4px;}
.cp_inp { padding:8px 10px; font-size: 16px; font-family: Arial; border: 1px solid #BDC5CE; letter-spacing:0.05em; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width:250px;}
.cp_gsm { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:14px 10px; background-color:#3877C2; color: #FFFFFF; font-family: Arial; font-size:12px; text-decoration: none; letter-spacing:0.05em; cursor:pointer; font-weight:bold; margin-top:30px; width:250px;}
.cp_gsm:hover { background-color:#6C9E21; color: #ffffff; }
.cp_gsmn { text-align:center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:14px 10px; background-color:#D00D0D; color: #FFFFFF; font-family: Arial; font-size:12px; text-decoration: none; letter-spacing:0.05em; cursor:pointer; font-weight:bold; margin-top:10px; width:250px;}
.cp_gsmn:hover { background-color:#F01313; }
.cp_gsms { text-align:center; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:14px 10px; background-color:#1783DB; color: #FFFFFF; font-family: Arial; font-size:12px; text-decoration: none; letter-spacing:0.05em; cursor:pointer; font-weight:bold; margin-top:10px; width:250px;}
.cp_gsms:hover { background-color:#3F9DEB; }


.div_historico { background-color:#f1f1f1; padding:5px; font-family:Arial; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-top:20px; }
.tab_historico > tbody > tr { cursor:pointer; }
.tab_historico > tbody > tr > td { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:13px; background-color:#ffffff; color:#000000; padding: 8px 5px; }
.tab_historico > tbody > tr:first-of-type > td { background-color:#6B6B6B; color:#ffffff; font-size: 11px; text-align:center; padding: 12px 5px; }
.tab_historico > tbody > tr:not(:first-child) > td:nth-child(7) { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:13px; background-color:#CCCC00; color:#000000; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; cursor:pointer; }
.tab_historico > tbody > tr:not(:first-child) > td:nth-child(7):hover { background-color:#CC0000; color:#ffffff; }

.tab_produtos tr td { border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; text-align:center; font-size:13px; background-color:#F2F2F2; color:#000000; padding: 8px 10px; }
.tab_produtos tr:first-of-type td { background-color:#8F8F8F; color:#ffffff; font-size: 11px; text-align:center; padding: 10px 10px; }
.tab_produtos tr td:nth-child(2) { text-align:left; }
.tab_produtos tr td:last-of-type { text-align:right; white-space: nowrap; }

.historico_info { display:flex; flex-wrap: wrap; gap:10px; padding:3px 3px 0px; margin-top:3px; }
.historico_info div { width: calc(50% - 5px); background-color:#F2F2F2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; padding:16px 12px; box-sizing: border-box; }
.historico_info div p { font-family:Arial; font-size:13px; line-height:15pt; color:#000000; margin:0px; }
.historico_info div p:first-of-type { color:#3877C2; margin:0px 0px 6px; }

.historico_obs { background-color:#F2F2F2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:9px 3px 3px; padding:16px 12px; box-sizing: border-box; font-size:13px; line-height:15pt; font-family:Arial; color:#000000; }
.historico_obs p:first-of-type { color:#3877C2; margin:0px 0px 6px; }
.historico_obs p { margin:0px; }

.historico_transp { background-color:#F2F2F2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; margin:9px 3px 3px; padding:16px 12px; box-sizing: border-box; font-size:13px; font-family:Arial; color:#000000; }
.historico_transp p:first-of-type { color:#3877C2; margin:0px 0px 6px; }
.historico_transp p { margin:3px 0px 0px; }

.div_disponivel { background-color:#f1f1f1; padding:5px; font-family:Arial; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-top:20px; }
.tab_disponivel > tbody > tr > td { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-align:center; font-size:13px; background-color:#ffffff; color:#000000; padding: 8px 10px; }
.tab_disponivel > tbody > tr:first-of-type > td { background-color:#6B6B6B; color:#ffffff; font-size: 13px; text-align:center; padding: 12px 10px; }
.tab_disponivel > tbody > tr > td:nth-child(2) { text-align:left; font-size:13px; cursor:pointer; }
.tab_disponivel > tbody > tr:not(:first-child) > td:nth-child(2) { cursor:pointer; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.tab_disponivel > tbody > tr:not(:first-child) > td:nth-child(2):hover { background-color:#7FB030; color:#ffffff; }
.tab_disponivel > tbody > tr:not(:first-child) > td:nth-child(5) { background-color:#E03400; color:#ffffff; font-size:12px; cursor:pointer; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.tab_disponivel > tbody > tr:not(:first-child) > td:nth-child(5):hover { background-color:#FF2B0F; }
.tab_disponivel > tbody > tr:not(:first-child) > td:nth-child(3), .tab_disponivel > tbody > tr:not(:first-child) > td:nth-child(4) { white-space: nowrap; }

@media screen and (max-width:700px) {
    .tab_historico > tbody > tr > td:nth-child(3), .tab_historico > tbody > tr > td:nth-child(5), .tab_historico > tbody > tr > td:nth-child(7) { display:none; }
    .tab_historico tbody tr td { font-size:12px; line-height:12pt; }
    .tab_produtos tr td:nth-child(1), .tab_produtos tr td:nth-child(4) { display:none; }
    .historico_info { flex-direction:column; }
    .historico_info div { flex:1; width:auto; }
    .tab_disponivel tr td:nth-child(1) { display:none; }
}