@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/glyphicons-halflings-regular.eot');
    src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

body {
    /*font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;*/
    font-family: "myriad-pro",sans-serif !important;
    font-size:14px!important;
}

.full-container {
    width: 95% !important;
}
.zone-icon-unclickable {
    margin-right:17px!important;
}
.home-logo img {
    margin-left: -25px !important;
    margin-top:-2px;
}
.menu-logout {
    margin-right:-25px;
}
.btn-sm {
    padding:3px 12px!important;
    font-size:14px!important;
}
.btn {
    font-size:14px!important;
}
/* -- Home stlying -- */
.home-con {
    background-color: rgba(132, 205, 158, 0.8);
    margin-top: 120px;
    border-radius: 20px !important;
    padding-top: 20px !important;
    padding-bottom:30px!important;
}
.white-text {
    color: white;
}
.home-holder {
    margin-top: 40px !important;
}
.big-btns h4 {
    text-transform: uppercase;
}
.big-btns {
    background: url('../img/arrow-1.png') no-repeat;
    background-position: 93%;
    background-size: 8%;
    background-color: #303030;
    color: white;
    padding-top: 12px;
    padding-bottom: 10px;
    border-radius: 15px;
    text-align: left;
}
.bg-btn-icon {
    height: 60px;
    margin-right: 20px;
}
.home-body {
    background: #a286a2 url(../img/image-login-cmac-xs.jpg) no-repeat 50% 0;
}
.asset-button {
    margin-top:20px;
}
/* end of home styling */

/* -- Shared Green bar styling -- */
.asset-name {
    margin-left: 5px;
}
.green-bar {
    background-color: #84CD9E;
    border: 0px;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}
.system-overview-green .green-bar-titles {
    margin-left:-26px!important;
}
.green-bar-titles {
    color: black !important;
    margin-left: -10px !important;
    font-weight: normal;
    font-size: 24px;
}
.dpdown .btn {
    padding: 3px 12px;
    margin: 3px -6px 0px 0px;
    font-weight: normal;
    border: medium none;
    border-radius: 4px;
    background: none repeat scroll 0% 0% #FFF;
    display: inline-block;
    padding-right: 26px !important;
    width: 120px;
    background: url("../img/arrow.png") no-repeat scroll 89% 50% #FFF !important;
}
.dpdown-coverage .btn {
    background: url("../img/arrow.png") no-repeat scroll 95% 50% #FFF !important;
    width:auto!important;
}
.drop-ul {
    min-width: 127px !important;
}
.green-bar-types {
    font-size:15px;
    text-transform: uppercase;
    padding-top:3px;
    color:black!important;
    font-weight: normal;
}
.date-block {
    margin-top:13px;
    background-color:white;
    border-radius:4px!important;
    margin-left:-5px;
}

.printer-button, .csv-button {
    background-image: url(../img/printer-icon.png);
    width: 18px;
    height: 20px;
    background-color: transparent!important;
    border: none!important;
    margin-top: 15px;
    margin-left:20px;
}
.csv-button {
    width:20px!important;
    background-repeat: no-repeat;
    margin-right:15px;
}
.pdf-form{
    height: 0;
}
.pdf-button {
    background-image: url(../img/pdf-icon.png);
    width: 30px;
    height: 25px;
    background-color: transparent!important;
    border: none!important;
    margin-top: 16px;
    margin-left:10px;
    background-repeat:no-repeat;
}
.pdf-button-white {
    background-color:#ffffff!important;
    height:25px!important;
    width:28px!important;
    margin-right:15px!important;
    margin-top:12px!important;
}
.pdf-system {
    margin-top:16px!important;
}
.white-printer-icon {
    background-image: url(../img/printer-icon-white.png);
    margin-right:15px;
    margin-bottom:3px;
}
.csv-icon {
    background-image: url(../img/csv-icon.png);
}
.d-type-drop {
    margin-left:-12px!important;
}
/* end of green bar styling */

