/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-default.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-default[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  text-shadow: 0 1px 0 #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #e0e0e0;
  background-image: none;
}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #265a88;
  border-color: #245580;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #265a88;
  background-image: none;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #419641;
  background-image: none;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #c12e2a;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-color: #e8e8e8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-color: #2e6da4;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background-image: -o-linear-gradient(top, #3c3c3c 0%, #222222 100%);
  background-image: linear-gradient(to bottom, #3c3c3c 0%, #222222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  }
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
}
div.modal-dialog {
  margin-top: 100px;
}
html,
body {
  min-height: 460px !important;
}
#panelSearchGris .btn {
  float: right;
}
#panelSearchGris td {
  padding: 0.2em;
}
#panelSearchGris .modal-dialog {
  width: 920px;
}
#panelSearchGris table {
  display: flex;
  flex-flow: column;
}
#panelSearchGris table thead,
#panelSearchGris table tbody tr {
  display: table;
  table-layout: fixed;
}
#panelSearchGris table thead {
  flex: 0 0 auto;
  width: calc(100% - 0.9em);
}
#panelSearchGris table tbody {
  display: block;
  flex: 1 1 auto;
  overflow-y: scroll;
}
#panelSearchGris table tbody tr {
  width: 99.9%;
}
#panelSearchGris table thead {
  background: #555555;
  background: -moz-linear-gradient(top, #343434, #555555);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #555555));
}
#panelSearchGris table tbody {
  max-height: 11em;
}
#panelSearchGris table td {
  border: 1px solid black;
}
#panelSearchGris table td:nth-child(1) {
  width: 13%;
}
#panelSearchGris table td:nth-child(2) {
  width: 11%;
}
#panelSearchGris table td:nth-child(3) {
  width: 15%;
}
#panelSearchGris table td:nth-child(4) {
  width: 15%;
}
#panelSearchGris table td:nth-child(5) {
  width: 15%;
}
.label-fullwidth {
  float: left;
  width: 100%;
  height: 17px;
}
#personenSuche {
  padding: 4px 12px;
}
.required {
  -webkit-transition: 500;
  -moz-transition: 500;
  -ms-transition: 500;
  -o-transition: 500;
  transition: 500;
  border: none;
}
.required.error-class {
  border: 1px solid red !important;
}
.personenSuche-info.absolute {
  font-size: 12px;
  padding-left: 12px;
  padding-right: 0px;
}
#gris-kill-session {
  position: absolute;
  right: 0px;
  padding: 4px 10px;
  top: 25px;
}
/*
@media only screen and (max-width: 640px) and (orientation:portrait){
  body {
    height: 100%;
    width: 100%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  html {

    // height: 100%;
    // width: 100%;

  }

}
*/
html {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.createlight {
  position: fixed;
}
body {
  background-color: #000000;
  margin: 0;
  scrollbar-face-color: #000000;
  scrollbar-shadow-color: #2D2C4D;
  scrollbar-highlight-color: #7D7E94;
  scrollbar-3dlight-color: #7D7E94;
  scrollbar-darkshadow-color: #2D2C4D;
  scrollbar-track-color: #7D7E94;
  scrollbar-arrow-color: #C1C1D1;
}
body ::-webkit-scrollbar {
  width: 12px;
}
body ::-webkit-scrollbar-track {
  border-left: 1px solid #ccc;
  background-color: #555555;
}
body ::-webkit-scrollbar-thumb {
  background-color: #222222;
}
body ::-webkit-scrollbar-thumb:hover {
  background-color: black;
}
.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}
section.main .row .col-md-12 {
  padding: 0px;
}
#canvas {
  z-index: 0;
}
html {
  width: 100% !important;
  height: 100% !important;
}
body {
  width: 100% !important;
  height: 100% !important;
  float: left;
  z-index: 0;
  background: #257eb7;
  background: -moz-linear-gradient(top, #040429, #257eb7);
  background: linear-gradient(to bottom, #040429 0%, #257eb7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #040429), color-stop(40%, #004293), color-stop(65%, #257eb7), color-stop(100%, #00baff));
}
body #panelAccount #panelAccountWrapper .tx-felogin-pi1 input[type=submit] {
  padding: 6px 12px;
}
.btn {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
  background: black;
  color: #eeeeee;
}
.btn:active,
.btn.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .badge {
  text-shadow: none;
}
.btn:hover,
.btn:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
.btn:active,
.btn.active {
  background-color: #265a88;
  border-color: #245580;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn,
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.btn.disabled:focus,
.btn[disabled]:focus,
fieldset[disabled] .btn:focus,
.btn.disabled.focus,
.btn[disabled].focus,
fieldset[disabled] .btn.focus,
.btn.disabled:active,
.btn[disabled]:active,
fieldset[disabled] .btn:active,
.btn.disabled.active,
.btn[disabled].active,
fieldset[disabled] .btn.active {
  background-color: #265a88;
  background-image: none;
}
.btn:hover {
  color: white;
  -webkit-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
}
button,
button i,
a:hover,
a:active,
a:focus {
  outline: 0;
}
.nav,
header {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 101;
}
.nav .container-fluid.absolute,
header .container-fluid.absolute {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  margin-bottom: 1em;
}
.nav .btn,
header .btn {
  margin-top: 0.2em;
}
.nav p,
header p {
  color: white;
}
.nav .col-md-4:nth-child(3) .tx-felogin-pi1 fieldset > legend,
header .col-md-4:nth-child(3) .tx-felogin-pi1 fieldset > legend,
.nav .col-md-4:nth-child(3) .felogin_login fieldset > legend,
header .col-md-4:nth-child(3) .felogin_login fieldset > legend,
.nav .col-md-4:nth-child(3) .tx-felogin-pi1 h3,
header .col-md-4:nth-child(3) .tx-felogin-pi1 h3,
.nav .col-md-4:nth-child(3) .felogin_login h3,
header .col-md-4:nth-child(3) .felogin_login h3,
.nav .col-md-4:nth-child(3) .tx-felogin-pi1 h3 ~ div,
header .col-md-4:nth-child(3) .tx-felogin-pi1 h3 ~ div,
.nav .col-md-4:nth-child(3) .felogin_login h3 ~ div,
header .col-md-4:nth-child(3) .felogin_login h3 ~ div,
.nav .col-md-4:nth-child(3) .tx-felogin-pi1 fieldset > legend > div,
header .col-md-4:nth-child(3) .tx-felogin-pi1 fieldset > legend > div,
.nav .col-md-4:nth-child(3) .felogin_login fieldset > legend > div,
header .col-md-4:nth-child(3) .felogin_login fieldset > legend > div {
  display: none;
}
.nav .col-md-4:nth-child(3) .tx-felogin-pi1 input[type=submit],
header .col-md-4:nth-child(3) .tx-felogin-pi1 input[type=submit],
.nav .col-md-4:nth-child(3) .felogin_login input[type=submit],
header .col-md-4:nth-child(3) .felogin_login input[type=submit] {
  margin-top: 0.2em;
}
/*

#blockContainer {
    display: -webkit-box;
    display: -moz-box;
    display: box;

    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
}
#blockA {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    box-ordinal-group: 2;
}
#blockB {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    box-ordinal-group: 3;
}

*/
body[data-viewport="xs"] .nav {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
}
body[data-viewport="xs"] .nav .col-sm-4:first-child {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  box-ordinal-group: 2;
}
body[data-viewport="xs"] .nav .col-sm-4:nth-child(1) {
  -webkit-box-ordinal-group: 3;
  -moz-box-ordinal-group: 3;
  box-ordinal-group: 3;
}
body[data-viewport="xs"] .nav .col-sm-4:nth-child(2) {
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  box-ordinal-group: 1;
}
.tx-ig-lichter footer .col-md-4:first-child {
  margin-left: 1em;
}
footer {
  bottom: 0px;
  width: 100%;
  z-index: 101;
  position: fixed;
}
footer .container-fluid:first-child {
  margin-bottom: 0.5em;
}
footer .container-fluid:first-child .col-md-4:nth-child(1) {
  margin-bottom: 1.5em;
}
footer ul {
  padding-left: 1em;
}
footer ul li {
  margin-right: 1em;
  display: inline;
}
footer ul li a {
  color: #eeeeee;
}
footer .btn {
  margin-bottom: 0.2em;
}
footer .logo {
  display: block;
  float: right;
  cursor: pointer;
  position: absolute;
  bottom: 0.5em;
  right: 1em;
}
@media (max-width: 992px) {
  footer .logo {
    display: none;
  }
}
footer .logo p {
  color: white;
  float: right;
  padding-right: 2em;
  margin-top: 5em;
  font-size: 0.8em;
}
footer .logo #logo {
  height: 4em;
  margin-right: 1em;
  margin-bottom: 1em;
  float: right;
  display: block;
  pointer-events: none;
  background: #1F749B;
  padding: 5px;
}
.modal-backdrop {
  opacity: 0;
  background: transparent;
  pointer-events: none;
}
.dark-blue {
  background: rgba(0, 20, 40, 0.9);
  color: #ddd;
}
.modal .alert,
#panelAccountWrapper .alert {
  padding: 0.2em;
  margin-bottom: 0px;
}
.modal .alert h4,
#panelAccountWrapper .alert h4 {
  display: none;
}
.modal#panelDialog,
#panelAccountWrapper#panelDialog {
  z-index: 2000;
}
.modal h3,
#panelAccountWrapper h3 {
  font-size: 1.2em;
}
.modal h4,
#panelAccountWrapper h4 {
  font-size: 1em;
}
.modal hr,
#panelAccountWrapper hr {
  margin: 0.3em 0.2em;
  border-bottom-color: #888;
}
.modal label,
#panelAccountWrapper label {
  font-size: 0.9em;
  margin-top: 0.2em;
}
.modal[data-layout='dark-blue'] .modal-header,
#panelAccountWrapper[data-layout='dark-blue'] .modal-header {
  border-bottom-color: #555555;
}
.modal[data-layout='dark-blue'] .modal-content,
#panelAccountWrapper[data-layout='dark-blue'] .modal-content {
  background: rgba(0, 20, 40, 0.9);
  color: #ddd;
}
.modal[data-layout='dark-blue'] .modal-footer,
#panelAccountWrapper[data-layout='dark-blue'] .modal-footer {
  border-top-color: #555555;
}
.modal[data-layout='dark-blue'] input,
#panelAccountWrapper[data-layout='dark-blue'] input,
.modal[data-layout='dark-blue'] textarea,
#panelAccountWrapper[data-layout='dark-blue'] textarea,
.modal[data-layout='dark-blue'] select,
#panelAccountWrapper[data-layout='dark-blue'] select {
  width: 100%;
  background: black;
  border-color: #555;
  border-width: 1px;
  padding: 0.2em 0.3em;
}
.modal[data-layout='dark-blue'] textarea,
#panelAccountWrapper[data-layout='dark-blue'] textarea {
  resize: none;
}
.modal[data-layout='dark-blue'] .control-group.error input,
#panelAccountWrapper[data-layout='dark-blue'] .control-group.error input {
  border: 1px solid red;
}
.modal[data-layout='dark-blue'] .control-group.error input[type="checkbox"],
#panelAccountWrapper[data-layout='dark-blue'] .control-group.error input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1em;
  height: 1em;
  background: #ddd;
  border-radius: 1px;
}
.modal[data-layout='dark-blue'] .control-group.error.femanager_vbdata .close,
#panelAccountWrapper[data-layout='dark-blue'] .control-group.error.femanager_vbdata .close {
  float: right;
}
.modal[data-layout='dark-blue'] .control-group.error.femanager_vbdata .alert-error,
#panelAccountWrapper[data-layout='dark-blue'] .control-group.error.femanager_vbdata .alert-error {
  display: block;
  float: left;
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.modal[data-layout='dark-blue'] input[type="submit"],
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"] {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
  background: #0064a0;
}
.modal[data-layout='dark-blue'] input[type="submit"]:active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"]:active,
.modal[data-layout='dark-blue'] input[type="submit"].active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.modal[data-layout='dark-blue'] input[type="submit"].disabled,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].disabled,
.modal[data-layout='dark-blue'] input[type="submit"][disabled],
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"][disabled],
fieldset[disabled] .modal[data-layout='dark-blue'] input[type="submit"],
fieldset[disabled] #panelAccountWrapper[data-layout='dark-blue'] input[type="submit"] {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal[data-layout='dark-blue'] input[type="submit"] .badge,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"] .badge {
  text-shadow: none;
}
.modal[data-layout='dark-blue'] input[type="submit"]:hover,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"]:hover,
.modal[data-layout='dark-blue'] input[type="submit"]:focus,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"]:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
.modal[data-layout='dark-blue'] input[type="submit"]:active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"]:active,
.modal[data-layout='dark-blue'] input[type="submit"].active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].active {
  background-color: #265a88;
  border-color: #245580;
}
.modal[data-layout='dark-blue'] input[type="submit"].disabled,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].disabled,
.modal[data-layout='dark-blue'] input[type="submit"][disabled],
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"][disabled],
fieldset[disabled] .modal[data-layout='dark-blue'] input[type="submit"],
fieldset[disabled] #panelAccountWrapper[data-layout='dark-blue'] input[type="submit"],
.modal[data-layout='dark-blue'] input[type="submit"].disabled:hover,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].disabled:hover,
.modal[data-layout='dark-blue'] input[type="submit"][disabled]:hover,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"][disabled]:hover,
fieldset[disabled] .modal[data-layout='dark-blue'] input[type="submit"]:hover,
fieldset[disabled] #panelAccountWrapper[data-layout='dark-blue'] input[type="submit"]:hover,
.modal[data-layout='dark-blue'] input[type="submit"].disabled:focus,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].disabled:focus,
.modal[data-layout='dark-blue'] input[type="submit"][disabled]:focus,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"][disabled]:focus,
fieldset[disabled] .modal[data-layout='dark-blue'] input[type="submit"]:focus,
fieldset[disabled] #panelAccountWrapper[data-layout='dark-blue'] input[type="submit"]:focus,
.modal[data-layout='dark-blue'] input[type="submit"].disabled.focus,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].disabled.focus,
.modal[data-layout='dark-blue'] input[type="submit"][disabled].focus,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"][disabled].focus,
fieldset[disabled] .modal[data-layout='dark-blue'] input[type="submit"].focus,
fieldset[disabled] #panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].focus,
.modal[data-layout='dark-blue'] input[type="submit"].disabled:active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].disabled:active,
.modal[data-layout='dark-blue'] input[type="submit"][disabled]:active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"][disabled]:active,
fieldset[disabled] .modal[data-layout='dark-blue'] input[type="submit"]:active,
fieldset[disabled] #panelAccountWrapper[data-layout='dark-blue'] input[type="submit"]:active,
.modal[data-layout='dark-blue'] input[type="submit"].disabled.active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].disabled.active,
.modal[data-layout='dark-blue'] input[type="submit"][disabled].active,
#panelAccountWrapper[data-layout='dark-blue'] input[type="submit"][disabled].active,
fieldset[disabled] .modal[data-layout='dark-blue'] input[type="submit"].active,
fieldset[disabled] #panelAccountWrapper[data-layout='dark-blue'] input[type="submit"].active {
  background-color: #265a88;
  background-image: none;
}
.modal[data-layout='dark-blue'] input[type="checkbox"],
#panelAccountWrapper[data-layout='dark-blue'] input[type="checkbox"] {
  width: auto;
}
.modal[data-layout='dark-blue'] .btn,
#panelAccountWrapper[data-layout='dark-blue'] .btn {
  color: #ddd;
}
.modal[data-layout='dark-blue'] .close,
#panelAccountWrapper[data-layout='dark-blue'] .close {
  color: white;
  opacity: 1;
}
.modal[data-layout='dark-blue'] .close:hover,
#panelAccountWrapper[data-layout='dark-blue'] .close:hover {
  opacity: 1;
}
.modal .modal-body ul,
#panelAccountWrapper .modal-body ul {
  list-style-type: circle;
}
.modal .modal-body ul li,
#panelAccountWrapper .modal-body ul li {
  color: #ddd;
}
.modal .modal-body input[type="text"],
#panelAccountWrapper .modal-body input[type="text"],
.modal .modal-body input[type="password"],
#panelAccountWrapper .modal-body input[type="password"] {
  width: 100%;
}
.modal .modal-body input[type="checkbox"],
#panelAccountWrapper .modal-body input[type="checkbox"] {
  margin-right: 0.5em;
}
.modal .modal-body .row,
#panelAccountWrapper .modal-body .row {
  padding-bottom: 0.5em;
}
.modal .modal-body .row:last-child,
#panelAccountWrapper .modal-body .row:last-child {
  padding-bottom: 0;
}
.modal .modal-body p:last-child,
#panelAccountWrapper .modal-body p:last-child {
  margin-bottom: 0;
}
.modal#panelImprint .modal-header,
#panelAccountWrapper#panelImprint .modal-header {
  display: none;
}
.modal#panelImprint .modal-dialog,
#panelAccountWrapper#panelImprint .modal-dialog,
.modal#panelDataProtection .modal-dialog,
#panelAccountWrapper#panelDataProtection .modal-dialog,
.modal#panelImprint .modal-content,
#panelAccountWrapper#panelImprint .modal-content,
.modal#panelDataProtection .modal-content,
#panelAccountWrapper#panelDataProtection .modal-content {
  max-height: 80%;
  overflow: auto;
}
.modal#panelImprint .modal-body,
#panelAccountWrapper#panelImprint .modal-body,
.modal#panelDataProtection .modal-body,
#panelAccountWrapper#panelDataProtection .modal-body {
  max-height: calc(97%);
  overflow-y: auto;
}
#c31847 .modal-header h3,
#c31847 .modal-header h4 {
  display: none;
}
/* Center Modal */
.modal {
  text-align: center;
  padding: 0 !important;
}
@media screen and (min-width: 768px) {
  .modal:not(#panelMain):before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 460px;
  }
}
.modal:not(#panelMain) .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* Center Modal End */
body[data-viewport="xs"] #panelMain {
  display: none !important;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
body[data-viewport="xs"] #panelMain.active {
  display: block;
}
body[data-viewport="sm"] #panelMain,
body[data-viewport="md"] #panelMain,
body[data-viewport="lg"] #panelMain {
  width: 1000px;
  height: 460px;
  opacity: 1;
  margin-top: 0%;
  right: 60%;
  outline: none;
  top: 5%;
  margin-left: -68em;
  -moz-transition: margin-left 0.5s ease;
  -webkit-transition: margin-left 0.5s ease;
  -o-transition: margin-left 0.5s ease;
  transition: margin-left 0.5s ease;
}
body[data-viewport="sm"] #panelMain.glimpse,
body[data-viewport="md"] #panelMain.glimpse,
body[data-viewport="lg"] #panelMain.glimpse {
  margin-left: -65em;
}
body[data-viewport="sm"] #panelMain.active,
body[data-viewport="md"] #panelMain.active,
body[data-viewport="lg"] #panelMain.active {
  margin-left: 0px;
}
body[data-viewport="sm"] #panelMain.active .modal-header .open,
body[data-viewport="md"] #panelMain.active .modal-header .open,
body[data-viewport="lg"] #panelMain.active .modal-header .open,
body[data-viewport="sm"] #panelMain.active .modal-header .close,
body[data-viewport="md"] #panelMain.active .modal-header .close,
body[data-viewport="lg"] #panelMain.active .modal-header .close {
  margin-top: 0em;
  margin-bottom: 0em;
  position: absolute;
  right: 0px;
  margin-right: 1em;
}
body[data-viewport="sm"] #panelMain.active .modal-header .open i:before,
body[data-viewport="md"] #panelMain.active .modal-header .open i:before,
body[data-viewport="lg"] #panelMain.active .modal-header .open i:before,
body[data-viewport="sm"] #panelMain.active .modal-header .close i:before,
body[data-viewport="md"] #panelMain.active .modal-header .close i:before,
body[data-viewport="lg"] #panelMain.active .modal-header .close i:before {
  content: "\00d7";
}
body[data-viewport="sm"] #panelMain.active .modal-body,
body[data-viewport="md"] #panelMain.active .modal-body,
body[data-viewport="lg"] #panelMain.active .modal-body {
  pointer-events: initial;
}
body[data-viewport="sm"] #panelMain.active .modal-dialog .modal-content,
body[data-viewport="md"] #panelMain.active .modal-dialog .modal-content,
body[data-viewport="lg"] #panelMain.active .modal-dialog .modal-content {
  pointer-events: initial;
}
#panelMain .modal-header {
  border: 0;
}
#panelMain .modal-header .open,
#panelMain .modal-header .close {
  margin-top: 6em;
  margin-bottom: -6em;
}
#panelMain .modal-header .open i,
#panelMain .modal-header .close i {
  font-weight: normal;
  padding-top: 0.2em;
  display: block;
  width: 1.5em;
  height: 1.5em;
  font-size: 0.8em;
  border: 2px solid #777777;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #257eb7, #040429);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #257eb7), color-stop(100%, #040429));
  background: -ms-linear-gradient(top, #257eb7, #040429);
  background: linear-gradient(top, #257eb7, #040429);
}
#panelMain .modal-header .open i:before,
#panelMain .modal-header .close i:before {
  padding-left: 0.2em;
  content: "i";
}
#panelMain .modal-body {
  pointer-events: none;
}
body[data-viewport="sm"] #panelMain .modal-body .col-md-6:nth-child(1),
body[data-viewport="md"] #panelMain .modal-body .col-md-6:nth-child(1),
body[data-viewport="lg"] #panelMain .modal-body .col-md-6:nth-child(1) {
  box-shadow: 10px 0 10px -10px rgba(255, 255, 255, 0.5);
  padding-left: 40px;
}
body[data-viewport="sm"] #panelMain .modal-body .col-md-6:nth-child(2),
body[data-viewport="md"] #panelMain .modal-body .col-md-6:nth-child(2),
body[data-viewport="lg"] #panelMain .modal-body .col-md-6:nth-child(2) {
  box-shadow: -10px 0 10px -10px rgba(255, 255, 255, 0.5);
  padding-right: 40px;
}
#panelMain .modal-body .col-md-6 p {
  text-align: left;
}
#panelMain .modal-footer {
  display: none;
}
#panelMain .modal-dialog {
  margin-top: 7%;
}
body[data-viewport="sm"] #panelMain .modal-dialog {
  width: auto;
}
body[data-viewport="sm"] #panelMain .modal-dialog,
body[data-viewport="md"] #panelMain .modal-dialog,
body[data-viewport="lg"] #panelMain .modal-dialog {
  width: 1000px;
}
#panelRegister .modal-dialog {
  width: 420px;
}
#panelRegister .modal-dialog input[type="submit"] {
  float: right;
}
#panelLogin .modal-dialog {
  width: 300px;
}
#panelLogin input[type="submit"] {
  float: right;
}
#panelSearch .btn {
  float: right;
}
#panelSearch td {
  padding: 0.2em;
}
#panelSearch table {
  display: flex;
  flex-flow: column;
}
#panelSearch table thead,
#panelSearch table tbody tr {
  display: table;
  table-layout: fixed;
}
#panelSearch table thead {
  flex: 0 0 auto;
  width: calc(100% - 0.9em);
}
#panelSearch table tbody {
  display: block;
  flex: 1 1 auto;
  overflow-y: scroll;
}
#panelSearch table tbody tr {
  width: 99.9%;
}
#panelSearch table thead {
  background: #555555;
  background: -moz-linear-gradient(top, #343434, #555555);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #343434), color-stop(100%, #555555));
}
#panelSearch table tbody {
  max-height: 11em;
}
#panelSearch table td {
  border: 1px solid black;
}
#panelSearch table td:nth-child(1) {
  width: 15%;
}
#panelSearch table td:nth-child(2) {
  width: 15%;
}
#panelSearch table td:nth-child(3) {
  width: 11%;
}
#panelSearch table td:nth-child(4) {
  width: 14%;
}
#panelSearch table td:nth-child(5) {
  width: 8%;
}
#panelCreateStar .triangle,
#panelStar .triangle {
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10em 10em 0 0;
  border-color: rgba(0, 125, 255, 0.5) transparent transparent transparent;
  z-index: 1000;
  position: absolute;
}
#panelCreateStar .triangle .innerTriangle,
#panelStar .triangle .innerTriangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.7em 9.7em 0 0;
  border-color: #ffffff transparent transparent transparent;
  z-index: 10000;
  position: absolute;
  margin-top: -10em;
}
#panelCreateStar .triangle .innerTriangle p,
#panelStar .triangle .innerTriangle p {
  white-space: nowrap;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: black;
  font-size: 1.5em;
  margin-top: -3em;
  padding-left: 1em;
}
#panelCreateStar .modal-header,
#panelStar .modal-header {
  padding: 0;
  border-bottom: 0;
}
#panelCreateStar p,
#panelStar p {
  margin: 0.2em 0 0 0;
}
#panelCreateStar .col-md-4 .photo,
#panelStar .col-md-4 .photo {
  min-height: 15em;
  margin-bottom: 3.5em;
}
#panelCreateStar .col-md-4 .photo #delete-photo,
#panelStar .col-md-4 .photo #delete-photo {
  margin-top: -5em;
}
#panelCreateStar .col-md-4 .photo.no-image,
#panelStar .col-md-4 .photo.no-image {
  background: -moz-linear-gradient(top, #257eb7, #040429);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #257eb7), color-stop(100%, #040429));
  background: -ms-linear-gradient(top, #257eb7, #040429);
  background: linear-gradient(top, #257eb7, #040429);
  border: 1px solid #315972;
}
#panelCreateStar .col-md-4 .photo.no-image .btn,
#panelStar .col-md-4 .photo.no-image .btn {
  width: 90%;
  margin: auto;
  text-align: center;
  display: block;
}
#panelCreateStar .col-md-4 .photo.no-image #delete-photo,
#panelStar .col-md-4 .photo.no-image #delete-photo {
  margin-top: 2em;
}
#panelCreateStar .col-md-4 .photo p,
#panelStar .col-md-4 .photo p {
  text-align: center;
  margin: auto;
  margin-top: 55%;
}
#panelCreateStar .col-md-4 #delStarImage,
#panelStar .col-md-4 #delStarImage {
  margin-top: 15px;
  z-index: 10001;
  position: relative;
}
#panelCreateStar .col-md-4 .btn,
#panelStar .col-md-4 .btn {
  width: 100%;
  font-size: 0.9em;
}
#panelCreateStar #save-changes,
#panelStar #save-changes {
  display: none;
  float: right;
}
#panelCreateStar #getCertificate,
#panelStar #getCertificate,
#panelCreateStar #downloadCertificate,
#panelStar #downloadCertificate,
#panelCreateStar #delete-photo,
#panelStar #delete-photo {
  display: none;
}
#panelCreateStar #btn_share,
#panelStar #btn_share {
  width: 170px;
}
#panelCreateStar #btn_share .shariff,
#panelStar #btn_share .shariff {
  display: none;
}
#panelCreateStar #btn_share .shariff .shariff-button.info,
#panelStar #btn_share .shariff .shariff-button.info {
  display: none;
}
#panelCreateStar #btn_share:hover,
#panelStar #btn_share:hover {
  position: absolute;
  margin-top: -10.2em;
  padding-bottom: 1em;
  width: 170px;
}
#panelCreateStar #btn_share:hover .shariff,
#panelStar #btn_share:hover .shariff {
  display: block;
}
#panelCreateStar[data-mystar="true"] .triangle,
#panelStar[data-mystar="true"] .triangle {
  display: block;
}
#panelCreateStar[data-mystar="true"] #save-changes,
#panelStar[data-mystar="true"] #save-changes {
  display: block;
}
#panelCreateStar[data-mystar="true"] #downloadCertificate,
#panelStar[data-mystar="true"] #downloadCertificate,
#panelCreateStar[data-mystar="true"] #delete-photo,
#panelStar[data-mystar="true"] #delete-photo {
  display: block;
}
#panelCreateStar[data-mystar="true"] #violation,
#panelStar[data-mystar="true"] #violation {
  display: none;
}
.modal:not(#panelStar) select[readonly],
.modal:not(#panelStar) textarea[readonly],
.modal:not(#panelStar) input[readonly],
.modal:not(#panelStar) select[readonly="readonly"],
.modal:not(#panelStar) textarea[readonly="readonly"],
.modal:not(#panelStar) input[readonly="readonly"] {
  background: #333;
}
#panelUserEdit fieldset legend {
  display: none;
}
#panelUserEdit #femanager_field_submit {
  /*display: none;*/
}
#panelUserEdit .femanager_fieldset {
  margin: 0 0.5em;
  float: left;
  width: 97.5%;
}
#panelUserEdit .femanager_fieldset.femanager_firstname,
#panelUserEdit .femanager_fieldset.femanager_lastname {
  width: 47.5%;
}
#panelUserEdit .femanager_fieldset.femanager_zip {
  width: 27.5%;
}
#panelUserEdit .femanager_fieldset.femanager_city {
  width: 67.5%;
}
#constellationTitle {
  display: none;
}
#panelUserNew fieldset legend {
  display: none;
}
#panelUserNew .femanager_fieldset {
  margin: 0 0.5em;
  float: left;
  width: 97.5%;
}
#panelUserNew .femanager_fieldset.femanager_firstname,
#panelUserNew .femanager_fieldset.femanager_lastname,
#panelUserNew .femanager_fieldset.femanager_password,
#panelUserNew .femanager_fieldset.femanager_password_repeat {
  width: 47.5%;
}
#panelUserNew .femanager_fieldset.femanager_zip {
  width: 27.5%;
}
#panelUserNew .femanager_fieldset.femanager_city {
  width: 67.5%;
}
#panelUserNew .femanager_fieldset.femanager_vbdata .controls,
#panelUserNew .femanager_fieldset.femanager_newsletter .controls,
#panelUserNew .femanager_fieldset.femanager_vbmember .controls {
  padding-top: 7px;
}
#panelUserNew .femanager_vbdata label,
#panelUserNew .femanager_newsletter label,
#panelUserNew .femanager_vbmember label {
  float: right;
  width: 96%;
  text-align: left;
}
#panelUserNew .femanager_submit {
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  #panelCreateStar.modal {
    top: 4em;
  }
}
#panelCreateStar .modal-header h3 {
  display: none;
}
#panelCreateStar input[type="file"] {
  background: black;
  color: #eeeeee;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}
