body, form, td { font-size: 8pt; color: #3F3F3F; font-family: Verdana,Arial,Helvetica,sans-serif; } p { font-size: 8pt; color: #3F3F3F; font-family: Verdana,Arial,Helvetica,sans-serif; text-align: justify; } body { margin: 0 0 0 25px; } #cabecalho { display: table; height: 75px; width: 955px; position: relative; overflow: hidden; } h2 { font-size: 8pt; color: red; } li.help { list-style-type: none; } #help { display: table; width: 400px; position: absolute; overflow: auto; border: 1px solid #aaaaaa; background: white; z-index: 100000; padding: 4px 4px 4px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .table { display: table; } .geral { position: relative; border: 1px solid #aaaaaa; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #logo { color: black; font-size: 18pt; } #menu { position: relative; display: table-cell; background-image: url(images/menu.png); width: 955px; height: 35px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } #listHolder { position: absolute; border: 1px solid #BFBFBF; width: 350px; } .list { font-family: verdana; font-size: 10; color: #000000; background-color: #FFFFFF; border: 0; } .spacer { width: 10px; height: 25px; } .minispacer { width: 10px; height: 5px; } .menucontainer { position: relative; display: table-cell; font-weight: bold; vertical-align: middle; text-align: center; height: 35px; padding-left: 16px; padding-right: 16px; } a.menu, a.menu:visited { font-size: 9pt; color: black; overflow: hidden; height: 35px; text-decoration: none; float: left; } a.menu:active, a.menu:hover,a.menu:focus { font-size: 9pt; color: white; background: #aaaaaa; } .menulcontainer { position: relative; display: table-cell; font-weight: bold; vertical-align: middle; text-align: left; padding-left: 8px; padding-right: 8px; height: 35px; width: 200px; } .btn { display: table; background: orange; height: 17px; } a.btn, a.btn:visited { font-size: 9pt; color: white; overflow: hidden; width: 80px; display: table-cell; vertical-align: middle; text-align: center; text-decoration: none; background: orange; } a.btn:active, a.btn:hover, a.btn:focus { font-size: 9pt; color: white; } a.menul, a.menul:visited { font-size: 8pt; color: black; overflow: hidden; height: 35px; text-decoration: none; float: right; border-bottom: 1px solid #f7f7f7; } a.menul:active, a.menul:hover,a.menul:focus { font-size: 8pt; color: #ffffff; background: #aaaaaa; } a, a:visited { font-size: 8pt; font-family: Verdana,Arial,sans-serif; color: #7F7F7F; text-decoration: none; outline: none; } a:active, a:hover,a:focus { font-size: 8pt; color: red; } .trabalhe { font-weight: normal; font-family: Verdana,Arial,sans-serif; font-size: 7pt; color: #BFBFBF; text-decoration: underline; } a.trabalhe, a.trabalhe:visited { font-weight: normal; font-family: Verdana,Arial,sans-serif; font-size: 7pt; color: #BFBFBF; text-decoration: underline; } a.trabalhe:active, a.trabalhe:hover,a.trabalhe:focus { font-size: 7pt; color: #333333; text-decoration: underline; } a.cabecalho, a.cabecalho:visited { font-size: 8pt; color: #FF0000; } a.cabecalho:hover, a.cabecalho:focus, a.cabecalho:active { font-size: 8pt; color: #FF0000; text-decoration: underline; } h5 { font-size: 18pt; color: #000; } .h5 { font-size: 18pt; color: #000; font-weight: bold; } h4 { font-size: 8pt; color: #000000; } .h4 { font-size: 8pt; color: #000000; font-weight: bold; } .sswinfbr, a.sswinfbr, a.sswinfbr:visited { font-size: 11pt; font-family: Verdana,Arial,sans-serif; color: #BFBFBF; font-weight: bold; } a.sswinfbr:hover, a.sswinfbr:focus, a.sswinfbr:active { font-size: 11pt; color: #333333; text-decoration: none; } .sswinfbr2, a.sswinfbr2, a.sswinfbr2:visited, a.sswinfbr2:active, a.sswinfbr2:hover, a.sswinfbr2:focus { height: 24px; font-size: 10pt; color: #DFDFDF; font-weight: bold; text-decoration: none; } a.sswinfbr2:hover { color: #333333; text-decoration: none; } .sswinfbr3, a.sswinfbr3, a.sswinfbr3:visited, a.sswinfbr3:active, a.sswinfbr3:hover, a.sswinfbr3:focus { font-size: 8pt; color: #BBB; text-decoration: none; } a.sswinfbr3:hover { color: #333333; text-decoration: none; } .pp, a.pp, a.pp:visited, a.pp:active, a.pp:hover,a.pp:focus { font-size: 7pt; color: #BBB; text-decoration: none; float: right; display: table-cell; } .sswinfbr4, a.sswinfbr4, a.sswinfbr4:visited, a.sswinfbr4:active, a.sswinfbr4:hover, a.sswinfbr4:focus { font-size: 8pt; color: #00A; text-decoration: none; } a.sswinfbr4:hover { color: #00F; text-decoration: none; } .titulo { width: 100%; border: 0; margin: 0; margin-left: 8px; padding: 0; font-size: 8pt; color: #ff0000; } .erro { width: 100%; height: 20px; border: 0; margin: 0; padding: 0; font-size: 8pt; color: #ff0000; display: table-cell; vertical-align: middle; } .risco { width: 955px; height: 1px; background-color: #BFBFBF; } .srtr { color: black; } .srtit { font-size: 8pt; color: #FFFFFF; height: 16px; background-color: rgb(164, 166, 155); margin: 0; padding: 0; } a.srtit { font-size: 8pt; color: #FFFFFF; margin: 0; padding: 0; } a.srtit:active, a.srtit:hover, a.srtit:focus { font-size: 8pt; color: #FFFFFF; text-decoration: underline; } .estado { font-size: 8pt; color: #000000; font-weight: bold; } .rastreamentotit { padding-top: 10px; padding-bottom: 2px; font-size: 7pt; color: #000000; display: block; } .coletatr { height: 21px; } .coletatit { font-size: 7pt; color: #000000; float: right; display: table-cell; vertical-align: middle; } label.rastreamento { font-size: 8pt; color: #0000FF; } label.rastreamento:hover { cursor: pointer; font-size: 8pt; color: red; } .rastreamento { font-size: 8pt; color: #000000; } td.rastreamento { padding-top: 4px; } a.rastreamento { font-size: 8pt; color: #0000FF; } a.rastreamento:visited { font-size: 8pt; color: #0000FF; text-decoration: none; } a.rastreamento:active, a.rastreamento:hover, a.rastreamento:focus { font-size: 8pt; color: red; text-decoration: none; } a.email, a.email:visited { font-size: 8pt; color: #000000; text-decoration: underline; } a.email:active, a.email:hover, a.email:focus { font-size: 8pt; color: #000000; text-decoration: underline; } select { border:1px solid #BFBFBF; font-size: 8pt; color: #000; background: #FFF; font-family: Verdana,Arial,sans-serif; margin: 0; padding: 0; } input, textarea { font-size: 8pt; color: #000; background: #FFF; font-family: Verdana,Arial,sans-serif; margin: 0; padding: 0; border: 1px solid #BFBFBF; outline: none; } input { padding-top: 2px; padding-bottom: 2px; } .tdb { padding: 0; margin: 0 8px 0 8px; text-align: left; } .tdresult { font-size: 8pt; color: #FFFFFF; background-color: rgb(164, 166, 155);; margin: 0; padding: 0; margin-left: 8px; } li { font-size: 8pt; color: #3F3F3F; font-family: Verdana,Arial,sans-serif; margin-top: 3px; padding: 0; text-align: justify; } a.imglnk:active, a.imglnk:hover, a.imglnk:focus { font-size:12px; color: red; border-left: 1px solid white; border-top: 1px solid white; border-right: 1px solid black; border-bottom: 1px solid black; } .imglnk { font-size: 12px; font-family: Verdana,Arial,sans-serif; font-weight: bold; color: DarkBlue; text-decoration: none; border: 1px solid rgb(226,226,226); } .mapa, a.mapa, a.mapa:visited, a.mapa:active, a.mapa:focus { font-size: 12pt; font-family: Verdana,Arial,sans-serif; color: black; font-weight: bold; } a.mapa:hover { font-size: 12pt; color: red; text-decoration: none; } xml { display: none; } #helpicon { width: 19px; height: 19px; display: inline-block; cursor: pointer; background-image: url("/images/info-256.png"); } a.coleta, a.coleta:visited { font-size: 8pt; color: #fff; background: #FF9C08; width: 100px; height: 19px; line-height: 19px; border: 1px solid #FF9C08; display: inline-block; vertical-align: top; text-align: center; } a.coleta:active, a.coleta:hover, a.coleta:focus { font-size: 8pt; color: orange; background: white; text-decoration: none; width: 100px; height: 19px; border: 1px solid #FF9C08; } .font_cinza_cBorda_invalid { color: #800000; background-color: #ffd0d0; } .font_cinza_cBorda { color: #000000; background-color: #ffffff; } .font_cinza01_invalid { color: #800000; background-color: #ffffff; font-size: 12pt; font-family: Verdana, Arial, sans-serif; } .cltt5 { display: table; position: absolute; overflow: auto; border: 1px solid #aaaaaa; background: white; z-index: 100000; padding: 4px 4px 4px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: left; position: absolute; z-index: 1147483638; } .transportadora { padding-top: 10px; padding-bottom: 2px; font-size: 8pt; color: blue; display: block; } /* Shared */ .loginBtn { box-sizing: border-box; position: relative; font-family: "Roboto", Roboto, arial, sans-serif; width: 32px; margin: 0.2em; border: none; text-align: center; line-height: 30px; white-space: nowrap; border-radius: 0.2em; font-size: 8pt; color: #FFF; text-align: center; cursor: pointer; } #social-panel { margin-top: 8px; } .social { font-size: 16px; display: inline-flex; vertical-align: middle; text-align: center; } .socialImg { font-size: 20px; margin-right: 8px; display: inline-flex; vertical-align: middle; } .socialText { display: inline-flex; vertical-align: middle; } .socialProfile { display: inline-block; vertical-align: middle; } .loginBtn:focus { outline: none; } .loginBtn:active { box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1); } /* Facebook */ .loginBtn--facebook { background-color: #4C69BA; background-image: linear-gradient(#4C69BA, #3B55A0); /*font-family: "Helvetica neue", Helvetica Neue, Helvetica, Arial, sans-serif;*/ text-shadow: 0 -1px 0 #354C8C; } .loginBtn--facebook:hover, .loginBtn--facebook:focus { background-color: #5B7BD5; background-image: linear-gradient(#5B7BD5, #4864B1); } /* Google */ .loginBtn--google { /*font-family: "Roboto", Roboto, arial, sans-serif;*/ background: #DD4B39; } .loginBtn--google:hover, .loginBtn--google:focus { background: #E74B37; background-image: linear-gradient(#E74B37, #AD2714); } .fadeOut { opacity: 0; transform: translate(0, -20px); -webkit-transition: all .2s linear; transition: all 2s linear; } #onepp { width: 16px; height: 16px; padding: 0; margin: 0; vertical-align: bottom; position: relative; top: 2px; margin-right:4px; } /* Spinner */ .spinner { width: 20px; height: 20px; position: relative; } .double-bounce1, .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0); transform: scale(0.0); } 50% { -webkit-transform: scale(1.0); transform: scale(1.0); } } /* Help */ .ajuda-div1 { left: 221px; top: 135px; visibility: hidden; } .ajuda-div2 { border: 0; height: 24px; width: 100%; display: table; } .ajuda-span { color: black; display: table-cell; font-weight: bold; vertical-align: middle; text-align: left; padding-left: 0; } .help { color:white; display: table-cell; font-weight: bold; vertical-align: middle; text-align: right; padding-right: 8px; } /* Header */ .header-div1 { vertical-align: middle; padding-top: 20px; } .header-logo { display: table-cell; padding-left: 25px; padding-right: 25px; border: 0; vertical-align: baseline; } .header-sub { display: table-cell; text-align: left; vertical-align: baseline; } #trabalhe { text-decoration: underline; } /* Generic */ .color-blue { color: blue !important; } .color-white { color: white !important; } .color-red { color: red !important; } .color-gray { color: gray !important; } .width-100 { width: 100% } .width-16px { width: 16px; } .width-50px { width: 50px; } .width-160px { width: 160px; } .width-200px { width: 200px; } .width-240px { width: 240px; } .width-520px { width: 520px; } .width-945px { width: 945px; } .width-728px { width: 728px; } .display-table-cell { display: table-cell; } .display-inline-table { display: inline-table; } .display-inline-flex { display: inline-flex; } .display-inline-grid { display: inline-grid; } .display-none { display: none; } .display-block { display: block; } .visibility-hidden { visibility: hidden; } .margin-top-3px { margin-top: 3px; } .margin-left-8px { margin-left: 8px; } .height-6px { height: 6px; } .height-8px { height: 8px; } .height-10px { height: 10px; } .height-22px { height: 22px; } .height-25px { height: 25px; } .height-150px { height: 150px; } .padding-top-10px { padding-top: 10px; } .text-decoration-underline { text-decoration: underline; } .vertical-align-top { vertical-align: top; } /* Resultados */ .miniempresa { font-weight: normal; font-size: 8px; color: gray; } .text-align-right { text-align: right; } .width-88px { width: 88px; } .width-350px { width: 350px; } .border-right { border-right: 1px solid #e9e9e9; } .border-bottom { border-bottom: 1px solid #e9e9e9; } .border { border: 1px solid #e9e9e9; } /* Main title */ .main-title-div1 { display: table-cell; padding: 4px 4px 4px 4px; vertical-align: top; } .main-title-div2 { border: 0; background: rgb(164,166,155); height: 24px; width: 100%; display: table; } .main-title-span { color: white; display: table-cell; font-weight: bold; vertical-align: middle; text-align: left; padding-left: 8px; } /* Cookie consent */ #cookie_consent { background-color: #FFFFE0; box-sizing: border-box; width: 955px; margin: 16px 0 16px 0; padding: 4px 4px 4px 4px; display: flex; align-items: center; justify-content: center; }