/* -- Top black bar styling -- */

.navbar{
    margin-bottom:0!important;
    border-radius: 0!important;
    padding-right: 10px;
}

.navbar-default,.navbar-default .navbar-collapse, .navbar-default .navbar-form  {
    border-color: #000000 !important;
}

.nav>li>a {
    /*padding: 0;*/
}
.top-icons {
    margin-left: 10px;
    height: 24px;
    padding-bottom: 4px;
}

.top-three-menu {
    padding-left: 10px;
    padding-right: 10px;
}

.logout-img {
    height:18px!important;
}
.navbar-default .navbar-nav>li>a {
    color: #FFFFFF !important;
    text-transform: uppercase;
    font-size: 14px;
}
.navbar-default .navbar-nav {
    margin-bottom: 0px !important;
    padding-top:0px;
    background-color: #333333!important;
    /*height:50px;*/
}
.logout-icon {
    height:18px;
}
.navbar-default .navbar-nav>li.active a {
    background-color:black;
}
.bar-nav li a {
    padding-top:15px;
    padding-bottom:10px;
    line-height:25px;
}

.bar-nav a:hover, .bar-nav a:focus {
    color: #C0C0C0 !important;
}


/* End of black bar styling */

/* -- Lower black bar -- */

.lower-black-bar {
    border-radius: 0px !important;
    z-index:500!important;
    background-color: #333333!important;
}
.area-name {
    color: white !important;
    margin-left: 5px !important;
    font-weight: 300 !important;
}
.black-bar-titles {
    color: white !important;
    margin-left: -10px !important;
    margin-top:26px;
    font-size:15px;
    text-transform:uppercase;
}
.zone-icon {
    height:25px;
    margin-right:15px;
    position: relative;
    bottom: 2px;
}
.system-overview-green .zone-icon {
    margin-right:10px;
}
#period-pad {
    padding:7px!important;
}
.type-img {
    height:25px;
    margin-right:18px;
    margin-top:-5px;
}
/* end of lower black bar */

/* -- System Overview Styling -- */

.overview-boxes {
    background: url('../img/arrow-3.png') no-repeat;
    background-position: 50% 90%;
    background-size: 20%;
    height: 70px;
    border-radius: 10px !important;
    text-align: center;
}
.overview-boxes-green {
    background-color: #52B68E;
}
.overview-boxes-orange {
    background-color: #E87C0E;
}
.overview-boxes-red {
    background-color: #C12017;
}
.overview-boxes-grey {
    background-color: #aaaaaa;
}

.overview-boxes h4 {
    color: white;
    font-size: 100%;
    margin: 2px auto;
    font-weight:bold;
}
.overview-boxes h4:hover {
    color: white;
    text-decoration: none !important;
}
.overview-container {
    margin-top: 20px;
    margin-bottom: 52px;
}
.overview-container .col-lg-1,
.overview-container .col-md-1
{
    padding-left: 5px;
    padding-right: 5px;
}

.overview-percentages {
    background-color: white;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
    color: black;
    font-size: 14px;
    font-weight: bold;
    height: 22px;
}
.month-pag li a {

    padding: 2px 5px 2px 5px;
    background-color: white;
    color: black;
    border-radius: 1px;
    margin: 12px 3px;
    font-size: 12px;
}
.month-pag li a:hover {
    background-color: #84CD9E !important;
}
.month-pag .navbar-nav > .active > a, .lower-black-bar .navbar-nav > .active a {
    background-color: #84CD9E !important;
    color: black;
}

.q-pag li a {
    padding: 2px 9px 2px 9px !important;
    border-radius: 50%;
}

.p-pag {
    float:right;
    padding-top:5px;
}
.month-pag {
    padding-top:10px;
    float:right;
}
.q-pag {
    padding-top:10px;
}

