/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

/* Navigation
-------------------------------------------------- */

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-brand {
    margin: 0;
    height: 35px;
    padding: 5px 0 0 0;
    margin-right: 20px;
}
.navbar, .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border:  0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.navbar-inverse{
    background: #1f355e; /* Old browsers */
    background: -moz-linear-gradient(top,  #1f355e 0%, #174a7c 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f355e), color-stop(100%,#174a7c)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1f355e 0%,#174a7c 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1f355e 0%,#174a7c 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1f355e 0%,#174a7c 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1f355e 0%,#174a7c 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f355e', endColorstr='#174a7c',GradientType=0 ); /* IE6-9 */
    border-bottom: solid 4px #2A6496;
}
.navbar-inverse .navbar-nav > li > a {
    color: #6BA2C8;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #6BA2C8;
}

.navbar-inverse .navbar-toggle {
    border-color: #174778;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #1f355e;
}

.navbar .divider-vertical {
    height: 50px;
    /*    margin: 0 9px;*/
    border-left: 1px solid #1C3B67;
    border-right: 1px solid #1e578c;
}

li.lang-switch_ a{
    padding: 15px 5px;
    /*    width: 24px;*/
}
.current-lang{
    text-transform: uppercase;
}

#page_queue .navbar, #page_queue #footer{
    display: none;
}


/* Typo
-------------------------------------------------- */
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0;
    margin-bottom: 10px;
}
h1 {
    font-size: 20px;
    /*    text-shadow: 3px 1px 2px rgba(150, 150, 150, 1);*/
    color: #2A6496;
    /*    color: #083B84;*/
}
h1.btn-group{
    margin: 0 20px 0 0;
}

h3 {
    font-size: 20px;
}

.perex{
    margin: 20px 0;
    padding: 20px 0 0 0;
    border-top: 1px dotted #9fd8ef;
}
.red,.is-updated-false{
    color: red;
}

.green,.is-rfreshed{
    color: green;
}

.main_spinner{
    font-size: 14px;
    color:#555;
}

.text-yellow{
    color: yellow;
}
.text-orange{
    color: orange;
}
.input-help{
    color: #666666;
    font-size: 13px;
    line-height: 1.2em;
}
.input-help:hover{
    color: #333;
    cursor:help;
}
.list-group-item {
    border: 1px solid #9fd8ef;
}

.tooltip-inner {
    background-color: #1f355e;
}

.dropdown-menu {
    border-color: #9fd8ef;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #e4f5fc;
}

.custom-ip-message{
    display: none;
}

/* Global
-------------------------------------------------- */
.is-hidden,.alert-hidden,.alert- {
   display: none !important;
}

.alert-list {
     margin: 8px 0;
}

.text-alert,.text-alert-list {
   font-size: 85%;
   margin: 0 0 0 7px;
}
.text-alert {
   margin: 7px 0;
}
/* Modal
-------------------------------------------------- */
.modal-body {
padding: 10px 10px 0 10px;
}

/* Slider
-------------------------------------------------- */
.ngrs-value.ngrs-value-min{
    //display: none;
}

/* Page CSS
-------------------------------------------------- */
.page-header {
    padding-bottom: 0;
    margin: 0 0 20px 0;
    border-bottom: 0;
}

.container {}
/* Response
-------------------------------------------------- */
#respone_container {
    display: none;

}
#respone_container_inner {
    //display: none;
    margin: 0 auto;
    text-align: center;
    /*position: relative;*/
}
.page-load-spinner{
    z-index: 1000;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    width: 150px;
}

.response-message{
    z-index: 1000;
    text-align: center;
   /* position: absolute;*/
    width: 100%;
}

/* Homepage
-------------------------------------------------- */
#page_.custom-ip-true #respone_container .alert-danger{
    display: none !important;
}

.form-home-ip-in {
    //display: none;
    margin: 10px auto;
    text-align: center;
    padding: 10px;
    /*position: relative;*/
}
.product-logo{
    max-width: 200px;
}
.product-description {
    line-height: 1.6em;
    margin: 30px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #9fd8ef;
}
.product-data-list{
    background-color: #e4f5fc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.product-data-list h3{
    color: #2A6496;
    font-size: 120%;
    font-weight: bold;
    margin: 20px 0 10px 0;
}


/* Expert Commands CSS
-------------------------------------------------- */
#row_commands .thumbnail{
    width: 100%;
}
#row_commands .thumbnail:hover{
    border: solid 1px #6BA2C8;
}
#row_commands .thumbnail-title a{
    color: #012F49;
    font-weight: bold;
}

#row_commands img{
    vertical-align: top !important;
}

.commands-data{
    padding: 10px 0;
    border-top: solid 1px #9fd8ef;
}

.commands-data-control{
    padding: 10px;
    background-color: #e4f5fc;
}
.commands-data-control .form-group{
    margin-bottom: 10px;
}

/* Config CSS
-------------------------------------------------- */
.table-cfg-interview th{
    width: 25%;
}
.cfg-block {
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: solid 1px #9fd8ef;
}

.cfg-block h4{
    color: #2A6496;
}

.cfg-control-content{
    padding: 10px;
    margin: 10px 0;
    background-color: #e4f5fc;
}
.cfg-info{ 
    margin: 10px 0 0 0;
    padding: 10px 0 0 0;
    border-top: solid 1px #fff;
}
.commads-is-current{
   text-decoration: underline;
}
#wakeup_cont .form-inline{
/*    max-width: 300px;*/
    float: left;
}

#device_select_image_container{
    margin: 20px;
}

#device_select_image{
    margin: 0 auto;
    text-align: center;
}