#panelCreateStar input[type="file"]:active,
#panelCreateStar input[type="file"].active {
  background-image: none;
}
#panelCreateStar input[type="file"]:active,
#panelCreateStar input[type="file"].active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#panelCreateStar input[type="file"].disabled,
#panelCreateStar input[type="file"][disabled],
fieldset[disabled] #panelCreateStar input[type="file"] {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#panelCreateStar input[type="file"] .badge {
  text-shadow: none;
}
#panelCreateStar input[type="file"]:hover,
#panelCreateStar input[type="file"]:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
#panelCreateStar input[type="file"]:active,
#panelCreateStar input[type="file"].active {
  background-color: #265a88;
  border-color: #245580;
}
#panelCreateStar input[type="file"].disabled,
#panelCreateStar input[type="file"][disabled],
fieldset[disabled] #panelCreateStar input[type="file"],
#panelCreateStar input[type="file"].disabled:hover,
#panelCreateStar input[type="file"][disabled]:hover,
fieldset[disabled] #panelCreateStar input[type="file"]:hover,
#panelCreateStar input[type="file"].disabled:focus,
#panelCreateStar input[type="file"][disabled]:focus,
fieldset[disabled] #panelCreateStar input[type="file"]:focus,
#panelCreateStar input[type="file"].disabled.focus,
#panelCreateStar input[type="file"][disabled].focus,
fieldset[disabled] #panelCreateStar input[type="file"].focus,
#panelCreateStar input[type="file"].disabled:active,
#panelCreateStar input[type="file"][disabled]:active,
fieldset[disabled] #panelCreateStar input[type="file"]:active,
#panelCreateStar input[type="file"].disabled.active,
#panelCreateStar input[type="file"][disabled].active,
fieldset[disabled] #panelCreateStar input[type="file"].active {
  background-color: #265a88;
  background-image: none;
}
#panelCreateStar input[type="file"]:hover {
  color: white;
  -webkit-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
}
#panelCreateStar input[type="file"]:active,
#panelCreateStar input[type="file"].active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#panelCreateStar input[type="file"].disabled,
#panelCreateStar input[type="file"][disabled],
fieldset[disabled] #panelCreateStar input[type="file"] {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#panelCreateStar input[type="file"] .badge {
  text-shadow: none;
}
#panelCreateStar input[type="file"]:hover,
#panelCreateStar input[type="file"]:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
#panelCreateStar input[type="file"]:active,
#panelCreateStar input[type="file"].active {
  background-color: #265a88;
  border-color: #245580;
}
#panelCreateStar input[type="file"].disabled,
#panelCreateStar input[type="file"][disabled],
fieldset[disabled] #panelCreateStar input[type="file"],
#panelCreateStar input[type="file"].disabled:hover,
#panelCreateStar input[type="file"][disabled]:hover,
fieldset[disabled] #panelCreateStar input[type="file"]:hover,
#panelCreateStar input[type="file"].disabled:focus,
#panelCreateStar input[type="file"][disabled]:focus,
fieldset[disabled] #panelCreateStar input[type="file"]:focus,
#panelCreateStar input[type="file"].disabled.focus,
#panelCreateStar input[type="file"][disabled].focus,
fieldset[disabled] #panelCreateStar input[type="file"].focus,
#panelCreateStar input[type="file"].disabled:active,
#panelCreateStar input[type="file"][disabled]:active,
fieldset[disabled] #panelCreateStar input[type="file"]:active,
#panelCreateStar input[type="file"].disabled.active,
#panelCreateStar input[type="file"][disabled].active,
fieldset[disabled] #panelCreateStar input[type="file"].active {
  background-color: #265a88;
  background-image: none;
}
#constellation-select {
  color: white;
  margin-top: 1.5em;
}
#constellation-select .constellation-info,
#constellation-select .info {
  text-align: center;
}
#constellation-select .col-md-3 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
#constellation-select .texticon-top {
  margin: auto;
  text-align: center;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  background: rgba(0, 20, 40, 0.7);
  box-shadow: 0 0 0.7em #ffffff;
  margin-top: 0.2em;
}
#constellation-select .texticon-top img {
  width: 100%;
}
#constellation-select .texticon-top.active {
  pointer-events: none;
  cursor: not-allowed;
  box-shadow: 0 0 1.2em #009fe5;
}
#constellation-select .texticon-top:hover {
  cursor: pointer;
  box-shadow: 0 0 1.5em #009fe5;
}
#constellation-select .texticon-content {
  min-height: 2em;
}
#constellation-select .texticon-content h4 {
  font-size: 0.8em;
  text-align: center;
}
#constellation-select .btn {
  width: 100%;
}
#constellation-select .wrapper {
  z-index: 999;
  max-height: 0px;
  overflow: hidden;
  -moz-transition: max-height 0.5s ease;
  -webkit-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
