/********************************************************************* STYLE 1 *************************************************************/
.tdsi-dark a {
  transition: color 0.1s linear 0s, background-color 0.1s linear 0s !important;
}

.tdsi-dark body.container {
  border-left: 1px solid rgba(34, 38, 46, 0.4);
  border-right: 1px solid rgba(34, 38, 46, 0.4);
}

.tdsi-dark #header {
  background-image: none;
  background-color: #002A3A;
}

.tdsi-dark .fixed-ribbon #header {
  border-bottom: none;
  box-shadow: none;
  border-bottom-style: solid;
  border-bottom-color: #E6E7E8;
  border-bottom-width: 1px;
}

.tdsi-dark .project-context > :first-child {
  color: #697B92;
  text-shadow: 0 0 1px #111318;
}

.tdsi-dark #ribbon {
  background: #002A3A;
}

.tdsi-dark #ribbon .breadcrumb > .active, .tdsi-dark #ribbon .breadcrumb li:last-child {
  color: #868686;
}

.tdsi-dark #ribbon .breadcrumb a, .tdsi-dark #ribbon .breadcrumb {
  color: #747474 !important;
}

.tdsi-dark .breadcrumb > li + li:before {
  color: #646464;
}

.tdsi-dark .project-selector {
  color: #B9B9B9;
}

.tdsi-dark .open > .dropdown-menu, .tdsi-dark .dropdown-menu {
  padding: 4px;
}

.tdsi-dark .dropdown-menu > li > a, .tdsi-dark .dropdown-menu > li > a {
  border-radius: 4px;
  margin: 3px 0;
}

.tdsi-dark .btn.btn-ribbon {
  background-color: #697486;
  background-image: -moz-linear-gradient(top, #6F7D94, #697486);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6F7D94), to(#697486));
  background-image: -webkit-linear-gradient(top, #6F7D94, #697486);
  background-image: -o-linear-gradient(top, #6F7D94, #697486);
  background-image: linear-gradient(to bottom, #6F7D94, #697486);
}

.tdsi-dark #logo-group span#activity {
  background: #0d0f12;
  border: 1px solid #0d0f12;
  color: #fff;
  cursor: pointer;
}

.tdsi-dark .btn-header > :first-child > a {
  background: #298FC2;
  border: 1px solid #298FC2;
  color: #fff !important;
  cursor: pointer !important;
}

.tdsi-dark .btn-header > :first-child > a:hover {
  opacity: .9;
}

.tdsi-dark #cancel-search-js {
  background: #fb3c4a;
  line-height: 29px !important;
}

.tdsi-dark .MsgTitle .txt-color-orangeDark {
  color: #fb3c4a !important;
}

@media (max-width: 979px) and (min-width: 768px) {
  .tdsi-dark #hide-menu i {
    color: #fff !important;
  }
}

@media only screen and (max-width: 679px) and (min-width: 0px) {
  .tdsi-dark #hide-menu i {
    color: #fff !important;
  }
}

@media only screen and (max-width: 479px) and (min-width: 320px) {
  .tdsi-dark #sparks {
    background: #fff;
  }
  .tdsi-dark #cancel-search-js, .tdsi-dark .search-mobile .header-search > button {
    border-radius: 3px;
  }
}

body.tdsi-dark {
  background: #6D6E71;
}

.tdsi-dark .minifyme {
  background: #E6E7E8;
}

.tdsi-dark .minifyme:hover {
  color: #6D6E71;
}

.tdsi-dark #show-shortcut:hover > i {
  color: #fff;
}

.tdsi-dark aside,
.tdsi-dark .superbox-show,
.tdsi-dark .page-footer {
  background: #002A3A;
}

.tdsi-dark .superbox-list.active:before {
  color: #002A3A;
}

.tdsi-dark #logo-group {
  background: #002A3A !important;
}

.tdsi-dark .login-info span, .tdsi-dark .login-info {
  border-bottom: none;
}

.tdsi-dark nav ul b {
  font-size: 14px;
  margin-top: 0px;
}

.tdsi-dark nav ul b .fa-plus-square-o:before {
  content: "\f104";
}

.tdsi-dark nav ul b .fa-minus-square-o:before {
  content: "\f107";
}

.tdsi-dark .header-search > input[type="text"] {
  border-color: #FFF !important;
  border-radius: 2px;
}

.tdsi-dark nav ul ul {
  background: none;
}

.tdsi-dark nav ul ul li > a {
  padding-left: 43px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.tdsi-dark nav ul ul ul li a {
  padding: 8px 17px 8px 54px !important;
}

.tdsi-dark nav ul ul ul ul li a {
  padding-left: 72px !important;
}

.tdsi-dark nav ul ul ul ul ul li a {
  padding-left: 90px !important;
}

.tdsi-dark nav ul ul ul ul ul ul li a {
  padding-left: 108px !important;
}

.tdsi-dark nav > ul > li > ul::before, .tdsi-dark nav > ul ul li::before {
  border: none !important;
}

.tdsi-dark nav > ul > li > a > i {
  font-size: 17px;
  vertical-align: 0px;
}

.tdsi-dark nav > ul > li > a b {
  top: 12px;
}

.tdsi-dark nav > ul > li > a > i:after {
  border: 1px solid #fff;
  /* here */
}

.tdsi-dark nav ul ul {
  background: #002A3A;
}

.tdsi-dark nav ul ul li > a:hover {
  background: #002A3A !important;
}

.tdsi-dark nav ul li.open > a,
.tdsi-dark nav ul li.open > a b,
.tdsi-dark nav ul .active > a {
  font-weight: bold;
}

.tdsi-dark nav ul li a,
.tdsi-dark .login-info strong,
.tdsi-dark .login-info a {
  color: #fff;
}

.tdsi-dark nav ul li a:active {
  background: none;
}

.tdsi-dark nav ul li a:hover {
  color: #298FC2;
}

.tdsi-dark .header-dropdown-list a.dropdown-toggle {
  color: #FFF;
  text-decoration: none;
}

.tdsi-dark nav ul li a {
  padding: 10px 17px 10px 16px;
}

.tdsi-dark .selected-item-color:hover {
  color: #fff !important;
  background-color: #298FC2 !important;
}

.tdsi-dark .selected-item-color {
  background-color: #298FC2 !important;
  color: #fff !important;
}

.tdsi-dark .login-info {
  height: auto;
}

.tdsi-dark .login-info > span {
  padding: 5px 10px;
}

.tdsi-dark .login-info img {
  width: 35px;
  border-radius: 50%;
}

.tdsi-dark .login-info a {
  margin-top: 2px;
}

.tdsi-dark .login-info a span {
  max-width: 136px;
}

.tdsi-dark .login-info a:hover {
  color: #fff;
}

.tdsi-dark #logo-group > span .badge {
  background: #99D6EA;
}

.tdsi-dark #activity.active .badge {
  background: #99D6EA !important;
}

.tdsi-dark .ajax-dropdown {
  background: #ECF8FB;
}

.tdsi-dark .ajax-notifications {
  background: #fff;
}

/* no nav animation */
.tdsi-dark nav > ul > li > a:hover i {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
}

/*
 * COLORS
 */
.tdsi-dark img.online {
  border-left-color: #99D6EA !important;
}

.tdsi-dark .onoffswitch-inner:before {
  background-color: #298FC2 !important;
}

.tdsi-dark .bg-color-blue {
  background-color: #298FC2 !important;
}

.tdsi-dark .bg-color-green {
  background-color: #7EC850 !important;
}

.tdsi-dark .bg-color-red {
  background-color: #E03C31 !important;
}

.tdsi-dark .pagination > .active > a,
.tdsi-dark .pagination > .active > span,
.tdsi-dark .pagination > .active > a:hover,
.tdsi-dark .pagination > .active > span:hover,
.tdsi-dark .pagination > .active > a:focus,
.tdsi-dark .pagination > .active > span:focus {
  background-color: #298FC2;
  border-color: #298FC2;
}

/*
 * MINIFIED
 */
.tdsi-dark.minified #left-panel {
  padding: 0 !important;
  padding-top: 55px !important;
}

.tdsi-dark.minified .login-info a {
  margin-top: 6px;
}

.tdsi-dark.minified nav > ul > li {
  border: none;
}

.tdsi-dark.minified nav ul li a {
  padding: 12px 17px 12px 14px;
}

.tdsi-dark.minified nav > ul > li > a > i {
  padding: 0 !important;
  font-size: 18px !important;
}

.tdsi-dark.minified nav > ul > li {
  border-bottom: 1px solid #002A3A;
  border-top: 1px solid #002A3A;
}

.tdsi-dark.minified nav > ul > li > ul {
  background: #002A3A;
}

.tdsi-dark.minified nav > ul > li > ul > li {
  background: #002A3A;
}

.tdsi-dark.minified .login-info img {
  width: 30px !important;
}

.tdsi-dark.minified .login-info span {
  padding: 0px 5px !important;
}

.tdsi-dark.minified nav ul ul li > a:hover {
  background: #002A3A !important;
}

.tdsi-dark.minified nav ul > li > ul > li > ul {
  background: #002A3A;
}

.tdsi-dark.minified nav > ul > li > ul > li > ul > li {
  background: #002A3A;
}

