:root { font-size: 16px; }
body { background-color: #fff; }
form { width: 100%; }

#page-wrapper { background-color: #ddd; padding: 0 15px; min-height: 568px; }
#popup-wrapper { background-color: #fff; padding: 0; margin: 0; }

@media(min-width:768px) {
    #page-wrapper { position: inherit; margin: 0 0 0 250px; padding: 0px 30px 55px 30px; border-left: 1px solid #e7e7e7; }
}

/*  */

a { color: #989898; }
.bg { background: #e8e8e8 url(../img/bg_admin.jpg) no-repeat; }
.row:first-child { margin-top: 10px; }
.panel-default .panel-heading { background-color: #fff !important; }
    .panel-default .panel-heading .panel-title { font-weight: bold; }
.login-logo, .error-page-logo { margin-top: 25%; }
.menu-logo { cursor: pointer; }
.huge { font-size: 2.5rem; }
.checkbox input[type=checkbox] { margin-left: 0px; }
table.checkbox td { padding-right: 20px; }
.input-group { z-index: 0; }
legend { font-size: 1rem; }

.cke_dialog *, .ui-datepicker, .ui-datepicker * { -webkit-box-sizing: initial; box-sizing: initial; }
span.form-control { border: none; height: auto; }
    span.form-control label { padding-left: 5px; }

@media(max-width:375px) {
    .huge { font-size: 1.8rem; }
}

/* menu */

.navbar a { color: #000; }
.navbar .navbar-text img { vertical-align: baseline; }
.navbar-static-bottom { margin-bottom: 0px; }
.navbar-top-links { margin-right: 0; }
    .navbar-top-links li { display: inline-block; }
        .navbar-top-links li:last-child { margin-right: 15px; }
        .navbar-top-links li a { padding: 15px; min-height: 50px; }
    .navbar-top-links .dropdown-menu li { display: block; }
        .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; }
        .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; }
            .navbar-top-links .dropdown-menu li a div { white-space: normal; }
    .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; margin-left: 5px; }
    .navbar-top-links .dropdown-user { left: auto; }
.navbar-default { background-color: #fff; }
.sidebar .sidebar-nav.navbar-collapse { padding-right: 0; padding-left: 0; }
.sidebar ul li { border-bottom: 1px solid #e7e7e7; }
    .sidebar ul li a.active { background-color: #eee; }
.sidebar .arrow { float: right; }
.sidebar .fa.arrow:before { content: "\f104"; }
.sidebar .active > a > .fa.arrow:before { content: "\f107"; }
.sidebar .nav-second-level li,
.sidebar .nav-third-level li { border-bottom: 0 !important; }
    .sidebar .nav-second-level li a { padding-left: 37px; }
    .sidebar .nav-third-level li a { padding-left: 52px; }

@media(min-width:768px) {
    .sidebar { z-index: 1; position: absolute; width: 250px; margin-top: 51px; }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts { margin-left: auto; }
}

/* botões */

.btn-default { background-color: #ccc; }
.btn-outline { color: inherit; background-color: transparent; transition: all .5s; }
.btn-primary.btn-outline { color: #428bca; }
.btn-success.btn-outline { color: #5cb85c; }
.btn-info.btn-outline { color: #5bc0de; }
.btn-warning.btn-outline { color: #f0ad4e; }
.btn-danger.btn-outline { color: #d9534f; }
    .btn-primary.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover { color: #fff; }

/* sitemap */

.site-map { margin-bottom: 20px; }
.site-map-node, .site-map-current, .site-map-separator { font-size: 1rem; font-weight: bold; }
.site-map-node { color: #999; }
.site-map-separator { color: #999; }
.site-map-current { color: #000; }

/* tabela */

.grid { width: 100%; background-color: #fff; border: 0px; }
    .grid tr td, .grid tr th { line-height: 25px; padding: 3px 5px 5px 5px; border-bottom: 1px solid #bababa; }
        .grid tr th, .grid tr th a { text-align: left; background-color: #bababa; color: #fff; font: bold 14px/1 Helvetica, Arial, FontAwesome; line-height: 25px; }
            .grid tr th.grid-header-asc:after { content: " \f0d8"; /* caret-up */ }
            .grid tr th.grid-header-desc:after { content: " \f0d7"; /* caret-down */ }
    .grid tr.grid-alternate td { background-color: #efefef; }
    .grid tr.grid-pager td { border-width: 0px; padding: 2px 2px 0px 0px; }
        .grid tr.grid-pager td a { font-size: 1rem; border: solid 1px #ccc; padding: 4px; color: #999; }
        .grid tr.grid-pager td span { font-size: 1rem; border: solid 1px #ccc; padding: 4px; color: #fff; background-color: #bababa; }
.grid-removed * { color: #ff0000; }
.grid-removed-alternate * { color: #ff0000; background-color: #f7f7f7; }
.grid-empty { font-size: 1.25rem; }

/* Badge */

.badge-container { margin-top: 5px; }
.badge { background: rgb(170, 170, 170); padding: 5px 10px 5px 10px; border-radius: 20px; color: #FFF; font-size: 0.7rem; text-transform: uppercase; font-weight: normal; }