/*  ==========================================================================
    Site Fonts
    ========================================================================== */
/*  ==========================================================================
    Site Colors
    ========================================================================== */
/*  ==========================================================================
    Breakpoints (Media Querys set to boostrap sizes). Mixin
    ========================================================================== */
/*  ==========================================================================
    Set a rem font size with pixel fallback Fuction/ Mixin
    ========================================================================== */
/*  ==========================================================================
    Box Shadow Mixin
    ========================================================================== */
/*  ==========================================================================
    Transitions Mixin
    ========================================================================== */
/*  ==========================================================================
    Transformations Mixin
    ========================================================================== */
/*  ==========================================================================
     Googles Material Design Shadows Mixin
    ========================================================================== */
html {
  height: 100%;
  font-size: 100%; }

body {
  height: 100%;
  color: #5e5e5e;
  background-color: #edecec;
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  line-height: 1.42857143;
  -webkit-font-smoothing: antialiased;
  letter-spacing: .1px; }

p {
  margin: 0 0 1em; }

input,
button {
  -webkit-font-smoothing: antialiased;
  letter-spacing: .1px; }

a {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

/*  ==========================================================================
    Data Log Report Styles
    ========================================================================== */
.stat {
  text-align: center;
}
.statGreen {
  background-color: #00FF00;
}
.statGrey {
  background-color: #E8E8E8;
}
.statRed {
  background-color: red;
}
.statOrange {
  background-color: #FFA500;
}

/*  ==========================================================================
    Server Styles
    ========================================================================== */
.delete-contact:hover {
  text-decoration: underline;
  cursor: pointer;
}

/*  ==========================================================================
    Bootstrap Dropdown Styles
    ========================================================================== */
.dropdown-menu-right {
  right: 22px; }

.dropdown-menu {
  top: 37%; }

/*  ==========================================================================
    Bootstrap Button Styles
    ========================================================================== */
.btn-default {
  background-size: 200%;
  background-position: 50%; }
  .btn-default:focus {
    background-color: #fff; }
  .btn-default:hover, .btn-default:active:hover {
    background-color: #f0f0f0; }
  .btn-default:active {
    background-color: #e0e0e0;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.btn-primary {
  background-size: 200%;
  background-position: 50%; }
  .btn-primary:focus {
    background-color: #2196F3; }
  .btn-primary:hover, .btn-primary:active:hover {
    background-color: #0d87e9; }
  .btn-primary:active {
    background-color: #0b76cc;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.btn-success {
  background-size: 200%;
  background-position: 50%; }
  .btn-success:focus {
    background-color: #4CAF50; }
  .btn-success:hover, .btn-success:active:hover {
    background-color: #439a46; }
  .btn-success:active {
    background-color: #39843c;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.btn-info {
  background-size: 200%;
  background-position: 50%; }
  .btn-info:focus {
    background-color: #9C27B0; }
  .btn-info:hover, .btn-info:active:hover {
    background-color: #862197; }
  .btn-info:active {
    background-color: #701c7e;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.btn-warning {
  background-size: 200%;
  background-position: 50%; }
  .btn-warning:focus {
    background-color: #ff9800; }
  .btn-warning:hover, .btn-warning:active:hover {
    background-color: #e08600; }
  .btn-warning:active {
    background-color: #c27400;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.btn-danger {
  background-size: 200%;
  background-position: 50%; }
  .btn-danger:focus {
    background-color: #e51c23; }
  .btn-danger:hover, .btn-danger:active:hover {
    background-color: #cb171e; }
  .btn-danger:active {
    background-color: #b0141a;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.btn-link {
  background-size: 200%;
  background-position: 50%; }
  .btn-link:focus {
    background-color: #fff; }
  .btn-link:hover, .btn-link:active:hover {
    background-color: #f0f0f0; }
  .btn-link:active {
    background-color: #e0e0e0;
    background-size: 1000%;
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); }

.btn {
  text-transform: uppercase;
  border: none;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .btn-link {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #444; }
    .btn-link:hover, .btn-link:focus {
      -webkit-box-shadow: none;
      box-shadow: none;
      color: #444;
      text-decoration: none; }
  .btn-default.disabled {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
    opacity: 1; }

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 0; }
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: 0; }

/*  ==========================================================================
    Bootstrap Form Styles
    ========================================================================== */
form {
  margin-bottom: 20px;
  text-align: left; }

fieldset {
  margin-bottom: 20px; }

legend {
  color: #1976D2; }

label {
  font-weight: normal;
  font-size: 18px;
  font-size: 1.125rem;
  color: #212121; }

textarea,
textarea.form-control,
input.form-control,
input[type=text],
input[type=password],
input[type=email],
input[type=number],
[type=text].form-control,
[type=password].form-control,
[type=email].form-control,
[type=tel].form-control,
[contenteditable].form-control {
  padding: 0;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -webkit-box-shadow: inset 0 -1px 0 #ddd;
  box-shadow: inset 0 -1px 0 #ddd;
  font-size: 16px;
  font-size: 1rem; }
  textarea:focus,
  textarea.form-control:focus,
  input.form-control:focus,
  input[type=text]:focus,
  input[type=password]:focus,
  input[type=email]:focus,
  input[type=number]:focus,
  [type=text].form-control:focus,
  [type=password].form-control:focus,
  [type=email].form-control:focus,
  [type=tel].form-control:focus,
  [contenteditable].form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #2196F3;
    box-shadow: inset 0 -2px 0 #2196F3; }
  textarea[disabled], textarea[readonly],
  textarea.form-control[disabled],
  textarea.form-control[readonly],
  input.form-control[disabled],
  input.form-control[readonly],
  input[type=text][disabled],
  input[type=text][readonly],
  input[type=password][disabled],
  input[type=password][readonly],
  input[type=email][disabled],
  input[type=email][readonly],
  input[type=number][disabled],
  input[type=number][readonly],
  [type=text].form-control[disabled],
  [type=text].form-control[readonly],
  [type=password].form-control[disabled],
  [type=password].form-control[readonly],
  [type=email].form-control[disabled],
  [type=email].form-control[readonly],
  [type=tel].form-control[disabled],
  [type=tel].form-control[readonly],
  [contenteditable].form-control[disabled],
  [contenteditable].form-control[readonly] {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }
  textarea.input-sm,
  textarea.form-control.input-sm,
  input.form-control.input-sm,
  input[type=text].input-sm,
  input[type=password].input-sm,
  input[type=email].input-sm,
  input[type=number].input-sm,
  [type=text].form-control.input-sm,
  [type=password].form-control.input-sm,
  [type=email].form-control.input-sm,
  [type=tel].form-control.input-sm,
  [contenteditable].form-control.input-sm {
    font-size: 12px;
    font-size: 0.75rem; }
  textarea.input-lg,
  textarea.form-control.input-lg,
  input.form-control.input-lg,
  input[type=text].input-lg,
  input[type=password].input-lg,
  input[type=email].input-lg,
  input[type=number].input-lg,
  [type=text].form-control.input-lg,
  [type=password].form-control.input-lg,
  [type=email].form-control.input-lg,
  [type=tel].form-control.input-lg,
  [contenteditable].form-control.input-lg {
    font-size: 18px;
    font-size: 1.125rem; }

textarea {
  resize: none; }

select,
select.form-control {
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-left: 0;
  padding-right: 0\9;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEVmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaP/QSjAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-box-shadow: inset 0 -1px 0 #ddd;
  box-shadow: inset 0 -1px 0 #ddd;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }
  select::-ms-expand,
  select.form-control::-ms-expand {
    display: none; }
  select.input-sm,
  select.form-control.input-sm {
    font-size: 12px;
    font-size: 0.75rem; }
  select.input-lg,
  select.form-control.input-lg {
    font-size: 18px;
    font-size: 1.125rem; }
  select:focus,
  select.form-control:focus {
    -webkit-box-shadow: inset 0 -2px 0 #2196F3;
    box-shadow: inset 0 -2px 0 #2196F3;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAAAJ1BMVEUhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISEhISF8S9ewAAAADHRSTlMAAgMJC0uWpKa6wMxMdjkoAAAANUlEQVR4AeXJyQEAERAAsNl7Hf3X6xt0QL6JpZWq30pdvdadme+0PMdzvHm8YThHcT1H7K0BtOMDniZhWOgAAAAASUVORK5CYII=); }
  select[multiple],
  select.form-control[multiple] {
    background: none; }
  select[disabled], select[readonly],
  select.form-control[disabled],
  select.form-control[readonly] {
    background-color: #fff;
    color: rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: none;
    box-shadow: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.26); }

.radio label,
.radio-inline label,
.checkbox label,
.checkbox-inline label {
  padding-left: 25px; }
.radio input[type="radio"],
.radio input[type="checkbox"],
.radio-inline input[type="radio"],
.radio-inline input[type="checkbox"],
.checkbox input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="radio"],
.checkbox-inline input[type="checkbox"] {
  margin-left: -25px; }

input[type="radio"],
.radio input[type="radio"],
.radio-inline input[type="radio"] {
  position: relative;
  margin-top: 6px;
  margin-right: 4px;
  vertical-align: top;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer; }
  input[type="radio"]:focus,
  .radio input[type="radio"]:focus,
  .radio-inline input[type="radio"]:focus {
    outline: none; }
  input[type="radio"]:before, input[type="radio"]:after,
  .radio input[type="radio"]:before,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:before,
  .radio-inline input[type="radio"]:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-transition: 240ms;
    -moz-transition: 240ms;
    -ms-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms; }
  input[type="radio"]:before,
  .radio input[type="radio"]:before,
  .radio-inline input[type="radio"]:before {
    position: absolute;
    left: 0;
    top: -3px;
    background-color: #2196F3;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
  input[type="radio"]:after,
  .radio input[type="radio"]:after,
  .radio-inline input[type="radio"]:after {
    position: relative;
    top: -3px;
    border: 2px solid #666; }
  input[type="radio"]:checked:before,
  .radio input[type="radio"]:checked:before,
  .radio-inline input[type="radio"]:checked:before {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }
  input[type="radio"]:disabled:checked:before,
  .radio input[type="radio"]:disabled:checked:before,
  .radio-inline input[type="radio"]:disabled:checked:before {
    background-color: #bbb; }
  input[type="radio"]:checked:after,
  .radio input[type="radio"]:checked:after,
  .radio-inline input[type="radio"]:checked:after {
    border-color: #2196F3; }
  input[type="radio"]:disabled:after, input[type="radio"]:disabled:checked:after,
  .radio input[type="radio"]:disabled:after,
  .radio input[type="radio"]:disabled:checked:after,
  .radio-inline input[type="radio"]:disabled:after,
  .radio-inline input[type="radio"]:disabled:checked:after {
    border-color: #bbb; }

input[type="checkbox"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: relative;
  border: none;
  margin-bottom: -4px;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer; }
  input[type="checkbox"]:focus,
  .checkbox input[type="checkbox"]:focus,
  .checkbox-inline input[type="checkbox"]:focus {
    outline: none; }
  input[type="checkbox"]:focus:after,
  .checkbox input[type="checkbox"]:focus:after,
  .checkbox-inline input[type="checkbox"]:focus:after {
    border-color: #2196F3; }
  input[type="checkbox"]:after,
  .checkbox input[type="checkbox"]:after,
  .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -2px;
    margin-right: 5px;
    border: 2px solid #666;
    border-radius: 2px;
    -webkit-transition: 240ms;
    -moz-transition: 240ms;
    -ms-transition: 240ms;
    -o-transition: 240ms;
    transition: 240ms; }
  input[type="checkbox"]:checked:before,
  .checkbox input[type="checkbox"]:checked:before,
  .checkbox-inline input[type="checkbox"]:checked:before {
    content: "";
    position: absolute;
    top: 0;
    left: 6px;
    display: table;
    width: 6px;
    height: 12px;
    border: 2px solid #fff;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg); }
  input[type="checkbox"]:checked:after,
  .checkbox input[type="checkbox"]:checked:after,
  .checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #2196F3;
    border-color: #2196F3; }
  input[type="checkbox"]:disabled:after,
  .checkbox input[type="checkbox"]:disabled:after,
  .checkbox-inline input[type="checkbox"]:disabled:after {
    border-color: #bbb; }
  input[type="checkbox"]:disabled:checked:after,
  .checkbox input[type="checkbox"]:disabled:checked:after,
  .checkbox-inline input[type="checkbox"]:disabled:checked:after {
    background-color: #bbb;
    border-color: transparent; }

.has-warning input:not([type=checkbox]),
.has-warning .form-control,
.has-warning input.form-control[readonly],
.has-warning input[type=text][readonly],
.has-warning [type=text].form-control[readonly],
.has-warning input:not([type=checkbox]):focus,
.has-warning .form-control:focus {
  border-bottom: none;
  -webkit-box-shadow: inset 0 -2px 0 #ff9800;
  box-shadow: inset 0 -2px 0 #ff9800; }

.has-error input:not([type=checkbox]),
.has-error .form-control,
.has-error input.form-control[readonly],
.has-error input[type=text][readonly],
.has-error [type=text].form-control[readonly],
.has-error input:not([type=checkbox]):focus,
.has-error .form-control:focus {
  border-bottom: none;
  -webkit-box-shadow: inset 0 -2px 0 #e51c23;
  box-shadow: inset 0 -2px 0 #e51c23; }

.has-success input:not([type=checkbox]),
.has-success .form-control,
.has-success input.form-control[readonly],
.has-success input[type=text][readonly],
.has-success [type=text].form-control[readonly],
.has-success input:not([type=checkbox]):focus,
.has-success .form-control:focus {
  border-bottom: none;
  -webkit-box-shadow: inset 0 -2px 0 #4CAF50;
  box-shadow: inset 0 -2px 0 #4CAF50; }

.help-block {
  font-size: 12px;
  font-size: 0.75rem; }

/*  ==========================================================================
    Bootstrap Indicator Styles
    ========================================================================== */
.alert {
  border: none;
  color: #fff; }
  .alert-success {
    background-color: #4CAF50; }
  .alert-info {
    background-color: #9C27B0; }
  .alert-warning {
    background-color: #ff9800; }
  .alert-danger {
    background-color: #e51c23; }
  .alert a:not(.close),
  .alert .alert-link {
    color: #fff;
    font-weight: bold; }
  .alert .close {
    color: #fff; }

/*  ==========================================================================
    Bootstrap Panel Styles
    ========================================================================== */
.panel-group .panel {
  border-radius: 2px; }

.panel {
  border: none;
  border-radius: 2px;
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  font-size: 14px;
  font-size: 0.875rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  @media (min-width: 768px) {
    .panel {
      text-align: left; } }
  .panel-heading {
    min-height: 54px;
    border-bottom: none;
    text-align: left; }
    .panel-heading a {
      display: block;
      text-decoration: none;
      color: #212121; }
  .panel-footer {
    border-top: none; }

/*  ==========================================================================
    Panel Indicator Styles
    ========================================================================== */
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #2196F3;
  border-color: #2196F3; }

.panel-success > .panel-heading {
  color: #fff;
  background-color: #4CAF50;
  border-color: #4CAF50; }
  .panel-success > .panel-heading h2 {
    color: #fff; }
    .panel-success > .panel-heading h2 a {
      color: #fff; }
  .panel-success > .panel-heading small {
    color: #fff; }
  .panel-success > .panel-heading .action-menu > li > a > i {
    color: #fff; }

.panel-info > .panel-heading {
  color: #fff;
  background-color: #9C27B0;
  border-color: #9C27B0; }
  .panel-info > .panel-heading h2 {
    color: #fff; }
    .panel-info > .panel-heading h2 a {
      color: #fff; }
  .panel-info > .panel-heading small {
    color: #fff; }
  .panel-info > .panel-heading .action-menu > li > a > i {
    color: #fff; }

.panel-warning > .panel-heading {
  color: #fff;
  background-color: #ff9800;
  border-color: #ff9800; }
  .panel-warning > .panel-heading h2 {
    color: #fff; }
    .panel-warning > .panel-heading h2 a {
      color: #fff; }
  .panel-warning > .panel-heading small {
    color: #fff; }
  .panel-warning > .panel-heading .action-menu > li > a > i {
    color: #fff; }

.panel-danger > .panel-heading {
  color: #fff;
  background-color: #e51c23;
  border-color: #e51c23; }
  .panel-danger > .panel-heading h2 {
    color: #fff; }
    .panel-danger > .panel-heading h2 a {
      color: #fff; }
  .panel-danger > .panel-heading small {
    color: #fff; }
  .panel-danger > .panel-heading .action-menu > li > a > i {
    color: #fff; }

  .panel-offline > .panel-heading {
  color: #fff;
  background-color: #919191;
  border-color: #191919; }
  .panel-offline > .panel-heading h2 {
    color: #fff; }
    .panel-offline > .panel-heading h2 a {
      color: #fff; }
  .panel-offline > .panel-heading small {
    color: #fff; }
  .panel-offline > .panel-heading .action-menu > li > a > i {
    color: #fff; }

/*  ==========================================================================
    Bootstrap Well Styles
    ========================================================================== */
.well {
  border-radius: 0;
  box-shadow: none; }

/*  ==========================================================================
    Bootstrap Table Styles
    ========================================================================== */
.table-hover > tbody > tr,
.table-hover > tbody > tr > th,
.table-hover > tbody > tr > td {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s; }

/*  ==========================================================================
    Bootstrap Nav Styles
    ========================================================================== */
.navbar-default {
  background-color: #1976D2;
  border-color: #1976D2;
  padding: 6px 0 6px 0;
  font-size: 16px;
  font-size: 1rem; }
  @media (min-width: 768px) {
    .navbar-default {
      padding: 16px 0 20px 0; } }
  .navbar-default .navbar-brand {
    height: 40px;
    color: #FFFFFF;
    padding: 0 15px 15px 15px;
    font-size: 28px;
    font-size: 1.75rem; }
    @media (min-width: 768px) {
      .navbar-default .navbar-brand {
        height: 50px; } }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #222222; }
    .navbar-default .navbar-brand img {
      height: 40px; }
      @media (min-width: 768px) {
        .navbar-default .navbar-brand img {
          height: 50px; } }
  .navbar-default .navbar-text {
    color: #FFFFFF; }
  .navbar-default .navbar-nav {
    margin: 0 -15px; }
    .navbar-default .navbar-nav > li > a {
      font-weight: bold;
      border-top: 1px solid #1976D2;
      color: #FFFFFF;
      padding: 15px; }
      .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #262626;
        background-color: #1976D2; }
    .navbar-default .navbar-nav > li > .dropdown-menu {
      background-color: #ffffff; }
      @media (min-width: 768px) {
        .navbar-default .navbar-nav > li > .dropdown-menu {
          min-width: 200px; } }
      .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
        color: #222222;
        padding: 15px;
        font-size: 16px;
        font-size: 1rem; }
        @media (min-width: 768px) {
          .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
            font-size: 14px;
            font-size: 0.875rem; } }
        .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
          color: #262626;
          background-color: #cccccc; }
      .navbar-default .navbar-nav > li > .dropdown-menu .divider {
        background-color: #cccccc; }
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
      color: #262626;
      background-color: #cccccc; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
      color: #262626;
      background-color: #cccccc; }
  .navbar-default .navbar-toggle {
    background-color: #333333;
    border-color: #333333; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #222222; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #ffffff; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    max-height: 100vh;
    border-color: #1976D2;
    background-color: #2196F3; }
    @media (min-width: 768px) {
      .navbar-default .navbar-collapse,
      .navbar-default .navbar-form {
        background-color: #1976D2; } }
  .navbar-default .navbar-link {
    color: #222222; }
    .navbar-default .navbar-link:hover {
      color: #222222; }

@media (min-width: 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #222222; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #262626;
      background-color: #cccccc; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #262626;
    background-color: #cccccc; } }
/*  ==========================================================================
   Content Area Styles
    ========================================================================== */
.settings-background {
  background-color: #fff;
  padding-bottom: 20px; }

.advanced-settings-btn {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 15px 15px 0;
  text-decoration: none;
  color: #e51c23; }
  .advanced-settings-btn:focus,
  .advanced-settings-btn :hover {
    text-decoration: none;
    color: #e51c23; }

.advanced-settings label {
  color: #e51c23; }

/*  ==========================================================================
   login Styles
    ========================================================================== */
.login-container.login {
  max-width: 350px;
  padding: 20px 20px; }

.login {
  background-color: #ffffff;
  margin: 0 auto 25px;
  margin-top: 50px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .login h1 {
    font-size: 34px;
    font-size: 2.125rem;
    text-align: center; }
  .login h2 {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center; }

.profile-img-login {
  width: 96px;
  height: 96px;
  margin: 0 auto 10px;
  display: block;
  border-radius: 50%; }

.account-register {
  font-size: 14px;
  font-size: 0.875rem; }

/*  ==========================================================================
    Header Styles
    ========================================================================== */
.main-header {
  padding-bottom: 62px; }
  @media (min-width: 768px) {
    .main-header {
      padding-bottom: 86px; } }

.header-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

/*  ==========================================================================
    Dashboard Styles
    ========================================================================== */
.circleStatsItem {
  position: relative;
  background: #fff;
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.2), 0 0 0 4px rgba(0, 0, 0, 0.1);
  border-radius: 50em;
  width: 280px;
  height: 280px;
  margin: 30px auto; }
  .circleStatsItem i {
    font-size: 120px;
    position: absolute;
    top: 26%;
    margin-top: 0;
    width: 100%;
    text-align: center; }
  .circleStatsItem .status {
    position: absolute;
    margin-top: 195px;
    margin-left: 0;
    font-size: 24px; 
    width: 280px;
    text-align: center;
  }
  .circleStatsItem.success {
    box-shadow: inset 0 0 0 16px #4CAF50, 0 0 0 4px rgba(0, 0, 0, 0.1); }
    .circleStatsItem.success i {
      color: #4CAF50; }
  .circleStatsItem.info {
    box-shadow: inset 0 0 0 16px #9C27B0, 0 0 0 4px rgba(0, 0, 0, 0.1); }
    .circleStatsItem.info i {
      color: #9C27B0; }
  .circleStatsItem.warning {
    box-shadow: inset 0 0 0 16px #ff9800, 0 0 0 4px rgba(0, 0, 0, 0.1); }
    .circleStatsItem.warning i {
      color: #ff9800; }
  .circleStatsItem.danger {
    box-shadow: inset 0 0 0 16px #e51c23, 0 0 0 4px rgba(0, 0, 0, 0.1); }
    .circleStatsItem.danger i {
      color: #e51c23; }

.dashboard-text {
  max-width: 350px;
  padding: 8px;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  text-align: center; }
  .dashboard-text h2 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 8px 0;
    padding: 0;
    font-weight: bold; }
  .dashboard-text p {
    margin: 0; }

/*  ==========================================================================
    Section Header Styles
    ========================================================================== */
.section-header {
  position: relative;
  min-height: 60px;
  background-color: #2196F3;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 30px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  color: #fff; }
  .section-header h2 {
    margin: 0 0 0 0;
    padding: 0 0 0 15px;
    line-height: 60px;
    font-size: 20px;
    font-size: 1.25rem; }
  .section-header .action-menu {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 14px; }
    .section-header .action-menu > li {
      margin-right: 15px; }
    .section-header .action-menu > li > a > i {
      color: #fff; }

/*  ==========================================================================
    Action Menu Styles
    ========================================================================== */
.action-menu {
  z-index: 2;
  padding: 0;
  margin: 0;
  list-style: none; }
  .action-menu > li {
    display: inline-block;
    vertical-align: baseline; }
  .action-menu > li > a,
  .action-menu > a {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center; }
  .action-menu > li > a > i,
  .action-menu > a > i {
    color: #727272;
    font-size: 30px;
    font-size: 1.875rem; }

/*  ==========================================================================
    Panel Styles
    ========================================================================== */
.padding {
  padding: 5px 15px; }

.margin-temp {
  margin-top: 15px; }

strong {
  display: block; }
  @media (min-width: 768px) {
    strong {
      display: inline; } }

.temp {
  background-color: #bbb;
  border: 1px solid #aeaeae;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  text-align: center;
  margin: 0 auto; }
  .temp span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    padding-top: 16px; }
  .temp small {
    display: block;
    font-size: 12px;
    font-size: 0.75rem; }
  .temp.success {
    background-color: #4CAF50;
    border: 1px solid #449d48;
    color: #fff; }
  .temp.info {
    background-color: #9C27B0;
    border: 1px solid #89229b;
    color: #fff; }
  .temp.warning {
    background-color: #ff9800;
    border: 1px solid #e68900;
    color: #fff; }
  .temp.danger {
    background-color: #e51c23;
    border: 1px solid #d0181e;
    color: #fff; }

.panel-heading h2 {
  margin: 0;
  color: #212121;
  line-height: 100%;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400; }
.panel-heading small {
  display: block;
  margin-top: 10px;
  color: #727272;
  line-height: 40%;
  font-size: 12px;
  font-size: 0.75rem; }
.panel-heading i {
  font-size: 26px;
  font-size: 1.625rem;
  margin-right: 6px;
  color: #2196F3; }
.panel-heading .action-menu {
  position: absolute;
  right: -5px;
  z-index: 2;
  top: 10px; }

/*  ==========================================================================
    Panel Text Indicator Styles
    ========================================================================== */
.panel .success i {
  color: #4CAF50; }
.panel .info i {
  color: #9C27B0; }
.panel .warning i {
  color: #ff9800; }
.panel .danger i {
  color: #e51c23; }

/*  ==========================================================================
    Footer Styles
    ========================================================================== */
.main-footer {
  height: 40px;
  margin-top: 30px;
  color: #a2a2a2;
  font-size: 14px;
  font-size: 0.875rem;
  text-align: center; }

/*# sourceMappingURL=style.css.map */

.alarm-alert {
  margin: 0 auto;
  text-align: center;
}