/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
/* body {
    padding-top: 50px;
    padding-bottom: 20px;
} */

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

.full-width {
    width: 100%;
}

.table-header {
    vertical-align: middle !important;
}

.query-holder {
    border-style: solid;
    border-width: 1px;
    border-color: #999;
    text-align: center;
    margin-bottom: 5px;
}

.btn-success {
    background-color: #177CD6 !important;
    border-color: #177CD6 !important;
}

.btn-primary {
    background-color: #4A719B !important;
    border-color: #4A719B !important;
}

.dark-color {
    background-color: #222F5A !important;
    border-color: #222F5A !important;
}

.breadcrumb-holder {
    margin-top: 20px;
    margin-bottom: 10px;
    float: right;
}

.table-condensed .btn {
    line-height: 15px;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
    padding-right: 5px !important;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {

    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* navbar */
.navbar-default {
    background-color: #177CD6 !important;
    border-color: #177CD6 !important;
}

/* Title */
.navbar-default .navbar-brand {
    color: #ffffff !important;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #052543 !important;
}

/* Link */
.navbar-default .navbar-nav>li>a {
    color: #ffffff !important;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #052543 !important;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #052543 !important;
    background-color: #4A719B !important;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #ffffff !important;
    background-color: #14548D !important;
}

/* Caret */
.navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.navbar-default .navbar-nav>.dropdown>a:hover .caret,
.navbar-default .navbar-nav>.dropdown>a:focus .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.navbar-default .navbar-nav>.open>a .caret,
.navbar-default .navbar-nav>.open>a:hover .caret,
.navbar-default .navbar-nav>.open>a:focus .caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

/* Mobile version */
.navbar-default .navbar-toggle {
    border-color: #DDD !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #DDD !important;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #CCC !important;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff !important;
    }
}

footer {
    background-color: #177CD6;
    color: white;
}

.content {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

.content-main {
    flex: 1;
    padding-top: 50px;
    padding-bottom: 20px;
}

.logo-background {
    background-color: #177CD6;
    padding: 10px;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

.edit-container {
    border-color: #666;
    border-style: solid;
    border-width: 2px;
    padding: 5px;
}

.enterprise-edit-container {
    /* border-color: brown; */
}

.company-edit-container {
    /* border-color: chartreuse; */
}

.table-row {
    margin-top: 20px;
}

.bottom-row {
    margin-top: 30px;
}

.hr-sep {
    border-color: #999;
    border-top-width: 2px;
}

.query-holder div {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.query-holder button {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
}

.admin-table .admin-table-top {
    /* background-color: aqua; */
    background-color: #999; 
    color: white;
}

.admin-header {
    /* color: aqua !important; */
}

.enterprise-table .enterprise-table-top {
    /* background-color: brown; */
    background-color: #999; 
    color: white;
}

.enterprise-header {
    /* color: brown !important; */
}

.company-table .company-table-top {
    /* background-color: chartreuse; */
    background-color: #999; 
    color: white;
}

.company-header {
    /* color: chartreuse !important; */
}

.site-table .site-table-top {
    /* background-color: darkgoldenrod; */
    background-color: #999; 
    color: white;
}

.site-header {
    /* color: darkgoldenrod !important; */
}

.general-table .general-table-top,
.device-table .device-table-top,
.roomarea-table .roomarea-table-top,
.runtype-table .runtype-table-top,
.facility-table .facility-table-top {
    background-color: #999;
    color: white;
}

.general-header,
.device-header,
.roomarea-header,
.runtype-header,
.facility-header,
.reports-header {
}

.dashboard-title {
    text-align: center;
    padding: 5px;
}

.template-hint {
    font-size: 10px;
    padding: 5px;
    float: left;
    color: gray;
}