.tdsi-dark.minified nav ul ul li > a {
  padding-left: 13px;
  padding-right: 13px !important;
}

.tdsi-dark.minified nav ul ul ul li a {
  padding-left: 33px !important;
  padding-right: 13px !important;
}

.tdsi-dark.minified nav ul ul ul ul li a {
  padding-left: 43px !important;
  padding-right: 13px !important;
}

.tdsi-dark.minified nav ul ul ul ul ul li a {
  padding-left: 53px !important;
  padding-right: 13px !important;
}

.tdsi-dark.minified nav ul ul ul ul ul ul li a {
  padding-left: 63px !important;
  padding-right: 13px !important;
}

/*
 * widget colors
 */
.tdsi-dark .jarviswidget-color-darken > header {
  background: #002A3A !important;
  border-color: #002A3A !important;
}

.tdsi-dark .jarviswidget-color-blueDark > header {
  background: #353D4B !important;
  border-color: #353D4B !important;
}

.tdsi-dark .jarviswidget-color-blue > header {
  background: #688F9E;
  border-color: #6A838D !important;
}

.tdsi-dark .jarviswidget-color-purple > header {
  background: #736086;
}

.tdsi-dark .jarviswidget-color-red > header {
  background: #C02631;
  border-color: #8F2129 !important;
}

.tdsi-dark .jarviswidget .bg-color-red {
  background: #E03C31 !important;
}

.tdsi-dark .jarviswidget-color-greenLight > header, .tdsi-dark .jarviswidget .bg-color-greenLight {
  border-color: #96B447 !important;
  background: #96B447 !important;
}

.tdsi-dark .jarviswidget-color-yellow > header, .tdsi-dark .jarviswidget .bg-color-yellow {
  border-color: #DBB727 !important;
  background: #FDD01C !important;
  color: #25241F;
}

.tdsi-dark .jarviswidget-color-pink > header, .tdsi-dark .jarviswidget .bg-color-pink {
  background: #DB8EBB !important;
}

/*
 * Style 1 Top Menu
 */
.tdsi-dark.menu-on-top nav ul ul li > a {
  text-shadow: none !important;
  color: #6D6E71;
}

.tdsi-dark.menu-on-top aside {
  background: #002A3A;
}

.tdsi-dark.menu-on-top aside#left-panel {
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  border-bottom: 1px solid #222;
  border-top: 1px solid #6D6E71;
}

.tdsi-dark.menu-on-top aside#left-panel nav > ul > li {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.tdsi-dark.menu-on-top aside#left-panel nav > ul > li:hover {
  border-right-color: #6D6E71;
  border-left-color: #6D6E71;
}

.tdsi-dark.menu-on-top aside#left-panel nav > ul > li > a {
  text-shadow: none !important;
  font-size: 13px;
  padding: 10px 9px !important;
}

.tdsi-dark.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}

/* Hover state */
.tdsi-dark.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #fff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #002A3A 0%, #005587 66%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E6E7E8), color-stop(66%, #005587));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #002A3A 0%, #005587 66%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #002A3A 0%, #005587 66%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #002A3A 0%, #005587 66%);
  /* IE10+ */
  background: linear-gradient(to bottom, #002A3A, #005587 66%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$tdsi-black', endColorstr='$tdsi-dark-blue',GradientType=0 );
  /* IE6-9 */
}

.tdsi-dark.menu-on-top aside#left-panel nav > ul > li:hover > a {
  color: #E6E7E8 !important;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.tdsi-dark.menu-on-top aside#left-panel nav > ul > li > ul {
  background: #002A3A;
}

/* hover state universal */
.tdsi-dark.menu-on-top nav ul ul li a,
.tdsi-dark.menu-on-top nav ul ul ul li a {
  color: #E6E7E8;
}

.tdsi-dark.menu-on-top nav ul ul li a:hover,
.tdsi-dark.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
  background-color: #002A3A !important;
}

.tdsi-dark.menu-on-top nav ul ul li:hover > a {
  color: #fff;
  background-color: #002A3A;
}

.tdsi-dark.menu-on-top nav > ul ul ul {
  border-top: 1px solid #E6E7E8 !important;
}

/* Hover state second level */
.tdsi-dark.menu-on-top nav ul ul,
.tdsi-dark.menu-on-top nav ul ul ul {
  background: #005587 !important;
  border: 1px solid transparent;
  padding: 0px;
}

.tdsi-dark.menu-on-top nav > ul ul li:hover > ul {
  background: #6D6E71;
}

/*
 * Child Arrow
 */
/* top level childs */
.tdsi-dark.menu-on-top nav > ul > li > a:after {
  color: #8AA1B3 !important;
}

/* next level childs */
.tdsi-dark.menu-on-top nav > ul > li > a:after,
.tdsi-dark.menu-on-top nav > ul ul > li a:after,
.tdsi-dark.menu-on-top nav ul ul li:hover > a:after,
.tdsi-dark.menu-on-top nav > ul ul > li a:hover:after {
  color: #D5D5D5;
}

.tdsi-dark.menu-on-top nav ul ul li:hover > a:after,
.tdsi-dark.menu-on-top nav > ul ul > li a:hover:after {
  color: #fff;
}

.tdsi-dark.menu-on-top nav > ul ul > li a:only-child:after,
.tdsi-dark.menu-on-top nav > ul > li > a:only-child:after {
  content: "" !important;
}

/*
 * Active Child
 */
.tdsi-dark.menu-on-top nav ul ul .active > a {
  color: #fff !important;
}

.tdsi-dark.menu-on-top nav ul ul .active > a:hover,
.tdsi-dark.menu-on-top nav ul ul li.active:hover > a {
  color: #fff !important;
}

.tdsi-dark .title-text-color {
  color: #fff !important;
}

body.tdsi-dark.unauthorised {
  background-color: #002A3A;
}

/********************************************************************* STYLE 2 *************************************************************/
.tdsi-light #shortcut {
  background-color: rgba(255, 255, 255, 0.9);
}

.tdsi-light #shortcut ul {
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid #A8BADB;
}

body.tdsi-light {
  background: #fff;
}

.tdsi-light #header, .tdsi-light .page-footer, .tdsi-light .superbox-show {
  background-image: none;
  background-color: #E6E7E8;
}

.tdsi-light .superbox-list.active:before {
  color: #002A3A;
}

.tdsi-light .superbox-img-description {
  color: #9EA8B1 !important;
}

.tdsi-light .project-context > :first-child {
  text-shadow: none;
}

.tdsi-light .project-selector {
  color: #B2C1D5;
}

.tdsi-light .project-selector:hover {
  color: #fff;
}

.tdsi-light #logo-group span#activity {
  background: none !important;
  border: none !important;
  color: #C5C6CA;
}

.tdsi-light #logo-group span#activity:hover {
  color: #fff;
}

.tdsi-light .header-search > input[type="text"] {
  background: #161B22;
  border: 1px solid #0F1217;
  color: #fff;
  border-radius: 4px;
}

.tdsi-light .btn-header > :first-child > a,
.tdsi-light #hide-menu a > i {
  background: none;
  border: none !important;
  color: #6D6E71 !important;
  box-shadow: none !important;
}

.tdsi-light .btn-header > :first-child > a:hover,
.tdsi-light #hide-menu a:hover i {
  color: #298FC2 !important;
  cursor: pointer !important;
}

.tdsi-light .header-search > button,
.tdsi-light .header-dropdown-list a.dropdown-toggle {
  color: #6D6E71;
}

.tdsi-light #ribbon {
  background: #E6E7E8;
}

.tdsi-light.fixed-ribbon #ribbon {
  border-bottom: 1px solid #6D6E71;
}

.tdsi-light .fixed-ribbon #header {
  border-bottom: none;
  box-shadow: none;
  border-bottom: solid 1px #E6E7E8;
}

.tdsi-light .fixed-header.fixed-ribbon #header {
  border-bottom: solid 1px #E6E7E8;
  box-shadow: none;
}

.tdsi-light .btn.btn-ribbon {
  background: #6D6E71;
}

.tdsi-light #ribbon .breadcrumb li:last-child,
.tdsi-light #ribbon .breadcrumb > .active,
.tdsi-light #ribbon .breadcrumb,
.tdsi-light #ribbon .breadcrumb a {
  color: #E6E7E8 !important;
}

