* {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  color: #333;
}
.clear {
  clear: both;
}
body a {
  color: #1a5091;
}
a:hover {
  text-decoration: none;
  color: #0099cc;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-rendering: optimizelegibility;
  font-family: 'Source Sans Pro', sans-serif;
}
h1 {
  font-size: 36px;
  line-height: 40px;
  margin: 60px 0 30px 0;
  font-weight: 300;
  color: #333333;
}
h2 {
  font-size: 26px;
  line-height: 30px;
  margin: 40px 0 20px 0;
  font-weight: 600;
  color: #414141;
}
h3 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 400;
  margin: 30px 0 10px 0;
  color: #414141;
}
h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin: 30px 0 10px 0;
  color: #414141;
}
body {
  overflow-x: hidden;
  background-color: #FFFFFF;
  font-family: 'Source Sans Pro', sans-serif;
  padding-top: 70px;
}
html {
  height: 100%;
}
body.blank {
  background-color: #999;
  width: 100%;
  height: 100%;
}
label {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  color: #333;
}
td label,
th label {
  font-size: 12px;
}
.note {
  color: #6e6e6e;
  font-size: 12px;
}
/* Overwrite some bootstrap defaults */
.container {
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 768px) {
  .container {
    width: 760px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1180px;
  }
}
.container-fluid {
  padding-left: 20px;
  padding-right: 20px;
}
.row {
  margin-left: -20px;
  margin-right: -20px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-left: 20px;
  padding-right: 20px;
}
.form-horizontal .form-group {
  margin-left: -20px;
  margin-right: -20px;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-left: -20px;
  margin-right: -20px;
}
.navbar-collapse {
  padding-left: 20px;
  padding-right: 20px;
}
.navbar-brand {
  padding: 20px 20px 20px 20px;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -20px;
  }
}
.navbar-toggle {
  margin-right: 20px;
}
.navbar-nav {
  margin: 7.5px -20px 7.5px -20px;
}
.navbar-form {
  margin-left: -20px;
  margin-right: -20px;
}
.navbar-form {
  padding: 10px 20px 10px 20px;
}
@media (min-width: 768px) {
  .navbar-text {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (min-width: 768px) {
  .navbar-right {
    margin-right: -20px;
  }
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-left: 20px;
  padding-right: 20px;
}
.modal-header {
  padding: 20px;
}
.modal-body {
  padding: 20px;
}
.modal-footer {
  padding: 20px;
}
/* === NAVBAR === */
.navbar-default {
  background-color: #1a5091;
  text-shadow: none;
  z-index: 1001;
}
.navbar-default ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}
.navbar-default .brand {
  float: left;
  height: 60px;
}
.navbar-default .navbar-brand span {
  background: #CC0000;
  color: #FFF;
  padding: 2px 10px;
  margin-left: -4px;
}
.navbar-default i {
  color: #FFFFFF;
}
.navbar-default .toogle {
  cursor: pointer;
  font-size: 16px;
  height: 50px;
  line-height: 20px;
  padding: 15px;
}
.navbar-default .navbar-toggle {
  float: right;
  width: 60px;
  height: 60px;
  background-color: #0099cc;
  border: none;
  padding: 0;
  margin: 0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
  background-color: #0099cc;
}
/* === END NAVBAR === */
/* === SIDEBAR === */
.body {
  position: relative;
  margin: 0;
  padding: 0;
  transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  -moz-transition: margin-left 0.5s;
  -webkit-transition: margin-left 0.5s;
}
.body.slide {
  margin-left: 300px;
}
.sidebar {
  background-color: #414141;
  width: 300px;
  height: 100%;
  padding: 0px;
  position: fixed;
  left: -300px;
  right: auto;
  top: 0;
  z-index: 512;
  transition: left 0.5s;
  -o-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  overflow-y: auto;
  padding-top: 60px;
}
.sidebar.show {
  left: 0;
  display: block;
}
.sidebar i.fa {
  width: 25px;
}
.ps-scrollbar-y-rail {
  margin: 5px 0;
}
/* === END SIDEBAR === */
/* === SIDEBAR MENU === */
#accordion .panel {
  border: 0;
  box-shadow: none;
}
#accordion .panel-default > .panel-heading {
  background-color: #414141;
}
#accordion .panel-default > .panel-heading:hover,
#accordion .panel-heading.active {
  background-color: #6e6e6e;
}
#accordion .panel-default > .panel-heading a {
  color: #FFF;
  display: block;
  padding: 8px 0px;
  text-transform: uppercase;
  font-weight: 300;
}
#accordion .panel-default > .panel-heading a:active,
#accordion .panel-default > .panel-heading a:focus {
  text-decoration: none;
}
.panel-collapse > div {
  border-bottom: 1px solid #414141;
  border-top: 1px solid #414141;
}
.panel-heading .accordion-toggle {
  float: right;
  width: 100%;
}
.panel-heading .accordion-toggle i:before {
  font-family: FontAwesome;
  content: '\f078';
}
.panel-heading .accordion-toggle.collapsed i:before {
  font-family: FontAwesome;
  content: '\f054';
}
.panel-heading .accordion-toggle i {
  float: right;
  color: #6E6E6E;
  margin-top: 4px;
}
.panel-body > div {
  padding: 15px 10px;
}
.panel-body {
  padding: 0;
}
#page-content .panel-default > .panel-heading h5 {
  margin-left: 0;
}
.tab-content.well > .tab-pane {
  background-color: #fff;
  border: 1px solid #e6e6e6;
}
.tab-content > .tab-pane {
  padding: 15px;
}
.well.tab-content {
  background-color: #F2F2F2;
  margin-top: -2px;
}
.list-group-item {
  padding-left: 25px;
  border: 0;
  background: #414141;
}
.list-group-item:hover {
  background: #414141;
  padding-left: 15px;
  transition-delay: 0s;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: linear;
}
a.list-group-item {
  color: #FFF;
  font-size: 16px;
  font-weight: 300;
}
a.list-group-item:hover {
  background: #414141;
  color: #FFF;
}
/*.active {
  background: #322332 !important;
}*/
.list-group-item.no-border {
  border: 0;
}
#accordion .panel-collapse .list-group-item.active {
  background-color: #1a5091;
}
#accordion .panel-group .panel + .panel {
  margin-top: 0px;
}
/* === END SIDEBAR MENU === */
.navbar-brand {
  float: left;
  height: 60px;
  padding: 10px 0;
  margin-left: 20px;
}
.logo-link {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  float: left;
  line-height: 40px;
}
.logo-link img {
  float: left;
}
.logo-link.navbar-brand strong,
.logo-link.navbar-brand span {
  float: left;
  background: none;
  margin-left: 0;
  font-size: 30px;
  color: white;
  padding: 0;
}
.logo-link.navbar-brand span {
  font-weight: 300;
  margin: 0;
}
.logo-link.navbar-brand strong {
  font-weight: 700;
}
#main-nav {
  float: right;
  z-index: 20;
  margin: 0;
  overflow: visible;
}
#main-nav .dropdown > a i {
  font-size: 12px;
}
#main-nav div > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main-nav div > ul > li a {
  color: #ffffff;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  font-weight: 300;
}
#main-nav div > ul.nav > li > a {
  margin-top: 7px;
}
#main-nav div > ul > li a:hover,
#main-nav div > ul > li a:focus,
#main-nav div > ul > li a:active {
  text-decoration: none;
  background: none;
}
#main-nav .nav .open > a,
#main-nav .nav .open > a:hover,
#main-nav .nav .open > a:focus {
  background: #1a5091;
}
#main-nav .dropdown-menu li:hover {
  background-color: #0099CC;
}
.navbar .nav > li {
  float: left;
}
.navbar .dropdown-menu {
  background-color: #1a5091;
  margin-top: 0;
  z-index: 3000;
}
#main-nav .dropdown-header {
  color: #ffffff;
  margin-top: 20px;
  text-transform: uppercase;
  font-weight: 600;
}
#main-nav li.dropdown-header:hover {
  background: none;
}
#main-nav li.divider {
  background-color: #0099CC;
}
.navbar-default .navbar-collapse {
  border: none;
}
#main-nav div > ul > li a#btn-showChat {
  background-color: #0099CC;
  margin-top: 0px;
  padding: 18px 15px 17px;
}
#main-nav div > ul > li a#btn-showChat.disabled {
  background-color: transparent;
  pointer-events: all;
  cursor: not-allowed;
}
#main-nav div > ul > li a#btn-showChat.disabled,
#main-nav div > ul > li a#btn-showChat.disabled i {
  color: #999999;
}
#products {
  color: #FFF;
}
#products h2 {
  color: #000000;
  font-weight: normal !important;
  font-size: 36px;
  text-align: left;
}
#products p {
  text-align: left;
  color: #000000;
}
.product {
  width: 240px;
  height: 200px;
  background-color: #1a5091;
  transition: background-color 0.5s ease;
  font-size: 18px;
  text-align: center;
  margin: 0px 20px 20px 0px;
  display: inline-block;
}
.product:hover {
  background-color: #56688F;
  -webkit-box-shadow: 0px 0px 21px 0px #999999;
  -moz-box-shadow: 0px 0px 21px 0px #999999;
  box-shadow: 0px 0px 21px 0px #999999;
}
.product img {
  transition: transform .25s ease;
}
.product:hover img {
  transform: scale(1.1);
}
.product-lab {
  background-color: #1a5091;
}
.product-lab:hover {
  background-color: #56688F;
  -webkit-box-shadow: 0px 0px 21px 0px #999999;
  -moz-box-shadow: 0px 0px 21px 0px #999999;
  box-shadow: 0px 0px 21px 0px #999999;
}
.other-product {
  background-color: #6e6e6e;
}
.other-product:hover {
  background-color: #8b8b8b;
}
.system-product-link {
  background-color: #0099cc;
  cursor: pointer;
}
.system-product-link:hover {
  background-color: #88CBCF;
}
.system-products-modal .modal-title {
  font-size: 36px;
  font-weight: 300 !important;
}
.system-products-modal .modal-header {
  padding-bottom: 0;
  border-bottom: none;
}
.system-products-modal button.close span {
  font-size: 46px;
}
.logo-link.navbar-brand + .logo-link.navbar-brand {
  margin-left: 0px;
}
@media (min-width: 991px) {
  .system-products-modal {
    width: 850px;
  }
}
a.product {
  color: #FFF;
}
a.product img {
  margin-top: 40px;
  width: 90px;
  height: 90px;
}
a.product:hover {
  text-decoration: none;
}
a.product span {
  float: left;
  text-align: center;
  width: 100%;
  margin-top: 30px;
  font-size: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  position: absolute;
  left: 0;
  bottom: 13px;
}
.labs-container {
  margin-top: 0;
}
#footer {
  position: relative;
  z-index: 100;
  color: #000000;
  background: #f2f2f2;
  padding-bottom: 30px;
  padding-top: 30px;
  -webkit-box-shadow: inset 0px 1px 8px 1px #dedede;
  -moz-box-shadow: inset 0px 1px 8px 1px #dedede;
  box-shadow: inset 0px 1px 8px 1px #dedede;
  margin-top: 30px;
}
#footer h3 {
  text-transform: uppercase;
}
#footer h2 {
  margin-top: 0;
  font-weight: 300;
  margin-bottom: 10px;
}
#footer img {
  width: 100px;
  margin-bottom: 10px;
}
#footer #social-links {
  white-space: nowrap;
}
#footer #social-links a {
  color: #333333;
}
#footer #social-links a:hover i.fa {
  color: #0099cc;
}
#footer #copyright {
  margin-top: 20px;
}
#footer ul.list-unstyled li {
  margin-bottom: 5px;
}
#footer ul.list-unstyled li i.fa.fa-external-link {
  margin-right: 5px;
}
#assist-links a {
  color: #6e6e6e;
}
#assist-links a:hover {
  color: #fff;
}
body input,
body textarea,
body select,
body .form-control {
  border: 1px solid #d3d3d3;
}
button {
  border-radius: 0 !important;
}
.loader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  color: #000;
  opacity: 0.6;
  filter: alpha(opacity=30);
  z-index: 1043;
  background: #000000 url('../images/oval-loader.svg') center 45% no-repeat;
  margin: 0;
  padding: 0;
}
.loader-parent {
  position: relative;
}
#menu-toggle {
  float: left;
  width: 60px;
  height: 60px;
  background-color: #0099CC;
  border: none;
}
/*override the definition of class to match the design*/
.btn-default {
  color: #333;
  background-color: #ffffff;
  border-color: #d3d3d3;
}
.btn-default:hover,
.btn-default:active,
.btn-default:focus {
  background-color: #F2F2F2;
  border-color: #e6e6e6;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
  box-shadow: none;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover {
  box-shadow: none;
}
.btn-inverse {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e;
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse:focus {
  color: #ffffff;
  background-color: #8b8b8b;
  border-color: #8b8b8b;
}
.btn-inverse.disabled,
.btn-inverse.disabled.active,
.btn-inverse.disabled.focus,
.btn-inverse.disabled:active,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:hover,
.btn-inverse[disabled],
.btn-inverse[disabled].active,
.btn-inverse[disabled].focus,
.btn-inverse[disabled]:active,
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:hover {
  background-color: #adadad;
  border-color: #adadad;
  color: #e6e6e6;
  opacity: 1;
  box-shadow: none;
}
.btn-primary {
  background-color: #2c4273;
  color: #ffffff;
  border: none;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover {
  background-color: #2c4273;
  box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #56688f;
}
.btn-default,
.btn-inverse,
.btn-primary {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.2s ease-in-out;
}
.dropdown-toggle.btn-default,
.dropdown-toggle.btn-default:hover {
  box-shadow: none;
}
.btn-default:hover,
.btn-inverse:hover,
.btn-primary:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.19), 0 2px 4px rgba(0, 0, 0, 0.23);
}
/* SELECTPICKER STYLING */
.bootstrap-select .dropdown-toggle .bs-caret .caret {
  vertical-align: -15%;
  display: inline-block;
  font-size: 1.33333333em;
  line-height: .75em;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-right: none;
  border-left: none;
  top: 25%;
  right: 18px;
}
.bootstrap-select .dropdown-toggle .bs-caret .caret:before {
  content: "\f107";
}
.bootstrap-select.dropup .dropdown-toggle .bs-caret .caret {
  top: 35%;
}
.bootstrap-select.dropup .dropdown-toggle .bs-caret .caret:before {
  content: "\f106";
}
.bootstrap-select:not(.show-tick) .dropdown-menu li.selected {
  background-color: #f5f5f5;
}
.bootstrap-select:not(.show-tick) .dropdown-menu li.selected a {
  color: #333;
}
.bootstrap-select .dropdown-menu li.selected a:hover {
  background-color: #473947;
}
.bootstrap-select .dropdown-menu > li > a:focus {
  background-color: transparent;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover {
  background-color: #e6e6e6;
  border-color: #d3d3d3;
}
/* END SELECTPICKER STYLING */
#login-expired > div {
  position: fixed;
  z-index: 1042;
  top: 0;
  left: 0;
  background-color: #ccc;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}
/*  ==========================================================================
    Login
    ======================================================================= */
#login {
  max-width: 718px;
  margin: 50px auto 0;
  padding: 0;
  border-radius: 0;
  box-sizing: border-box;
  z-index: 100040 !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  background-color: #fff;
}
#login .header {
  height: 70px;
  background-color: #1a5091;
  padding: 5px 0;
}
#login .header h1 {
  font-size: 18px;
  color: #ffffff;
  font-weight: normal;
  line-height: 60px;
  margin: 0 15px 0 auto;
}
#login .login-container {
  background-color: #ffffff;
}
#login .view-login {
  padding: 30px 15px 30px 0;
  background-color: #fff;
}
#login .view-other-apps {
  padding: 0px 0 0 15px;
  border-left: 1px solid #d3d3d3;
  margin-top: 21px;
  min-height: 245px;
}
#login .view-other-apps h4 {
  font-size: 16px;
  line-height: 30px;
  min-height: 245px;
}
#login .view-other-apps ul {
  color: #428bca;
  padding-left: 0px;
  list-style: none;
  padding-top: 15px;
}
#login .view-other-apps ul li {
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 15px;
}
#login .view-other-apps p.note {
  font-size: 12px;
  line-height: 15px;
  margin-top: 15px;
  bottom: 0;
  position: absolute;
}
#login .btn-default {
  color: #ffffff;
  background-color: #6e6e6e;
}
.login-footer {
  padding: 15px;
  background-color: #f2f2f2;
}
.ena-footer-logo {
  width: 230px;
  height: 21px;
}
#aupModal .modal-body {
  overflow-y: auto;
  max-height: 400px;
}
.modal-content {
  font-family: 'Source Sans Pro', sans-serif !important;
}
.modal-title {
  font-family: 'Source Sans Pro', sans-serif !important;
  color: #6e6e6e;
  font-weight: bold;
}
.modal-header button.close {
  color: #000;
  font-size: 30px;
  opacity: 0.6;
  font-weight: 200;
}
.modal-header button.close:hover {
  opacity: 1;
}
#login .alert {
  margin-left: 15px;
}
#login form .alert {
  display: none;
}
#login .form-group label {
  font-weight: bold;
}
#login .form-group label.checkbox {
  font-weight: normal;
}
#login .form-group .help-block {
  display: none;
}
.form-group.has-error .form-control {
  border-color: #d9534f;
  background-color: #FFFAFA;
}
.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
  border-color: #d9534f;
}
body .has-error .help-block,
body .has-error .control-label,
body .has-error .form-control-static,
body .has-error .radio,
body .has-error .checkbox,
body .has-error .radio-inline,
body .has-error .checkbox-inline,
body .has-error.radio label,
body .has-error.checkbox label,
body .has-error.radio-inline label,
body .has-error.checkbox-inline label {
  color: #d9534f;
}
.form-group.has-error .form-control .filter-option {
  color: #d9534f;
}
#login .form-group.has-error .help-block {
  display: block;
}
#login .account-help {
  margin-top: 40px;
}
#login .account-help > a {
  margin-left: 18px;
  font-size: 14px;
  line-height: 15px;
}
#login #btn-login {
  /*padding: 6px 25px;*/
}
#login p {
  margin-bottom: 35px;
}
.tooltip-inner {
  font-weight: 400 !important;
}
.tooltip {
  white-space: nowrap !important;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 14px;
  z-index: 300;
}
.has-error .tooltip-arrow {
  border-top-color: #d9534f !important;
}
.has-error .tooltip-inner {
  background-color: #d9534f;
  font-weight: normal !important;
}
.has-error select,
.has-error input,
.has-error textarea {
  color: #d9534f;
}
#toast-container > div {
  opacity: 1;
}
.toast-top-right {
  top: 0;
  right: 0;
}
.toast-title {
  font-size: 24px;
}
.toast-message {
  font-size: 16px;
}
.toast-close-button {
  font-size: 24px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 8px;
  background-color: rgba(125, 125, 125, 0.2);
}
.header-application-version {
  font-size: 16px !important;
  padding: 5px 10px 0px 0px !important;
  margin-left: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
/** tab panel navigation tab style */
.tab-panel-box .nav-tabs li a {
  min-width: 100px;
  text-align: center;
  font-weight: 600;
  font-size: 15px;
  color: #333333;
  background-color: #e6e6e6;
}
.tab-panel-box .nav-tabs li.active a {
  background-color: #F2F2F2;
}
.tab-panel-box .nav > li.disabled > a,
.tab-panel-box .nav > li.disabled > a:focus,
.tab-panel-box .nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
#page {
  padding-right: 60px;
}
/*right side help*/
#rightSideIcons {
  position: fixed;
  right: 0;
  top: 42%;
  z-index: 1041;
}
#rightSideIcons ul.rs-links {
  list-style: none;
  background-color: #fff;
  font-size: 24px;
  padding-left: 0;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.23), 0 3px 12px rgba(0, 0, 0, 0.16);
  width: 42px;
}
#rightSideIcons ul.rs-links + ul {
  background-color: #0099CC;
}
#rightSideIcons ul.rs-links li {
  border: 1px solid #d3d3d3;
}
#rightSideIcons ul.rs-links li a {
  color: #fff;
  display: block;
  width: 24px;
  height: 24px;
  margin: 9px;
}
#rightSideIcons .content {
  background-color: #fff;
  box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);
  padding: 0 !important;
  margin-right: 55px;
  margin-top: 0;
  position: fixed;
  right: 0;
  top: 20%;
}
#rightSideIcons .content#chatAvailableContent {
  top: 60px;
}
#rightSideIcons .modal-dialog {
  margin: 0;
  width: auto;
}
#rightSideIcons .content h4 {
  margin-top: 0;
  margin-bottom: 0;
}
#rightSideIcons .content:after {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  right: -9px;
  top: 5px;
}
#rightSideIcons .content:before {
  content: '';
  position: absolute;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent #d3d3d3;
  display: block;
  width: 0;
  z-index: 0;
  right: -11px;
  top: 5px;
}
#feedbackContent.content:before,
#feedbackContent.content:after {
  top: 235px;
}
#chatScheduleContent.content:before,
#chatScheduleContent.content:after {
  top: 278px;
}
#chatAvailableContent.content:before,
#chatAvailableContent.content:after {
  top: 378px;
}
.feedback-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 513px;
}
.feedback-content em {
  color: #CF3742;
}
#chatAvailableContent .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 610px;
  padding: 0;
}
#chatIframe {
  width: 510px;
  height: 610px;
  border: 0;
}
#rs-help {
  background: transparent url('../images/sidebar-icons-help.svg') center center no-repeat;
}
#rs-feedback {
  background: transparent url('../images/sidebar-icons-feedback.svg') center center no-repeat;
}
#rs-chat {
  background: transparent url('../images/sidebar-icons-chat.svg') center center no-repeat;
}
.feedback-header {
  font-size: 26px;
  font-weight: 700;
  font-family: 'Helvetica';
}
.feedback-popup-image {
  height: 20px;
  width: 32px;
  margin-bottom: 10px;
}
.available .day {
  display: inline-block;
  width: 75px;
}
.bootbox .modal-footer {
  border-top: 0px solid #e6e6e6;
}
.modal-title {
  font-size: 18px;
  font-weight: 500 !important;
  color: #6e6e6e;
}
.modal-header {
  padding: 5px 20px;
  min-height: 40px;
}
.feedback-image-row {
  line-height: 40px;
}
#page-content .panel-default {
  border-color: #d3d3d3;
  box-shadow: 1px 1px 5px #ddd;
}
#page-content .panel-default > .panel-heading {
  /*BN-60*/
  min-height: 40px;
  padding: 0;
  border: none;
  background: none;
  border-bottom: 1px solid #d3d3d3;
  /*BN-60*/
  display: block;
  overflow: auto;
}
#page-content .panel-default > .panel-heading > * {
  min-height: 40px;
  padding: 10px;
}
#page-content .panel-default > .panel-heading h5 {
  float: left;
  color: #6E6E6E;
  font-weight: 500 !important;
  font-style: normal;
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 5px;
  /*BN-60*/
  max-width: 90%;
}
#page-content h1.page-title {
  font-family: 'Source Sans Pro Regular', 'Source Sans Pro';
  font-size: 36px;
  text-align: left;
  line-height: 40px;
}
.dashboard-labs-warning {
  font-size: 18px;
  background-color: #faebcc;
  padding: 15px;
  border: 1px solid #faebcc;
  position: relative;
  color: #000000;
  text-align: justify;
}
.dashboard-labs-warning-red i {
  font-size: 24px;
}
.dashboard-labs-warning-red span {
  font-weight: 700;
}
.no-background-icon {
  background: none !important;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #faebcc;
}
/*footer fix - bottom of page*/
body {
  position: relative;
  min-height: 100%;
  padding-bottom: 173px !important;
}
#footer {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 173px;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 991px) {
  #footer {
    height: 290px;
  }
  body {
    padding-bottom: 290px !important;
  }
}
/*end of footer fix - bottom of page*/
/* TABLE STYLE */
.table {
  font-size: 12px;
}
.backgrid th.renderable {
  text-align: left;
  background: #fff;
  padding: 10px;
}
.backgrid th.renderable button {
  color: #333;
}
.backgrid .sort-caret {
  display: inline;
  border: none !important;
}
.sort-caret:after {
  content: "\f0dc";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  color: #d3d3d3;
}
.table th.descending .sort-caret {
  position: absolute;
  border-top-color: #000;
  top: 22px;
}
.table th.ascending .sort-caret {
  position: absolute;
  border-bottom-color: #000;
  top: 15px;
}
.table th.descending .sort-caret {
  top: 13px;
}
.table th.ascending .sort-caret {
  top: 11px;
}
.ascending .sort-caret:after {
  content: '\f0de';
  font-family: FontAwesome;
  color: #000;
}
.descending .sort-caret:after {
  content: "\f0dd";
  font-family: FontAwesome;
  color: #000;
}
.backgrid.table thead tr {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}
.table > tbody > tr:first-child > td {
  border-top: none;
}
.table > thead > tr > th {
  border-bottom: none;
}
.table-hover > tbody > tr:hover {
  background-color: #e6e6e6;
}
.backgrid-paginator > ul {
  padding-left: 15px;
  font-family: 'FontAwesome';
}
.backgrid-paginator ul > li > a,
.backgrid-paginator ul > li > span {
  border: 1px solid #d3d3d3;
  margin-right: 2px;
  margin-left: -1px;
}
.backgrid-paginator ul > li > a {
  color: #333;
  margin-right: 0;
  font-size: 16px;
}
.backgrid-paginator > ul {
  margin-top: 0;
}
.backgrid-paginator ul > .disabled > a:hover {
  background-color: #ffffff;
}
.backgrid-paginator ul > li > a:hover {
  background-color: #e6e6e6;
}
.backgrid-paginator > ul > li > a[title^="Page"] {
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
}
.backgrid tbody tr.empty td {
  border: none;
  font-size: 16px;
  padding: 20px 0;
  display: table-cell;
  border-bottom: 1px solid #e6e6e6;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background-color: #0099CC;
}
.table-hover > tbody > tr.empty:hover {
  background-color: transparent;
}
.itemsperpage {
  font-size: 14px;
}
.itemsperpage span.caret:after {
  content: '\f106';
  font-family: FontAwesome;
  margin-left: 2px;
}
.itemsperpage span.caret {
  border: none;
  margin-top: -22px;
  margin-right: 6px;
}
/* END TABLE STYLE */
.qtip-rightside {
  background-color: white;
  height: 44px;
  font-size: 14px;
  border: 1px solid #d3d3d3;
  border-right: 0px solid #d3d3d3;
  font-weight: 700;
  box-shadow: -7px 3px 12px rgba(0, 0, 0, 0.23);
}
#rightSideIcons ul.rs-links li:hover {
  border-left: 0px solid #d3d3d3;
}
.dashboard-labs-warning button {
  position: absolute;
  top: 5px;
  right: 5px;
}
.dashboard-labs-info {
  font-size: 16px;
}
.dashboard-labs-warning p {
  font-size: 16px;
  margin-left: 30px;
}
.tooltip-inner {
  max-width: none;
}
/*ECR-40*/
#rightSideIcons ul.rs-links li a.qtip-link {
  color: #555;
  width: auto;
  font-weight: 700;
}
/* project loader style */
.project-loader {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  color: #000;
  opacity: 0.6;
  filter: alpha(opacity=30);
  z-index: 1059;
  background: #000000;
  margin: 0;
  padding: 0;
}
.loader-box {
  background: #1a5091 url('../images/oval-loader.svg') center 57% no-repeat;
  width: 480px;
  top: 32%;
  z-index: 1060;
  position: fixed;
  margin-left: -240px;
  left: 50%;
  height: 210px;
}
.loader-box h3 {
  color: #fff;
  font-weight: 400 !important;
  font-size: 22px;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.getIcon {
  line-height: 250px;
}
.noaccess {
  margin-bottom: 20px;
}
/*manage arrow displayed for sidebar menu*/
.panel-heading .panel-title a:not(.single-item) i.pull-right:after {
  font-family: FontAwesome;
  content: '\f078';
  font-style: normal;
}
.panel-heading .panel-title a:not(.single-item).collapsed i.pull-right:after {
  font-family: FontAwesome;
  content: '\f054';
  font-style: normal;
}
.noaccess .getIcon img {
  max-height: 150px;
  max-width: 200px;
  margin-top: 32px;
}
/* --------------------------------------------
  LIST in AUP
-------------------------------------------- */
.sf-list {
  margin-left: 0;
  list-style: none!important;
}
.sf-list li {
  padding: 0;
  line-height: 175%;
}
.sf-list li i[class*="ss-"] {
  vertical-align: -2px;
}
ul.sf-list :before {
  margin-left: -30px;
  color: #1a5091;
}
@media (max-width: 600px) {
  .loader-box {
    width: 280px;
    margin-left: -140px;
    height: 150px;
  }
  .loader-box h3 {
    font-size: 16px;
  }
}
/* end project loader style */
/* Large Devices, Wide Screens */
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .getIcon {
    line-height: 150px;
  }
}
@media screen and (max-height: 900px) {
  .navbar .dropdown-menu {
    max-height: 700px;
    overflow: auto;
  }
}
@media screen and (max-height: 800px) {
  .navbar .dropdown-menu {
    max-height: 600px;
    overflow: auto;
  }
}
@media screen and (max-height: 500px) {
  .navbar .dropdown-menu {
    max-height: 300px;
    overflow: auto;
  }
}
@media screen and (max-height: 800px) {
  .navbar .dropdown-menu {
    max-height: 600px;
    overflow: auto;
  }
}
@media screen and (max-height: 500px) {
  .navbar .dropdown-menu {
    max-height: 300px;
    overflow: auto;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #login-expired > div {
    position: relative;
    z-index: 1001;
    top: 0;
    left: 0;
    background-color: #ccc;
    background-color: rgba(0, 0, 0, 0.8);
    width: auto;
    height: 100%;
  }
  #login {
    margin-top: 0;
  }
  .view-login form {
    margin-left: 15px;
  }
  body.login {
    padding-top: 0;
  }
}
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .logo-link {
    width: auto;
    margin-left: 5px;
  }
  .logo-link.navbar-brand span,
  .logo-link.navbar-brand strong {
    font-size: 24px;
  }
  .navbar .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar .dropdown-menu > li > a {
    white-space: normal;
  }
}
/* Custom, iPhone Retina */
/* Rules for dopdown menu - Products */
/* iPhone 5 */
@media only screen and (max-height: 568px) {
  .dropdown.open > ul.dropdown-menu {
    max-height: 455px;
    overflow: auto;
  }
}
/* iPhone 6 Plus landscape */
@media only screen and (max-height: 414px) {
  .dropdown.open > ul.dropdown-menu {
    max-height: 300px;
  }
}
/* iPhone 6 landscape */
@media only screen and (max-height: 375px) {
  .dropdown.open > ul.dropdown-menu {
    max-height: 262px;
  }
}
/* Nexus 5x */
@media only screen and (max-height: 411px) {
  .dropdown.open > ul.dropdown-menu {
    max-height: 298px;
  }
}
/* Nexus 5p */
@media only screen and (max-height: 435px) {
  .dropdown.open > ul.dropdown-menu {
    max-height: 322px;
  }
}
/* iPhone 5 landscape */
@media only screen and (max-height: 320px) {
  .dropdown.open > ul.dropdown-menu {
    max-height: 207px;
  }
}
.navbar-header {
  float: left;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-collapse.collapse.in {
    display: block!important;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .navbar-toggle {
    display: none;
  }
  .navbar-collapse.collapse {
    display: block!important;
  }
}