.white-text {
    color: white;
}
.white-text h4 {
    padding-top: 7px;
    padding-right: 10px;
    font-weight: 300;
    font-size: 14px;
}
.so-arrow {
    width: 80px !important;
}
.no-padding {
    padding-left:0px!important;
    padding-right:0px!important;
}
.overview-period {
    min-width:80px!important;
    max-width:80px!important;
    left: 8px !important;
}
.overview-period li {
    text-align:center;
}
.overview-period li a {
    margin:2px 0px!important;
    width: 76px;
}
.overview-period > .active > a {
    background-color:#84CD9E!important;
}

.right-top-padding {
    margin-top:2px;
}
.thumbnail {
    margin-bottom:15px;
}

/* System Overview pop up css */

.close-box {
    position:relative;
    top:5px;
    left:5px;
}
#backgroundPopup {
    z-index: 1;
    position: fixed;
    display: none;
    height: 100%;
    width: 100%;
    background: #000000;
    top: 0px;
    left: 0px;
}
#toPopup {
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;
    display: none;
    font-size: 12px;
    position: fixed;
    bottom: 10%;
    z-index: 2;
}

div.close {
    background: url("../img/closebox.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: -27px;
    top: -24px;
    width: 30px;
    opacity: 1;
}

div#popup_content {
    margin: 4px 7px;
    padding: 20px;
    overflow-y: scroll;
    height: 170px
}

.fixed-box {
    position: fixed;
    width: 190px;
    margin-top: 15px;
}
.unclickable {
    z-index:-1000!important;
    opacity:0.7;
    pointer-events:none;
}
.unclick-type {
    padding-top:9px!important;
}
.unclick-period {
    padding-top:8px!important;
}
.print-white {
    height:25px;
    margin-top:9px;
}
.detailed-box {
    background-color:#303030;
    height:400px;
}
.pop-up-zone {
    pointer-events:none!important;
    background-image:none;
    padding-top:10px;
}
.detailed-table {
    background-color:white;
}
.detailed-table th {
    background-color: black;
    color: white;
    border: solid 1px grey;
    font-size:12px!important;
    text-align:center!important;
}

.detailed-table td {
    text-align:center!important;
}
.box-row {
    margin-top:10px;
}
.detailed-print {
    float:right;
    margin-right: 7px;
    margin-top: -3px;
}
.overview-scroll {
    min-height:360px;
    max-height:360px!important;
    background-color:white;
}
.detailed-container {
    margin-top:180px!important;
}
.table-availability {
    background-color:#52B68E;
    padding: 2px 5px 2px 5px;
    color:white;
    border-radius:3px;
}
.black-bar-detailed {
    margin-top:108px!important;
    height:57px;
}
.black-bar-detailed .black-bar-titles {
    margin-top:21px;
}
.black-bar-detailed .month-pag {
    padding-top:5px;
}
.black-bar-detailed .month-pag {
    padding-top:5px;
}
.unclickable-green {
    padding-top:2px!important;
}

.go-back-btn {
    background-color:transparent;
    border:none;
    margin-top:5px;
}
.overview-detailed-boxes {
    width: 83px;
    margin-left: auto;
    margin-right: auto;
}
.detailed-table-hidden td {
    display:none;
}
.detailed-table-hidden {
    position:relative;
    bottom:360px;
    display:none;
}
/* Detector availablity css */

