@charset "UTF-8";
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/**
 * Vars
 *
 * Site wide styling variables.
 */
/**
 * Global Mixins
 *
 * Master mixins file. Put all mixins in here and start to separate them into
 * files if it gets hard to maintain.
 */
.breadcrumb > li + li:before, table.data-details_content-table--editable.edit-mode .value.contact-name:before, .wizard__step:before, .wizard__step.complete:before, .parent_li:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
  line-height: 1; }

/* Legacy Mixinx
   ========================================================================= */
/**
 * Functions
 *
 * Use functions when you need to calculate a value that may be reused somewhere else.
 */
/* MARGINS */
.mrg-b-xs {
  margin-bottom: 3px; }

.mrg-b-sm {
  margin-bottom: 6px; }

.mrg-b-md {
  margin-bottom: 10px; }

.mrg-b-lg {
  margin-bottom: 20px; }

.mrg-t-xs {
  margin-top: 3px; }

.mrg-t-sm {
  margin-top: 6px; }

.mrg-t-md {
  margin-top: 10px; }

.mrg-t-lg {
  margin-top: 20px; }

.mrg-r-xs {
  margin-right: 3px; }

.mrg-r-sm {
  margin-right: 6px; }

.mrg-r-md {
  margin-right: 10px; }

.mrg-r-lg {
  margin-right: 20px; }

.mrg-l-xs {
  margin-left: 3px; }

.mrg-l-sm {
  margin-left: 6px; }

.mrg-l-md {
  margin-left: 10px; }

.mrg-l-lg {
  margin-left: 20px; }

/* Paddings
   ========================================================================== */
/* vertical ryhthm - bottom */
.pad-vr-xs {
  padding-bottom: 6px;
  /* 6px */ }

.pad-vr-sm {
  padding-bottom: 12px;
  /* 12px */ }

.pad-vr-md {
  padding-bottom: 18px;
  /* 18px */ }

.pad-vr-lg {
  padding-bottom: 24px;
  /* 24px */ }

/* vertical - top and bottom */
.pad-vert-xs {
  padding-bottom: 6px;
  padding-top: 6px;
  /* 6px */ }

.pad-vert-sm {
  padding-bottom: 12px;
  padding-top: 12px;
  /* 12px */ }

.pad-vert-md {
  padding-bottom: 18px;
  padding-top: 18px;
  /* 18px */ }

.pad-vert-lg {
  padding-bottom: 24px;
  padding-top: 24px;
  /* 24px */ }

/* sides - left and right */
.pad-sides-xs {
  padding-left: 6px;
  padding-right: 6px;
  /* 6px */ }

.pad-sides-sm {
  padding-left: 12px;
  padding-right: 12px;
  /* 12px */ }

.pad-sides-md {
  padding-left: 18px;
  padding-right: 18px;
  /* 18px */ }

.pad-sides-lg {
  padding-left: 24px;
  padding-right: 24px;
  /* 24px */ }

/* ==========================================================================
   Misc
   ======================================================================== */
/* zebra striping
  ====================================================================== */
.zebra-stripe li:nth-child(even) {
  background: #EEF5FC; }

@font-face {
  font-family: 'Lato';
  src: url("../../../assets/fonts/lato/lato-bold-webfont.eot");
  src: url("../../../assets/fonts/lato/lato-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/lato/lato-bold-webfont.woff") format("woff"), url("../../../assets/fonts/lato/lato-bold-webfont.ttf") format("truetype"), url("../../../assets/fonts/lato/lato-bold-webfont.svg#latobold") format("svg");
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../../assets/fonts/lato/lato-light-webfont.eot");
  src: url("../../../assets/fonts/lato/lato-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/lato/lato-light-webfont.woff") format("woff"), url("../../../assets/fonts/lato/lato-light-webfont.ttf") format("truetype"), url("../../../assets/fonts/lato/lato-light-webfont.svg#latolight") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Lato';
  src: url("../../../assets/fonts/lato/lato-regular-webfont.eot");
  src: url("../../../assets/fonts/lato/lato-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/fonts/lato/lato-regular-webfont.woff") format("woff"), url("../../../assets/fonts/lato/lato-regular-webfont.ttf") format("truetype"), url("../../../assets/fonts/lato/lato-regular-webfont.svg#latoregular") format("svg");
  font-weight: 400;
  font-style: normal; }

/* ========================================================================== 
   NCR CxP - Custom Icon Font
   ========================================================================= */
@font-face {
  font-family: 'cxp';
  src: url("../../../assets/fonts/cxp.eot?5spvap");
  src: url("../../../assets/fonts/cxp.eot?5spvap#iefix") format("embedded-opentype"), url("../../../assets/fonts/cxp.ttf?5spvap") format("truetype"), url("../../../assets/fonts/cxp.woff?5spvap") format("woff"), url("../../../assets/fonts/cxp.svg?5spvap#cxp") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'cxp' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-add-file:before {
  content: "\e900"; }

.icon-check:before {
  content: "\e901"; }

.icon-circle:before {
  content: "\e902"; }

.icon-column:before {
  content: "\e903"; }

.icon-copy:before {
  content: "\e904"; }

.icon-delete:before {
  content: "\e905"; }

.icon-drag:before {
  content: "\e906"; }

.icon-edit:before {
  content: "\e907"; }

.icon-menu:before {
  content: "\e908"; }

.icon-ring:before {
  content: "\e909"; }

.icon-tag:before {
  content: "\e90a"; }

.icon-target:before {
  content: "\e90b"; }

/* variables
   ========================================================================= */
/* ==========================================================================
   Utilities
   ========================================================================== */
.divider {
  margin: 0;
  padding: 0;
  height: 1px;
  width: 100%;
  background-color: #DAE9F6; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

h1 {
  clear: both;
  margin: 0 0 20px 0;
  font-size: 36px; }

h2 {
  clear: both;
  font-size: 30px;
  margin-bottom: 10px;
  padding: 10px 0 10px 30px; }

h3 {
  padding-left: 5px;
  margin-bottom: 15px;
  margin-top: 30px;
  font-size: 24px; }
  h3 > span {
    display: inline-block;
    padding: 0 5px 5px; }

h4 {
  font-size: 20px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 12px; }

h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  padding-left: 8px; }

/* ==========================================================================
   custom styles and utities
   ========================================================================= */
.sub-text {
  font-size: 11px;
  font-size: 0.6875rem;
  font-style: italic; }

.font-smaller {
  font-size: 11px;
  font-size: 0.6875rem; }

/* ==========================================================================
   custom font icon styles - global
   ========================================================================== */
/* font-awesome icon fonts
   ========================================================================== */
.fa {
  /* maginifying glass - search */
  /* 1. icon appears larger then others, so we make it 2px smaller for visual consitency sake */ }
  .fa .fa-search {
    font-size: 18px;
    font-size: 1.125rem;
    /* 1 */ }

html, body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px; }

body {
  font-family: "Lato", sans-serif;
  background: #535453;
  padding-left: 55px;
  color: #323332;
  width: 100%;
  overflow: hidden; }

html {
  box-sizing: border-box; }

*,
*:before,
*:after {
  box-sizing: inherit; }

a {
  outline: none !important; }

#ui-datepicker-div {
  font-size: 11px; }

.row {
  margin-left: -8px;
  margin-right: -8px; }

.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: 8px;
  padding-right: 8px; }

#theme-wrapper {
  box-shadow: 0 0 53px 0 rgba(0, 0, 0, 0.55); }

#page-wrapper {
  background-color: #70BF60;
  min-height: 100%;
  height: 100%;
  min-height: 100vh;
  margin: 0; }

#content-wrapper {
  min-height: 100vh;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  padding: 0px 0px 0px 0px; }
  #content-wrapper > .row {
    opacity: 1;
    /*transition: opacity 0.8s ease-in-out 0s;*/ }
  #content-wrapper .content-region {
    min-width: 969px; }
    body.active.hover #content-wrapper .content-region {
      min-width: 819px; }

.rtl.theme-ncr #content-wrapper {
  border-left: 0;
  border-right: 2px solid green; }

.search-box-included .main-box {
  padding-top: 96px; }

.main-box {
  background: #FFFFFF;
  position: relative;
  padding-top: 103px;
  /* overflow: hidden; */
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .main-box:after, .main-box:before {
    content: " ";
    display: table; }
  .main-box:after {
    clear: both; }
  .main-box.flush {
    padding-top: 55px; }
    .main-box.flush .panel-group {
      padding-top: 48px; }
      .main-box.flush .panel-group.flush {
        padding-top: 0; }
  .main-box .main-box-inner {
    overflow-y: scroll; }
  .main-box h2 {
    font-size: 1.3em;
    line-height: 29px;
    margin: 0;
    padding: 0; }
  .main-box.no-header {
    padding-top: 20px; }
  .main-box .main-box-header {
    min-height: 50px;
    padding: 10px 20px; }
    .main-box .main-box-header.with-border {
      border-bottom: 1px solid #ecf0f1; }
  .main-box .main-box-body {
    padding: 0 20px 20px 20px; }
  .main-box.main-box--full-width {
    padding-left: 0;
    padding-right: 0; }
  .main-box.main-box--top-flush {
    padding-top: 40px; }

.left {
  float: left; }

.right {
  float: right; }

.no-padding {
  padding: 0; }

#sidebar-nav .nav-brand {
  height: 55px;
  width: 55px;
  background: #323332;
  padding: 0px;
  overflow: hidden; }
  #sidebar-nav .nav-brand .logo {
    height: 55px;
    padding: 5px 0px;
    color: #fff;
    font-size: 30px;
    vertical-align: top;
    float: left; }
    #sidebar-nav .nav-brand .logo i {
      width: 55px;
      text-align: center;
      display: inline-block;
      font-style: normal; }
    #sidebar-nav .nav-brand .logo.logo-1 {
      width: 55px;
      line-height: 45px;
      background: #3FAE29;
      margin-left: -55px;
      font-style: normal; }
    #sidebar-nav .nav-brand .logo.logo-2 {
      width: 55px;
      line-height: 45px;
      text-align: left;
      font-style: normal; }
      #sidebar-nav .nav-brand .logo.logo-2 span {
        display: none;
        font-size: 11px;
        line-height: 14px;
        vertical-align: top;
        height: 55px;
        margin-top: 5px;
        margin-left: -5px; }

.navbar > .container .navbar-brand {
  color: #fff; }

.navbar-toggle {
  color: #fff; }

.graph-box {
  background-color: !important; }

#content-wrapper {
  background-color: #EBEDEB;
  background: #FFFFFF; }

#user-left-box {
  background-color: #fff;
  border-bottom: 1px solid #dce1e4; }
  #user-left-box .user-box {
    color: #16191c; }

h1 {
  color: #323332; }

#header-navbar .nav > li > a:hover,
#header-navbar .nav > li > a:focus,
#header-navbar .nav .open > a,
#header-navbar .nav .open > a:hover,
#header-navbar .nav .open > a:focus,
.navbar-toggle:hover,
.navbar-toggle:focus,
.mobile-search.active > .btn {
  background-color: #E2F5DC; }

a,
.fc-state-default,
.jvectormap-zoomin,
.jvectormap-zoomout,
#user-profile .profile-details ul > li > span {
  color: #323332; }

a:hover,
a:focus,
.widget-users li > .details > .name > a:hover,
.widget-todo .actions > a:hover {
  color: #323332; }

.table a.table-link:hover {
  color: #323332; }

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:active,
.pagination > li > span:active {
  color: #323332; }

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #323332; }

.notifications-list .item-footer {
  background-color: #272d33; }
  .notifications-list .item-footer a:hover {
    background-color: #0f1114; }

/*
 * organize the code above
 */
#header-navbar {
  border: none;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  margin: 0px;
  padding: 0px;
  color: #323332;
  position: fixed;
  width: 100%;
  z-index: 99;
  background-color: #70BF60; }
  #header-navbar .inner {
    height: 55px;
    line-height: 55px;
    padding: 0px 18px; }

.page-header {
  margin: 0;
  padding: 0;
  background: #EBEDEB;
  z-index: 10;
  min-width: 648px;
  min-height: 48px;
  position: fixed;
  top: 55px;
  left: 55px;
  right: 0;
  padding-left: 18px;
  padding-right: 18px;
  /* when search in content region is exposed */ }
  .page-header h1 {
    margin: 0px;
    padding: 0px; }
  .page-header .action-bar {
    padding-right: 6px; }
    .page-header .action-bar i.fa-search {
      font-size: 18px;
      font-size: 1.125rem; }
  .active .page-header {
    left: 260px; }
  .hover.active .page-header {
    left: 360px; }
  .search-bar--content.active + .content-region .page-header {
    top: 111px; }

/* adjustments for the fixed header with menu and hover of sidebar
   ========================================================================= */
.content-sidebar-menu--managed-clients + .content-region .page-header {
  left: 376px; }

.hover.active .content-sidebar-menu--managed-clients + .content-region .page-header {
  left: 681px; }

.breadcrumb {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  background: none;
  color: #323332; }
  .breadcrumb > li.active {
    color: #323332; }
  .breadcrumb > li + li:before {
    content: "";
    padding-right: 0px;
    color: #535453; }
  .breadcrumb > li + li:before {
    padding: 0;
    margin-left: 12px;
    margin-right: 12px; }

.breadcrumb--header h1 {
  margin: 0px;
  padding: 0px;
  line-height: 48px;
  font-size: 24px;
  font-size: 1.5rem; }

.breadcrumb--header small {
  font-weight: bold;
  color: #535453;
  font-size: 16px;
  font-size: 1rem; }

.breadcrumb--header .time {
  font-style: italic;
  margin-left: 3.84px;
  font-size: 12px;
  font-size: 0.75rem; }

.navbar-options {
  position: fixed;
  z-index: 100;
  top: 0px;
  right: 20px; }
  .navbar-options .item {
    display: inline-block;
    margin-left: 15px;
    transition: all .03s; }
    .navbar-options .item.active {
      opacity: 0.3; }
    .navbar-options .item.last {
      padding-left: 0; }

body {
  background: #535453;
  padding-left: 55px;
  color: #323332;
  width: 100%; }
  body #theme-wrapper {
    max-width: auto !important;
    box-shadow: none; }
  body .stuck {
    position: fixed;
    top: 0; }
  body.active {
    padding-left: 55px; }
    body.active #col-left {
      margin-left: -55px; }
    body.active #sidebar-nav .nav-brand .logo.logo-1 {
      margin-left: 0px; }
    body.active #sidebar-nav .nav-brand .logo.logo-2 {
      width: 205px; }
      body.active #sidebar-nav .nav-brand .logo.logo-2 span {
        display: inline-block; }
    body.active #sidebar-nav .nav-brand {
      width: 260px; }
    body.active #content-wrapper {
      margin-left: 205px; }
    body.active #sidebar-nav ul.nav > li.active {
      width: 260px; }
    body.active #sidebar-nav ul.nav > li {
      width: 55px; }
  body.hover {
    padding-left: 155px; }
    body.hover #col-left {
      margin-left: -155px; }
    body.hover #sidebar-nav .nav-brand {
      width: 155px; }
    body.hover #sidebar-nav .nav-brand .logo.logo-2 {
      width: 155px; }
      body.hover #sidebar-nav .nav-brand .logo.logo-2 span {
        display: inline-block; }
    body.hover.active {
      padding-left: 155px; }
      body.hover.active #col-left {
        margin-left: -155px; }
      body.hover.active #sidebar-nav .nav-brand {
        width: 360px; }
      body.hover.active #sidebar-nav ul.nav > li.active {
        width: 360px; }
      body.hover.active #sidebar-nav ul.nav > li {
        width: 155px; }
      body.hover.active #sidebar-nav ul.nav ul.submenu {
        margin-left: 155px; }
  body h1 {
    color: #323332; }

#col-left {
  margin-left: -55px; }

.navbar > #page-wrapper .navbar-brand {
  background-color: #323332;
  width: 155px; }

#nav-col {
  background-color: #70BF60; }

#sidebar-nav .nav {
  height: 100vh; }

#sidebar-nav .nav > li > a {
  color: #FFFFFF;
  height: 51px;
  line-height: 51px;
  font-size: 14px; }

.nav-pills > li > a {
  border-radius: 0px; }

#sidebar-nav .nav > .open > .submenu > li > .submenu,
#sidebar-nav .nav > .active > .submenu > li > .submenu {
  background-color: #E2F5DC; }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
#sidebar-nav .nav-pills > li.active > a,
#sidebar-nav .nav-pills > li.active > a:hover,
#sidebar-nav .nav-pills > li.active > a:focus,
.nav-small #nav-col #sidebar-nav .nav-pills > li.open > a,
.nav-small #nav-col #sidebar-nav .nav-pills > li.active > a {
  background-color: #80c672;
  font-weight: bold;
  font-size: 16px;
  color: #323332;
  border-radius: none; }

#sidebar-nav .nav-pills > li.active > a:hover i {
  color: #323332; }

#sidebar-nav .nav-pills > li > a > i {
  color: #B1B3B1; }

/* when nav bar is open icon is black */
body.active #sidebar-nav .nav-pills > li.active > a > i {
  color: #323332; }

/* when nav bar is closed icon is white */
#sidebar-nav .nav-pills > li.active > a > i {
  color: #FFFFFF; }

#sidebar-nav .nav > li > a:hover,
#sidebar-nav .nav > li.open > a,
#sidebar-nav .nav > li.open > a i {
  background: rgba(0, 0, 0, 0.25);
  color: #FFFFFF; }

#sidebar-nav .nav > li.active > a i,
#sidebar-nav .nav > li > a i {
  font-size: 22px;
  vertical-align: top;
  height: 51px;
  width: 30px;
  /* width established for spacing consistency */
  line-height: 51px; }

#sidebar-nav .nav > li.active > a span,
#sidebar-nav .nav > li > a span {
  width: 275px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }

#sidebar-nav .nav > li > a span {
  width: 72px; }

#sidebar-nav .nav > li > a:focus {
  background: none; }

#sidebar-nav .nav > li > a:hover > i {
  color: #FFFFFF; }

#header-navbar .nav > li > a {
  color: #323332; }

#header-navbar .nav > li > a:hover,
#header-navbar .nav > li > a:focus,
#header-navbar .nav .open > a,
#header-navbar .nav .open > a:hover,
#header-navbar .nav .open > a:focus {
  background-color: #323332; }

#sidebar-nav .nav li .submenu {
  background-color: #70BF60;
  top: 51px; }

#sidebar-nav .nav li .submenu > li > a {
  color: #323332;
  background: rgba(255, 255, 255, 0.25);
  margin: 0px 0px 1px 0px;
  height: 51px;
  line-height: 51px; }

#sidebar-nav .nav li .submenu > li > a:hover {
  background: rgba(255, 255, 255, 0.5); }

#sidebar-nav .nav > .open > .submenu > .open > a,
#sidebar-nav .nav > .active > .submenu > .open > a,
#sidebar-nav .nav > .active > .submenu > .active > a {
  border-bottom-color: transparent;
  box-shadow: 0 -1px 0 transparent inset; }

#sidebar-nav .nav > .open > .submenu > .open > a {
  border-bottom-color: #dcdfe6;
  box-shadow: 0 -1px 0 #dcdfe6 inset; }

#sidebar-nav .nav li.open > a.dropdown-toggle > .drop-icon,
#sidebar-nav .nav li.active > a.dropdown-toggle > .drop-icon {
  color: #16191c; }

#sidebar-nav .nav li .submenu > li > a:hover,
#sidebar-nav .nav li .submenu > li > a.active,
#sidebar-nav .nav li .submenu > li.active > a {
  background-color: rgba(255, 255, 255, 0.5); }

/*
 * need to organize the code above
 */
#col-left {
  position: fixed;
  color: #003940; }
  #col-left a {
    color: #e1e1e1; }
  #col-left a:hover,
  #col-left .nav-active a.nav-link,
  #col-left a.active {
    color: #fff; }

#nav-col {
  padding: 0;
  position: absolute;
  background: #fff;
  width: 0px; }

#sidebar-nav {
  max-height: 100%;
  padding-left: 0;
  padding-right: 0;
  position: relative; }
  #sidebar-nav > .nav {
    top: 0; }
    #sidebar-nav > .nav > li {
      margin: 0; }
    #sidebar-nav > .nav > li > a {
      color: #fff;
      height: 51px;
      line-height: 51px;
      overflow: hidden;
      padding: 0px 15px;
      border-radius: none; }
    #sidebar-nav > .nav > li > a:hover {
      background: rgba(255, 255, 255, 0.25); }
    #sidebar-nav > .nav > li.open > a {
      border-bottom-color: #252525;
      outline: none;
      text-decoration: none; }
    #sidebar-nav > .nav > li > a > span {
      margin-left: 10px;
      font-size: 0.875em; }
    #sidebar-nav > .nav > li > a > span.label {
      font-size: 0.75em;
      margin: 5px 0 0 0;
      padding: 4px 0.6em; }
    #sidebar-nav > .nav > li > a > span.label.label-circle {
      margin-right: 5px; }
    #sidebar-nav > .nav li > a.dropdown-toggle > .drop-icon {
      color: #868b98;
      font-size: 12px;
      margin-top: -6px;
      position: absolute;
      right: 25px;
      top: 50%;
      transition: -webkit-transform 0.2s ease-in-out 0.1s 400ms ease;
      transition: transform 0.2s ease-in-out 0.1s 400ms ease; }
    #sidebar-nav > .nav li.open > a.dropdown-toggle > .drop-icon,
    #sidebar-nav > .nav li.active > a.dropdown-toggle > .drop-icon {
      color: #fff;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    #sidebar-nav > .nav li .submenu {
      position: absolute;
      left: 0px;
      top: 51px;
      width: 205px;
      display: none;
      padding: 0px;
      margin: 0px 0px 0px 55px;
      list-style: none; }
    #sidebar-nav > .nav li.active > .submenu {
      display: block; }
    #sidebar-nav > .nav li.active > .submenu,
    #sidebar-nav > .nav > li.active > .submenu > li.active > .submenu {
      display: block; }
    #sidebar-nav > .nav li .submenu > li {
      position: relative; }
    #sidebar-nav > .nav li .submenu > li > a {
      display: block;
      font-size: 0.875em;
      line-height: 51px;
      padding-left: 20px;
      color: #323332;
      outline: none;
      text-decoration: none;
      transition: border-color 0.1s ease-in-out 0s background-color 0.1s ease-in-out 0s box-shadow 0.1s ease-in-out 0s; }
    #sidebar-nav > .nav li .submenu > li:first-of-type > a {
      border-top: 0; }
    #sidebar-nav > .nav li .submenu > li > a:hover,
    #sidebar-nav > .nav li .submenu > li > a.active,
    #sidebar-nav > .nav li .submenu > li.active > a:hover {
      text-decoration: none;
      color: #323332;
      background: rgba(255, 255, 255, 0.35);
      /* box-shadow: 0 -1px 0 0 #8bf2e6 inset; */ }
    #sidebar-nav > .nav li .submenu > li > a:hover span:after,
    #sidebar-nav > .nav li .submenu > li > a.active span:after,
    #sidebar-nav > .nav li .submenu > li.active > a span:after {
      content: '•';
      display: inline-block;
      margin-left: 6px; }
    #sidebar-nav > .nav > .open > .submenu .submenu,
    #sidebar-nav > .nav > .active > .submenu .submenu {
      display: none; }
    #sidebar-nav > .nav > .open > .submenu > li > a,
    #sidebar-nav > .nav > .active > .submenu > li > a {
      position: relative; }
    #sidebar-nav > .nav > .open > .submenu > .open > a,
    #sidebar-nav > .nav > .active > .submenu > .open > a,
    #sidebar-nav > .nav > .active > .submenu > .active > a {
      background: inherit; }
    #sidebar-nav > .nav > .open > .submenu > li > .submenu a,
    #sidebar-nav > .nav > .active > .submenu > li > .submenu a {
      border-bottom: 0 none;
      border-top: 0 none;
      padding-left: 85px; }
    #sidebar-nav > .nav > .open > .submenu > li > .submenu a:before,
    #sidebar-nav > .nav > .active > .submenu > li > .submenu a:before {
      content: "\f111";
      display: inline;
      font-family: FontAwesome;
      font-size: 4px;
      font-style: normal;
      font-weight: normal;
      margin-left: -10px;
      margin-top: 1px;
      position: absolute; }
    #sidebar-nav > .nav > .open > .submenu > li > a.dropdown-toggle > .drop-icon,
    #sidebar-nav > .nav > .active > .submenu > li > a.dropdown-toggle > .drop-icon {
      font-size: 10px;
      margin-top: -5px; }

.navbar-nav .open .dropdown-menu {
  background-color: #FFFFFF;
  border: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  left: 0;
  position: absolute; }

#user-left-box {
  padding: 20px 15px; }
  #user-left-box img {
    border-radius: 50%;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    float: left;
    width: 80px; }
  #user-left-box .user-box {
    color: #fff;
    float: left;
    padding-left: 15px;
    padding-top: 11px; }
    #user-left-box .user-box > .name {
      display: block;
      font-size: 1.3em;
      font-weight: 600;
      line-height: 1.2; }
    #user-left-box .user-box > .status {
      display: block;
      font-size: 0.75em;
      padding-top: 3px; }
    #user-left-box .user-box > .status > i {
      color: #4CBB36;
      margin-right: 4px; }

