/* Additions to the WebForms CMS styles (site.css / mobile.css are copied from system/css unchanged) */

/* site.css only styles a.button - forms now post with real buttons */
button.button {
    background-color: #5fbeaa;
    border: 0;
    border-radius: 3px;
    display: inline-block;
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 8px 20px;
    text-decoration: none;
    text-transform: capitalize;
    cursor: pointer;
}

button.button:hover {
    background-color: #999999;
}

button.button:active {
    position: relative;
    top: 1px;
}

.validate {
    color: #CC0000;
}

.gridView th {
    font-weight: bold;
}

/* same as the WebForms DataGrid AlternatingItemStyle-BackColor="#DDDDDD" */
.gridView.striped tbody tr:nth-child(even) {
    background-color: #DDDDDD;
}

/* ---- Page Management (Pages/SitePages) ---- */

/* small POST forms inside grid cells (e.g. show / hide an asset) */
form.inlineForm {
    display: inline;
    margin: 0;
}

/* a submit button that looks like the grid's icon links */
button.iconButton {
    background: none;
    border: 0;
    padding: 0;
    color: #337ab7;
    cursor: pointer;
}

button.iconButton:hover {
    color: #23527c;
}

/* SEO "nn remaining" counters of the page form */
.charCount {
    color: #5fbeaa;
    font-size: 13px;
}

/* header preview of the content block form */
#headerPreview {
    border-bottom: 1px dashed #dcdcdc;
    padding-top: 6px;
}

#headerPreview .preview-heading {
    margin: 0;
}