/*
* Override Pages default styles or create your own styles here
*/

/* Account page */
.account-page {
    padding-top: 0px;
    background-image: url(../img/bg.png);
    background-repeat: repeat;
    background-attachment: fixed;
}

.account-container {
    padding-top: 60px;
}

.account-form-container {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    padding: 25px;
    border-radius: 5px;
}

    .account-form-container .form-group {
        padding: 0 0 10px 0;
        border: none;
    }

.account-form-header {
    border-radius: 4px 4px 0px 0px;
}

    .account-form-header .logo {
        margin: 0;
        text-align: center;
    }

.account-form-container .logo img {
    width: 90%;
    max-width: 280px;
}

.account-form-footer {
}

    .account-form-footer .btn {
        padding: 10px 20px !important;
        font-size: 16px !important;
        font-weight: 400 !important;
    }

.account-page-footer {
    margin-top: 30px;
    text-align: center;
}

.validation-summary-errors {
    margin-bottom: 10px;
}

    .validation-summary-errors ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

.account-form-container hr {
    margin-bottom: 10px;
}

.account-form-container .control-label {
    opacity: 1 !important;
}

/* Menu */
.page-sidebar .sidebar-menu .menu-items > li > a > .title {
    width: 80%;
}

.page-sidebar .sidebar-header-controls .btn {
    padding-left: 6px;
    padding-right: 6px;
}

.page-sidebar .sidebar-menu .menu-items li:hover > .icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.open > .icon-thumbnail,
.page-sidebar .sidebar-menu .menu-items li.active > .icon-thumbnail {
    background: #006699;
}

/* Breadcrumb container */
.breadcrumbs.jumbotron {
    margin: 0;
    background-color: #003F61;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 2;
}

    /* Breadcrumb */
    .breadcrumbs.jumbotron .breadcrumb {
        padding: 10px 0;
    }

        .breadcrumbs.jumbotron .breadcrumb a,
        .breadcrumbs.jumbotron .breadcrumb i,
        .breadcrumbs.jumbotron .breadcrumb span,
        .breadcrumbs.jumbotron .breadcrumb li,
        .breadcrumbs.jumbotron .breadcrumb > li + li:before {
            color: #fff;
        }

.view-header {
    padding: 6px 15px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #DDD;
    position: fixed;
    width: 100%;
    z-index: 2;
    margin-top: 45px;
}

