/*
App-custom.css
Template name: AppUI
Author: rustheme
*/
/* Margin */
.m-a-0 {
  margin: 0 !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a {
  margin: 16px !important;
}

.m-t {
  margin-top: 16px !important;
}

.m-r {
  margin-right: 16px !important;
}

.m-b {
  margin-bottom: 16px !important;
}

.m-l {
  margin-left: 16px !important;
}

.m-x {
  margin-right: 16px !important;
  margin-left: 16px !important;
}

.m-y {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.m-a-xs {
  margin: 4px !important;
}

.m-t-xs {
  margin-top: 4px !important;
}

.m-r-xs {
  margin-right: 4px !important;
}

.m-b-xs {
  margin-bottom: 4px !important;
}

.m-l-xs {
  margin-left: 4px !important;
}

.m-x-xs {
  margin-right: 4px !important;
  margin-left: 4px !important;
}

.m-y-xs {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.m-a-sm {
  margin: 8px !important;
}

.m-t-sm {
  margin-top: 8px !important;
}

.m-r-sm {
  margin-right: 8px !important;
}

.m-b-sm {
  margin-bottom: 8px !important;
}

.m-l-sm {
  margin-left: 8px !important;
}

.m-x-sm {
  margin-right: 8px !important;
  margin-left: 8px !important;
}

.m-y-sm {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.m-a-md {
  margin: 24px !important;
}

.m-t-md {
  margin-top: 24px !important;
}

.m-r-md {
  margin-right: 24px !important;
}

.m-b-md {
  margin-bottom: 24px !important;
}

.m-l-md {
  margin-left: 24px !important;
}

.m-x-md {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.m-y-md {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.m-a-lg {
  margin: 48px !important;
}

.m-t-lg {
  margin-top: 48px !important;
}

.m-r-lg {
  margin-right: 48px !important;
}

.m-b-lg {
  margin-bottom: 48px !important;
}

.m-l-lg {
  margin-left: 48px !important;
}

.m-x-lg {
  margin-right: 48px !important;
  margin-left: 48px !important;
}

.m-y-lg {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

/* Padding */
.p-a-0 {
  padding: 0 !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a {
  padding: 16px !important;
}

.p-t {
  padding-top: 16px !important;
}

.p-r {
  padding-right: 16px !important;
}

.p-b {
  padding-bottom: 16px !important;
}

.p-l {
  padding-left: 16px !important;
}

.p-x {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.p-y {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.p-a-md {
  padding: 24px !important;
}

.p-t-md {
  padding-top: 24px !important;
}

.p-r-md {
  padding-right: 24px !important;
}

.p-b-md {
  padding-bottom: 24px !important;
}

.p-l-md {
  padding-left: 24px !important;
}

.p-x-md {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.p-y-md {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.p-a-lg {
  padding: 48px !important;
}

.p-t-lg {
  padding-top: 48px !important;
}

.p-r-lg {
  padding-right: 48px !important;
}

.p-b-lg {
  padding-bottom: 48px !important;
}

.p-l-lg {
  padding-left: 48px !important;
}

.p-x-lg {
  padding-right: 48px !important;
  padding-left: 48px !important;
}

.p-y-lg {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.p-a-xl {
  padding: 80px !important;
}

.p-t-xl {
  padding-top: 80px !important;
}

.p-r-xl {
  padding-right: 80px !important;
}

.p-b-xl {
  padding-bottom: 80px !important;
}

.p-l-xl {
  padding-left: 80px !important;
}

.p-x-xl {
  padding-right: 80px !important;
  padding-left: 80px !important;
}

.p-y-xl {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

/* Positioning */
.pos-r {
  position: relative !important;
}

.pos-a {
  position: absolute !important;
}

.pos-f {
  position: fixed !important;
}

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

/* Shift element to top */
.shift-top {
  margin-top: -75px;
}

@media screen and (min-width: 768px) {
  .shift-top-sm {
    margin-top: -75px;
  }
}

@media screen and (min-width: 992px) {
  .shift-top-md {
    margin-top: -75px;
  }
}

@media screen and (min-width: 1200px) {
  .shift-top-lg {
    margin-top: -75px;
  }
}

/* Sizing */
.w-5 {
  width: 5%;
}

.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.w-20 {
  width: 20%;
}

.w-25 {
  width: 25%;
}

.w-30 {
  width: 30%;
}

.w-35 {
  width: 35%;
}

.w-40 {
  width: 40%;
}

.w-45 {
  width: 45%;
}

.w-50 {
  width: 50%;
}

.w-55 {
  width: 55%;
}

.w-60 {
  width: 60%;
}

.w-65 {
  width: 65%;
}

.w-70 {
  width: 70%;
}

.w-75 {
  width: 75%;
}

.w-80 {
  width: 80%;
}

.w-85 {
  width: 85%;
}

.w-90 {
  width: 90%;
}

.w-95 {
  width: 95%;
}

.w-100 {
  width: 100%;
}

/* Vertical aligning */
.vcenter {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .vcenter-sm {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 992px) {
  .vcenter-md {
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 1200px) {
  .vcenter-lg {
    display: flex;
    align-items: center;
  }
}

/* Responsive text-aligning */
.text-xs-left {
  text-align: left;
}

.text-xs-right {
  text-align: right;
}

.text-xs-center {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .text-sm-left {
    text-align: left;
  }
  .text-sm-right {
    text-align: right;
  }
  .text-sm-center {
    text-align: center;
  }
}
@media screen and (min-width: 992px) {
  .text-md-left {
    text-align: left;
  }
  .text-md-right {
    text-align: right;
  }
  .text-md-center {
    text-align: center;
  }
}
@media screen and (min-width: 1200px) {
  .text-lg-left {
    text-align: left;
  }
  .text-lg-right {
    text-align: right;
  }
  .text-lg-center {
    text-align: center;
  }
}
/* Borders */
.b-a {
  border: 1px solid rgba(0, 20, 35, 0.07);
}

.b-t {
  border-top: 1px solid rgba(0, 20, 35, 0.07);
}

.b-r {
  border-right: 1px solid rgba(0, 20, 35, 0.07);
}

.b-b {
  border-bottom: 1px solid rgba(0, 20, 35, 0.07);
}

.b-l {
  border-left: 1px solid rgba(0, 20, 35, 0.07);
}

/* Shadow */
.shadow-0 {
  box-shadow: none;
}

.shadow-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.07);
}

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

.shadow-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.07);
}

.shadow-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.07);
}

.shadow-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.07);
}

/* Hover shadow effect */
.hover-shadow-1 {
  transition: all 0.2s ease-in-out;
}
.hover-shadow-1:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.hover-shadow-2 {
  transition: all 0.2s ease-in-out;
}
.hover-shadow-2:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.07);
}

.hover-shadow-3 {
  transition: all 0.2s ease-in-out;
}
.hover-shadow-3:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.07);
}

.hover-shadow-4 {
  transition: all 0.2s ease-in-out;
}
.hover-shadow-4:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.07);
}

.hover-shadow-5 {
  transition: all 0.2s ease-in-out;
}
.hover-shadow-5:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.07);
}

