/* AwardStyles.css 11/07/2018 */

/* Botão */
.Button-style {font-weight:bold; border:none; display:inline-block; outline:0; padding:4px 8px; vertical-align:middle; overflow:hidden; text-decoration:none; color:inherit; background-color:inherit; text-align:center; cursor:pointer; white-space:nowrap;}
.Button-style {-webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}   
    .Button-style:disabled {cursor:not-allowed; opacity:0.3;}
    .Button-style:hover{color:#000!important;background-color:#ccc!important}

.Cor-Azul {color:#fff!important; background-color:#2196F3!important;}

/* DropDown */
.DropDownList-style {border:1px solid LightGray; background:#fff8ee; color:black; margin:0; padding:1px 0px; font-size:0.9em;}

/* TreeView */
.TreeView-style {padding:0; margin:0; background-color:#f1f1f1;}
    .TreeView-style table {padding:0; margin:0; background-color:#f1f1f1;}
    .TreeView-style td {padding:1px; background-color:#f1f1f1;}

/* Geral */
.Observacoes-style {font-size: 10px; font-style: italic; line-height: 1.1; background-color:#ffdddd; border-left:6px solid #f44336; padding: 6px; margin: 6px 10px;}

/* GridView */
.GridView-style {color:black; background-color:white; font-size:0.80em; padding:2px; margin:0; text-align:left; border:1px solid #ddd;}
    .GridView-style tr:nth-child(odd) {background-color: #f7f7f7; color: #333;}
    .GridView-style tr:nth-child(even) {background-color:white; color:#333;}
    .GridView-style td {padding:2px; margin:0}

    .GridView-style input[type=text], 
    .GridView-style select,
    .GridView-style textarea,
    .GridView-style input[type=checkbox],
    .GridView-style input[type=password] {border:1px solid LightGray; background:#fff8ee; color:black; padding: 1px 0;}

    .GridView-style input[type=text], 
    .GridView-style select,
    .GridView-style textarea
    .GridView-style input[type=checkbox],
    .GridView-style input[type=password] {font-size:0.90em;}
    .GridView-style textarea {font-size:1.25em;}

    .GridView-style input[type=image] {padding:0; margin:1px 2px; width:16px;}
    .GridView-style select:disabled {background:#f8f8f8; border:1px solid #f8f8f8;}

    .GridView-style caption {color:darkgreen; font-weight:bold; text-align:left; font-size:12px; font-weight:bold;}
    .GridView-style .selected-row-style {background-color:green; color:black; font-weight:normal;}

    /* Sorted */
    .GridView-style .sorted-asc-cell-style {color:inherit;}
    .GridView-style .sorted-desc-cell-style {color:inherit;}
    .GridView-style .sorted-asc-header-style {content:'▲'; background-color:gray;}
    .GridView-style .sorted-desc-header-style {content:'▼'; background-color:gray;}

/* ListView */
.ListView-style {padding:2px;}
    .ListView-style input[type=image] {padding:0; margin:2px; width:100%;}
    .ListView-style td {width:220px; border:1px solid #EEEEEE; vertical-align:top;}

/* DetailsView */
.DetailsView-style {color:#444; background-color:White; margin:2px; padding:4px; font-size:12px; width:900px;}
    .DetailsView-style tr:nth-child(odd) {background-color:white;}
    .DetailsView-style tr:nth-child(even) {background-color:#f8f8ff;}

    .DetailsView-style input[type=text],
    .DetailsView-style textarea,
    .DetailsView-style select,
    .DetailsView-style input[type=password] {border:1px solid LightGray; font-size:12px; background:#fff8ee; color:black; margin:0; padding:1px;}

    .DetailsView-style input[type=image] {padding:0; margin:1px 2px; width:16px;}
    .DetailsView-style select:disabled {background:#f8f8f8; border:1px solid #f8f8f8;}
    .DetailsView-style input[type=checkbox] {background: #fff8ee;}

    .DetailsView-style caption {color:darkgreen; font-weight:bold; text-align:left; font-size:16px; font-weight:bold;}

    /* FieldHeader */
    .DetailsView-style .field-header-style {width: 180px;}

    /* EditRow */
    .DetailsView-style .edit-row-style {width:600px; background-color: #eee;}

    /* Row */
    .DetailsView-style .row-style {width: 600px; background-color:#eee;}


/* Header (rótulos no GridView e cabeçalho no DetailsView) */
.header-style {color:#eee; background-color:gray; font-size:14px; font-weight:normal; padding:4px 0; text-align: center;}
    .header-style a {color:white; background-color:gray; outline:none; padding:0 3px; text-decoration:underline;}
    .header-style a:link {color:white;}
    .header-style a:hover {color:red;}

    .header-style.asc a, th.desc a {
        margin-right: .75em;
    }

    .header-style.asc a:after, .header-style.desc a:after {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0.75em;
    }

    .header-style.asc a:after {
        content: '▲';
    }

    .header-style.desc a:after {
        content: '▼';
    }


/* Pager */
.pager-style {
    background-color: #5D7B9D; /* a linha toda do footer... */
    font-size: 16px;
}

    .pager-style a {
        color: Yellow;                  /* qdo ocorre? */
        font-weight: bold;
        background-color: #5D7B9D;
        outline: none;
        text-decoration: none;
        display: block;
        position: relative;
    }

    .pager-style a:link {
        color: White;
        font-weight: normal;
    }

    .pager-style a:hover {
        color: Red;
        font-weight: normal;
    }

    .pager-style td {
        background-color: #5D7B9D;
        padding-left: 6px;
        padding-right: 6px;
    }


/* SelectedRow */
.selected-row-style {background-color:lavender; color: black; font-weight: normal;}

/* EditRow - header na edição do DetailsView */
.edit-row-style {color: black;}

/* Footer */
.footer-style {background-color: #5D7B9D; color: White; font-weight: bold;}

/*
th.asc a, th.desc a {
    margin-right: .75em;
}

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }
*/

/* FormView */
.FormView-style {font-size:0.9em; color:black; width:100%;}
    .FormView-style table {padding:2px; text-align:left; border:1px solid #ddd;}
    .FormView-style td {padding:2px 6px;}
    .FormView-style .titulo {color:darkgreen; font-weight:bold;}
    .FormView-style img {max-width:400px;}
    .FormView-style tr:nth-child(odd) {background-color: #f7f7f7; color: #333;}
    .FormView-style tr:nth-child(even) {background-color: white; color: #333;}
    .FormView-style td {padding: 2px; margin: 2px;}