/*!
 * Progressive Theme for Bootstrap v1.2
 * Copyright 2015-2016 Insterprise
 * Licensed under MIT (https://opensource.org/licenses/MIT)
 */
:root {
    --text-color: #415b72;
    --text-color-darker: #05335c;
    --text-color-lighter: #7390aa;

    --line-color: #dbe3e9;
    --line-color-light: #e6edf4;

    --default-color: #e6e6e6;
    --default-color-hover: #dbdbdb;

    --primary-color: #00b2ee;
    --primary-color-hover: #0099cd;
    --success-color: #3ab73a;
    --success-color-hover: #24a524;
}

body {
    background-color: #e9eef2;
    color: var(--text-color);
}

/* === Navbars === */
.navbar {
    border: none;
    box-shadow: 0 1px 9px rgb(198, 218, 233);
}
.navbar .navbar-nav>li>a {
    font-weight: bold;
}
.navbar-brand {
    font-weight: bold;
}

.navbar-default {
    background-color: #fff;
}
.navbar-default .navbar-brand {
    color: var(--text-color);
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
    color: var(--text-color-lighter);
}
.navbar-default .navbar-nav>li>a {
    color: var(--text-color);
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: var(--text-color-lighter);
}

/* === Navs Pills === */
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color: var(--primary-color);
}

/* === Beautiful Nav Tabs === */
/* Just a bottom border */
.nav-tabs {
    border-bottom: 1px solid var(--line-color);
    margin-bottom: 20px;
}

/* Nav tabs bold, better color */
.nav-tabs>li>a {
    color: #999;
    font-weight: bold;
    border: none;
}

/* When tab is active */
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #000;
    background: none;
    border: none;
    border-bottom: 3px solid var(--primary-color);
}

/* When tab has hover or focus */
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    color: #000;
    border :none;
    background: none;
}

/* Custom: Move Tab closer up if top on Panel */
.panel-body .nav-tabs {
    margin-top: -10px;
}

/* === Panels (wells included) === */
.panel,
.well {
    background-color: #fff;
    border: none;
    box-shadow: 0 1px 9px rgb(198, 218, 233);
}

.panel-default>.panel-heading {
    color: var(--text-color);
    background-color: #f5f5f5;
    border-color: var(--line-color-light);
}
.panel-primary>.panel-heading {
    background-color: var(--primary-color);
}

.panel-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 27px;
}

.panel-footer {
    border-color: var(--line-color-light);
}

/* Modals */
.modal-content {
    border: none;
    box-shadow: 0 1px 9px rgb(198, 218, 233);
}
.modal-header {
    border-bottom: 1px solid var(--line-color-light);
}
.modal-footer {
    border-top: 1px solid var(--line-color-light);
}

/* Menus */
.dropdown-menu {
    border: none;
}

.dropdown-menu>li>a {
    color: var(--text-color);;
}

.dropdown-menu .divider {
    background-color: var(--line-color-light);
}

/* === FORMS === */
/* Buttons */
.btn {
    border: none;
}
.btn-default {
    background-color: var(--default-color);
}
.btn-default:hover {
    background-color: var(--default-color-hover);
}

.btn-primary,
.btn-primary:focus {
    background-color: var(--primary-color);
}
.btn-primary:hover {
    background-color: var(--primary-color-hover);
}

.btn-success,
.btn-success:focus {
    background-color: var(--success-color);
}
.btn-success:hover {
    background-color: var(--success-color-hover);
}

/* Others */
.form-control {
    border: 1px solid #b7c7d7;
    box-shadow: none;
    color: var(--text-color-darker);
}

.input-group-addon {
    background-color: #e9eef2;
    border: 1px solid #b7c7d7;
}
.input-group-addon.addon-nodesign {
    padding: 0 10px 0 0;
    border: none;
    background: none;
}

/* === Misc === */
.label-primary {
    background-color: var(--primary-color);
}

legend {
    color: var(--text-color);
    border-bottom: 1px solid var(--line-color);
    margin: 5px 0 10px;
}

hr {
    border-color: var(--line-color);
}

.table>thead>tr>th {
    border-color: var(--line-color);
}

.breadcrumb {
    background-color: #fff;
}
.breadcrumb>.active {
    color: #000;
}

.list-group-item {
    border: 1px solid var(--line-color-light);
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    background-color: var(--primary-color);
    border-color: var(--line-color-light);
}

.pagination>li>a, .pagination>li>span {
    border: none;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: var(--primary-color);
}

.pager li>a, .pager li>span {
    border: 1px solid var(--line-color-light);
}

.alert {
    box-shadow: 0 2px 7px rgb(206, 222, 233);
}

.jumbotron {
    background-color: #fff;
}

pre {
    border: none;
    background: none;
    color: var(--text-color);
}