/* CSS Document */

.formulario {
    display: block;
    margin: 0px 10px 11px 10px !important;
}

    .formulario header {
        margin-bottom: 30px;
    }

    .formulario input[type=text], input[type=password] {
        height: 24px;
        padding-left: 6px;
        width: 408px;
        margin-right: 10px;
        margin-bottom: 11px;
    }

    .formulario textarea {
        height: 97px;
        width: 408px;
        margin-left: -3px;
        margin-right: 10px;
        margin-bottom: 20px;
        padding-left: 5px;
        padding-top: 6px;
    }

    .formulario input[type=text]:focus, body.index .formulario textarea:focus {
    }

    .formulario input[type=text].small, input[type=password].small {
        width: 219px;
    }

    .formulario input[type=text], body.index .formulario textarea {
        -webkit-transition: all 0.25s ease-out;
    }

    .formulario select {
        width: 420px;
        margin-bottom: 20px;
        height: 24px;
    }

    .formulario label {
        display: inline-block;
        height: 5px !important;
        width: 130px;
        padding-right: 20px;
        vertical-align: top;
    }

        .formulario label.dd {
            margin-top: -6px;
        }

    .formulario button#submit {
        margin-left: 480px;
        margin-top: -10px;
    }

    .formulario label.error {
        display: none;
        width: 0px;
    }

    .formulario input.error {
        background-color: #ff9898;
        color: #fff;
    }

    .formulario div.formcontainer p, body.index .formulario div.formcontainer legend {
        display: none;
    }

    .formulario div.formcontainer div.-label, body.index .formulario div.formcontainer div.-input {
        display: inline-block;
    }

    .formulario div.formcontainer div.-textarea {
        display: inline-block;
    }

    .formulario button#quotebutton {
        margin-left: 500px;
        margin-top: -12px;
    }

    .formulario div.formularioinfo {
        width: 313px;
    }

        .formulario div.formularioinfo span.subtitle {
            margin-bottom: 30px;
        }

        .formulario div.formularioinfo div#details {
            min-height: 73px;
            width: 273px;
            background: #353d40;
            padding: 20px;
        }


/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.display-field {
    /* padding: 0px 0px 0px 10px;*/
    color: Blue;
}

.display-label {
    font-weight: bold;
    /*padding: 20px 0px 0px 10px;*/
}

/* Styles for validation WebGrid
-----------------------------------------------------------*/
table.lista_registros, table.grid {
    width: 100%;
    margin-bottom: 0px !important;
}

    table.grid tr.alt {
        background-color: #E8F3FF;
    }

    table.lista_registros .grid td {
        text-align: left;
        padding: 5px 10px;
        background: url(/Content/images/img_layout/hr.png) bottom repeat-x;
    }

    table.lista_registros .grid .head th {
        text-align: left;
        background: url(/Content/images/img_layout/hr.png) bottom repeat-x;
        padding: 5px 10px;
    }

    table.lista_registros .grid td input#Valor {
        width: 60px;
    }

    table.lista_registros .grid td input#Numero {
        width: 60px;
    }

    table.lista_registros .grid .head th a {
        font-weight: bold;
        color: #0061a6;
    }

.criacao_atualizacao {
    font-size: 11px;
}

.table {
    margin-bottom: 0px !important;
}
/***********************************/
table#paginacao {
    width: 100%;
}

table.lista_registros .grid .foot td {
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

    table.lista_registros .grid .foot td.td_botao {
        width: 22px;
    }

table.lista_registros .grid .foot a {
    text-decoration: none;
    color: #0061a6;
    margin-left: 3px;
    margin-right: 3px;
}

    table.lista_registros .grid .foot a:hover {
        text-decoration: underline;
    }

    table.lista_registros .grid .foot a img {
        border: none;
    }

/***********************************/
/*  Botoes                         */
a.botao, a.botao_vermelho, a.botao_ext, a.botao_vermelho_ext, a.botao_azul, a.botao_azul_std, a.botao_azul_ext, a.botao_verde, a.botao_verde_std, a.botao_verde_ext {
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

    a.botao img, a.botao_vermelho, a.botao_azul, a.botao_verde img {
        border: 0;
    }

a.botao, a.botao_ext {
    color: #777777;
}

a.botao {
    background: url(/Content/images/img_layout/botao1.png) no-repeat;
    width: 80px;
}

a.botao_ext {
    background: url(/Content/images/img_layout/botao_ext.png) no-repeat;
    width: 100px;
}

a.botao_vermelho, a.botao_vermelho_ext {
    color: #d23745;
}

a.botao_vermelho {
    background: url(/Content/images/img_layout/botao_vermelho.png) no-repeat;
    width: 80px;
}

a.botao_vermelho_ext {
    background: url(/Content/images/img_layout/botao_vermelho_ext.png) no-repeat;
    width: 160px;
}

a.botao_azul, a.botao_azul_std, a.botao_azul_ext {
    color: #060079;
}

a.botao_azul {
    background: url(/Content/images/img_layout/botao_azul.png) no-repeat;
    width: 80px;
}

a.botao_azul_std {
    background: url(/Content/images/img_layout/botao_azul_std.png) no-repeat;
    width: 100px;
}

a.botao_azul_ext {
    background: url(/Content/images/img_layout/botao_azul_ext.png) no-repeat;
    width: 160px;
}

a.botao_verde, a.botao_verde_std, a.botao_verde_ext {
    color: #003300;
}

a.botao_verde {
    background: url(/Content/images/img_layout/botao_verde.png) no-repeat;
    width: 80px;
}

a.botao_verde_std {
    background: url(/Content/images/img_layout/botao_verde_std.png) no-repeat;
    width: 100px;
}

a.botao_verde_ext {
    background: url(/Content/images/img_layout/botao_verde_ext.png) no-repeat;
    width: 160px;
}

a.botao_mini {
    text-align: center;
    display: inline-block;
    height: 25px;
    line-height: 20px;
    width: 47px;
    background: url(/Content/images/img_layout/botao_mini.png) no-repeat;
    color: #777777;
    font-size: 11px;
}

p.submit input {
    height: 25px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: none;
    background: url(/Content/images/img_layout/botao_verde_std.png) no-repeat;
    width: 100px;
    cursor: pointer;
    cursor: hand;
}

p.botoes {
    margin-left: 10px;
}

.tdBotao {
    width: 85px;
}

div#voltar {
    float: right;
}


/* Filtro */
div#filtrar {
    width: 100%;
    margin-bottom: 50px;
    border: 1px solid green;
    padding-left: 1%;
}

    div#filtrar div.filtroLabel {
        font-weight: bold;
    }

    div#filtrar div.tipoFiltrar {
        width: 120px;
    }

    div#filtrar div.filtrar {
        margin-left: 5px;
        width: 180px;
    }

    div#filtrar div.buscar {
        padding-bottom: 20px;
    }

div#logoAgepan {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    margin-bottom: 10%;
    text-align: center;
    vertical-align: middle;
    padding-top: auto;
    padding-bottom: auto;
}

.btnDetalhes, .btnEditar, .btnGerarBoleto, .btnFinalizar {
    cursor: pointer;
}



fieldset {
    border: 1px solid green;
    padding: 1em;
    font: 80%/1 sans-serif;
}



/*object.atr_imagemUploader {
    width: 170px;
    height: 45px;

}

div.editor.field {

    width: 170px;
    height: 45px;
}*/