.view-content,
.view-footer {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.view-content {
    padding-top: 60px !important;
}

    .view-content.no-padding {
        padding-top: 45px !important;
    }

.view-header ~ .view-content {
    padding-top: 100px !important;
}

.split-view-sidebar {
    position: fixed;
    width: 250px;
    /*height: 100%;*/
    top: 105px;
    bottom: 40px;
    padding: 15px;
    background: #f0f0f0;
    overflow-y: auto;
}

.split-view-content {
    margin-left: 250px;
    padding: 15px;
    min-height: 100%;
    overflow: auto;
}

.full-height .split-view-content {
    padding-bottom: 50px;
}

.tab-container {
    padding: 0;
}

    .tab-container .nav {
        padding-left: 15px;
        padding-top: 10px;
    }

    .tab-container .nav-tabs {
        background: #fff;
    }

        .tab-container .nav-tabs ~ .tab-content {
            border: none;
            background: inherit;
        }

.page-container .page-content-wrapper .content {
    padding-bottom: 40px;
}

.tab-pane .header-actions {
    margin: -15px -15px 15px -15px;
    padding: 6px 15px;
    background-color: #f0f0f0;
    border-bottom: 1px solid #DDD;
}

/* Content Container */
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

/* Footer */
.footer {
    background-color: #f0f0f0;
    border-top: 1px solid rgba(98, 98, 98, 0.1);
}

    .footer .copyright {
        border: none;
        padding: 10px 0;
    }

/* Icons */
.btn .fa,
.nav-tabs .fa {
    margin-right: 4px;
}

/* Formatting */
.no-wrap {
    white-space: nowrap;
}

.number {
    text-align: right !important;
}

.dateTime {
    text-align: left !important;
    white-space: nowrap;
}

/* Forms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    color: rgba(98, 98, 98, 0.7);
}

/* Forms - Validation */
.form-group.isRequired .control-label {
    font-weight: bold;
}

    .form-group.isRequired .control-label::before {
        content: '*';
        margin-right: 2px;
    }

/* Tables */
.table {
}

    .table thead tr {
        background-color: #f0f0f0;
    }

        .table thead tr th {
            color: rgba(44, 44, 44, 0.5);
        }

            .table thead tr th:first-child {
                padding-left: 5px !important;
            }

    /* Tables - Auto Width */
    .table.table-auto-width {
        width: auto;
    }

    /* Tables - Condensed */
    .table.table-condensed {
        table-layout: auto;
    }

        .table.table-condensed thead tr th {
            padding: 7px 5px;
            white-space: normal;
        }

        .table.table-condensed tbody tr td {
            padding: 4px 5px;
        }

        .table.table-condensed .btn-group .btn-xs {
            padding: 0 4px;
        }

    /* Tables - Buttons */
    .table .btn .fa {
        font-size: 12px;
    }

    .table .btn-link {
        padding: 0;
        color: #2b6a94;
    }

        .table .btn-link:focus,
        .table .btn-link:hover {
            text-decoration: underline;
        }

    /* Tables - Fix button groups wrapping */
    .table .btn-group {
        white-space: nowrap;
    }

        .table .btn-group .btn {
            float: none;
            display: inline-block;
        }

            .table .btn-group .btn + .btn {
                margin-left: -4px;
            }

    .table.table-hover tbody tr:hover td {
        background: initial !important;
    }

.table-hover > tbody > tr:hover {
    background-color: #f0f0f0;
}

/* Tables - Column Sizes */
.table th.mini,
.table td.mini {
    width: 60px;
}

.table th.small,
.table td.small {
    width: 90px;
}

.table th.medium,
.table td.medium {
    width: 150px;
}

.table th.large,
.table td.large {
    width: 210px;
}

.table th.medium-screen,
.table td.medium-screen {
    display: table-cell;
}

.table th.large-screen,
.table td.large-screen {
    display: table-cell;
}

/* Tables - Color Highlighting */
.table tbody tr td.error,
.table.table-striped tbody tr td.error {
    background-color: #f2dede !important;
    color: #b94a48;
    display: table-cell;
}

.table tbody tr td.warning,
.table.table-striped tbody tr td.warning {
    background-color: #fcf8e3 !important;
    color: #c09853;
}

.table-hover tbody tr:hover > td.error {
    background-color: #ebcccc !important;
}

.table-hover tbody tr:hover > td.warning {
    background-color: #faf2cc !important;
}

/* Tabs */
.nav-tabs ~ .tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    margin-bottom: 10px;
}

.nav-tabs > li > a {
    padding: 12px 15px;
}

.nav-tabs-fillup > li > a:after {
    background: none repeat scroll 0 0 #0099CC;
    border: 1px solid #0099CC;
}

/* Charts */
.chart-container {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
}

.panel.panel-maximized .chart-container {
    height: 100%;
    max-height: 100% !important;
}

.dashboard .c3-line {
    stroke-width: 2px !important;
}

.dashboard .c3-target-line-dashed .c3-line {
    stroke-dasharray: 5,5;
}

/* Tree */
.tree ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .tree ul ul {
        margin-left: 20px;
    }

/* Miscellaneous */
.pace .pace-progress {
    background: #0099CC;
}

.pace .pace-activity {
    background-image: url('../../pages/img/progress/progress-circle-novalytic.svg');
}

/* Sidebar (AppMenu) */
.sidebar-overlay-slide a {
    display: block;
}

    .sidebar-overlay-slide a .icon-thumbnail {
        float: none;
        margin-right: 6px;
    }

    .sidebar-overlay-slide a:hover {
        color: #fff;
    }

        .sidebar-overlay-slide a:hover .icon-thumbnail {
            color: #fff;
            background: #006699;
        }

/* Dashboard */
.dashboard .panel {
    margin-bottom: 10px;
}

    .dashboard .panel .panel-body {
        padding-top: 6px;
    }

    .dashboard .panel .panel-title {
        opacity: 1 !important;
        color: #666;
        font-family: inherit;
    }


@media (max-width: 1200px) {
    /* Tables */
    .table th.large-screen,
    .table td.large-screen {
        display: none;
    }
}

@media (max-width: 979px) {
    /* Tables */
    .table th.medium-screen,
    .table td.medium-screen {
        display: none;
    }
}

@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    .table-responsive,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive th,
    .table-responsive td,
    .table-responsive tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .table-responsive thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .table-responsive tr {
            border: 1px solid #ccc;
        }

        .table-responsive td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            white-space: normal;
            text-align: right !important;
            display: block !important;
        }

            .table-responsive td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                /* Label the data */
                content: attr(data-title);
            }
}