#constellation-select .wrapper .additional-info {
  font-size: 0.9em;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: 0.6em;
  text-shadow: black, 0.2em, 0.2em;
}
#constellation-select .wrapper .additional-info a {
  color: #0078d7;
}
#constellation-select .wrapper.active {
  max-height: 11em;
  -moz-transition: max-height 0.5s ease;
  -webkit-transition: max-height 0.5s ease;
  -o-transition: max-height 0.5s ease;
  transition: max-height 0.5s ease;
}
#constellation-select .wrapper.active ~ button {
  pointer-events: none;
}
#usersStarsWrapper {
  display: inline-block;
}
#usersStarsWrapper .btn-userStars:hover ~ #usersStarsTable {
  display: block;
}
#usersStarsWrapper #usersStarsTable {
  display: none;
  max-height: 250px;
  overflow-y: auto;
  background: rgba(0, 20, 40, 0.9);
  color: #ddd;
}
#usersStarsWrapper #usersStarsTable:hover {
  display: block;
}
#usersStarsWrapper #usersStarsTable thead {
  display: none;
}
#usersStarsWrapper #usersStarsTable td {
  padding: 0.1em 0.5em;
}
footer ul a {
  color: #777777;
  font-size: 0.8em;
}
footer ul #backgroundaudio {
  display: none;
}
footer {
  margin-left: 20px;
}
footer .logo-wrapper {
  position: absolute;
  right: 40px;
  bottom: 20px;
  padding: 5px;
  display: flex;
  align-items: end;
}
footer .logo-wrapper > a:first-child {
  margin-right: 3rem;
}
footer .logo-wrapper > a:first-child:hover {
  text-decoration: none;
}
footer .logo-wrapper > a:first-child p {
  font-size: 0.8em;
  margin-bottom: 0.5rem;
  text-decoration: none;
  color: #eee;
}
footer .actions-col {
  margin-bottom: 1rem;
}
footer > .btn {
  vertical-align: bottom;
}
footer .btn-share:hover {
  margin-top: -2.7em;
}
footer .btn-share .shariff-button.info {
  display: none;
}
footer .btn-share .shariff {
  display: none;
}
footer .btn-share:hover .shariff {
  display: block;
}
footer .btn-follow .buttonWrapper {
  /*margin-top: 0.2em;*/
}
footer .btn-follow ul {
  display: none;
  padding-left: 0px;
  margin-bottom: 0;
  /*
      #btn-follow-google,
      #btn-follow-facebook {
        float: left;
        clear: both;
        // margin-right: 0px;

      }
*/
}
footer .btn-follow ul > li {
  float: left;
  clear: both;
  margin-right: 0px;
  width: 100%;
  /*
        &#facebook {
          background: rgb(59, 89, 152);
        }
*/
}
footer .btn-follow ul > li a {
  display: block;
  width: 100%;
}
footer .btn-follow:hover {
  margin-top: -8.2em;
}
footer .btn-follow:hover ul {
  display: inline-block;
}
#createlight,
#reg.btn:not(.btn-account),
.btn-star {
  padding-right: 3em;
  z-index: 101;
  background: #eeeeee;
  color: #222222;
  margin-top: 2em;
}
#createlight:hover,
#reg.btn:not(.btn-account):hover,
.btn-star:hover {
  z-index: 101;
}
#createlight img,
#reg.btn:not(.btn-account) img,
.btn-star img {
  width: 3.5em;
  height: 3.5em;
  border-radius: 50%;
  padding: 0.1em;
  background: radial-gradient(#257eb7 0%, #040429 100%);
  border: 4px solid #eeeeee;
  position: absolute;
  margin-top: -1em;
}
#splash {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  z-index: 1000;
  opacity: 1;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, #000100 50%, #000000 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, #000100 50%, #000000 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0) 0%, #000000 100%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 0%, #000000 50%, #000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
}
#splash.open {
  transform: scale(15);
  transition: transform 3s ease;
  pointer-events: none;
  z-index: 100;
  background: none;
  display: none;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tx-felogin-pi1,
