body {
  background: url('/img/bg.png');/*#dedfe8;*/
}

.navbar-brand {
    font-family: Raleway, sans-serif;
    font-weight: lighter;
    text-transform: lowercase;
    font-size: 22pt;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
    border-bottom-color: white;
}

.navbar-inverse {
    background: linear-gradient(to bottom, #444, #222);
    border-bottom: 5px solid #a0b025;
}

.navbar-form .form-group {
    text-align: center;
}
.navbar-form .form-group + .form-group {
    margin-left: 1em;
}

.navbar-form .form-group label {
    display: block;
    color: silver;
    font-size: 11px;
    margin-bottom: 1px;
}

.panel.panel-widget {
    border-radius: 0;
    border: none;
    margin-bottom: 28px;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

.panel.panel-widget .panel-title {
    font-family: Raleway, sans-serif;
    font-weight: lighter;
    font-size: 20px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-transform: lowercase;
}

.panel.panel-widget .panel-heading {
    background: linear-gradient(to bottom, #008c99, #00626B);
    border: none;
    border-radius: 0;
    color: white;
    position: relative;
}
/*
rey-dashboard-widget:nth-child(2) .panel.panel-widget .panel-heading {
    background: linear-gradient(to bottom, #028090, #036873);
    background: linear-gradient(to bottom, #32936F, #287356);
}
rey-dashboard-widget:nth-child(3) .panel.panel-widget .panel-heading {
    background: linear-gradient(to bottom, #00a896, #007362);
    background: linear-gradient(to bottom, #FFBF00, #d99f00);
}
rey-dashboard-widget:nth-child(4) .panel.panel-widget .panel-heading {
    background: linear-gradient(to bottom, #E83F6F, #bf365f);
}
*/
rey-dashboard-widget {
    display: block;

}

.panel.panel-widget .panel-heading button {
    background: none;
    border: none;
    box-shadow: none;
    color: white;
    display: block;
    position: absolute;
    width: 40px;
    top: 1px;
    bottom: 0;
    right: 0;
    opacity: 0.2;
    transition: opacity 200ms ease, background 200ms ease;
}

.panel.panel-widget .panel-heading button.active,
.panel.panel-widget:hover .panel-heading button.active {
    background: #444 ! important;
    opacity: 1;
}

.panel.panel-widget .panel-heading button:active,
.panel.panel-widget .panel-heading button:focus {
    outline: none;
}

.panel.panel-widget .panel-heading button:nth-child(2) {
    right: 41px;
}
.panel.panel-widget .panel-heading button:nth-child(3) {
    right: 82px;
}
.panel.panel-widget .panel-heading button:nth-child(4) {
    right: 123px;
}

.panel.panel-widget:hover .panel-heading button {
    opacity: 0.8;
    background: rgba(0,0,0,0.1);
}
.panel.panel-widget .panel-heading button:hover {
    opacity: 1;
    background: rgba(0,0,0,0.2);
}

.panel.panel-widget .panel-heading button i.fa {
    transition: transform 300ms ease;
}

rey-dashboard-widget .table tr.warning td,
rey-dashboard-widget .table tr.danger td {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 9pt;
}

rey-dashboard-widget .table th[scope="row"] {
    text-align: right;
}

.panel.panel-widget .panel-body.widget-options {
    background: linear-gradient(to bottom, #444, #333);
}

.panel.panel-widget .panel-body.widget-options label {
    color: white;
}

.panel.panel-widget .panel-body.widget-options .form-group:last-child {
    margin-bottom: 0;
}

.panel.panel-widget .widget-body {
    max-height: 250px;
    overflow-y: auto;
}

.panel.panel-widget table caption {
    padding-left: 15px;
}

td .progress {
    margin: 0;
}

.progress-bar-success {
    background-color: #A0B025;
}
.progress-bar-danger {
    background-color: #CF2532;
}

.widget-body table:last-child {
    margin-bottom: 0;
}

.label {
    background: #eee;
    border: 1px solid #ddd;
    color: #777;
}
.label-success {
    border: 1px solid #cee8be;
    color: #A0B025;
    background: #ecf9cf;
}
.label-danger {
    border: 1px solid #eaa9ae;
    color: #CF2532;
    background: #fddddd;
}
.label-warning {
    border: 1px solid #f4dfc2;
    color: #f0ad4e;
    background: #fffbea;
}


.grey {
    color: #AAA;
}

.pdf-option {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
    border: 1px solid #444;
    display: inline-block;
    margin-right: 6px;
    background: white;
}

.pdf-option-warning {
    border-color: #f0ad4e;
    color: #f0ad4e;
}

.pdf-option-info {
    border-color: #5bc0de;
    color: #5bc0de;
}

pre.console,
.form-control[readonly].console {
    background: black;
    color: #00bb00;
}

pre.console {
    max-height: 500px;
}

.label.label-stat {
    display: block;
    font-size: 14px;
    font-weight: normal;
}

.label.label-stat + .label.label-stat {
    margin-left: 5px;
}

.big-number {
    font-family: Raleway, sans-serif;
    font-size: 20pt;
    font-weight: normal;
    margin: 4px 0;
}

.table-sm {
    font-size: 11px;
}

/** JSON viewer **/

.rey-json-property-name,
.rey-json-array-index {
    color: black;
}

.rey-json-property-name {
    font-weight: bold;
}

.rey-json-symbol {
    font-weight: bold;
}

.rey-json-array-index {
    font-style: italic;
}

.rey-json-property-value {
    color: green;
}

.rey-json-property-value.string {
    color: blue;
}

.rey-json-property-value.number {
    color: red;
}

.rey-json-property-value.boolean {
    color: orange;
}


rey-dashboard-widget-ids-last-page-check span.file:not(:last-child)::after {
    content: ", ";
}

[rey-pages-list] span {
    display: inline-block;
    background: rgba(255,255,255,0.7);
    border: 1px solid silver;
    color: #777;
    padding: 2px 7px;
    border-radius: 3px;
    margin: 1px 3px;
}

.row-stats-numbers .col-xs-1,
.row-stats-numbers .col-xs-2,
.row-stats-numbers .col-xs-3,
.row-stats-numbers .col-xs-4,
.row-stats-numbers .col-xs-5,
.row-stats-numbers .col-xs-6,
.row-stats-numbers .col-xs-7,
.row-stats-numbers .col-xs-8,
.row-stats-numbers .col-xs-9,
.row-stats-numbers .col-xs-10,
.row-stats-numbers .col-xs-11,
.row-stats-numbers .col-xs-12 {
    padding-left: 5px;
    padding-right: 5px;
}