body {
    background: #f4f6f9;
}

.navbar-webnotas {
    background: linear-gradient(135deg, #263238, #37474f);
    border: none;
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
}

    .navbar-webnotas .navbar-brand {
        color: #fff !important;
        font-weight: 600;
        letter-spacing: .3px;
        padding: 18px 20px;
    }

    .navbar-webnotas .navbar-nav > li > a {
        color: #e8eef2 !important;
        font-weight: 500;
        padding-top: 18px;
        padding-bottom: 18px;
        transition: all .2s ease;
    }

        .navbar-webnotas .navbar-nav > li > a:hover,
        .navbar-webnotas .navbar-nav > .open > a,
        .navbar-webnotas .navbar-nav > .open > a:hover {
            background: rgba(255,255,255,.10) !important;
            color: #fff !important;
        }

    .navbar-webnotas .dropdown-menu {
        border: none;
        border-radius: 0 0 6px 6px;
        box-shadow: 0 6px 18px rgba(0,0,0,.18);
        padding: 8px 0;
        min-width: 230px;
    }

        .navbar-webnotas .dropdown-menu > li > a,
        .navbar-webnotas .dropdown-menu a {
            display: block;
            padding: 9px 18px;
            color: #34495e;
            font-size: 13px;
            text-decoration: none;
            transition: all .15s ease;
        }

            .navbar-webnotas .dropdown-menu > li > a:hover,
            .navbar-webnotas .dropdown-menu a:hover {
                background: #eef3f7;
                color: #1f5f8b;
                padding-left: 23px;
            }

    .navbar-webnotas .caret {
        margin-left: 5px;
    }

.menu-chat-badge {
    position: absolute;
    top: 8px;
    right: 7px;
    background: #d9534f;
    color: #fff;
    font-size: 10px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0 5px;
    border-radius: 10px;
}

.body-content {
    background: #fff;
    margin-top: 18px;
    padding: 20px 25px;
    border-radius: 6px;
    box-shadow: 0 1px 5px rgba(0,0,0,.08);
}

footer {
    color: #777;
    font-size: 12px;
}

@media (max-width: 767px) {
    .navbar-webnotas .navbar-nav > li > a {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .navbar-webnotas .dropdown-menu a {
        color: #e8eef2;
    }

    .body-content {
        margin-top: 10px;
        padding: 15px;
        border-radius: 0;
    }
}

/* ===== BOTÕES GERAIS ===== */

.btn {
    border-radius: 6px;
    border: none;
    font-weight: 600;
    transition: all .18s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    padding: 7px 14px;
}

    .btn:focus,
    .btn:active:focus {
        outline: none !important;
    }

/*    .btn:not(.dropdown-toggle):hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0,0,0,.15);
    }

    .btn:not(.dropdown-toggle):active {
        transform: scale(.98);
    }*/

    .btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 4px 10px rgba(0,0,0,.15);
    }

    .btn:active {
        transform: scale(.98);
    }

/* ===== PRIMARY ===== */

.btn-primary {
    background: linear-gradient(135deg, #1976d2, #1565c0);
    color: #fff;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background: linear-gradient(135deg, #1e88e5, #1976d2);
        color: #fff;
    }

/* ===== SUCCESS ===== */

.btn-success {
    background: linear-gradient(135deg, #2e7d32, #388e3c);
    color: #fff;
}

    .btn-success:hover,
    .btn-success:focus {
        background: linear-gradient(135deg, #43a047, #2e7d32);
        color: #fff;
    }

/* ===== DANGER ===== */

.btn-danger {
    background: linear-gradient(135deg, #c62828, #d32f2f);
    color: #fff;
}

    .btn-danger:hover,
    .btn-danger:focus {
        background: linear-gradient(135deg, #e53935, #c62828);
        color: #fff;
    }

/* ===== WARNING ===== */

.btn-warning {
    background: linear-gradient(135deg, #ef6c00, #fb8c00);
    color: #fff;
}

    .btn-warning:hover,
    .btn-warning:focus {
        background: linear-gradient(135deg, #ff9800, #f57c00);
        color: #fff;
    }

/* ===== INFO ===== */

.btn-info {
    background: linear-gradient(135deg, #00838f, #0097a7);
    color: #fff;
}

    .btn-info:hover,
    .btn-info:focus {
        background: linear-gradient(135deg, #00acc1, #00838f);
        color: #fff;
    }

/* ===== DEFAULT ===== */

.btn-default {
    background: #fff;
    border: 1px solid #dcdfe3;
    color: #34495e;
}

    .btn-default:hover {
        background: #f8f9fb;
        color: #1f2d3d;
    }

/* ===== BOTÕES PEQUENOS ===== */

.btn-xs {
    border-radius: 4px;
    font-size: 11px;
}

.btn-sm {
    border-radius: 5px;
}

/* ===== ÍCONES ===== */

.btn .glyphicon {
    margin-right: 4px;
}


/* =========================================================
   FORMULÁRIOS PROFISSIONAIS - BOOTSTRAP 3
========================================================= */

.form-control {
    height: 38px;
    border: 1px solid #cfd9e6;
    border-radius: 6px;
    background-color: #fff;
    color: #1f2d3d;
    font-size: 14px;
    box-shadow: none;
    transition: all .18s ease;
}

    .form-control:hover {
        border-color: #aebfd3;
    }

    .form-control:focus {
        border-color: #1565c0;
        box-shadow: 0 0 0 3px rgba(21, 101, 192, .12);
        outline: none;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background-color: #f4f6f9;
        color: #6c757d;
        cursor: not-allowed;
    }

/* Labels */
.control-label,
label {
    color: #0f2747;
    font-weight: 600;
    margin-bottom: 6px;
}

/* Select */
select.form-control {
    cursor: pointer;
    padding-right: 28px;
}

/* Textarea */
textarea.form-control {
    min-height: 90px;
    resize: vertical;
    line-height: 1.5;
}

/* Input groups */
.input-group-addon {
    border-color: #cfd9e6;
    background: #f4f7fb;
    color: #0d47a1;
    font-weight: 600;
}

    .input-group .form-control:focus + .input-group-addon,
    .input-group-addon + .form-control:focus {
        border-color: #1565c0;
    }

/* Checkbox e radio */
.checkbox label,
.radio label {
    color: #1f2d3d;
    font-weight: 500;
}

input[type="checkbox"],
input[type="radio"] {
    margin-top: 3px;
}

/* Placeholder */
.form-control::-webkit-input-placeholder {
    color: #9aa8b8;
}

.form-control:-moz-placeholder {
    color: #9aa8b8;
}

.form-control::-moz-placeholder {
    color: #9aa8b8;
}

.form-control:-ms-input-placeholder {
    color: #9aa8b8;
}

/* Erro de validação */
.input-validation-error,
.form-control.input-validation-error {
    border-color: #d32f2f !important;
    background-color: #fffafa;
}

    .input-validation-error:focus,
    .form-control.input-validation-error:focus {
        box-shadow: 0 0 0 3px rgba(211, 47, 47, .12);
    }

.field-validation-error {
    display: block;
    margin-top: 5px;
    color: #c62828;
    font-size: 12px;
    font-weight: 600;
}

/* Sucesso */
.has-success .form-control {
    border-color: #2e7d32;
}

    .has-success .form-control:focus {
        box-shadow: 0 0 0 3px rgba(46, 125, 50, .12);
    }

/* Erro Bootstrap */
.has-error .form-control {
    border-color: #d32f2f;
}

    .has-error .form-control:focus {
        box-shadow: 0 0 0 3px rgba(211, 47, 47, .12);
    }

/* Form group */
.form-group {
    margin-bottom: 18px;
}