.tdsi-light aside {
  background: #E6E7E8;
  background: -webkit-gradient(linear, left top, right top, color-stop(99%, #E6E7E8), color-stop(100%, #6D6E71));
  background: -webkit-linear-gradient(left, #E6E7E8 99%, #6D6E71 100%);
  background: -webkit-gradient(linear, top left, top right, from(#E6E7E8), to(#6D6E71));
  background: linear-gradient(to right, #E6E7E8 99%, #6D6E71 100%);
  min-height: 100%;
}

.menu-on-top.tdsi-light #left-panel {
  padding-top: px !important;
}

.tdsi-light #logo-group > span .badge {
  background: #298FC2;
}

.tdsi-light .login-info span,
.tdsi-light .login-info {
  border: 0 !important;
  box-shadow: none !important;
}

.tdsi-light .login-info span {
  padding: 5px 10px 7px;
  background: #FFF;
  border-radius: 4px;
}

.tdsi-light .login-info a span {
  padding: 0;
  font-size: 16px !important;
  max-width: 105px;
}

.tdsi-light .login-info {
  margin-bottom: 7px !important;
  height: auto;
}

.tdsi-light .login-info a {
  font-size: 16px !important;
  color: #33455A;
  margin-top: 2px;
}

.tdsi-light .login-info img {
  width: 35px;
}

.tdsi-light nav ul li a {
  padding: 10px 17px 10px 16px;
  color: #6D6E71;
  font-size: 14px !important;
}

.tdsi-light > ul > li > a {
  padding: 10px 17px 10px 16px;
}

.tdsi-light nav ul ul > li:hover b {
  color: #6D6E71 !important;
}

.tdsi-light nav > ul > li > a > i {
  font-size: 17px !important;
}

.tdsi-light nav > ul > li > a b {
  top: 12px;
}

.tdsi-light nav ul ul {
  background: none;
}

.tdsi-light nav ul li.open > a,
.tdsi-light nav ul li.open > a b,
.tdsi-light nav ul .active > a {
  color: #005587 !important;
  font-weight: bold;
}

.tdsi-light nav ul b .fa-plus-square-o:before {
  content: "\f104";
}

.tdsi-light nav ul b .fa-minus-square-o:before {
  content: "\f107";
}

.tdsi-light nav ul ul li > a {
  padding-left: 43px;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.tdsi-light nav ul ul li > a:hover,
.tdsi-light nav ul li a:hover {
  color: #298FC2;
}

.tdsi-light nav > ul > li > ul::before,
.tdsi-light nav > ul ul li::before {
  border: none !important;
}

.tdsi-light nav ul ul ul li a {
  padding-left: 30px;
}

.tdsi-light nav ul ul ul ul li a {
  padding-left: 40px;
}

.tdsi-light nav ul ul ul ul ul li a {
  padding-left: 50px;
}

.tdsi-light nav ul ul ul ul ul ul li a {
  padding-left: 60px;
}

.tdsi-light .selected-item-color:hover {
  color: #fff !important;
  background-color: #298FC2 !important;
}

.tdsi-light .selected-item-color {
  background-color: #298FC2 !important;
  color: #fff !important;
}

.tdsi-light .jarviswidget-color-blueDark > header {
  background: #002A3A !important;
  border-color: #002A3A !important;
}

.tdsi-light .dropdown-menu > li > a:hover,
.tdsi-light .dropdown-menu > li > a:focus {
  background-color: #298FC2;
}

.tdsi-light .pagination > .active > a,
.tdsi-light .pagination > .active > span,
.tdsi-light .pagination > .active > a:hover,
.tdsi-light .pagination > .active > span:hover,
.tdsi-light .pagination > .active > a:focus,
.tdsi-light .pagination > .active > span:focus {
  background-color: #298FC2;
}

/*
 * MINIFIED
 */
.tdsi-light.minified .login-info a {
  margin-top: 4px;
}

.tdsi-light.minified #left-panel {
  padding: 0 !important;
  padding-top: 55px !important;
}

.tdsi-light.minified nav ul > li > a {
  padding: 12px 17px 12px 14px;
}

.tdsi-light.minified nav > ul > li > ul, .tdsi-light.minified nav > ul > li > ul > li, .tdsi-light.minified nav > ul > li > ul > li > ul > li {
  background: #fff !important;
}

.tdsi-light.minified nav > ul > li {
  border-bottom: 1px solid #E6E6E6;
  border-top: 1px solid #FFFFFF;
}

.tdsi-light.minified nav > ul > li > a > i {
  font-size: 18px !important;
}

.tdsi-light.minified .login-info span {
  padding: 0;
}

.tdsi-light.minified .login-info {
  margin: 0 !important;
}

.tdsi-light.minified nav ul li.active > a:before {
  height: 23px;
  right: -19px;
  top: 7px;
  font-size: 20px;
  color: #FFFFFF;
}

/*
 * COLOR PALLET
 */
.tdsi-light .bg-color-red {
  background: #E03C31 !important;
}

.tdsi-light .bg-color-blue {
  background: #298FC2 !important;
}

.tdsi-light .smart-form .checkbox input:checked + i,
.tdsi-light .smart-form .radio input:checked + i,
.tdsi-light .smart-form .toggle input:checked + i {
  border-color: #3b9ff3;
}

.tdsi-light .smart-form .toggle i:before {
  background-color: #3b9ff3;
}

.smart-form .rating input + label:hover,
.smart-form .rating input + label:hover ~ label {
  color: #3b9ff3;
}

.tdsi-light .bg-color-blue {
  background-color: #298FC2 !important;
}

.tdsi-light .bg-color-green {
  background-color: #7EC850 !important;
}

.tdsi-light .bg-color-greenLight {
  background-color: #89AD45 !important;
}

.tdsi-light .bg-color-orange {
  background-color: #D6A848 !important;
}

.tdsi-light .bg-color-red {
  background-color: #E03C31 !important;
}

.tdsi-light .bg-color-teal {
  background-color: #5ba0a3 !important;
}

.tdsi-light .minifyme {
  background: #ffffff;
  border: 1px solid #6D6E71;
  border-right: 1px solid #ffffff;
  color: #298FC2;
}

.tdsi-light .minifyme:hover {
  color: #6D6E71;
}

.tdsi-light .onoffswitch-inner:before {
  background-color: #298FC2;
}

.tdsi-light .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch:before {
  color: #84A83E;
}

/*
 * Style 2 Top Menu
 */
.tdsi-light.menu-on-top .menu-item-parent {
  font-size: 10px;
}

.tdsi-light.menu-on-top #left-panel {
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
}

.tdsi-light.menu-on-top nav ul ul li > a {
  text-shadow: none !important;
  color: #6D6E71;
}

.tdsi-light.menu-on-top aside {
  background: inherit;
}

.tdsi-light.menu-on-top aside#left-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom: 1px solid #B8B8B8;
  border-top: 1px solid #6D6E71;
}

.tdsi-light.menu-on-top aside#left-panel nav > ul > li {
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.tdsi-light.menu-on-top aside#left-panel nav > ul > li:hover {
  background: #005587;
  border-right-color: #fff;
  border-left-color: #fff;
}

.tdsi-light.menu-on-top aside#left-panel nav > ul > li > a {
  text-shadow: none !important;
  font-size: 13px;
  padding: 10px 9px !important;
}

.tdsi-light.menu-on-top nav ul ul li a {
  padding-left: 10px !important;
  font-size: 13px;
}

/* Hover state */
.tdsi-light.menu-on-top aside#left-panel nav > ul > li:hover > a {
  color: #E6E7E8 !important;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.tdsi-light.menu-on-top aside#left-panel nav > ul > li > ul {
  background: #002A3A;
}

/* hover state universal */
.tdsi-light.menu-on-top nav ul ul li a,
.tdsi-light.menu-on-top nav ul ul ul li a {
  color: #ADBED3 !important;
}

.tdsi-light.menu-on-top nav ul ul li a:hover,
.tdsi-light.menu-on-top nav ul ul ul li a:hover {
  color: #fff;
  background-color: #5E6C88 !important;
}

.tdsi-light.menu-on-top nav ul ul li:hover > a {
  color: #fff !important;
  background-color: #5E6C88;
}

.tdsi-light.menu-on-top nav > ul ul ul {
  border-top: 1px solid #E6E7E8 !important;
}

/* Hover state second level */
.tdsi-light.menu-on-top nav ul ul,
.tdsi-light.menu-on-top nav ul ul ul {
  background: #005587 !important;
  border: 1px solid transparent;
}

.tdsi-light.menu-on-top nav > ul ul li:hover > ul {
  background: #6D6E71;
}

/*
 * Child Arrow
 */
/* top level childs */
.tdsi-light.menu-on-top nav > ul > li > a:after {
  color: #8AA1B3 !important;
}

/* next level childs */
.tdsi-light.menu-on-top nav > ul > li > a:after,
.tdsi-light.menu-on-top nav > ul ul > li a:after,
.tdsi-light.menu-on-top nav ul ul li:hover > a:after,
.tdsi-light.menu-on-top nav > ul ul > li a:hover:after {
  color: #D5D5D5;
}

.tdsi-light.menu-on-top nav ul ul li:hover > a:after,
.tdsi-light.menu-on-top nav > ul ul > li a:hover:after {
  color: #fff;
}

/*
 * Active Child
 */
.tdsi-light.menu-on-top nav ul ul .active > a {
  color: #fff !important;
}

.tdsi-light.menu-on-top nav ul ul .active > a:hover,
.tdsi-light.menu-on-top nav ul ul li.active:hover > a {
  color: #fff !important;
}

.tdsi-light .title-text-color {
  color: #6D6E71 !important;
}

@font-face {
  font-family: 'tdsi';
  src: url("/fonts/tdsi-icons/tdsi.ttf?v2_1") format("truetype"), url("/fonts/tdsi-icons/tdsi.woff?v2_1") format("woff"), url("/fonts/tdsi-icons/tdsi.svg?v2_1#tdsi") format("svg");
  font-weight: normal;
  font-style: normal;
}

