/*
-----------------------------------------------------
* Projeto: Baston - Painel de Pedidos
* Version: 2.0
* Author: Vagner Giraldino Jr
* Data: 08/06/2025
* Refatoração do CSS para o novo layout
* Responsável: Vagner Giraldino Jr
* Chamado #24778
* http://suporte.baston.com.br/front/ticket.form.php?id=24778
-----------------------------------------------------
*/
@import url(reset.css);

/* ESTRUTURA */
body {background:#dde4e8; height:100% !important; margin-bottom:20px;}
#head {background:#fff; height:33px; padding:10px; position:relative;}
.user {position:absolute; top:20px; right:20px;}
#menu {padding:0 24px;}
#content_wrapper {width:940px; margin:0 24px; position:relative;}
#content {background:#fff; width:830px; border:1px solid #d2d8dc; margin-bottom:12px; padding:6px; float:left;}
.full {width:898px !important;}
#scroll {width:658px; height:450px; padding:1px 0 0 1px; overflow:auto;}
#side_bar {width:230px; float:right;}
#side_bar .inside {background:#fff; border:1px solid #d2d8dc; padding:20px; margin-bottom:12px;}
#side_bar ul {margin-bottom:12px;}
#side_bar ul li {background:#fff; border:1px solid #d2d8dc; padding:10px 10px 10px 40px; margin-bottom:2px;}
#side_bar ul li a {font-size:1.2em;}
#side_bar ul li.pedido_novo {background:#fff url(../imagens/quick_add.gif) no-repeat 9px center;}
#side_bar ul li.pedido_salvos {background:#fff url(../imagens/support_find.gif) no-repeat 9px center;}
#side_bar ul li.pedido_emitidos {background:#fff url(../imagens/ico_pedidos2.png) no-repeat 9px center;}
#side_bar ul li.user_novo {background:#fff url(../imagens/ico_user.png) no-repeat 9px center;}

#menu_topo {height:40px;}
#menu_topo ul li {display:inline;}
#menu_topo ul li a {background:#fff; color:#454748; text-decoration:none; border:1px solid #b1b6ba; padding:10px; margin-left:2px; display:block; float:left;}
#menu_topo ul li a:hover {background-color:#e1e1e1;}
#menu_topo ul li a.cliente_novo,
#menu_topo ul li a.imprimir,
#menu_topo ul li a.user_novo a {
    background-position: 9px center;
    background-repeat:no-repeat;
    padding-left:40px;
}
#menu_topo ul li a.cliente_novo {background-image:url(../imagens/ico_user.png);}
#menu_topo ul li a.imprimir {background-image:url(../imagens/ico_impressora.png);}
#menu_topo ul li a.user_novo a {background-image:url(../imagens/ico_user.png);}

#footer {padding:0 24px; clear:both;}