.btn-primary,
.btn-default,
.btn-info,
.btn-success,
.btn-warning,
.btn-danger,
.btn-primary:hover,
.btn-default:hover,
.btn-info:hover,
.btn-success:hover,
.btn-warning:hover,
.btn-danger:hover {
  color: #fff; }

.btn-primary {
  border-color: #2980b9; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #2980b9;
  border-color: #216897; }

.btn-success {
  border-color: #2980b9; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #2980b9;
  border-color: #1c5c87; }

/*
 * organize the code above
 */
/* BUTTONS */
.btn {
  font-weight: bold;
  line-height: 30px;
  border: 1px solid #323332;
  border-radius: 5px;
  outline: none !important;
  background-color: transparent;
  padding-bottom: 0px;
  padding-top: 0px;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 14px;
  font-size: 0.875rem;
  transition: border-color 0.1s ease-in-out 0s background-color 0.1s ease-in-out 0s ease; }
  .btn i {
    margin: 0;
    vertical-align: middle;
    font-size: 16px;
    font-size: 1rem; }
    .btn i.fa-plus-circle {
      margin-left: 15px; }

.btn:active, .btn.active {
  box-shadow: none; }

.btn-panel {
  background-color: transparent;
  color: #323332;
  border-color: #C2DAF2; }

.btn-panel:hover,
.btn-panel:focus,
.btn-panel:active,
.btn-panel.active,
.open .dropdown-toggle.btn-panel {
  background-color: #C2DAF2;
  border-color: #C2DAF2; }

.btn-default,
.wizard-cancel,
.wizard-back {
  background-color: transparent;
  border-color: rgba(50, 51, 50, 0.5);
  color: #323332;
  text-transform: uppercase; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default,
.wizard-cancel:hover,
.wizard-cancel:focus,
.wizard-cancel:active,
.wizard-cancel.active,
.wizard-back:hover,
.wizard-back:focus,
.wizard-back:active,
.wizard-back.active {
  background-color: transparent;
  border-color: rgba(50, 51, 50, 0.5);
  color: #323332; }

.btn-default .caret {
  border-top-color: #FFFFFF; }

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-color: #7f8c8d;
  border-color: #5c6667; }

.btn-info {
  background-color: #01b9fe;
  border-color: #0298d1; }

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #0298d1;
  border-color: #0178a5; }

.btn-link {
  border: none; }

.btn-light {
  background-color: transparent;
  border-color: rgba(50, 51, 50, 0.5);
  color: #323332;
  text-transform: uppercase; }

.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-color: #D9EFD4;
  border-color: #3FAE29; }

.btn-light {
  background-color: transparent;
  border-color: rgba(50, 51, 50, 0.5); }

.btn-light.disabled, .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled.focus, .btn-light.disabled:active, .btn-light.disabled.active, .btn-light[disabled], .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled].focus, .btn-light[disabled]:active, .btn-light[disabled].active, fieldset[disabled] .btn-light, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light.focus, fieldset[disabled] .btn-light:active, fieldset[disabled] .btn-light.active {
  background-color: rgba(50, 51, 50, 0.5);
  color: rgba(50, 51, 50, 0.8);
  border-color: rgba(50, 51, 50, 0.5);
  border: none; }

.btn-dark {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  text-transform: uppercase; }

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-color: #D9EFD4;
  border-color: #3FAE29; }

.btn-dark.disabled, .btn-dark.disabled:hover, .btn-dark.disabled:focus, .btn-dark.disabled.focus, .btn-dark.disabled:active, .btn-dark.disabled.active, .btn-dark[disabled], .btn-dark[disabled]:hover, .btn-dark[disabled]:focus, .btn-dark[disabled].focus, .btn-dark[disabled]:active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark, fieldset[disabled] .btn-dark:hover, fieldset[disabled] .btn-dark:focus, fieldset[disabled] .btn-dark.focus, fieldset[disabled] .btn-dark:active, fieldset[disabled] .btn-dark.active {
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(255, 255, 255, 0.8);
  border-color: rgba(255, 255, 255, 0.5);
  border: none; }

.btn-graph {
  background-color: transparent;
  border-color: rgba(50, 51, 50, 0.5);
  color: rgba(50, 51, 50, 0.5);
  text-transform: uppercase; }

.btn-graph:hover,
.btn-graph:focus,
.btn-graph:active,
.btn-graph.active,
.open .dropdown-toggle.btn-graph {
  background-color: #D9EFD4;
  border-color: #3FAE29; }

.btn-graph {
  background-color: transparent;
  border-color: rgba(50, 51, 50, 0.5); }

.btn-graph.disabled, .btn-graph.disabled:hover, .btn-graph.disabled:focus, .btn-graph.disabled.focus, .btn-graph.disabled:active, .btn-graph.disabled.active, .btn-graph[disabled], .btn-graph[disabled]:hover, .btn-graph[disabled]:focus, .btn-graph[disabled].focus, .btn-graph[disabled]:active, .btn-graph[disabled].active, fieldset[disabled] .btn-graph, fieldset[disabled] .btn-graph:hover, fieldset[disabled] .btn-graph:focus, fieldset[disabled] .btn-graph.focus, fieldset[disabled] .btn-graph:active, fieldset[disabled] .btn-graph.active {
  background-color: rgba(50, 51, 50, 0.5);
  color: rgba(50, 51, 50, 0.8);
  border-color: rgba(50, 51, 50, 0.5);
  border: none; }

.btn-preferred {
  border: 2px solid rgba(50, 51, 50, 0.5); }

.btn-preferred:hover,
.btn-preferred:focus,
.btn-preferred:active,
.btn-preferred.active,
.open .dropdown-toggle.btn-preferred {
  background-color: #D9EFD4;
  border-color: #3FAE29;
  border-width: 2px; }

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-color: #2980b9;
  border-color: #1c5c87; }

.btn-success {
  background-color: #2ecc71;
  border-color: #27ae60; }

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #27ae60; }

.btn-danger {
  background-color: #e74c3c;
  border-color: #c0392b; }

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #c0392b; }

.btn-warning {
  background-color: #f1c40f;
  border-color: #f39c12; }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #e0b50a;
  border-color: #bd9804; }

.btn-group-sm > .btn, .btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-facebook {
  background-color: #3b5998 !important;
  border-color: #2f477b !important; }
  .btn-facebook:hover {
    background-color: #2f477b !important;
    border-color: #263963 !important; }

.btn-twitter {
  background-color: #00aced !important;
  border-color: #0098d1 !important; }
  .btn-twitter:hover {
    background-color: #0098d1 !important;
    border-color: #0283b4 !important; }

.icon-box {
  margin-top: 5px; }
  .icon-box .btn {
    border: 1px solid #e1e1e1;
    margin-left: 3px;
    margin-right: 0; }
    .icon-box .btn:hover {
      background-color: #eee; }

.btn.featured {
  border: 3px solid rgba(50, 51, 50, 0.5);
  border-radius: 10px; }

.btn.featured--white {
  border: 4px solid rgba(255, 255, 255, 0.5); }

.btn--gray {
  background: #DCDEDC;
  color: rgba(50, 51, 50, 0.4);
  border: none;
  transition: all 300ms ease; }
  .btn--gray:hover {
    color: #323332; }

.btn.disabled {
  opacity: 1;
  background-color: #DCDEDC;
  border-color: #DCDEDC;
  color: rgba(83, 84, 83, 0.5); }

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

/* ========================================================================== 
   dropdowns
   ========================================================================= */
.panel {
  box-shadow: none;
  position: relative; }

.panel-default {
  border-color: #ddd;
  min-width: 648px; }

.panel-default > .panel-heading > h4 > a {
  width: 100%;
  height: 100%;
  display: block; }

.panel-default > .panel-heading {
  position: relative;
  background-color: #FFFFFF;
  padding: 0px 18px;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border-bottom: none; }
  .panel-default > .panel-heading h4.panel-title {
    font-size: 14px;
    height: 45px;
    line-height: 45px; }
    .panel-default > .panel-heading h4.panel-title a {
      display: block;
      height: 48px;
      width: 100%;
      color: #323332;
      font-weight: bold;
      line-height: 48px; }
      .panel-default > .panel-heading h4.panel-title a.collapsed {
        font-weight: 500; }
        .panel-default > .panel-heading h4.panel-title a.collapsed:hover {
          font-weight: bold; }
    .panel-default > .panel-heading h4.panel-title i {
      position: absolute;
      line-height: 48px;
      right: 15px; }
      .panel-default > .panel-heading h4.panel-title i.rotate {
        /* IE 9 */
        -webkit-transform: rotate(180deg);
        /* Chrome, Safari, Opera */
        transform: rotate(180deg); }
      .panel-default > .panel-heading h4.panel-title i.panel-indicator {
        font-size: 11px;
        font-size: 0.6875rem; }

.panel-default > .panel-heading > i.rotate {
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg); }

.panel-default > .panel-heading a:focus {
  text-decoration: none; }

.panel-default > .panel-heading a.open {
  font-weight: 700; }

.panel-group {
  border-bottom: 1px solid #ddd;
  margin-bottom: 0px; }

.panel-group .panel {
  border-bottom: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-radius: 0;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .panel-group .panel:first-child {
    border-top: 1px solid #ddd; }

.panel-collapse {
  border: none;
  border-top: 0; }

.panel-group .panel + .panel {
  margin-top: 0px; }

.panel-default > .panel-heading {
  border-color: #ddd;
  height: 48px; }

.panel-default > .panel-heading + .panel-collapse > .panel-body {
  background-color: #EEF5FC;
  padding: 20px;
  border-color: #ddd;
  position: relative; }
  .panel-default > .panel-heading + .panel-collapse > .panel-body.no-padding {
    padding: 0px; }

.panel-default > .panel-heading a:hover {
  text-decoration: none; }

.accordion .panel-title > a {
  display: block;
  position: relative;
  outline: none;
  text-decoration: none;
  color: #535453;
  padding-right: 15px;
  width: 100%;
  height: 100%; }
  .accordion .panel-title > a:hover {
    text-decoration: none;
    color: #FFFFFF; }
  .accordion .panel-title > a:after {
    content: "\f068";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin-top: -5px;
    font-size: 0.75em;
    position: absolute;
    right: 0;
    top: 50%; }
  .accordion .panel-title > a.accordion-toggle.collapsed:after {
    content: "\f067"; }
  .accordion .panel-title > a.accordion-toggle > i {
    width: 24px;
    text-align: center;
    padding-right: 6px; }

.panel-body label {
  color: #323332; }

.panel-body input.form-control {
  background: none;
  border: none;
  border-bottom: 1px solid rgba(50, 51, 50, 0.5);
  border-radius: 0px; }
  .panel-body input.form-control:focus {
    outline: none;
    box-shadow: none; }

.panel-body ul.detail-list {
  padding: 0px;
  margin: 0px;
  list-style: none;
  list-style-image: none; }

.panel-body ul.detail-list > li {
  padding: 0px;
  margin: 0px;
  border-bottom: 1px solid #C2DAF2; }
  .panel-body ul.detail-list > li.first {
    border-top: none; }
  .panel-body ul.detail-list > li.last {
    border-bottom: none; }
  .panel-body ul.detail-list > li:hover ul.submenu {
    display: block; }
  .panel-body ul.detail-list > li.active > a {
    background: #C2DAF2;
    font-weight: bold; }
    .panel-body ul.detail-list > li.active > a:before {
      content: "";
      position: absolute;
      top: 0px;
      right: -10px;
      z-index: 0;
      height: 0px;
      width: 0px;
      border-top: 28px solid transparent;
      border-bottom: 28px solid transparent;
      border-left: 10px solid #C2DAF2; }
    .panel-body ul.detail-list > li.active > a:after {
      content: "";
      position: absolute;
      top: 0px;
      right: -9px;
      z-index: 1;
      height: 0px;
      width: 0px;
      border-top: 28px solid transparent;
      border-bottom: 28px solid transparent;
      border-left: 10px solid #C2DAF2; }
    .panel-body ul.detail-list > li.active > a span {
      font-weight: normal; }
  .panel-body ul.detail-list > li:hover > a > i {
    opacity: 1; }

.panel-body ul.detail-list > li > a {
  font-size: 13px;
  color: #323332;
  padding: 10px 10px;
  display: block;
  width: 100%;
  position: relative;
  text-decoration: none; }
  .panel-body ul.detail-list > li > a:hover {
    background: #DAE9F7; }
  .panel-body ul.detail-list > li > a span {
    display: block;
    font-size: 12px;
    color: #535453; }

.panel-body ul.detail-list > li > a > i {
  position: absolute;
  top: 15px;
  right: 15px;
  opacity: 0.5; }

.open .panel-tabs {
  display: block; }

.panel-tabs {
  display: none;
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -135px;
  width: 300px;
  text-align: center; }
  .panel-tabs > a {
    position: relative;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    padding: 5px 15px;
    color: #2a6aa9; }
    .panel-tabs > a.active {
      background: #EEF5FC;
      border-right: 1px solid #ddd;
      border-left: 1px solid #ddd;
      color: #205488; }
      .panel-tabs > a.active:before {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        z-index: 0;
        margin-left: -10px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #ddd; }
      .panel-tabs > a.active:after {
        content: "";
        position: absolute;
        bottom: -9px;
        left: 50%;
        z-index: 1;
        margin-left: -10px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #EEF5FC; }

.panel-body table.detail-table td, .panel-body table.detail-table th {
  height: 48px; }

.panel-body table.detail-table i {
  color: #205488;
  font-size: 20px;
  vertical-align: top;
  margin-right: 5px;
  cursor: pointer; }

.sort-list {
  color: #FFFFFF;
  font-size: 12px;
  border-bottom: 1px solid #C2DAF2;
  border-right: 1px solid #C2DAF2; }
  .sort-list .sort-header {
    background: #205488;
    padding: 5px 10px;
    overflow: hidden; }
    .sort-list .sort-header a {
      color: #FFFFFF; }
      .sort-list .sort-header a:hover, .sort-list .sort-header a:visited, .sort-list .sort-header a:focus, .sort-list .sort-header a:active {
        color: #FFFFFF;
        text-decoration: none; }
    .sort-list .sort-header > span {
      float: right;
      display: inline-block;
      opacity: 0.7; }
  .sort-list i {
    margin-left: 10px;
    color: #205488;
    font-size: 14px; }

.open .panel-status {
  display: block; }

.panel-status {
  display: none;
  position: absolute;
  top: 0px;
  right: 25px;
  width: 110px;
  text-align: right;
  padding: 5px 15px 5px 0px; }
  .panel-status a {
    display: inline-block; }
  .panel-status i {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 5px; }
    .panel-status i.active {
      background-color: #C2DAF2; }
    .panel-status i:hover {
      background-color: #C2DAF2;
      cursor: pointer; }

.panel-wrapper {
  padding: 0px; }
  .panel-wrapper label {
    display: block;
    line-height: 40px;
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    color: #323332;
    border-bottom: 1px solid #C2DAF2; }

.tag-wrap {
  padding: 6px 0px; }
  .tag-wrap .tag {
    display: inline-block;
    padding: 0 10px;
    margin: 4px 4px;
    height: 24px;
    border-radius: 20px;
    background: #B3D550;
    color: #323332;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 24px;
    font-weight: bold; }
    .tag-wrap .tag i {
      margin-left: 10px;
      margin-right: -5px;
      color: rgba(50, 51, 50, 0.7);
      float: right; }
      .tag-wrap .tag i:hover {
        opacity: 1;
        cursor: pointer; }
    .tag-wrap .tag .key {
      font-weight: 300; }
    .tag-wrap .tag .value {
      font-weight: bold; }

@media print {
  body.theme-ncr,
  .page-wrapper {
    padding: 0px !important; }
  .nav-col,
  #col-left {
    display: none; }
  .panel-wrapper,
  .content-wrapper {
    display: block !important; }
  .collapse {
    display: block;
    visibility: visible;
    height: auto !important; } }

/* ========================================================================== 
   editable content regions
   ========================================================================= */
.form-horizontal .control-label {
  text-align: left;
  font-weight: 300; }

.form-horizontal .label-loop {
  font-weight: bold; }

.form-horizontal .input-loop {
  box-shadow: none; }

.panel-body {
  font-size: 14px;
  font-size: 0.875rem; }

.tooltipster-cxp {
  border-radius: 3px;
  border: 1px solid #cccccc;
  background: #ededed;
  color: #666666; }

.tooltipster-cxp .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 8px 10px;
  text-align: center; }

/**
 * Title: Tool Tip
 * Version: 1.0.0
 * Last update: 2015/10/12
 * Author: Brian Milner <brian.milnere@ncr.com>
 * Description: A global component that can be added to any element that would
 *  cause the element to have a hover state that is like a tool tip and a 
 *  click state that would cause the 'tool tip' to expand to show additional
 *   content. Content shown has a max character count of 500.
*/
/* ==========================================================================
   0. Tool Tip Global
   ========================================================================= */
/* ==========================================================================
   1. Tool Tip Wrapper
   ========================================================================= */
.tooltip__wrapper {
  display: inline-block;
  position: relative; }

/* Tool Tip Trigger
   ========================================================================= */
.tooltip__trigger {
  cursor: pointer; }

/* ==========================================================================
   2. Tool Tip Pop Up
   ========================================================================= */
.tooltip__pop-up {
  visibility: hidden;
  position: absolute;
  opacity: 0;
  transition: opacity 600ms ease;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
  z-index: 99999; }
  .tooltip__pop-up.active {
    visibility: visible;
    display: inline-block;
    opacity: 1; }
  .tooltip__pop-up.open {
    visibility: visible;
    opacity: 1;
    display: inline-block;
    width: 200px; }

/* 2.1 Tool Tip Title
   ========================================================================= */
.tooltip__title {
  line-height: 24px;
  position: relative;
  display: inline-block;
  zoom: 1;
  width: auto;
  height: 25;
  margin: 0;
  padding: 1px 0;
  padding-right: 12px;
  padding-left: 12px;
  text-align: left;
  white-space: nowrap;
  color: #323332;
  background-color: #C2DAF2;
  *display: inline;
  font-size: 11px;
  font-size: 0.6875rem; }
  .open .tooltip__title {
    padding-right: 28px; }
  .tooltip__title .tooltip__close {
    position: absolute;
    right: 10px; }
    .tooltip__title .tooltip__close i {
      font-weight: bold;
      line-height: 24px;
      color: #323332;
      font-size: 14px;
      font-size: 0.875rem; }
  .tooltip__pop-up.active .tooltip__title {
    text-align: left; }
    .tooltip__pop-up.active .tooltip__title i {
      display: none; }
  .tooltip__pop-up.open .tooltip__title {
    width: 100%; }
  .dark .tooltip__title {
    background-color: #323332;
    color: #FFFFFF; }
    .dark .tooltip__title i {
      color: #FFFFFF; }

/* 2.2 Tool Tip Body
   ========================================================================= */
.tooltip__body {
  display: inline-block;
  text-align: left;
  width: 100%;
  background-color: #FFFFFF;
  color: #323332;
  line-height: 1.2;
  font-weight: normal;
  font-size: 14px;
  font-size: 0.875rem;
  display: block;
  padding: 12px;
  /* ==========================================================================
   tooltip selector menu
   ========================================================================== */
  /*
 * tooltip__selector-menu class is used when tooltip drop down is a simples 
 * selector menu that you can chose from links that then initiate an action
 */
  /* misc
   ========================================================================= */
  /* IE
   ========================================================================= */ }
  .tooltip__body.no-padding {
    padding: 0; }
  .tooltip__pop-up.active .tooltip__body {
    display: none;
    visibility: hidden; }
  .tooltip__pop-up.open .tooltip__body {
    display: inline-block;
    visibility: visible; }
  .tooltip__pop-up.left .tooltip__body {
    text-align: left; }
  .tooltip__body .tooltip__selector-menu a {
    font-weight: normal;
    line-height: 1;
    display: block;
    padding: 12px;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    color: #535453; }
    .tooltip__body .tooltip__selector-menu a:hover {
      background: #DAE9F7; }
  .tooltip__body p,
  .tooltip__body a,
  .tooltip__body label,
  .tooltip__body i,
  .tooltip__body ul,
  .tooltip__body li {
    margin: 0;
    padding: 0; }
  .tooltip__body .select-menu li {
    list-style-type: none; }
    .tooltip__body .select-menu li a {
      display: block;
      text-decoration: none;
      padding: 5px 12px; }
      .tooltip__body .select-menu li a:hover {
        background-color: #C2DAF2;
        text-decoration: none; }
  .tooltip__body.ie8 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .tooltip__pop-up.open .tooltip__body.ie8 {
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* ==========================================================================
   5. Tool Tip Arrow Styles
   ========================================================================= */
/* Arrow Default Base Styles
   ========================================================================= */
.tooltip__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  margin: 0;
  pointer-events: none;
  border: solid transparent;
  border-width: 6px;
  border-color: rgba(194, 218, 242, 0); }
  .top .tooltip__arrow {
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #C2DAF2; }
  .top.dark .tooltip__arrow {
    border-bottom-color: #323332; }
  .bottom .tooltip__arrow {
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-top-color: #C2DAF2; }
  .bottom.open .tooltip__arrow {
    border-top-color: #FFFFFF; }

/* ========================================================================== 
   6. tooltip default styles for body elements
   ========================================================================= */
.tooltip__body--header {
  font-size: 11px;
  font-size: 0.6875rem; }

.tooltip__body .tooltip__body--header {
  margin-bottom: 10px; }

/* ========================================================================== 
   Specific Styles for Special Cases
   ========================================================================= */
.row-control .tooltip__title {
  background-color: #323332;
  color: #FFFFFF; }

.row-control.open .tooltip__body {
  padding: 0; }

.row-control.open .tooltip__close i {
  color: #FFFFFF; }

.bottom.row-control .tooltip__arrow {
  border-top-color: #323332; }

.top.row-control .tooltip__arrow {
  border-bottom-color: #323332; }

.open.bottom.row-control .tooltip__arrow {
  border-top-color: #FFFFFF; }

.pagination-container {
  position: relative;
  display: block;
  height: 32px;
  width: 100%;
  text-align: center;
  background-color: #205488; }
  .pagination-container.with-actions {
    text-align: left; }
    .pagination-container.with-actions .records-showing {
      width: auto;
      display: inline-block;
      vertical-align: top;
      line-height: 22px;
      margin-left: 15px; }
    .pagination-container.with-actions .actions {
      display: inline-block;
      float: right; }
  .pagination-container .records-showing {
    position: relative;
    width: 100%;
    font-size: 12px;
    color: #FFFFFF;
    padding: 0px;
    opacity: 0.7;
    vertical-align: top;
    line-height: 22px; }
  .pagination-container .pagination {
    display: inline-block;
    padding: 0px;
    margin: 0px;
    border-radius: 0; }
    .pagination-container .pagination > li {
      display: inline; }
      .pagination-container .pagination > li > a,
      .pagination-container .pagination > li > span {
        position: relative;
        float: left;
        padding: 0 7px;
        text-decoration: none;
        color: #FFFFFF;
        background-color: transparent;
        border: 0;
        height: 32px;
        line-height: 32px;
        margin-left: -1px;
        opacity: 0.7; }
      .pagination-container .pagination > li:first-child > a,
      .pagination-container .pagination > li:first-child > span {
        opacity: 0.5;
        border: none; }
      .pagination-container .pagination > li:last-child > a,
      .pagination-container .pagination > li:last-child > span {
        opacity: 0.5;
        border: none; }
    .pagination-container .pagination > li > a:hover, .pagination-container .pagination > li > a:focus,
    .pagination-container .pagination > li > span:hover,
    .pagination-container .pagination > li > span:focus {
      opacity: 1;
      background-color: transparent;
      border: none; }
    .pagination-container .pagination > .active > a,
    .pagination-container .pagination > .active > span {
      font-size: 14px;
      font-weight: 700;
      color: #FFFFFF; }
      .pagination-container .pagination > .active > a, .pagination-container .pagination > .active > a:hover, .pagination-container .pagination > .active > a:focus,
      .pagination-container .pagination > .active > span,
      .pagination-container .pagination > .active > span:hover,
      .pagination-container .pagination > .active > span:focus {
        z-index: 2;
        opacity: 1;
        background-color: transparent;
        border: none;
        cursor: default; }
    .pagination-container .pagination > .disabled > span,
    .pagination-container .pagination > .disabled > span:hover,
    .pagination-container .pagination > .disabled > span:focus,
    .pagination-container .pagination > .disabled > a,
    .pagination-container .pagination > .disabled > a:hover,
    .pagination-container .pagination > .disabled > a:focus {
      opacity: 0.2;
      background-color: transparent;
      border: none;
      cursor: default; }

/* ==========================================================================
   main table styles
   ========================================================================= */
/* ==========================================================================
   utilities
   ========================================================================== */
/* tables */
table {
  width: 100%;
  min-width: 500px;
  border-collapse: collapse; }
  table.zebra-stripe tr {
    border: none; }
    table.zebra-stripe tr:nth-child(even) {
      background: #EEF5FC; }
    table.zebra-stripe tr:nth-child(odd) {
      background: #FFFFFF; }
  table.zebra-stripe thead {
    background-color: #C2DAF2; }
    table.zebra-stripe thead tr:nth-child(odd) {
      background: #C2DAF2; }
    table.zebra-stripe thead.gray {
      background: #EBEDEB; }
      table.zebra-stripe thead.gray tr:nth-child(odd) {
        background: #EBEDEB; }
  table thead {
    font-weight: 500;
    position: relative;
    cursor: pointer;
    background-color: #C2DAF2; }
    table thead i.fa-caret-up, table thead i.fa-caret-down {
      margin-left: 5px;
      color: #323332; }
    table thead i.fa-caret-up {
      display: none;
      opacity: 0.5; }
    table thead i.fa-caret-down {
      opacity: 0.2; }
  table tbody {
    background-color: #FFFFFF; }
  table tr {
    border-bottom: 1px solid #EBEDEB; }
  table td,
  table th {
    border-collapse: collapse;
    text-align: left;
    padding: 0 12px;
    vertical-align: top; }
    table td:first-child,
    table th:first-child {
      padding-left: 18px; }
    table td:last-child,
    table th:last-child {
      padding-right: 18px; }
  table th {
    min-height: 48px;
    text-transform: uppercase;
    vertical-align: middle;
    padding: 20px 13px;
    font-weight: 400;
    font-size: 12px;
    font-size: 0.75rem; }
    table th.headerSortUp i.fa-caret-up {
      display: inline-block;
      opacity: 1; }
    table th.headerSortUp i.fa-caret-down {
      display: none; }
    table th.headerSortDown i.fa-caret-up {
      display: none; }
    table th.headerSortDown i.fa-caret-down {
      display: inline-block;
      opacity: 1; }
  table td {
    font-size: 14px;
    font-size: 0.875rem;
    position: relative;
    vertical-align: middle;
    line-height: 1.4;
    padding: 13px; }
    table td.fixed-width {
      width: 248px;
      cursor: pointer; }
    table td .success-icon {
      position: absolute;
      left: -15px;
      font-size: 18px;
      color: #3FAE29; }
      table td .success-icon.success-icon--standard {
        position: relative;
        vertical-align: middle;
        margin-right: 12px;
        left: 0; }

/* Scrollable Table
============================================= */
table.scrollable-table thead, table.scrollable-table tbody, table.scrollable-table tr {
  display: block;
  width: 100%;
  font-size: 0;
  height: auto; }

body.pc table.scrollable-table thead {
  padding-right: 15px; }

table.scrollable-table tbody {
  height: 289px;
  overflow: auto; }

table.scrollable-table th, table.scrollable-table td {
  display: inline-block; }

table.scrollable-table td span {
  padding-right: 5px; }

/* Data Listing Table
============================================= */
.data-listing {
  /* table head options
       ============================================= */ }
  .data-listing .table-head {
    background-repeat: no-repeat;
    background-position: center left; }
    .data-listing .table-head i {
      color: #323332;
      margin-left: 5px; }
      .data-listing .table-head i.fa-caret-up {
        display: none; }
    .data-listing .table-head.headerSortUp i.fa-caret-up {
      display: inline-block;
      opacity: 1; }
    .data-listing .table-head.headerSortUp i.fa-caret-down {
      display: none; }
    .data-listing .table-head.headerSortDown i.fa-caret-up {
      display: none; }
    .data-listing .table-head.headerSortDown i.fa-caret-down {
      display: inline-block;
      opacity: 1; }
    .data-listing .table-head.active {
      background-color: #DCDEDC; }
      .data-listing .table-head.active.table-head-options {
        background-color: transparent; }
  .data-listing .table-head-options {
    font-size: 1.5em; }

/* Data-Details Table
============================================= */
.data-details_table thead {
  background-color: #C2DAF2;
  background-repeat: no-repeat;
  background-position: center left; }
  .data-details_table thead .headerSortUp i.fa-caret-up {
    display: inline-block;
    opacity: 1; }
  .data-details_table thead .headerSortUp i.fa-caret-down {
    display: none; }
  .data-details_table thead .headerSortDown i.fa-caret-up {
    display: none; }
  .data-details_table thead .headerSortDown i.fa-caret-down {
    display: inline-block;
    opacity: 1; }
  .data-details_table thead.active.table-head-options {
    background-color: transparent; }

.data-details_table .table-head-options i.fa-cog {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.125rem; }

table.data-details_content-table thead {
  background: #C2DAF2; }

table.data-details_content-table tbody {
  background: #DAE9F7;
  padding: 16px 0; }

table.data-details_content-table tr {
  border: none; }

table.data-details_content-table th {
  padding: 13px 14px; }

table.data-details_content-table td {
  padding: 10px;
  vertical-align: top; }
  table.data-details_content-table td.key {
    font-weight: 300;
    padding-left: 25px; }
    table.data-details_content-table td.key.col-xs-1 {
      width: 150px;
      max-width: 150px;
      min-width: 150px; }
  table.data-details_content-table td.value {
    font-weight: 400; }
  table.data-details_content-table td.bold {
    font-weight: 400 !important; }
  table.data-details_content-table td i {
    margin-right: 10px; }
    table.data-details_content-table td i:hover {
      cursor: pointer; }

table.data-details_content-table--editable tbody {
  overflow: auto; }

table.data-details_content-table--editable .key {
  width: initital; }

table.data-details_content-table--editable.edit-mode td {
  padding-bottom: 16px;
  padding-top: 16px; }

table.data-details_content-table--editable.edit-mode a {
  font-weight: 400;
  text-decoration: none;
  pointer-events: none;
  cursor: text; }

table.data-details_content-table--editable.edit-mode .value.contact-name {
  padding-right: 50px;
  position: relative;
  width: 230px; }
  table.data-details_content-table--editable.edit-mode .value.contact-name:before {
    content: "";
    padding-right: 6px;
    color: #323332; }
  table.data-details_content-table--editable.edit-mode .value.contact-name:before {
    position: absolute;
    right: 24px; }

table.data-details_content-table--editable.edit-mode .input--options .input--editable {
  width: inherit;
  padding: 6px 12px;
  border: 1px solid #B1B3B1;
  border-radius: 5px; }
  table.data-details_content-table--editable.edit-mode .input--options .input--editable:hover {
    cursor: pointer; }

table.data-details_content-table--editable.edit-mode .input--options td {
  vertical-align: middle; }

table.data-details_content-table--editable a {
  font-weight: 600;
  text-decoration: underline; }

table.data-details_content-table--editable .dropdown-menu a {
  text-decoration: none; }

table.data-details_content-table--editable .js-editable--dropdown .dropdown-select {
  margin: 0;
  padding: 0;
  width: 100%; }

table.data-details_content-table--editable .js-editable--dropdown .caret {
  position: absolute;
  right: 0;
  top: 8px;
  float: right; }

/* ========================================= 
   0.1 Data Details [Table View - Content Region]
   ========================================= */
.data-details .table-title {
  text-transform: capitalize;
  font-size: 16px;
  font-size: 1rem; }

table.detail-table thead {
  background: none; }

table.detail-table tbody {
  background: none; }

table.detail-table td {
  padding: 13px; }

table.detail-table tr {
  border: none; }

.red {
  color: red-color; }

.orange {
  color: ncrgreen; }

.fa-circle-o {
  color: orange;
  font-weight: bold;
  padding-right: 5px; }

.fa-dot-circle-o {
  color: #e74c3c;
  font-weight: bold;
  padding-right: 5px; }

.fa-angle-right {
  font-weight: bold;
  font-size: 16px;
  float: right;
  margin-right: 20px; }

.dropdown .dropdown-select--dark {
  line-height: 1.6;
  padding-left: 1px; }

/* ========================================================================== 
   Collapsible Tables
   ========================================================================= */
.table-collapsible tbody tr {
  border: none; }

.table-collapsible tbody tr.table-collapse__header {
  background: #FFFFFF; }
  .table-collapsible tbody tr.table-collapse__header td:first-child {
    padding-left: 36px; }

.table-collapsible tbody .isAccordion {
  cursor: pointer; }
  .table-collapsible tbody .isAccordion td:first-child {
    position: relative; }
    .table-collapsible tbody .isAccordion td:first-child:before {
      font-family: FontAwesome;
      font-weight: normal;
      font-style: normal;
      line-height: 1;
      color: #323332;
      position: absolute;
      top: 50%;
      top: 18px\9;
      left: 16px;
      display: inline-block;
      content: '\f078';
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      text-decoration: inherit;
      font-size: 10px;
      font-size: 0.625rem; }
  .table-collapsible tbody .isAccordion.active td:first-child:before {
    content: '\f077'; }

.table-collapsible tbody tr.table-collapse__sub-row {
  position: relative;
  display: none;
  overflow: hidden;
  color: #416D99;
  background: #FFFFFF; }
  .table-collapsible tbody tr.table-collapse__sub-row:before {
    position: relative;
    left: 72px;
    display: block;
    width: 100%;
    height: 1px;
    content: '';
    background-color: #DCDEDC; }
  .table-collapsible tbody tr.table-collapse__sub-row td:first-child {
    padding-left: 72px; }

.table-collapsible tbody tr.even {
  background-color: #EEF5FC; }

/* ==========================================================================
   Inventory Scan Table -- variation of this table instance
   ========================================================================== */
table.table--inventory-scan td.key {
  font-weight: 600; }

table.table--inventory-scan td.value {
  font-weight: 300; }

/* ==========================================================================
   Table check boxes
   ========================================================================== */
.table__check-header {
  background: #535453;
  color: #FFFFFF; }
  .table__check-header td {
    line-height: inherit;
    padding-bottom: 8px;
    padding-top: 8px; }

/* ==========================================================================
   simple table ( example on the modal for add user - user management )
   ========================================================================== */
table.simple {
  padding: 16px 0;
  width: 100% !important;
  /* placeholders */ }
  table.simple tr {
    border: none; }
  table.simple td {
    padding-bottom: 16px;
    padding-top: 16px; }
    table.simple td.key {
      width: 150px;
      min-width: 150px;
      font-weight: 300; }
    table.simple td.value input[type="text"] {
      font-weight: 400;
      font-size: 14px;
      font-size: 0.875rem; }
    table.simple td .success-icon {
      left: -10px; }
  table.simple .input--editable {
    border: none;
    border-bottom: 1px solid #B1B3B1;
    padding-left: 6px; }
  table.simple .dropdown-select .dropdown-select {
    font-weight: 400;
    font-size: 13px;
    font-size: 0.8125rem; }
  table.simple ::-webkit-input-placeholder {
    font-style: italic;
    opacity: 1;
    /* WebKit browsers */
    color: #B1B3B1; }
  table.simple :-moz-placeholder {
    font-style: italic;
    opacity: 1;
    /* Mozilla Firefox 4 to 18 */
    color: #B1B3B1; }
  table.simple ::-moz-placeholder {
    font-style: italic;
    opacity: 1;
    /* Mozilla Firefox 19+ */
    color: #B1B3B1; }
  table.simple :-ms-input-placeholder {
    font-style: italic;
    opacity: 1;
    /* Internet Explorer 10+ */
    color: #B1B3B1; }

/* space simple table rows vertically */
table.simple--vert-sm td {
  padding-bottom: 6px;
  padding-top: 6px; }

table.simple--vert-md td {
  padding-bottom: 12px;
  padding-top: 12px; }

table.simple--vert-lg td {
  padding-bottom: 18px;
  padding-top: 18px; }

/* table with sortable rows
   ========================================================================= */
.sortable--table .reorder-icon {
  color: #DCDEDC; }

.sortable--table tr {
  cursor: pointer;
  cursor: hand; }

.ui-sortable-helper {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.09);
  border: 1px solid #323332; }
  .ui-sortable-helper td:nth-child(2) {
    width: inherit !important; }

/* ==========================================================================
   Table Status Icons
   ========================================================================== */
.table__status-icon {
  padding: 0;
  margin: 0;
  margin-right: 5px; }

.table__status-icon--red {
  color: #B50010; }

.table__status-icon--blue {
  color: #2a6aa9; }

.table__status-icon--yellow {
  color: #FFBB35; }

.table__status-icon--green {
  color: #3FAE29; }

.table__status-icon--gray {
  color: #B1B3B1; }

.status--inactive {
  color: #B1B3B1; }

/* ==========================================================================
   main form styles
   ========================================================================= */
input[type="text"] {
  font-weight: bold;
  display: inline-block;
  height: 20px;
  padding-right: 20px;
  color: #323332;
  border: none;
  outline: none;
  background: none;
  font-size: 13px;
  font-size: 0.8125rem; }
  input[type="text"] + .search-minus {
    position: absolute;
    right: 2px;
    top: -3px;
    color: #323332; }
    input[type="text"] + .search-minus.white {
      color: #FFFFFF; }
  input[type="text"]::-webkit-input-placeholder {
    color: #535453; }
  input[type="text"]::-moz-placeholder {
    color: #535453; }
  input[type="text"]:-ms-input-placeholder {
    color: #535453; }
  input[type="text"]::placeholder {
    color: #535453; }
  input[type="text"] .light {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    input[type="text"] .light + .search-minus {
      color: #FFFFFF; }
    input[type="text"] .light::-webkit-input-placeholder {
      color: #FFFFFF; }
    input[type="text"] .light::-moz-placeholder {
      color: #FFFFFF; }
    input[type="text"] .light:-ms-input-placeholder {
      color: #FFFFFF; }
    input[type="text"] .light::placeholder {
      color: #FFFFFF; }

.form-item {
  position: relative; }

/* ========================================================================== 
   editable tables | js - cxp-detials-editable0.js
   ========================================================================= */
.input--editable {
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #B1B3B1 !important;
  border-radius: 0;
  outline: none;
  background: none;
  overflow: hidden; }
  .input--editable.error {
    border-color: #B50010; }

input.input--editable {
  max-width: 280px;
  padding: 0;
  padding-bottom: 1px; }
  .pc input.input--editable {
    padding-bottom: 4px; }

.message--error {
  display: block;
  color: #B50010;
  font-size: 11px;
  font-size: 0.6875rem; }

/* placeholder text
   ========================================================================== */
::-webkit-input-placeholder {
  font-style: italic;
  opacity: .5;
  /* WebKit browsers */
  color: #FFFFFF; }

:-moz-placeholder {
  font-style: italic;
  opacity: .5;
  /* Mozilla Firefox 4 to 18 */
  color: #FFFFFF; }

::-moz-placeholder {
  font-style: italic;
  opacity: .5;
  /* Mozilla Firefox 19+ */
  color: #FFFFFF; }

:-ms-input-placeholder {
  font-style: italic;
  opacity: .5;
  /* Internet Explorer 10+ */
  color: #FFFFFF; }

/* placeholder text
   ========================================================================== */
#modal-2 ::-webkit-input-placeholder {
  font-style: italic;
  opacity: 1;
  /* WebKit browsers */
  color: #B1B3B1; }

#modal-2 :-moz-placeholder {
  font-style: italic;
  opacity: 1;
  /* Mozilla Firefox 4 to 18 */
  color: #B1B3B1; }

#modal-2 ::-moz-placeholder {
  font-style: italic;
  opacity: 1;
  /* Mozilla Firefox 19+ */
  color: #B1B3B1; }

#modal-2 :-ms-input-placeholder {
  font-style: italic;
  opacity: 1;
  /* Internet Explorer 10+ */
  color: #B1B3B1; }

textarea {
  resize: both; }

/* none|horizontal|vertical|both */
.alert {
  background-color: #f1f2f0;
  border-color: rgba(149, 149, 149, 0.3);
  border-radius: 3px;
  color: #959595;
  padding: 0;
  width: 300px;
  position: relative;
  border: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); }

.alert-body {
  float: left;
  width: 260px;
  padding: 7px 10px 7px;
  padding-right: 30px;
  margin-left: 40px; }
  .alert-body [data-notify="title"] {
    color: #333333;
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase; }
  .alert-body [data-notify="message"] {
    font-size: 11px;
    display: block;
    color: #323332;
    letter-spacing: 1px;
    line-height: 1.6; }
  .alert-body a {
    font-weight: bold; }

.alert > [data-notify="icon"] {
  height: 100%;
  width: 40px;
  float: left;
  position: absolute;
  font-size: 20px;
  padding: 10px 10px 0 10px; }

.alert-info > [data-notify="icon"] {
  background-color: #205488;
  color: white; }

.alert-alert > [data-notify="icon"] {
  background-color: #B50010;
  color: white; }

.alert-warning > [data-notify="icon"] {
  background-color: #FFBB35;
  color: white; }

.alert-feedback > [data-notify="icon"] {
  background-color: #70BF60;
  color: white; }

/**
 * Description: Action Bar
 * Version: 1.0.0
 * Last update: 2015/09/10
 * Author: Brian Milner <brian.milner@ncr.com>
 *
 * Summary: The Action Bar functions like a ButtonRow, grouping ActionLinks
 * together, and sits to the right of a HeaderTitle, BodyTitle, and Accordion
 * title. The ActionLinks are located in the top right of the region for which
 * the actions apply (i.e., in the PageHeader, in a BodyHeader, at the top of
 * a Lightbox, etc.).
 *
 *  0. ELEMENT
 *      - 0.1. TYPE ELEMENT
 *      - 0.2. TYPE ELEMENT
 *  1. ELEMENT
 *      - 1.1. TYPE ELEMENT
 *      - 1.2. TYPE ELEMENT
 */
/* ==========================================================================
   0. ELEMENT
   ========================================================================== */
/* 0.1. TYPE ELEMENT
   ========================================================================== */
/* 0.2. TYPE ELEMENT
   ========================================================================== */
.action-bar {
  line-height: 48px;
  z-index: 9;
  position: absolute;
  top: 0;
  right: 0;
  height: 48px;
  padding: 0 15px 0 0;
  text-align: right;
  font-size: 0px;
  font-size: 0rem; }
  .action-bar:after, .action-bar:before {
    content: " ";
    display: table; }
  .action-bar:after {
    clear: both; }
  .navbar .action-bar {
    height: 55px;
    line-height: 55px; }
  .action-bar .action-bar__link {
    display: inline-block; }
    .navbar .action-bar .action-bar__link {
      height: 55px;
      line-height: 55px; }
  .action-bar i {
    line-height: 48px;
    display: inline-block;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    font-size: 1.25rem; }
    .navbar .action-bar i {
      height: 55px;
      line-height: 55px; }
    .action-bar i:hover {
      cursor: pointer; }
    .action-bar i.glyphicon-trash, .action-bar i.glyphicon-pencil {
      font-size: 16px;
      font-size: 1rem; }

/* ==========================================================================
   action bar button
   ========================================================================== */
.action-bar__btn {
  text-transform: uppercase;
  position: relative;
  line-height: 27px;
  margin-right: 6px;
  font-size: 11px;
  font-size: 0.6875rem; }

/* view selector :: contains 2 links that can be used to switch a section view
   ============================================= */
.action-bar__view-selector {
  /* in body - navbar view selector variation */
  /* in shell - navbar view selector variation */ }
  .main-box .action-bar__view-selector {
    display: inline-block;
    height: 48px;
    border-right: 1px solid #DCDEDC;
    border-left: 1px solid #DCDEDC;
    font-size: 0px;
    font-size: 0rem; }
    .main-box .action-bar__view-selector i {
      width: 38px;
      font-size: 18px;
      font-size: 1.125rem; }
    .main-box .action-bar__view-selector .action-bar__link {
      border-right: 1px solid #DCDEDC; }
      .main-box .action-bar__view-selector .action-bar__link:last-child {
        border: none; }
      .main-box .action-bar__view-selector .action-bar__link.active {
        color: #FFFFFF;
        background-color: #B1B3B1; }
  .navbar .action-bar__view-selector {
    position: relative;
    display: inline-block;
    height: 55px;
    font-size: 0px;
    font-size: 0rem; }
    .navbar .action-bar__view-selector:after, .navbar .action-bar__view-selector:before {
      content: " ";
      display: table; }
    .navbar .action-bar__view-selector:after {
      clear: both; }
    .navbar .action-bar__view-selector .action-bar__link:first-child:after, .navbar .action-bar__view-selector .action-bar__link:nth-child(2):after {
      position: absolute;
      top: 0;
      display: inline-block;
      width: 1px;
      height: 100%;
      content: '';
      background-color: rgba(66, 86, 62, 0.5); }
    .navbar .action-bar__view-selector .action-bar__link i {
      width: 40px;
      font-size: 19px;
      font-size: 1.1875rem; }
    .navbar .action-bar__view-selector .action-bar__link:hover, .navbar .action-bar__view-selector .action-bar__link.active {
      background-color: rgba(66, 86, 62, 0.5); }
      .navbar .action-bar__view-selector .action-bar__link:hover i, .navbar .action-bar__view-selector .action-bar__link.active i {
        color: #FFFFFF; }

/* view selector 3:: contains 3 links that can be used to switch a section view
   ============================================= */
.action-bar__view-selector--three {
  position: relative;
  display: inline-block;
  font-size: 0px;
  font-size: 0rem; }
  .action-bar__view-selector--three:after, .action-bar__view-selector--three:before {
    content: " ";
    display: table; }
  .action-bar__view-selector--three:after {
    clear: both; }
  .action-bar__view-selector--three .action-bar__link:first-child:after, .action-bar__view-selector--three .action-bar__link:nth-child(2):after {
    position: absolute;
    top: 0;
    display: inline-block;
    width: 1px;
    height: 100%;
    content: '';
    background-color: rgba(66, 86, 62, 0.5); }
  .action-bar__view-selector--three .action-bar__link i {
    width: 40px;
    font-size: 19px;
    font-size: 1.1875rem; }
  .action-bar__view-selector--three .action-bar__link:hover, .action-bar__view-selector--three .action-bar__link.active {
    background-color: rgba(66, 86, 62, 0.5); }
    .action-bar__view-selector--three .action-bar__link:hover i, .action-bar__view-selector--three .action-bar__link.active i {
      color: #FFFFFF; }

/* ========================================================================== 
   Panel :: Variation based on loacation within a panel
   ========================================================================= */
.panel.open .action-bar, .panel.panel-open .action-bar {
  display: block; }

.panel .action-bar {
  display: none; }

.panel .panel-heading .action-bar {
  right: 25px; }

.panel .panel-heading .action-bar__link--edit i {
  display: inline-block;
  width: 27px;
  height: 27px;
  text-align: center;
  line-height: 27px;
  border-radius: 5px;
  font-size: 16px;
  font-size: 1rem; }
  .panel .panel-heading .action-bar__link--edit i.active {
    background-color: #C2DAF2; }
  .panel .panel-heading .action-bar__link--edit i:hover {
    background-color: #C2DAF2;
    cursor: pointer; }

.panel .panel-heading .action-bar__link--edit + .action-bar__link {
  margin-left: 6px; }

.panel .panel-body .action-bar i {
  line-height: 35px;
  display: inline-block;
  height: 35px;
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem; }

.action-bar {
  /* Nav Bar Variation
   ========================================================================= */
  /* Task Bar Variation
   ========================================================================= */
  /* Modals @todo need to adjust for the search bar wizard header difference
       ========================================================================= */ }
  .navbar .action-bar {
    position: fixed;
    padding: 0;
    height: 55px;
    overflow: hidden; }
    .navbar .action-bar i {
      line-height: 55px;
      float: left; }
  .task-bar .action-bar {
    line-height: 42px;
    position: relative;
    display: inline-block;
    float: right;
    padding: 0; }
    .task-bar .action-bar i {
      line-height: 42px;
      font-size: 16px;
      font-size: 1rem; }
      .task-bar .action-bar i:only-child {
        width: initial;
        padding: 0; }
  .md-modal .modal-header .action-bar {
    padding: 0;
    right: 44px;
    line-height: 46px;
    height: 100%; }
    .md-modal .modal-header .action-bar i {
      color: #FFFFFF;
      line-height: 46px;
      width: 36px;
      font-size: 16px;
      font-size: 1rem; }
  .wizard .action-bar {
    right: 10px; }
    .wizard .action-bar i {
      color: #323332;
      line-height: 58px;
      font-size: 16px;
      font-size: 1rem; }

/* action bar :: table row
   ========================================================================= */
.action-bar__table-row {
  position: relative;
  height: inherit;
  line-height: 1;
  padding: 0; }
  .action-bar__table-row i {
    line-height: 44px; }
    .action-bar__table-row i.glyphicon-pencil {
      font-size: 18px;
      font-size: 1.125rem; }

.action-bar__edit--links,
.action-bar__edit--btns {
  visibility: hidden;
  position: absolute;
  right: 0;
  top: -21px; }
  .action-bar__edit--links.active,
  .action-bar__edit--btns.active {
    visibility: inherit; }

.action-bar__edit--btns {
  top: -16px; }
  .action-bar__edit--btns .btn:last-child {
    margin: 0; }

.table--editable .row:hover {
  cursor: pointer; }

.dropdown .dropdown-select {
  display: inline-block;
  height: auto;
  margin: 0;
  padding: 0px 6px;
  width: auto;
  max-width: 300px;
  color: #FFFFFF;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  outline: none;
  background: none;
  font-size: 13px;
  font-size: 0.8125rem; }
  .dropdown .dropdown-select.dropdown-select--no-underline {
    border: none; }

.dropdown .dropdown-select--dark {
  color: #323332;
  border-bottom: 1px solid #323332;
  border-color: rgba(50, 51, 50, 0.2); }
  .dropdown .dropdown-select--dark a.icon-delete {
    color: white; }

.dropdown .dropdown-select,
.dropdown input[type='text'] {
  text-align: left; }

.dropdown .caret {
  margin-left: 8px;
  transition: opacity 200ms ease;
  opacity: .5; }

.dropdown.open .caret {
  opacity: 1; }

.md-modal .dropdown-select--dark {
  color: #535453; }

.md-modal dl.dropdown-menu {
  top: 0;
  left: -1px; }

/* dropdown items
     ========================================================================= */
.form-item {
  display: inline-block;
  margin-left: 12px; }
  .form-item:first-child {
    margin: 0; }

.dropdown-select {
  height: 30px;
  font-weight: bold;
  font-size: 12px;
  font-size: 0.75rem;
  border-bottom: 1px solid #FFFFFF;
  border-color: rgba(255, 255, 255, 0.2); }

.dropdown-menu {
  padding: 0;
  margin: 0;
  top: 19px;
  overflow-y: scroll;
  width: auto;
  min-width: 208px;
  max-width: 450px;
  max-height: 450px; }
  .action-bar .dropdown-menu {
    top: 15px;
    right: 0;
    left: initial; }
  .dropdown-menu dd,
  .dropdown-menu dt {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 4.08px;
    padding-top: 4.08px; }
  .dropdown-menu dt {
    background-color: #535453;
    padding: 5px 10px;
    color: #FFFFFF;
    font-size: 11px;
    font-size: 0.6875rem; }
  .dropdown-menu dd a {
    padding: 5px 0;
    display: block;
    line-height: 1.5;
    text-decoration: none; }
  .dropdown-menu dd:hover {
    background-color: #C2DAF2; }
  .dropdown-menu .icon-delete {
    float: right;
    color: #FFFFFF; }
    .dropdown-menu .icon-delete .fa-minus {
      margin: 0;
      border-color: #FFFFFF; }

.dropdown-select--dark + .dropdown-menu .icon-delete {
  color: white;
  font-size: 16px;
  font-size: 1rem; }
  .dropdown-select--dark + .dropdown-menu .icon-delete:hover {
    color: #FFFFFF; }

.action-bar .dropdown-menu a {
  line-height: 1.2;
  font-size: 12px;
  font-size: 0.75rem; }

/**
 * Title: Modal
 * Version: 1.0.0
 * Last update: 2015/10/16
 * Author: CXD TEAM
 * Description: Modal pop up styling and tweaks.
 *
 * Summary:
 *
 *  0. Modal Global
 *      - 0.1. TYPE ELEMENT
 *      - 0.2. TYPE ELEMENT
 *      
 *  1. Modal Header
 *      - 1.1. TYPE ELEMENT
 *      - 1.2. TYPE ELEMENT
 *
 * 2. Modal Body
 *      - 2.1. TYPE ELEMENT
 *      - 2.2. TYPE ELEMENT
 *
 * 3. Modal Footer
 *      - 3.1. TYPE ELEMENT
 *      - 3.2. TYPE ELEMENT
 *      
 */
/* ==========================================================================
   0. Modal Global
   ========================================================================= */
.md-show ~ .md-overlay {
  background: #000000;
  opacity: 0.7 !important;
  z-index: 1500; }

/* Modal Utilities
   ========================================================================== */
/* Modal content
   ========================================================================== */
.md-content {
  background: #fafafa;
  padding: 0;
  /* used to constrain the height of the dropdown in modals and then make it scroll if needed */ }
  .md-content textarea,
  .md-content input[type='text'],
  .md-content input[type='password'] {
    border-radius: 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: none; }
  .md-content input[type='text'] {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .md-content .form-group,
  .md-content .form-item.dropdown {
    margin-bottom: 12px; }
  .md-content .dropdown-menu {
    max-height: 213px;
    overflow-y: auto; }
  .md-content label {
    font-size: 16px;
    font-size: 1rem;
    color: #000000;
    font-weight: 400; }
  .md-content select.form-control {
    box-shadow: none;
    border: 1px solid #DCDEDC;
    border-radius: 0; }
  .md-content table {
    width: 100%;
    min-width: 100%;
    max-height: 500px; }

.md-close.close {
  opacity: 1; }
  .md-close.close i {
    text-align: center;
    opacity: 1;
    color: white;
    font-weight: bold;
    text-shadow: none;
    line-height: 1;
    font-size: 18px;
    font-size: 1.125rem; }
    .md-close.close i:hover {
      cursor: pointer; }

/* ==========================================================================
   1. Modal Header 
   ========================================================================= */
.modal-header {
  padding: 12px 18px;
  background: #323332;
  color: #fff;
  border: 0;
  position: relative; }
  .modal-header i {
    color: #323332; }
  .modal-header h4 {
    color: #fff;
    font-size: 16px;
    padding-left: 2px; }

button.md-close {
  font-size: 22px;
  font-weight: bold;
  padding-top: 5px; }

.dialog-box.md-modal {
  width: 35%; }
  .dialog-box.md-modal .modal-header {
    height: 40px;
    padding: 0px 18px; }
    .dialog-box.md-modal .modal-header i {
      font-size: 16px;
      line-height: 40px; }
    .dialog-box.md-modal .modal-header .close {
      margin-top: -5px; }
  .dialog-box.md-modal .modal-body {
    font-size: 14px;
    padding: 14px;
    margin: 0px; }
  .dialog-box.md-modal .modal-footer .btn {
    font-size: 12px; }
    .dialog-box.md-modal .modal-footer .btn:hover, .dialog-box.md-modal .modal-footer .btn.active, .dialog-box.md-modal .modal-footer .btn:active {
      background: none;
      border-color: rgba(50, 51, 50, 0.5); }
  .dialog-box.md-modal .form-group {
    padding: 0px;
    margin: 0px; }
  .dialog-box.md-modal p {
    margin: 10px 0px; }
  .dialog-box.md-modal label {
    margin: 0px;
    font-size: 16px;
    font-weight: bold; }

.dialog-feedback .modal-header {
  background: #205488;
  color: #fff; }
  .dialog-feedback .modal-header i {
    color: #fff; }

.dialog-warning .modal-header {
  background: #FFBB35;
  color: #323332; }
  .dialog-warning .modal-header i {
    color: #323332; }

.dialog-alert .modal-header {
  background: #B50010;
  color: #fff; }
  .dialog-alert .modal-header i {
    color: #fff; }

.dialog-success .modal-header {
  background: #3FAE29;
  color: #323332; }
  .dialog-success .modal-header i {
    color: #323332; }

.modal-header .close {
  margin-top: 0;
  padding: 0;
  color: #FFFFFF;
  transition: opacity 200ms ease; }
  .modal-header .close:hover {
    opacity: .5; }

/* 1.1. Modal Title
   ========================================================================= */
.modal-title {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  color: #535453; }

h4.title-warning.modal-title {
  color: #323332; }

button.md-close.close.title-warning {
  color: #323332; }

/* ==========================================================================
   2. Modal Body
   ========================================================================= */
.modal-body {
  padding: 0 18px;
  margin: 18px 0;
  background-color: #FFFFFF;
  /* table header within the body
       ========================================================================== */ }
  .modal-body .dropdown .dropdown-select {
    color: #323332;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .modal-body.flush {
    padding: 0;
    margin: 0; }
  .modal-body thead {
    background-color: #DCDEDC;
    font-weight: 600;
    color: #323332; }
    .modal-body thead td {
      vertical-align: middle; }
  .modal-body .checkbox {
    margin: 0; }

/* ==========================================================================
   3. Modal Footer
   ========================================================================= */
.modal-footer {
  padding: 8px 18px;
  border: 0;
  background-color: #fafafa;
  position: relative; }
  .modal-footer .btn {
    position: relative;
    z-index: 10; }

/* ==========================================================================
   4. Modal Specific Styles
   ========================================================================= */
.modal--comments {
  width: 400px; }

.ex-container {
  padding: 22px; }

/* ==========================================================================
   4. Modal Wizard
   ========================================================================= */
.wizard {
  min-width: 456px; }

.wizard__steps {
  height: 60px; }
  .wizard__steps:after, .wizard__steps:before {
    content: " ";
    display: table; }
  .wizard__steps:after {
    clear: both; }

.wizard__step {
  text-align: center;
  width: 50%;
  float: left;
  padding: 9px 8px;
  color: #535453;
  margin: 0;
  margin-bottom: 0px; }
  .wizard__step:before {
    content: "";
    padding-right: 0px;
    color: #DCDEDC; }
  .wizard__step.wizard__step--3 {
    width: 33.33%; }
  .wizard__step label {
    color: #323332;
    margin: 0;
    font-weight: 300;
    font-size: 12px;
    font-size: 0.75rem; }
  .wizard__step.active {
    background-color: #C2DAF2; }
    .wizard__step.active:before {
      content: '';
      display: block;
      width: 20px;
      height: 20px;
      border-radius: 50%;
      border: 6px solid #205488;
      margin: 0 auto;
      margin-bottom: 2px;
      position: relative;
      top: 1px; }
    .wizard__step.active label {
      color: #205488;
      font-weight: 600; }
  .wizard__step.complete:before {
    content: "";
    padding-right: 0px;
    color: #70BF60; }
  .wizard__step.complete:before {
    display: block; }
  .wizard__step:before {
    display: block;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 0px; }

/* Wizard Steps Title - below the steps indicators
   ========================================================================== */
.wizard__steps__title {
  position: relative;
  padding: 18px;
  background-color: #C2DAF2; }
  .wizard__steps__title .steps-title {
    font-weight: 400;
    color: #323332;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem; }

.wizard__result--label {
  padding: 16px; }
  .wizard__result--label label {
    padding: 6px 18px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid #323332;
    font-size: 13px;
    font-size: 0.8125rem; }
    .wizard__result--label label:hover {
      cursor: pointer; }

.wizard__content__step .search-bar__results__list li {
  font-weight: 400;
  font-size: 13px;
  font-size: 0.8125rem; }

.wizard__content__step .search-bar__results__list .email {
  color: #535453;
  font-size: 11px;
  font-size: 0.6875rem; }

/* ==========================================================================
   5. modal specific styles
   ========================================================================= */
.modal--add-user {
  min-width: 600px; }

/* ==========================================================================
   step specific styles
   ========================================================================== */
.search-bar__results--edit {
  padding: 16px 0;
  background-color: #FFFFFF; }

/* ========================================================================== 
   Content Sidebar Menu
   ========================================================================= */
/* menu global
   ========================================================================= */
/* menu header
   ========================================================================= */
/* menu list
   ========================================================================= */
.sp-replacer {
  background: #FFFFFF;
  border-color: #E8EAE8; }
  .sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #E8EAE8; }

.sp-container {
  background: #FFFFFF;
  border-color: #E8EAE8;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); }

.sp-preview .sp-thumb-el,
.sp-palette .sp-thumb-el {
  margin: 2px;
  border: none;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); }
  .sp-preview .sp-thumb-el.sp-thumb-active, .sp-preview .sp-thumb-el:hover,
  .sp-palette .sp-thumb-el.sp-thumb-active,
  .sp-palette .sp-thumb-el:hover {
    border-color: none; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner,
.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-size: 12px 12px;
  background-position: 2px 2px; }

.sp-palette-container {
  border-right: solid 1px #E8EAE8; }

.sp-button-container .sp-choose,
.sp-button-container .sp-choose:hover,
.sp-button-container .sp-cancel {
  border: 3px solid rgba(50, 51, 50, 0.5);
  border-radius: 6px;
  background: #FFFFFF;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 6px;
  padding-top: 6px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 11px;
  font-size: 0.6875rem; }

.sp-button-container .sp-cancel {
  color: #535453 !important;
  /* overriding an !important in the vendor code */
  border: 1px solid rgba(50, 51, 50, 0.5); }
  .sp-button-container .sp-cancel:hover {
    text-decoration: none; }

/* ========================================================================== 
   General Styles
   ========================================================================= */
/* sub-info
   ========================================================================= */
.sub-info {
  display: block;
  color: #535453;
  font-size: 11px;
  font-size: 0.6875rem; }

/* this is always dark so we need to have a variation of .sub-info */
.content-sidebar-menu .sub-info {
  color: #FFFFFF; }

.content-sidebar-menu .active .sub-info {
  color: #535453; }

/**
 * Empty Results 
 *
 * Empty results display in the main box area. 
 *
 * @example HTML:
 * 
 *  <div class="no-results-wrapper">
 *		<div class ="inner">
 *
 *			<p class="header">No clients found</p>
 *			<img src="../../assets/img/gxf-atm.png" />
 *			<p class="options">Add message about what user options are:</p>
 *			<p>for example, can they troubleshoot, add new clients</p>
 *
 *		</div> <!-- END .inner -->
 *	</div> <!-- END .no-results-wrapper -->
 *
 * @tag 
 *
 * TODO: 
 * 
 */
/**
 * .no-results-wrapper
 *
 * description
 *
 * 1. changed the top to 40% instead of 50% to make up for the
 * 	  inner padding top of main-box
 * 
 */
.no-results-wrapper {
  position: relative;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 40%;
  /* 1 */ }
  .no-results-wrapper img {
    margin-bottom: 24px;
    margin-top: 24px; }
  .no-results-wrapper p {
    margin: 0; }
  .no-results-wrapper .header {
    font-weight: bold; }

.form-control {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: none;
  border-radius: 0px; }

.form-control:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

.input-group-addon {
  background: none;
  border: none;
  border-radius: none;
  font-size: 16px;
  padding: 0px 12px;
  vertical-align: bottom; }

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #E8D73F;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #E8D73F;
  color: #323332;
  text-shadow: none; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #FFBB35;
  color: #323332;
  text-shadow: none; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  background: #C2DAF2; }

.bootstrap-datetimepicker-widget .picker-switch td span:hover {
  background: #DAE9F7; }

.bootstrap-datetimepicker-widget .btn {
  font-weight: bold;
  line-height: 0px;
  border: none;
  border-radius: 5px;
  outline: none;
  background-color: transparent; }

.bootstrap-datetimepicker-widget button.btn-primary {
  display: inline-block;
  font-weight: bold;
  line-height: 0px;
  border: none;
  border-radius: 5px;
  outline: none;
  padding: 6px;
  background: #E8D73F;
  color: #323332;
  height: 35px;
  margin: 10px 0px; }

.bootstrap-datetimepicker-widget table thead {
  background: none; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  overflow: visible; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px; }

.form-control {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  box-shadow: none;
  border-radius: 0px; }

.form-control:focus {
  outline: none;
  box-shadow: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

.input-group-addon {
  background: none;
  border: none;
  border-radius: none;
  font-size: 16px;
  padding: 0px 12px;
  vertical-align: bottom; }

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #E8D73F;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #E8D73F;
  color: #323332;
  text-shadow: none; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #FFBB35;
  color: #323332;
  text-shadow: none; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  background: #C2DAF2; }

.bootstrap-datetimepicker-widget .picker-switch td span:hover {
  background: #DAE9F7; }

.bootstrap-datetimepicker-widget .btn {
  font-weight: bold;
  line-height: 0px;
  border: none;
  border-radius: 5px;
  outline: none;
  background-color: transparent; }

.bootstrap-datetimepicker-widget button.btn-primary {
  display: inline-block;
  font-weight: bold;
  line-height: 0px;
  border: none;
  border-radius: 5px;
  outline: none;
  padding: 6px;
  background: #E8D73F;
  color: #323332;
  height: 35px;
  margin: 10px 0px; }

.bootstrap-datetimepicker-widget table thead {
  background: none; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  overflow: visible; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px; }

/* ========================================================================== 
   Global Sidebar Menu
   ========================================================================= */
/* Sidebar Menu Nav Listing [ shell ] 
   ===================================================================== */
ul.nav-wrapper {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none; }

ul.nav-wrapper > li {
  margin: 0;
  padding: 0; }

ul.nav-wrapper > li > a {
  line-height: 1.2;
  position: relative;
  display: block;
  width: 100%;
  padding: 8px 12px;
  transition: all .2s;
  text-decoration: none;
  color: #EBEDEB;
  border-bottom: 1px solid #535453;
  font-size: 16px;
  font-size: 1rem; }
  ul.nav-wrapper > li > a:hover {
    background: #535453; }
  ul.nav-wrapper > li > a.active {
    font-weight: bold;
    color: #535453;
    border: none;
    background-color: #EBEDEB; }
  ul.nav-wrapper > li > a.active:hover {
    background-color: #EBEDEB; }

/* item-title
   ================================================= */
.item-title {
  color: #FFFFFF; }
  li.active .item-title {
    color: #323332; }
  .item-title.not-viewed {
    font-weight: bold; }

/* ========================================================================== 
   Content Sidebar Menu
   ========================================================================= */
.content-sidebar-menu {
  position: absolute;
  z-index: 90;
  top: 55px !important;
  left: 0;
  width: 225px;
  overflow: hidden;
  border-left: 1px solid transparent;
  background: #323332;
  transition: left 100ms 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 20s 1000ms ease; }
  .content-sidebar-menu .nav {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    padding-top: 48px; }
  .content-sidebar-menu .inner {
    width: 100%; }
  .content-sidebar-menu .item-count {
    line-height: 1;
    position: absolute;
    right: 0;
    display: inline-block;
    text-transform: capitalize;
    font-size: 11px;
    font-size: 0.6875rem; }
  .content-sidebar-menu .sidebar-menu__action-bar {
    display: inline-block;
    float: right; }
    .content-sidebar-menu .sidebar-menu__action-bar i {
      font-size: 14px;
      font-size: 0.875rem; }
    .content-sidebar-menu .sidebar-menu__action-bar .item-count {
      position: relative;
      display: inline-block;
      margin-right: 6px; }
    .content-sidebar-menu .sidebar-menu__action-bar .accordion-trigger {
      display: inline-block; }
    .content-sidebar-menu .sidebar-menu__action-bar.flush {
      top: 55px !important; }
      .hasSearch .content-sidebar-menu .sidebar-menu__action-bar.flush {
        top: 0 !important; }
  .content-sidebar-menu.active {
    top: 55px !important; }
    .hasSearch .content-sidebar-menu.active {
      top: 0px !important; }

/* Sidebar Menu Header
   ===================================================================== */
.content-sidebar-menu__header {
  line-height: 48px;
  position: fixed;
  z-index: 10;
  width: 224px;
  height: 48px;
  padding: 0 12px;
  text-transform: uppercase;
  color: #FFFFFF;
  background: #535453;
  /* header select */ }
  .content-sidebar-menu__header:after, .content-sidebar-menu__header:before {
    content: " ";
    display: table; }
  .content-sidebar-menu__header:after {
    clear: both; }
  .content-sidebar-menu__header .item-count {
    line-height: 48px;
    display: inline-block;
    float: none; }
    .content-sidebar-menu__header .item-count .item-count__items {
      margin-left: 5px; }
  .content-sidebar-menu__header .title-table-header {
    font-weight: bold;
    font-size: 11px;
    font-size: 0.6875rem; }
  .content-sidebar-menu__header .title-table-header i {
    margin-left: 3px; }
  .content-sidebar-menu__header input,
  .content-sidebar-menu__header .dropdown-select {
    font-weight: bold;
    height: initial;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    color: #FFFFFF;
    border: none;
    outline: none;
    background: none;
    font-size: 11px;
    font-size: 0.6875rem; }
  .content-sidebar-menu__header .dropdown-select,
  .content-sidebar-menu__header input[type='text'] {
    width: 100%;
    text-align: left; }
  .content-sidebar-menu__header select {
    width: 100%; }
  .content-sidebar-menu__header i {
    color: #FFFFFF; }
  .content-sidebar-menu__header .caret {
    margin-left: 5px; }
  .content-sidebar-menu__header .form-item {
    position: relative;
    display: inline-block;
    margin: 0; }
  .content-sidebar-menu__header .form-item > span {
    color: #C2DAF2; }
  .hasSearch .content-sidebar-menu__header {
    top: 112px; }

/* ========================================================================== 
   Sidebar Menu -- Wider
   ========================================================================= */
.sidebar-wide .content-sidebar-menu__header,
.sidebar-wide .nav {
  width: 320px; }

.sidebar-wide .content-region {
  padding-left: 321px;
  min-width: 648px; }

/* ========================================================================== 
   Nav Header - w/in the list content area
   ========================================================================= */
.nav__header {
  color: #EBEDEB;
  padding: 4px 12px;
  line-height: 1;
  cursor: pointer;
  padding-bottom: 6px;
  background-color: #535453; }
  .nav__header:after, .nav__header:before {
    content: " ";
    display: table; }
  .nav__header:after {
    clear: both; }
  .nav__header label {
    text-transform: uppercase;
    margin: 0;
    font-size: 11px;
    font-size: 0.6875rem; }
  .nav__header .span {
    line-height: 1; }
  .nav__header .item-count {
    margin-top: 3px; }
  .out-of-service .nav__header {
    border-bottom: 2px solid #009688; }
  .needs-attention .nav__header {
    border-bottom: 2px solid #E65100; }
  .in-service .nav__header {
    border-bottom: 2px solid #0091EA; }

/* ========================================================================== 
   Managed Clents Sidebar Menu
   ========================================================================= */
.content-sidebar-menu--managed-clients {
  width: 321px;
  /* item-title
     ===================================================== */
  /*  info
    ===================================================== */
  /* sub info
    ===================================================== */ }
  .content-sidebar-menu--managed-clients .content-sidebar-menu__header {
    background-color: #205488; }
  .content-sidebar-menu--managed-clients .nav__header label {
    position: relative;
    top: 3px; }
    .ie8 .content-sidebar-menu--managed-clients .nav__header label {
      top: 0; }
  .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li {
    cursor: pointer;
    position: relative;
    padding: 8px 60px 8px 40px;
    border-bottom: 1px solid #535453;
    box-sizing: border-box;
    transition: all 400ms ease;
    /* Add a new item to the a list
   ========================================================================= */
    /* remove and item from a list
   ========================================================================= */ }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li:hover {
      background: #535453; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li.active {
      font-weight: bold;
      color: #535453;
      border: none;
      background-color: #EBEDEB; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li.active:hover {
      background-color: #EBEDEB; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li div {
      transition: opacity 700ms ease; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li.new {
      height: 0;
      padding: 0;
      border: none; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li.fadeIn {
      opacity: 0; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li.old {
      height: 0;
      padding: 0;
      border: none; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > li.fadeOut {
      opacity: 0; }
  .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > a:after, .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > a:before {
    content: " ";
    display: table; }
  .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > a:after {
    clear: both; }
  .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list > a.active > span {
    color: #323332; }
  .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list a {
    position: relative;
    padding-right: 12px; }
    .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list a:hover span:first-child:after, .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list a.active span:first-child:after {
      content: '•';
      display: inline-block;
      margin-left: 6px; }
  .content-sidebar-menu--managed-clients ul.content-sidebar-menu__nav-list li.active span:first-child:after {
    content: '•';
    display: inline-block;
    margin-left: 6px; }
  .content-sidebar-menu--managed-clients .item-title {
    overflow: hidden;
    width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .content-sidebar-menu--managed-clients .info {
    line-height: 1; }
  .content-sidebar-menu--managed-clients .sub-info {
    color: #B1B3B1; }
  .content-sidebar-menu--managed-clients .sub-info--status {
    margin-bottom: 6px;
    margin-top: 6px;
    overflow: hidden;
    width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .content-sidebar-menu--managed-clients .sub-info--details i {
    margin-right: 6px; }
  .content-sidebar-menu--managed-clients .sub-info--details.notice i,
  .content-sidebar-menu--managed-clients .sub-info--details.notice span {
    color: #FF7A75; }

/* Severity Icon States Nav - Circles
   ===================================================== */
.severity {
  position: absolute;
  left: 12px;
  line-height: 14px;
  text-align: center;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  top: 50%; }

.severity__dot {
  display: inline-block;
  width: 13px;
  height: 13px;
  border-radius: 50%; }
  .severity__dot.solid.red {
    background-color: #FF7A75; }
  .severity__dot.solid.orange {
    background-color: #E69900; }
  .severity__dot.solid.green {
    background-color: #3FAE29; }
  .severity__dot.solid.purple {
    background-color: #9C78B5; }
  .severity__dot.solid.blue {
    background-color: #0091EA; }
  .severity__dot.solid.black {
    background-color: #535453; }
  .severity__dot.hollow {
    border: 3px solid #FFBB35;
    background-color: transparent; }
    .severity__dot.hollow.red {
      border-color: #FF7A75; }
    .severity__dot.hollow.orange {
      border-color: #E69900; }
    .severity__dot.hollow.green {
      border-color: #3FAE29; }
    .severity__dot.hollow.purple {
      border-color: #9C78B5; }
    .severity__dot.hollow.blue {
      border-color: #0091EA; }
    .severity__dot.hollow.black {
      border-color: #535453; }
  .severity__dot.dotted {
    border: 2px solid #FFBB35;
    background-color: transparent; }
    .severity__dot.dotted.red {
      border-color: #FF7A75; }
      .severity__dot.dotted.red:after {
        background-color: #FF7A75; }
    .severity__dot.dotted.orange {
      border-color: #E69900; }
      .severity__dot.dotted.orange:after {
        background-color: #E69900; }
    .severity__dot.dotted.green {
      border-color: #3FAE29; }
      .severity__dot.dotted.green:after {
        background-color: #3FAE29; }
    .severity__dot.dotted.purple {
      border-color: #9C78B5; }
      .severity__dot.dotted.purple:after {
        background-color: #9C78B5; }
    .severity__dot.dotted.blue {
      border-color: #0091EA; }
      .severity__dot.dotted.blue:after {
        background-color: #0091EA; }
    .severity__dot.dotted.black {
      border-color: #535453; }
      .severity__dot.dotted.black:after {
        background-color: #535453; }
    .severity__dot.dotted:after {
      display: block;
      width: 5px;
      height: 5px;
      margin: 2px;
      content: '';
      border-radius: 50%;
      background-color: #FFFFFF; }

/* Status Section Nav - Icon & Count
   ========================================================================= */
.status {
  position: absolute;
  right: 12px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  height: 40px;
  margin-top: -18px;
  top: 50%; }

.status__count {
  float: right;
  top: 1px;
  right: 5px;
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  font-weight: bold;
  line-height: 16px;
  width: 16px;
  height: 16px;
  padding: 0 5px;
  color: #323332;
  border-radius: 4px;
  background-color: #DCDEDC;
  box-shadow: -2px 2px 0px 0px #323332;
  font-size: 10px;
  font-size: 0.625rem; }
  li.active .status__count {
    color: #DCDEDC;
    background-color: #323332;
    box-shadow: -2px 2px 0px 0px #dcdedc; }
  li.active:hover .status__count {
    box-shadow: -2px 2px 0px 0px #dcdedc; }
  li:hover .status__count {
    box-shadow: -2px 2px 0px 0px #535453; }
  .red .status__count {
    background-color: #FF7A75 !important; }
  .orange .status__count {
    background-color: #9C78B5 !important; }
  .green .status__count {
    background-color: #B8E986 !important; }
  .purple .status__count {
    background-color: #9C78B5 !important; }
  .blue .status__count {
    background-color: #21ECFF !important; }
  .teal .status__count {
    background-color: #50E3C2 !important; }
  .black .status__count {
    background-color: #535453 !important; }

.status__icon {
  color: #FFFFFF;
  font-size: 34px;
  font-size: 2.125rem; }
  li.active .status__icon {
    color: #323332; }
  .red .status__icon {
    color: #FF7A75 !important; }
  .orange .status__icon {
    color: #9C78B5 !important; }
  .green .status__icon {
    color: #B8E986 !important; }
  .purple .status__icon {
    color: #9C78B5 !important; }
  .blue .status__icon {
    color: #21ECFF !important; }
  .teal .status__icon {
    color: #50E3C2 !important; }
  .black .status__icon {
    color: #535453 !important; }

/* ========================================================================== 
   Managed Clients - Base - Simple singular style menu w/ one line
   ========================================================================= */
.managed-clients--base ul.content-sidebar-menu__nav-list > li {
  padding-bottom: 18px;
  padding-top: 18px; }

.icon-tag-icon {
  -webkit-mask-image: url("../../../assets/img/icon-tag.svg") no-repeat 50% 50%;
  -webkit-mask: url("../../../assets/img/icon-tag.svg") no-repeat 50% 50%;
          mask: url("../../../assets/img/icon-tag.svg") no-repeat 50% 50%;
  display: block;
  height: 40px;
  width: 40px;
  background-color: #DCDEDC; }
  li.active .icon-tag-icon {
    color: #323332; }
  .red .icon-tag-icon {
    background-color: #FF7A75 !important; }
  .orange .icon-tag-icon {
    background-color: #9C78B5 !important; }
  .green .icon-tag-icon {
    background-color: #B8E986 !important; }
  .purple .icon-tag-icon {
    background-color: #9C78B5 !important; }
  .blue .icon-tag-icon {
    background-color: #21ECFF !important; }
  .teal .icon-tag-icon {
    background-color: #50E3C2 !important; }
  .black .icon-tag-icon {
    background-color: #535453 !important; }

/* ========================================================================== 
   Task Bar Global
   ========================================================================= */
/* subsection
   ========================================================================= */
/* ========================================================================== 
   Task Bar
   ========================================================================= */
/* ========================================================================== 
   Search box - basic
   ========================================================================= */
.task-bar {
  position: relative;
  background-color: #205488;
  color: #FFFFFF;
  height: 42px;
  line-height: 42px;
  box-shadow: inset 0 2px 5px 0px rgba(0, 0, 0, 0.5);
  padding-left: 18px;
  padding-right: 18px;
  /* form-item / Drop down
   ========================================================================= */
  /* action-bar
   ========================================================================= */
  /* content-right (misc content need to the right)
   ========================================================================= */
  /* specific subsection
   ========================================================================= */ }
  .task-bar .form-item {
    display: inline-block;
    margin-left: 12px; }
    .task-bar .form-item:first-child {
      margin: 0; }
  .task-bar .dropdown-select {
    text-transform: capitalize;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    border-bottom: 1px solid #FFFFFF;
    border-color: rgba(255, 255, 255, 0.2); }
  .task-bar .dropdown-menu {
    padding: 0;
    margin: 0;
    top: 9px;
    left: -1px;
    overflow-y: scroll;
    width: 100%;
    min-width: 208px;
    max-width: 450px;
    max-height: 450px; }
    .task-bar .dropdown-menu dd,
    .task-bar .dropdown-menu dt {
      padding-left: 12px;
      padding-right: 12px;
      padding-bottom: 4.08px;
      padding-top: 4.08px; }
    .task-bar .dropdown-menu dt {
      background-color: #535453;
      padding: 5px 10px;
      text-transform: uppercase;
      font-size: 11px;
      font-size: 0.6875rem; }
    .task-bar .dropdown-menu dd a {
      line-height: 35px; }
    .task-bar .dropdown-menu .icon-delete {
      float: right; }
      .task-bar .dropdown-menu .icon-delete i.fa-minus {
        color: #FFFFFF;
        border-color: #FFFFFF;
        margin-top: 0; }
  .task-bar .action-bar {
    line-height: 42px;
    position: relative;
    display: inline-block;
    float: right;
    padding: 0; }
    .task-bar .action-bar i {
      line-height: 42px;
      font-size: 16px;
      font-size: 1rem; }
      .task-bar .action-bar i:only-child {
        width: initial;
        padding: 0; }
  .task-bar .item-count {
    display: inline-block;
    float: right;
    padding: 0 12px 0 0;
    font-size: 12px;
    font-size: 0.75rem; }

/* ========================================================================== 
   Task Bar Global
   ========================================================================= */
/* subsection
   ========================================================================= */
.accordion__search-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px 20px;
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */
  opacity: 0;
  background-color: #205488; }
  .accordion__search-bar.active {
    opacity: 1;
    z-index: 10; }
  .accordion__search-bar .accordion__search-bar__item {
    display: inline-block;
    width: 200px;
    margin-right: 36px;
    position: relative; }
    .accordion__search-bar .accordion__search-bar__item.accordion__search-bar__dropdown {
      width: initial; }
  .accordion__search-bar .row > div {
    white-space: nowrap; }
  .accordion__search-bar input.search-field {
    font-size: 13px;
    font-size: .8125rem;
    font-weight: bold;
    display: inline-block;
    height: 20px;
    padding-right: 20px;
    color: #fff;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    outline: none;
    background: none; }
    .accordion__search-bar input.search-field::-ms-clear {
      display: none; }
  .accordion__search-bar .search-minus {
    position: absolute;
    right: 2px;
    top: -3px;
    color: white; }
  .accordion__search-bar input[type='checkbox'] {
    position: absolute;
    visibility: hidden; }
  .accordion__search-bar .checkbox-list .checkbox {
    position: relative;
    top: 4px;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: 0 10px 0 0;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 3px; }
  .accordion__search-bar .checkbox-list label {
    font-size: 13px;
    font-size: .8125rem;
    margin: 0;
    vertical-align: bottom; }
  .accordion__search-bar .checkbox-name {
    font-size: 14px;
    font-size: .875rem;
    line-height: inherit;
    position: relative;
    color: #FFFFFF; }
  .accordion__search-bar .dropdown-select {
    height: 20px; }
  .accordion__search-bar .accordion__search-bar__close {
    color: #FFFFFF;
    float: right;
    cursor: pointer;
    padding: 5px;
    margin-right: 2px;
    font-size: 17px;
    font-size: 1.0625rem; }

/**
 * Description: Export Panel
 * Version: 1.0.0
 * Last update: 2015/12/17
 * Author: Brian Milner <brian.milner@ncr.com>
 *
 * Summary: Export Panel is a dropdown panel that is exposed in the tooltip for saving
 * pc core elements searches and printing of the data
 *
 *  0. ELEMENT
 *      - 0.1. TYPE ELEMENT
 *      - 0.2. TYPE ELEMENT
 *  1. ELEMENT
 *      - 1.1. TYPE ELEMENT
 *      - 1.2. TYPE ELEMENT
 */
/* ==========================================================================
   0. ELEMENT
   ========================================================================== */
/* ==========================================================================
   1. select menus
   ========================================================================== */
.export-panel__select {
  margin-top: -12px; }
  .export-panel__select .dropdown-select {
    position: relative;
    margin: 0;
    width: 100%; }
    .export-panel__select .dropdown-select .caret {
      position: absolute;
      bottom: 9px;
      right: 0; }
  .export-panel__select .dropdown {
    margin: 12px 0; }
    .export-panel__select .dropdown ul.dropdown-menu {
      top: 19px;
      margin: 0;
      overflow: hidden;
      overflow-x: auto; }
  .export-panel__select .dropdown-menu {
    min-width: 180px; }
  .export-panel__select .checkbox-list {
    padding: 12px;
    padding-bottom: 0; }
  .export-panel__select .dropdown-static ul.checked-menu input {
    margin: 0;
    padding: 0;
    display: none; }
  .export-panel__select .dropdown-static ul.checked-menu i {
    position: absolute;
    top: 9px;
    left: 13px;
    display: none;
    color: #323332; }
  .export-panel__select .dropdown-static ul.checked-menu li {
    position: relative; }
    .export-panel__select .dropdown-static ul.checked-menu li.checked i {
      display: block; }
    .export-panel__select .dropdown-static ul.checked-menu li a {
      padding-left: 35px;
      height: 32px;
      line-height: 1.9; }
      .export-panel__select .dropdown-static ul.checked-menu li a:hover {
        background-color: #DAE9F6; }
  .export-panel__select .dropdown-static ul.checked-menu .divider {
    margin: 0;
    padding: 0;
    background-color: #DAE9F6; }

/* ==========================================================================
   0. options links
   ========================================================================== */
.export-panel__select-options {
  margin: 12px -12px -12px -12px; }
  .export-panel__select-options ul {
    list-style: none; }
  .export-panel__select-options a {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 12px;
    padding-left: 24px;
    background-color: #EEF5FC;
    border-bottom: 1px solid #DCDEDC;
    transition: background-color 400ms ease;
    text-decoration: none; }
    .export-panel__select-options a:hover {
      background-color: #DAE9F7; }

/* ========================================================================== 
   Task Bar Global
   ========================================================================= */
/* subsection
   ========================================================================= */
.search-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  padding: 15px 20px;
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */
  opacity: 0;
  background-color: #205488;
  /* content region */
  /* modal pup with search bar */ }
  .search-bar:after, .search-bar:before {
    content: " ";
    display: table; }
  .search-bar:after {
    clear: both; }
  .search-bar.search-bar--content {
    top: 55px; }
  .search-bar.search-bar--sub-header {
    position: absolute; }
    .search-bar.search-bar--sub-header.active {
      top: 104px; }
      .search-bar.search-bar--sub-header.active + .content-region {
        padding-top: 54px; }
  .search-bar.search-bar--modal {
    top: 0;
    padding: 15px 10px;
    position: relative; }
    .search-bar.search-bar--modal .dropdown {
      line-height: 1;
      margin: 0; }
      .search-bar.search-bar--modal .dropdown .dropdown-select {
        color: #FFFFFF;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
  .search-bar.active {
    opacity: 1;
    z-index: 1300; }
  .search-bar .row > div {
    white-space: nowrap; }
  .search-bar input.search-field {
    font-weight: bold;
    display: inline-block;
    height: 20px;
    padding-right: 20px;
    color: #fff;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    outline: none;
    background: none;
    font-size: 13px;
    font-size: 0.8125rem; }
    .search-bar input.search-field::-webkit-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .search-bar input.search-field::-moz-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .search-bar input.search-field:-ms-input-placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .search-bar input.search-field::placeholder {
      color: rgba(255, 255, 255, 0.5); }
    .search-bar input.search-field::-ms-clear {
      display: none; }
  .search-bar .search-minus {
    position: absolute;
    right: 2px;
    top: -3px;
    color: white; }
  .search-bar input[type='checkbox'] {
    position: absolute;
    visibility: hidden; }
  .search-bar .checkbox-list label {
    font-size: 13px;
    font-size: .8125rem;
    margin: 0;
    vertical-align: bottom; }
  .search-bar .checkbox-name {
    line-height: 1;
    margin-left: 8px;
    /* 8px */
    position: relative;
    color: #FFFFFF;
    font-size: 14px;
    font-size: 0.875rem; }
  .search-bar .dropdown-select {
    height: 20px; }
  .search-bar .dropdown-menu {
    top: 20px; }
  .search-bar .search-bar__close {
    color: #FFFFFF;
    float: right;
    cursor: pointer;
    padding: 5px;
    margin-right: 2px;
    font-size: 17px;
    font-size: 1.0625rem; }

.search-bar__item {
  display: inline-block;
  margin-right: 36px;
  position: relative; }
  .search-bar__item.search-bar__dropdown {
    width: initial; }
  .search-bar--modal .search-bar__item {
    margin: 0; }

/* content-region for .search-bar--content
   ========================================================================== */
.content-region {
  transition: opacity 300ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */ }
  .hasSearch .content-region {
    top: 57px;
    position: relative; }

/* ==========================================================================
   search bar results list - used in modal search for add user at this time
   ========================================================================== */
.search-bar__results__list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .search-bar__results__list li {
    border-bottom: 1px solid #DCDEDC; }
  .search-bar__results__list span {
    color: #323332;
    display: block;
    cursor: pointer;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 4px; }
    .search-bar__results__list span.email {
      margin: 0;
      color: #205488; }
  .search-bar__results__list a {
    display: block;
    padding: 12px 16px;
    text-decoration: none;
    cursor: pointer;
    transition: all 400ms ease; }
    .search-bar__results__list a:hover {
      background: #C2DAF2; }

/* ========================================================================== 
    tree viewer col
    ========================================================================= */
.tree-viewer__col {
  display: inline-block;
  position: relative;
  vertical-align: top; }

.tree-viewer__col--search {
  width: 545px;
  margin-right: 9px;
  /* resulting space equals 12px combined with space from inline-block */ }

.tree-viewer__col--selected {
  width: 300px; }

/* ========================================================================== 
    tree header
    ========================================================================= */
.tree-viewer__header {
  height: 40px;
  line-height: 40px;
  background: #DCDEDC; }
  .tree-viewer__header label {
    padding: 0;
    margin: 0;
    margin-left: 12px;
    font-size: 12px;
    font-size: 0.75rem; }
  .tree-viewer__header .action-bar {
    height: 40px;
    line-height: 40px;
    padding: 0;
    right: 0; }
    .tree-viewer__header .action-bar .action-bar__link i {
      height: 40px;
      line-height: 40px; }
    .tree-viewer__header .action-bar .action-bar__link.active, .tree-viewer__header .action-bar .action-bar__link:hover {
      background-color: #535453; }
      .tree-viewer__header .action-bar .action-bar__link.active i, .tree-viewer__header .action-bar .action-bar__link:hover i {
        color: #FFFFFF; }

/* ========================================================================== 
   tree content
   ========================================================================= */
.tree-viewer__content {
  background-color: #DAE9F7;
  padding: 12px; }

.tree {
  min-height: 20px;
  line-height: 1;
  font-size: 12px;
  font-size: 0.75rem;
  /* first level parent item in tree - remove padding */ }
  .tree > ul {
    padding: 0;
    margin: 0; }

.tree li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative;
  margin-bottom: 18px; }
  .tree li:last-child {
    margin: 0; }

.tree li span {
  display: inline-block;
  text-decoration: none; }
  .tree li span span {
    display: block; }

/* parent item
   ========================================================================= */
.parent_li > [title~=Collapse] {
  margin-bottom: 18px; }

.parent_li:before {
  content: "";
  padding-right: 12px;
  color: #535453; }

.parent_li:before {
  position: relative;
  top: 1px;
  font-size: 18px;
  font-size: 1.125rem; }

.parent_li > span {
  cursor: pointer; }

/* hover of each item */
/* start with all childern of the top level parents closed */
.tree li.parent_li li {
  display: none; }

label.preloader-label {
  text-align: center;
  margin: 15px auto;
  display: block;
  font-weight: normal; }

#preloader {
  position: relative;
  width: 58px;
  height: 58px;
  margin: auto; }
  #preloader.small {
    margin: -10px auto;
    transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5); }
  #preloader.tiny {
    margin: -18px auto;
    transform: scale(0.3, 0.3);
    -webkit-transform: scale(0.3, 0.3);
    -moz-transform: scale(0.3, 0.3); }

.preloader {
  position: absolute;
  background-color: #333333;
  width: 14px;
  height: 14px;
  border-radius: 9px;
  -o-border-radius: 9px;
  -ms-border-radius: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  animation-name: bounce_preloader;
  -o-animation-name: bounce_preloader;
  -ms-animation-name: bounce_preloader;
  -webkit-animation-name: bounce_preloader;
  -moz-animation-name: bounce_preloader;
  animation-duration: 0.908s;
  -o-animation-duration: 0.908s;
  -ms-animation-duration: 0.908s;
  -webkit-animation-duration: 0.908s;
  -moz-animation-duration: 0.908s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal; }

#preloader_1 {
  left: 0;
  top: 23px;
  animation-delay: 0.338s;
  -o-animation-delay: 0.338s;
  -ms-animation-delay: 0.338s;
  -webkit-animation-delay: 0.338s;
  -moz-animation-delay: 0.338s; }

#preloader_2 {
  left: 6px;
  top: 6px;
  animation-delay: 0.454s;
  -o-animation-delay: 0.454s;
  -ms-animation-delay: 0.454s;
  -webkit-animation-delay: 0.454s;
  -moz-animation-delay: 0.454s; }

#preloader_3 {
  top: 0;
  left: 23px;
  animation-delay: 0.57s;
  -o-animation-delay: 0.57s;
  -ms-animation-delay: 0.57s;
  -webkit-animation-delay: 0.57s;
  -moz-animation-delay: 0.57s; }

#preloader_4 {
  right: 6px;
  top: 6px;
  animation-delay: 0.686s;
  -o-animation-delay: 0.686s;
  -ms-animation-delay: 0.686s;
  -webkit-animation-delay: 0.686s;
  -moz-animation-delay: 0.686s; }

#preloader_5 {
  right: 0;
  top: 23px;
  animation-delay: 0.802s;
  -o-animation-delay: 0.802s;
  -ms-animation-delay: 0.802s;
  -webkit-animation-delay: 0.802s;
  -moz-animation-delay: 0.802s; }

#preloader_6 {
  right: 6px;
  bottom: 6px;
  animation-delay: 0.908s;
  -o-animation-delay: 0.908s;
  -ms-animation-delay: 0.908s;
  -webkit-animation-delay: 0.908s;
  -moz-animation-delay: 0.908s; }

#preloader_7 {
  left: 23px;
  bottom: 0;
  animation-delay: 1.024s;
  -o-animation-delay: 1.024s;
  -ms-animation-delay: 1.024s;
  -webkit-animation-delay: 1.024s;
  -moz-animation-delay: 1.024s; }

#preloader_8 {
  left: 6px;
  bottom: 6px;
  animation-delay: 1.14s;
  -o-animation-delay: 1.14s;
  -ms-animation-delay: 1.14s;
  -webkit-animation-delay: 1.14s;
  -moz-animation-delay: 1.14s; }

@keyframes bounce_preloader {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(0.3);
            transform: scale(0.3); } }

@-webkit-keyframes bounce_preloader {
  0% {
    -webkit-transform: scale(1); }
  100% {
    -webkit-transform: scale(0.3); } }

/**
 * Title: Transition View
 * Version: 1.0.0
 * Last update: YYYY/MM/DD
 * Author: User Name <username@gmail.com>
 *
 * Description: Styles that affect and control the tranisiton & changing of 
 * the views from a table view to a detail view - used in conjuction with
 * .data-details classes & _data-details.scss
 *
 * Summary:
 *
 *  0. Global
 *    - 0.1. --
 *    - 0.2. --
 *    
 *  1. Transition View [.transition-view]
 *    - 1.1 Slide [.transition-view.slideout]
 *    - 1.2 Header [.transition-view_header]
 */
/* ==========================================================================
   0. Global
   ========================================================================= */
/* 0.1. TYPE ELEMENT
   ========================================================================= */
/* 0.2. TYPE ELEMENT
   ========================================================================= */
/* ==========================================================================
   1. Transition View
   ========================================================================= */
.transition-view {
  position: relative;
  top: 0;
  left: 0;
  transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  /*easeInOutCubic */
  opacity: 1; }
  .transition-view.active {
    display: block; }
  .transition-view.inactive {
    position: absolute;
    z-index: -1;
    left: 0;
    opacity: 0;
    -webkit-filter: blur(20px); }

.content-sidebar-menu + .transition-view--alternate {
  padding-left: 225px; }

.transition-view--alternate .page-header {
  opacity: 1;
  top: 0 !important;
  left: 0 !important;
  position: relative;
  transition: all 600ms; }

/* 1.1 Slide [.transition-view.slideout] // make them slide
  ========================================= */
.transition-view.slideout {
  left: -100vw;
  opacity: 0; }

/* 1.2 Header [.transition-view_header]
  ========================================= */
.transition-view_header {
  position: absolute;
  z-index: 0px;
  width: 90%;
  height: 48px;
  opacity: 0;
  background: #EBEDEB;
  transition: width 880ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 500ms 400ms linear, opacity 400ms 1s linear; }
  .transition-view_header.smaller {
    width: 248px;
    opacity: 1;
    background: #205488;
    transition: width 880ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 1200ms 400ms linear, opacity 400ms 0s linear; }

/**
 * Title: Hours
 * Version: 1.0.0
 * Last update: 2015/10/12
 * Author: Brian Milner <brian.milner@ncr.com>
 *
 * Description: Hours component allows the user to select the hours and days
 *  related to those hours in an accodrion view
 *
 * Summary:
 * 
 *	--. Global Styles
 *		- 0.0. --
 *		
 *	0. Hours
 */
/* ========================================================================== 
   Global Styles
   ========================================================================= */
/* ==========================================================================
   0. Hours Section
   ========================================================================= */
.hours__section {
  margin: 0;
  padding: 12px;
  padding-left: 18px; }
  .hours__section:after, .hours__section:before {
    content: " ";
    display: table; }
  .hours__section:after {
    clear: both; }
  .hours__section:nth-child(even) {
    background-color: #FFFFFF; }
  .hours__section .hours__row {
    position: relative;
    display: block;
    width: 880px;
    margin: 12px 0;
    padding-left: 150px; }
    .hours__section .hours__row:after, .hours__section .hours__row:before {
      content: " ";
      display: table; }
    .hours__section .hours__row:after {
      clear: both; }
    .hours__section .hours__row:last-child {
      margin-bottom: 0; }
    .hours__section .hours__row:first-child {
      margin-top: 0; }
    .hours__section .hours__row:only-child {
      margin: 0; }

/* ==========================================================================
   1. Hours Section Items
   ========================================================================= */
.hours__title,
.hours__day-picker,
.hours__time-picker {
  float: left; }

/* title
   ========================================================================= */
.hours__title {
  width: 150px;
  left: 0; }
  .hours__title label {
    margin: 0;
    font-weight: 400; }

/* Day Picker
   ========================================================================= */
.hours__day-picker ul.days {
  margin: 0;
  padding: 0;
  font-size: 0;
  overflow: hidden;
  border: 1px solid #323332;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .hours__day-picker ul.days li {
    list-style-type: none;
    display: inline-block;
    margin-right: 0px; }
    .hours__day-picker ul.days li:last-child {
      margin: 0; }
  .hours__day-picker ul.days li {
    text-transform: capitalize;
    cursor: pointer;
    background-color: #FFFFFF;
    transition: all 400ms ease;
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-right: 1px solid #323332; }
    .hours__day-picker ul.days li:last-child {
      border: none; }
    .edit-mode .hours__day-picker ul.days li:hover {
      background-color: #E8D73F; }
    .hours__day-picker ul.days li.active {
      background-color: #E8D73F; }

.hours__time-picker {
  margin-left: 18px; }
  .hours__time-picker:after, .hours__time-picker:before {
    content: " ";
    display: table; }
  .hours__time-picker:after {
    clear: both; }
  .hours__time-picker .hours__time-picker--times {
    float: left; }
    .hours__time-picker .hours__time-picker--times:after, .hours__time-picker .hours__time-picker--times:before {
      content: " ";
      display: table; }
    .hours__time-picker .hours__time-picker--times:after {
      clear: both; }
    .hours__time-picker .hours__time-picker--times label {
      text-transform: uppercase;
      float: left;
      margin: 0;
      margin-right: 6px; }
    .hours__time-picker .hours__time-picker--times input {
      float: left;
      width: 70px;
      height: auto;
      padding: 0;
      border: none; }
      .edit-mode .hours__time-picker .hours__time-picker--times input {
        width: 94px;
        border-bottom: 1px solid #323332; }
  .hours__time-picker .input-group {
    display: inline-block;
    margin-left: 18px;
    top: 3px; }
    .hours__time-picker .input-group:first-child {
      margin: 0; }
  .hours__time-picker .input-group-addon {
    display: none;
    padding: 0;
    float: left; }
    .edit-mode .hours__time-picker .input-group-addon {
      display: inline-block; }

.holidays__display {
  font-weight: 400;
  border-radius: 4px;
  padding: 4px 8px;
  margin: 0;
  margin-right: 8px;
  width: 620px;
  line-height: 1.2; }
  .edit-mode .holidays__display {
    background-color: #FFFFFF;
    border: 1px solid #323332; }

.hours__row--holidays i.fa-book.md-trigger {
  display: none;
  cursor: pointer;
  font-size: 16px;
  font-size: 1rem; }
  .edit-mode .hours__row--holidays i.fa-book.md-trigger {
    display: inline-block; }

.row-controls {
  display: none;
  width: 51px;
  float: right;
  margin-left: 24px;
  font-size: 21px;
  font-size: 1.3125rem; }
  .row-controls:after, .row-controls:before {
    content: " ";
    display: table; }
  .row-controls:after {
    clear: both; }
  .edit-mode .row-controls {
    display: inline-block; }
  .row-controls a {
    text-decoration: none;
    float: left;
    margin: 0;
    line-height: 1; }
    .row-controls a:first-child {
      margin-right: 12px; }
    .row-controls a:only-child {
      margin: 0; }
  .row-controls i {
    vertical-align: top;
    display: inline-block; }
  .row-controls .row-controls__link--add {
    float: right; }
  .hours__row--holidays .row-controls {
    float: right; }

.bootstrap-datetimepicker-widget table {
  min-width: 100% !important; }

/**
 * Description: Search Styles
 *
 * Summary: css styles for the search widget modal window. Example can be 
 * found on search.html.
 *
 *  0. General: 
 *    - 0.1 Modal
 *    - 0.2 Search Sticky Footer (sections, dropdowns, etc.)
 *  1. CxP Search & Filter & Browse: [Search Widget]
 *    - 1.1. General: Section [.section]
 *    - 1.2. General: Form Item [.form-item]
 *    - 1.3. General: Dropdown Menu [.dropdown-menu]
 *    - 1.4. General: Dropdown Styles [.cxp-static]
 *    - 1.5. Component: Pop Up Dropdown [.cxp-dropdown]
 *    - 1.6. Section: Search Top [.search-top]
 *    - 1.7. Section: Search [.search]
 *    - 1.8. Section: Query [.query] 
 */
.bg--lt-blue {
  background-color: #416D99 !important; }

/* ==========================================================================
   0.1 GENERAL :: Modal
   ========================================================================= */
.md-modal.modal--search {
  max-width: 750px;
  min-width: 580px;
  top: 0px;
  /* ==========================================================================
   0.2 GENERAL ::
   ========================================================================= */ }
  .md-modal.modal--search .md-close:hover {
    text-decoration: none; }
  .md-modal.modal--search .modal-body {
    padding: 0px;
    margin-top: 0; }
    .md-modal.modal--search .modal-body .form-group,
    .md-modal.modal--search .modal-body .form-item.dropdown {
      margin-bottom: 0; }
  .md-modal.modal--search .md-content {
    padding: 0; }
  .md-modal.modal--search .form-item {
    margin: 0; }
  .md-modal.modal--search .btn {
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: bold; }

.tag--limit__wrapper {
  display: inline-block; }

.tag-wrap .tag--limit {
  background-color: #FFBB35; }
  .tag-wrap .tag--limit i.fa-eye {
    position: relative;
    top: 4px;
    font-size: 16px;
    font-size: 1rem; }

.search-sticky-scroll {
  overflow-y: scroll; }

.search-sticky-footer .form-item.checkbox-list {
  margin-top: 9px; }

/* ==========================================================================
   0.3 GENERAL :: Universal Styles
   ========================================================================= */
.caret {
  margin-left: 8px; }

.fa-minus {
  border: 1px solid #323332;
  border-radius: 100%;
  height: 16px;
  width: 16px;
  text-align: center;
  line-height: 15px !important;
  margin-top: 4px;
  font-size: 10px !important; }
  .fa-minus.white {
    border-color: #FFFFFF; }

.section .action-close {
  opacity: 0.5; }

/* ==========================================================================
   1. CxP Search & Filter & Browse [Search Widget]
   ========================================================================= */
.search-widget {
  position: relative;
  background: #DCDEDC;
  /* label :: section title */
  /* ========================================= 
   1.0 GENERAL :: Misc
   ========================================= */
  /* sticky footer
      ============================================= */
  /* checkboxe styling @note: does this need to be univeral / global?
     ============================================= */
  /* ========================================= 
   1.1 GENERAL :: section
   ========================================= */
  /* ========================================= 
   1.2 GENERAL :: form item
   ========================================= */
  /* ========================================= 
   1.3 GENERAL :: Drop Down Menu
   ========================================= */
  /* rule for when the drop down is triggered by a button that has an actual button shape */
  /* ========================================= 
   1.4 General :: Drop Down Styles
   ========================================= */
  /* ========================================= 
   1.5 COMPONENT: Pop Up Dropdown [CxP Dropdown]

   pop up boxes on the search widget for 'saved search' [top right] and 'search btn' [bottom left]
   ========================================= */
  /* ========================================= 
   1.6 SEARCH TOP
   ========================================= */
  /* ========================================= 
   1.7 SEARCH
   ========================================= */
  /* ========================================= 
   1.8 QUERY
   ========================================= */ }
  .search-widget .inner {
    height: auto !important;
    z-index: 1; }
  .search-widget .footer {
    width: 100%;
    padding: 10px 15px;
    background: #FFFFFF;
    height: 50px;
    /* .push must be the same height as .footer */ }
    .search-widget .footer button {
      text-transform: uppercase;
      padding-left: 24px;
      padding-right: 24px; }
      .search-widget .footer button.right {
        float: right;
        margin-left: 10px; }
        .search-widget .footer button.right.featured {
          margin-top: -2px; }
  .search-widget a {
    color: #fff; }
  .search-widget label.section-title {
    display: block;
    padding: 10px 15px;
    margin: 0px; }
    .search-widget label.section-title a.action {
      float: right;
      margin-left: 10px; }
    .search-widget label.section-title i {
      line-height: 20px; }
  .search-widget .search-sticky-footer {
    padding: 12px 18px;
    bottom: 0;
    height: 63px;
    color: #FFFFFF; }
    .search-widget .search-sticky-footer .footer--query {
      top: 7px;
      position: relative; }
  .search-widget .checkbox-list.search-options-list {
    margin: 0; }
    .search-widget .checkbox-list.search-options-list .checkbox-name {
      top: 5px; }
  .search-widget .checkbox-list .checkbox-name {
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: inherit; }
  .search-widget .checkbox-list .checkbox {
    width: 19px;
    height: 19px;
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
    position: relative;
    border: 1px solid #205488;
    border-radius: 3px; }
    .search-widget .checkbox-list .checkbox.checked {
      background-color: #205488; }
      .search-widget .checkbox-list .checkbox.checked:after {
        opacity: 1;
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        background: transparent;
        top: 5px;
        left: 4px;
        border: 2px solid #FFFFFF;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-54deg);
                transform: rotate(-54deg); }
  .search-widget .checkbox-list input[type="checkbox"] {
    visibility: hidden;
    position: absolute; }
    .search-widget .checkbox-list input[type="checkbox"]:checked + label span.checkbox.checked {
      background-color: #205488; }
      .search-widget .checkbox-list input[type="checkbox"]:checked + label span.checkbox.checked:after {
        opacity: 1;
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        background: transparent;
        top: 5px;
        left: 4px;
        border: 2px solid #FFFFFF;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-54deg);
                transform: rotate(-54deg); }
  .search-widget .checkbox-list--white .checkbox {
    border: 1px solid #FFFFFF; }
    .search-widget .checkbox-list--white .checkbox.checked {
      background-color: #FFFFFF; }
      .search-widget .checkbox-list--white .checkbox.checked:after {
        opacity: 1;
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        background: transparent;
        top: 5px;
        left: 4px;
        border: 2px solid #205488;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-54deg);
                transform: rotate(-54deg); }
  .search-widget .checkbox-list--white input[type="checkbox"]:checked + label span.checkbox {
    background-color: #FFFFFF; }
    .search-widget .checkbox-list--white input[type="checkbox"]:checked + label span.checkbox:after {
      border-color: #205488; }
  .search-widget .section {
    position: relative;
    margin: 10px 0; }
    .search-widget .section.first {
      margin: 0; }
    .search-widget .section.section-alternative {
      background: #416D99;
      margin: 1px 0;
      padding: 3px 15px 5px; }
      .search-widget .section.section-alternative.first {
        margin-top: 0; }
      .search-widget .section.section-alternative a.action {
        float: right;
        margin: 0 0 0 20px;
        top: 6px;
        position: relative;
        font-size: 16px;
        font-size: 1rem; }
        .search-widget .section.section-alternative a.action .fa-chevron-up,
        .search-widget .section.section-alternative a.action .fa-chevron-down {
          font-size: 11px;
          font-size: 0.6875rem; }
      .search-widget .section.section-alternative a.action-remove i {
        font-size: 14px;
        font-size: 0.875rem; }
      .search-widget .section.section-alternative a.action-close {
        margin-left: 24px; }
    .search-widget .section.section-action {
      background: #205488;
      width: 100%;
      margin: 0;
      padding: 10px 15px; }
    .search-widget .section.section-action--form .form-item {
      top: 4px; }
  .search-widget .form-item {
    display: inline-block;
    margin-right: 10px; }
    .search-widget .form-item input,
    .search-widget .form-item .dropdown-select {
      font-weight: bold;
      display: inline-block;
      height: 20px;
      color: #fff;
      border: none;
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      outline: none;
      background: none;
      font-size: 13px;
      font-size: 0.8125rem; }
    .search-widget .form-item .dropdown-select,
    .search-widget .form-item input[type='text'] {
      text-align: left; }
    .search-widget .form-item .dropdown-select {
      padding: 0 16px 0 1px; }
      .search-widget .form-item .dropdown-select.dropdown-smaller {
        font-size: 11px;
        font-size: 0.6875rem; }
    .search-widget .form-item input[type='checkbox'] {
      height: auto; }
    .search-widget .form-item label {
      margin: 0;
      vertical-align: bottom;
      font-size: 13px;
      font-size: 0.8125rem; }
  .search-widget .dropdown-toggle {
    padding: 0 15px; }
  .search-widget .dropdown-static .dropdown-button.dropdown-toggle.active {
    border-radius: 0;
    background-color: #C2DAF2;
    border: #C2DAF2; }
  .search-widget .dropdown-static i {
    margin-left: 15px; }
  .search-widget ul.dropdown-menu,
  .search-widget dl.dropdown-menu {
    overflow-y: scroll;
    width: 100%;
    min-width: 208px;
    max-width: 450px;
    max-height: 450px;
    padding: 0;
    margin: -1px 0 0 -1px;
    border-radius: 0; }
    .search-widget ul.dropdown-menu li,
    .search-widget ul.dropdown-menu dd,
    .search-widget dl.dropdown-menu li,
    .search-widget dl.dropdown-menu dd {
      position: relative; }
      .search-widget ul.dropdown-menu li:hover:after,
      .search-widget ul.dropdown-menu dd:hover:after,
      .search-widget dl.dropdown-menu li:hover:after,
      .search-widget dl.dropdown-menu dd:hover:after {
        visibility: visible; }
      .search-widget ul.dropdown-menu li:after,
      .search-widget ul.dropdown-menu dd:after,
      .search-widget dl.dropdown-menu li:after,
      .search-widget dl.dropdown-menu dd:after {
        position: absolute;
        top: 15px;
        left: 90%;
        visibility: hidden;
        width: 7px;
        height: 7px;
        content: '';
        border-radius: 100%;
        background: #323332; }
      .search-widget ul.dropdown-menu li > a,
      .search-widget ul.dropdown-menu dd > a,
      .search-widget dl.dropdown-menu li > a,
      .search-widget dl.dropdown-menu dd > a {
        line-height: 35px;
        padding: 0 10px;
        display: block;
        clear: both;
        font-weight: normal;
        color: #323332;
        white-space: nowrap;
        text-decoration: none; }
        .search-widget ul.dropdown-menu li > a:hover,
        .search-widget ul.dropdown-menu dd > a:hover,
        .search-widget dl.dropdown-menu li > a:hover,
        .search-widget dl.dropdown-menu dd > a:hover {
          font-weight: bold; }
  .search-widget .search .btn + ul.dropdown-menu,
  .search-widget .search .btn + dl.dropdown-menu {
    top: 30px; }
  .search-widget .dropdown-static ul.checked-menu input {
    margin: 0;
    padding: 0;
    display: none; }
  .search-widget .dropdown-static ul.checked-menu i {
    position: absolute;
    top: 9px;
    left: 13px;
    display: none;
    color: #323332; }
  .search-widget .dropdown-static ul.checked-menu li {
    position: relative; }
    .search-widget .dropdown-static ul.checked-menu li.checked i {
      display: block; }
    .search-widget .dropdown-static ul.checked-menu li a {
      padding-left: 35px;
      height: 32px; }
      .search-widget .dropdown-static ul.checked-menu li a:hover {
        background-color: #DAE9F6; }
  .search-widget .dropdown-static ul.checked-menu .divider {
    margin: 10px 0;
    padding: 0;
    background-color: #DAE9F6; }
  .search-widget .cxp-dropdown {
    position: absolute;
    right: 10px;
    z-index: 10;
    width: 225px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0;
    background: #EEF5FC;
    font-weight: normal;
    transition: 0.5s ease;
    /* section title dropdowns
      ========================================= */
    /* input dropdown search
       ========================================= */
    /* dropdown search lables
      ========================================= */
    /* search save current
      ========================================= */
    /* search archives
      ========================================= */
    /* search sort
      ========================================= */
    /* save search
      ========================================= */
    /* search saved list
      ========================================= */ }
    .search-widget .cxp-dropdown.none {
      top: 0px; }
    .search-widget .cxp-dropdown .section-title.section-title-dropdown {
      background-color: #C2DAF2;
      color: #323332;
      padding: 7px 10px;
      line-height: 1.7;
      font-size: 11px;
      font-size: 0.6875rem; }
      .search-widget .cxp-dropdown .section-title.section-title-dropdown .md-close.action {
        color: #323332; }
    .search-widget .cxp-dropdown input.dropdown-search {
      border: none;
      border-bottom: 1px solid #B1B3B1;
      width: 100%;
      margin: 0;
      outline: none;
      color: #323332;
      font-size: 12px;
      font-size: 0.75rem; }
    .search-widget .cxp-dropdown .dropdown-search-label {
      color: #727372;
      margin: 0;
      font-size: 11px;
      font-size: 0.6875rem; }
    .search-widget .cxp-dropdown.search-save-current {
      bottom: 48px;
      left: 24px;
      padding-bottom: 13px;
      background: #FFFFFF; }
      .search-widget .cxp-dropdown.search-save-current:after {
        content: '';
        position: absolute;
        bottom: -10px;
        left: 25px;
        width: 0px;
        height: 0px;
        border-top: 10px solid #FFFFFF;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent; }
      .search-widget .cxp-dropdown.search-save-current label.section-title.section-title-dropdown {
        background-color: #323332;
        color: #FFFFFF; }
        .search-widget .cxp-dropdown.search-save-current label.section-title.section-title-dropdown i {
          color: #FFFFFF; }
      .search-widget .cxp-dropdown.search-save-current input[type=radio] {
        height: 13px; }
    .search-widget .cxp-dropdown .search-archives {
      background: #FFFFFF;
      padding: 9px 10px 14px 10px;
      position: relative; }
      .search-widget .cxp-dropdown .search-archives .form-search {
        display: none; }
      .search-widget .cxp-dropdown .search-archives .saved-search-search {
        width: 85%;
        margin-bottom: 10px; }
      .search-widget .cxp-dropdown .search-archives .icon-remove {
        font-size: 16px;
        font-size: 1rem;
        margin-left: 10px;
        cursor: pointer; }
      .search-widget .cxp-dropdown .search-archives .dropdown button.dropdown-select {
        color: #323332;
        border-color: rgba(50, 51, 50, 0.2);
        margin: 0;
        padding: 0;
        font-size: 12px;
        font-size: 0.75rem;
        font-weight: 500;
        text-transform: capitalize; }
        .search-widget .cxp-dropdown .search-archives .dropdown button.dropdown-select .caret {
          color: rgba(50, 51, 50, 0.7);
          opacity: 0.7;
          margin-left: 15px;
          border-top: 5px solid;
          border-right: 5px solid transparent;
          border-left: 5px solid transparent; }
      .search-widget .cxp-dropdown .search-archives .icon-search .fa-search {
        font-size: 16px;
        font-size: 1rem;
        top: 19px; }
    .search-widget .cxp-dropdown .search-sort {
      background: #C2DAF2;
      padding: 5px 10px;
      position: relative;
      font-size: 11px;
      font-size: 0.6875rem; }
      .search-widget .cxp-dropdown .search-sort .form-item .dropdown-select {
        color: #323332;
        font-weight: bold;
        text-transform: uppercase;
        border: none; }
        .search-widget .cxp-dropdown .search-sort .form-item .dropdown-select .caret {
          color: rgba(50, 51, 50, 0.7);
          opacity: 0.7;
          margin-left: 10px;
          border-top: 5px solid;
          border-right: 5px solid transparent;
          border-left: 5px solid transparent; }
      .search-widget .cxp-dropdown .search-sort .search-sort-total {
        position: absolute;
        padding: 0;
        margin: 0;
        top: 8px;
        right: 10px; }
        .search-widget .cxp-dropdown .search-sort .search-sort-total label {
          color: #323332;
          font-size: 11px;
          font-size: 0.6875rem; }
      .search-widget .cxp-dropdown .search-sort button.dropdown-select {
        padding: 0;
        margin: 0;
        font-size: 11px;
        font-size: 0.6875rem; }
    .search-widget .cxp-dropdown .save-search {
      padding: 10px;
      /* search-saved-dropdown
        ========================================= */
      /* placeholder
        ========================================= */ }
      .search-widget .cxp-dropdown .save-search .form-item {
        margin: 0;
        margin-bottom: 14.4px; }
      .search-widget .cxp-dropdown .save-search label {
        line-height: auto; }
      .search-widget .cxp-dropdown .save-search input[type='text'] {
        background: #fff;
        color: #323332;
        font-weight: 500;
        position: relative; }
      .search-widget .cxp-dropdown .save-search .action-save-wrapper {
        width: 100%;
        text-align: center;
        margin: 0; }
      .search-widget .cxp-dropdown .save-search .check-private-public {
        line-height: 22px;
        text-align: center; }
        .search-widget .cxp-dropdown .save-search .check-private-public label {
          text-transform: uppercase;
          font-size: 11px;
          font-size: 0.6875rem; }
          .search-widget .cxp-dropdown .save-search .check-private-public label:first-child {
            margin-right: 25px; }
          .search-widget .cxp-dropdown .save-search .check-private-public label input {
            margin-right: 5px; }
      .search-widget .cxp-dropdown .save-search.search-saved {
        top: 50px;
        right: 10px; }
        .search-widget .cxp-dropdown .save-search.search-saved:after {
          content: '';
          position: absolute;
          top: -10px;
          right: 25px;
          width: 0px;
          height: 0px;
          border-bottom: 10px solid #C2DAF2;
          border-right: 10px solid transparent;
          border-left: 10px solid transparent; }
      .search-widget .cxp-dropdown .save-search ::-webkit-input-placeholder {
        font-style: italic;
        color: #323332;
        opacity: 0.4;
        font-size: 13px;
        font-size: 0.8125rem; }
      .search-widget .cxp-dropdown .save-search :-moz-placeholder {
        /* Firefox 18- */
        font-style: italic;
        color: #323332;
        opacity: 0.4;
        font-size: 13px;
        font-size: 0.8125rem; }
      .search-widget .cxp-dropdown .save-search ::-moz-placeholder {
        /* Firefox 19+ */
        font-style: italic;
        color: #323332;
        opacity: 0.4;
        font-size: 13px;
        font-size: 0.8125rem; }
    .search-widget .cxp-dropdown ul.search-saved-list {
      padding: 0 10px 10px 10px;
      margin: 0px;
      max-height: 250px;
      overflow-y: scroll; }
      .search-widget .cxp-dropdown ul.search-saved-list > li {
        margin: 5px 0;
        padding: 0px;
        list-style: none; }
        .search-widget .cxp-dropdown ul.search-saved-list > li > a {
          color: #323332; }
          .search-widget .cxp-dropdown ul.search-saved-list > li > a > i {
            float: right;
            margin: 5px 10px 0 0;
            top: 8px;
            font-size: 15px;
            font-size: 0.9375rem; }
      .search-widget .cxp-dropdown ul.search-saved-list span {
        font-size: 11px;
        font-size: 0.6875rem; }
      .search-widget .cxp-dropdown ul.search-saved-list .headline {
        font-weight: bold; }
      .search-widget .cxp-dropdown ul.search-saved-list .subheadline {
        font-size: 10px;
        font-size: 0.625rem; }
      .search-widget .cxp-dropdown ul.search-saved-list .criteria {
        padding-left: 10px;
        color: #535453;
        font-size: 10px;
        font-size: 0.625rem;
        display: block; }
  .search-widget .search-top {
    background: #205488;
    color: #FFFFFF; }
    .search-widget .search-top .search-top__sub-section {
      padding: 9px 7px 18px; }
      .search-widget .search-top .search-top__sub-section p {
        margin: 4px 0 0 8px; }
    .search-widget .search-top .search-archives i {
      margin: 0;
      z-index: 10;
      cursor: pointer;
      color: #323332; }
    .search-widget .search-top ::-webkit-input-placeholder {
      color: #C2DAF2;
      font-size: 13px;
      font-size: 0.8125rem;
      font-style: italic; }
    .search-widget .search-top :-moz-placeholder {
      /* Firefox 18- */
      color: #C2DAF2;
      font-size: 13px;
      font-size: 0.8125rem;
      font-style: italic; }
    .search-widget .search-top ::-moz-placeholder {
      /* Firefox 19+ */
      color: #C2DAF2;
      font-size: 13px;
      font-size: 0.8125rem;
      font-style: italic; }
    .search-widget .search-top label.section-title {
      background: #323332;
      color: #FFFFFF; }
      .search-widget .search-top label.section-title a.action {
        color: #FFFFFF; }
  .search-widget .search {
    position: relative;
    background: #205488;
    color: #C2DAF2;
    /* SEARCH :: drop down options
      ========================================= */ }
    .search-widget .search .form-item input,
    .search-widget .search .form-item .dropdown-select {
      border-bottom: 1px solid rgba(255, 255, 255, 0.2);
      color: #fff; }
      .search-widget .search .form-item input .caret,
      .search-widget .search .form-item .dropdown-select .caret {
        color: rgba(255, 255, 255, 0.7); }
    .search-widget .search .dropdown-options {
      position: static; }
      .search-widget .search .dropdown-options .dropdown-options-list {
        position: absolute;
        left: 0px;
        z-index: 1;
        width: 100%;
        max-width: 100%;
        box-shadow: none;
        border-radius: 0px;
        background: #DAE9F7;
        display: none; }
        .search-widget .search .dropdown-options .dropdown-options-list .search-options-list {
          padding: 0;
          overflow-y: scroll; }
          .search-widget .search .dropdown-options .dropdown-options-list .search-options-list > li {
            padding: 0px 30px;
            line-height: 30px;
            color: #323332;
            list-style: none;
            margin: 0; }
            .search-widget .search .dropdown-options .dropdown-options-list .search-options-list > li input[type="checkbox"] {
              margin-right: 5px; }
            .search-widget .search .dropdown-options .dropdown-options-list .search-options-list > li label {
              font-weight: normal; }
        .search-widget .search .dropdown-options .dropdown-options-list .checkbox-totals__wrapper {
          display: inline-block;
          position: absolute;
          top: 7px;
          float: left;
          right: 50%;
          margin-right: -50px; }
          .search-widget .search .dropdown-options .dropdown-options-list .checkbox-totals__wrapper .checkbox-totals {
            color: #205488; }
        .search-widget .search .dropdown-options .dropdown-options-list .search-sticky-footer {
          background-color: #416D99; }
        .search-widget .search .dropdown-options .dropdown-options-list .search-sort {
          background: #C2DAF2;
          padding: 6px 15px;
          position: relative;
          color: #205488; }
          .search-widget .search .dropdown-options .dropdown-options-list .search-sort .form-item {
            font-size: 11px;
            font-size: 0.6875rem; }
            .search-widget .search .dropdown-options .dropdown-options-list .search-sort .form-item .dropdown-select {
              color: #205488;
              font-weight: bold;
              text-transform: uppercase;
              border: none; }
              .search-widget .search .dropdown-options .dropdown-options-list .search-sort .form-item .dropdown-select .caret {
                color: #205488;
                opacity: 0.7;
                margin-left: 10px;
                border-top: 5px solid;
                border-right: 5px solid transparent;
                border-left: 5px solid transparent; }
          .search-widget .search .dropdown-options .dropdown-options-list .search-sort .form-search {
            float: right;
            display: inline-block; }
            .search-widget .search .dropdown-options .dropdown-options-list .search-sort .form-search input {
              color: #205488;
              margin: 0 5px 0 0;
              height: 18px;
              border-bottom: 1px solid #323332;
              border-color: rgba(50, 51, 50, 0.2); }
            .search-widget .search .dropdown-options .dropdown-options-list .search-sort .form-search .fa-search:hover {
              cursor: pointer; }
            .search-widget .search .dropdown-options .dropdown-options-list .search-sort .form-search .icon-remove:hover {
              cursor: pointer; }
          .search-widget .search .dropdown-options .dropdown-options-list .search-sort .check-all {
            margin-left: 75px; }
          .search-widget .search .dropdown-options .dropdown-options-list .search-sort button.dropdown-select {
            padding: 0;
            margin: 0;
            font-size: 11px;
            font-size: 0.6875rem; }
  .search-widget .query {
    position: relative;
    background: #DAE9F7;
    color: #323332; }
    .search-widget .query.empty {
      background: #DCDEDC; }
    .search-widget .query ::-webkit-input-placeholder {
      font-style: italic;
      color: #323332;
      opacity: 0.4;
      font-size: 13px;
      font-size: 0.8125rem; }
    .search-widget .query :-moz-placeholder {
      /* Firefox 18- */
      font-style: italic;
      color: #323332;
      opacity: 0.4;
      font-size: 13px;
      font-size: 0.8125rem; }
    .search-widget .query ::-moz-placeholder {
      /* Firefox 19+ */
      font-style: italic;
      color: #323332;
      opacity: 0.4;
      font-size: 13px;
      font-size: 0.8125rem; }
    .search-widget .query .query-advanced p {
      margin: 0px;
      font-size: 13px;
      font-size: 0.8125rem; }
    .search-widget .query .query-advanced .dropdown-query.query__btn--extender {
      padding: 6px 12px; }
      .search-widget .query .query-advanced .dropdown-query.query__btn--extender button {
        padding: 0; }
    .search-widget .query .query-advanced .query-advanced__input span {
      font-weight: bold; }
    .search-widget .query .query-advanced__form {
      margin: 0;
      width: 95%;
      margin-bottom: 6px;
      font-size: 13px;
      font-size: 0.8125rem;
      border-bottom: 1px solid #DCDEDC;
      border-color: rgba(50, 51, 50, 0.2); }
      .search-widget .query .query-advanced__form .query-advanced__input {
        width: 32%;
        border: none; }
    .search-widget .query .query-advanced__form--three-fields .query-advanced__input:last-child {
      width: 15%; }
    .search-widget .query .query-advanced__form--two-fields .query-advanced__input {
      width: 40%;
      border: none; }
    .search-widget .query .query-basic input.query__input {
      width: 100px; }
    .search-widget .query .query-basic .form-item.dropdown {
      margin-bottom: 12px; }
      .search-widget .query .query-basic .form-item.dropdown .dropdown-select {
        padding: 0 8px 0 1px; }
    .search-widget .query .query-basic .form-item--row-2__wrapper {
      width: 100%; }
    .search-widget .query .query-basic .form-item--row-2__inner {
      float: right; }
    .search-widget .query .query-basic .dropdown-query.query__btn--extender {
      padding: 6px 12px; }
      .search-widget .query .query-basic .dropdown-query.query__btn--extender button {
        padding: 0; }
    .search-widget .query label.section-title {
      background: #fff; }
      .search-widget .query label.section-title a.action {
        font-size: 11px;
        font-size: 0.6875rem;
        line-height: 2;
        color: #205488;
        text-transform: uppercase;
        font-weight: bold; }
    .search-widget .query .section.section-alternative {
      position: relative;
      background: #DAE9F7;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      margin: 0;
      padding: 20px 15px; }
      .search-widget .query .section.section-alternative:after, .search-widget .query .section.section-alternative:before {
        content: " ";
        display: table; }
      .search-widget .query .section.section-alternative:after {
        clear: both; }
      .search-widget .query .section.section-alternative.first {
        padding-top: 10px; }
        .search-widget .query .section.section-alternative.first .action {
          margin-top: 0px; }
      .search-widget .query .section.section-alternative.last {
        padding-bottom: 10px; }
      .search-widget .query .section.section-alternative .action {
        color: #323332;
        margin-top: -10px; }
    .search-widget .query .section.section-action {
      background: none; }
    .search-widget .query .form-item input,
    .search-widget .query .form-item .dropdown-select {
      border-bottom: 1px solid rgba(50, 51, 50, 0.2);
      color: #323332;
      text-transform: capitalize; }
      .search-widget .query .form-item input .caret,
      .search-widget .query .form-item .dropdown-select .caret {
        color: rgba(50, 51, 50, 0.7); }
    .search-widget .query .form-item.query__btn--extender {
      position: absolute;
      top: -16px;
      left: 10px;
      background: #EEF5FC;
      padding: 0px 0px 6px 13px;
      border-radius: 5px; }
      .search-widget .query .form-item.query__btn--extender:before, .search-widget .query .form-item.query__btn--extender:after {
        content: '';
        display: block;
        width: 14px;
        height: 28px;
        background-color: #DAE9F7;
        top: 0;
        position: absolute; }
      .search-widget .query .form-item.query__btn--extender:before {
        left: -15px; }
      .search-widget .query .form-item.query__btn--extender:after {
        right: -15px; }
      .search-widget .query .form-item.query__btn--extender .dropdown-select {
        height: auto; }
    .search-widget .query dl.dropdown-menu {
      top: 1px;
      left: -1px; }
  .search-widget .dropdown-menu--query_header {
    background-color: #535453;
    padding: 5px 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.6875rem; }
    .search-widget .dropdown-menu--query_header a {
      float: right; }
    .search-widget .dropdown-menu--query_header .fa-minus {
      margin-top: 0;
      border-color: #FFFFFF; }

span.action-right {
  float: right; }

#dropdownMenu9 {
  border-bottom: none; }

.search-sidebar-content {
  position: relative;
  padding-left: 220px; }

.none {
  display: none; }

#search-sidebar {
  background: #C2DAF2;
  width: 225px;
  z-index: 50;
  position: absolute;
  top: 40px;
  left: -7px; }
  #search-sidebar .btn {
    padding: 6px 12px; }
  #search-sidebar .search-top.search,
  #search-sidebar .search-top.browse,
  #search-sidebar .search-top.record {
    background: #205488;
    padding: 15px;
    color: #C2DAF2; }
    #search-sidebar .search-top.search .search-actions,
    #search-sidebar .search-top.browse .search-actions,
    #search-sidebar .search-top.record .search-actions {
      float: right; }
      #search-sidebar .search-top.search .search-actions i,
      #search-sidebar .search-top.browse .search-actions i,
      #search-sidebar .search-top.record .search-actions i {
        margin-left: 8px; }
    #search-sidebar .search-top.search input,
    #search-sidebar .search-top.search .dropdown-select,
    #search-sidebar .search-top.browse input,
    #search-sidebar .search-top.browse .dropdown-select,
    #search-sidebar .search-top.record input,
    #search-sidebar .search-top.record .dropdown-select {
      border: none;
      border-bottom: 1px solid #DAE9F7;
      background: none;
      outline: none;
      color: #fff;
      height: 30px;
      margin: 5px 0px;
      font-size: 14px; }
    #search-sidebar .search-top.search .dropdown-select,
    #search-sidebar .search-top.search input[type="text"],
    #search-sidebar .search-top.browse .dropdown-select,
    #search-sidebar .search-top.browse input[type="text"],
    #search-sidebar .search-top.record .dropdown-select,
    #search-sidebar .search-top.record input[type="text"] {
      width: 100%;
      text-align: left; }
    #search-sidebar .search-top.search select,
    #search-sidebar .search-top.browse select,
    #search-sidebar .search-top.record select {
      width: 100%; }
    #search-sidebar .search-top.search .fa-search,
    #search-sidebar .search-top.browse .fa-search,
    #search-sidebar .search-top.record .fa-search {
      position: absolute;
      top: 10px;
      right: 0px;
      margin-left: -15px;
      z-index: 10; }
    #search-sidebar .search-top.search ::-webkit-input-placeholder,
    #search-sidebar .search-top.browse ::-webkit-input-placeholder,
    #search-sidebar .search-top.record ::-webkit-input-placeholder {
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search :-moz-placeholder,
    #search-sidebar .search-top.browse :-moz-placeholder,
    #search-sidebar .search-top.record :-moz-placeholder {
      /* Firefox 18- */
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search ::-moz-placeholder,
    #search-sidebar .search-top.browse ::-moz-placeholder,
    #search-sidebar .search-top.record ::-moz-placeholder {
      /* Firefox 19+ */
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search :-ms-input-placeholder,
    #search-sidebar .search-top.browse :-ms-input-placeholder,
    #search-sidebar .search-top.record :-ms-input-placeholder {
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search i,
    #search-sidebar .search-top.browse i,
    #search-sidebar .search-top.record i {
      color: #fff; }
    #search-sidebar .search-top.search .form-item,
    #search-sidebar .search-top.browse .form-item,
    #search-sidebar .search-top.record .form-item {
      position: relative; }
    #search-sidebar .search-top.search .form-item > span,
    #search-sidebar .search-top.browse .form-item > span,
    #search-sidebar .search-top.record .form-item > span {
      color: #C2DAF2; }
  #search-sidebar .search-top.search > span,
  #search-sidebar .search-top.browse > span,
  #search-sidebar .search-top.record > span {
    color: #FFFFFF;
    font-weight: bold; }
  #search-sidebar .tabs {
    margin: 15px 0px; }
    #search-sidebar .tabs button.tab-item {
      position: relative;
      display: inline-block;
      padding: 5px 25px;
      color: #FFFFFF;
      outline: none;
      border: none;
      background: none;
      border-radius: 3px; }
      #search-sidebar .tabs button.tab-item.active {
        background: #DAE9F7;
        color: #323332; }
        #search-sidebar .tabs button.tab-item.active:before {
          display: block; }
      #search-sidebar .tabs button.tab-item:before {
        display: none;
        content: '';
        height: 0px;
        width: 0px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #DAE9F7;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px; }
  #search-sidebar .actions {
    overflow: hidden;
    padding: 15px;
    border-top: 1px solid #DAE9F7;
    border-bottom: 1px solid #DAE9F7; }
    #search-sidebar .actions span {
      font-weight: bold;
      font-size: 14px;
      color: #323332;
      line-height: 32px; }
    #search-sidebar .actions button {
      float: right;
      margin-left: 5px; }
  #search-sidebar ul.nav-wrapper {
    padding: 0px;
    list-style: none;
    list-style-image: none; }
  #search-sidebar ul.nav-wrapper > li {
    padding: 0px;
    margin: 0px; }
    #search-sidebar ul.nav-wrapper > li:hover ul.submenu {
      display: block; }
    #search-sidebar ul.nav-wrapper > li.active > a {
      background: #DAE9F7;
      font-weight: bold; }
    #search-sidebar ul.nav-wrapper > li:hover > a > i {
      opacity: 1; }
  #search-sidebar ul.nav-wrapper > li > a {
    font-size: 13px;
    color: #323332;
    padding: 0px 15px;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-decoration: none; }
    #search-sidebar ul.nav-wrapper > li > a:hover {
      background: #DAE9F7; }
  #search-sidebar ul.nav-wrapper > li > a > i {
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 0.5; }
  #search-sidebar ul.nav-wrapper ul.submenu {
    position: absolute;
    top: 0px;
    left: 225px;
    width: 225px;
    height: 100%;
    padding: 10px;
    background: #DAE9F7;
    list-style: none;
    list-style-image: none;
    display: none; }
    #search-sidebar ul.nav-wrapper ul.submenu .dropdown-select {
      border: none;
      border-bottom: 1px solid #DAE9F7;
      background: none;
      outline: none;
      color: #323332;
      font-size: 11px;
      line-height: 12px;
      margin: 5px 0px; }
  #search-sidebar ul.nav-wrapper ul.submenu > li {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #323332;
    padding: 10px;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 20px;
    position: relative;
    text-decoration: none; }
  #search-sidebar ul.nav-wrapper ul.submenu > li > span {
    display: block;
    font-size: 12px;
    margin-left: 15px;
    color: #205488; }
  #search-sidebar ul.nav-wrapper ul.submenu > span {
    color: #000000;
    opacity: 0.45;
    margin: 5px 15px;
    font-weight: bold;
    font-size: 13px;
    display: inline-block; }

.search-sidebar-content {
  position: relative;
  padding-left: 225px; }

.none {
  display: none; }

#search-record-sidebar {
  background: #C2DAF2;
  width: 225px;
  z-index: 50;
  position: absolute;
  top: 55px;
  left: 0px;
  min-height: 96vh;
  height: 100%; }
  #search-record-sidebar .btn {
    padding: 6px 12px; }
  #search-record-sidebar .search-top.search,
  #search-record-sidebar .search-top.browse,
  #search-record-sidebar .search-top.record {
    background: #205488;
    padding: 15px;
    color: #C2DAF2; }
    #search-record-sidebar .search-top.search .search-actions,
    #search-record-sidebar .search-top.browse .search-actions,
    #search-record-sidebar .search-top.record .search-actions {
      float: right; }
      #search-record-sidebar .search-top.search .search-actions i,
      #search-record-sidebar .search-top.browse .search-actions i,
      #search-record-sidebar .search-top.record .search-actions i {
        margin-left: 8px; }
    #search-record-sidebar .search-top.search input,
    #search-record-sidebar .search-top.search .dropdown-select,
    #search-record-sidebar .search-top.browse input,
    #search-record-sidebar .search-top.browse .dropdown-select,
    #search-record-sidebar .search-top.record input,
    #search-record-sidebar .search-top.record .dropdown-select {
      border: none;
      border-bottom: 1px solid #DAE9F7;
      background: none;
      outline: none;
      color: #fff;
      height: 30px;
      margin: 5px 0px;
      font-size: 14px; }
    #search-record-sidebar .search-top.search .dropdown-select,
    #search-record-sidebar .search-top.search input[type="text"],
    #search-record-sidebar .search-top.browse .dropdown-select,
    #search-record-sidebar .search-top.browse input[type="text"],
    #search-record-sidebar .search-top.record .dropdown-select,
    #search-record-sidebar .search-top.record input[type="text"] {
      width: 100%;
      text-align: left; }
    #search-record-sidebar .search-top.search select,
    #search-record-sidebar .search-top.browse select,
    #search-record-sidebar .search-top.record select {
      width: 100%; }
    #search-record-sidebar .search-top.search .fa-search,
    #search-record-sidebar .search-top.browse .fa-search,
    #search-record-sidebar .search-top.record .fa-search {
      position: absolute;
      top: 10px;
      right: 0px;
      margin-left: -15px;
      z-index: 10;
      cursor: pointer; }
    #search-record-sidebar .search-top.search ::-webkit-input-placeholder,
    #search-record-sidebar .search-top.browse ::-webkit-input-placeholder,
    #search-record-sidebar .search-top.record ::-webkit-input-placeholder {
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-record-sidebar .search-top.search :-moz-placeholder,
    #search-record-sidebar .search-top.browse :-moz-placeholder,
    #search-record-sidebar .search-top.record :-moz-placeholder {
      /* Firefox 18- */
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-record-sidebar .search-top.search ::-moz-placeholder,
    #search-record-sidebar .search-top.browse ::-moz-placeholder,
    #search-record-sidebar .search-top.record ::-moz-placeholder {
      /* Firefox 19+ */
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-record-sidebar .search-top.search :-ms-input-placeholder,
    #search-record-sidebar .search-top.browse :-ms-input-placeholder,
    #search-record-sidebar .search-top.record :-ms-input-placeholder {
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-record-sidebar .search-top.search i,
    #search-record-sidebar .search-top.browse i,
    #search-record-sidebar .search-top.record i {
      color: #fff; }
    #search-record-sidebar .search-top.search .form-item,
    #search-record-sidebar .search-top.browse .form-item,
    #search-record-sidebar .search-top.record .form-item {
      position: relative; }
    #search-record-sidebar .search-top.search .form-item > span,
    #search-record-sidebar .search-top.browse .form-item > span,
    #search-record-sidebar .search-top.record .form-item > span {
      color: #C2DAF2; }
  #search-record-sidebar .search-top.search > span,
  #search-record-sidebar .search-top.browse > span,
  #search-record-sidebar .search-top.record > span {
    color: #FFFFFF;
    font-weight: bold; }
  #search-record-sidebar .tabs {
    margin: 15px 0px; }
    #search-record-sidebar .tabs button.tab-item {
      position: relative;
      display: inline-block;
      padding: 5px 25px;
      color: #FFFFFF;
      outline: none;
      border: none;
      background: none;
      border-radius: 3px; }
      #search-record-sidebar .tabs button.tab-item.active {
        background: #DAE9F7;
        color: #323332; }
        #search-record-sidebar .tabs button.tab-item.active:before {
          display: block; }
      #search-record-sidebar .tabs button.tab-item:before {
        display: none;
        content: '';
        height: 0px;
        width: 0px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #DAE9F7;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px; }
  #search-record-sidebar .actions {
    overflow: hidden;
    padding: 15px;
    border-top: 1px solid #DAE9F7;
    border-bottom: 1px solid #DAE9F7; }
    #search-record-sidebar .actions span {
      font-weight: bold;
      font-size: 12px;
      color: #323332;
      line-height: 32px; }
    #search-record-sidebar .actions button {
      float: right;
      margin-left: 5px; }
  #search-record-sidebar .search-nav {
    display: none;
    position: absolute;
    top: 0px;
    left: 225px;
    width: 225px;
    background: #205488;
    border-left: 1px solid #2a6aa9; }
    #search-record-sidebar .search-nav.active {
      display: block; }
    #search-record-sidebar .search-nav:before {
      position: absolute;
      top: 20px;
      left: 0px;
      content: "";
      height: 0px;
      width: 0px;
      border-top: 10px solid transparent;
      border-left: 10px solid #2a6aa9;
      border-bottom: 10px solid transparent; }
    #search-record-sidebar .search-nav:after {
      position: absolute;
      top: 20px;
      left: -2px;
      z-index: 11;
      content: "";
      height: 0px;
      width: 0px;
      border-top: 10px solid transparent;
      border-left: 10px solid #205488;
      border-bottom: 10px solid transparent; }
    #search-record-sidebar .search-nav .actions {
      border-top: 1px solid #2a6aa9;
      border-bottom: 1px solid #2a6aa9; }
      #search-record-sidebar .search-nav .actions span {
        color: #C2DAF2; }
    #search-record-sidebar .search-nav ul.nav-wrapper > li.active > a {
      background: #2a6aa9; }
    #search-record-sidebar .search-nav ul.nav-wrapper > li > a {
      color: #FFFFFF; }
      #search-record-sidebar .search-nav ul.nav-wrapper > li > a:hover {
        background: #2a6aa9; }
    #search-record-sidebar .search-nav ul.nav-wrapper ul.submenu {
      left: 224px;
      background: #2a6aa9; }
    #search-record-sidebar .search-nav ul.nav-wrapper ul.submenu > li {
      color: #FFFFFF; }
  #search-record-sidebar ul.nav-wrapper {
    padding: 0px;
    list-style: none;
    list-style-image: none; }
  #search-record-sidebar ul.nav-wrapper > li {
    padding: 0px;
    margin: 0px; }
    #search-record-sidebar ul.nav-wrapper > li:hover ul.submenu {
      display: block; }
    #search-record-sidebar ul.nav-wrapper > li.active > a {
      background: #DAE9F7;
      font-weight: bold; }
    #search-record-sidebar ul.nav-wrapper > li:hover > a > i {
      opacity: 1; }
  #search-record-sidebar ul.nav-wrapper > li > a {
    font-size: 13px;
    color: #323332;
    padding: 0px 15px;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-decoration: none; }
    #search-record-sidebar ul.nav-wrapper > li > a:hover {
      background: #DAE9F7; }
  #search-record-sidebar ul.nav-wrapper > li > a > i {
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 0.5; }
  #search-record-sidebar ul.nav-wrapper ul.submenu {
    position: absolute;
    top: 0px;
    left: 225px;
    z-index: 15;
    width: 225px;
    height: 100%;
    padding: 10px;
    background: #DAE9F7;
    list-style: none;
    list-style-image: none;
    display: none; }
    #search-record-sidebar ul.nav-wrapper ul.submenu .dropdown-select {
      border: none;
      border-bottom: 1px solid #DAE9F7;
      background: none;
      outline: none;
      color: #323332;
      font-size: 11px;
      line-height: 12px;
      margin: 5px 0px; }
  #search-record-sidebar ul.nav-wrapper ul.submenu > li {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #323332;
    padding: 10px;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 20px;
    position: relative;
    text-decoration: none; }
  #search-record-sidebar ul.nav-wrapper ul.submenu > li > span {
    display: block;
    font-size: 12px;
    margin-left: 15px;
    color: #205488; }
  #search-record-sidebar ul.nav-wrapper ul.submenu > span {
    color: #000000;
    opacity: 0.45;
    margin: 5px 15px;
    font-weight: bold;
    font-size: 13px;
    display: inline-block; }

/**
 * Title: Data Details
 * Version: 1.0.0
 * Last update: 2015/09/10
 * Author: Brian Milner <brian.milner@ncr.com>
 *
 * Description: Data Details are for the presentation of information in a table
 * along with the corresponding details view that consist of the table header
 * information in a sidebar menu along with a detailed view to the right hand
 * side of all detail content. See incident-management-2.html for an example.
 *
 * Summary:
 * 
 *	--. Global Styles
 *		- 0.0. --
 *		
 *	0. Data Details [Detail View]
 *		- 0.0. Menu
 *			- 0.0.1 UL list for the left side navigation
 *		- 0.1 Content - Table View
 *			- 0.1.1 table located in Content Region
 *			
 *	1. Data Details [Table View]
 *		- 1.0. Base Styles
 *			- 1.0.1 base styles
 *			- 1.0.2 table head specific
 *			- 1.0.3 table head options
 *		- 1.1. Panel Variations 
 *		  ** Table within a Panel Region [Accordian] :: Table Variation
 *
 *  2. Data Details [Scrollable & Resizable]
 *      - 1.0. Menu
 *          - 1.0.1 base styles
 */
/* ========================================================================== 
   Wrapper
   ========================================================================= */
/* ==========================================================================
   0. Data Details [Detail View]
   ========================================================================= */
.data-details {
  overflow: hidden;
  position: relative;
  background-color: #DAE9F7; }
  .data-details:after, .data-details:before {
    content: " ";
    display: table; }
  .data-details:after {
    clear: both; }

/* ==========================================================================
   0. Header Details Area: see example @ terminal-assignment.html
   ========================================================================= */
.data-details_header-details table tbody {
  height: inherit !important;
  min-height: inherit !important; }

/* ========================================= 
   0.0 Menu
   ========================================= */
.data-details_menu {
  float: left;
  background-color: #FFFFFF; }

.data-details_menu-header {
  width: 248px;
  height: 48px;
  background-color: #205488;
  /* dropdown-select btn */
  /* adjustment for when this is in a modal that is flush */ }
  .data-details_menu-header .dropdown-select {
    font-weight: bold;
    line-height: 48px;
    display: inline-block;
    width: initial;
    padding: 0 12px;
    color: #FFFFFF;
    border: none !important;
    /* immutable property */ }
  .data-details_menu-header .item-count {
    line-height: 40px;
    position: absolute;
    color: #FFFFFF;
    right: 12px;
    text-transform: capitalize;
    font-size: 11px;
    font-size: 0.6875rem; }
    .data-details_menu-header .item-count .item-count__items {
      text-transform: uppercase; }
  .data-details_menu-header .dropdown-menu {
    top: 34px; }
  .modal-body.flush .data-details_menu-header button {
    padding-left: 18px; }

.data-details_menu-header--gray {
  color: #535453;
  background: #EBEDEB; }

/*  0.0.1 Menu :: UL list for the left side navigation
	========================================= */
.data-details_menu-list {
  width: 248px;
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  border: none;
  background-color: white;
  /* adjustment for when this is in a modal that is flush */ }
  .data-details_menu-list li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(32, 84, 136, 0.15); }
    .data-details_menu-list li.first {
      border-top: none; }
  .data-details_menu-list .active {
    background-color: #C2DAF2; }
    .data-details_menu-list .active a:hover {
      background: #C2DAF2; }
  .data-details_menu-list a {
    font-size: 13px;
    line-height: 1;
    position: relative;
    display: block;
    width: 100%;
    padding: 12px;
    text-decoration: none;
    color: #323332; }
    .data-details_menu-list a:hover {
      background: #C2DAF2; }
  .modal-body.flush .data-details_menu-list li a {
    padding-left: 18px; }

.list__item--count {
  display: block;
  font-weight: bold; }

.data-details_content {
  padding-left: 248px; }

.data-details_content-table tbody {
  display: block;
  overflow-y: auto; }

/* when col name is clicked it selects the appropriate data details list item
   ========================================================================== */
.col--name {
  cursor: pointer; }

/* ==========================================================================
   1. main table styles
   ========================================================================= */
/* ========================================= 
   1.0 Base Styles
   ========================================= */
.morecontent span {
  display: none; }

.morelink,
.morelink.less {
  display: block;
  color: #416D99;
  text-decoration: underline; }

/* PC Core Component
   ========================================================================== */
.pc-core-wrapper {
  overflow: hidden;
  margin-top: 0;
  position: relative;
  background-color: #DAE9F7;
  transition: padding 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */
  transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  /* easeInOutCirc */ }
  .hasSearch .pc-core-wrapper {
    margin-top: 63px; }
  .pc-core-wrapper .item-count {
    line-height: 48px; }

/* ==========================================================================
   2. Data Details [Scrollable & Resizable]
   ========================================================================= */
/* content region */
.pc-core-wrapper--resizable {
  min-width: 702px;
  max-width: 100%; }
  .pc-core-wrapper--resizable .ui-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: none;
    background-image: none;
    background-position: bottom right; }
    .pc .pc-core-wrapper--resizable .ui-icon {
      right: 20px; }
    .pc-core-wrapper--resizable .ui-icon:before {
      content: "\f065";
      color: #B1B3B1;
      font-size: 16px;
      font-size: 1rem;
      font-family: FontAwesome;
      left: 8px;
      top: 5px;
      position: absolute;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }

/* ========================================= 
   1.0 Menu<div class="data-details_menu data-details_menu--scrollable">
   ========================================= */
.data-details_menu--scrollable .scroll-menu-container {
  min-width: 248px;
  max-width: 248px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #FFFFFF; }

.search-sidebar-content {
  position: relative;
  padding-left: 220px; }

.none {
  display: none; }

#search-sidebar {
  background: #C2DAF2;
  width: 225px;
  z-index: 50;
  position: absolute;
  top: 40px;
  left: -7px; }
  #search-sidebar .btn {
    padding: 6px 12px; }
  #search-sidebar .search-top.search,
  #search-sidebar .search-top.browse,
  #search-sidebar .search-top.record {
    background: #205488;
    padding: 15px;
    color: #C2DAF2; }
    #search-sidebar .search-top.search .search-actions,
    #search-sidebar .search-top.browse .search-actions,
    #search-sidebar .search-top.record .search-actions {
      float: right; }
      #search-sidebar .search-top.search .search-actions i,
      #search-sidebar .search-top.browse .search-actions i,
      #search-sidebar .search-top.record .search-actions i {
        margin-left: 8px; }
    #search-sidebar .search-top.search input,
    #search-sidebar .search-top.search .dropdown-select,
    #search-sidebar .search-top.browse input,
    #search-sidebar .search-top.browse .dropdown-select,
    #search-sidebar .search-top.record input,
    #search-sidebar .search-top.record .dropdown-select {
      border: none;
      border-bottom: 1px solid #DAE9F7;
      background: none;
      outline: none;
      color: #fff;
      height: 30px;
      margin: 5px 0px;
      font-size: 14px; }
    #search-sidebar .search-top.search .dropdown-select,
    #search-sidebar .search-top.search input[type="text"],
    #search-sidebar .search-top.browse .dropdown-select,
    #search-sidebar .search-top.browse input[type="text"],
    #search-sidebar .search-top.record .dropdown-select,
    #search-sidebar .search-top.record input[type="text"] {
      width: 100%;
      text-align: left; }
    #search-sidebar .search-top.search select,
    #search-sidebar .search-top.browse select,
    #search-sidebar .search-top.record select {
      width: 100%; }
    #search-sidebar .search-top.search .fa-search,
    #search-sidebar .search-top.browse .fa-search,
    #search-sidebar .search-top.record .fa-search {
      position: absolute;
      top: 10px;
      right: 0px;
      margin-left: -15px;
      z-index: 10; }
    #search-sidebar .search-top.search ::-webkit-input-placeholder,
    #search-sidebar .search-top.browse ::-webkit-input-placeholder,
    #search-sidebar .search-top.record ::-webkit-input-placeholder {
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search :-moz-placeholder,
    #search-sidebar .search-top.browse :-moz-placeholder,
    #search-sidebar .search-top.record :-moz-placeholder {
      /* Firefox 18- */
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search ::-moz-placeholder,
    #search-sidebar .search-top.browse ::-moz-placeholder,
    #search-sidebar .search-top.record ::-moz-placeholder {
      /* Firefox 19+ */
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search :-ms-input-placeholder,
    #search-sidebar .search-top.browse :-ms-input-placeholder,
    #search-sidebar .search-top.record :-ms-input-placeholder {
      color: #C2DAF2;
      font-size: 13px;
      font-style: italic; }
    #search-sidebar .search-top.search i,
    #search-sidebar .search-top.browse i,
    #search-sidebar .search-top.record i {
      color: #fff; }
    #search-sidebar .search-top.search .form-item,
    #search-sidebar .search-top.browse .form-item,
    #search-sidebar .search-top.record .form-item {
      position: relative; }
    #search-sidebar .search-top.search .form-item > span,
    #search-sidebar .search-top.browse .form-item > span,
    #search-sidebar .search-top.record .form-item > span {
      color: #C2DAF2; }
  #search-sidebar .search-top.search > span,
  #search-sidebar .search-top.browse > span,
  #search-sidebar .search-top.record > span {
    color: #FFFFFF;
    font-weight: bold; }
  #search-sidebar .tabs {
    margin: 15px 0px; }
    #search-sidebar .tabs button.tab-item {
      position: relative;
      display: inline-block;
      padding: 5px 25px;
      color: #FFFFFF;
      outline: none;
      border: none;
      background: none;
      border-radius: 3px; }
      #search-sidebar .tabs button.tab-item.active {
        background: #DAE9F7;
        color: #323332; }
        #search-sidebar .tabs button.tab-item.active:before {
          display: block; }
      #search-sidebar .tabs button.tab-item:before {
        display: none;
        content: '';
        height: 0px;
        width: 0px;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
        border-top: 10px solid #DAE9F7;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -10px; }
  #search-sidebar .actions {
    overflow: hidden;
    padding: 15px;
    border-top: 1px solid #DAE9F7;
    border-bottom: 1px solid #DAE9F7; }
    #search-sidebar .actions span {
      font-weight: bold;
      font-size: 14px;
      color: #323332;
      line-height: 32px; }
    #search-sidebar .actions button {
      float: right;
      margin-left: 5px; }
  #search-sidebar ul.nav-wrapper {
    padding: 0px;
    list-style: none;
    list-style-image: none; }
  #search-sidebar ul.nav-wrapper > li {
    padding: 0px;
    margin: 0px; }
    #search-sidebar ul.nav-wrapper > li:hover ul.submenu {
      display: block; }
    #search-sidebar ul.nav-wrapper > li.active > a {
      background: #DAE9F7;
      font-weight: bold; }
    #search-sidebar ul.nav-wrapper > li:hover > a > i {
      opacity: 1; }
  #search-sidebar ul.nav-wrapper > li > a {
    font-size: 13px;
    color: #323332;
    padding: 0px 15px;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    position: relative;
    text-decoration: none; }
    #search-sidebar ul.nav-wrapper > li > a:hover {
      background: #DAE9F7; }
  #search-sidebar ul.nav-wrapper > li > a > i {
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 0.5; }
  #search-sidebar ul.nav-wrapper ul.submenu {
    position: absolute;
    top: 0px;
    left: 225px;
    width: 225px;
    height: 100%;
    padding: 10px;
    background: #DAE9F7;
    list-style: none;
    list-style-image: none;
    display: none; }
    #search-sidebar ul.nav-wrapper ul.submenu .dropdown-select {
      border: none;
      border-bottom: 1px solid #DAE9F7;
      background: none;
      outline: none;
      color: #323332;
      font-size: 11px;
      line-height: 12px;
      margin: 5px 0px; }
  #search-sidebar ul.nav-wrapper ul.submenu > li {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    color: #323332;
    padding: 10px;
    display: block;
    width: 100%;
    height: 48px;
    line-height: 20px;
    position: relative;
    text-decoration: none; }
  #search-sidebar ul.nav-wrapper ul.submenu > li > span {
    display: block;
    font-size: 12px;
    margin-left: 15px;
    color: #205488; }
  #search-sidebar ul.nav-wrapper ul.submenu > span {
    color: #000000;
    opacity: 0.45;
    margin: 5px 15px;
    font-weight: bold;
    font-size: 13px;
    display: inline-block; }

/* ========================================================================== 
   Grid View Global
   ========================================================================= */
.resize-handles {
  color: #B1B3B1;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 4px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 1;
  font-size: 16px;
  font-size: 1rem; }
  .ie8 .resize-handles,
  .ie9 .resize-handles {
    right: 20px; }

.grid--resizable .main-box-inner {
  background-color: #DCDEDC; }

.grid--resizable .content-region {
  padding: 16px; }

/* jQuery UI Resizable style overwrites
   ========================================================================= */
.ui-icon {
  background-image: none;
  background-position: bottom right;
  background: url("../../img/expand-arrows.png") no-repeat 10px 10px transparent;
  height: 30px;
  width: 30px; }
  @media screen and (min-width: 0\0) {
    .ui-icon {
      height: 22px;
      width: 22px;
      background: url("../../img/expand-arrows.png") no-repeat 3px 3px #535453; } }

/* ========================================================================== 
   Grid View Wrapper
   ========================================================================= */
.grid--resizable__wrapper {
  overflow: hidden;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  background-color: #535453;
  margin-bottom: 8px; }

/* specific subsection
   ========================================================================= */
/* ========================================================================== 
   Grid View Header
   ========================================================================= */
.grid--resizable__header {
  color: #EBEDEB;
  padding: 12px 12px;
  line-height: 1;
  padding-bottom: 6px;
  background-color: #535453;
  font-size: 14px;
  font-size: 0.875rem; }
  .grid--resizable__header:after, .grid--resizable__header:before {
    content: " ";
    display: table; }
  .grid--resizable__header:after {
    clear: both; }
  .grid--resizable__header label {
    text-transform: capitaize;
    margin: 0;
    position: relative;
    top: -2px; }
  .grid--resizable__header span {
    line-height: 1; }
  .grid--resizable__header .item-count {
    display: inline-block;
    float: right;
    position: relative;
    top: -2px;
    font-size: 14px;
    font-size: 0.875rem; }
  .out-of-service .grid--resizable__header {
    border-bottom: 4px solid #009688; }
  .needs-attention .grid--resizable__header {
    border-bottom: 4px solid #E65100; }
  .in-service .grid--resizable__header {
    border-bottom: 4px solid #0091EA; }

/* specific subsection
   ========================================================================= */
/* ========================================================================== 
   Grid View Body
   ========================================================================= */
.grid--resizable__body {
  padding: 4px;
  overflow: hidden;
  min-width: 207px;
  height: 300px;
  padding-bottom: 30px;
  min-height: 67px;
  /**
 * PC Specific Rules
 *
 * Rules designed to accompodate the difference from the way PC's render content vs how 
 * MAC renders content
 *
 * 1. width accomodation for permenant scroll bars put in place in windows
 * 2. used to make space for the scrollbar at the bottom in windows
 * 3. rule
 */ }
  .pc .grid--resizable__body {
    min-width: 225px;
    /*1*/
    padding-bottom: 28px;
    /*2*/ }

/* specific subsection
   ========================================================================= */
/* ========================================================================== 
   Grid View List [ <ul> list ]
   ========================================================================= */
.grid--resizable__list {
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  height: 100%;
  list-style: none; }
  .grid--resizable__list:after, .grid--resizable__list:before {
    content: " ";
    display: table; }
  .grid--resizable__list:after {
    clear: both; }

/* specific subsection
   ========================================================================= */
/* ========================================================================== 
   Grid View List Item [ <li> ] 
   ========================================================================= */
.grid--resizable__list-item {
  float: left;
  list-style: none;
  position: relative;
  background-color: #323332;
  padding: 8px 80px 8px 30px;
  cursor: pointer;
  margin: 0 1px 1px 0;
  /* specific subsection
   ========================================================================= */
  /* specific subsection
   ========================================================================= */
  /* specific subsection
   ========================================================================= */ }
  .grid--resizable__list-item .info {
    overflow: hidden;
    width: 89px;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1;
    color: #FFFFFF; }
    .grid--resizable__list-item .info .item-title {
      font-weight: 300; }
    .grid--resizable__list-item .info.not-viewed span.item-title {
      font-weight: bold; }
  .grid--resizable__list-item .severity {
    left: 8px; }
  .grid--resizable__list-item .status {
    margin-top: -14px;
    height: 28px;
    line-height: 28px;
    right: 6px; }
    .grid--resizable__list-item .status .sub-info--details {
      position: absolute;
      display: inline-block;
      text-align: right;
      height: 32px;
      line-height: 32px;
      width: 100%;
      right: 33px; }
      .grid--resizable__list-item .status .sub-info--details i {
        color: #EBEDEB;
        margin-right: 4px;
        line-height: 32px;
        font-size: 12px;
        font-size: 0.75rem; }
        .grid--resizable__list-item .status .sub-info--details i.notice {
          color: #FF7A75; }
  .grid--resizable__list-item .status__icon__wrapper {
    display: inline-block; }
  .grid--resizable__list-item .status__icon {
    font-size: 28px;
    font-size: 1.75rem; }
  .grid--resizable__list-item:hover .status__count {
    box-shadow: -2px 2px 0px 0px #323332; }

/**
 * Title: Levels
 * Version: 1.0.0
 * Last update: 2015/11/04
 * Author: Brian Milner <brian.milner@ncr.com>
 *
 */
/* ========================================================================== 
   0. global styles
   ========================================================================= */
/* ==========================================================================
   1. levels
   ========================================================================= */
.levels {
  margin-bottom: 24px; }

/* ==========================================================================
   2. levels header
   ========================================================================= */
.levels__header {
  font-weight: 800;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 6px; }

/* ==========================================================================
   3. levels body
   ========================================================================= */
.levels__body {
  width: 744px;
  border: 1px solid #DCDEDC;
  background-color: #FFFFFF;
  padding: 0 0 13px 0;
  overflow: hidden; }

/* ==========================================================================
   4. levels table
   ========================================================================= */
.levels__table thead {
  background-color: #FFFFFF; }

.levels__table th,
.levels__table td {
  width: 120px;
  padding: 6px;
  font-weight: 400;
  vertical-align: middle;
  color: #323332; }
  .levels__table th:first-child,
  .levels__table td:first-child {
    width: 210px; }

.levels__table th {
  height: 35px; }

.levels__table tr {
  border: none; }

/* levels table: percent display machine number
   ========================================================================= */
.levels__display--number {
  font-weight: 300;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  padding-right: 1px;
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 5px solid #70BF60;
  border-radius: 50%;
  background-color: #FFFFFF;
  font-size: 24px;
  font-size: 1.5rem; }
  .low .levels__display--number {
    border-color: #FF7A75; }
  .medium .levels__display--number {
    border-color: #FFBB35; }
  .high .levels__display--number {
    border-color: #70BF60; }

/* levels table: percent display percent bar pieces
   ========================================================================= */
/* basic background bar */
.levels__display--percent {
  font-weight: 800;
  line-height: 28px;
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 128px;
  height: 28px;
  margin-left: -10px;
  text-align: right;
  vertical-align: middle;
  color: #535453;
  background-color: #DCDEDC;
  /* colored percent bar */
  /* percent display number */ }
  .levels__display--percent .levels__display--percent-bar {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: inline-block;
    width: 90%;
    height: 28px;
    background-color: #70BF60;
    transition: width 400ms ease; }
    .low .levels__display--percent .levels__display--percent-bar {
      background-color: #FF7A75; }
    .medium .levels__display--percent .levels__display--percent-bar {
      background-color: #FFBB35; }
    .high .levels__display--percent .levels__display--percent-bar {
      background-color: #70BF60; }
  .levels__display--percent .levels__display--percent-numb {
    position: relative;
    z-index: 20;
    margin-right: 12px;
    font-size: 16px;
    font-size: 1rem; }

/* levels deposit bin tables
   ========================================================================= */
.levels__deposit-bin__table .levels__display.low .levels__display--percent-bar {
  background-color: #70BF60; }

.levels__deposit-bin__table .levels__display.low .levels__display--number {
  border-color: #70BF60; }

.levels__deposit-bin__table .levels__display.high .levels__display--percent-bar {
  background-color: #FF7A75; }

.levels__deposit-bin__table .levels__display.high .levels__display--number {
  border-color: #FF7A75; }

.levels__deposit-bin__table .subheader {
  vertical-align: bottom;
  padding-bottom: 0;
  font-weight: 800; }

/**
 * Levels Deposit Bin Table: Cash
 *
 * make special rule for th of this area
 * which needs a very special laid out header
 *
 * 1. set height to the height of the text to remove...
 * ... extra space not needed for this table header..
 * ... due to the special layout of two stacked tables
 */
.levels__deposit-bin__table--cash th.subheader {
  height: 14px;
  /*1*/ }

/* levels table: deposit bin divider
   ========================================================================= */
.levels__deposit-bin__divider {
  display: block;
  height: 1px;
  background-color: #DCDEDC;
  width: 700px;
  margin: 10px auto 8px auto; }

/**
 * Title: Checkbox List
 * Version: 1.0.0
 * Last update: 2015/11/09
 * Author: Brian Milner <brian.milner@ncr.com>
 *
 * Description: Checkbox List are special lists where checkboxes are used 
 * to select items. This is not standard code for a checkbox field becuase 
 * there is a unique design to the checkboxes so we have a specialized
 * markup for custom form fields.
 *
 * Summary:
 * 
 *  --. Global Styles
 *      - 0.0. --
 *      
 *  0. Checkbox List
 *      - 0.0. Menu
 *          - 0.0.1 UL list for the left side navigation
 *      - 0.1 Content - Table View
 *          - 0.1.1 table located in Content Region
 *  



/* ========================================================================== 
   Checkboxes
   ========================================================================= */
.checkbox-name {
  display: inline-block;
  position: relative;
  line-height: 19px;
  vertical-align: middle;
  font-size: 13px;
  font-size: 0.8125rem; }

.checkbox {
  width: 19px;
  height: 19px;
  display: inline-block;
  margin: 0 6px 0 0;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  border: 1px solid #205488;
  border-radius: 3px; }
  .checkbox.checked {
    background-color: #205488; }
    .checkbox.checked:after {
      opacity: 1;
      content: '';
      position: absolute;
      width: 9px;
      height: 5px;
      background: transparent;
      top: 5px;
      left: 4px;
      border: 2px solid #FFFFFF;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-54deg);
              transform: rotate(-54deg); }
  .table__checkbox--dark .checkbox {
    border: 1px solid #535453; }
    .table__checkbox--dark .checkbox.checked {
      background-color: #535453; }
  .table__checkbox--darker .checkbox {
    border: 1px solid #323332; }
    .table__checkbox--darker .checkbox.checked {
      background-color: #323332; }
  .checkbox.checkbox--white {
    border: 1px solid #FFFFFF; }
    .checkbox.checkbox--white.checked {
      background-color: #FFFFFF; }
      .checkbox.checkbox--white.checked:after {
        border-color: #323332; }

input[type="checkbox"] {
  visibility: hidden;
  position: absolute; }
  input[type="checkbox"]:checked + label span.checkbox.checked {
    background-color: #323332; }
    input[type="checkbox"]:checked + label span.checkbox.checked:after {
      opacity: 1;
      content: '';
      position: absolute;
      width: 9px;
      height: 5px;
      background: transparent;
      top: 5px;
      left: 4px;
      border: 2px solid #FFFFFF;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-54deg);
              transform: rotate(-54deg); }

/* ==========================================================================
   0. Checkbox List [Detail View]
   ========================================================================= */
.checkbox-list {
  list-style-type: none;
  margin-top: 12px;
  margin: 0px; }
  .checkbox-list.search-options-list .checkbox-name {
    top: 5px; }
  .checkbox-list li {
    margin-bottom: 12px;
    position: relative;
    padding: 2px 5px; }
    .checkbox-list li:hover i.icon-drag {
      display: block; }
  .checkbox-list i.icon-drag {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 1.25rem;
    display: none;
    color: #DCDEDC; }
  .checkbox-list label {
    display: inline-block;
    border: none; }

ul.checkbox-list.data-details_menu-list {
  margin: 0; }
  ul.checkbox-list.data-details_menu-list li {
    margin: 0; }

.checkbox-list--white .checkbox {
  border: 1px solid #FFFFFF; }
  .checkbox-list--white .checkbox.checked {
    background-color: #FFFFFF; }
    .checkbox-list--white .checkbox.checked:after {
      opacity: 1;
      content: '';
      position: absolute;
      width: 9px;
      height: 5px;
      background: transparent;
      top: 5px;
      left: 4px;
      border: 2px solid #205488;
      border-top: none;
      border-right: none;
      -webkit-transform: rotate(-54deg);
              transform: rotate(-54deg); }

.checkbox-list--white input[type="checkbox"]:checked + label span.checkbox {
  background-color: #FFFFFF; }
  .checkbox-list--white input[type="checkbox"]:checked + label span.checkbox:after {
    border-color: #205488; }

/* ========================================================================== 
   black list variant
   ========================================================================= */
.checkbox-list--black .checkbox {
  border: 1px solid #323332; }
  .checkbox-list--black .checkbox.checked {
    background-color: #323332; }

/* ========================================================================== 
   checkbox row for singular checkboxes in a table
   ========================================================================= */
.table__checkbox--row label {
  margin: 0;
  border: none;
  line-height: 1; }

thead .table__checkbox--row {
  padding: 12px 13px; }

/* ========================================================================== 
   checkbox wrapper for stand alone checkboxes
   ========================================================================= */
.checkbox__wrapper {
  display: inline-block;
  padding-left: 12px; }
  .checkbox__wrapper label {
    border: none; }
  .checkbox__wrapper + button.dropdown-select {
    padding-left: 0;
    margin-left: 0; }

/**
 * Title: Levels
 * Version: 1.0.0
 * Last update: 2015/11/04
 * Author: Brian Milner <brian.milner@ncr.com>
 *
 */
/* ========================================================================== 
   0. global styles
   ========================================================================= */
/* ==========================================================================
   1. levels
   ========================================================================= */
/* basic background bar */
.transition__display--percent {
  font-weight: 600;
  line-height: 16px;
  padding: 0;
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 128px;
  height: 16px;
  margin-left: -10px;
  text-align: right;
  vertical-align: middle;
  color: #535453;
  background-color: #DCDEDC;
  /* colored percent bar */
  /* percent display number */ }
  .pc .transition__display--percent {
    font-weight: 400; }
  .transition__display--percent:after {
    content: '';
    display: block;
    height: 28px;
    position: absolute;
    top: -6px;
    left: 50%;
    z-index: 2;
    border-right: 1px dashed #727372; }
  .transition__display--percent .transition__display--percent-bar {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -5;
    display: inline-block;
    width: 90%;
    height: 16px;
    background-color: #70BF60;
    transition: width 400ms ease; }
    .transition__display--percent .transition__display--percent-bar.low {
      background-color: #70BF60; }
    .transition__display--percent .transition__display--percent-bar.medium {
      background-color: #FFBB35; }
    .transition__display--percent .transition__display--percent-bar.high {
      background-color: #FF7A75; }
  .transition__display--percent .transition__display--percent-numb {
    position: relative;
    z-index: 1;
    margin-right: 4px;
    padding: 0;
    color: #000000;
    font-size: 12px;
    font-size: 0.75rem; }

/**
 * Login Screen Page
 *
 * This page is outside of the typical app interface style 
 */
/* id used only to override the default .theme-ncr on the body - added with js 
 * can't find where it is being added -- so this is a temp fix
   ============================================= */
#login-page {
  margin: 0;
  padding: 0;
  background: #3FAE29; }

.theme-ncr--full-page {
  overflow: hidden;
  width: auto;
  height: 100%;
  min-height: 100vh;
  background: url("../../img/logos/voyix_branding.png") no-repeat center center;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/login-bg.png', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/login-bg.png', sizingMethod='scale')"; }
  .theme-ncr--full-page #bg {
    position: fixed;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    z-index: -1; }
    .theme-ncr--full-page #bg img {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      width: 100%;
      height: auto; }

/* branding - ncr generic icon
   ============================================= */
.login__branding--ncr img {
  position: absolute;
  right: 90px;
  bottom: 90px;
  width: 100px; }

/* ==========================================================================
   Login Bar Styles
   ========================================================================= */
.login-bar {
  width: 240px;
  min-width: 240px;
  margin-left: 15%;
  background: #FFFFFF; }

.login-bar__inner {
  height: 100vh;
  min-height: 700px; }

/* login bar branding section (top)
   ============================================= */
.login-bar__branding {
  text-align: center;
  padding-top: 80px; }
  .login-bar__branding img {
    max-width: 80px;
    margin-top: 80px; }
  .login-bar__branding .logo-box {
    background: #323332;
    color: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 45px;
    font-weight: 300;
    margin: 5px auto; }
  .login-bar__branding label {
    text-transform: uppercase;
    color: #727372;
    font-weight: 500;
    font-size: 18px; }

/* login content section (bottom)
   ============================================= */
.login-bar__content {
  height: 100%;
  /* drop down section  */
  /* action button styles - also gets styles from elsewhere in global */
  /* utility classes */ }
  .login-bar__content h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    font-size: 0.6875rem; }
  .login-bar__content p {
    font-size: 13px;
    font-size: 0.8125rem; }
  .login-bar__content a {
    font-weight: bold; }
  .login-bar__content .form-item {
    position: relative;
    margin: 0; }
  .login-bar__content .dropdown {
    width: 100%; }
  .login-bar__content .dropdown-select {
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #B1B3B1; }
  .login-bar__content .dropdown-menu {
    top: 50%; }
  .login-bar__content input,
  .login-bar__content .dropdown-select {
    margin-bottom: 0;
    color: #323332;
    outline: none;
    border: none;
    border-bottom: 1px solid #B1B3B1;
    font-size: 14px;
    font-size: 0.875rem; }
  .login-bar__content .caret {
    position: relative;
    top: 8px;
    float: right;
    margin: 0 10px 0 0;
    color: #B1B3B1;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent; }
  .login-bar__content .form-item--action-btn {
    padding-top: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%; }
    .login-bar__content .form-item--action-btn .btn {
      transition: all 200ms ease;
      outline: none; }
      .login-bar__content .form-item--action-btn .btn:focus {
        border: 1px solid #B1B3B1;
        background: #FFFFFF; }
      .login-bar__content .form-item--action-btn .btn.is-disabled {
        border: 1px solid #DCDEDC;
        background: #DCDEDC;
        color: #B1B3B1; }
  .login-bar__content .margin-bottom--lrg {
    margin-bottom: 30px; }
  .login-bar__content .margin-bottom--med {
    margin-bottom: 20px; }
  .login-bar__content .margin-bottom--small {
    margin-bottom: 10px; }

/* ==========================================================================
   Content Region Specific Styles | .content > .region specific styles
   ========================================================================= */
.login-bar__region {
  position: absolute;
  bottom: 80px;
  width: 100%;
  max-width: 240px;
  *max-width: 200px;
  max-width: 200px\9;
  padding: 0 20px;
  margin-top: 35%;
  transition: bottom 500ms ease; }

.login-bar__region.is-hidden {
  bottom: -400px; }

.login--error {
  color: #B50010; }

.login-bar__form--email-reset {
  padding-top: 5px; }

/* Form Specific Styles 
   ============================================= */
.login-bar__form-label {
  display: block;
  color: #727372;
  max-width: 145px;
  font-size: 12px;
  font-size: 0.75rem; }

/* form question */
label.login-bar__form-label--question {
  font-weight: bold;
  line-height: 16px;
  margin: 15px 0 0 0;
  font-size: 13px;
  font-size: 0.8125rem; }
  label.login-bar__form-label--question:first-child {
    margin: 0; }
  label.login-bar__form-label--question + input {
    margin: 0; }

/* form errors */
.form-item.error:before {
  font-family: FontAwesome;
  position: absolute;
  top: 2px;
  right: 5px;
  content: "";
  color: #B50010; }

.form-item.error.form-item--reset-questions:before {
  top: 25px; }

.form-item.error input {
  border-color: #B50010; }

.form-item.error label.login-bar__form-label {
  color: #B50010; }

/* form confirmed / success */
.form-item.confirmed:before {
  font-family: FontAwesome;
  position: absolute;
  top: 2px;
  right: 5px;
  content: "";
  color: #4CBB36; }

.form-item.confirmed.form-item--reset-questions:before {
  top: 25px; }

/* specific styles
   ============================================= */
/* login question format input - label specific */
.form-item--reset-questions .login-bar__form-label {
  height: 19px; }

/* content region lists */
.login-bar__content_list {
  margin-top: -10px;
  padding: 0 0 0 25px;
  font-size: 13px;
  font-size: 0.8125rem; }
  .login-bar__content_list li {
    line-height: 1.6; }

/* .login-bar__reset-password--sent */
.email-sent--my-address {
  font-weight: bold; }

/* forgot password */
.forgot-password--link {
  position: absolute;
  top: 25px;
  right: 0;
  cursor: pointer;
  text-align: right;
  text-transform: uppercase;
  font-size: 11px;
  font-size: 0.6875rem; }

/* ==========================================================================
  Special Characters Pop Up Box 
   ========================================================================= */
/* link styling - refered to as a 'btn'
   ============================================= */
.special-characters__btn {
  font-weight: bold;
  cursor: pointer; }
  .special-characters__btn:hover {
    text-decoration: underline; }

/* characters list styling
   ============================================= */
.character-list {
  position: relative;
  overflow: hidden;
  padding: 10px 0;
  text-align: center; }
  .character-list ul {
    margin: 0;
    padding: 0; }
  .character-list li {
    font-size: 12px;
    display: inline-block;
    float: left;
    height: 22px;
    width: 41px;
    line-height: 21px; }

/* pop up box styling
   ============================================= */
.special-characters__box {
  width: 164px;
  background: #FFFFFF;
  border-radius: 0 !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: black; }
  .special-characters__box .section-title {
    background-color: #C2DAF2;
    font-size: 11px;
    padding: 7px 10px;
    width: 100%; }
    .special-characters__box .section-title a {
      float: right;
      display: inline-block;
      margin-left: 10px; }

.tooltipster-default {
  border-radius: 3px;
  border: none;
  color: #fff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); }

.tooltipster-default .tooltipster-content {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  line-height: 16px;
  padding: 0;
  overflow: hidden; }

/* ==========================================================================
   Page Specific Styles
   ========================================================================= */
.inventory-view {
  opacity: 1;
  top: 0;
  left: 0;
  position: relative;
  transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  /* easeInOutCubic */ }

.inventory-table-view {
  width: 100%; }

.inventory-view.inactive,
.inventory-sidebar-menu.inactive {
  left: 0;
  opacity: 0;
  -webkit-filter: blur(25px);
  position: absolute;
  z-index: -1; }

.inventory-alternate-view {
  padding-left: 225px; }
  .inventory-alternate-view.active .page-header {
    background: #EBEDEB; }
  .inventory-alternate-view .page-header {
    background: none;
    position: relative;
    top: 0;
    left: 0; }

.inventory-view.slideout,
.inventory-sidebar-menu.slideout {
  left: -100vw;
  opacity: 0; }

.inventory-view-header {
  width: 100%;
  height: 48px;
  background: #EBEDEB;
  transition: width 880ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 500ms 400ms linear; }
  .inventory-view-header.smaller {
    width: 225px;
    background: #535453;
    transition: width 880ms cubic-bezier(0.755, 0.05, 0.855, 0.06), background 900ms 400ms linear; }

.inventory-view-wrapper {
  margin-top: -48px; }

.search-sidebar-content {
  position: relative;
  padding-left: 225px; }

.none {
  display: none; }

.inventory-sidebar-menu {
  background: #323332;
  width: 225px;
  position: absolute;
  top: 96px;
  left: 0;
  height: 50px;
  border-left: 1px solid transparent;
  transition: left 100ms 200ms cubic-bezier(0.755, 0.05, 0.855, 0.06), border 20s 1000ms ease;
  /* easeInQuint */
  overflow: hidden; }
  .inventory-sidebar-menu .nav {
    opacity: 0;
    transition: all 400ms ease 200ms;
    -webkit-filter: blur(2px);
    position: relative; }
  .inventory-sidebar-menu.active {
    top: 96px;
    border-left: 1px solid #323332; }
    .inventory-sidebar-menu.active .nav {
      opacity: 1;
      -webkit-filter: blur(0); }
  .inventory-sidebar-menu .inventory-sidebar-top {
    background: #535453;
    padding: 0 18px;
    height: 48px;
    line-height: 48px;
    color: #FFFFFF;
    position: fixed;
    width: 224px;
    z-index: 10;
    text-transform: uppercase;
    transition: background-color 100ms 1s linear; }
    .inventory-sidebar-menu .inventory-sidebar-top .title-table-header {
      font-size: 11px;
      font-weight: bold; }
    .inventory-sidebar-menu .inventory-sidebar-top .title-table-header i {
      margin-left: 3px; }
    .inventory-sidebar-menu .inventory-sidebar-top input,
    .inventory-sidebar-menu .inventory-sidebar-top .dropdown-select {
      border: none;
      text-transform: uppercase;
      background: none;
      outline: none;
      color: #fff;
      height: initial;
      margin: 0;
      padding: 0;
      font-size: 11px; }
    .inventory-sidebar-menu .inventory-sidebar-top .dropdown-select,
    .inventory-sidebar-menu .inventory-sidebar-top input[type="text"] {
      width: 100%;
      text-align: left; }
    .inventory-sidebar-menu .inventory-sidebar-top select {
      width: 100%; }
    .inventory-sidebar-menu .inventory-sidebar-top i {
      color: #fff; }
    .inventory-sidebar-menu .inventory-sidebar-top .caret {
      margin-left: 5px; }
    .inventory-sidebar-menu .inventory-sidebar-top .form-item {
      position: relative;
      width: 100%; }
    .inventory-sidebar-menu .inventory-sidebar-top .form-item > span {
      color: #C2DAF2; }
  .inventory-sidebar-menu ul.nav-wrapper {
    padding: 0px;
    list-style: none;
    list-style-image: none;
    width: 224px; }
  .inventory-sidebar-menu ul.nav-wrapper li {
    padding: 0px;
    margin: 0px; }
  .inventory-sidebar-menu ul.nav-wrapper li a {
    font-size: 16px;
    line-height: 1.2;
    color: #EBEDEB;
    padding: 12px 18px;
    display: block;
    width: 100%;
    position: relative;
    text-decoration: none;
    transition: all 0.2s;
    border-bottom: 1px solid #535453; }
    .inventory-sidebar-menu ul.nav-wrapper li a:hover {
      background: #535453; }
    .inventory-sidebar-menu ul.nav-wrapper li a.active {
      color: #535453;
      background-color: #EBEDEB;
      font-weight: bold;
      border: none; }
    .inventory-sidebar-menu ul.nav-wrapper li a.active:hover {
      background-color: #EBEDEB; }

/* ========================================================================== 
     Search box - basic
     ========================================================================= */
.search-box--basic {
  position: relative;
  background-color: #205488;
  color: #FFFFFF;
  height: 42px;
  line-height: 42px;
  box-shadow: inset 0 2px 5px 0px rgba(0, 0, 0, 0.5);
  padding-left: 18px;
  padding-right: 18px;
  /* form-item / Drop down
     ========================================================================= */
  /* action-bar
     ========================================================================= */ }
  .search-box--basic .form-item {
    display: inline-block;
    margin-left: 12px; }
    .search-box--basic .form-item:first-child {
      margin: 0; }
  .search-box--basic .dropdown-select {
    text-transform: capitalize;
    height: 30px;
    font-weight: bold;
    font-size: 12px;
    font-size: 0.75rem;
    border-bottom: 1px solid #FFFFFF;
    border-color: rgba(255, 255, 255, 0.2); }
  .search-box--basic .dropdown-menu {
    padding: 0;
    margin: 0;
    top: 9px;
    left: -1px;
    overflow-y: scroll;
    width: 100%;
    min-width: 208px;
    max-width: 450px;
    max-height: 450px; }
    .search-box--basic .dropdown-menu dd,
    .search-box--basic .dropdown-menu dt {
      padding-left: 12px;
      padding-right: 12px;
      padding-bottom: 4.08px;
      padding-top: 4.08px; }
    .search-box--basic .dropdown-menu dt {
      background-color: #535453;
      padding: 5px 10px;
      text-transform: uppercase;
      font-size: 11px;
      font-size: 0.6875rem; }
    .search-box--basic .dropdown-menu dd a {
      line-height: 35px; }
    .search-box--basic .dropdown-menu .icon-delete {
      float: right; }
      .search-box--basic .dropdown-menu .icon-delete i.fa-minus {
        color: #FFFFFF;
        border-color: #FFFFFF;
        margin-top: 0; }
  .search-box--basic .action-bar {
    line-height: 42px; }

/* ==========================================================================
   Modify Group Definition
   ========================================================================== */
.modal--modify-group-definition {
  color: #FFFFFF; }
  .modal--modify-group-definition .md-content {
    background-color: #EEF5FC; }
  .modal--modify-group-definition .modal-body {
    min-height: 200px; }
    .modal--modify-group-definition .modal-body .row > .form-item {
      display: inline-block;
      vertical-align: top; }
  .modal--modify-group-definition .options {
    display: inline-block;
    position: inherit;
    vertical-align: top; }
    .modal--modify-group-definition .options > .form-item {
      display: block;
      margin: 0;
      position: inherit; }
      .modal--modify-group-definition .options > .form-item.form-item--input .delete {
        position: absolute;
        right: 18px;
        margin-top: 5px;
        font-size: 13px;
        font-size: 0.8125rem; }
      .modal--modify-group-definition .options > .form-item.form-item--input i:hover {
        cursor: pointer; }
      .modal--modify-group-definition .options > .form-item.form-item--input i.glyphicon {
        top: inherit; }
    .modal--modify-group-definition .options .dropdown {
      position: relative;
      margin: 12px 0; }
    .modal--modify-group-definition .options .dropdown-select {
      position: relative;
      border: none; }
      .modal--modify-group-definition .options .dropdown-select:after {
        content: '';
        display: block;
        height: 1px;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
        width: 340px;
        position: absolute;
        right: -354px;
        top: 11px; }
  .modal--modify-group-definition .delete-wrapper {
    position: absolute;
    top: 24px;
    right: 0;
    overflow: hidden;
    width: 32px;
    height: 86px; }
    .wizard .modal--modify-group-definition .delete-wrapper {
      top: 24px; }
    .modal--modify-group-definition .delete-wrapper .delete {
      position: absolute;
      top: 0;
      cursor: pointer; }
      .modal--modify-group-definition .delete-wrapper .delete:last-child {
        bottom: 0;
        top: initial; }
  .modal--modify-group-definition .modal--modify-group-definition-initial,
  .modal--modify-group-definition .modal--modify-group-definition-additional {
    overflow: hidden; }
  .modal--modify-group-definition .form-item--new-param-group {
    position: relative;
    display: block;
    padding: 24px 0; }
    .modal--modify-group-definition .form-item--new-param-group:after {
      content: '';
      display: block;
      height: 1px;
      margin: 0 -18px;
      border-bottom: 1px dashed rgba(255, 255, 255, 0.2);
      width: 532px;
      position: absolute;
      right: 10px;
      top: 35px; }
  .modal--modify-group-definition .modal--modify-group-definition__footer {
    margin-top: 30px;
    padding: 24px 0 9px;
    border-top: 1px dashed rgba(255, 255, 255, 0.2); }
    .modal--modify-group-definition .modal--modify-group-definition__footer .btn {
      display: inline-block;
      font-size: 11px;
      font-size: 0.6875rem; }
      .modal--modify-group-definition .modal--modify-group-definition__footer .btn.btn__dyn-search {
        float: right; }
    .modal--modify-group-definition .modal--modify-group-definition__footer i {
      margin-left: 12px; }
  .modal--modify-group-definition input[type='text'] {
    font-weight: bold;
    display: inline-block;
    height: 20px;
    padding-right: 20px;
    color: #FFFFFF;
    border: none;
    border-bottom: 1px solid rgba(250, 250, 250, 0.2);
    outline: none;
    background: none;
    font-size: 13px;
    font-size: 0.8125rem; }
  .modal--modify-group-definition .form-item {
    margin: 0 12px 0 0; }
    .modal--modify-group-definition .form-item:last-child {
      margin: 0; }
  .modal--modify-group-definition .static .top {
    padding: 24px 16px; }
  .modal--modify-group-definition .dynamic {
    padding: 24px 16px; }

.search-bar.search-bar--group-definition {
  position: relative;
  padding-left: 18px;
  padding-right: 18px; }
  .search-bar.search-bar--group-definition .search-bar__btn {
    color: #323332;
    position: absolute;
    bottom: -41px;
    right: 18px; }

.result-count {
  display: inline-block;
  width: 100%;
  text-align: center;
  top: 22px;
  left: 0;
  position: absolute;
  z-index: 0;
  font-size: 13px;
  font-size: 0.8125rem; }

/* ========================================================================== 
   wizard steps
   ========================================================================= */
.modal--search-terminals {
  min-height: 300px;
  background-color: #EEF5FC;
  padding: 24px 18px; }

/* modal - add details
   ========================================================================= */
.modal--add-details .dropdown .dropdown-select {
  position: relative;
  width: inherit;
  padding-right: 50px; }

/* modal - create terminal groups
   ========================================================================= */
/* create terminal groups search */
.add-terminals__header {
  line-height: 48px;
  position: relative;
  height: 48px;
  padding: 0 18px;
  text-transform: uppercase;
  color: #323332;
  background-color: #EBEDEB;
  font-size: 12px;
  font-size: 0.75rem; }
  .add-terminals__header label {
    color: #323332;
    margin: 0;
    vertical-align: middle;
    font-size: 13px;
    font-size: 0.8125rem; }
  .add-terminals__header .checkbox {
    top: -1px; }

.add-terminals__static__search {
  border-right: 1px solid #FFFFFF; }
  .add-terminals__static__search .action-bar .action-bar__link i {
    line-height: 48px;
    color: #323332;
    position: relative;
    top: -1px; }
  .add-terminals__static__search .checkbox-list {
    padding: 0;
    margin: 0; }
    .add-terminals__static__search .checkbox-list li {
      margin: 0;
      padding-left: 18px;
      line-height: 1;
      padding-bottom: 9.6px;
      padding-top: 9.6px; }
      .add-terminals__static__search .checkbox-list li label {
        margin: 0; }
  .add-terminals__static__search .results-list {
    height: 190px;
    overflow-y: scroll; }
  .add-terminals__static__search .row:first-child {
    margin-bottom: 8px; }

.search-bar--terminal-static.search-bar {
  padding: 16px 18px; }

.search-bar--terminal-static .checkbox-list {
  padding: 0 0 0 10px;
  margin: 0;
  white-space: normal !important; }
  .search-bar--terminal-static .checkbox-list label {
    vertical-align: top; }
  .search-bar--terminal-static .checkbox-list .checkbox-name {
    top: -2px;
    line-height: 1.1;
    font-size: 13px;
    font-size: 0.8125rem; }
  .search-bar--terminal-static .checkbox-list .checkbox {
    margin-right: 5px;
    top: 4px; }

.search-bar--terminal-static .dropdown-select {
  margin: 0; }

/* results list added
   ======================================================================== */
.results-list--added {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 190px;
  overflow-y: scroll;
  /* when the left column opens the search and the container height increases  */ }
  .hasSearch .results-list--added {
    height: 281px; }
  .results-list--added li {
    position: relative;
    line-height: 1;
    padding-left: 18px;
    padding-right: 18px;
    padding-bottom: 12px;
    padding-top: 12px;
    font-size: 13px;
    font-size: 0.8125rem;
    border-bottom: 1px solid #EBEDEB; }
    .results-list--added li i.delete {
      display: none;
      cursor: pointer;
      margin: 0;
      right: 18px;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .results-list--added li:hover i.delete {
      display: inline-block; }

/* ========================================================================== 
   misc
   ========================================================================= */
.checkbox-name {
  margin-left: 4px; }

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