.tdsi-font {
  /* Use !important to prevent issues with browser extensions that change fonts */
  position: relative;
}

.tdsi-font:before {
  font-family: 'tdsi' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 15px;
  text-transform: none;
  line-height: 1;
  /* Better font rendering */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  left: 0;
  margin-right: 0.25rem;
}

a.tdsi-font {
  text-decoration: none;
}

.tdsi-font.acu:before,
.tdsi-font.icon3:before {
  content: "\e90a";
}

.tdsi-font.area:before,
.tdsi-font.icon17:before {
  content: "\e90b";
}

.tdsi-font.door:before,
.tdsi-font.icon1:before {
  content: "\e903";
}

.tdsi-font.person:before,
.tdsi-font.icon7:before {
  content: "\e908";
}

.tdsi-font.reader:before,
.tdsi-font.icon2:before {
  content: "\e909";
}

.tdsi-font.input:before,
.tdsi-font.icon4:before {
  content: "\e905";
}

.tdsi-font.clock:before,
.tdsi-font.icon24:before {
  content: "\e901";
}

.tdsi-font.output:before,
.tdsi-font.icon5:before {
  content: "\e907";
}

.tdsi-font.system:before,
.tdsi-font.icon68:before {
  content: "\e902";
}

.yes-no-icon {
  font-size: larger;
  padding-left: 20px;
}

html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  position: relative;
  background: none;
}

#logo img {
  width: 175px;
  height: auto;
  padding-left: 3px;
}

#left-panel {
  position: fixed;
  padding-top: 49px;
  border-bottom: 4px solid #298FC2;
  max-height: 100%;
  overflow-y: auto;
  scrollbar-width: thin;
}

#left-panel::-webkit-scrollbar {
  width: 8px;
}

.tdsi-dark #left-panel {
  scrollbar-color: #E6E7E8 #002A3A;
}

.tdsi-dark #left-panel::-webkit-scrollbar-track {
  background-color: #002A3A;
}

.tdsi-dark #left-panel::-webkit-scrollbar-thumb {
  background-color: #E6E7E8;
}

.tdsi-light #left-panel {
  scrollbar-color: #6D6E71 #E6E7E8;
}

.tdsi-light #left-panel::-webkit-scrollbar-track {
  background-color: #E6E7E8;
}

.tdsi-light #left-panel::-webkit-scrollbar-thumb {
  background-color: #6D6E71;
}

#right-panel {
  position: fixed;
  padding-top: 10px;
  border: 1px solid #E6E7E8;
  min-height: 100%;
  z-index: 900;
  top: 93px;
  bottom: 0;
  overflow-y: auto;
  left: auto;
  right: 0;
}

.smart-rtl #right-panel {
  left: 0;
  right: auto;
}

#right-panel > div:last-child {
  height: 93px;
}

#main.system-status-margin {
  margin-right: 220px;
}

.smart-rtl #main.system-status-margin {
  margin-left: 220px;
}

.fixed-header #main {
  margin-top: 56px;
}

#ribbon {
  padding: 10px 13px;
  margin-top: 34px;
}

.fixed-ribbon #ribbon {
  top: 6px;
}

.fixed-ribbon #content {
  padding-top: 50px;
}

.smart-rtl.minified.fixed-ribbon #ribbon {
  left: 0;
  right: 45px;
}

nav > ul > li > ul > li > a {
  background: none;
}

nav > ul > li > ul > li > a:hover {
  background: none;
}

.minifyme {
  border-top: 1px solid #6D6E71;
  border-bottom: 1px solid #6D6E71;
  background: #E6E7E8;
  color: #298FC2;
  text-align: center;
  padding: 0;
  width: 36px;
  height: 28px;
  display: block;
  position: absolute;
  right: 0;
  border-radius: 5px 0 0 5px;
  cursor: pointer;
  margin-top: 7px;
  font-size: 19px;
  transition: all .1s linear 0s;
}

.minified .minifyme {
  right: 0;
  color: #298FC2;
  position: relative;
  width: 100%;
  border-radius: 0;
  margin: 0;
  height: 34px;
  font-size: 23px;
}

.minified .minifyme .fa:before {
  content: "\f054";
}

.minified nav > ul > li > a > .menu-item-parent {
  display: none;
  position: absolute;
  left: 40px;
  top: 0px;
  width: 100px;
  height: 37px;
  line-height: 38px;
  background-color: rgba(11, 11, 11, 0.88);
  color: #ffffff;
  z-index: 3;
  -webkit-box-shadow: 2px 1px 2px 0 #E6E7E8;
  -moz-box-shadow: 2px 1px 2px 0 #E6E7E8;
  box-shadow: 2px 1px 2px 0 #E6E7E8;
  border-left: 0;
  border-top: 0;
  border-bottom: 0;
  padding-left: 12px;
}

.minified nav > ul > li > ul {
  min-height: 0;
  border-color: #E6E7E8;
}

.nav-tabs > li > a {
  margin-right: 2px;
  background-color: #fff;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 2px 2px 0 0;
}

.page-header {
  display: inline-block;
  vertical-align: middle;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-right: 2px solid #298FC2;
  border-bottom: none;
  margin: 0;
}

.marginTop_6procent {
  margin-top: 6%;
}

.width_4procent {
  width: 4%;
}

.width_5procent {
  width: 5%;
}

.width_12procent {
  width: 12%;
}

.width_16procent {
  width: 16%;
}

.width_20procent {
  width: 16%;
}

.margin_top18px {
  margin-top: 18px;
}

.min-width-120px {
  min-width: 120px;
}

.max-width-50px {
  max-width: 50px;
}

.max-width-80px {
  max-width: 80px;
}

.max-width-100px {
  max-width: 100px;
}

.max-width-120px {
  max-width: 120px;
}

.max-width-150px {
  max-width: 150px;
}

.max-width-200px {
  max-width: 200px;
}

.radio .row {
  margin-left: 0;
  margin-right: 0;
}

.width-20-percent {
  width: 20%;
}

.bootstrapWizard .width-20-percent {
  width: 20%;
}

.min-width-25-percent {
  min-width: 25%;
}

.padding-right-10 {
  padding-right: 10px;
}

.width-100-percent {
  width: 100%;
}

.max-width-100-percent {
  max-width: 100%;
}

.max-height-250 {
  max-height: 250px;
}

ul.list-inline {
  margin-top: 0;
  margin-bottom: 0;
}

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

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-22 {
  padding-left: 22px !important;
}

.padding-left-25 {
  padding-left: 25px;
}

.padding-left-30 {
  padding-left: 30px !important;
}

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

.position-relative {
  position: relative;
}

.padding-top-5 {
  padding-top: 5px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px !important;
}

.margin-right-0 {
  margin-right: 0;
}

.margin-sides-13 {
  margin-left: 13px;
  margin-right: 13px;
}

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

.padding-top-28 {
  margin-top: 28px;
}

.margin-top-20 {
  margin-top: 20px;
}

.displayflex {
  display: flex;
}

.margin-20 {
  margin: 20px;
}

.margin-30 {
  margin: 30px;
}

.margin-no-left {
  margin-left: 0px !important;
}

.margin-no-right {
  margin-right: 0px !important;
}

.overflow-scroll-auto {
  overflow: auto;
}

.inline-row {
  display: inline-block;
  vertical-align: top;
  padding-right: 1rem;
  padding-bottom: 0.3rem;
}

.overflowHide {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.nav-tabs > li.active > a {
  -webkit-box-shadow: 0 -2px 0 #298FC2;
  -moz-box-shadow: 0 -2px 0 #298FC2;
  box-shadow: 0 -2px 0 #298FC2;
}

.scroll-window {
  max-height: 200px;
  overflow: auto;
}

.scrollable-list {
  max-height: 250px;
  overflow-y: auto;
}

.scrollable-list-tall {
  max-height: 500px;
  overflow-y: auto;
}

.static-position {
  position: static;
}

.vertical-align-baseline {
  vertical-align: baseline;
}

.vertical-align-bottom {
  vertical-align: bottom;
}

.vertical-align-middle {
  vertical-align: middle;
}

#UserMenu {
  font-size: 13px;
  font-weight: normal;
  background: unset;
  border: none;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.dropdown-submenu > .dropdown-menu.dropdown-menu-right {
  left: auto;
  right: 158px;
}

.smart-rtl .dropdown-submenu > .dropdown-menu.dropdown-menu-right {
  left: 173px;
  right: auto;
}

.dropdown-menu li span {
  height: inherit;
  line-height: inherit;
}

.smart-rtl .dropdown-menu-left {
  left: auto;
  right: 0;
}

.smart-rtl .dropdown-menu-right {
  left: 0;
  right: auto;
}

.btn-header .fa-stack.small {
  padding-top: 4px;
}

.btn-header .fa-stack.small > i.fa-stack-1x {
  font-size: 0.75em;
  margin-top: -2px;
  margin-left: 8px;
}

.btn-header .fa-stack.small > i.fa-stack-2x {
  font-size: 1em;
}

.overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}

/*.tdsi-dark .overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
}*/
.tdsi-light .overlay {
  display: block;
  background-color: rgba(250, 250, 250, 0.8);
  width: 100%;
  height: 100%;
}

