﻿.req {
    color: red;
}

/* post */
.post {
    padding: 12px;
    margin-bottom: 7px;
    border-radius: 2px;
    background: white;
    border-bottom: 1px dashed #ddd;
}

    .post.pinned {
        background: #fffff4;
        border: 2px solid #e7bb2b;
    }

    .post .post-importante {
        background: #f9c92f;
        color: white;
        font-weight: bold;
        margin: -12px -12px 12px -12px;
    }

        .post .post-importante .post-importante-overlay {
            background: url(../images/60-lines.png) left top repeat;
            padding: 5px 10px;
        }

    .post .post-usuario {
        font-size: 14px;
        font-weight: bold;
    }

    .post .post-info {
    }

    .post .post-time {
        font-size: 12px;
    }

    .post .comentario {
        margin: 0px 0 5px;
        font-size: 13px;
        color: #000;
    }

    .post .post-actions {
        font-size: 12px;
        margin-top: 5px;
    }

/**
    Form comentario box - usado en POSTS
*/
.form-comentario-box {
    background: #edeff0;
    padding: 15px;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px #ececec;
    -webkit-box-shadow: 0 1px 1px #ececec;
}
/*
    Form Comentario
*/
.form-comentario, .form-comentario:focus {
    background-color: #fdfdfd;
    border-radius: 3px !important;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,.33) !important;
    font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #333;
    display: block;
    width: 100%;
    padding: 6px 12px;
}

/* time icon */
time.icon {
    font-size: 14px;
    display: block;
    position: relative;
    width: 40px;
    height: 43px;
    background-color: #fff;
    margin: 3px auto;
    border-radius: 7px;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #EEE9E9, 0 4px 0 #fff, 0 5px 0 #FFF, 0 0 0 1px #D3D3D3;
    overflow: hidden;
}

    time.icon strong {
        position: absolute;
        top: 0;
        padding: 2px 0;
        color: #fff;
        background: #b12610;
        -webkit-box-shadow: 0 2px 0 #3a3633;
        box-shadow: 0 2px 0 #3a3633;
        border-radius: 6px 6px 0 0;
    }

    time.icon span {
        width: 100%;
        font-size: 15px;
        letter-spacing: -.05em;
        padding-top: 21px;
        color: #2f2f2f;
    }

    time.icon * {
        display: block;
        width: 100%;
        font-size: 10px;
        font-weight: 700;
        font-style: normal;
        text-align: center;
    }


    /* Wells */
/* wel */
.well.well-warning {
    background: #fffbe6;
    border: 1px solid #e8d87f;
    box-shadow: 0 1px 1px #fff9db;
    -webkit-box-shadow: 0 1px 1px #fff9db;
}

    .well.well-warning i {
        color: #eca424;
    }

.well.well-primary {
    background-color: #eaf7ff;
    border: 1px solid #c3dbf7;
    box-shadow: 0 1px 1px #fff9db;
    -webkit-box-shadow: 0 1px 1px #fff9db;
}

.well.well-success {
    background-color: #eaffea;
    border: 1px solid #c4e6c4;
    box-shadow: 0 1px 1px #fff9db;
    -webkit-box-shadow: 0 1px 1px #fff9db;
}

.well.well-info {
    background-color: #f4f8fb;
    border: 1px solid #b3d0ec;
    box-shadow: 0 1px 1px #fff9db;
    -webkit-box-shadow: 0 1px 1px #fff9db;
}

    .well.well-info i {
        color: #4384c3;
    }

.well.well-danger {
    background: #ffe7e7;
    border: 1px solid #e2c3c2;
    box-shadow: 0 1px 1px #fff9db;
    -webkit-box-shadow: 0 1px 1px #fff9db;
}

    .well.well-danger i {
        color: #d84422;
    }


    /* autocomplete */
.ui-menu {
    width: 155px;
    padding: 2px;
    -webkit-box-shadow: 0 2px 4px rgba(30,30,100,.25);
    -moz-box-shadow: 0 2px 4px rgba(30,30,100,.25);
    box-shadow: 0 2px 4px rgba(30,30,100,.25);
    background: #fff;
    border: 1px solid rgba(0,0,0,.2);
    z-index: 1;
    list-style: none;
    margin: 0;
    display: block;
    outline: 0;
}

/* Validation error */
.field-validation-error {
    color: #e61212;
    font-size: 12px;
    background: #ffeaea;
    padding: 7px 10px;
    border-left: 2px solid red;
    margin: 2px 0;
    display: block;
}