.felogin_login {
  position: absolute;
  top: 0px;
  right: 0px;
  max-width: 300px;
}
#panelAccount {
  float: right;
}
#panelAccount button {
  float: right;
}
#panelAccount button:hover ~ #panelAccountWrapper {
  display: block;
}
#panelAccount #panelAccountWrapper {
  display: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  max-width: 300px;
  margin-top: 2.5em;
  padding-top: 1em;
  background: rgba(0, 20, 40, 0.9);
  color: #ddd;
  border: 1px solid #555555;
}
@media screen and (min-width: 768px) {
  #panelAccount #panelAccountWrapper {
    position: absolute;
    right: 0;
    margin-right: 15px;
  }
}
#panelAccount #panelAccountWrapper.active,
#panelAccount #panelAccountWrapper:hover {
  display: block;
}
#panelAccount #panelAccountWrapper input[type=submit] {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
  background: black;
  color: #eeeeee;
}
#panelAccount #panelAccountWrapper input[type=submit]:active,
#panelAccount #panelAccountWrapper input[type=submit].active {
  background-image: none;
}
#panelAccount #panelAccountWrapper input[type=submit]:active,
#panelAccount #panelAccountWrapper input[type=submit].active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#panelAccount #panelAccountWrapper input[type=submit].disabled,
#panelAccount #panelAccountWrapper input[type=submit][disabled],
fieldset[disabled] #panelAccount #panelAccountWrapper input[type=submit] {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#panelAccount #panelAccountWrapper input[type=submit] .badge {
  text-shadow: none;
}
#panelAccount #panelAccountWrapper input[type=submit]:hover,
#panelAccount #panelAccountWrapper input[type=submit]:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
#panelAccount #panelAccountWrapper input[type=submit]:active,
#panelAccount #panelAccountWrapper input[type=submit].active {
  background-color: #265a88;
  border-color: #245580;
}
#panelAccount #panelAccountWrapper input[type=submit].disabled,
#panelAccount #panelAccountWrapper input[type=submit][disabled],
fieldset[disabled] #panelAccount #panelAccountWrapper input[type=submit],
#panelAccount #panelAccountWrapper input[type=submit].disabled:hover,
#panelAccount #panelAccountWrapper input[type=submit][disabled]:hover,
fieldset[disabled] #panelAccount #panelAccountWrapper input[type=submit]:hover,
#panelAccount #panelAccountWrapper input[type=submit].disabled:focus,
#panelAccount #panelAccountWrapper input[type=submit][disabled]:focus,
fieldset[disabled] #panelAccount #panelAccountWrapper input[type=submit]:focus,
#panelAccount #panelAccountWrapper input[type=submit].disabled.focus,
#panelAccount #panelAccountWrapper input[type=submit][disabled].focus,
fieldset[disabled] #panelAccount #panelAccountWrapper input[type=submit].focus,
#panelAccount #panelAccountWrapper input[type=submit].disabled:active,
#panelAccount #panelAccountWrapper input[type=submit][disabled]:active,
fieldset[disabled] #panelAccount #panelAccountWrapper input[type=submit]:active,
#panelAccount #panelAccountWrapper input[type=submit].disabled.active,
#panelAccount #panelAccountWrapper input[type=submit][disabled].active,
fieldset[disabled] #panelAccount #panelAccountWrapper input[type=submit].active {
  background-color: #265a88;
  background-image: none;
}
#panelAccount #panelAccountWrapper input[type=submit]:hover {
  color: white;
  -webkit-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
}
#panelAccount #panelAccountWrapper .active {
  display: block;
}
#panelAccount #panelAccountWrapper .tx-felogin-pi1,
#panelAccount #panelAccountWrapper .felogin_login {
  max-width: none;
}
#panelAccount #panelAccountWrapper #reg.btn {
  width: 100%;
}
#panelAccount .tx-felogin-pi1,
#panelAccount .felogin_login {
  position: relative;
  top: auto;
  right: auto;
  max-width: 200px;
}
#panelAccount .tx-felogin-pi1 p > a,
#panelAccount .felogin_login p > a {
  color: #eeeeee;
  margin-top: 0.5em;
}
#panelAccount .tx-felogin-pi1 form > fieldset input,
#panelAccount .felogin_login form > fieldset input {
  background: rgba(0, 20, 40, 0.9);
  color: #eeeeee;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"],
