﻿.content-wrapper {
   padding: 8px;
   min-height:500px;
   height:100%;
}

.box-primary .box-header {
    background-color: #3c8dbc;
    color: white;
}
.box-info .box-header {
    background-color: #00c0ef;
    color: white;
}
.box-warning .box-header {
    background-color: #f39c12;
    color: white;
}
.box-danger .box-header {
    background-color: #dd4b39;
    color: white;
}
.box-default .box-header {
    background-color: #d2d6de;
}
.box-success .box-header,
.list-group-item-success-active,
.list-group-item-success-active a:hover
 {
    background-color: #00a65a !important;
    color: white !important;
}
.ewsn-table {
    max-height: 600px;
    overflow: auto;
}
.ewsn-table .overflow-table {
    width:100%;    
}
.dataview-scroller, .scroller {
    height:20px;
}
.dataview-scroller {
    overflow-x: scroll;
}
.no-records {
    height:200px;
    line-height:180px;
    text-align:center;
    font-size:16px;
    font-weight:bolder;
}

.box-info .box-header .box-tools .btn-box-tool,
.box-primary .box-header .box-tools .btn-box-tool,
.box-warning .box-header .box-tools .btn-box-tool,
.box-danger .box-header .box-tools .btn-box-tool,
.box-default .box-header .box-tools .btn-box-tool,
.box-success .box-header .box-tools .btn-box-tool
 {
    color: white;
}
.box-primary .box-header .box-tools .btn-box-tool:hover {
    color:darkblue;
}
.box-info .box-header .box-tools .btn-box-tool:hover {
    color:blue;
}
.box-warning .box-header .box-tools .btn-box-tool:hover {
    color:red;
}
.box-danger .box-header .box-tools .btn-box-tool:hover {
    color:#f39c12;
}
.box-success .box-header .box-tools .btn-box-tool:hover {
    color:darkgreen;
}
.box-default .box-header .box-tools .btn-box-tool:hover {
    color:darkgray;
}
.highcharts-container {
    width:100% !important;
}
.popup-dialog {
    display:none;
}
.row.row-top-90 {
    margin-top:90px;
}
.skin-blue
.main-header
.navbar
.dropdown-menu li a
{
    color: #333 !important;
}
.skin-blue .main-header .navbar .dropdown-menu {
    background-color:#ecf0f5;
}
.skin-blue
.main-header
.navbar
.dropdown-menu li a:hover
{
    color: #fff !important;
    background: #367fa9 none repeat scroll 0 0 !important;
}
.modal-content {
    border-radius:5px !important;
}
.deviation-canvas {
    text-align:center;
    vertical-align: middle;

}
.deviation-canvas .table-responsive {
    align-content:center;
    vertical-align: middle;

}
.deviation-canvas table {
    margin: 0 auto;
    width: 75%;
}
.deviation-canvas .table-condensed > tbody > tr > td, 
.deviation-canvas .table-condensed > tbody > tr > th, 
.deviation-canvas .table-condensed > tfoot > tr > td, 
.deviation-canvas .table-condensed > tfoot > tr > th, 
.deviation-canvas .table-condensed > thead > tr > td, 
.deviation-canvas .table-condensed > thead > tr > th {
    padding:0px !important;
}
.jack-dev {
    z-index: -10;
}
.jackoverlay {
    margin-top: -190px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right:auto;
    width: 50%;
    text-align:center;
    height:135px;
    position:relative;
}
.jack-canvas {
     text-align:center;
    vertical-align: middle;
}
.table-overlay td {
    padding-bottom : 0px !important;
    padding-right: 0px !important;
    padding-top : 0px !important;
}
.jackoverlay .jackstatus {
    position:absolute;
    bottom:12px;
    left:60px;
}

.dashboard .table > tbody > tr > td,
.dashboard .table > tbody > tr > th,
.dashboard .table > tfoot > tr > td,
.dashboard .table > tfoot > tr > th,
.dashboard .table > thead > tr > td,
.dashboard .table > thead > tr > th {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            vertical-align: middle !important;
        }