/* Tabelas */
thead th, tbody td {padding:5px; vertical-align:middle;}
table.tbl_striper {border-top:1px solid #ccc; border-left:1px solid #ccc; width:100%; border-collapse:collapse;}
.tbl_striper thead th, .tbl_striper tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ccc;}
.tbl_striper thead th {background:#5d5d5d; color:#f1f1f1; border:0; padding:10px;}
.tbl_striper tr.desconto_especial td {background:#fafa88;}
.tbl_striper tr.total td {background:#f1f1f1; font-weight:bold;}
.tbl_striper tbody tr:nth-child(even) > td {box-shadow: 0 0 1000px 1000px rgba(200, 200, 200, 0.2) inset;}
table.tbl_striper > tbody > tr:nth-child(n):hover > td {box-shadow: 0 0 1000px 1000px rgba(200, 200, 200, 0.4) inset;}
.comissao {text-align:center;}
.total_item {width:90px;}

/* Login */
.login {background:#fff; width:300px; border:1px solid #d2d8dc; margin:30px auto 0; padding:20px;}
.login .submit {height:30px;}
.pesquisa_load,
.pesquisa_alert {padding:5px 20px 5px 40px !important;}
.paginacao {margin-top:10px;}
.paginacao a,
.paginacao strong {background:#5d5d5d; padding:3px 5px; margin-right:1px; display:block; float:left;}
.paginacao a {color:#fff !important;}
.paginacao strong {background:#fff; color:#5d5d5d;}

/* Manutenção */
.manutencao {background:#fff; width:300px; height:200px; border:1px solid #d2d8dc; margin-top:-150px; margin-left:-170px; padding:20px; position:absolute; top:50%; left:50%;}
.maintenance-page1 {display:flex; align-items:center; justify-content:center; height:100vh; color:#fff; text-align:center;}
.content1 {background-color:rgba(0, 0, 0, 0.7); padding:20px; border-radius:10px;}
h11 {font-size:36px;}
pp {font-size:18px; margin-top:10px;}

/* Mensagens */
.msg_alert {background:#fff7d9 url(../imagens/msg-erro.png) 10px center no-repeat; border:1px solid #ffcc00;}
.msg_sucesso {background:#bfefbf url(../imagens/msg-sucesso.png) 10px center no-repeat; border:1px solid #00c000;}
.msg_info {background:#e5f5ff url(../imagens/msg-info.png) 10px center no-repeat; border:1px solid #7fccff;}
.msg_erro {background:#fce6e4 url(../imagens/msg_fatal.png) 10px center no-repeat; border:1px solid #ef877f;}
.msg_load {background:#fff url(../imagens/loader.gif) 10px center no-repeat; border:1px solid #c1c1c1; margin-bottom:12px;}
.msg_alert,
.msg_sucesso,
.msg_info,
.msg_erro,
.msg_load {padding:12px 12px 12px 40px;}
.msg_alert p,
.msg_sucesso p,
.msg_info p,
.msg_erro p,
.msg_load p {margin-bottom:0;}
.pedido_msg {width:298px; float:right;}

/* Screen Load */
.screen_load {background:url(../imagens/back_trans.gif) top left; width:100%; height:100%; position:fixed; top:0; left:0; z-index:499;}
.screen_load2 {background:#fff; text-align:center; width:200px; border:2px solid #337fb1; margin-top:-60px; margin-left:-120px; padding:40px 20px; position:absolute; top:50%; left:50%; z-index:500;}

/* Listas */
#content ul {margin-left:30px; list-style:disc; list-style-position:inside;}
#content ul li {padding:2px 0;}

/* TIPOGRAFIA */
html {font-size:62.5%; font-family:arial, helvetica, "microsoft sans serif", sans-serif, Verdana, Geneva, Tahoma, sans-serif;}
body {font-size:1.2em; color:#414749;}
h1 {
    background: url(https://pedidos.baston.com.br/imagens/logo_b.png) no-repeat left top;
    background-size:180px auto;
    font-size:1.8em;
    height:50px;
    padding:15px 0 0 190px;
    border:none;
    outline:none;
    box-shadow:none;
}
h2 {font-size:2.5em; color:#454748; letter-spacing:-1px; margin:0.4em 0 0.500em;}
h3 {font-size:1.5em; color:#337fb1; margin:0 0 .9em;}
h4 {font-size:1.3em; margin:1.23em 0 .615em;}
h5 {font-size:1.2em; margin:1.33em 0 .67em;}
h6 {font-size:1em; margin:1.6em 0 .8em;}
p {margin-bottom:1.2em; line-height:1.4em;}
b {font-weight:bold;}

/* Links */
a:link,
a:visited {text-decoration:underline; color:#36c;}
a:hover {text-decoration:underline; color:#c33;}
a:active,
a:focus {text-decoration:underline; color:#000;}

/* MENUS */
#menu {background:#337fb1; height:39px; padding-top:4px;}
#menu ul li {display:inline;}
#menu ul li a {background:#1e5f96; color:#fff; text-decoration:none; padding:12px 12px 15px; margin-right:3px; display:block; float:left;}
#menu ul li a:hover,
#menu ul li a.current {background:#dde4e8; color:#337fb1;}
#menu .user_tipo {float:right;}

/* FORMULÁRIOS */
input, textarea {color:#454748; padding:1px;}
form div {padding:5px;}
form div input {vertical-align:middle;}
form div label {font-weight:bold; width:120px; padding:5px 0;}
form div.submit {border:none; margin-top:8px; padding-top:8px;}
.form div label {display:block; float:left;}
select {font-size:1em; color:#454748;}
#side_bar form div {padding-bottom:10px; height:auto !important;}
#side_bar form div label {float:none !important;}
#form_dados_pedido {background:#e0ebf3; border:2px solid #337fb1; padding:13px;}
.preco_sugerido {width:50px;}

/* Outros */
.float_left {float:left;}
.float_right {float:right;}
#content hr {background:#c4c4c4; height:1px; display:block; border:none; margin:1em 0;}
.btn-export-excel {padding:3px; color:#454748; margin-left:5px; margin-right:5px;}