.rotate {
    /* Safari */
    -webkit-transform: rotate(-90deg);

    /* Firefox */
    -moz-transform: rotate(-90deg);

    /* IE */
    -ms-transform: rotate(-90deg);

    /* Opera */
    -o-transform: rotate(-90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    position:relative;
    bottom:222px;
    right:360px;
}
.axis-text {
    color:black;
    font-size:18px!important;
}
.straight {
    position: relative;
    top: 219px;
    left: 329px;
}
#chartdiv {
    margin-top:-60px;
}
.black-box {
    background-color: #303030;
    color: white;
    border-radius: 10px;
    padding: 16px 30px 16px 30px;
}
.black-box h4 {
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 12px;
    font-size: 15px;
    margin-left:7px;
}
.availability-content {
    margin-top: 20px;
}
.white-sp {
    background-color: white !important;
    color: black;
    padding: 3px 3px 3px 3px;
    text-align: center;
    width: 60px;
    margin-bottom: 8px;
    border-radius: 3px;
}
.color-sp {
    /*color: white !important;*/
    padding: 3px 3px 3px 3px;
    text-align: center;
    width: 60px;
    margin-bottom: 8px;
    border-radius: 3px;
    font-size:14px!important;
}
.sp-no-margin {
    margin-bottom:0px!important;
    margin-right:auto;
    margin-left:auto;
}
.sp-green {
    background-color: #52B68E !important;
    color: white !important;
}
.sp-orange {
    background-color: orange !important;
    color: white !important;
}
.sp-red {
    background-color: red !important;
    color: white !important;
}
.no-left-padding {
    padding-left: 0px !important;
}
.graph-box {

    border-radius: 10px;
    color: black;
    margin-top: 12px;
    margin-bottom: 12px;
    /*background:url('../img/graph-scale.png') no-repeat scroll 4% center transparent;*/
    background-size:1%;
    position: relative;
    left: 6px;
    background-color: white;
    padding-left:0px!important;
    padding-right:0px!important;
    padding-bottom:24px;
}
.lower-table-outer {
    margin-top: 18px;
    padding-left: 36px;
    padding-right: 77px;
}
.lower-table {
    border-left: solid 2px #303030;
    border-right: solid 2px #303030;
    border-bottom: solid 2px #303030;
    border-top:solid 2px #303030;
}
.scroll-table {
    max-height: 275px;
    overflow: auto;
    /*margin-bottom: 10px;*/
    /*border-left: solid 2px #303030;*/
    /*border-right: solid 2px #303030;*/
    /*border-bottom: solid 2px #303030;*/
    /*border-top:solid 2px #303030;*/
    /*margin-left:-15px;*/
    /*margin-right:-15px;*/
    padding-top:0px;
    margin-top:10px;
}
.detailed-header {
    position:relative;
    top:13px;
}
.scroll-table-head {
    max-height: 300px;
    margin: 0 !important;
    /*padding:0 18px 0 0;*/
    background-color: #303030;
}
.avail-table-head {
    margin: 0 -15px;
}
.avail-table {
    margin: 0 !important;
}
.avail-table th {
    background-color:#303030;
    color:white;
    border:0px!important;
    text-align:center!important;
    vertical-align:middle!important;
}
.avail-table td {
    text-align:center!important;
    vertical-align: middle !important;
    font-size: 13px;
}

.dpdown {
    padding: 10px;
}
.drop-ul {
    top: 80%;
    z-index:1050!important;
}
.drop-ul > li > a:hover {
    background-color: #84CD9E !important;
    color: white !important;
}
.amcharts-chart-div a {
    display:none!important;
}
.switchery-small {
    margin-bottom:7px;
}
.centered-col {
    text-align:center;
    margin-top:30px;
}
.centered-col .color-sp {
    margin-left:auto;
    margin-right:auto;
}
.report-overview-scores {
    color:white;
    margin-top:8px;
    margin-left:-12px;
    margin-bottom:5px;
}
.sp-margin-right {
    margin-right:3px;
    margin-left:20px;
}
.year-select {
    margin-top:3px;
}

.year-select-inpage {
    margin-top:18px;
    margin-left: -70px;
    background-color: #303030;
    height: 35px;
    padding: 3px 12px 3px 8px;
}