.overlay-container.open .overlay {
  position: fixed;
}

.dark-overlay {
  display: block;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
}

.overlay-container.open .dark-overlay {
  position: fixed;
}

.window-transparent-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 80;
}

.overlay-container {
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  z-index: 902;
  max-height: 0;
  overflow: hidden;
}

.overlay-container.open {
  display: block;
  max-height: 100%;
  overflow: visible;
}

.window-overlay {
  display: block;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  text-align: center;
  max-height: 0;
  overflow: hidden;
}

.window-overlay.active {
  max-height: 100%;
  overflow: visible;
}

.overlay-box {
  position: relative;
  background-color: #fff;
  padding: 2rem;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  margin: 0 auto;
}

.list-delete-overlay {
  position: absolute;
  display: block;
  text-align: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 10;
  overflow: hidden;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

.list-delete-overlay .delete-undo {
  display: block;
  padding: 1rem 0;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.0;
  opacity: 0;
}

.list-delete-overlay.active {
  height: 100%;
}

.list-delete-overlay.active .delete-undo {
  opacity: 1;
}

.list-delete-overlay:hover {
  background-color: rgba(0, 0, 0, 0.57);
}

.well {
  background-color: #E6E7E8;
  border: 1px solid #6D6E71;
  box-shadow: 0 1px 1px #ececec;
  -webkit-box-shadow: 0 0 4px #298FC2;
  -moz-box-shadow: 0 1px 1px #298FC2;
  position: relative;
}

.well.well-light {
  background: #fff;
  border: 1px solid #99D6EA;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 4px #298FC2;
  -moz-box-shadow: 0 0 4px #298FC2;
  box-shadow: 0 0 4px #298FC2;
}

.panel-default > .panel-heading {
  color: #6D6E71;
  background-color: #ECF8FB;
  border-color: #6D6E71;
}

.panel-info > .panel-heading {
  color: #6D6E71;
  background-color: #E6E7E8;
  border-color: #6D6E71;
}

.panel-title {
  color: #6D6E71;
}

.jarviswidget > header {
  color: #6D6E71;
  border: 1px solid #6D6E71;
  background: #E6E7E8;
}

.select-window-container {
  position: relative;
  width: 50%;
  opacity: 0;
  height: 0;
  left: 43rem;
  top: -14rem;
  overflow: hidden;
  z-index: 90;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  transition: all 0.2s;
}

.select-window-container.open {
  display: block;
  overflow: visible;
  opacity: 1;
}

.select-window {
  position: absolute;
  left: 0;
  top: -6px;
  background-color: #fff;
  width: 100%;
  height: 265px;
  opacity: 0;
  margin-bottom: 1rem;
  margin-top: 0;
  border: 1px solid #298FC2;
  padding: 1rem 1.5rem;
  -webkit-box-shadow: 0 0 4px #298FC2;
}

.select-window.open {
  opacity: 1;
}

.select-window .results-window {
  position: relative;
  overflow-y: scroll;
  max-height: 130px;
}

.select-win-container {
  display: inline-block;
  width: 50%;
}

.select-win {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

.select-win a {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem;
  width: 50%;
}

.select-win-ctrl {
  display: inline-block;
  padding: 1.75rem;
  margin-top: 12rem;
}

.select-win-ctrl a {
  margin-bottom: 1rem;
}

.select-list-window {
  height: 150px;
  overflow-y: scroll;
}

.loading {
  padding-top: 100px;
  text-align: center;
  color: #298FC2;
}

.tdsi-dark #page-loading {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-dark #page-loading h1 {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-dark #page-loading p {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-light #page-loading {
  text-align: center;
  color: #6D6E71;
}

.tdsi-light #page-loading h1 {
  text-align: center;
  color: #6D6E71;
}

.tdsi-light #page-loading p {
  text-align: center;
  color: #6D6E71;
}

.tdsi-dark #page-load-failed {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-dark #page-load-failed h1 {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-dark #page-load-failed p {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-light #page-load-failed {
  text-align: center;
  color: #6D6E71;
}

.tdsi-light #page-load-failed h1 {
  text-align: center;
  color: #6D6E71;
}

.tdsi-light #page-load-failed p {
  text-align: center;
  color: #6D6E71;
}

.tdsi-dark #not-authorised {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-dark #not-authorised h1 {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-dark #not-authorised p {
  text-align: center;
  color: #FFFFFF;
}

.tdsi-light #not-authorised {
  text-align: center;
  color: #6D6E71;
}

.tdsi-light #not-authorised h1 {
  text-align: center;
  color: #6D6E71;
}

.tdsi-light #not-authorised p {
  text-align: center;
  color: #6D6E71;
}

#page-loading h1:first-of-type {
  animation: spin 3s linear infinite;
}

.propertiesLoading {
  font-size: 0.4em;
}

.propertiesLoading > h1 {
  font-size: small;
}

.modal-content {
  background: white;
  border: 1px solid #298FC2;
  -webkit-box-shadow: 0 0 4px #298FC2;
}

.modal-xlg {
  width: 90%;
}

.model-footer-display {
  display: flow-root;
}

.popover {
  max-width: 500px;
}

.popover-small {
  width: 250px;
}

.popover-medium {
  width: 350px;
}

.popover-wide {
  width: 550px;
  max-width: 550px;
}

.popover-body-max-height-400 {
  max-height: 400px;
  overflow-y: scroll;
}

.popover-title {
  background-color: #fff;
  border-bottom-color: #E6E7E8;
}

.tooltip-wrapper {
  position: absolute;
  visibility: hidden;
}

.tooltip-on-top {
  z-index: 1900 !important;
  display: none;
}

#divSmallBoxes {
  top: 49px;
}

.SmallBox p {
  font-size: 16px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.miniPic {
  bottom: 5px;
}

#alarmNotificationIcon .alarm-warning-color {
  color: #E03C31 !important;
}

#alarmNotificationIcon .alarm-ok-color {
  color: #7EC850 !important;
}

.btn-default, .btn-default[disabled] {
  color: #fff;
  background-color: #6D6E71;
  border-color: #6D6E71;
}

.btn-default:hover, .btn-default[disabled]:hover {
  color: #fff;
  background-color: #939497;
  border-color: #939497;
}