/* Icons sizing */
.fa-1-5x {
  font-size: 1.5em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.app-ui-mask-disable-scroll {
  overflow-y: hidden;
}

/* Header */
.app-layout-header {
  z-index: 4;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}

.navbar-toggle[data-action*=sidebar_toggle] {
  margin-left: 15px;
}

.navbar-page-title {
  display: inline-block;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: bold;
}

.navbar-brand {
  padding: 0;
  max-height: 64px;
}

.navbar-brand img {
  height: inherit;
}

/* Navbar Search form */
@media screen and (max-width: 991px) {
  .navbar .app-search-form {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.navbar .app-search-form .form-control,
.navbar .app-search-form .btn {
  background-color: #fff;
  border-color: #edeeef;
}

.navbar .app-search-form .form-group {
  width: 100%;
}

/* Backend header toolbar */
.navbar-toolbar > li:not(.dropdown-profile) > a {
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 8px;
  padding-right: 8px;
}

.navbar-toolbar > li > a i {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 1.5em;
  text-align: center;
}

.navbar-toolbar > li > a i + .badge {
  position: absolute;
  top: 35%;
  right: 0;
  transform: translateY(-50%);
}

.dropdown-profile a {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.dropdown-profile a span {
  vertical-align: middle;
}

/* Layout modal mask */
.app-ui-mask-modal {
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  left: 0;
  opacity: 0.1;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 4;
  position: fixed;
  transition: visibility 0 linear 0.4s, opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateZ(0);
}

.app-ui-mask-modal.app-ui-mask-visible {
  opacity: 1;
  visibility: visible;
  transition-delay: 0;
}

/* Layout content */
.app-layout-content {
  height: 100%;
  width: 100%;
}

/* Layout footer */
.app-layout-footer {
  background-color: #fff;
}

/* Layout options */
/* Layout has boxed canvas */
.layout-has-boxed-canvas {
  background-color: #eee;
}

.layout-has-boxed-canvas .app-layout-canvas {
  margin: 0 auto;
  max-width: 1170px;
  background-color: #f9f9f9;
}

/* Layout has drawer */
@media screen and (min-width: 992px) {
  .layout-has-drawer .app-layout-header,
  .layout-has-drawer .app-layout-content,
  .layout-has-drawer .app-layout-footer {
    padding-left: auto;
  }
}

@media screen and (min-width: 992px) {
  .layout-has-drawer .app-layout-drawer {
    visibility: visible;
    transform: translateX(0);
    transition: none;
  }
}

/* Layout has fixed header */
.layout-has-fixed-header .app-layout-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.layout-has-fixed-header.layout-has-boxed-canvas .app-layout-header {
  right: auto;
  left: auto;
  width: 100%;
  max-width: 1170px;
}

.layout-has-fixed-header .app-layout-content {
  padding-top: 64px;
}

/* Page header */
.page-header h1 {
  margin-top: 0;
  margin-bottom: 6px;
}

.page-header p:last-of-type {
  margin-bottom: 0;
}

/* Page content */
.page-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* Card */
.card {
  margin-bottom: 24px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}
.card:not([class*=bg-]) {
  background-color: #fff;
}

/* Card links */
a.card {
  display: block;
  font-weight: inherit;
}
a.card:not(.bg-inverse) {
  color: inherit;
}
a.card:not(.bg-inverse):hover {
  color: inherit;
}

/* Card with table */
.card-table {
  width: 100%;
}
.card-table td {
  padding: 10px;
  vertical-align: middle;
}

/* Card header */
.card-header {
  display: table;
  width: 100%;
  margin: 0;
  padding: 24px 24px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.card-header > * {
  margin: 0;
  display: table-cell;
  vertical-align: middle;
}
.card.text-center .card-header > *, .card-header.text-center > * {
  margin: 0 auto;
}

/* Card actions bar */
.card-actions {
  float: right;
  line-height: 1.1153;
  margin-bottom: 0;
  margin-left: auto;
  padding: 0;
}

.card-actions > li {
  display: inline-block;
  padding: 0;
}
.card-actions > li > a:not(.label),
.card-actions > li > button {
  color: #86939e;
  display: inline-block;
  padding: 0;
  line-height: 1;
  opacity: 0.7;
  vertical-align: middle;
  transition: opacity 0.15s ease-out;
}
.bg-inverse .card-actions > li > a:not(.label),
.bg-inverse .card-actions > li > button {
  color: #fff;
}
.card-actions > li > a:not(.label):hover,
.card-actions > li > button:hover {
  text-decoration: none;
  opacity: 1;
}
.card-actions > li > a:not(.label):active,
.card-actions > li > button:active {
  opacity: 0.6;
}
.card-actions > li > span {
  display: block;
}
.card.card-themed > .card-header .card-actions > li > span {
  color: #fff;
}
.card-actions > li > .label {
  line-height: 1.25;
}
.card-actions > li > a:focus {
  text-decoration: none;
  opacity: 1;
}
.card-actions > li > button {
  background: none;
  border: none;
}
.card-actions > li.active > a, .card-actions > li.open > button {
  text-decoration: none;
  opacity: 1;
}

.card-actions > li + li {
  margin-left: 10px;
}

/* Card actions */
.card.card-act-refresh {
  position: relative;
}
.card.card-act-refresh:before {
  position: absolute;
  content: "";
  display: block;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1;
  -webkit-animation: fadeIn 0.2s ease-out;
  -o-animation: fadeIn 0.2s ease-out;
  animation: fadeIn 0.2s ease-out;
}
.card.card-act-refresh:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -20px 0 0 -20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #434343;
  font-family: Ionicons;
  font-size: 18px;
  text-align: center;
  z-index: 2;
  content: "\f13d";
  -webkit-animation: fa-spin 2s infinite linear;
  -o-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.ie9 .card.card-act-refresh:after {
  content: "Loading..";
}

.card.card-act-fullscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  margin-bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
}

.card.card-act-hidden .card-block {
  display: none;
}

/* Card block */
.card-block {
  padding: 24px 24px;
}
.card-block:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.card-block > :first-child,
.card-block > .row:first-child > [class*=col-] > :first-child {
  margin-top: 0;
}
.card-block > :last-child {
  margin-bottom: 0;
}

.card-header + .card-block {
  padding-top: 16px;
}

/* Card image */
.card-img {
  border-radius: 3px;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

/* Card image caps */
.card-img-top {
  border-radius: 3px 3px 0 0;
}

.card-img-bottom {
  border-radius: 0 0 3px 3px;
}

/* Profile card (used in profile page) */
.card-profile-img {
  height: 240px;
}

.card-profile-block {
  position: relative;
}

.card-profile-block .img-avatar {
  border-radius: 6px;
  margin-top: -16px 24px 24px;
  transform: translate(0, -50%);
}
@media screen and (min-width: 768px) {
  .card-profile-block .img-avatar {
    position: absolute;
    bottom: 24px;
    left: 24px;
    transform: none;
  }
}

.card-profile-block .profile-info {
  line-height: 1.1153;
  margin-top: -16px 24px 24px;
}
@media screen and (min-width: 768px) {
  .card-profile-block .profile-info {
    margin-left: 120px;
    margin-top: 0;
  }
}

/* Card with nav tabs */
.card > .nav-tabs {
  border-bottom: none;
}

.card > .nav-tabs:not(.nav-stacked) {
  background-color: rgba(0, 20, 35, 0.038);
}

.card > .nav-tabs:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.card > .nav-tabs.nav-tabs-right > li {
  float: right;
}

.card > .nav-tabs > li {
  margin-bottom: 0;
}
.card > .nav-tabs > li > a {
  margin-right: 0;
  border: 1px solid transparent !important;
}
.card > .nav-tabs > li > a:hover {
  color: #358ed7;
  background-color: transparent;
  border-color: transparent;
}
.card > .nav-tabs > li.active > a, .card > .nav-tabs > li.active > a:hover, .card > .nav-tabs > li.active > a:focus {
  background-color: #fff;
  -webkit-box-shadow: inset 0 2px #358ed7;
  box-shadow: inset 0 2px #358ed7;
}
.card > .nav-tabs > li.active > a:hover, .card > .nav-tabs > li.active > a:focus {
  color: inherit;
}
.card > .nav-tabs > li:not(.active) > a.inactive {
  color: #333333;
}
.card > .nav-tabs > li:not(.active) > a.inactive:hover, .card > .nav-tabs > li:not(.active) > a.inactive:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card > .nav-tabs:first-child > li > a {
  border-radius: 0;
}

.card > .nav-tabs:first-child > li:first-child > a {
  border-top-left-radius: 3px;
}

.card > .nav-tabs:first-child > li:last-child > a {
  border-top-right-radius: 3px;
}

.card > .nav-tabs.nav-tabs-alt {
  background-color: transparent;
  border-bottom: 1px solid rgba(0, 20, 35, 0.038);
}

.card > .nav-tabs.nav-tabs-alt > li > a {
  margin-bottom: -1px;
  -webkit-transition: all 0.15s ease-out;
  -o-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
.card > .nav-tabs.nav-tabs-alt > li > a:hover {
  -webkit-box-shadow: inset 0 -2px #358ed7;
  box-shadow: inset 0 -2px #358ed7;
}

.card > .nav-tabs.nav-tabs-alt > li.active > a, .card > .nav-tabs.nav-tabs-alt > li.active > a:hover, .card > .nav-tabs.nav-tabs-alt > li.active > a:focus {
  -webkit-box-shadow: inset 0 -2px #358ed7;
  box-shadow: inset 0 -2px #358ed7;
}

.card > .nav-tabs.nav-stacked > li.active > a, .card > .nav-tabs.nav-stacked > li.active > a:hover, .card > .nav-tabs.nav-stacked > li.active > a:focus {
  -webkit-box-shadow: inset -2px 0 #358ed7;
  box-shadow: inset -2px 0 #358ed7;
}

.card .card-block.tab-content {
  overflow: hidden;
}

/* Image 100% width */
.img-full {
  width: 100%;
}

/* Avatar */
.img-avatar {
  display: inline-block !important;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.img-avatar.img-avatar-32 {
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.img-avatar.img-avatar-48 {
  width: 48px;
  height: 48px;
  line-height: 48px;
}
.img-avatar.img-avatar-96 {
  width: 96px;
  height: 96px;
  line-height: 96px;
}
.img-avatar.img-avatar-128 {
  width: 128px;
  height: 128px;
  line-height: 128px;
}
.img-avatar-thumb {
  margin: 4px;
  -webkit-box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.38);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.38);
}

/* Image Box */
.img-box .img-avatar {
  position: absolute;
  padding: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}

.img-box .img-text {
  padding-left: 90px;
}

/* Image Thumb */
.img-thumb {
  padding: 5px;
  background-color: #fff;
  border-radius: 2px;
}

/* Image Link */
.img-link {
  display: block;
  width: 100%;
}

/* Background images */
.bg-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  left: 0;
  transition: none;
  top: 0;
  width: 100%;
}
.bg-img.overlay:after {
  background-color: #222222;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.38;
}

/* Banners */
.banner {
  position: relative;
}

.banner[data-height="300"] {
  height: 300px;
}

.banner[data-height="400"] {
  height: 400px;
}

.banner[data-height="500"] {
  height: 500px;
}

.banner[data-height="600"] {
  height: 600px;
}

.banner-caption {
  white-space: normal;
  z-index: 3;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0 auto;
  bottom: 50%;
  top: auto;
  transform: translateY(50%);
}

.banner-caption .container {
  position: relative;
  height: 100%;
}

.form-group.form-group-condensed {
  margin-bottom: 0;
}

.form-group.form-group-condensed .control-label, .form-group.form-group-condensed .form-control-static {
  padding-top: 0px;
  min-height: 25px;
}

.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #5cb85c;
}
.has-success td input {
  border-color: #5cb85c;
}
.has-success td input:focus {
  border-color: #449d44;
}
.has-success .input-group-addon {
  color: #5cb85c;
  border-color: #5cb85c;
  background-color: #fff;
}
.has-success .form-control-feedback {
  color: #5cb85c;
}

.has-info .help-block,
.has-info .control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .radio-inline,
.has-info .checkbox-inline, .has-info.radio label, .has-info.checkbox label, .has-info.radio-inline label, .has-info.checkbox-inline label {
  color: #5bc0de;
}
.has-info td input {
  border-color: #5bc0de;
}
.has-info td input:focus {
  border-color: #31b0d5;
}
.has-info .input-group-addon {
  color: #5bc0de;
  border-color: #5bc0de;
  background-color: #fff;
}
.has-info .form-control-feedback {
  color: #5bc0de;
}

.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #f0ad4e;
}
.has-warning td input {
  border-color: #f0ad4e;
}
.has-warning td input:focus {
  border-color: #ec971f;
}
.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: #fff;
}
.has-warning .form-control-feedback {
  color: #f0ad4e;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
  color: #d9534f;
}
.has-error td input {
  border-color: #d9534f;
}
.has-error td input:focus {
  border-color: #c9302c;
}
.has-error .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #fff;
}
.has-error .form-control-feedback {
  color: #d9534f;
}

/* Extend Bootstrap Tables */
.table-hover > tbody > tr a {
  color: inherit;
  transition: none;
}
.table-hover > tbody > tr a:hover, .table-hover > tbody > tr a:focus {
  text-decoration: underline;
}

.table-hover > tbody > tr.active {
  color: #fff;
}
.table-hover > tbody > tr.active .text-muted {
  color: rgba(255, 255, 255, 0.4);
}

.table-borderless {
  border: none;
}
.table-borderless > thead > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tbody > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > tfoot > tr > td {
  border-color: transparent;
}
.table-borderless > thead > tr > th,
.table-borderless > thead > tr > td {
  border-bottom: 1px solid transparent;
}

.table-vcenter > thead > tr > th,
.table-vcenter > thead > tr > td,
.table-vcenter > tbody > tr > th,
.table-vcenter > tbody > tr > td,
.table-vcenter > tfoot > tr > th,
.table-vcenter > tfoot > tr > td {
  vertical-align: middle !important;
}

.table-header-bg > thead > tr > th,
.table-header-bg > thead > tr > td {
  color: #fff;
  background-color: #358ed7;
  border-bottom-color: #358ed7;
}

/* Table Tools */
.js-table-checkable tbody tr,
.js-table-sections-header > tr {
  cursor: pointer;
}

.js-table-sections-header > tr > td:first-child > i {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: -webkit-transform 0.15s ease-out;
  -moz-transition: -moz-transform 0.15s ease-out;
  -o-transition: -o-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
}
.js-table-sections-header + tbody {
  display: none;
}
.js-table-sections-header.open > tr {
  background-color: #f9f9f9;
}
.js-table-sections-header.open > tr > td:first-child > i {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.js-table-sections-header.open + tbody {
  display: table-row-group;
}

h4, h5, h6, .h4, .h5, .h6 {
  font-weight: bold;
  letter-spacing: 0;
}

/* list-exhangesets */
.list-exchangesets {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list-exchangesets a {
  position: relative;
  padding: 12px 8px 12px 71px;
  color: inherit;
  display: block;
  min-height: 62px;
  font-weight: 500;
  border-bottom: 1px solid #eeeeee;
  font-size: 14px;
}
.list-exchangesets a > i {
  position: absolute;
  left: 12px;
  top: 10px;
  width: 42px;
  height: 42px;
}

.text-green {
  color: #7dc855;
}

a.text-green:hover {
  color: #63b139;
}

.text-blue {
  color: #358ed7;
}

a.text-blue:hover {
  color: #2474b5;
}

.text-orange {
  color: #ffbe0b;
}

a.text-orange:hover {
  color: #d79e00;
}

.text-red {
  color: #f6511d;
}

a.text-red:hover {
  color: #d73a09;
}

.text-purple {
  color: #838cc7;
}

a.text-purple:hover {
  color: #606bb7;
}

.text-cyan {
  color: #39add1;
}

a.text-cyan:hover {
  color: #298fae;
}

.text-teal {
  color: #53bbb3;
}

a.text-teal:hover {
  color: #3e9d96;
}

.text-light {
  color: #bdc6cf;
}

a.text-light:hover {
  color: #9fadba;
}

.text-muted {
  color: #86939e;
}
.bg-inverse .text-muted {
  color: rgba(255, 255, 255, 0.7);
}

.text-gray {
  color: #000;
}

a.text-gray:hover {
  color: black;
}

.text-gray-dark {
  color: #333333;
}

a.text-gray-dark:hover {
  color: #1a1a1a;
}

.text-gray-darker {
  color: #222222;
}

a.text-gray-darker:hover {
  color: #090909;
}

.text-gray-light {
  color: #777777;
}

a.text-gray-light:hover {
  color: #5e5e5e;
}

.text-gray-lighter {
  color: #eeeeee;
}

a.text-gray-lighter:hover {
  color: #d5d5d5;
}

.bg-app {
  background-color: #358ed7;
}

.bg-app-primary {
  background-color: #358ed7;
}

.bg-app-secondary {
  background-color: #7dc855;
}

.bg-app-tertiary {
  background-color: #838cc7;
}

.bg-green {
  background-color: #7dc855;
}

.bg-blue {
  background-color: #358ed7;
}

.bg-orange {
  background-color: #ffbe0b;
}

.bg-red {
  background-color: #f6511d;
}

.bg-purple {
  background-color: #838cc7;
}

.bg-cyan {
  background-color: #39add1;
}

.bg-teal {
  background-color: #53bbb3;
}

.bg-light {
  background-color: #bdc6cf;
}

.bg-muted {
  background-color: #333333;
}

.bg-white {
  background-color: #fff;
}

.bg-dark {
  background-color: #000;
}

.bg-gray {
  background-color: #000;
}

.bg-gray-dark {
  background-color: #333333;
}

.bg-gray-darker {
  background-color: #222222;
}

.bg-gray-light {
  background-color: #777777;
}

.bg-gray-lighter {
  background-color: #eeeeee;
}

.bg-gray-o {
  background-color: #000;
}

.bg-gray-dark-o {
  background-color: #333333;
}

.bg-gray-darker-o {
  background-color: #222222;
}

.bg-gray-light-o {
  background-color: rgba(0, 20, 35, 0.07);
}

.bg-gray-lighter-o {
  background-color: rgba(0, 20, 35, 0.038);
}

.bg-inverse {
  color: #fff;
}
.bg-inverse a:not(.btn), .bg-inverse a:not(.btn):hover, .bg-inverse a:not(.btn):focus,
.bg-inverse button:not(.btn),
.bg-inverse button:not(.btn):hover,
.bg-inverse button:not(.btn):focus {
  color: #fff;
}
a.bg-inverse, a.bg-inverse:hover, a.bg-inverse:focus {
  color: #fff;
}

.nav.nav-inline > li {
  display: inline-block;
}

body {
  padding-top: 50px;
  margin-bottom: 50px;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75px;
  background: #fff;
  padding: 15px 0;
  border-top: 1px solid #ddd;
}

img#logo {
  margin-right: 1em;
  margin-top: -0.2em;
  width: 1.4em;
}

.datepicker-dropdown {
  z-index: 1030 !important;
}

.ui-widget {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}

.ui-widget-header {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #333;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 10px 15px;
}

.ui-widget-content {
  padding: 15px;
}

.ui-button.ui-state-default {
  background-color: #fff;
  border-color: #ccc;
  color: #333;
}

.ui-button.ui-state-default.focus, .ui-button.ui-state-default:focus {
  background-color: #e6e6e6;
  border-color: #8c8c8c;
  color: #333;
}

.ui-button.ui-state-default:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
  color: #333;
}

.ui-button {
  -moz-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.ui-messages-error {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 15px;
}

.ui-messages-error ul {
  list-style: none;
  padding: 0;
}

.ui-helper-hidden {
  display: none;
}

.ui-messages.ui-widget {
  border: none;
  box-shadow: none;
}

.text-transform-uppercase {
  text-transform: uppercase;
}

.card .image {
  background: #e9ebee;
  height: 175px;
}
.card .header {
  height: 2em;
  width: 33%;
  background-color: #EEEEEE;
  display: inline-block;
}
.card .table-header {
  height: 1.5em;
  background-color: #EEEEEE;
}
.card .table-cell {
  height: 1.1em;
  background-color: #EEEEEE;
}
.card .bars {
  height: 85px;
}
.card .bars .bar {
  background: #e9ebee;
  margin: 0 13px 13px;
  height: 19px;
}
.card .bars .bar1 {
  width: 80%;
  margin-top: 17px;
}
.card .bars .bar2 {
  width: 30%;
}

.loading {
  position: relative;
  overflow: hidden;
}
.loading::after {
  content: "";
  display: block;
  background-color: #dddfe2;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transform: translateX(0);
  animation: 1.5s loading-placeholder ease-in-out infinite;
}

@keyframes loading-placeholder {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
#table-results-id {
  font-size: 0.875rem;
  table-layout: initial;
}

#drilldown-navbar-id {
  border-radius: 0px;
  height: 32px;
  min-height: 32px;
  margin-bottom: 0px;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  font-size: 0.875rem;
  font-weight: bold;
}
#drilldown-navbar-id a {
  color: #000000;
  font-size: 1rem;
}
#drilldown-navbar-id .navbar-nav > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
  padding-right: 3px;
}
#drilldown-navbar-id .navbar-nav > li > a span {
  padding-left: 6px;
}

#drilldown-navbar-id > div {
  padding-left: 7px;
  padding-right: 7px;
}

.drilldown-element {
  cursor: pointer;
}

.drilldown-nav-location {
  outline: none;
  cursor: default;
}

.d-inline-block {
  display: inline-block !important;
}

.align-top {
  vertical-align: top !important;
}

.bg-cover {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

table.tablesorter {
  table-layout: fixed;
}

.navbar-brand {
  height: 30px !important;
  padding: 15px 15px;
}

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