.year-select-inpage button{
    height: 24px;
}
/* Coverage Factors css */
.sp-no-colour {
    background-color:transparent!important;
    color:black!important;
}
.coverage-content {
    margin-bottom: 100px;
    margin-top:170px;
}
.action-box {
    background-color: #333;
    color: white;
    padding: 20px 30px 20px 30px;
    border-radius: 8px;
    margin-bottom: 12px;
}
.table-scroll1 {
    max-height: 30px;
    padding: 0px;
    margin: 0px;
}
.table-scroll1 table th{
    border-top: none !important;
}
.table-scroll2 {
    height: 230px!important;
    overflow: auto;
    /*margin-top:-10px;*/
}
.rel-th1 {
    padding-left:3px;
    padding-right:3px;
}

.rel-row-top {
    position:relative;
    top:5px;
    border-left: 2px solid black;
    border-right: 2px solid black;
}
.rel-row-top th {
    padding-left:2px;
    padding-right:8px;
}
/*.border-sides {
	border-left: 2px solid black;
	border-right: 2px solid black;
}*/
./*rel-row1 {
	position:relative;
	bottom:5px;

}*/
.rel-row1 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}
/*.rel-row2 {
	position:relative;
	bottom:8px;
}*/
.rel-row2 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}
/*.rel-row3 {
	position:relative;
	bottom:18px;
}*/
.rel-row3 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}
/*.rel-row4 {
	position:relative;
	bottom:17px;
}*/
.rel-row4 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}
/*.rel-row5 {
	position:relative;
	bottom:28px;
}*/
.rel-row5 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}
/*.rel-row6 {
	position:relative;
	bottom:27px;
}*/
.rel-row6 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}
/*.rel-row7 {
	position:relative;
	bottom:38px;
}*/
.rel-row7 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}
/*.rel-row8 {
	position:relative;
	bottom:36px;
}*/
.rel-row8 td {
    width:100%;
    padding: 3px 8px 3px 8px;
}

.table-scroll2 table{
    margin-bottom: 0 !important;
    border-collapse: separate; /* use standard table borders (rather than css borders on cells) to avoid them disapeariing*/
}
.table-scroll2 table tr{
    padding: 5px !important;
}
.table-scroll2 td {
    vertical-align: middle !important;
    border: none;/* use standard table borders (rather than css borders on cells) to avoid them disapeariing*/
}
.table-scroll2 span{
    margin-top: 5px;
}
.button-width {
    width:55%;
    float:right;
}
.checkbox-box table td {
    background-color: white;
    color: black;
    text-align: left;
    border: solid 1px #333;
    font-size: 14px;

}

.checkbox-box {
    text-align: center;
    background-color: #333;
    color: white;
    padding: 8px 10px 1px 10px;
    border-radius: 8px;
    margin-bottom: 12px;
    height:300px!important;
    margin-top:-3px;
}

.combined-table {
    border-collapse: separate;
    color: black;
    background-color: #333;
    border: solid 11px #333;
    border-radius: 8px;
}
.combined-table th {
    text-align:center;
    background-color: rgb(51, 51, 51);
    color: white;
    border:solid 2px #333;
}
.combined-table td {
    text-align:center;
    border:solid 2px #333;
    background-color:#FFFFFF;
}
.action-btn {
    margin-left: 8px;
}

.calc-box {
    text-align: center;
    background-color: #333;
    color: #FFF;
    padding: 17px 6px 0px;
    border-radius: 8px;
    margin-bottom: 12px;
    border: 3px solid #FFF;
}

.calc-box table{
    border-top: none 0px !important;
}
.calc-box table td {
    background-color: white;
    color: black;
    text-align: center;
    border: solid 1px #333;
}
.calc-box table th {
    text-align: center;
}
.rounded-corners {
    border-radius: 12px;
    margin-top:-3px;
    /*border: solid 3px #333;
    /*max-height:485px!important;
    min-width:1063px!important;*/

}
.zoom-div {
    margin-left:20px;
}
.zoom-div img{
    height: calc(100vh - 240px);
}

.zoomLens {
    border-color: orange !important;
}
.check-td {
    font-size: 14px !important;
    text-align: center !important;
    padding: 0px !important;
}
.check-th {
    text-align: center !important;
}
.hidden-grades {
    margin-top: 3px;
}