.btn-default:active, .btn-default[disabled]:active {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

.btn-default:focus, .btn-default[disabled]:focus {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

.btn-default:active:focus, .btn-default[disabled]:active:focus {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

.btn-default.active, .btn-default[disabled].active {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
}

.btn-default.active:hover, .btn-default[disabled].active:hover {
  color: #fff;
  background-color: #5bb1dc;
  border-color: #5bb1dc;
}

.btn-default.active:active, .btn-default[disabled].active:active {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

.btn-default.active:focus, .btn-default[disabled].active:focus {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

.btn-default.active:active:focus, .btn-default[disabled].active:active:focus {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

.btn-primary, btn-primary[disabled] {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
}

.btn-primary:hover, .btn-primary[disabled]:hover {
  color: #fff;
  background-color: #5bb1dc;
  border-color: #5bb1dc;
}

.btn-primary:active, .btn-primary[disabled]:active {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

.btn-primary:focus, .btn-primary[disabled]:focus {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

.btn-primary:active:focus, .btn-primary[disabled]:active:focus {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

.btn-info, .btn-info[disabled] {
  color: #fff;
  background-color: #005587;
  border-color: #005587;
}

.btn-info:hover, .btn-info[disabled]:hover {
  color: #fff;
  background-color: #0085d4;
  border-color: #0085d4;
}

.btn-info:active, .btn-info[disabled]:active {
  color: #fff;
  background-color: #00253b;
  border-color: #00253b;
}

.btn-info:focus, .btn-info[disabled]:focus {
  color: #fff;
  background-color: #00253b;
  border-color: #00253b;
}

.btn-info:active:focus, .btn-info[disabled]:active:focus {
  color: #fff;
  background-color: #00253b;
  border-color: #00253b;
}

.btn-success, .btn-success[disabled] {
  color: #fff;
  background-color: #7EC850;
  border-color: #7EC850;
}

.btn-success:hover, .btn-success[disabled]:hover {
  color: #fff;
  background-color: #a9da8a;
  border-color: #a9da8a;
}

.btn-success:active, .btn-success[disabled]:active {
  color: #fff;
  background-color: #599b31;
  border-color: #599b31;
}

.btn-success:focus, .btn-success[disabled]:focus {
  color: #fff;
  background-color: #599b31;
  border-color: #599b31;
}

.btn-success:active:focus, .btn-success[disabled]:active:focus {
  color: #fff;
  background-color: #599b31;
  border-color: #599b31;
}

.btn-warning, .btn-warning[disabled] {
  color: #fff;
  background-color: #FAA01E;
  border-color: #FAA01E;
}

.btn-warning:hover, .btn-warning[disabled]:hover {
  color: #fff;
  background-color: #fcc069;
  border-color: #fcc069;
}

.btn-warning:active, .btn-warning[disabled]:active {
  color: #fff;
  background-color: #c77704;
  border-color: #c77704;
}

.btn-warning:focus, .btn-warning[disabled]:focus {
  color: #fff;
  background-color: #c77704;
  border-color: #c77704;
}

.btn-warning:active:focus, .btn-warning[disabled]:active:focus {
  color: #fff;
  background-color: #c77704;
  border-color: #c77704;
}

.btn-danger, .btn-danger[disabled] {
  color: #fff;
  background-color: #E03C31;
  border-color: #E03C31;
}

.btn-danger:hover, .btn-danger[disabled]:hover {
  color: #fff;
  background-color: #ea7b73;
  border-color: #ea7b73;
}

.btn-danger:active, .btn-danger[disabled]:active {
  color: #fff;
  background-color: #ab231a;
  border-color: #ab231a;
}

.btn-danger:focus, .btn-danger[disabled]:focus {
  color: #fff;
  background-color: #ab231a;
  border-color: #ab231a;
}

.btn-danger:active:focus, .btn-danger[disabled]:active:focus {
  color: #fff;
  background-color: #ab231a;
  border-color: #ab231a;
}

.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
}

.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
}

.open > .dropdown-toggle.btn-default.focus, .open > .dropdown-toggle.btn-default:focus, .open > .dropdown-toggle.btn-default:hover {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #298FC2;
}

.disabled-button-container {
  cursor: not-allowed;
}

.disabled-button-container > button:disabled {
  pointer-events: none;
}

.disabled-button-container:hover > button.btn-default[disabled] {
  color: #fff;
  background-color: #939497;
  border-color: #939497;
  opacity: 0.65;
}

.disabled-button-container:hover > button.btn-primary[disabled] {
  color: #fff;
  background-color: #5bb1dc;
  border-color: #5bb1dc;
  opacity: 0.65;
}

.disabled-button-container:hover > button.btn-info[disabled] {
  color: #fff;
  background-color: #0085d4;
  border-color: #0085d4;
  opacity: 0.65;
}

.disabled-button-container:hover > button.btn-success[disabled] {
  color: #fff;
  background-color: #a9da8a;
  border-color: #a9da8a;
  opacity: 0.65;
}

.disabled-button-container:hover > button.btn-warning[disabled] {
  color: #fff;
  background-color: #fcc069;
  border-color: #fcc069;
  opacity: 0.65;
}

.disabled-button-container:hover > button.btn-danger[disabled] {
  color: #fff;
  background-color: #ea7b73;
  border-color: #ea7b73;
  opacity: 0.65;
}

.smart-form {
  color: #6D6E71;
}

.control-label {
  color: #6D6E71;
}

.form-control {
  color: black;
}

.form-control:disabled {
  background-color: #E6E7E8;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.form-inline .pagination {
  margin: 2px 0;
  padding-left: 10px;
}

.onoffswitch-wide {
  width: 80px;
}

.onoffswitch-wide .onoffswitch-label {
  border-radius: 80px;
}

.onoffswitch-wide .onoffswitch-switch {
  border-radius: 80px;
  right: 62px;
}

.onoffswitch-checkbox + .onoffswitch-label .onoffswitch-switch::before, .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch::before {
  color: #E03C31;
}

.tdsi-light .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch::before {
  color: #7EC850;
}

.paging-controls .form-group {
  vertical-align: top;
  margin-top: 2px;
}

.form-inline .pagination {
  margin: 4px, 0;
}

.pagination > li > a, .pagination > li > span {
  color: #298FC2;
  background-color: #fff;
  border: 1px solid #E6E7E8;
}

.enabled-disabled {
  width: 80px;
}

.enabled-disabledswitch-switch {
  right: 60px;
}

#ribbon div.form-group.icon-addon {
  width: 200px;
}

#ribbon div.form-group.icon-addon > input {
  width: 100%;
}

.ui-spinner-up, .ui-spinner-down {
  background: #6D6E71;
}

.ui-spinner-up:hover, .ui-spinner-down:hover, .ui-spinner-up:focus, .ui-spinner-down:focus {
  background: #E6E7E8;
}

.ui-spinner-up:hover::before, .ui-spinner-down:hover::before, .ui-spinner-up:focus::before, .ui-spinner-down:focus::before {
  color: #6D6E71;
}

.ui-spinner-up::before {
  content: "\f077";
}

.ui-spinner-down::before {
  content: "\f078";
}

.no-bottom-border {
  border-bottom: none !important;
}

.radio-inline-title {
  display: inline-block;
  margin-bottom: 0;
  padding-right: 5px;
  vertical-align: middle;
}

.multiSelectList,
.multiSelectListNested {
  background-color: #E6E7E8;
  min-height: 250px;
  overflow-y: scroll;
  border: 2px solid #6D6E71;
  max-height: 400px;
}

.multiSelectList > div > div,
.multiSelectListNested > div > div > div {
  background-color: #fff;
  color: #6D6E71;
  padding: 0.2rem 0.2rem 0.2rem 0.6rem;
  border: 1px solid #ccc;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.multiSelectList > div > div.active,
.multiSelectListNested > div > div > div.active {
  background-color: #298FC2;
  color: #fff;
}

.multiSelectList > div > div.active > label,
.multiSelectListNested > div > div > div.active > label {
  color: #fff;
}

.multiSelectList > div > div:not(:first-child) > a,
.multiSelectListNested > div > div > div:not(:first-child) > a {
  color: #6D6E71;
  text-decoration: underline;
}

.multiSelectList > div > div.active:not(:first-child) > a,
.multiSelectListNested > div > div > div.active:not(:first-child) > a {
  color: #fff;
  text-decoration: underline;
}

.multiSelectList > div > div:not(:first-child) > a:hover,
.multiSelectListNested > div > div > div:not(:first-child) > a:hover {
  text-decoration: none;
}

.multiSelectListHeader > div {
  padding-left: 0.6rem;
  padding-right: 0;
  color: #6D6E71;
}

a:link.multiSelectListSelectAll {
  text-decoration: underline;
}

a:visited.multiSelectListSelectAll {
  text-decoration: underline;
}

a:hover.multiSelectListSelectAll {
  text-decoration: none;
}

a:active.multiSelectListSelectAll {
  text-decoration: underline;
}

a.multiSelectListExpandAll {
  color: #6D6E71;
}

.circle-arrow {
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  background-color: #6D6E71;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.circle-arrow-small {
  width: 30px;
  height: 30px;
  border-radius: 30px;
}

.circle-arrow:before, .circle-arrow:after {
  position: absolute;
  content: '';
  width: 18px;
  height: 5px;
  background-color: #fff;
}

.circle-arrow.right:before {
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -7px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.circle-arrow.right:after {
  top: 75%;
  left: 50%;
  margin-top: -11px;
  margin-left: -7px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.circle-arrow.left:before {
  top: 50%;
  left: 50%;
  margin-top: -6px;
  margin-left: -10px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.circle-arrow.left:after {
  top: 75%;
  left: 50%;
  margin-top: -11px;
  margin-left: -10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.required {
  line-height: 0.8;
  font-size: 1.8rem;
  color: #E03C31;
}

.form-error p,
.custom-error p {
  color: #E03C31;
}

.form-warning p,
.custom-error p {
  color: #FAA01E;
}

.unique-error p {
  color: #E03C31;
}

.server-errors {
  font-size: 1.5rem;
  width: 100%;
  border: 1px solid #E03C31;
  background-color: #fff;
  color: #E03C31;
}

.server-errors p {
  margin-bottom: 0;
  margin-top: 0.5rem;
}

.warning {
  font-size: 1.25rem;
  width: 100%;
  background-color: #fff;
  color: #E03C31;
}

.warning > strong {
  font-size: 2rem;
}

.save-box {
  height: auto;
  background-color: #ffffff;
  color: #298FC2;
  border: 1px solid #298FC2;
  width: 250px;
  z-index: 1000;
}

.apply-bar {
  position: fixed;
  bottom: -10rem;
  left: inherit;
  height: 10rem;
  text-align: center;
  padding: 2rem;
  opacity: 0;
  z-index: 100;
}

.apply-bar.active {
  bottom: 0;
  opacity: 1;
}

.tab-error > a {
  border: solid #E03C31 !important;
}

.bootstrapWizard li:before {
  border-top: 3px solid #6D6E71;
}

.bootstrapWizard li.complete .step {
  background: #7EC850;
  border: 3px solid #6D6E71;
}

.bootstrapWizard li .step {
  background: #E6E7E8;
  color: #6D6E71;
}

.bootstrapWizard li.active .step, .bootstrapWizard li.active.complete .step {
  background: #298FC2;
  color: #fff;
  border: 3px solid #6D6E71;
}

.bootstrapWizard li.complete .title, .bootstrapWizard li.active .title {
  color: #6D6E71;
}

.bootstrapWizard li .title {
  color: #6D6E71;
}

ul.pager.wizard li.previous a {
  color: #fff;
  background-color: #6D6E71;
  border-color: #6D6E71;
}

ul.pager.wizard li.previous a:hover {
  color: #fff;
  background-color: #939497;
  border-color: #939497;
}

ul.pager.wizard li.previous a:active {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

ul.pager.wizard li.previous a:focus {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

ul.pager.wizard li.previous a:active:focus {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

ul.pager.wizard li.cancel a {
  color: #fff;
  background-color: #6D6E71;
  border-color: #6D6E71;
}

ul.pager.wizard li.cancel a:hover {
  color: #fff;
  background-color: #939497;
  border-color: #939497;
}

ul.pager.wizard li.cancel a:active {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

ul.pager.wizard li.cancel a:focus {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

ul.pager.wizard li.cancel a:active:focus {
  color: #fff;
  background-color: #47484a;
  border-color: #47484a;
}

ul.pager.wizard li.next a {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
}

ul.pager.wizard li.next a:hover {
  color: #fff;
  background-color: #5bb1dc;
  border-color: #5bb1dc;
}

ul.pager.wizard li.next a:active {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

ul.pager.wizard li.next a:focus {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

ul.pager.wizard li.next a:active:focus {
  color: #fff;
  background-color: #1c6083;
  border-color: #1c6083;
}

.wizardHeaderMargin {
  margin-top: 30px;
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
}

.dd-handle.listTitle, .dd-handle.listTitle:focus .dd-handle.listTitle:hover {
  background-color: #298FC2;
  color: #fff;
}

th {
  color: #6D6E71;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: #E6E7E8;
}

.dataTables_filter {
  width: auto;
}

table.dataTable tbody tr td {
  padding: 0;
  padding-left: 9px;
  vertical-align: middle;
}

.smart-rtl table.dataTable tbody tr td {
  padding: 0;
  padding-right: 9px;
  vertical-align: middle;
}

.smart-rtl table td[class*="col-"], table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}

table.dataTable tbody tr td label {
  margin-bottom: 0;
}

.table-row-warning {
  outline: thin solid #E03C31;
}

.remove-row-color {
  color: #fff !important;
  background-color: #E03C31 !important;
}

.table-container {
  max-width: 100%;
  overflow-x: auto;
}

.system-status {
  margin-left: 10px;
}

.tdsi-light .system-status .system-status-heading {
  color: #6D6E71;
}

.tdsi-dark .system-status .system-status-heading {
  color: #fff;
}

.tdsi-light .system-status .system-status-item-total {
  color: #000;
}

.tdsi-dark .system-status .system-status-item-total {
  color: #fff;
}

.system-status .system-service-status {
  margin-left: 13px;
}

.system-status .site-acu-status {
  margin-left: 13px;
}

.status-item-list {
  height: 200px;
  overflow-y: scroll;
}

.status-item-list > div {
  margin-right: 0;
}

.no-cursor {
  cursor: default;
}

@font-face {
  font-family: 'Titillium';
  src: url("/fonts/Titillium/TitilliumWeb-Regular.ttf") format("truetype");
}

body {
  color: #000;
  font-family: Titillium;
  margin: 0;
  padding: 0;
  min-height: 100%;
  direction: ltr;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Titillium;
}

h1, h2, h3, h4, h5, h6, legend {
  color: #6D6E71;
}

a {
  color: #298FC2;
  text-decoration: none;
}

a:focus, a:hover {
  color: #1c6083;
  text-decoration: none;
}

label {
  color: #6D6E71;
}

#headerAbout {
  font-size: 17px;
  margin-top: 12px;
}

.form-divider {
  border-top: 1px solid #E6E7E8;
  margin: 0;
}

.informationtext {
  margin-top: 24px;
  margin-left: -20px;
}

.opacity-50 {
  opacity: 0.5;
}

.cursorPointer {
  cursor: pointer;
}

.select-pointer {
  cursor: pointer;
}

.text-bold {
  font-weight: bold;
}

.redcross {
  color: #E03C31;
}

.black-color {
  color: #000;
}

.white-color {
  color: #fff;
}

.bg-color-red {
  background-color: #E03C31 !important;
}

.txt-color-red {
  color: #E03C31 !important;
}

.txt-color-orange {
  color: #FAA01E !important;
}

.txt-color-green {
  color: #7EC850 !important;
}

.txt-color-blue {
  color: #298FC2 !important;
}

.bg-color-redLight {
  background-color: #e7665d !important;
}

.bg-color-grey {
  background-color: #6D6E71 !important;
}

.bg-color-greyLight {
  background-color: #E6E7E8 !important;
}

.text-color-grey {
  color: #6D6E71;
}

.icon-color-grey {
  color: #6D6E71;
}

.icon-color-blue {
  color: #005587;
}

.icon-color-turquoise {
  color: #99D6EA;
}

.icon-color-green {
  color: #7EC850;
}

.icon-color-red {
  color: #E03C31;
}

.icon-color-lime {
  color: #B271BD;
}

.placeholdercolour {
  color: #6D6E71;
}

.bg-color-warning {
  background-color: #FAA01E;
}

.txt-color-warning {
  color: #FAA01E;
}

.open > .dropdown-menu {
  -webkit-animation-name: none;
  -moz-animation-name: none;
  -o-animation-name: none;
  animation-name: none;
  -webkit-animation-duration: 0s;
  -moz-animation-duration: 0s;
  -o-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: none;
  -moz-animation-fill-mode: none;
  -o-animation-fill-mode: none;
  animation-fill-mode: none;
}

.flag.flag-ar {
  background-position: -192px -165px;
  background-position-x: -192px;
  background-position-y: -165px;
}

@media print {
  #header, #left-panel, #right-panel, #ribbon, .print-none {
    display: none;
  }
  #main {
    margin: 0;
  }
  #content {
    padding: 0;
  }
}

.loading-landing-page .landing-page-welcome h1 {
  font-size: 1rem;
  opacity: 0;
}

.loading-landing-page .landing-page-welcome .promo-logo {
  opacity: 0;
  max-width: 100px;
}

.loading-landing-page .landing-page-welcome .landing-login-button {
  opacity: 0;
  margin-top: 12rem;
}

.loading-landing-page .landing-page-welcome .sub-text {
  opacity: 0;
}

.landing-page-welcome {
  text-align: center;
  margin-top: 12rem;
}

.landing-page-welcome h1 {
  margin-top: 0;
  margin-bottom: 5rem;
  opacity: 1;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
  transition: all 2s;
}

.tdsi-light .landing-page-welcome h1 {
  color: #6D6E71;
}

.tdsi-dark .landing-page-welcome h1 {
  color: #E6E7E8;
}

.landing-page-welcome .promo-logo {
  opacity: 1;
  margin: 0 auto;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
  transition: all 2s;
}

.landing-page-welcome .promo-logo img {
  margin-top: 1rem;
  max-width: 600px;
}

.landing-page-welcome .sub-text {
  margin-top: 12rem;
  opacity: 1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  -ms-transition: all 3s;
  transition: all 3s;
}

.landing-page-welcome .landing-login-button {
  opacity: 1;
  margin-top: 4rem;
  -webkit-transition: all 2s;
  -moz-transition: all 2s;
  -ms-transition: all 2s;
  transition: all 2s;
}

.landing-page-welcome .sub-text span {
  display: inline-block;
  font-size: 1.5rem;
  vertical-align: top;
  margin-top: 16px;
  padding-right: 13px;
}

.tdsi-light .landing-page-welcome .sub-text span {
  color: #6D6E71;
}

.tdsi-dark .landing-page-welcome .sub-text span {
  color: #E6E7E8;
}

.landing-page-welcome .sub-text img {
  margin-top: 1rem;
  max-width: 100px;
}

.landing-page-welcome .small-logo img {
  margin-top: 1rem;
  max-width: 250px;
}

.landing-page-welcome input[type=email] {
  width: 250px;
  border: 1px solid #298FC2;
}

.loading-landing-page .landing-page-welcome .help-link {
  opacity: 0;
  margin-top: 12rem;
}

.landing-page-welcome .help-link {
  margin-top: 12rem;
  opacity: 1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  -ms-transition: all 3s;
  transition: all 3s;
  display: inline-block;
  font-size: 1.5rem;
  vertical-align: central;
  margin-top: 15px;
  padding-right: 13px;
}

.loading-landing-page .landing-page-welcome .help-link {
  opacity: 0;
  margin-top: 12rem;
}

.landing-page-welcome .help-link {
  margin-top: 12rem;
  opacity: 1;
  -webkit-transition: all 3s;
  -moz-transition: all 3s;
  -ms-transition: all 3s;
  transition: all 3s;
  display: inline-block;
  font-size: 1.5rem;
  vertical-align: central;
  margin-top: 15px;
  padding-right: 13px;
}

.page-login {
  width: 100%;
  margin: 5rem auto;
}

.login-form {
  width: 320px;
  margin: 0 auto;
}

.loggedout-page {
    width:100%;
    margin:5rem auto;
    text-align: center;
}
.logedout-form {
    width: 320px;
    margin: auto;
    text-align: center;
}

.logout-page {
    width: 100%;
    margin: 5rem auto;
    text-align: center;
}

.logout-form {
    width: 320px;
    margin: auto;
    text-align: center;
}
.login-form .panel-title {
  font-size: 2.5rem;
  color: #298FC2;
  margin-bottom: 1.0rem;
}

.login-form input[type=text],
.login-form input[type=password] {
  width: 100%;
  border: 1px solid #298FC2;
}

.login-form footer {
  margin-top: 2rem;
  text-align: right;
}

.login-logo {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 2rem 0 3rem;
}

#visualVerificationMessage {
  min-height: 80px;
}

#visualVerificationMessage > div {
  height: inherit;
}

#visualVerificationMessage img {
  max-height: 100%;
  max-width: 100%;
}

#EventsWidget .events-list {
  height: 400px;
  overflow-y: scroll;
}

.event-status-popover {
  width: 400px;
  max-width: 400px;
}

.command-results-window {
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}

.personCardImageContainer {
  max-width: 40%;
  height: 7.5em;
}

.personCardImage {
  max-width: 100%;
  max-height: 100%;
}

.reducedPaddingListRow {
  padding: 2px 15px;
}

.personCardListImage {
  max-height: 30px;
}

.personSecurityOptions {
  margin-top: 30px;
}

.personWizardHeader {
  margin-top: 30px;
}

.person-edit-image-container {
  max-width: 10%;
  padding-top: 1.8em;
  padding-right: 26px;
}

.person-edit-image {
  width: 100%;
}

/*.biometric-hand {
    display: inline-flex;
    width: 250px;
}*/
.biometric-hand > div {
  text-align: center;
}

.biometric-hand > div > img {
  display: inline-block;
  height: 60px;
}

/*.biometric-hand > div.active > img {
    fill: green !important;
}
.biometric-hand > div > #right-hand > path {
    fill: red !important;
}*/
.biometric-hand > div > a {
  display: inline-block;
  margin-bottom: 20px;
}

.biometric-template {
  display: inline-flex;
}

.biometric-template > div {
  text-align: center;
}

.biometric-template > div > img {
  display: inline-block;
  height: 40px;
}

.biometric-template > a > img {
  display: inline-block;
  height: 40px;
}

.biometric-template > img {
  display: inline-block;
  margin-bottom: 20px;
}

.biometric-template-popover {
  min-height: 188px;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

.autoInput {
  display: flex;
}

.autoInput > button {
  width: auto;
  background-color: #298FC2;
}

.autoInput > button:disabled {
  background-color: #adaeb0 !important;
}

.mobile-registered {
  border-block-end-color: #FAA01E !important;
  border-block-end-width: thick !important;
}

.mobile-sent {
  border-block-end-color: #7EC850 !important;
  border-block-end-width: thick !important;
}

.mobile-revoked {
  border-block-end-color: #E03C31 !important;
  border-block-end-width: thick !important;
}

.mobile-error {
  border-block-end-color: #E03C31 !important;
  border-block-end-width: thick !important;
}

.mobileCredit {
  color: #86878b !important;
}

.creditWarning {
  color: #E03C31 !important;
}

.creditLow {
  color: #FAA01E !important;
}

.personStateActive {
  color: #E03C31 !important;
}

.personStateInactive {
  color: #b1b4b7 !important;
}

.md-card-wrapper {
  position: relative;
  /*width: 40%;*/
}

.md-card-wrapper span {
  position: inherit;
  top: -20px;
  /*right: 20%;*/
  color: white;
  font-size: 18px;
}

.security-option {
  display: -webkit-inline-box;
  padding-top: 5px;
}

#badgeDesignContainer.landscape {
  width: 544px;
  height: 359px;
}

#badgeDesignContainer.portrait {
  width: 359px;
  height: 544px;
}

#badgeDesignContainer .konvajs-content {
  outline: 2px solid;
  border-radius: 20px;
}

#badgeDesignContainer img {
  outline: 2px solid;
  border-radius: 20px;
}

.badgeDesignList {
  height: 260px;
}

.badgeDesignList h3 {
  margin-top: 0;
  margin-bottom: 10px;
}

.badgeDesignList img {
  max-width: 100%;
  max-height: 180px;
  outline: 2px solid;
  border-radius: 20px;
}

.badgeDesignForm input[type=color] {
  width: 100px;
}

.label-org {
  background-color: #e1e1e2;
  color: #000000;
  font-size: 95%;
  text-align: left;
}

.label-dept {
  background-color: #eeeeef;
  color: #000000;
  font-size: 95%;
  text-align: left;
}

.site-page-intro {
  display: inline-block;
  width: 100%;
}

.site-page-intro .add-site-col {
  display: inline-block;
  width: 50%;
}

.site-page-intro .add-site-col label,
.site-page-intro .add-site-col input {
  width: 100%;
}

.site-page-intro .add-site-ctas {
  display: inline-block;
  padding-left: 0.8rem;
  vertical-align: top;
  margin-top: 1.7rem;
}

.site-add-form {
  max-height: 0;
  overflow: hidden;
}

.label-site {
  background-color: #e1e1e2;
  color: #000000;
  font-size: 95%;
  text-align: left;
}

.label-area {
  background-color: #eeeeef;
  color: #000000;
  font-size: 95%;
  text-align: left;
}

.occupancy-status-green {
  color: #7EC850;
}

.occupancy-status-orange {
  color: #FAA01E;
}

.occupancy-status-red {
  color: #E03C31;
}

.well.well-area {
  background: #fbfbfb;
  border: 1px solid #99D6EA;
  display: flow-root;
}

.well.well-site {
  background: #eeeeef;
  border: 1px solid #99D6EA;
}

/*Equipment Overlays*/
.equipment-builder {
  position: fixed;
  margin: 1rem 0.7rem;
  /*width: 595px;*/
  z-index: 51;
  max-height: 100%;
  opacity: 1;
  overflow: visible;
}

.comms-channels-container {
  margin-top: 12rem;
  width: 750px;
}

.confirm-box {
  width: 400px;
}

/*Equipment Tree view colours*/
.label-channel {
  background-color: #cbced0;
  color: #000000;
  font-size: 95%;
  text-align: left;
}

.label-acu {
  background-color: #E6E7E8;
  color: #000000;
  font-size: 95%;
  text-align: left;
}

.label-door {
  background-color: #cec7b9;
  color: #000000;
  font-size: 95%;
  text-align: left;
}

.dd-handle.label {
  line-height: inherit;
  padding: 2px;
}

.equipment-status-blue {
  color: #298FC2;
}

.equipment-status-green {
  color: #7EC850;
}

.equipment-status-orange {
  color: #FAA01E;
}

.equipment-status-red {
  color: #E03C31;
}

.equipment-door-schedule .row {
  display: flex;
  margin-left: 2px;
  max-width: 311px;
}

.equipment-door-schedule .left-select {
  border-right: none;
  padding-right: 2px;
}

.equipment-door-schedule .right-select {
  border-left: none;
  padding-left: 2px;
}

.ip-device-popover {
  min-width: 400px;
  max-width: 400px;
}

.SelectListIdData {
  background-color: #fff;
  color: #333;
  border: 2px solid #6D6E71;
  min-height: 130px;
  max-height: 130px;
  overflow-y: scroll;
}

.ListIdDataheader {
  color: #555;
  background-color: #eee;
}

.SelectListIdData > div > div.active {
  background-color: #298FC2;
  color: #fff;
}

.SelectListIdData > div > div > a {
  color: #6D6E71;
  text-decoration: none;
}

.SelectListIdData > div > div {
  color: #6D6E71;
  padding: 0.2rem 0.2rem 0.2rem 0.6rem;
  border: 1px solid #ccc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.al-door-search span:hover {
  color: #298FC2;
  cursor: pointer;
}

.al-schedule-search span:hover {
  color: #298FC2;
  cursor: pointer;
}

.fc-scroller {
  height: auto !important;
  overflow: visible !important;
}

.fc-head .fc-widget-header {
  margin-right: 0 !important;
}

.fc-event[href], .fc-event.fc-draggable {
  cursor: move;
}

.fc-day, .fc-day-number {
  cursor: pointer;
}

.fc-content-skeleton > table > tbody > tr > td {
  cursor: pointer;
}

td.fc-day.fc-past {
  background-color: #E6E7E8;
}

.cause-item {
  color: #fff;
  background-color: #298FC2;
  border-color: #298FC2;
  padding: 20px;
  display: flow-root;
  margin-bottom: 5px;
}

.effect-item {
  color: #fff;
  background-color: #7EC850;
  border-color: #7EC850;
  padding: 20px;
  display: flow-root;
  margin-bottom: 5px;
}

.cause-item > input {
  color: #298FC2;
  background-color: white;
  border-color: #298FC2;
}

.cause-item > span > button {
  padding-right: 15px !important;
}

.toolbarSwitch {
  display: flex;
}

.toolbarSwitch > label {
  color: white;
}

.dd-handle.active {
  background: #298FC2;
  color: #fff;
}

#sitePlanContainer .konvajs-content {
  outline: 2px solid;
}

.site-plan-context-menu {
  position: absolute;
  margin: 0;
}

.site-plan-context-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-plan-context-menu ul li a {
  color: #6D6E71;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}

.site-plan-context-menu ul li a:hover {
  background-color: #298FC2;
  color: #FFFFFF;
}

.site-plan-icon-container {
  height: 30px;
}

.site-plan-icon.enabled {
  cursor: grab;
}

.site-plan-icon > i {
  display: inline-block;
  font-size: 20px;
  width: 25px;
  vertical-align: middle;
}

.site-plan-icon > i.tdsi-font:before {
  font-size: 20px;
}

.login-form .alert-danger {
    color: #721c24;
    background-color: unset !important;
    border-color: #f5c6cb;
    margin-top: 10px;
}