.float-ontop {
    z-index : 9999;
}
.sidebar-mini.sidebar-collapse .main-sidebar .enzan-logo > .enzan-logo-mini {
  margin-top: 50px;
  display: block;
}
.sidebar-mini.sidebar-collapse .main-sidebar .enzan-logo > .enzan-logo-lg {
  display: none;
}
.main-sidebar .enzan-logo .enzan-logo-lg {
  margin-top: 30px;
  display: block;
}
.main-sidebar .enzan-logo .enzan-logo-mini {
  display: none;
}
.enzan-inner-heading {
    text-align:center;
    padding: 6px 12px;
    line-height: 1.42857;
    font-size: 16px;
    font-weight:bold;
    display:inline-block;
}
.ajax-loader {
    display:none;
    margin: 70px auto;
    text-align:center;
    position:absolute;
    width:100%;
    z-index:100;
}
.datepicker-days,
.datepicker-months,
.datepicker-years {
    background-color:aliceblue;
}
.datepicker {
    border-width:3px;
    border-color:#dd4b39;
}
.clockpicker-popover {
    z-index: 1150;
}
.list-group-item-success-active a{
    color: white !important;
}

/*.skin-blue .main-header .navbar .dropdown-menu.header-units {
    background-color: #367fa9;
    border-color: #122a38;
    color:white;
}
.skin-blue .main-header .navbar .dropdown-menu.header-units li a {
    color:white !important;
}
.skin-blue .main-header .navbar .dropdown-menu.header-units li a:hover {
    color: #333 !important;
    background-color:#00c0ef !important;
}*/

.box-add {
    text-align:right;

}
.number {
    text-align:right;
}
.text-load {    
    background: white url('/Images/text-spinner.gif') no-repeat right center;
}
.highlight-text {
    background-color: #6600cc;
    color:white;
}
.soilHead th {
    text-align:right;
}

.cctv .box-body{
    text-align:center;
}
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive th,
    .table-responsive td,
    .table-responsive tr {
        display: block;
    }

    .table-responsive thead {
        display: none;
    }

    .table-responsive tbody tr {
        border-top: 1px solid #cccccc;
    }

    .table-responsive tbody tr td {
        border: none;
        border-bottom: 1px solid #eeeeee;
        position: relative;
        padding-left: 50%;
        text-align: left;
    }

    .table-responsive tbody tr td:before {
        color: #555;
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .unit-select .btn-group button {
        font-size:16px;
        font-weight:bolder;
    }


}
.special-multiselect-container
{
    height: 400px;
    overflow-x: auto;
    overflow-y:hidden;
    border:solid gray 1px;
    background-color:#fff;
}
.special-multiselect
{
    height:100%;   
    overflow-y:scroll;
    overflow-x:hidden;
    display:inline-block; 
    vertical-align:top;     
    direction:rtl;
}
.ewsn-multiselect
{
    /*width:400px;*/
    padding:5px; 
    margin:-5px -20px -5px -5px;
    direction:ltr;
    border-bottom: none;
}

.ewsn-multiselect-uint {
    /*width:400px;*/
    padding: 5px;
    margin: -5px -20px -5px -5px;
    direction: ltr;
    border-bottom: none;
}

/*@media only screen and (max-width: 478px), (min-device-width: 480px) and (max-device-width: 760px) {
    .unit-select .input-group .input-group-btn .dropdown-menu.unit-dropdown {
        top: 50px;
    }
}
@media only screen and (max-width: 460px), (min-device-width: 450px) and (max-device-width: 478px) {
    .unit-select .input-group .input-group-btn .dropdown-menu.unit-dropdown {
        top: 70px;
       
    }
}
@media only screen and (max-width: 420px), (min-device-width: 400px) and (max-device-width: 450px) {
    .unit-select .input-group .input-group-btn .dropdown-menu.unit-dropdown {
        top: 70px;
        left:-380px;
    }
}
@media only screen and (max-width: 320px), (min-device-width: 300px) and (max-device-width: 340px) {
    .unit-select .input-group .input-group-btn .dropdown-menu.unit-dropdown {
        top: 70px;
        left:-250px;
    }
}
@media only screen and (max-width: 360px), (min-device-width: 340px) and (max-device-width: 400px) {
    .unit-select .input-group .input-group-btn .dropdown-menu.unit-dropdown {
        top: 70px;
        left:-300px;
    }
}*/