/* 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-bottom: 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.info {
    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%
}

@media (min-width: 1200px) {
    ._45 {
        width: 45%
    }
}

@media (min-width: 1024px) {
    ._45 {
        width: 35%
    }
}

._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%
}