/* COLOUR BREAKDOWN ============
dark copy: #333
light copy: #eee

dark blue: #03205b
medium blue: #0964c1
light blue: #0095ff

PRIMARY COL:
blue dark: #204d74
blue light: #0964c1

INFO COL:
blue dark: #0095ff
blue light: #46b8da

WARNING COL:
yellow dark: #eea236
yellow light: #f5cc38

SUCCESS COL:
green dark: #4cae4c
green light: #5cb85c

DANGER COL:
red light: #e40700
red dark: #d43f3a
=========== COLOURS end */

/* ============
PAGE ELEMENTS
=========== */
body {
color: #0964c1;
background: linear-gradient(
to bottom,
#0964c1,
#0964c1 50%,
#06519e 50%,
#06519e
);
background-size: 100% 5px;
}

a.menu {
  font-family: 'arial', helvetica;
  font-style: italic;
  font-weight: 600;
  color: #fefefe;
  text-decoration: none;
}

a {
  font-family: 'arial', helvetica;
  font-style: italic;
  _font-weight: 600;
  color: #0095ff;
  text-decoration: none;
}

a:focus, a:hover {
color: #0095ff;
text-decoration: none;
}
.logo {
padding-top: 5px;
position: inherit;
padding-bottom: 5px;
width: 260px;
}
.logo-m {
top: 8px;
position: absolute;
width: 240px;
}
.h1, .h2, h1, h2 {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.1;
color: inherit;
text-shadow: 2px 2px #333;
font-style: oblique;
color:#f3f3f3;
}
.h3, .h4, .h5, .h6, h3, h4, h5, h6 {
text-transform: uppercase;
color: inherit;
font-style: oblique;
}
.h1, h1 {
font-size: 20px;
}
.h2, h2 {
font-size: 18px;
}
#wrapper {
width: 100%;
}
#page-wrapper {
padding: 5px 15px 0;
padding-bottom: 40px;
min-height: 568px;
background-color: transparent;
}
#page-wrapper.fixed-box{padding-bottom: 90px;}
h1.page-header {
text-align: center;
color: #eee;
padding: 10px 5px;
margin: 10px 0 0;
border-radius: 5px;
border: 1px solid #0194ff;
background-color: rgba(3, 32, 91, 0.8);
}
h2.page-header {
font-family: Helvetica, Arial, sans-serif;
font-weight: 900;
text-align: center;
color: #eee;
padding: 10px 5px;
margin: 10px 0 0;
border:none;
}
p.page-header {
font-family: Helvetica, Arial, sans-serif;
font-weight: 900;
text-align: center;
color: #eee;
padding: 5px 5px;
margin: 5px 0 0;
border:none;
}
.page-header-emerg {
background-image: linear-gradient(#ff160f,#580000);
border: 1px solid #ff160f !important;
margin-bottom: 10px !important;
}
.hm-btns {
padding: 0px 5px 0px;
margin-bottom: 20px;
}
.hm-btns h2 {
font-size: 24px;
padding: 10px;
}
.spacer-top10 {
margin-top:10px;
}
.spacer-top20 {
margin-top:20px;
}
.spacer-top30 {
margin-top:30px;
}
.spacer-top40 {
margin-top:40px;
}
.spacer-top50 {
margin-top:50px;
}
.spacer-top60 {
margin-top:60px;
}
.spacer-bot10 {
margin-bottom:5px;
}
.spacer-bot20 {
margin-bottom:20px;
}
.spacer-bot60 {
margin-bottom:60px;
}
.spsr-hm {
padding-top:10px !important;
}
.fa-2x {
font-size: 16px !important;
text-align: center;
line-height: 20px !important;
float: none !important;
}
.aln-left {
float: left;
}
.aln-right {
float: right;
}
/* ============
GRID
=========== */
.show-grid [class^="col-"] {
padding-top: 10px;
padding-bottom: 10px;
border: 1px solid #ddd;
background-color: #eee !important;
}
.show-grid {
margin: 15px 0;
}
.huge {
font-size: 40px;
}
/* ============
NAVIGATION
=========== */

.navbar-default {
background-color: #03205b;
border-color: #0095ff;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40), 0 2px 5px 0 rgba(0, 0, 0, 0.60);
}
.navbar-default .navbar-brand {
color: #eee;
}
.navbar-collapse {
border-top: 0px solid transparent;
}
#my-navbar-collapse {
position: fixed;
top: 50px;
left: 0;
z-index: 1;
width: 280px; /*example + never use min-width with this solution */
height: 100%;
background-color: rgba(3, 33, 90, 0.95);
}
.navbar-top-links {
margin-right: 0;
}
.navbar-top-links li {
display: inline-block;
}
.navbar-top-links li:last-child {
margin-right: 15px;
}
.navbar-top-links li a {
padding: 15px;
min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
padding: 3px 20px;
min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
width: 310px;
min-width: 0;
}
.navbar-top-links .dropdown-messages {
margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
margin-left: -123px;
}
.navbar-top-links .dropdown-user {
right: 0;
left: auto;
}
.sidebar .sidebar-nav.navbar-collapse {
padding-left: 0;
padding-right: 0;
}
.sidebar .sidebar-search {
padding: 15px;
}
.sidebar ul li {
border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
_background-color: #eeeeee;
}
.sidebar .arrow {
float: right;
}
.sidebar .fa.arrow:before {
content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
border-bottom: none !important;
}
.sidebar .nav-second-level li a {
padding-left: 37px;
}
.sidebar .nav-third-level li a {
padding-left: 52px;
}
@media (min-width: 768px) {
.sidebar {
z-index: 1;
position: absolute;
width: 250px;
margin-top: 51px;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
margin-left: auto;
}
}
.prfl-img {
background-color: #03205b;
min-height: 100px;
}
.prfl-img-cpy {
color: #f3f3f3;
padding-top: 30px;
position:inherit;
}
/* mobile */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #0095ff;
padding: 7px;
margin-top: 11px;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #0095ff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active{
border-color: #f3f3f3;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:active .icon-bar{
background-color: #f3f3f3;
}
.table-wrapper-2 {
display: block;
max-height: 300px;
overflow-y: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
/* ============
BUTTONS
=========== */
#accordion{margin-bottom: 15px;}
#accordion .btn{margin-bottom: 0;}
.btn {
background-color: inherit;
background-image: linear-gradient(#0095ff,#03205b);
box-shadow: 0px 1px 4px -2px #000;
text-shadow: 0px -1px #333;
margin-bottom: 15px;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.60), 0 6px 20px 0 rgba(0, 0, 0, 0.80);
}
.btn.align-left{float:left; padding: 5px 15px;}
.btn.align-right{float:right; padding: 5px 15px;}
.btn.focus, .btn:focus, .btn:hover {
color: #989898;
text-decoration: none;
background-image: linear-gradient(#03205b,#0095ff);
}
.btn:after {
background: linear-gradient(rgba(255,255,255,0.4), rgba(255,255,255,0.2));
}
.btn-list ul li {
list-style-type: none;
padding-bottom: 10px;
}
.btn-default {
color: #eee;
background-color: #03205b;
border-color: #0964c1;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0,0,0,.3);
border-radius: 5px;
}
.btn-default:hover, .btn-default:active, .btn-default:focus, .btn-default:visited {
color: #f3f3f3;
background-color: #0095ff;
border-color: #0964c1;
}
.btn-primary {
color: #eee;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0,0,0,.3);
border-radius: 5px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary:visited {
color: #f3f3f3;
background-color: #0095ff;
border-color: #0964c1;
}
.btn-success {
color: #eee;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0,0,0,.3);
border-radius: 5px;
}
.btn-success:hover {
color: #f3f3f3 !important;
background-color: #021e52;
border-color: #076ed8;
}
.btn-info {
color: #eee;
text-transform: uppercase;
background-color: #0095ff;
border-color: #46b8da;
text-shadow: 0 0 2px rgba(0,0,0,.3);
border-radius: 5px;
}
.btn-warning {
color: #333;
text-transform: uppercase;
background-color: #f5cc38;
border-color: #eea236;
text-shadow: 0 0 2px rgba(0,0,0,.3);
border-radius: 5px;
}
.btn-danger {
color: #eee;
text-transform: uppercase;
background-color: #e40700;
border-color: #d43f3a;
text-shadow: 0 0 2px rgba(0,0,0,.3);
border-radius: 5px;
}
.btn-link {
color: #0095ff !important;
text-transform: uppercase;
}
.btn-lg {
color: #eee;
background-color: #03205b;
border-color: #0964c1;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0,0,0,.8);
border-radius: 5px;
font-size: 14px;
line-height: 20px;
width: 100%;
display: inline-block;
padding: 5px 10px;
}
.btn-outline {
color: inherit;
background-color: transparent;
transition: all .5s;
}
.btn-primary.btn-outline {
color: #428bca;
text-transform: uppercase;
}
.btn-success.btn-outline {
color: #5cb85c;
text-transform: uppercase;
}
.btn-info.btn-outline {
color: #5bc0de;
text-transform: uppercase;
}
.btn-warning.btn-outline {
color: #f0ad4e;
text-transform: uppercase;
}
.btn-danger.btn-outline {
color: #d9534f;
text-transform: uppercase;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
color: white;
}
.btn-circle {
width: 30px;
height: 30px;
padding: 6px 0;
border-radius: 15px;
text-align: center;
font-size: 12px;
line-height: 1.428571429;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
border-radius: 5px;
font-size: 18px;
line-height: 1.33;
}
.btn-circle.btn-xl {
width: 70px;
height: 70px;
padding: 10px 16px;
border-radius: 35px;
font-size: 24px;
line-height: 1.33;
}
.req-tech {
display: inline-block;
text-align: center;
width: 100%;
}
.req-tech-brd {
border: 1px solid #f5cc38;
background-color: rgba(3, 32, 91, 0.8);
border-radius: 5px;
padding: 10px;
margin: 10px 0 0;
color: #f5cc38;
text-align: center;
}
.req-tech-brd strong{
color: #eee;	
}
.req-tech p {
text-align: center;
font-size: 95%;
}
.req-tech b {
margin: 5px;
font-size: 12px;
font-weight: 300;
}
.req-tech strong {
margin: 5px;
font-size: 110%;
font-weight: bolder;
color: #eeeeee;
}
.req-tech ul {
list-style: none;
display: block;
padding: 0;
margin-top: 10px;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 0;
}
.req-tech li {
list-style: none;
}
.req-tech li p {
text-align: left;
}
.req-tech-det {
color: #f5cc38;
text-align: center;
border: 1px solid #f5cc38;
border-radius: 5px;
margin: 0px 20px 10px;
background-color: rgba(3, 32, 91, 0.8);
font-size: 80%;
}
.req-tech-det h3 {
font-size: 100%;
padding-bottom: 10px;
}
.req-tech-det b {
margin: 5px;
font-size: 75%;
font-weight: 300;
}
.req-tech-det p {
padding-top:10px;
}
.btn-back, .btn-top {
color: #0095ff;
background-color: transparent;
Border: none;
display: inline-block;
vertical-align: top;
padding:0 10px 0 0;
}
.btn-back i, .btn-top i{font-size: 34px !important; line-height: 38px;}
.btn-back:hover, .btn-back:active, .btn-top:hover, .btn-top:active{color:#f3f3f3;}
.ldcntd {
color: #fefefe;
text-align: center;
}
.cntd {
color: #5cb85c;
text-align: center;
}
.nt-cntd {
color: #ff160f;
text-align: center;
}
.toggle.btn {
margin: 2px 0 6px;
max-width: 50px !important;
min-width: 50px !important;
}

_.zoneToggle .toggle-on.btn{background-image: linear-gradient(#580000,#ff160f); border-color:#ff160f !important;}
_.zoneToggle .toggle-off.btn{background-image: linear-gradient(#13460e,#5cb85c); border-color:#5cb85c !important;}
_.doorToggle .toggle-off.btn{background-image: linear-gradient(#580000,#ff160f);}
_.doorToggle .toggle-on.btn{background-image: linear-gradient(#13460e,#5cb85c);}


.zoneToggle .toggle-on.btn{background-image: linear-gradient(#0095ff,#03205b); border-color:#ff160f !important;}
.zoneToggle .toggle-off.btn{background-image: linear-gradient(#0095ff,#03205b); border-color:#5cb85c !important;}
.doorToggle .toggle-off.btn{background-image: linear-gradient(#0095ff,#03205b);}
.doorToggle .toggle-on.btn{background-image: linear-gradient(#0095ff,#03205b);}

.zoneToggle .toggle-off.btn{text-align:left; color: #f3f3f3; font-size: 12px; line-height: 20px; padding-left: 18px;}
.zoneToggle .toggle-on.btn{text-align:left; color: #f3f3f3; font-size: 12px; line-height: 20px;}
.zoneToggle .toggle-off.btn .fa{color: #f3f3f3; font-size: 16px !important; line-height: 20px;}
.zoneToggle .toggle-on.btn .fa{color: #f3f3f3; font-size: 16px !important; line-height: 20px;}
.doorToggle .toggle-off.btn .fa{color: #f3f3f3; font-size: 24px; line-height: 28px;}
.doorToggle .toggle-on.btn .fa{color: #f3f3f3; font-size: 24px; line-height: 28px;}

.zoneToggle .toggle-on.btn img {padding: 2px 3px; vertical-align: bottom;}
.zoneToggle .toggle-off.btn img {padding: 2px 4px; vertical-align: bottom;}

/* ============
TABS
=========== */
.nav-tabs{border:none;}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid #08307e;
border-bottom:none;
border-radius: 5px 5px 0 0;
color: #08307e;
}
.nav-tabs > li.active > a {
color: #e2e2e2;
cursor: default;
_background-image: linear-gradient(#03205a,#134bbb);
background-color: #08307e;
border: 1px solid #08307e;
border-bottom:none;
}
.nav-tabs > li > a:focus, .nav-tabs > li > a:hover{color:#f3f3f3; border: 1px solid #08307e; border-bottom:none; background-color: #08307e; _background-image: linear-gradient(#134bbb,#03205a);}
.nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{color:#f3f3f3; border: 1px solid #08307e; border-bottom:none; background-color: #08307e; _background-image: linear-gradient(#03205a,#134bbb);}

.prt-inf {
border-bottom: solid 1px #d8d8d8ef;
padding: 5px;
margin: 0;
color: #f3f3f3;
background-color: #08307e;
}
.prt-inf-dsrm {
color: #5cb85c;
}
.prt-inf-sarm {
color: #ffcc00;
}
.prt-inf-ozn {
color: #ffcc00;
}
.prt-inf-scr {
color: #0095ff;
}
.prt-inf-arm {
color: #ff160f;
}
/* ============
PANELS
=========== */
.panel {
margin-bottom: 5px;
background-color: #f3f3f3;
border: 1px solid transparent;
border-radius: 5px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.40), 0 2px 5px 0 rgba(0, 0, 0, 0.60);
}
.panel p {
text-align: center;
}
.panel-body {
padding: 5px;
text-transform: uppercase;
text-align: center;
font-size: 80%;
border-radius: 0 0 5px 5px;
margin-top: 1px;
}
.panel-body-g {
padding: 5px;
text-transform: uppercase;
text-align: center;
font-size: 95%;
background-color: green;
}
.panel-heading {
padding: 5px;
border-bottom: 1px solid transparent;
border-radius: 2px;
text-align: center;
}
.panel-heading p {
text-align: center;
font-size: 70%;
font-weight: normal;
letter-spacing: 2px;	
}
.panel-heading img {
width: 55px;
margin-bottom: 10px;
}
.panel-heading i {
color: #FFFFFF;
font-size: 30px;
padding: 10px 5px;
text-shadow: 1px 2px rgba(0, 0, 0, 0.70);
}
.panel-sheading {
padding: 5px;
text-align: center;
}
.jumbotron {
padding: 10px;
margin-bottom: 20px;
color: inherit;
background-color: #eee;
}
.panel-default {
border-color: #03205a;
background-color: #f3f3f3;
}
.panel-default > .panel-heading {
text-transform: uppercase;
letter-spacing: 1px;
color: #eee;
background-image: linear-gradient(#134bbb,#03205a);
box-shadow: 0px 1px 2px 0px #03205a;
text-shadow: 0px -1px #333;
font-size: 100%;
}
.panel-green {
border-color: #5cb85c;
background-color: transparent;
/* background-color: #d9d9d9; */
}
.panel-green > .panel-heading {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #f3f3f3;
border-color: #5cb85c;
background-image: linear-gradient(#5cb85c,#13460e);
box-shadow: 0px 1px 2px 0px #03205a;
text-shadow: 0px -1px #333;
}
.panel-green > a {
color: #5cb85c;
}
.panel-green > a:hover {
color: #3d8b3d;
}
.panel-red {
border-color: #ff160f;
background-color: transparent;
/* background-color: #d9d9d9; */
}
.panel-red > .panel-heading {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #f3f3f3;
border-color: #ff160f;
background-image: linear-gradient(#ff160f,#580000);
box-shadow: 0px 1px 2px 0px #03205a;
text-shadow: 0px -1px #333;
}
.panel-red > a {
color: #d9534f;
}
.panel-red > a:hover {
color: #b52b27;
}
.panel-yellow {
border-color: #f5cc38;
background-color: #d9d9d9;
}
.panel-yellow > .panel-heading {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #f3f3f3;
border-color: #ddd;
background-image: linear-gradient(#ffcc00,#bf8910);
box-shadow: 0px 1px 2px 0px #03205a;
text-shadow: 0px -1px #333;
}
.panel-yellow > a {
color: #f0ad4e;
}
.panel-yellow > a:hover {
color: #df8a13;
}
.panel-gray {
border-color: #808080;
background-color: #d9d9d9;
}
.panel-gray > .panel-heading {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #f3f3f3;
border-color: #ddd;
background-image: linear-gradient(#B3B3B3,#808080);
box-shadow: 0px 1px 2px 0px #03205a;
text-shadow: 0px -1px #333;
}
.panel-gray > a {
color: #f0ad4e;
}
.panel-gray > a:hover {
color: #df8a13;
}
.panel-blue {
border-color: #03205a;
background-color: transparent;
/* background-color: #d9d9d9; */
}
.panel-blue > .panel-heading {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #f3f3f3;
border-color: #03205a;
background-image: linear-gradient(#03205a,#134bbb);
box-shadow: 0px 1px 2px 0px #03205a;
text-shadow: 0px -1px #333;
}
.panel-blue > .panel-heading:hover, .panel-blue > .panel-heading:active{
background-image: linear-gradient(#134bbb,#03205a);
}
.panel-blue > a {
color: #d9534f;
}
.panel-blue > a:hover {
color: #b52b27;
}
.panel-white {
border-color: #eeeeee;
background-color: #d9d9d9;
}
.panel-white > .panel-heading {
font-family: 'Russo One', sans-serif;
text-transform: uppercase;
letter-spacing: 2px;
color: #0964c1;
border-color: #eeeeee;
background-color: #e7e7e7;
}
.panel-white > a {
color: #d9534f;
}
.panel-white > a:hover {
color: #b52b27;
}
.stmoff {
padding-top:2px;
border-top: 1px solid #dedede;
margin: 0;
}
.zn-h {
font-size:12px;
margin: 0;
}
.crd {
font-size:11px;
padding-top:2px;
text-align: left;
}
/* ============
NOTIFICATIONS
=========== */
.alrm-altrs-btn {
text-align: center;
font-size: 75%;
}
.alert-dismissable .close, .alert-dismissible .close {
color: #000;
}
.alert-success {
color: #eee;
background-color: #5cb85c;
border-color: #4cae4c;
}
.alert-success .alert-link {
color: #f3f3f3;
text-transform: uppercase;
}
.alert-info {
color: #eee;
background-color: #46b8da;
border-color: #03205a;
}
.alert-info .alert-link {
color: #f3f3f3;
text-transform: uppercase;
}
.alert-warning {
color: #333;
background-color: #f5cc38;
border-color: #eea236;
text-align: center;
}
.alert-warning b {
font-size: 150%;
font-weight: 700;
}
.alert-warning .alert-link {
color: #d43f3a;
text-transform: uppercase;
}
.alert-danger {
color: #eee;
background-color: #d43f3a;
border-color: #e40700;
}
.alert-danger .alert-link {
color: #f3f3f3;
text-transform: uppercase;
}
/* ============
LOGIN HEADER
=========== */
.login-header {
width: 100%;
color: #eee;
text-align: center;
background-color: #03205b;
border-top: 1px solid #0095ff;
padding: 10px;
z-index: 1000;
}
.login-header p {
font-size: 80%;
padding-top: 10px;
}
.login-welcome {
/* padding: 3px; */
}
.login-welcome h1 {
color: #eee;
text-align: center;
}
/* ============
CONTENT LISTING PAGE
=========== */
.cnt-cpy {
float: right;
background: #eee;
}

.cnt-lst{
background: #eee;
padding: 10px 0;
display:inline-block;
vertical-align:top;
width:100%;
text-align: left;
}
.cnt-lst:first-child, .cnt-lst-d:first-child{margin-top:10px;}
.cnt-lst:last-child, .cnt-lst-d:last-child{margin-bottom:10px;}
.cnt-lst strong {
color:#03205b;
font-size: 14px;
line-height:18px;
font-style: normal;
width: 100%;
overflow: hidden;
height:18px;
display: inline-block;
vertical-align: top; 
float: left;
}
.cnt-lst em {
color:#03205b;
font-size: 12px;
line-height:14px;
font-style: italic;
font-weight: normal;
width: 100%;
overflow: hidden;
height:14px;
display: inline-block;
vertical-align: top;  
float: left; 
}
.cnt-lst b {
font-size: 12px;
line-height:14px;
font-style: italic;
width: 100%;
display: inline-block;
vertical-align: top;  
float: left;  
}
.cnt-lst p {
color:#03205b;
font-size: 12px;
line-height:14px;
font-style: normal;
font-weight: normal;
width: 100%;
overflow: hidden;
height:28px;
display: inline-block;
vertical-align: top;  
float: left;
margin:0;
}
.cnt-lst-d {
background: #03205b;
padding: 10px 0;
display:inline-block;
vertical-align:top;
width:100%; 
text-align: left; 
}
.cnt-lst-d strong {
color:#f3f3f3;
font-size: 14px;
line-height:18px;
font-style: normal;
width: 100%;
overflow: hidden;
height:18px;
display: inline-block;
vertical-align: top; 
float: left; 
}
.cnt-lst-d em {
color:#f3f3f3;
font-size: 12px;
line-height:14px;
font-style: italic;
font-weight: normal;
width: 100%;
overflow: hidden;
height:14px;
display: inline-block;
vertical-align: top;  
float: left;  
}
.cnt-lst-d b {
font-size: 12px;
line-height:14px;
font-style: italic;
width: 100%;
display: inline-block;
vertical-align: top;  
float: left;  
}
.cnt-lst-d p {
color:#f3f3f3;
font-size: 12px;
line-height:14px;
font-style: normal;
font-weight: normal;
width: 100%;
overflow: hidden;
height:28px;
display: inline-block;
vertical-align: top;  
float: left;
margin:0;
}
.cnt-img {
float: left;
background: #333;
padding: 5px;
}

.card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #f3f3f3;
background-clip: border-box;
border-radius: 5px;
height: 100%!important;
padding: 5px;
margin: 10px 0;
}
.card-body {
width: 100%;
display: inline-block;
vertical-align: top;
}
.card-body h4{color:#03205b;}
.card-body ul{padding-left: 20px;}
.card-img-top {
width: 100%;
}

@media screen and (max-width: 767px){
.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th {
white-space: inherit;
width: 33.3%;
}
}
.table-responsive {
margin-bottom: 0px;
background-color: #f3f3f3;
border:none !important;}
}

/* promo content */
.promo-lst{
background: #eee;
padding-top: 5px;
padding-bottom: 5px;
}
.promo-lst b {
color: #eea236;
font-size: 12px;
top: 20px;
display: inline-block;
width: 100%;
}
.promo-lst i {
color: #eea236;
padding-top: 20px;
}
.promo-lst a {
font-size: 14px;
padding-top: 10px;
display: inline-block;
width: 100%;
}
.promo-lst-d {
background: #03205b;
}
.promo-lst-d b {
color: #eee;
float: right;
font-size: 10px;
}
.promo-lst-d p {
color: #eee;
}
/* list view generic */
.lst-block {
background-color: #f3f3f3;
padding: 10px;
border-bottom: 1px solid #0095ff;
}
.lst-block img {
float:left;
}
.lst-block p {
float:right;
}

.f-note p {
color: #eea236;
text-align: center;
line-height: 8px;
}
.f-note h4 {
color: #46b8da;
text-align: center;
}

/* list view alerts */
.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {border:none !important;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{border:none !important;}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
border-bottom-width: 0;
width: 30%;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: transparent;
}

.alertBox{
min-width: 80px !important;
width: 100%;
font-size: 80%;
}
/* RED */
.alrts-arm {
color: #eeeeee;
text-align: center;
padding:3px;
background-image: linear-gradient(#ff160f,#580000);
box-shadow: 0px 1px 4px -2px #03205a;
text-shadow: 0px 1px #333;
}
/* GREEN */
.alrts-darm {
color: #eeeeee;
text-align: center;
padding:3px;
background-image: linear-gradient(#5cb85c,#13460e);
box-shadow: 0px 1px 4px -2px #03205a;
text-shadow: 0px 1px #333;
}
.alrts-icon {
color: #398237;
text-align: center;
line-height: 36px;
font-size: 20px;
}
.alrts-emergency {
color: #f3f3f3;
text-align: center;
line-height: 42px;
font-size: 30px;
}
/* YELLOW */
.alrts-brgl {
color: #eeeeee;
text-align: center;
padding:3px;
background-image: linear-gradient(#ffcc00,#bf8910);
box-shadow: 0px 1px 4px -2px #03205a;
text-shadow: 0px 1px #333;
}
/* Orange */
.alrts-stad{
color: #eeeeee;
text-align: center;
padding:3px;
background-image: linear-gradient(#FF9000,#A24512);
box-shadow: 0px 1px 4px -2px #03205a;
text-shadow: 0px 1px #333;
}
.alrts-static{
color: #eeeeee;
text-align: center;
background: #0095ff;
padding:3px;
}
.alerts-inf {
font-size: 80%;
font-weight: 700;
text-align: center;
}
.alerts-inf-sml {
font-size: 90%;
font-weight: 700;
text-align: center;
line-height: 14px;
}
.alerts-inf-sml-r {
color: #e40700;
}
.alerts-inf-sml-y {
color: #f5cc38;
}
.alerts-inf-sml-g {
color: #5cb85c;
}
.alerts-inf-lrg {
font-size: 90%;
font-weight: 700;
text-align: center;
line-height: 18px;
}
.accord-list {
color: #0964c1;
}
.rsp-det-acrd {
text-align: left;
}
/* ============
FORMS
=========== */
.form-control {
font-size: 12px;
line-height: 1.42857143;
color: #555;
background-color: #f3f3f3;
margin-bottom: 10px;
padding:5px 10px;
height: auto;
}

.form-control-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.form-control-file + label {
    font-size: 1.25em;
    font-weight: 700;
    color: #eee;
    background-color: #0964c1;
    display: inline-block;
    cursor: pointer;
    padding:5px 10px;
}

.form-control-file:focus + label,
.form-control-file + label:hover {
    background-color: #0964c1;
    outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}


.form-group {
margin: 5px 0px;
}
.table p, b {
font-size: 95%;
font-weight: 400;
line-height: 0px;
padding-bottom: 0px;
padding-top: 5px;
}
label {
font-size: 80%;
width: 100%;
display: inline-block;
vertical-align: top;
}
/* ============
FOOTER
=========== */
.footer {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
color: #eee;
height: 40px;
text-align: center;
background-color: #03205b;
border-top: 1px solid #0095ff;
box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.40), 0 -2px 5px 0 rgba(0, 0, 0, 0.60);
z-index: 1000;
}
.footer-home-l {
float: left;
padding-left: 20px;
}
.footer-home-l i {
font-size: 28px !important;
line-height: 38px;
}
.footer-home-m {
font-size: 55%;
padding-top: 15px;
}
.footer i:hover, .footer i:active{color:#f3f3f3;}
.footer b {
font-size: 55%;
top: 15px;
position: absolute;
left: 20px;
}
/* =================
new home Buttons
=================== */
/* Main Styles */
.fa-4x {
font-size: 2.5em !important;
padding-bottom: 10px;
}
.button {
display: block;
display: block;
background-color: #03205a7a;
width: 320px;
height: 50px;
line-height: 50px;
margin: auto;
color: #f3f3f3;
position: inherit;
top: 0;
bottom: 0;
left: 0;
right: 0;
cursor: pointer;
overflow: hidden;
border-radius: 5px;
border: 1px solid #f3f3f3;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
margin-bottom: 10px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.button span,
.button .icon {
display: block;
height: 100%;
text-align: center;
position: absolute;
top: 0;
}
.button span {
width: 80%;
line-height: inherit;
font-size: 22px;
text-transform: uppercase;
left: 0;
transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
}
.button span:after {
content: '';
background-color: #0194ff85;
width: 2px;
height: 70%;
position: absolute;
top: 15%;
right: -1px;
}
.button .icon {
width: 20%;
right: 0;
transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4);
background: #0194ff;
}
.button .icon .fa {
font-size: 30px;
vertical-align: middle;
transition: all 0.25s cubic-bezier(0.31, -0.105, 0.43, 1.4), height 0.25s ease;
}
.button .icon .fa-remove {
height: 36px;
}
.button .icon .fa-check {
display: none;
}
.button.success span, .button:hover span {
left: -72%;
opacity: 0;
}
.button.success .icon, .button:hover .icon {
width: 100%;
}
.button.success .icon .fa, .button:hover .icon .fa {
font-size: 35px;
}
.button.success {
background-color: #0095ff;
}
.button.success .icon .fa-remove {
display: none;
}
.button.success .icon .fa-check {
display: inline-block;
}
.button:hover {
opacity: .9;
}
.button:hover .icon .fa-remove {
height: 46px;
}
.button:active {
opacity: 1;
}
.hm-btn > a:hover {
color: #f3f3f3;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);
}


/* =================
Shado
=================== */
.special-bot100 {
margin-bottom:100px; 
}
.special-fix {
position: fixed;
bottom: 40px;
background-color: #f3f3f3;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 0;
background: linear-gradient(
to bottom,
#0964c1,
#0964c1 50%,
#06519e 50%,
#06519e
);
background-size: 100% 5px;
}
.special-fix .btn{margin-bottom:0; margin-top: 0; padding: 5px; line-height: 16px;}

ul.grid-label{color: #f3f3f3; float: left; display: block; width: 100%; _border: solid 1px #03205a; padding: 0; border: solid 1px #08307e; background-color: #08307e; list-style: none; margin: 0;}
ul.grid-label li{display: inline-block; width: 33.33333%; font-size: 110%; float: left; padding: 5px;}

ul.grid-button{float: left; display: block; width: 100%; padding: 0; list-style: none; margin: 0; font-size: 0;}
ul.grid-button li{display: inline-block; width: 33.33333%; font-size: 14px; float: left;}
ul.grid-button li a{display: block; padding: 10px 5px; text-align: center; text-transform: uppercase; letter-spacing: 2px; color: #f3f3f3; box-shadow: 0px 1px 2px 0px #03205a; text-shadow: 0px -1px #333;}
ul.grid-button li a .fa{font-size: 20px !important;}
ul.grid-button li a span{display: inline-block; font-size: 70%; line-height: 12px; width: 95%; height: 24px; vertical-align: top;}

li.bg_blue a{border: 1px solid #03205a; background-image: linear-gradient(#03205a,#134bbb);}
li.bg_yellow a{border: 1px solid #bf8910; background-image: linear-gradient(#bf8910,#ffcc00);}
li.bg_gray a{border: 1px solid #808080; background-image: linear-gradient(#808080,#B3B3B3);}
li.bg_red a{border: 1px solid #580000; background-image: linear-gradient(#580000,#ff160f);}
li.bg_green a{border: 1px solid #13460e; background-image: linear-gradient(#13460e,#5cb85c);}
li.bg_orange a{border: 1px solid #13460e; background-image: linear-gradient(#A24512,#FF9000);}
li.bg_blue:active a, li.bg_blue:hover a{background-image: linear-gradient(#134bbb,#03205a);}
li.bg_yellow:active a, li.bg_yellow:hover a{background-image: linear-gradient(#ffcc00,#bf8910);}
li.bg_gray:active a, li.bg_gray:hover a{cursor:default;}
li.bg_red:active a, li.bg_red:hover a{background-image: linear-gradient(#ff160f,#580000);}
li.bg_green:active a, li.bg_green:hover a{background-image: linear-gradient(#5cb85c,#13460e);}
li.bg_orange:active a, li.bg_orange:hover a{border: 1px solid #A24512; background-image: linear-gradient(#FF9000,#A24512);}

.col_blue{color: #0095ff; font-weight:900;}
.col_yellow{color: #ffcc00; font-weight:900;}
.col_gray{color: #B3B3B3; font-weight:900;}
.col_red{color: #ff160f; font-weight:900;}
.col_green{color: #5cb85c; font-weight:900;}
.col_orange{color: #FF9000; font-weight:900;}

/* custom icons */
ul.grid-button li a img{width: auto; height: 30px; padding-bottom:5px;}
.zoneToggle .toggle-on.btn img{width: auto; height: 20px;}
.zoneToggle .toggle-off.btn img{width: auto; height: 20px;}

@media only screen and (max-width:390px) {
.jimmyMe{letter-spacing: 5px; padding: 8px 0 7px; display: inline-block;}
.hideMe{display: none;}
}

@media (min-width: 768px){
	.navbar-toggle {
		float: left;
		display: block;
		margin-left: 10px;	
	}
}