#panelAccount .felogin_login form > fieldset input[type="submit"],
#panelAccount .tx-felogin-pi1 form > fieldset input[type="text"],
#panelAccount .felogin_login form > fieldset input[type="text"] {
  width: 100%;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"],
#panelAccount .felogin_login form > fieldset input[type="submit"] {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
  background: black;
  color: #eeeeee;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:active,
#panelAccount .felogin_login form > fieldset input[type="submit"]:active,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].active,
#panelAccount .felogin_login form > fieldset input[type="submit"].active {
  background-image: none;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:active,
#panelAccount .felogin_login form > fieldset input[type="submit"]:active,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].active,
#panelAccount .felogin_login form > fieldset input[type="submit"].active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].disabled,
#panelAccount .felogin_login form > fieldset input[type="submit"].disabled,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"][disabled],
#panelAccount .felogin_login form > fieldset input[type="submit"][disabled],
fieldset[disabled] #panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"],
fieldset[disabled] #panelAccount .felogin_login form > fieldset input[type="submit"] {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"] .badge,
#panelAccount .felogin_login form > fieldset input[type="submit"] .badge {
  text-shadow: none;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:hover,
#panelAccount .felogin_login form > fieldset input[type="submit"]:hover,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:focus,
#panelAccount .felogin_login form > fieldset input[type="submit"]:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:active,
#panelAccount .felogin_login form > fieldset input[type="submit"]:active,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].active,
#panelAccount .felogin_login form > fieldset input[type="submit"].active {
  background-color: #265a88;
  border-color: #245580;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].disabled,