.grades-btn {
    margin-top: -15px;
}
.new-grades-btn {
    margin-top:18px!important;
    width:160px;
}
.control-text {
    color:#FFFFFF;
    margin-top: 31px;
    margin-right: 13px;
    font-size: 15px;
}

#gas-h4-icon {
    background:url('../img/gas.png') no-repeat;
    background-size:25px;
    padding-left:40px;
    padding-top:6px;
    padding-bottom:3px;

}
#flame-h4-icon {
    background:url('../img/flame.png') no-repeat;
    background-size:25px;
    padding-left:40px;
    padding-top:6px;
    padding-bottom:3px;
}
#smoke-h4-icon {
    background:url('../img/smoke.png') no-repeat;
    background-size:25px;
    padding-left:40px;
    padding-top:6px;
    padding-bottom:3px;

}
.width-thirtythree {
    width:33%;
}
.left-col-3 {
    margin-left:40px;
    width:25%;
    margin-bottom:80px;
}
.right-col-image {
    float: right;
    margin-right: 2%;
    width: 66%;
    margin-bottom:60px;
}
/* Coverage overview styling */

.coverageoverview-content {
    margin-top:20px;
    margin-bottom:60px;
}
.cov-overview-boxes {
    text-align: center;
    /*background: url("../img/shape-box.png") no-repeat scroll 50% 76% / 83% auto #575756;*/
    background: url("../img/shape-box.png") no-repeat scroll #575756; /* 50% 76% / 83% auto */
    background-size: 83% 40%;
    background-position: 50% 86%;

    height: 50px;
    color: #FFF;
    border-radius: 10px;
}

.cov-overview-boxes:hover {
    color:silver!important;
    text-decoration:none!important;
}

.cov-overview-boxes a {
    padding: 2px;
}
.cov-overview-boxes h4 {
    margin: 2px 0;
    font-size: 80%;
}
/*.container {
	width:1400px!important;
}*/
.inline{
    display: inline-block;
}


/* Login CSS */

.login-form {
    color: white;
    margin-top: 30px;
}

.login-circle {
    width: 450px;
    height: 450px;
    padding: 50px;
    border-radius: 50%;
    margin-bottom: 100px;
    margin-top: 50px;
    background-position: 53% 116%;
    background-color: #424242;
}
.login-circle p {
    color: #ffffff;
    font-size: 12px;
}
#username-text {
    color:white;
    margin-right:10px;
}
#password-text {
    color:white;
    margin-right:13px;
    margin-top:15px;
}
#remember-text {
    color:white;
    margin-right:5px;
    margin-top:15px;
}
.submit-custom {
    width: 100px;
    position: relative;
    top:0px;
    height: 100px;
    color: #FFF;
    background: url("../img/login-shape.png") no-repeat scroll 50% 50% transparent;
    border: 0px none;
    background-size: 73%;
}
.message-holder {
    height:45px;
    margin-top:-15px;
}
.login-ul {
    list-style:none;
    margin-top:20px;
    float:left;
    margin-left:3%;
}

.login-logo {
    margin-bottom: 15px;
    margin-top: 22px;
    height:22px;
}
.help-icon {
    margin-top:10px;
}

.login-container {
    background: transparent!important;
    margin-top: 15px;
}

.login-container .form-control {
    width: 70%!important;
    text-align: center!important;
}

.enter-btn {
    text-transform: uppercase;
    color: white;
    position: relative;
    top: 43px;
    font-size: 16px;
}
.enter-btn:hover, .enter-btn:focus {
    color: black;
}


/* ### Detailed detector screen css ### *
 */