#device_select_image img{
    margin: 0 auto;
    max-width: 200px;
}

.btn-assoc{
    margin-bottom: 5px;
}

/* Network controll
-------------------------------------------------- */

.nm-response.alert-danger{
    font-weight: bold;
}

/*  Network controller
-------------------------------------------------- */
.table-controller table{
    margin-bottom: 20px;
}
.table-controller h3{
   font-size: 100%;
   font-weight: bold;
}
.controller-th{
  width: 15%; 
}
/* Device assoc
-------------------------------------------------- */
.badge-assoc{
   margin: 0 5px 5px 0;
   padding: 5px;
}

/* Timing
-------------------------------------------------- */
.timing-packet{
   margin: 0 7px 0 0;
/*   padding: 5px;*/
}

/*Images
-------------------------------------------------- */
.config-device-img{
    max-width: 200px;
}

/* Tables
-------------------------------------------------- */
.table{
    margin-bottom: 0;
}
.table > thead > tr > th {
    border-bottom: 2px solid #9fd8ef;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, .table > tbody > tr > td, 
.table > tfoot > tr > td {
    border-top: 1px solid #9fd8ef;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #e4f5fc;
}

#inspect_queue_table{
    font-size: 12px;
    width: 100%;
}
.th-slider{
    min-width: 100px;
}

.table-condensed td p{
    margin: 0 !important;
    padding: 0 !important;
}

/* Modals
-------------------------------------------------- */
.modal-body_{
    
}
.cc-data-element{
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap; /* HP printers */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
    word-break: break-all;
}
#modal_queue .modal-dialog {
    width: 60%;
}

/* Tabs
-------------------------------------------------- */
.nav-tabs {
    border-bottom: 1px solid #9fd8ef;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #9fd8ef;
    border-bottom-color: transparent;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #e4f5fc;
}

.nav-tabs > li > a:hover {
    border-color:  #9fd8ef;
}

.tab-content{
    padding: 20px;
    margin: 0 0 20px 0;
    border: solid 1px #9fd8ef;
    border-top-color: transparent;
}

/* Panel CSS
-------------------------------------------------- */
.panel {
    border: 1px solid #9fd8ef;
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.panel-highlighted{
    border: 4px solid #7ec8e5;
    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.43);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.43);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.43);
}
.panel-default > .panel-heading {
    color: #2A6496;
    font-size: 16px;
    font-weight: bold;
    background-color: #e4f5fc;
    border-color: #9fd8ef;
}
/* Well CSS
-------------------------------------------------- */
.well {

    background-color: #e4f5fc;
    border: 1px solid #9fd8ef;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
/* Form CSS
-------------------------------------------------- */
.form-control {

    border: 1px solid #9fd8ef;
}
.btn-spinner-hidden,.btn .fa-spin{
    display: none;
}

.btn-default, .btn-default.active, .open .dropdown-toggle.btn-default {
    border-color: #9fd8ef;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #2A6496;
    background-color: #e4f5fc;
    border-color: #9fd8ef;
}

.dropdown-config{
     font-size: 16px;
    /*    text-shadow: 3px 1px 2px rgba(150, 150, 150, 1);*/
    color: #2A6496;
}

/* Footer
-------------------------------------------------- */
#footer {
/*    border-top: solid 2px #6BA2C8;*/
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 60px;

}
#footer .text-muted{
    margin: 15px 0;
    text-align: center;
    color: #6BA2C8;
}
#footer a{
    color: #6BA2C8;
    display: inline-block;
    width: 15%;
    text-align: center;
}
#footer a:hover{
    color: #17497B;
}
/* Routing table cell styles
-------------------------------------------------- */
#RoutingTable td.rtCell {
    width: 22px;
    height: 22px;
    padding: 0px 0px 1px 1px;
}

#RoutingTable div.rtDiv {
    min-width: 20px;
    min-height: 20px;
    height: 100%;
    width: 100%;
    border-radius: 4px;
    border-collapse: separate;
    border: 1px solid white;
    display: table;
    text-align: center;
}

#RoutingTable span.routeHops {
    display: table-cell;
    vertical-align: middle;
    border: 0;
}

#RoutingTable td.rtInfo {
    text-align: left;
    white-space: nowrap;
}

#RoutingTable td.rtHeader {
    text-align: center;
    white-space: nowrap;
}

#RoutingTable td.rtHeaderNames {
    text-align: left;
    white-space: nowrap;
}

#RoutingTable td.rtNodes {
    text-align: right;
}

#RoutingTable td.rtNodesNames {
    text-align: left;
    padding: 0 1em 0 0;
}

#RoutingTable td {
    white-space: nowrap;
    padding: 0px 0px 1px 1px;
}

#RoutingTable th {
    white-space: nowrap;
    padding: 0px 0px 1px 1px;
}

#RoutingTable div.rtDirect {
    background-color: green;
}

#RoutingTable div.rtRouted {
    background-color: #8C0;
}

#RoutingTable div.rtBadlyRouted {
    background-color: yellow;
}

#RoutingTable div.rtNotLinked {
    background-color: red;
}

#RoutingTable div.rtUnavailable {
    background-color: gray;
}

#RoutingTable .info {
    font-size: smaller;
}

#RoutingTable button {
    padding: 0px 6px;
}

/* device not present in config file and not present in Z-Wave assoc group */
.dissapeared {
    color: #911;
}

/* device present in config file but not present in Z-Wave assoc group */
.notInZWave {
    color: #955;
}

/* device present in config file and in Z-Wave assoc group */
.inZWave {
    color: #000;
}

.assocAdd {
    background-color: #911 !important;
    border-color: #955 !important;
}