/* FORMS */
.input-text, .textarea { padding: 5px; }
.textarea { padding: 5px 2%; width: 96%; }
.select { padding: 4px; }
.input-text, .select, .textarea {
    font-size: 13px;
    color: #3a3a3a;
    background: url('../img/input_bg.gif') top left repeat-x #f6f6f6;
    border: 1px solid #cccccc;
    position: relative;
}
.input-text:focus, .select:focus, .textarea:focus {
    border-color: #97cded;
    background: #fafafa;
    /* background: url('../img/admin/input_bg_focus.gif') top left repeat-x #ffffff;    
    -moz-box-shadow: 1px 1px 9px #97cded; -webkit-box-shadow: 1px 1px 9px #97cded; box-shadow: 1px 1px 9px #97cded; */
}

.input-text.min { padding: 5px 1%; width: 20%; }
.input-text.med { padding: 5px 1%; width: 45%; }
.input-text.max { padding: 5px 2%; width: 96%; }
.select.min { padding: 4px 1%; width: 20%; }
.select.med { padding: 4px 1%; width: 45%; }
.select.max { padding: 4px 2%; width: 96%; }

.select option[selected=selected] { background-color: #e6e6e6; }
.input-text.marginL, .select.marginL { margin-left: 5px }
.input-text.marginR, .select.marginR { margin-right: 5px }
.input-text[readonly=readonly] { background: #f9f6f6; }

.input-text.invisible { position: absolute; left: -9999em }

.input_submit {
    width: 85px;
    height: 30px;
    background: url("../img/input_submit_bg.gif") 0 0 no-repeat;
    border: 0;
    font-size: 14px;
    color: #fff;
    text-shadow: 1px 1px 0 #0a5482;
    cursor: pointer;
}
.input_submit:hover { background-position: 0 -30px; text-shadow: 1px 1px 0 #b55f10; }

/* TABLES */
.table.list { border: 1px solid #CCC; }
.table th, .table td { vertical-align: middle; padding: 3px 2px; }
.table thead { border-top: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9; }
.table thead th {
    background-color: #EEEEEE;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    color: #444444;
    padding: 5px;
    font-size: 11px;
    font-weight: bold;
}
.table.list tbody td { border-left: 1px solid #CCC; text-align: center; }
.table tr.hover:hover td { background-color: #dbe8f8 !important; }
.table tr.zebra td { background-color: #f1f8ff !important; }
.table .colorDif { background: #ebf7ff }
.table .colorDif2 { background: #ebebeb; }
.table td.divide { border-bottom: 1px solid #cccccc; }

.table .click { cursor: pointer }
.table .click:hover { color: #416993; }

.table .img, .table .img div {
    width: 100px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
    background: #FFF;
}
.table .img div { display: table-cell; vertical-align: middle; }
.table .img img { max-width: 100px; max-height: 100px; }

.table .commands { border-top: 1px solid #CCC; padding: 5px 0; }
.table .commands a { margin: 0 15px; }

/* TABLE DIV */
.tableDiv { margin: 15px 0; }
.tableDiv h2 { margin: 0 }
.tableDiv .thead .th {
    background: #f2f2f4;
    color: #3C3D3E;
    float: left;
    font-size: 1.4em;
    padding: 16px 0;
    text-align: center;
}

.tableDiv .thead, .tableDiv .tr { width: 100%; }
.tableDiv .thead .th, .tableDiv .thead .td { box-sizing: border-box; }

.tableDiv .tbody .tr { border-bottom: 1px solid #3C3D3E }

.tableDiv .tbody .td { float: left; font-size: 1.4em; color: #3C3D3E; }
.tableDiv .tbody .td span { float: left; font-weight: bold; }
.tableDiv .tbody .td a { color: #1C2127; }
.tableDiv .tbody a:hover { text-decoration: underline; }
.tableDiv .tbody .td { padding: 5px 0; text-align: center; vertical-align: middle; }
.tableDiv .tbody .td:first-child, .tableDiv .tbody .td:last-child { border-right: 0; }
.tableDiv .tbody p.prodAtt { font-size: 12px; margin-top: 10px; }
.tableDiv .tbody .input-text.qtd { height: 25px; text-align: center; }
.tableDiv tbody .red {
    color: #3C3D3E;
    font-size: 1.6em;
    font-weight: 800;
    text-decoration: none;
}

.tableDiv .line { border-bottom: 3px solid #F2F2F4; clear: both; }

/* Messages */
.message {
    padding: 10px 15px 10px 40px;
    margin: 10px 0;
    font-weight: bold;
    overflow: hidden;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    font-size: 12px;
    margin: 10px auto;
}
.message a { color: #0006ff; }
.message a:hover { text-decoration: underline; }
.message p { width: 93%; float: left; }
.message.error1 {
    border: 1px solid #e9c59b;
    background: #ffecce url('../img/message.error1_bg.gif') 12px 12px no-repeat;
    color: #e3302c;
}
.message.success {
    border: 1px solid #bfde84;
    background: #edfbd8 url('../img/message.success_bg.gif') 12px 12px no-repeat;
    color: #508600;
}
.message.infoPublic {
    border: 1px solid #bbdbe0;
    background: #ecf9ff url('../img/message.info_bg.gif') 12px 12px no-repeat;
    color: #0888c3;
}
.message.warning {
    border: 1px solid #e5e181;
    background: #fefde2 url('../img/message.warning_bg.gif') 12px 12px no-repeat;
    color: #666;
}
.message .close {
    display: block;
    float: right;
    width: 16px;
    height: 16px;
    background: url('../img/message.close_bg.png') 0 0 no-repeat;
    margin-top: 1px;
    cursor: pointer;
    -moz-opacity: 0.7;
    opacity: 0.7;
}
.message .close.hover { -moz-opacity: 1; opacity: 1; }

/* ERROR LABEL JQUERY VALIDATE */
label.error, label.success {
    margin: 3px !important;
    padding: 3px 1px 4px 20px;
    position: absolute;
    font-size: 10px;
    color: red;
    display: block;
    float: left;
    border-bottom: 1px solid #FFF;
    background: #ffecce url('../img/error_bg.gif') no-repeat 3px 3px;
    -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
    border: 1px solid #e9c59b;
    line-height: 13px;
    z-index: 1;
    -moz-box-shadow: 1px 1px 2px #858585;
    -webkit-box-shadow: 1px 1px 2px #858585;
    box-shadow: 1px 1px 2px #858585;
}
label.error:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    color: transparent;
    border: 8px solid;
    border-bottom-color: #ffecce;
    left: 0;
    bottom: 100%;
}

label.success.simportant {
    padding-right: 5px !important;
    color: green !important;
    background: #e9ffae url('../img/success_bg.gif') no-repeat 3px 3px !important;
    border: 1px solid #99ce0e !important;
}
label.success.simportant:after { border-bottom-color: #e9ffae; }

input.error, select.error { border: 1px solid #ff7878 !important; }
/*  end error label jquery validate */

.voltar {
    width: 71px;
    height: 25px;
    line-height: 22px;
    margin-top: 35px;
    background: url('../img/voltar_bg.gif') no-repeat;
    clear: both;
}
.voltar a {
    width: 61px;
    height: 100%;
    padding-right: 10px;
    display: block;    
    color: #595856;
    text-align: right;
    font-size: 12px;
}
.voltar:hover { color: #000; background-position: 0 -25px; }

.pointer { cursor: pointer; }
.clear { clear: both; display: block; }
.display_none { display: none; }

.boxCheckList {
    width: 98%;
    height: 150px;
    max-height: none;
    padding: 5px;
    overflow: auto;
    border: 1px solid #CCC;
    resize: vertical;
    background: #FFF;
}
.boxCheckList label { display: block; }

.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }

.clearFix { float: none; }

/*  */
.nav-aba li { display: inline-block; margin-right: 5px; }
#nav-aba li * { cursor: pointer; }
#nav-aba li {
    margin: 0;
    display: inline-block;
    font-size: 16px;
    color: #3e3e40;
/*    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;*/
}
#nav-aba li.selected {
    color: #3e3e40;
/*    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;*/
}
#nav-aba label { display: block; /*padding: 10px;*/ }
.aba { clear: both; display: none; margin-bottom: 10px; }

.input-submitFinal {
    height: 35px;
    padding: 0 15px;
    font-size: 14px;
    margin-top: 15px;
    cursor: pointer;
    color: #2a2c2e;
    font-weight: bold;
    border-left: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    background: url("../img/input-submitFinal_bg.gif") repeat-x;
}
.input-submitFinal:hover { background-position: 0 -35px; }

.btnBig {
    width: 205px;
    height: 48px;
    padding-right: 5px;
    margin-top: 15px;
    cursor: pointer;
    font-size: 14px;
    color: #8735ac;
    font-weight: bold;
    text-align: right;
    background: url("../img/btnBig_bg.gif") no-repeat;
}
.btnBig:hover { background-position: 0 -48px; }

.help { cursor: help; margin: 3px 0 0 3px; }

.boxRed { border: 1px solid red }
.txtBlue { color: blue }
.txtRed { color: red }
.boxGre { border: 1px solid green }
.txtGre { color: green }
.boxGray {border: 1px solid #ebebeb}

.hidden { position: absolute; left: -9999em; }

/* widths resposives */
._05 { width:  5% } ._10 { width: 10% } ._15 { width: 15% } ._20 { width: 20% }
._25 { width: 25% } ._30 { width: 30% } ._35 { width: 35% } ._40 { width: 40% }
._45 { width: 45% } ._50 { width: 50% } ._55 { width: 55% } ._60 { width: 60% }
._65 { width: 65% } ._70 { width: 70% } ._75 { width: 75% } ._80 { width: 80% }
._85 { width: 85% } ._90 { width: 90% } ._95 { width: 95% } ._100 { width: 100% }