.detector-deets-table {
    margin-top:10px;
    margin-bottom:10px;
}
.overview-white {
    background-color:#FFFFFF;
    margin-top:10px;
}
.detailed-detec-box {
    height:auto!important;
    padding-bottom: 16px;
}
.detailed-box-2 {
    height:555px!important;
    margin-bottom:80px;
}
.table-surround {
    color: black;
    background-color: white;
    border: solid 11px #333;
    border-radius:8px;
    margin-top:20px;
    margin-bottom:20px;
}
.detector-deets-table .td-titles {
    padding-right:10px;
    font-size:15px;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:10px;
    font-weight:bold;
    color:black;
    border-right:solid 1px black;
}
.detector-deets-table .td-content {
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
    width:100%;
    color:black;
}
.detector-deets-view img {
    margin-top:20px;
    /*max-height:500px;*/
    margin-bottom:20px;
    margin-left:10px;
    /*width:100%;*/
}
.detector-deets-table tr {
    border-bottom:solid 1px black;
}
.detector-deets-table tr:last-child {
    border-bottom:0px;
}

/* ### Asset Chooser CSS ### */
.asset-logo {
    height:30px;
    margin-top:20px;
    margin-bottom:20px;
}
.asset-con a {
    color:#FFFFFF;
}
.asset-con {
    background-color: rgba(66, 66, 66, 0.8)!important;
}
.asset-logo-div {
    text-align:center;
    margin-bottom:20px;
    color:#FFFFFF;
}


#gas-h4-icon {
    background:url('../img/gas.png') no-repeat;
    background-size:25px;
    padding-left:40px;
    padding-top:6px;
    padding-bottom:3px;

}

.docs-container {
    padding:20px;
    margin-top:-23px;
    margin-bottom:20px;
    border:solid 3px grey;
    border-radius:5px;
    height:150px;
    overflow:auto;
}


.upload-header {
    background-color:grey;
    color:white;
}

.upload-btns {
    margin-top:10px;
}
.report-icon {
    height:18px;
}

.detailed-wide-container {
    width:95%!important;
}

.upload-outer {
    background-color:#DDDDDD;
    border-radius:10px;
    padding:20px 40px;
}

.reports-data td {
    padding:1px 20px;
}

@media (max-width: 1280px) {

    .rel-th1 {
        padding-left:0px!important;
        padding-right:0px!important;
        font-size:12px;

    }
}

@media (max-width: 1440px) {

    .rel-th1, .rel-th2, .rel-th3,  .rel-th4 {
        font-size:12px;
    }

    .combined-table td {
        font-size:12px;
    }
}

@media (min-width: 1920px) {

    .rel-th1 {
        padding-left:20px!important;
        padding-right:20px!important;
    }

}

@media (min-width: 1200px) {

    .wide-container {
        width:95%!important;
    }

}
.well{
    border-radius: 15px;
    padding: 0 20px 20px 20px;
    border: 2px solid #ccc;
    background-color: white;
}
.statusballs {
    margin: 0;
    float:left;
    padding: 0;
    padding-top: 10px;
}
.statusballs li {
    float:left;
    position: relative;
    list-style: none;
    text-align: center;
    margin-left: 3px;
    top: 12px;
}

.statusballs li a{
    display: table-cell; /* Add this */
    vertical-align: middle; /* Add this */

    width: 24px !important;
    height: 24px !important;
    text-align: center;
    text-decoration: none;
    position: relative;
    background-color: white;
    color: black;

    font-size: 12px;
    border-radius: 50%;
}

.statusballs li.active a.statush {
    background-color: #be211d !important;
    color: white;
}
.statusballs li.active a.statusm {
    background-color: #e67d27 !important;
    color: white;
}
.statusballs li.active a.statusl {
    background-color: #56b68f !important;
    color: white;
}
.statusballs li.active a.statusn {
    background-color: grey !important;
    color: black;
}
.filtered-table-filter {
    z-index: 9999;
    color: black;
    width: 100%;
}
.filtered-table-clear {
    margin-left: -14px;
    margin-top: 4px;
    position: absolute;
    color: #565555;
    cursor: pointer;
}
.space > * {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}