@-ms-viewport {
    width: device-width;
}


/* 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;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

.validation-summary-valid {
    display: none;
}

.loginscreen h3 {
    margin-bottom:20px;
}

/* Only demo */
@media (max-width: 1000px) {
    .hide-when-mobile {
        display: none;
    }
}

@media (min-width: 768px) {
    .navbar-right {
        float: right !important;
        margin-right: 0px;
    }
}

@media print {
    nav.navbar-static-side {
        display: none;
    }

    body {
        overflow: visible !important;
    }

    #page-wrapper {
        margin: 0;
    }
}

.dl-horizontal dt {
    text-align:left;
}

thead td input {
    font-weight:lighter;
    padding-left:3px;
    width:100%;
}

thead td input.noSearch {
    display: none;
}

.ibox-title {
    /*height: 66px;*/
    cursor:pointer;
}
.ibox-title h5 {
    line-height: 35px;
}

.ibox-title .btn {
    float:right;
}

.form-group .input-group {
    width:100%;
}

.fillPage {
    width: 100%;
    min-height: 100%;
    height: 100%;
    background-color: yellow;
}

.label {
    line-height:2.4;
}

.progress {
    margin-top: 5px;
    margin-bottom: 0px;
    height: 15px;
}

.dataTable tbody td a {
    color: #363031;
    border-radius: 3px;
    border: solid 1px #e7e4e4;
    padding: 3px 5px 3px 5px;
    display: inline-block;
}

    .dataTable tbody td a:hover {
        background-color: #fcd90a;
        color: #221f20;
        border: solid 1px #fcd90a;
    }


.progress-bar-urgent {
    background-color: #ff0000;
}

.progress-bar-low {
    background-color: #ffff00;
}

.progress-bar-reorder {
    background-color: #ffb52b;
}

.progress-bar-normal {
    background-color: #27c24c;
}

.progress-bar-abovemax {
    background-color: #8524bd;
}

.nav-header.VWS {
    
}

.nav-header.AWI img {
    border:0px solid #fcd90a;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
    width:100%;
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 6px;
}

.border-bottom {
    border-bottom: 1px solid #b5b5b5 !important;
}

.btn-group {
    float: right;
}

.ibox-content {
    position: relative;
}

div.mapProcessing,
div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(255, 255, 255,0.5);
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    border: none;
}

.mapProcessing {
    padding: 15px 20px 20px 20px;
    display: none;
}


.loadingImage {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    text-align: center;
    width: 100%;
}


#mapContent {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}

#areaInfoHolder {
    top: 1.6em;
    right: 2.0em;
}

.label-target {
    background-color: #27c24c;
    color: #ffffff;
}

.label-alarm {
    background-color: #ff0000;
    color: #ffffff;
}

.label-red {
    background-color: #ff3300;
    color: #ffffff;
}

.label-amber {
    background-color: #ff9933;
    color: #000000;
}

.label-green {
    background-color: #27c24c;
    color: #000000;
}

.tabPage {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.innerContent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

    .innerContent .col-xs-1,
    .innerContent .col-sm-1,
    .innerContent .col-md-1,
    .innerContent .col-lg-1,
    .innerContent .col-xs-2,
    .innerContent .col-sm-2,
    .innerContent .col-md-2,
    .innerContent .col-lg-2,
    .innerContent .col-xs-3,
    .innerContent .col-sm-3,
    .innerContent .col-md-3,
    .innerContent .col-lg-3,
    .innerContent .col-xs-4,
    .innerContent .col-sm-4,
    .innerContent .col-md-4,
    .innerContent .col-lg-4,
    .innerContent .col-xs-5,
    .innerContent .col-sm-5,
    .innerContent .col-md-5,
    .innerContent .col-lg-5,
    .innerContent .col-xs-6,
    .innerContent .col-sm-6,
    .innerContent .col-md-6,
    .innerContent .col-lg-6,
    .innerContent .col-xs-7,
    .innerContent .col-sm-7,
    .innerContent .col-md-7,
    .innerContent .col-lg-7,
    .innerContent .col-xs-8,
    .innerContent .col-sm-8,
    .innerContent .col-md-8,
    .innerContent .col-lg-8,
    .innerContent .col-xs-9,
    .innerContent .col-sm-9,
    .innerContent .col-md-9,
    .innerContent .col-lg-9,
    .innerContent .col-xs-10,
    .innerContent .col-sm-10,
    .innerContent .col-md-10,
    .innerContent .col-lg-10,
    .innerContent .col-xs-11,
    .innerContent .col-sm-11,
    .innerContent .col-md-11,
    .innerContent .col-lg-11,
    .innerContent .col-xs-12,
    .innerContent .col-sm-12,
    .innerContent .col-md-12,
    .innerContent .col-lg-12 {
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .innerContent .row {
        margin-right: 0px;
        margin-left: 0px;
        padding-top:5px;
        padding-bottom: 5px;
    }

.vscroll {
    overflow-y: auto !important;
}

.splitScreenContainer {
    width: 100%;
    height: 50%;
    overflow: hidden;
    border-bottom: 1px solid #b5b5b5 !important;
}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.btn.selected {
    background-color: #fcd900;
}