#panelAccount .felogin_login form > fieldset input[type="submit"].disabled,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"][disabled],
#panelAccount .felogin_login form > fieldset input[type="submit"][disabled],
fieldset[disabled] #panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"],
fieldset[disabled] #panelAccount .felogin_login form > fieldset input[type="submit"],
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].disabled:hover,
#panelAccount .felogin_login form > fieldset input[type="submit"].disabled:hover,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"][disabled]:hover,
#panelAccount .felogin_login form > fieldset input[type="submit"][disabled]:hover,
fieldset[disabled] #panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:hover,
fieldset[disabled] #panelAccount .felogin_login form > fieldset input[type="submit"]:hover,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].disabled:focus,
#panelAccount .felogin_login form > fieldset input[type="submit"].disabled:focus,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"][disabled]:focus,
#panelAccount .felogin_login form > fieldset input[type="submit"][disabled]:focus,
fieldset[disabled] #panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:focus,
fieldset[disabled] #panelAccount .felogin_login form > fieldset input[type="submit"]:focus,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].disabled.focus,
#panelAccount .felogin_login form > fieldset input[type="submit"].disabled.focus,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"][disabled].focus,
#panelAccount .felogin_login form > fieldset input[type="submit"][disabled].focus,
fieldset[disabled] #panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].focus,
fieldset[disabled] #panelAccount .felogin_login form > fieldset input[type="submit"].focus,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].disabled:active,
#panelAccount .felogin_login form > fieldset input[type="submit"].disabled:active,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"][disabled]:active,
#panelAccount .felogin_login form > fieldset input[type="submit"][disabled]:active,
fieldset[disabled] #panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:active,
fieldset[disabled] #panelAccount .felogin_login form > fieldset input[type="submit"]:active,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].disabled.active,
#panelAccount .felogin_login form > fieldset input[type="submit"].disabled.active,
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"][disabled].active,
#panelAccount .felogin_login form > fieldset input[type="submit"][disabled].active,
fieldset[disabled] #panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"].active,
fieldset[disabled] #panelAccount .felogin_login form > fieldset input[type="submit"].active {
  background-color: #265a88;
  background-image: none;
}
#panelAccount .tx-felogin-pi1 form > fieldset input[type="submit"]:hover,
#panelAccount .felogin_login form > fieldset input[type="submit"]:hover {
  color: white;
  -webkit-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
}
#panelAccount .tx-felogin-pi1 form > fieldset > legend,
#panelAccount .felogin_login form > fieldset > legend {
  display: none;
}
#panelAccount .tx-felogin-pi1 form > fieldset label[for=permalogin],
#panelAccount .felogin_login form > fieldset label[for=permalogin] {
  display: inline;
}
#panelAccount .btn-accountPassword {
  width: 100%;
}
#tooltip {
  pointer-events: none;
  width: auto;
  position: absolute;
  height: auto;
  background: black;
  color: white;
  padding: 0.2em 0.3em;
  border-radius: 0.1em;
  -webkit-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  margin-left: 3em;
  margin-top: 1.3em;
  z-index: 11;
}
#tooltip .circle {
  z-index: 10;
  border-radius: 50%;
  position: absolute;
  background: rgba(255, 255, 255, 0.05);
  -webkit-box-shadow: 0px 0px 0.5em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.5em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.5em rgba(255, 255, 255, 0.8);
  left: -2.8em;
  top: -1.2em;
  width: 4em;
  height: 4em;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.glow {
  -webkit-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.3em rgba(255, 255, 255, 0.8);
}
.glow-stronger {
  -webkit-box-shadow: 0px 0px 0.5em rgba(255, 255, 255, 0.8);
  -moz-box-shadow: 0px 0px 0.5em rgba(255, 255, 255, 0.8);
  box-shadow: 0px 0px 0.5em rgba(255, 255, 255, 0.8);
}
.glyphicon-chevron-down {
  padding-left: 0.5em;
}
/* Spinner */
.sk-fading-circle {
  display: none;
  margin: 40px auto;
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 99999999;
  margin-top: 25%;
}
.sk-fading-circle.active {
  display: block;
}
.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.tx-felogin-pi1 input[type="submit"],
.felogin_login input[type="submit"] {
  margin-top: 0.2em;
}
.tx-felogin-pi1 form fieldset > div,
.felogin_login form fieldset > div {
  padding-top: 10px;
}
#panelCreateStar .modal-footer,
#panelStar .modal-footer {
  display: none;
}
#panelCreateStar .modal-footer button,
#panelStar .modal-footer button {
  display: none;
}
#panelStar .modal-footer {
  display: none;
}
#panelStar[data-mystar="true"] #showStarView {
  display: none;
}
#panelStar[data-mystar="false"] #formContainer {
  display: none;
}
#panelCreateStar .col-md-4 .bootstrap-filestyle,
#panelStar .col-md-4 .photo.no-image .bootstrap-filestyle {
  margin: 0 auto;
}
#panelCreateStar .col-md-4 .bootstrap-filestyle label.btn,
#panelStar .col-md-4 .photo.no-image .bootstrap-filestyle label.btn {
  width: 100%;
}
#panelCreateStar .col-md-4 .bootstrap-filestyle label.btn .badge,
#panelStar .col-md-4 .photo.no-image .bootstrap-filestyle label.btn .badge {
  font-size: 0;
}
#panelCreateStar .col-md-4 .bootstrap-filestyle label.btn .badge:after,
#panelStar .col-md-4 .photo.no-image .bootstrap-filestyle label.btn .badge:after {
  font-size: 12px;
  content: "\e013";
  font-family: Glyphicons Halflings;
}
.tx-femanager .alert {
  text-shadow: none;
  ebkit-box-shadow: none;
  box-shadow: none;
  border: none;
}
.tx-femanager .alert-error .msg {
  color: red;
}
body .shariff .orientation-horizontal li,
.shariff .orientation-horizontal.col-3 li {
  background: none;
  width: 30px !important;
  height: 30px;
  margin: 5px;
  min-width: 30px;
  max-width: 30px;
}
body .shariff a {
  position: relative;
  height: 30px;
}
#panelStar .shariff {
  margin-top: 15px;
}
#panelStar .shariff li .fa {
  width: 30px;
  line-height: 30px;
}
#info-menu {
  position: fixed;
  left: -8px;
  top: 50%;
  margin-top: -2.5em;
  padding: 8px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border: none;
  z-index: 9999;
  color: #ffffff;
}
#info-menu:hover {
  left: 0;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
}
#info-menu i {
  font-weight: normal;
  padding-top: 0.2em;
  display: block;
  width: 1.5em;
  height: 1.5em;
  font-size: 1.2em;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #257eb7, #040429);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #257eb7), color-stop(100%, #040429));
  background: -ms-linear-gradient(top, #257eb7, #040429);
  background: linear-gradient(top, #257eb7, #040429);
}
#info-menu i:before {
  padding-left: 0.2em;
  content: "i";
}
/* Link breaks on small screens */
@media only screen and (max-width: 640px) {
  a {
    word-wrap: break-word;
  }
}