@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
/*****************************************************
* Colors
*****************************************************/
/*****************************************************
* Global
*****************************************************/
html {
  position: relative;
  min-height: 100%;
}
body {
  padding-top: 50px;
  background: #ffffff;
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 60px;
}
.sidebar::-webkit-scrollbar {
  width: 0;
}
.sidebar::-webkit-scrollbar-track {
  background: #dddddd;
}
.sidebar::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  outline: 1px solid slategrey;
}
/*****************************************************
* Wrapper
*****************************************************/
.wrapper {
  min-height: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) {
  .wrapper {
    position: inherit;
    margin: 0 0 0 220px;
    padding-bottom: 60px;
  }
}
/*****************************************************
* Sidebar/Navbar
*****************************************************/
#app-branding {
  background-color: #263238;
}
#app-branding .navbar-brand {
  padding-top: 4px;
  padding-bottom: 4px;
}
#app-branding .navbar-brand.logo > img {
  margin-left: -3px;
}
#client-branding .navbar-brand {
  text-transform: uppercase;
}
.navbar-nav.sidebar > li > a > b.fa {
  float: right;
}
.navbar-nav.sidebar > li > a.collapsed > b.fa:before {
  content: "\f107";
}
.navbar-nav.sidebar > li > a.nav-toggle {
  cursor: pointer;
}
.navbar-nav.sidebar > li > a :hover,
.navbar-nav.sidebar > li > a :focus {
  outline: none;
}
.sidebar > li > a > .nav-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -18px;
}
.sidebar > li > a:hover > .nav-icon,
.sidebar > li > a:focus > .nav-icon,
.sidebar > li.active > a > .nav-icon {
  background-color: #337ab7;
  border-color: #2d6da3;
  color: #ffffff;
}
@media (min-width: 768px) {
  #app-branding {
    width: 220px;
    border-right: 1px solid #000000;
  }
  #app-branding .navbar-brand {
    display: block;
    width: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
  }
  #client-branding {
    position: absolute;
    top: 0;
    left: 220px;
  }
  #client-branding .btn-group {
    display: none;
  }
  .navbar-nav.sidebar {
    position: fixed;
    overflow-y: auto;
    z-index: 1;
    width: 220px;
    margin-top: 51px;
    background-color: #f1f1f1;
    border-right: 1px solid #cccccc;
    min-height: 100%;
    height: 100%;
    padding-bottom: 100px;
  }
  .navbar-nav.sidebar > li:last-child {
    border-bottom: 1px solid #ffffff;
  }
  .navbar-nav.sidebar > li > a {
    width: 220px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #dddddd;
  }
  .navbar-nav.sidebar > li > a:hover,
  .navbar-nav.sidebar > li > a:focus {
    outline: none;
    background-color: #EEEEEE;
    color: #000;
  }
  .navbar-nav.sidebar > li > a > b.fa {
    float: right;
  }
  .navbar-nav.sidebar > li > a.collapsed > b.fa:before {
    content: "\f107";
  }
  .navbar-nav.sidebar > li > a.nav-toggle {
    cursor: pointer;
  }
  .navbar-nav.sidebar > li.active > a {
    background-color: #455A64;
  }
  .navbar-nav.sidebar > li.active > a:hover,
  .navbar-nav.sidebar > li.active > a:focus {
    outline: none;
    background-color: #455A64;
  }
  .navbar-nav.sidebar .sub-nav {
    background-color: #f9f9f9;
  }
  .navbar-nav.sidebar .sub-nav > li > a {
    color: #333;
    padding-left: 25px;
  }
  .navbar-nav.sidebar .sub-nav > li > a:hover,
  .navbar-nav.sidebar .sub-nav > li > a:focus {
    background-color: #f1f1f1;
    color: #000;
  }
  .navbar-nav.sidebar .sub-nav > li.divider {
    height: 1px;
    overflow: hidden;
    background-color: #37474f;
  }
  .navbar-nav.sidebar .nav-icon {
    right: 5px;
    background-color: #ffffff;
    border-color: #cccccc;
    color: #000000;
  }
}
#top-navbar {
  margin-bottom: 0;
}
#top-navbar-links {
  margin-right: 15px;
}
@media (max-width: 767px) {
  #client-branding {
    display: block;
    width: 100%;
    background-color: #f1f1f1;
  }
  #client-branding .btn-group {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 0 0 10px;
  }
  #client-branding .navbar-brand {
    color: #000000;
    font-size: 13px;
  }
  #top-navbar {
    border-bottom: 0;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  }
}
/*****************************************************
* Login Box
*****************************************************/
body.login {
  background: #101010 url(../img/spbg0.png);
}
.login .wrapper {
  margin: 0 auto;
  width: 90%;
}
.login-title {
  color: #fff;
}
.login-title.logo {
  margin-top: 0;
  margin-bottom: 5px;
}
.login-box {
  background: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.login-box .form-control,
.login-box .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*****************************************************
* Tabs (default styling)
*****************************************************/
.header-tabs .header-block {
  padding-bottom: 0;
}
.header-tabs .header-block .tabs-row {
  background-color: #f1f1f1;
  border-top: 1px solid #dddddd;
  margin-top: 10px;
}
.header-tabs .header-block .nav-tabs {
  border-bottom: 0;
  margin-top: 10px;
}
.header-tabs .header-block .nav-tabs > li.active > a > i.fa-square-o::before {
  content: "\f046";
}
.default-tabs > li > a {
  border-radius: 3px 3px 0 0;
  color: #6b6b6b;
}
.default-tabs > li > a:hover,
.default-tabs > li > a:focus {
  background-color: #fafafa;
  border-color: #cccccc;
  color: #000;
}
.default-tabs > li.active > a {
  border-color: #cccccc;
  border-bottom-color: transparent;
}
.default-tabs > li.active > a:hover,
.default-tabs > li.active > a:focus {
  background-color: #ffffff;
  color: #333;
}
.panel.with-tabs .panel-heading {
  border-bottom-color: #cccccc;
  padding-bottom: 0;
}
.panel.with-tabs .panel-heading:before,
.panel.with-tabs .panel-heading:after {
  content: " ";
  display: table;
}
.panel.with-tabs .panel-heading:after {
  clear: both;
}
.panel.with-tabs .panel-heading .nav-tabs {
  border-bottom: 0;
}
.panel.with-tabs .panel-heading .nav-tabs > li > a > i.fa {
  display: none;
}
.panel.with-tabs .panel-heading .nav-tabs > li.active > a > i.fa {
  display: inline-block;
}
/*****************************************************
* Header Block
*****************************************************/
.header-block {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  padding-top: 10px;
  padding-bottom: 7px;
  margin-bottom: 15px;
}
.header-block h1,
.header-block h2,
.header-block h3,
.header-block h4,
.header-block h5,
.header-block h6 {
  margin: 0;
}
.header-block .heading {
  font-size: 22px;
  line-height: 1;
}
.header-block .heading.sm {
  line-height: 30px;
}
@media (max-width: 767px) {
  .header-block {
    padding-top: 60px;
  }
}
.c-profile .header-block {
  padding-bottom: 0;
  box-shadow: none;
}
.c-profile .header-block .heading {
  font-size: 26px;
  line-height: inherit;
}
.c-profile .header-block .c-tabs.row {
  background-color: #f1f1f1;
  border-top: 1px solid #dddddd;
  margin-top: 10px;
}
.c-profile .header-block .c-nav {
  border-bottom: 0;
  margin-top: 10px;
}
.c-profile .header-block .c-nav > li > a {
  border-radius: 3px 3px 0 0;
}
.c-profile .header-block .c-nav > li > a:hover,
.c-profile .header-block .c-nav > li > a:focus {
  background-color: #fafafa;
  border-color: #cccccc;
  color: #000;
}
.c-profile .header-block .c-nav > li.active > a {
  border-color: #cccccc;
  border-bottom-color: transparent;
}
.c-profile .header-block .c-nav > li.active > a:hover,
.c-profile .header-block .c-nav > li.active > a:focus {
  background-color: #ffffff;
  color: #333;
}
.c-profile .header-block .c-toolbar {
  position: absolute;
  top: 10px;
  right: 0;
}
.has-tabs .header-block {
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
}
@media (min-width: 768px) {
  .has-tabs .header-block .nav-justified {
    margin-bottom: -8px;
  }
  .has-tabs .header-block .nav-justified > li > a {
    border-radius: 1px 1px 0 0;
    border-color: transparent;
    background: none;
    margin-right: 2px;
  }
  .has-tabs .header-block .nav-justified > li > a:hover,
  .has-tabs .header-block .nav-justified > li > a:focus {
    background-color: #fafafa;
    border-color: #cccccc;
  }
  .has-tabs .header-block .nav-justified > li.active > a {
    background-color: #ffffff;
    border-color: #cccccc;
    border-bottom-color: transparent;
  }
}
/*****************************************************
* Buttons
*****************************************************/
.btn {
  -webkit-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.05);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.btn:hover {
  -webkit-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -5px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.1);
}
.btn-default {
  background-color: #f5f5f5;
  text-shadow: 0 1px 0 #fff;
}
.btn-red {
  color: #fff;
  background-color: #f44336;
  border-color: #f32c1e;
}
.btn-red:focus,
.btn-red.focus {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #891008;
}
.btn-red:hover {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #c8180b;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  color: #fff;
  background-color: #ea1c0d;
  border-color: #c8180b;
}
.btn-red:active:hover,
.btn-red.active:hover,
.open > .dropdown-toggle.btn-red:hover,
.btn-red:active:focus,
.btn-red.active:focus,
.open > .dropdown-toggle.btn-red:focus,
.btn-red:active.focus,
.btn-red.active.focus,
.open > .dropdown-toggle.btn-red.focus {
  color: #fff;
  background-color: #c8180b;
  border-color: #891008;
}
.btn-red:active,
.btn-red.active,
.open > .dropdown-toggle.btn-red {
  background-image: none;
}
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled.focus,
.btn-red[disabled].focus,
fieldset[disabled] .btn-red.focus {
  background-color: #f44336;
  border-color: #f32c1e;
}
.btn-red .badge {
  color: #f44336;
  background-color: #fff;
}
.btn-orange {
  color: #fff;
  background-color: #ff9800;
  border-color: #e68900;
}
.btn-orange:focus,
.btn-orange.focus {
  color: #fff;
  background-color: #cc7a00;
  border-color: #663d00;
}
.btn-orange:hover {
  color: #fff;
  background-color: #cc7a00;
  border-color: #a86400;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  color: #fff;
  background-color: #cc7a00;
  border-color: #a86400;
}
.btn-orange:active:hover,
.btn-orange.active:hover,
.open > .dropdown-toggle.btn-orange:hover,
.btn-orange:active:focus,
.btn-orange.active:focus,
.open > .dropdown-toggle.btn-orange:focus,
.btn-orange:active.focus,
.btn-orange.active.focus,
.open > .dropdown-toggle.btn-orange.focus {
  color: #fff;
  background-color: #a86400;
  border-color: #663d00;
}
.btn-orange:active,
.btn-orange.active,
.open > .dropdown-toggle.btn-orange {
  background-image: none;
}
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled.focus,
.btn-orange[disabled].focus,
fieldset[disabled] .btn-orange.focus {
  background-color: #ff9800;
  border-color: #e68900;
}
.btn-orange .badge {
  color: #ff9800;
  background-color: #fff;
}
.btn-green {
  color: #fff;
  background-color: #4caf50;
  border-color: #449d48;
}
.btn-green:focus,
.btn-green.focus {
  color: #fff;
  background-color: #3d8b40;
  border-color: #1e441f;
}
.btn-green:hover {
  color: #fff;
  background-color: #3d8b40;
  border-color: #327334;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  color: #fff;
  background-color: #3d8b40;
  border-color: #327334;
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
  color: #fff;
  background-color: #327334;
  border-color: #1e441f;
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
  background-image: none;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus {
  background-color: #4caf50;
  border-color: #449d48;
}
.btn-green .badge {
  color: #4caf50;
  background-color: #fff;
}
.btn-indigo {
  color: #fff;
  background-color: #3f51b5;
  border-color: #3849a2;
}
.btn-indigo:focus,
.btn-indigo.focus {
  color: #fff;
  background-color: #32408f;
  border-color: #171e44;
}
.btn-indigo:hover {
  color: #fff;
  background-color: #32408f;
  border-color: #293475;
}
.btn-indigo:active,
.btn-indigo.active,
.open > .dropdown-toggle.btn-indigo {
  color: #fff;
  background-color: #32408f;
  border-color: #293475;
}
.btn-indigo:active:hover,
.btn-indigo.active:hover,
.open > .dropdown-toggle.btn-indigo:hover,
.btn-indigo:active:focus,
.btn-indigo.active:focus,
.open > .dropdown-toggle.btn-indigo:focus,
.btn-indigo:active.focus,
.btn-indigo.active.focus,
.open > .dropdown-toggle.btn-indigo.focus {
  color: #fff;
  background-color: #293475;
  border-color: #171e44;
}
.btn-indigo:active,
.btn-indigo.active,
.open > .dropdown-toggle.btn-indigo {
  background-image: none;
}
.btn-indigo.disabled:hover,
.btn-indigo[disabled]:hover,
fieldset[disabled] .btn-indigo:hover,
.btn-indigo.disabled:focus,
.btn-indigo[disabled]:focus,
fieldset[disabled] .btn-indigo:focus,
.btn-indigo.disabled.focus,
.btn-indigo[disabled].focus,
fieldset[disabled] .btn-indigo.focus {
  background-color: #3f51b5;
  border-color: #3849a2;
}
.btn-indigo .badge {
  color: #3f51b5;
  background-color: #fff;
}
.btn-blue {
  color: #fff;
  background-color: #2196f3;
  border-color: #0d8aee;
}
.btn-blue:focus,
.btn-blue.focus {
  color: #fff;
  background-color: #0c7cd5;
  border-color: #064475;
}
.btn-blue:hover {
  color: #fff;
  background-color: #0c7cd5;
  border-color: #0a68b4;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  color: #fff;
  background-color: #0c7cd5;
  border-color: #0a68b4;
}
.btn-blue:active:hover,
.btn-blue.active:hover,
.open > .dropdown-toggle.btn-blue:hover,
.btn-blue:active:focus,
.btn-blue.active:focus,
.open > .dropdown-toggle.btn-blue:focus,
.btn-blue:active.focus,
.btn-blue.active.focus,
.open > .dropdown-toggle.btn-blue.focus {
  color: #fff;
  background-color: #0a68b4;
  border-color: #064475;
}
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
  background-image: none;
}
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus {
  background-color: #2196f3;
  border-color: #0d8aee;
}
.btn-blue .badge {
  color: #2196f3;
  background-color: #fff;
}
.btn-cyan {
  color: #fff;
  background-color: #00bcd4;
  border-color: #00a5bb;
}
.btn-cyan:focus,
.btn-cyan.focus {
  color: #fff;
  background-color: #008fa1;
  border-color: #00343b;
}
.btn-cyan:hover {
  color: #fff;
  background-color: #008fa1;
  border-color: #006f7d;
}
.btn-cyan:active,
.btn-cyan.active,
.open > .dropdown-toggle.btn-cyan {
  color: #fff;
  background-color: #008fa1;
  border-color: #006f7d;
}
.btn-cyan:active:hover,
.btn-cyan.active:hover,
.open > .dropdown-toggle.btn-cyan:hover,
.btn-cyan:active:focus,
.btn-cyan.active:focus,
.open > .dropdown-toggle.btn-cyan:focus,
.btn-cyan:active.focus,
.btn-cyan.active.focus,
.open > .dropdown-toggle.btn-cyan.focus {
  color: #fff;
  background-color: #006f7d;
  border-color: #00343b;
}
.btn-cyan:active,
.btn-cyan.active,
.open > .dropdown-toggle.btn-cyan {
  background-image: none;
}
.btn-cyan.disabled:hover,
.btn-cyan[disabled]:hover,
fieldset[disabled] .btn-cyan:hover,
.btn-cyan.disabled:focus,
.btn-cyan[disabled]:focus,
fieldset[disabled] .btn-cyan:focus,
.btn-cyan.disabled.focus,
.btn-cyan[disabled].focus,
fieldset[disabled] .btn-cyan.focus {
  background-color: #00bcd4;
  border-color: #00a5bb;
}
.btn-cyan .badge {
  color: #00bcd4;
  background-color: #fff;
}
.btn-gray {
  color: #fff;
  background-color: #9e9e9e;
  border-color: #919191;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background-color: #858585;
  border-color: #525252;
}
.btn-gray:hover {
  color: #fff;
  background-color: #858585;
  border-color: #737373;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #fff;
  background-color: #858585;
  border-color: #737373;
}
.btn-gray:active:hover,
.btn-gray.active:hover,
.open > .dropdown-toggle.btn-gray:hover,
.btn-gray:active:focus,
.btn-gray.active:focus,
.open > .dropdown-toggle.btn-gray:focus,
.btn-gray:active.focus,
.btn-gray.active.focus,
.open > .dropdown-toggle.btn-gray.focus {
  color: #fff;
  background-color: #737373;
  border-color: #525252;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  background-image: none;
}
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus {
  background-color: #9e9e9e;
  border-color: #919191;
}
.btn-gray .badge {
  color: #9e9e9e;
  background-color: #fff;
}
.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #f2f2f2;
}
.btn-white:focus,
.btn-white.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #b3b3b3;
}
.btn-white:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #d4d4d4;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  color: #333;
  background-color: #e6e6e6;
  border-color: #d4d4d4;
}
.btn-white:active:hover,
.btn-white.active:hover,
.open > .dropdown-toggle.btn-white:hover,
.btn-white:active:focus,
.btn-white.active:focus,
.open > .dropdown-toggle.btn-white:focus,
.btn-white:active.focus,
.btn-white.active.focus,
.open > .dropdown-toggle.btn-white.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #b3b3b3;
}
.btn-white:active,
.btn-white.active,
.open > .dropdown-toggle.btn-white {
  background-image: none;
}
.btn-white.disabled:hover,
.btn-white[disabled]:hover,
fieldset[disabled] .btn-white:hover,
.btn-white.disabled:focus,
.btn-white[disabled]:focus,
fieldset[disabled] .btn-white:focus,
.btn-white.disabled.focus,
.btn-white[disabled].focus,
fieldset[disabled] .btn-white.focus {
  background-color: #fff;
  border-color: #f2f2f2;
}
.btn-white .badge {
  color: #fff;
  background-color: #333;
}
.btn-group > label.btn > .fa-check-circle {
  display: none;
}
.btn-group > label.btn.active > .fa-check-circle {
  display: inline-block;
}
.btn-group > label.btn.active > .fa-circle {
  display: none;
}
.btn-toggle label > i {
  display: none;
}
.btn-toggle label.active > i {
  display: inline-block;
}
/*****************************************************
* Alternate Labels
*****************************************************/
.label-sm {
  line-height: 30px;
}
.label-blue {
  background-color: #2196f3;
}
.label-blue[href]:hover,
.label-blue[href]:focus {
  background-color: #0c7cd5;
}
.label-pink {
  background-color: #e91e63;
}
.label-pink[href]:hover,
.label-pink[href]:focus {
  background-color: #c1134e;
}
.label-yellow {
  background-color: #ffeb3b;
  color: #000;
}
.label-yellow[href]:hover,
.label-yellow[href]:focus {
  background-color: #ffe608;
}
.label-mint {
  background-color: #f5fffa;
  color: #000;
}
.label-mint[href]:hover,
.label-mint[href]:focus {
  background-color: #c2ffe0;
}
.label-white {
  background-color: #ffffff;
  color: #000;
}
.label-white[href]:hover,
.label-white[href]:focus {
  background-color: #e6e6e6;
}
.followup-actions {
  text-align: right;
}
.followup-actions .label {
  font-size: 14px;
}
/*****************************************************
* Panels
*****************************************************/
.panel-lite {
  border-color: #ddd;
}
.panel-lite > .panel-heading {
  color: #333333;
  background-color: #fff;
  border-color: #ddd;
}
.panel-lite > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-lite > .panel-heading .badge {
  color: #fff;
  background-color: #333333;
}
.panel-lite > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-lite .panel-footer {
  background-color: #ffffff;
}
.panel-cyan-lite {
  border-color: #55ecff;
}
.panel-cyan-lite > .panel-heading {
  color: #004b55;
  background-color: #bbf7ff;
  border-color: #55ecff;
}
.panel-cyan-lite > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #55ecff;
}
.panel-cyan-lite > .panel-heading .badge {
  color: #bbf7ff;
  background-color: #004b55;
}
.panel-cyan-lite > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #55ecff;
}
.panel-brown-lite {
  border-color: #b89588;
}
.panel-brown-lite > .panel-heading {
  color: #291d18;
  background-color: #decec8;
  border-color: #b89588;
}
.panel-brown-lite > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #b89588;
}
.panel-brown-lite > .panel-heading .badge {
  color: #decec8;
  background-color: #291d18;
}
.panel-brown-lite > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #b89588;
}
.panel-yellow-lite {
  border-color: #eed500;
}
.panel-yellow-lite > .panel-heading {
  color: #6e6300;
  background-color: #fff388;
  border-color: #eed500;
}
.panel-yellow-lite > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #eed500;
}
.panel-yellow-lite > .panel-heading .badge {
  color: #fff388;
  background-color: #6e6300;
}
.panel-yellow-lite > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #eed500;
}
.panel-amber {
  border-color: #f7b900;
}
.panel-amber > .panel-heading {
  color: #fff;
  background-color: #ffc411;
  border-color: #f7b900;
}
.panel-amber > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #f7b900;
}
.panel-amber > .panel-heading .badge {
  color: #ffc411;
  background-color: #fff;
}
.panel-amber > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #f7b900;
}
.panel-blue {
  border-color: #1791f2;
}
.panel-blue > .panel-heading {
  color: #fff;
  background-color: #39a1f4;
  border-color: #1791f2;
}
.panel-blue > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #1791f2;
}
.panel-blue > .panel-heading .badge {
  color: #39a1f4;
  background-color: #fff;
}
.panel-blue > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #1791f2;
}
.panel-purple {
  border-color: #9525a8;
}
.panel-purple > .panel-heading {
  color: #fff;
  background-color: #af2cc5;
  border-color: #9525a8;
}
.panel-purple > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #9525a8;
}
.panel-purple > .panel-heading .badge {
  color: #af2cc5;
  background-color: #fff;
}
.panel-purple > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #9525a8;
}
.panel-gray {
  border-color: #8c8c8c;
}
.panel-gray > .panel-heading {
  color: #fff;
  background-color: #9e9e9e;
  border-color: #8c8c8c;
}
.panel-gray > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #8c8c8c;
}
.panel-gray > .panel-heading .badge {
  color: #9e9e9e;
  background-color: #fff;
}
.panel-gray > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #8c8c8c;
}
.panel-light-green {
  border-color: #79af3a;
}
.panel-light-green > .panel-heading {
  color: #fff;
  background-color: #8bc34a;
  border-color: #79af3a;
}
.panel-light-green > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #79af3a;
}
.panel-light-green > .panel-heading .badge {
  color: #8bc34a;
  background-color: #fff;
}
.panel-light-green > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #79af3a;
}
.panel-teal {
  border-color: #007268;
}
.panel-teal > .panel-heading {
  color: #fff;
  background-color: #009688;
  border-color: #007268;
}
.panel-teal > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #007268;
}
.panel-teal > .panel-heading .badge {
  color: #009688;
  background-color: #fff;
}
.panel-teal > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #007268;
}
.panel-slate {
  border-color: #516a76;
}
.panel-slate > .panel-heading {
  color: #fff;
  background-color: #607d8b;
  border-color: #516a76;
}
.panel-slate > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #516a76;
}
.panel-slate > .panel-heading .badge {
  color: #607d8b;
  background-color: #fff;
}
.panel-slate > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #516a76;
}
.panel-body .pagination,
.panel-footer .pagination {
  margin: 0;
}
.panel-body ul.data-pager,
.panel-footer ul.data-pager {
  margin: 0;
}
.panel-body ul.data-pager.nav-justified > li,
.panel-footer ul.data-pager.nav-justified > li {
  vertical-align: middle;
}
.dash-panel .panel-heading {
  position: relative;
  border-bottom: 0;
  overflow: hidden;
}
.dash-panel .panel-heading .icon {
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 5em;
  color: rgba(255, 255, 255, 0.4);
}
.dash-panel .panel-heading .values {
  position: relative;
}
.dash-panel .panel-heading .values span {
  display: block;
}
.dash-panel .panel-heading .values span.header {
  font-size: 36px;
  margin-bottom: 10px;
  color: #ffffff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.dash-panel .panel-heading .values span.footnote {
  width: 100%;
  text-transform: uppercase;
  position: absolute;
  bottom: -8px;
  font-size: 10px;
}
.dash-panel .panel-heading.bg-white .icon {
  color: rgba(0, 0, 0, 0.2);
}
.dash-panel .panel-heading.bg-white .values span.header {
  color: #000;
}
.dash-panel .panel-heading.bg-white .values span.footnote {
  color: #000;
}
.dash-panel.bg-pink {
  border-color: #e91e63;
}
.dash-panel.bg-pink .panel-heading {
  background-color: #e91e63;
  color: rgba(255, 255, 255, 0.9);
}
.dash-panel.bg-blue {
  border-color: #2196f3;
}
.dash-panel.bg-blue .panel-heading {
  background-color: #2196f3;
  color: rgba(255, 255, 255, 0.9);
}
.dash-panel.bg-green {
  border-color: #4caf50;
}
.dash-panel.bg-green .panel-heading {
  background-color: #4caf50;
  color: rgba(255, 255, 255, 0.9);
}
.dash-panel.bg-red {
  border-color: #f44336;
}
.dash-panel.bg-red .panel-heading {
  background-color: #f44336;
  color: rgba(255, 255, 255, 0.9);
}
.dash-panel.bg-orange {
  border-color: #ff9800;
}
.dash-panel.bg-orange .panel-heading {
  background-color: #ff9800;
  color: rgba(255, 255, 255, 0.9);
}
.dash-panel.bg-purple {
  border-color: #9c27b0;
}
.dash-panel.bg-purple .panel-heading {
  background-color: #9c27b0;
  color: rgba(255, 255, 255, 0.9);
}
.dash-panel.bg-gray {
  border-color: #9e9e9e;
}
.dash-panel.bg-gray .panel-heading {
  background-color: #9e9e9e;
  color: rgba(255, 255, 255, 0.9);
}
.dash-panel.bg-brown {
  border-color: #795548;
}
.dash-panel.bg-brown .panel-heading {
  background-color: #795548;
  color: rgba(255, 255, 255, 0.9);
}
.panel-heading.card {
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.panel-heading.card .icon {
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 5em;
  color: rgba(255, 255, 255, 0.4);
}
.panel-heading.card .values {
  position: relative;
}
.panel-heading.card .values span {
  display: block;
}
.panel-heading.card .values span.header {
  font-size: 26px;
  margin-bottom: 10px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}
.panel-heading.card .values span.footnote {
  width: 100%;
  text-transform: uppercase;
  position: absolute;
  bottom: -8px;
  font-size: 10px;
}
.title-sm {
  line-height: 30px;
  margin: 0;
}
/*****************************************************
* Modal
*****************************************************/
.modal-header.bg-default {
  background-color: #f1f1f1;
}
.modal-header.bg-primary {
  border-bottom-color: #2e6da4;
}
/*****************************************************
* Forms
*****************************************************/
.required .control-label::after {
  content: '*';
  color: #f44336;
  position: absolute;
  margin-left: 2px;
}
.legend {
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.form-view .well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.form-view .well.wide {
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-left: 0;
  border-right: 0;
}
/*****************************************************
* Footer
*****************************************************/
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  padding: 15px 0 15px 0;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .footer {
    padding-left: 220px;
  }
}
.footer .version {
  text-align: center;
}
.footer .centre {
  text-align: center;
}
.footer .copyright {
  text-align: center;
}
@media (min-width: 992px) {
  .footer .version {
    text-align: left;
  }
  .footer .centre {
    text-align: center;
  }
  .footer .copyright {
    text-align: right;
  }
}
/*****************************************************
* Table
*****************************************************/
th {
  font-size: 12px;
}
.table-default > thead {
  -webkit-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.8);
  -moz-box-shadow: inset 1px 1px rgba(255, 255, 255, 0.8);
  box-shadow: inset 1px 1px rgba(255, 255, 255, 0.8);
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #f1f1f1 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #f1f1f1 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff1f1f1', GradientType=0);
}
.table-default > thead > tr > th {
  border-bottom-width: 1px;
  font-size: 12px;
  white-space: nowrap;
}
.table-default > thead > tr > th > a {
  color: #337ab7;
}
.table-default > tbody > tr > td {
  font-size: 12px;
}
.table-default .form-control {
  padding: 0 6px;
}
.table-default.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
.table-default.items-table ul {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 11px;
  font-style: italic;
  list-style-position: inside;
}
.table-default.table-hover > tbody > tr:hover > td {
  background-color: #ffffe0;
}
.table-blue > thead > tr > th {
  background-color: #03a9f4;
  border-top: 1px solid #0398db;
  border-bottom: 1px solid #0398db;
  color: #ffffff;
  font-size: 12px;
  white-space: nowrap;
}
.table-blue > thead > tr > th > a {
  color: #ffffff;
}
.table-blue > thead > tr > td {
  background-color: #0398db;
  border-top: 1px solid #0398db;
}
.table-blue > colgroup + thead > tr:first-child > th {
  border-top: 1px solid #0398db;
}
.table-blue > tbody > tr > td {
  border-color: #92dcfe;
  font-size: 12px;
}
.table-blue .form-control {
  border-color: #0398db;
  background-color: #c5ecfe;
  height: 22px;
  padding: 0 8px;
}
.table-blue.table-bordered {
  border-color: #0398db;
}
.table-blue.table-bordered > thead > tr > th {
  border-color: #0398db;
}
.table-blue.table-bordered > thead > tr > td {
  border-color: #0398db;
}
.table-blue.table-bordered > tbody > tr > td {
  border-color: #0398db;
}
.table-green {
  border-bottom: 4px solid #7eb73d;
}
.table-green > thead > tr > th {
  background-color: #8bc34a;
  border-top: 4px solid #7eb73d;
  border-bottom: 1px solid #7eb73d;
  color: #ffffff;
  font-size: 11px;
  white-space: nowrap;
}
.table-green > thead > tr > th > a {
  color: #ffffff;
}
.table-green > thead > tr > td {
  background-color: #7eb73d;
  border-top: 1px solid #7eb73d;
}
.table-green > colgroup + thead > tr:first-child > th {
  border-top: 4px solid #7eb73d;
}
.table-green > tbody > tr > td {
  border-color: #d5e9bd;
  font-size: 12px;
}
.table-green .form-control {
  border-color: #7eb73d;
}
.table-green.table-bordered {
  border-color: #7eb73d;
}
.table-green.table-bordered > thead > tr > th {
  border-color: #7eb73d;
}
.table-green.table-bordered > thead > tr > td {
  border-color: #7eb73d;
}
.table-green.table-bordered > tbody > tr > td {
  border-color: #7eb73d;
}
.table-gray {
  border-bottom: 4px solid #919191;
}
.table-gray > thead > tr > th {
  background-color: #9e9e9e;
  border-top: 4px solid #919191;
  border-bottom: 1px solid #919191;
  color: #ffffff;
  font-size: 11px;
  white-space: nowrap;
}
.table-gray > thead > tr > th > a {
  color: #ffffff;
}
.table-gray > thead > tr > td {
  background-color: #919191;
  border-top: 1px solid #919191;
}
.table-gray > colgroup + thead > tr:first-child > th {
  border-top: 4px solid #919191;
}
.table-gray > tbody > tr > td {
  border-color: #ebebeb;
  font-size: 12px;
}
.table-gray .form-control {
  border-color: #919191;
}
.table-gray.table-bordered {
  border-color: #919191;
}
.table-gray.table-bordered > thead > tr > th {
  border-color: #919191;
}
.table-gray.table-bordered > thead > tr > td {
  border-color: #919191;
}
.table-gray.table-bordered > tbody > tr > td {
  border-color: #919191;
}
.table-indigo {
  border-bottom: 4px solid #3849a2;
}
.table-indigo > thead > tr > th {
  background-color: #3f51b5;
  border-top: 4px solid #3849a2;
  border-bottom: 1px solid #3849a2;
  color: #ffffff;
  font-size: 11px;
  white-space: nowrap;
}
.table-indigo > thead > tr > th > a {
  color: #ffffff;
}
.table-indigo > thead > tr > td {
  background-color: #3849a2;
  border-top: 1px solid #3849a2;
}
.table-indigo > colgroup + thead > tr:first-child > th {
  border-top: 4px solid #3849a2;
}
.table-indigo > tbody > tr > td {
  border-color: #abb4e2;
  font-size: 12px;
}
.table-indigo .form-control {
  border-color: #3849a2;
}
.table-indigo.table-bordered {
  border-color: #3849a2;
}
.table-indigo.table-bordered > thead > tr > th {
  border-color: #3849a2;
}
.table-indigo.table-bordered > thead > tr > td {
  border-color: #3849a2;
}
.table-indigo.table-bordered > tbody > tr > td {
  border-color: #3849a2;
}
.table-blue-gray {
  border-bottom: 4px solid #566f7c;
}
.table-blue-gray > thead > tr > th {
  background-color: #607d8b;
  border-top: 4px solid #566f7c;
  border-bottom: 1px solid #566f7c;
  color: #ffffff;
  font-size: 11px;
  white-space: nowrap;
}
.table-blue-gray > thead > tr > th > a {
  color: #ffffff;
}
.table-blue-gray > thead > tr > td {
  background-color: #566f7c;
  border-top: 1px solid #566f7c;
}
.table-blue-gray > colgroup + thead > tr:first-child > th {
  border-top: 4px solid #566f7c;
}
.table-blue-gray > tbody > tr > td {
  border-color: #b7c6cd;
  font-size: 12px;
}
.table-blue-gray .form-control {
  border-color: #566f7c;
  background-color: #d5dee2;
  height: 22px;
  padding: 0 8px;
}
.table-blue-gray.table-bordered {
  border-color: #566f7c;
}
.table-blue-gray.table-bordered > thead > tr > th {
  border-color: #566f7c;
}
.table-blue-gray.table-bordered > thead > tr > td {
  border-color: #566f7c;
}
.table-blue-gray.table-bordered > tbody > tr > td {
  border-color: #566f7c;
}
.table-slate {
  border-bottom: 4px solid #b7c6cd;
}
.table-slate > thead > tr > th {
  background-color: #607d8b;
  border-top: 4px solid #566f7c;
  border-bottom: 1px solid #566f7c;
  color: #ffffff;
  font-size: 11px;
  white-space: nowrap;
}
.table-slate > thead > tr > th > a {
  color: #ffffff;
}
.table-slate > thead > tr > td {
  background-color: #b7c6cd;
  border-top: 1px solid #b7c6cd;
}
.table-slate > colgroup + thead > tr:first-child > th {
  border-top: 4px solid #566f7c;
}
.table-slate > tbody > tr > td {
  border-color: #b7c6cd;
  font-size: 12px;
}
.table-slate .form-control {
  border-color: #99aeb8;
  background-color: #e4eaec;
  height: 22px;
  padding: 0 8px;
}
.table-slate.table-bordered {
  border-color: #b7c6cd;
}
.table-slate.table-bordered > thead > tr > th {
  border-color: #566f7c;
}
.table-slate.table-bordered > thead > tr > td {
  border-color: #b7c6cd;
}
.table-slate.table-bordered > tbody > tr > td {
  border-color: #b7c6cd;
}
.table-subtle {
  border-bottom: 4px solid #6a6a6a;
}
.table-subtle > thead > tr > th {
  background-color: #777777;
  border-top: 4px solid #6a6a6a;
  border-bottom: 1px solid #6a6a6a;
  color: #ffffff;
  font-size: 11px;
  white-space: nowrap;
}
.table-subtle > thead > tr > th > a {
  color: #ffffff;
}
.table-subtle > thead > tr > td {
  background-color: #6a6a6a;
  border-top: 1px solid #6a6a6a;
}
.table-subtle > colgroup + thead > tr:first-child > th {
  border-top: 4px solid #6a6a6a;
}
.table-subtle > tbody > tr > td {
  border-color: #c4c4c4;
  font-size: 12px;
}
.table-subtle .form-control {
  border-color: #6a6a6a;
  background-color: #dddddd;
  height: 22px;
  padding: 0 8px;
}
.table-subtle.table-bordered {
  border-color: #6a6a6a;
}
.table-subtle.table-bordered > thead > tr > th {
  border-color: #6a6a6a;
}
.table-subtle.table-bordered > thead > tr > td {
  border-color: #6a6a6a;
}
.table-subtle.table-bordered > tbody > tr > td {
  border-color: #6a6a6a;
}
.filters .form-control {
  height: 26px;
}
.table.bg-white {
  background-color: #ffffff;
}
/*****************************************************
* Utilities
*****************************************************/
.btn-heading {
  padding: 10px 0;
}
.text-block .text-heading {
  color: #888;
  text-transform: uppercase;
}
.text-block .text-body {
  margin: 0;
  color: #000;
}
.popup-ajax {
  display: block;
}
.popup-ajax:hover {
  cursor: pointer;
  color: #e91e63;
}
.pop-table {
  margin-bottom: 5px;
}
.labeled-list > li > span {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  width: 60px;
  font-weight: bold;
}
.labeled-list > li > span::after {
  content: ":";
  font-weight: normal;
  position: absolute;
  right: 0;
}
.actions .dropdown-menu {
  min-width: 120px;
}
.relative {
  position: relative;
}
.nowrap {
  white-space: nowrap;
}
.not-set {
  color: #c55;
  font-style: italic;
}
/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  /*noinspection CssNoGenericFontName*/
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}
a.asc:after {
  content: "\f15D";
}
a.desc:after {
  content: "\f15E";
}
.sort-numerical a.asc:after {
  content: "\e153";
}
.sort-numerical a.desc:after {
  content: "\e154";
}
.sort-ordinal a.asc:after {
  content: "\e155";
}
.sort-ordinal a.desc:after {
  content: "\e156";
}
.empty {
  padding: 30px 0;
  text-align: center;
  font-style: italic;
  color: #c55;
}
.dateField {
  text-transform: uppercase;
}
.help {
  border-bottom: 1px dashed #888;
  cursor: help;
}
.hint-block {
  display: none;
}
.help-block {
  display: block;
  margin: 9px 0 0;
  font-size: 13px;
}
.help-block-error {
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 2px;
  display: none;
}
.has-error .help-block-error {
  display: block;
}
.hasDatepicker {
  text-transform: uppercase !important;
}
.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}