:root {
  --app-blue-text:           #3a76c4;
  --app-blue-text-disabled:  #b4b4b4;
  --app-selected-bg:         #3a76c4;
  --app-selected-txt:        #ffffff;
  --app-success-color:       #28a745;
  --app-warn-color:          #ffc107;
  --app-danger-color:        #dc3545;
  --app-blue-text-hf:        #295289;
  --app-blue-border:         #346ab0;
  --app-panel-border:        rgb(221, 221, 221);
  --app-light-text:          #ffffff;

  --app-grey1:              #efefef;
  --app-grey2:              #e3e3e3;
}

/* good for debugging to find elements that are causing overflow scrollbars
* {
outline: 1px solid #f00 !important;
}*/

/* Override BootStrap 4.x flex I'm really trying not to override this for now */
div.row {
  /*display: block !important;*/
  flex-wrap: unset !important;
  -ms-flex-wrap: unset !important;
}
/* Override BS4 form-control/input padding for tighter padding */

.form-control{
  padding: 0.3rem 0.3rem;
}
input[type=checkbox]{
  height: 1em;
  width: 1em;
}

/* restore old BS hidden class, removed in 4.x */
.hidden,
.template-hidden {
  display: none !important;
  visibility: hidden !important;
}

.middle-align{
  margin-top: auto;
  margin-bottom: auto;
}

.btn.btn-primary{
  color: #fff;
  background-color: var(--app-blue-text);
  border-color: var(--app-blue-border);
}
.btn.btn-primary:hover,
.btn.btn-primary:focus {
  text-decoration: none;
}

.btn-success{
    background-color: var(--app-success-color) !important;
    border-color: var(--app-success-color) !important;
}
.btn-warn{
    background-color: var(--app-warn-color) !important;
    border-color: var(--app-warn-color) !important;
}
.btn-danger{
    background-color: var(--app-danger-color) !important;
    border-color: var(--app-danger-color) !important;
}

/* START doc wide overrides and defaults */
  html, body {
      font-family: Tahoma, sans-serif;
      font-size: 12px !important;
      line-height: 1;
      margin:0;
      padding:0;
      color: #565452;
  }
  body.cursor-col-resize{
    cursor: col-resize !important
  }
  a {
      color: var(--app-blue-text);
      text-decoration: none;
  }
  a.disabled,
  a[disabled],
  a.action-btn.disabled {
    color: var(--app-blue-text-disabled);
  }

  a.app-claim-btn.resolved{
    background-color: transparent;
    border-color: transparent;
}
  a.app-claim-btn.disabled{
      color: black;
  }
  a:hover,
  a:focus {
      color: var(--app-blue-text-hf);
      text-decoration: none;
  }
  a.disabled:hover,
  a.disabled:focus,
  a[disabled]:hover,
  a[disabled]:focus{
      color: var(--app-blue-text-disabled);
  }
  a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }
  img {
      vertical-align: middle;
  }
  form div {
      padding: 0px;
      margin-bottom: 0px;
      clear: none;
      vertical-align: text-top;
  }

  html, body {
      height: 100vh;
      overflow: hidden;
      padding: 0;
      margin:0
  }
/* END doc wide overrides and defaults */

.dropdown-menu{
box-shadow: 0 3px 5px rgb(0 0 0 / 13%);
}

/* this caused the user/pwd fields on login page to be small
.app-no-label.form-control {
  width: unset;
}*/
#container{
  height: 100vh;
}
#app-document-wrapper {
  display: flex;
  flex-direction: column;
}

#app-header,
#app-footer {
  flex-shrink: 0;
}
#app-header{
  height: 3rem;
  margin-bottom: 2px;
}
#app-footer {
  height: 4em;
  box-shadow: inset 0px 0 11px -6px rgb(0 0 0 / 80%);
}

#app-content-wrapper {
  flex-grow: 1;
  display: flex;
  height: calc((var(--vh, 1vh) * 100) - 7em);
}

#app-sidebar {
  width: 10rem;
  flex-shrink:0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  height: calc((var(--vh, 1vh) * 100) - 7em);
  padding: 5px;
  margin-left: 0;
  position:relative;
  visibility: visible;
  transition: margin-left 0.5s ease 0s;
}

#app-sidebar.app-sidebar-closed {
visibility: visible;
margin-left: -10rem;
}

@media (min-width: 768px){
#app-sidebar {
    width: 300px;
}
#app-sidebar.app-sidebar-closed {
  visibility: visible;
  margin-left: -300px;
}
}

#app-search-form .tt-dropdown-menu{
width: 215px !important;
}
#app-search-form .tt-dropdown-menu .tt-suggestion {
padding: 4px 2px !important;
}
#app-search-form .tt-suggestion span {
display: inline-block;
white-space: break-spaces !important; /*wrap longer typeahead menu entries*/
margin-right: 3px;                    /*add a bit of margin for the longest entry, as it jams right up to the scrollbar*/
}

#app-content {
  flex-grow: 1;
  overflow: auto;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: inset 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
#app-content.no-footer {
flex-grow: 1;
max-height: 100vh;
overflow: auto;
padding-left: 5px;
padding-right: 5px;
box-shadow: inset 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
/*box-shadow: 0 -0.5em 1rem 1px rgb(0 0 0 / 15%) !important*/
}

/*
#app-document-wrapper {
height: 100vh;
width: 100vw;
overflow: hidden;
display: flex;
flex-direction: column;
}

#app-content-wrapper{
flex: 1;
width: 100vw;
overflow: hidden;
}

#app-sidebar{
width: 20vw;
height: 100%;
display: inline-block;
overflow: auto;
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

#app-content{
width: 79vw;
height: 100%;
overflow: auto;
display: inline-block;
background-color: #dee2e6;
}

#app-footer{
  height: 50px;
}*/

.navbar-header{
  float: left;
}

.navbar .navbar-toggle {
  border-color: #ddd;
}
.navbar-toggle, tr.navbar-toggle, th.navbar-toggle, td.navbar-toggle {
  display: none !important;
}
@media (min-width: 768px){
  .navbar-toggle {
      display: none;
  }
}
.navbar-toggle {
  float: left;
  position: relative;
  margin-left: 8px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 9px 10px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  border-color: #c8c7c5;
}

a.navbar-brand{
  color: #565452;
  float: left;
}

#app-sidebar-toggle{
float: left;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
user-select: none;
}

#app-sidebar-toggle img{
height: 2rem;
}

.navbar-top-links {
  margin: 0 8px;
}
.navbar-top-links li.dropdown {
  display: inline-block;
}
.alert-dropdown {
  margin: 0px;
}

#page-wrapper {
  padding: 0 15px;
  height: 100%;
  background-color: #fff;
}

@media(min-width:768px) {
  #page-wrapper {
      position: inherit;
      margin: 0 0 0 250px;
      padding: 0 30px;
      height: 100%;
      /*border-left: 1px solid #e7e7e7;*/
  }
}
#page-wrapper {
  margin-top: 51px;
  padding: 0px;
}

#content{
  background: #fff;
  min-height: 100%;
  height: 100%;
  width: 98% !important;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {
#content {
  width: 750px;
}
}
@media (min-width: 992px) {
#content {
  width: 970px;
}
}
@media (min-width: 1200px) {
#content {
  width: 1170px;
}
}
#content > .navbar-header,
#content > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
#content > .navbar-header,
#content > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}
}
div.flashcontent {
min-height: 0;
padding-left: 0;
padding-right: 0;
/*height:35px;*/
}

/* Drop Down menu */
.app.dropdown,
.app.dropdown.show /*needed to override old app css*/{
  position: relative;
  display: inline-block;
}

.app.dropdown .dropdown-menu.scrollable-menu {
  overflow-x: hidden;
}

#app-topbar-drpdwn .dropdown .dropdown-toggle{
  color: white;
}
.app.dropdown-toggle{
  text-decoration: none;
}
.app.dropdown-item{
  padding: .25rem .5rem;
  cursor: pointer;
  color: var(--app-blue-text);
  text-decoration: none;
}
.app.dropdown-item.active,
.app.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: var(--app-blue-text);
}
.app.dropdown-item.selected{
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #ccc;
}

.app.shadow-dark{
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 95%)
}
.app.shadow-medium{
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 75%)
}
.app.shadow-normal{
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 50%)
}
.app.shadow-light{
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 25%)
}

/* Grid & index-view */
.app.grid.thumbnail{
  max-width: 5rem;
  max-height: 3rem;
  background-color: #f2f2f2; /* slight grey background for white images on transparent background */
}
.app-typeahead-item:hover .app.grid.thumbnail{
  background-color: unset;
}

.app.grid-footer{
  margin-top: 1rem;
}

.app.grid .quick-delete{
  border-radius: 5px;
}

.app-grid-button {
  margin-right: 1rem;
}

.app-grid-view .app-grid-button-row{
font-size: 1.2rem;
margin-top: .5rem;
margin-bottom: .5rem;
}

.app-grid-button.primary,
.app-grid-model-add{
padding: 0.2rem 0.6rem;
border-radius: 4px;
color: #fff !important;
background-color: var(--app-blue-text) !important;
border-color: var(--app-blue-text) !important;
border-style: none;
}
 /* non-inline label */
.app-label{
    font-weight: bold;
}

.dataTable {
  border-top-style: none;
  table-layout: fixed; /*headers and columns do not line up unless this is set*/
}

.app.grid .dataTables_scrollHeadInner th{
  color: rgb(86, 84, 82);
  background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fff));
}

/* Must not be too specific or dataTables colReorder wont be able to override */
.dataTable th{
  cursor: pointer;
}

.table-bordered{
/*Fix left border causing scrollbar*/
box-sizing: border-box;
}


.app.grid.wrap .dataTables_scrollBody{
overflow-x: hidden !important;
}

.app.grid.wrap th,
.app.grid.wrap td{
word-wrap: break-word;
white-space: break-spaces;
}

.app.grid:not(.wrap) th,
.app.grid:not(.wrap) td{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

.dataTables_scrollHeadInner th{
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.app.grid div.dts div.dataTables_scrollBody{
  /* remove grey background when table rows is shorter than grid height */
  background: unset;
}

.dataTables_scrollBody .select-grid tbody tr {
cursor: pointer;
}

.dataTables_scrollBody .select-grid tbody tr.active{
  color: white !important;
  background-color: #08C !important;
}
.dataTables_scrollBody .select-grid tbody tr.active a{
  color: white !important;
}
.dataTables_scrollBody .select-grid tbody tr.active:hover{
  background-color: #0075b0 !important;
}

.app.grid table.dataTable th,
.app.grid table.dataTable td {
padding: .2rem;
}

.dataTables_processing.card{
z-index: 5;
display: block;
opacity: .6;
width: unset;
height: unset;
border: none;
background: none;
}

div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td {
border-top: none;
}
table.dataTable tr th{
border-top: 1px solid #ddd;
border-bottom: 2px solid #ddd;
text-overflow: ellipsis;
overflow: hidden;
}
table.dataTable tr td {
padding-top: 2px;
padding-bottom: 2px;
vertical-align: top;
border-top: 1px solid #ddd;
text-overflow: ellipsis;
overflow: hidden;
}

td.app-delete-column{
text-align: center;
}

/*table.dataTable thead th[data-is-resizable=true] {
border-left: 1px solid transparent;
border-right: 1px dashed #bfbfbf;
}*/
table.dataTable thead th.dt-colresizable-hover {
cursor: col-resize;
background-color: #eaeaea;
/*border-left: 1px solid #bfbfbf;*/
}
table.dataTable thead th.dt-colresizable-bound-min,
table.dataTable thead th.dt-colresizable-bound-max {
opacity: 0.2;
cursor: not-allowed !important;
}

.app.grid-row.queue-item-unclaimed{
  font-weight: bold;
}

/*.dataTables_scrollBody .select-grid.table-striped tbody tr.active:nth-child(even) td,
.dataTables_scrollBody .select-grid.table-striped tbody tr.active:nth-child(even) th {
  color: white;
  background-color: #08C;
}

.dataTables_scrollBody .select-grid.table-striped tbody tr.active:nth-child(odd) td,
.dataTables_scrollBody .select-grid.table-striped tbody tr.active:nth-child(odd) th {
  color: white;
  background-color: #08C;
}*/


/*
.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;display:table-cell;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0;}
.ui-grid-header-cell .sortable{cursor:pointer;}
.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px;}
.ui-grid-column-menu-button{position:absolute;right:1px;top:0;}
.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub;}
.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%;}
[class^="ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;}
.ui-grid-icon-blank::before{width:1em;content:' ';}
.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize;}
.ui-grid-column-resizer.right{right:0;}
.ui-grid-icon-angle-down:before{content:'\c35e';}

*/

/* DataTable sorting and filter icons */
.app.grid .dataTables_scrollHead th.app-hasfilter::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f0b0";
top: 4px;
opacity: unset;
color: var(--app-blue-text);
}
.app.grid .dataTables_scrollHead th.app-hasfilter.sorting_asc::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f0b0\f0de";
top: 4px;
opacity: unset;
color: var(--app-blue-text);
}
.app.grid .dataTables_scrollHead th.app-hasfilter.sorting_desc::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f0b0\f0dd";
top: 4px;
opacity: unset;
color: var(--app-blue-text);
}
.app.grid .dataTables_scrollHead th.sorting_asc:not(.app-hasfilter)::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f0de";
top: 4px;
opacity: unset;
color: var(--app-blue-text);
}
.app.grid .dataTables_scrollHead th.sorting_desc:not(.app-hasfilter)::after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f0dd";
top: 4px;
opacity: unset;
color: var(--app-blue-text);
}

/* Override DataTables CSS */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
content: unset;
}


/* Grid Filter Menu */
.app.grid-filter-menu{
  width: 50rem;
  margin: .125rem 0 0;
  background-clip: padding-box;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .25rem;
  padding-left: 0px;
  padding-right: 0px;
  background-color: silver;
  border-color: darkgray;
  overflow: auto;
}
.app.grid-filter-menu>.row{
  margin-top: .5rem;
  margin-left: 0px;
  margin-right: 0px;
}
.grid-filter-menu .app.gfm-bar{
  margin-bottom: 1rem;
  margin-top: -10px;
  padding-top: 10px;
  background-color: var(--bckgrnd-clr-2);
  color: var(--bckgrnd-txt-2);
}
.app.gfm-bar .btn{
  color: var(--bckgrnd-txt-2);
  background-color: transparent;
}
.app.grid-filter-menu .dropdown-item{
  cursor: pointer;
}
.app.grid-filter-menu .dropdown-item:active{
  background-color: unset;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}
.app.grid-filter-menu .grid-stat-column>div{
  width: 55px;
}
.app.filter-field-blocks{
  padding-left:  5px;
  padding-right: 5px;
}
.app.filter-field-block{
  background-color: rgba(0,0,0,.5);
  border-top: 1px solid rgba(202,202,202,.57);
  border-bottom: 1px solid #484848;
  padding-top: .2rem;
  padding-bottom: .2rem;
}
.app.filter-field-block .filter-field-name{
  color: white;
  width: 25%;
  display: inline-block;
  padding-left: 5px;
  vertical-align: top;
}
.app.filter-field-block .filter-operators{
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
.app.filter-field-block .filter-values{
  width: 40%;
  display: inline-block;
  vertical-align: top;
}
.app.filter-field-block .filter-btns{
  width: 5%;
  display: inline-block;
  vertical-align: top;
  color: white;
}

.app.grid-filter-menu .filter-field,
.app.grid-filter-menu .filter-operator,
.app.grid-filter-menu .filter-value{
  display: inline-block;
}

div.app-typeahead-multiselectbox{
  height: auto;
}

/*Fixed Top NavBar*/
.navbar.navbar-fixed-top{
  position: fixed;
  right: 0;
  left: 0;
  top: 0;
  padding: 0;
  border-color: #e7e7e7;
  z-index: 1000;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(231, 231, 231);
  margin-bottom: 0px;
  display: block;
  background-color: #fff;
}

/* side-bar*/
.navbar-default.navbar-fixed-side{
  width: 250px;
  background-color: #2e5e9d;
  overflow: auto;
  height: 100%;
  margin-top: 51px;
  float: left;
  position: fixed;
  border-right: 1px solid #e7e7e7;
  padding-bottom: 140px;
  border-color: #e7e7e7;
}

.nav.panel-group{
  padding-left: 0;
  list-style: none;
  margin: 0px;
  display: block;
}
#side-menu, #side-menu li {
  margin: 0px;
}
#side-menu > li > a {
  padding: 10px;
}
#side-menu .panel {
  background-color: transparent;
  border: none;
  box-shadow: none;
}

#side-menu .nav-second-level li a {
  padding-left: 3em;
}

b.arrow {
margin-top: 2px;
}
.arrow {
float: right;
}
#side-menu a > .fa.arrow:before {
content: "\F078";
}
#side-menu a.collapsed > .fa.arrow:before {
content: "\F054";
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.panel .panel-footer{
margin-top: 15px;
}

.navbar-fixed-side .nav > li.selected > a,
.navbar-fixed-side .nav > li > a:hover,
.navbar-fixed-side .nav > li > a:focus,
.navbar-fixed-side .nav > li.selected,
.navbar-fixed-side .nav > li.selected > a:hover,
.navbar-fixed-side .nav > li.selected > a:focus {
  text-decoration: none;
  background-color: #234675;
  color: #fff;
}

.navbar-fixed-side .nav > li > a {
  color: #fff;
}

.nav > li {
  position: relative;
  display: block;
}

.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.nav > li > a:hover {
text-decoration:none;
  background-color: #eeeeee;
}

.navbar.bg-dark .navbar-brand {
color: #fff;
}
.navbar.bg-dark .nav li a.dropdown-toggle {
color:white;
}
.navbar.bg-dark .nav li a.dropdown-toggle:hover,
.navbar.bg-dark .nav li a.dropdown-toggle:focus {
background-color: transparent;
}

.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
display: block;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eeeeee;
border-color: var(--app-blue-text);
}
.nav .nav-divider {
height: 1px;
margin: 7.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border-bottom-color: #fff;
}
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li > a.active,
.nav-pills > li > a.active:hover,
.nav-pills > li > a.active:focus {
color: #fff;
background-color: var(--app-blue-text);
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-justified > li > a {
  margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
  border-bottom: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border-bottom-color: #fff;
}
}

div.page-heading {
  position: relative;
  min-height: 1px;
  margin-top: 5px;
  margin-bottom: 0px;
  color: #777;
}
/*@media (min-width: 1200px) {
  div.page-heading {
      float: left;
      width: 100%;
  }
}*/

.content-details .tab-content {
  padding: 15px 0;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.app-actions-top{
  margin-bottom:.3em;
}
.app-actions-top .col-action{
  position: relative;
  float: left;
  width: 10%;
  min-height: 1px;
  padding-right: 15px;
}

.footer-actions {
  padding-top: 8px
}

.footer-actions .col-action {
  position: relative;
  float: left;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.footer-actions .col-action:first-child:nth-last-child(1) {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-footer {
  position: relative;
  height: 50px;
  clear: both;
  padding-top: 0;
  background-color: #fff;
  color: #777;
  border-top: 1px solid #eee;
}
.footer-actions {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.app-version, .app-copyright{
  display: inline-block;
}

/*#app-footer {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  #app-footer {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
    margin: 0;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  #app-footer {
    border-radius: 0;
  }
}

@media (min-width: 768px) {
  .footer-actions {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .footer-actions {
    float: left;
    width: 50%;
  }
}
.footer-actions .actions {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 8px 5px 0;
}
.footer-actions .col-action {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.footer-actions .col-action:first-child:nth-last-child(1) {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .footer-actions .col-action:first-child:nth-last-child(1) {
    margin-left: 33.33333333%;
  }
}
@media (min-width: 768px) {
  .footer-actions .col-action:first-child:nth-last-child(2) {
    margin-left: 25%;
  }
}
.footer-actions .col-action:first-child:nth-last-child(3),
.footer-actions .col-action:first-child:nth-last-child(3) ~ .col-action {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.footer-actions .col-action:first-child:nth-last-child(5),
.footer-actions .col-action:first-child:nth-last-child(5) ~ .col-action {
  position: relative;
  float: left;
  width: 20%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.footer-actions .col-action {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.footer-version {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-right: 0px;
}
@media (max-width: 767px) {
  .footer-version,
  tr.footer-version,
  th.footer-version,
  td.footer-version {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .footer-version {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .footer-version {
    float: left;
    width: 25%;
  }
}
.footer-version .version {fag
}
.footer-copyright {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-left: 0px;
}
@media (max-width: 767px) {
  .footer-copyright,
  tr.footer-copyright,
  th.footer-copyright,
  td.footer-copyright {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .footer-copyright {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) {
  .footer-copyright {
    float: left;
    width: 25%;
  }
}
.footer-copyright .copyright {
  padding: 15px 15px 0 0;
  text-align: right;
}*/

#toast-container{
  z-index: 2000 !important /* popup above modals, which are at 1050*/
}
@media (min-width: 320px) {
  .toasters .toast {
    width: 300px;
    max-width: 300px;
  }
  #toast-container{
    left: calc(99vw - 300px);
  }
}
@media (min-width: 576px) {
  .toasters .toast {
    width: 320px;
    max-width: 320px;
  }
  #toast-container{
    left: calc(99vw - 320px);
  }
}

@media (min-width: 768px) {
  .toasters .toast {
    width: 384px;
    max-width: 384px;
  }
  #toast-container{
    left: calc(99vw - 384px);
  }
}

@media (min-width: 992px) {
  .toasters .toast {
    width: 384px;
    max-width: 384px;
  }
  #toast-container{
    left: calc(99vw - 384px);
  }
}

@media (min-width: 1200px) {
  .toasters .toast {
    width: 520px;
    max-width: 520px;
  }
  #toast-container{
    left: calc(99vw - 520px);
  }
}

.toast-err-file{
  margin-top: 3px;
}
.toast-err-trace{
  margin-top: 3px;
  max-height: 340px;
  overflow-y: auto;
}
.toast-err-sql{
  margin-top: 3px;
  max-height: 340px;
  overflow-y: auto;
}

.toast .toast-header{
  background-color: unset;
  color: unset;
  font-size: 1rem;
}
.toast .toast-time{
  color: unset;
  font-size: 1rem;
}
.toast.toast-success {
  background-color: #28a745;
  color: #fff;
}
.toast.toast-error {
  background-color: #dc3545;
  color: #fff;
}
.toast.toast-info {
  background-color: #17a2b8;
  color: #fff;
}
.toast.toast-warning {
  background-color: #ffc107;
  color: #343a40;
}
.toast .toast-body{
  font-size: 1rem;
}

/* fixed menu top drop down alerts */
.navbar-top-links li {
  display: inline-block;
}

.navbar-top-links li:last-child {
  margin-right: -10px;
}

.navbar-top-links .dropdown-menu li {
  display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
  margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
  min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
  white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
  width: 310px;
  min-width: 0;
}

.navbar-top-links .dropdown-messages {
  margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
  margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
  margin-left: -123px;
}

.navbar-top-links .dropdown-user {
  right: 0;
  left: auto;
}
/* legacy drop down menus */
.dropdown-menu .divider {
height: 1px;
margin: 7.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu li.divider {
margin: 0;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 7.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 5px;
clear: both;
font-weight: normal;
color: #333333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: var(--app-blue-text);
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.dropdown-menu > li > a:focus,
.dropdown-submenu:focus > a {
text-decoration: none;
color: #ffffff;
background-color: #709fdb;
}
.dropdown-menu > li > a:focus span.badge,
.dropdown-submenu:focus > a span.badge {
background-color: #fff;
color: var(--app-blue-text);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 800;
}
.dropdown-menu > li > a:hover,
.dropdown-submenu:hover > a {
text-decoration: none;
color: #ffffff;
background-color: var(--app-blue-text);
}
.dropdown-menu > li > a:hover span.badge,
.dropdown-submenu:hover > a span.badge {
background-color: #fff;
color: var(--app-blue-text);
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 800;
}

ul .dropdown-alerts {
float: right !important;
float: right;
width: 210px !important;
left: inherit;
right: -77px;
}

.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 11px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999999;
border-radius: 10px;
}
.badge.badge-overlay {
position: absolute;
top: 3px;
right: 48px;
}
.badge.badge-important {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 11px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999999;
border-radius: 10px;
}

/* Details Page */
div.page-title-details {
position: relative;
float: left;
width: 100%;
min-height: 1px;
}
.details-title {
float: left;
width: 100%;
position: relative;
min-height: 1px;
}
@media (min-width: 992px) {
.details-title {
  float: left;
  width: 50%;
}
}
@media (min-width: 1200px) {
.details-title {
  float: left;
  width: 66.66666667%;
}
}

#merchant-stage-panel {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 5px;
margin-bottom: 5px;
overflow: hidden;
}
#merchant-stage-panel-body {
padding: 0;
min-height: 0;
}
/*Theming options - change and everything updates*/
/*don't use more decimals, as it makes browser round errors more likely, make heights unmatching
-also watch using decimals at all at low wizardSize font sizes!*/
.wizardbar {
line-height: 1;
display: inline-block;
margin: 0;
width: 100%;
height: 100%;
text-align: justify;
-ms-text-justify: distribute-all-lines;
text-justify: distribute-all-lines;
white-space: nowrap;
}
/*base item styles*/
.wizardbar-item {
display: inline-block;
padding: 0.5em 0.375em;
padding-left: 1.125em;
text-decoration: none;
/*transition: all .15s;*/
/*default styles*/
background-color: #eeeeee;
color: rgba(255, 255, 255, 0.8);
text-align: center;
position: relative;
margin-right: 0.5%;
width: 0%;
}
@media only screen and (min-width: 480px) {
.wizardbar-item {
  width: 13.7%;
}
}
/*arrow styles*/
.wizardbar-item:before,
.wizardbar-item:after {
content: "";
height: 0;
width: 0;
border-width: 1em 0 1em 0.75em;
border-style: solid;
/*transition: all .15s;*/
position: absolute;
left: 100%;
top: 0;
}
/*arrow overlapping left side of item*/
.wizardbar-item:before {
border-color: transparent transparent transparent #fff;
left: 0;
}
/*arrow pointing out from right side of items*/
.wizardbar-item:after {
border-color: transparent transparent transparent #eeeeee;
z-index: 1;
}
/*current item styles*/
.wizardbar-item.current,
.wizardbar-item.past {
background-color: #44b03c;
color: #fff;
cursor: default;
width: 100%;
}
@media only screen and (min-width: 480px) {
.wizardbar-item.current,
.wizardbar-item.past {
  width: 13.6%;
}
}
.current.wizardbar-item:after,
.past.wizardbar-item:after {
border-color: transparent transparent transparent #44b03c;
}
/*remove arrows from beginning and end*/
.wizardbar-item:first-of-type:before,
.wizardbar-item:last-of-type:after {
border-color: transparent!important;
}
/*no inset arrow for first item*/
.wizardbar-item:first-of-type {
border-radius: 0.25em 0 0 0.25em;
padding-left: 0.75em;
}
/*no protruding arrow for last item*/
.wizardbar-item:last-of-type {
border-radius: 0 0.25em 0.25em 0;
padding-right: 0px;
margin-right: 0px;
}
.wizardbar-item .wizardbar-item-text {
color: transparent;
width: 0px !important;
}
@media only screen and (min-width: 480px) {
.wizardbar-item .wizardbar-item-text {
  color: #999999;
}
}
.wizardbar-item.current .wizardbar-item-text {
color: white;
}

/* action bar */

.action-bar .btn-group > .btn,
.action-bar .btn-group-vertical > .btn {
position: relative;
float: left;
flex: unset;
}
#merchant-touchpoints {
max-height: 60vh;
overflow-y: auto;
}
#merchant-touchpoints.dropdown-menu,
#action-bar-tasks .dropdown-menu,
#actions-dropdown.dropdown-menu {
padding: 0;
}
.dropdown-menu ul,
.dropdown-menu li {
list-style-type: none;
margin: 0;
padding:0;
}
.dropdown-menu .dropdown-cell {
margin-left: -15px;
margin-right: -15px;
margin: 0;
}
.dropdown-menu .icon-column {
position: relative;
float: left;
width: 8.33333333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
vertical-align: middle;
display: table-cell;
float: none;
padding: 15px 2px;
}
.dropdown-menu .content-column {
position: relative;
float: left;
width: 91.66666667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
display: table-cell;
float: none;
padding: 15px 2px;
}
.dropdown-menu .content-column .details {
display: block;
}
.dropdown-menu .placeholder-column {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding: 15px;
text-align: center;
}
.dropdown-menu .btn-wrapper {
padding: 10px 5px;
}

/* Was causing a mess with Merchants action bar
  Was extending too far out and causing h scroll bar and when I removed the display:table
  the .app-page-content shrank to a much smaller size
.btn-group.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}*/

.btn-group.btn-group-justified {
display: block;
}

.btn-group.btn-group-justified > .btn,
.btn-group.btn-group-justified > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.btn-group.btn-group-justified > .btn-group .btn {
width: 100%;
}
.action-bar {
position: relative;
float: left;
width: 100%;
min-height: 1px;
margin-bottom: 5px;
}
.action-bar .dropdown-menu {
width: auto;
min-width: 100%;
max-width: 200%;
}
.action-bar .dropdown-menu .dropdown-add-btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 6px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
padding: 5px 10px;
line-height: 1.5;
border-radius: 3px;
color: #fff;
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
width: 100%;
margin: 0;
}
.action-bar .dropdown-menu .dropdown-add-btn:hover,
.action-bar .dropdown-menu .dropdown-add-btn:focus {
color: #333;
text-decoration: none;
}
.action-bar .dropdown-menu .dropdown-add-btn:active,
.action-bar .dropdown-menu .dropdown-add-btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.action-bar .dropdown-menu .dropdown-add-btn.disabled,
.action-bar .dropdown-menu .dropdown-add-btn[disabled],
fieldset[disabled] .action-bar .dropdown-menu .dropdown-add-btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.action-bar .dropdown-menu .dropdown-add-btn:hover,
.action-bar .dropdown-menu .dropdown-add-btn:focus,
.action-bar .dropdown-menu .dropdown-add-btn:active,
.action-bar .dropdown-menu .dropdown-add-btn.active,
.open .dropdown-toggle.action-bar .dropdown-menu .dropdown-add-btn {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
.action-bar .dropdown-menu .dropdown-add-btn:active,
.action-bar .dropdown-menu .dropdown-add-btn.active,
.open .dropdown-toggle.action-bar .dropdown-menu .dropdown-add-btn {
background-image: none;
}
.action-bar .dropdown-menu .dropdown-add-btn.disabled,
.action-bar .dropdown-menu .dropdown-add-btn[disabled],
fieldset[disabled] .action-bar .dropdown-menu .dropdown-add-btn,
.action-bar .dropdown-menu .dropdown-add-btn.disabled:hover,
.action-bar .dropdown-menu .dropdown-add-btn[disabled]:hover,
fieldset[disabled] .action-bar .dropdown-menu .dropdown-add-btn:hover,
.action-bar .dropdown-menu .dropdown-add-btn.disabled:focus,
.action-bar .dropdown-menu .dropdown-add-btn[disabled]:focus,
fieldset[disabled] .action-bar .dropdown-menu .dropdown-add-btn:focus,
.action-bar .dropdown-menu .dropdown-add-btn.disabled:active,
.action-bar .dropdown-menu .dropdown-add-btn[disabled]:active,
fieldset[disabled] .action-bar .dropdown-menu .dropdown-add-btn:active,
.action-bar .dropdown-menu .dropdown-add-btn.disabled.active,
.action-bar .dropdown-menu .dropdown-add-btn[disabled].active,
fieldset[disabled] .action-bar .dropdown-menu .dropdown-add-btn.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
.action-bar .dropdown-menu .dropdown-add-btn .badge {
color: var(--app-blue-text);
background-color: #fff;
}
.action-bar .btn-group.btn-group-justified .btn {
color: #fff;
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
width: 50%;
}
.action-bar .btn-group-justified .btn:hover,
.action-bar .btn-group-justified .btn:focus,
.action-bar .btn-group-justified .btn:active,
.action-bar .btn-group-justified .btn.active,
.open .dropdown-toggle.action-bar .btn-group-justified .btn {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
.action-bar .btn-group-justified .btn:active,
.action-bar .btn-group-justified .btn.active,
.open .dropdown-toggle.action-bar .btn-group-justified .btn {
background-image: none;
}
.action-bar .btn-group-justified .btn.disabled,
.action-bar .btn-group-justified .btn[disabled],
fieldset[disabled] .action-bar .btn-group-justified .btn,
.action-bar .btn-group-justified .btn.disabled:hover,
.action-bar .btn-group-justified .btn[disabled]:hover,
fieldset[disabled] .action-bar .btn-group-justified .btn:hover,
.action-bar .btn-group-justified .btn.disabled:focus,
.action-bar .btn-group-justified .btn[disabled]:focus,
fieldset[disabled] .action-bar .btn-group-justified .btn:focus,
.action-bar .btn-group-justified .btn.disabled:active,
.action-bar .btn-group-justified .btn[disabled]:active,
fieldset[disabled] .action-bar .btn-group-justified .btn:active,
.action-bar .btn-group-justified .btn.disabled.active,
.action-bar .btn-group-justified .btn[disabled].active,
fieldset[disabled] .action-bar .btn-group-justified .btn.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
.action-bar .btn-group.btn-group-justified .btn .badge {
color: var(--app-blue-text);
background-color: #fff;
}
@media (min-width: 992px) {
.action-bar .btn-group.btn-group-justified .btn {
  width: 75%;
}
}
@media (min-width: 1200px) {
.action-bar .btn-group.btn-group-justified .btn {
  width: 80%;
}
}

.action-bar .btn.dropdown-toggle:not(:first-child) {
padding-left: 2px;
padding-right: 2px;
width: 50%;
}
@media (min-width: 992px) {
.action-bar .btn.dropdown-toggle:not(:first-child) {
  width: 25%;
}
}
@media (min-width: 1200px) {
.action-bar .btn.dropdown-toggle:not(:first-child) {
  width: 20%;
}
}
.action-bar #actions-btn {
width: 100%;
}
.action-bar #actions-dropdown ul li .btn {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
text-align: left;
border-radius: 0;
padding: 10px;
}

#app-panel .heading{
padding-top: 0;
padding-bottom: 0;
border: 1px solid #ddd;
border-bottom: 0;
}
#app-panel .heading .location-tabs {
margin-bottom: 0;
padding-left: 0;
list-style: none;
border-bottom: 1px solid #ddd;
padding-top: 3px;
padding-left: 15px;
font-size: 1.2rem;
margin: 0;
font-weight: 600;
background-color: #eee;
}
#app-panel #main-location-tab {
margin-left: 0px;
}
#app-panel .heading .location-tabs > li {
float: left;
margin-bottom: -1px;
}
#app-panel .heading .location-tabs > li {
position: relative;
display: block;
}
#app-panel .heading .location-tabs > li.active > a, #app-panel .heading .location-tabs > li.active > a:hover, #app-panel .heading .location-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
#app-panel .heading .location-tabs > li.active > a,
#app-panel .heading .location-tabs > li.active > a:hover,
#app-panel .heading .location-tabs > li.active > a:focus {
color: #555555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
#app-panel .heading .location-tabs li a {
padding: 5px 10px;
}
#app-panel .heading .location-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
#app-panel .heading .location-tabs > li > a {
position: relative;
display: block;
padding: 5px 10px;
}

/* Merchants nav col/tabs */
#app-panel .nav-col {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding: 0 !important;
font-weight: 600;
}
@media (min-width: 992px) {
#app-panel .nav-col {
  float: left;
  width: 16.66666667%;
}
}

#app-panel .tab-btn .badge {
color: var(--app-blue-text);
background-color: #fff;
}
#app-panel .section-nav {
padding: 5px;
min-height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
display: block;
}
#app-panel .section-nav blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
#app-panel .section-nav {
  padding: 0;
  margin: 0;
}
#app-panel .section-nav > li {
  float: none;
}
#app-panel .section-nav > li + li {
  margin-top: 2px;
  margin-left: 0;
}
#app-panel .section-nav li {
  margin: 0;
}
#app-panel .section-nav li a {
  padding: 10px 10px;
}
}
#app-panel .heading .location-tabs li:not(.active) a {
color: #706e6b;
}
#app-panel .heading .location-tabs li:not(.active) a:hover {
background-color: #ddd;
color: #565452;
}
#app-panel #main-location-tab {
margin-left: 0px;
}
.panel-body {
padding: 15px;
}
#app-panel #app-panel-body {
border: 1px solid #ddd;
border-top: none;
margin-bottom: 15px;
}
#app-panel .add-btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 6px;
line-height: 1.42857143;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
padding: 5px 10px;
line-height: 1.5;
border-radius: 3px;
color: #fff;
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
margin-top: 9.5px;
margin-bottom: 9.5px;
font-size: .9rem;
}
#app-panel .add-btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
#app-panel .add-btn:hover,
#app-panel .add-btn:focus {
color: #333;
text-decoration: none;
}
#app-panel .add-btn:active,
#app-panel .add-btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
#app-panel .add-btn.disabled,
#app-panel .add-btn[disabled],
fieldset[disabled] #app-panel .add-btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
#app-panel .add-btn:hover,
#app-panel .add-btn:focus,
#app-panel .add-btn:active,
#app-panel .add-btn.active,
.open .dropdown-toggle#app-panel .add-btn {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
#app-panel .add-btn:active,
#app-panel .add-btn.active,
.open .dropdown-toggle#app-panel .add-btn {
background-image: none;
}
#app-panel .add-btn.disabled,
#app-panel .add-btn[disabled],
fieldset[disabled] #app-panel .add-btn,
#app-panel .add-btn.disabled:hover,
#app-panel .add-btn[disabled]:hover,
fieldset[disabled] #app-panel .add-btn:hover,
#app-panel .add-btn.disabled:focus,
#app-panel .add-btn[disabled]:focus,
fieldset[disabled] #app-panel .add-btn:focus,
#app-panel .add-btn.disabled:active,
#app-panel .add-btn[disabled]:active,
fieldset[disabled] #app-panel .add-btn:active,
#app-panel .add-btn.disabled.active,
#app-panel .add-btn[disabled].active,
fieldset[disabled] #app-panel .add-btn.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
#app-panel .add-btn .badge {
color: var(--app-blue-text);
background-color: #fff;
}
#app-panel .add-btn.btn-sm {
margin-top: 11px;
margin-bottom: 11px;
}
#app-panel .add-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
#app-panel li .add-btn {
margin: 0;
}
#app-panel .content-col {
float: left;
width: 100%;
position: relative;
min-height: 1px;
/*removed padding because .container adds padding as well
padding-left: 15px;
padding-right: 15px;*/
}
@media (min-width: 992px) {
#app-panel .content-col {
  float: left;
  width: 83% !important;
}
}
#app-panel .content-details {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
#app-panel .content-details {
  float: left;
  width: 50%;
}
}
#app-panel .tab-btn {
color: #fff;
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
text-align: left;
}
#app-panel .tab-btn:hover,
#app-panel .tab-btn:focus,
#app-panel .tab-btn:active,
#app-panel .tab-btn.active,
.open .dropdown-toggle#app-panel .tab-btn {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
#app-panel .tab-btn:active,
#app-panel .tab-btn.active,
.open .dropdown-toggle#app-panel .tab-btn {
background-image: none;
}
#app-panel .tab-btn.disabled,
#app-panel .tab-btn[disabled],
fieldset[disabled] #app-panel .tab-btn,
#app-panel .tab-btn.disabled:hover,
#app-panel .tab-btn[disabled]:hover,
fieldset[disabled] #app-panel .tab-btn:hover,
#app-panel .tab-btn.disabled:focus,
#app-panel .tab-btn[disabled]:focus,
fieldset[disabled] #app-panel .tab-btn:focus,
#app-panel .tab-btn.disabled:active,
#app-panel .tab-btn[disabled]:active,
fieldset[disabled] #app-panel .tab-btn:active,
#app-panel .tab-btn.disabled.active,
#app-panel .tab-btn[disabled].active,
fieldset[disabled] #app-panel .tab-btn.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}

.col-subhead {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-subhead h3 {
border-bottom: 2px solid #ddd;
padding-bottom: 5px;
color: var(--app-blue-text);
margin: 10px 0;
font-size: 1.3rem !important;
font-weight: 600;
text-transform: uppercase;
}
.subhead {
position: relative;
float: left;
width: 100%;
min-height: 1px;
}
.subhead h4, .subhead h3, .subhead h2, .subhead h1 {
border-bottom: 2px solid #ddd;
padding-bottom: 5px;
color: var(--app-blue-text);
margin: 10px 0;
text-transform: uppercase;
}

/*fieldset.content-details,
fieldset.content-details-3,
fieldset.content-details-6,
fieldset.content-details-9,
fieldset.content-details-12{
border: 1px solid;
border-radius: 5px;
border-color: var(--app-panel-border);
background: whitesmoke;
margin-top: -5px;
}*/

.content-details-panel h4.content-details-panel-title{
display: inline-block;
position: absolute;
margin-top: -10px;
margin-left: 5px;
background: whitesmoke;
}

.form-control-static.ev-read {
white-space: pre-wrap;      /* CSS3 */
white-space: -moz-pre-wrap; /* Firefox */
white-space: -pre-wrap;     /* Opera <7 */
white-space: -o-pre-wrap;   /* Opera 7 */
word-wrap: break-word;      /* IE */
}
.form-control-static:empty {
padding: 0;
margin-bottom: 7px;
}
/*prevent wrapping of large urls in support tab*/
.form-control-static a{
overflow-wrap: break-word;
}

@media (min-width: 768px) {
.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}
.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
  top: 0;
}
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 24px;
}
.form-horizontal .panel-heading .no-gutters .form-group {
/* For Report and VieDef Filter order*/
margin: 0px;
}

.panel-heading .col-control-field.text-right{
  /* For Report and VieDef Filter order*/
  float: unset;
  width: unset;
}

.form-horizontal .no-gutters .form-control-static{
padding-top: 7px;
}

.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal .form-control-static {
padding-top: 7px;
}

.badge-primary {
background-color: var(--app-blue-text);
}
.badge-success {
background-color: #60c659;
}
.badge-info {
background-color: #5bc0de;
}
.badge-warning {
background-color: #f0ad4e;
}
.badge-danger {
background-color: #d9534f;
}
.badge-gray {
background-color: #565452;
}
.brand-primary {
color: var(--app-blue-text);
}
.brand-success {
color: #60c659;
}
.brand-info {
color: #5bc0de;
}
.brand-warning {
color: #f0ad4e;
}
.brand-danger {
color: #d9534f;
}
.brand-gray {
color: #565452;
}

.form-horizontal .control-label {
padding-top: 7px;
margin-right: 0px;
font-weight: 600;
}

form .form-group {
margin-bottom: 5px;
padding: 0px;
margin-left: -5px;
margin-right: -5px;
}
.form-horizontal {
width: 100%;
}
.form-horizontal .control-label {
text-align: left;
padding-top: 7px;
margin-right: 0px;
font-weight: 600;
}
/* Multi-column Forms */
.row.app-fieldset{
    padding-left: 15px;
    padding-right: 15px;
}

.content-details {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.content-details-3{
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 33.3%;
}
.content-details-6{
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 50%;
}
.content-details-9{
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 76%;
}
.content-details-12{
float: left;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}

@media (min-width: 480px) {
.content-details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
}
@media (min-width: 768px) {
.content-details {
  float: left;
  width: 50%;
}
}
@media (min-width: 992px) {
.content-details {
  float: left;
  width: 50%;
}
}
@media (min-width: 1200px) {
.content-details {
  float: left;
  width: 33.33333333%;
}
}
.col-control-label {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: left !important;
}
@media (min-width: 768px) {
.col-control-label {
  float: left;
  width: 100%;
}
}
@media (min-width: 992px) {
.col-control-label {
  float: left;
  width: 33.33333333%;
}
}
@media (min-width: 1200px) {
.col-control-label {
  float: left;
  width: 33.33333333%;
}
}
@media (min-width: 992px) {
.col-control-label {
  padding-right: 5px;
}
}
.col-control-field {
min-height: 34px;
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.form-signin .col-control-field{
width:100%;
padding: 5px;
}

@media (min-width: 768px) {
.col-control-field {
  float: left;
  width: 100%;
}
}
@media (min-width: 992px) {
.col-control-field {
  float: left;
  width: 66.66666667%;
}
}
@media (min-width: 1200px) {
.col-control-field {
  float: left;
  width: 66.66666667%;
}
}
.col-control-field.full {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.col-control-field.full {
  float: left;
  width: 100%;
}
}
@media (min-width: 1200px) {
.col-control-field.full {
  float: left;
  width: 100%;
}
}
.col-control-field.col-small {
float: left;
width: 50%;
position: relative;
min-height: 1px;
/*padding-left: 15px;
padding-right: 15px;*/
}
@media (min-width: 768px) {
.col-control-field.col-small {
  float: left;
  width: 50%;
}
}
@media (min-width: 992px) {
.col-control-field.col-small {
  float: left;
  width: 33.33333333%;
}
}
@media (min-width: 1200px) {
.col-control-field.col-small {
  float: left;
  width: 33.33333333%;
}
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after,
#wrapper:before,
#wrapper:after,
.dropdown-menu .dropdown-cell:before,
.dropdown-menu .dropdown-cell:after,
#content:before,
#content:after,
.actions-row:before,
.actions-row:after,
#app-footer:before,
#app-footer:after,
#app-panel .heading .location-tabs:before,
#app-panel .heading .location-tabs:after {
content: " ";
display: table;
clear: both;
}

.validate-btn {
margin-top: -10px;
}
.validate-btn:hover,
.validate-btn:focus,
.validate-btn:active,
.validate-btn.active,
.open .dropdown-toggle.validate-btn {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.validate-btn:active,
.validate-btn.active,
.open .dropdown-toggle.validate-btn {
background-image: none;
}
.validate-btn.disabled,
.validate-btn[disabled],
fieldset[disabled] .validate-btn,
.validate-btn.disabled:hover,
.validate-btn[disabled]:hover,
fieldset[disabled] .validate-btn:hover,
.validate-btn.disabled:focus,
.validate-btn[disabled]:focus,
fieldset[disabled] .validate-btn:focus,
.validate-btn.disabled:active,
.validate-btn[disabled]:active,
fieldset[disabled] .validate-btn:active,
.validate-btn.disabled.active,
.validate-btn[disabled].active,
fieldset[disabled] .validate-btn.active {
background-color: #fff;
border-color: #ccc;
}
.validate-btn .badge {
color: #fff;
background-color: #333;
}
.btn.copy-address-btn {
color: #fff;
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
width: 100%;
}
.btn.copy-address-btn:hover,
.btn.copy-address-btn:focus,
.btn.copy-address-btn:active,
.btn.copy-address-btn.active,
.open .dropdown-toggle.copy-address-btn {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
.copy-address-btn:active,
.copy-address-btn.active,
.open .dropdown-toggle.copy-address-btn {
background-image: none;
}
.copy-address-btn.disabled,
.copy-address-btn[disabled],
fieldset[disabled] .copy-address-btn,
.copy-address-btn.disabled:hover,
.copy-address-btn[disabled]:hover,
fieldset[disabled] .copy-address-btn:hover,
.copy-address-btn.disabled:focus,
.copy-address-btn[disabled]:focus,
fieldset[disabled] .copy-address-btn:focus,
.copy-address-btn.disabled:active,
.copy-address-btn[disabled]:active,
fieldset[disabled] .copy-address-btn:active,
.copy-address-btn.disabled.active,
.copy-address-btn[disabled].active,
fieldset[disabled] .copy-address-btn.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
.copy-address-btn .badge {
color: var(--app-blue-text);
background-color: #fff;
}

.col-action a, .col-action button {
width: 100%;
}

.app-claim-btn{
padding: 5px;
color: #fff;
background-color: #60c659;
border-color: #4ec046;
min-width: 6.5rem
}

.app-claim-btn:hover,
.app-claim-btn:focus,
.app-claim-btn:active{
color: #fff;
background-color: #47b73f;
border-color: #3a9533;
}

.action-btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 5px 5px;
    border-radius: 4px;
    user-select: none;
    text-align: center;
    color: #fff;
    line-height: unset;
    background-color: var(--app-blue-text);
    border-color: var(--app-blue-border);
}
.action-btn:hover,
.action-btn:focus,
.action-btn:active,
.action-btn.active,
.open .dropdown-toggle.action-btn {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
text-decoration: none;
}

.filter-field span.ev-read,
.action-field span.ev-read,
.action-value span.ev-read{
white-space: normal;
word-break: break-all;
}

.app-do-not-call,
.app-partner-instructions{
border-radius: 4px;
color: #fff;
background-color: #d9534f;
padding: 3px;
margin-bottom: 4px;
box-shadow: 2px 2px 3px 0px #c3c3c3;
}
.app-partner-docs, .app-partner-documentation{
border-radius: 4px;
border-color: var(--app-blue-border);
padding: 3px;
margin-bottom: 4px;
box-shadow: 2px 2px 3px 0px #c3c3c3;
}

select.app-invalid-selection{
border-color: #c77c11;
}
/* not a fan of overriding H* fontsizes but can't tackle changing all elements in all modals, etc right now */
h1,
.h1 {
font-size: 31px;
}
h2,
.h2 {
font-size: 25px;
}
h3,
.h3 {
font-size: 21px;
}
h4,
.h4 {
font-size: 15px;
}
h5,
.h5 {
font-size: 12px;
}
h6,
.h6 {
font-size: 11px;
}

/* modal dialogs */
.container {
  width: 100%;
  min-height: 100%;
  height: 100%;
  margin: 0px;
  max-width: unset ;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-header {
  background-color: var(--app-blue-text);
  border-width: 0px;
  color: #fff;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  display: block;
}
.modal-header.modal-success {
  background-color: #60c659;
}
.modal-header.modal-warning {
  background-color: #f0ad4e;
}
.modal-header.modal-danger {
  background-color: #d9534f;
}
.modal-body .content-details {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.modal-dialog {
  background-color: var(--app-grey1);
  padding: 0 !important;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.modal-footer {
  background-color: var(--app-grey2);
}
.modal-content{
    background-color: unset;
}
.modal-dialog .modal-content{
  border: unset;
}
/*
@media (min-width: 768px) {
.modal-body .content-details {
  position: relative;
  float: left;
  width: 83.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
}
@media (min-width: 768px) and (min-width: 480px) {
.modal-body .content-details {
  margin-left: 8.33333333%;
}
}
.modal-body .content-details .col-control-label {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 480px) {
.modal-body .content-details .col-control-label {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
}
}
@media (min-width: 768px) {
.modal-body .content-details .col-control-label {
  float: left;
  width: 33.33333333%;
}
}
@media (min-width: 992px) {
.modal-body .content-details .col-control-label {
  float: left;
  width: 33.33333333%;
}
}
@media (min-width: 1200px) {
.modal-body .content-details .col-control-label {
  float: left;
  width: 33.33333333%;
}
}
.modal-body .content-details .col-control-field {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 480px) {
.modal-body .content-details .col-control-field {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
}
@media (min-width: 768px) {
.modal-body .content-details .col-control-field {
  float: left;
  width: 66.66666667%;
}
}
@media (min-width: 992px) {
.modal-body .content-details .col-control-field {
  float: left;
  width: 66.66666667%;
}
}
@media (min-width: 1200px) {
.modal-body .content-details .col-control-field {
  float: left;
  width: 66.66666667%;
}
}
.modal-body .content-details .col-control-field.full {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 992px) {
.modal-body .content-details .col-control-field.full {
  float: left;
  width: 100%;
}
}
@media (min-width: 1200px) {
.modal-body .content-details .col-control-field.full {
  float: left;
  width: 100%;
}
}
.modal-body .content-details .col-control-field.col-small {
float: left;
width: 50%;
position: relative;
min-height: 1px;
}
@media (min-width: 768px) {
.modal-body .content-details .col-control-field.col-small {
  float: left;
  width: 50%;
}
}
@media (min-width: 992px) {
.modal-body .content-details .col-control-field.col-small {
  float: left;
  width: 33.33333333%;
}
}
@media (min-width: 1200px) {
.modal-body .content-details .col-control-field.col-small {
  float: left;
  width: 33.33333333%;
}
}
*/

.modal .modal-dialog {
  max-width: unset;
}
.modal-sm {
width: 30%;
}
.modal-md {
width: 50%;
}
.modal-md-lg {
width: 75%;
}
.modal-lg {
width: 100%;
}

@media (min-width: 768px) {
div.modal div.modal-dialog:not(.modal-sm, .modal-md, .modal-md-lg, .modal-lg) {
  width: 600px;
  margin: 30px auto;
}
.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
}
.modal-footer {
padding: 15px;
}
.modal-close {
float: right;
font-size: 18px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: 0.2;
filter: alpha(opacity=20);
color: #fff;
opacity: .6;
}
.modal-close:hover,
.modal-close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.modal-close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-close:hover,
.modal-close:focus {
color: #fff;
opacity: 1;
}
.modal-subhead {
position: relative;
float: left;
width: 66.66666667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
@media (min-width: 480px) {
.modal-subhead {
  margin-left: 33.33333333%;
}
}
.modal-subhead-w {
position: relative;
float: left;
width: 66.66666667%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
float: none;
width: auto;
}

/* error notice on required/validated inputs */
.warning, .error {
  position: relative;
}

.warning .form-control,
.error .form-control {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding-right: 38.75px;
}

.error .form-control {
    border-color: #a94442;
}
.warning .form-control {
    border-color: #de8a13;
}

.error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  }

.error .form-control-feedback {
    color: #a94442;
}
.warning .form-control-feedback {
    color: #de8a13;
}

.error .form-control-feedback,
.warning .form-control-feedback {
    position: absolute;
    display: block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    top: 0;
    right: 15px;
}

.error .ev-write.fa.fa-times{
    color: #a94442;
}
.warning .ev-write.fa.fa-times{
    color: #de8a13;
}

.error .ev-write.fa.fa-times,
.warning .ev-write.fa.fa-times {
    position: absolute;
    top: 22px;
    right: 0;
    display: block;
    width: 31px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    top: 0;
    right: 15px;
}

.error .help-block,
.error .control-label,
.error .radio,
.error .checkbox,
.error .radio-inline,
.error .checkbox-inline {
    color: #a94442;
}

.error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}
.warning .input-group-addon {
    color: #de8a13;
    border-color: #de8a13;
    background-color: #fcf8e3;
}

.error .help-block,
.warning .help-block {
    margin-top: 5px;
    margin-bottom: 0;
}
.error span.fa.fa-search,
.warning span.fa.fa-search {
    display: none !important;
    visibility: hidden !important;
}

.warning .checkbox,
.warning .checkbox-inline,
.warning .control-label,
.warning .help-block,
.warning .radio,
.warning .radio-inline,
.warning .form-control-feedback {
    color: #de8a13;
}


/* .btn-addon used for TinCheck status and maybe others */
.btn.btn-addon{
white-space: nowrap;
padding: 5px;
border-color: #adadad;
}
.btn.btn-addon:hover,
.btn.btn-addon:focus,
.btn.btn-addon:active,
.btn.btn-addon.active,
.open .dropdown-toggle.btn-addon {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn.btn-addon.uw-api-details,
.btn.btn-addon.uw-api-details:focus,
.btn.btn-addon.uw-api-details:hover,
.btn.btn-addon.uw-api-run,
.btn.btn-addon.uw-api-run:focus,
.btn.btn-addon.uw-api-run:hover {
  background-color:   inherit;
}
.uw-api-small {
  width:              28px;
}
.btn.btn-addon.uw-api-run{
border-color: #9e9e9e;
}
.btn.btn-addon.uw-api-none, .btn.btn-addon.uw-api-none:focus, .btn.btn-addon.uw-api-none:hover {
  color:          black;
  background-color: inherit;
}
.btn.btn-addon.uw-api-error, .btn.btn-addon.uw-api-error:focus, .btn.btn-addon.uw-api-error:hover  {
  outline:        orange;
  color:          orange;
  border-color:   orange;
  border: 1px     solid orange;
  background-color: inherit;
}
.btn.btn-addon.uw-api-fail, .btn.btn-addon.uw-api-fail:focus, .btn.btn-addon.uw-api-fail:hover  {
  outline:        red;
  color:          red;
  border-color:   red;
  border: 1px     solid red;
  background-color: inherit;
}
.btn.btn-addon.uw-api-pass, .btn.btn-addon.uw-api-pass:focus, .btn.btn-addon.uw-api-pass:hover  {
  outline:        #00b33c;
  color:          #00b33c;
  border-color:   #00b33c;
  border: 1px     solid #00b33c;
  background-color: inherit;
}
.btn.btn-addon.uw-api-ovrrd, .btn.btn-addon.uw-api-ovrrd:focus, .btn.btn-addon.uw-api-ovrrd:hover  {
  outline:        #00b33c;
  color:          #00b33c;
  border-color:   #00b33c;
  border: 1px     solid #00b33c;
  background-color: inherit;
}

/* button groups */
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}

/*file upload*/

.app.dropzone-cover{
opacity: .7;
background-color:#41638d;
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
z-index:100;
}

.blueimp-gallery,
.blueimp-gallery>.slides>.slide>.slide-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -moz-backface-visibility: hidden
}

.blueimp-gallery>.slides>.slide>.slide-content {
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 1
}

.blueimp-gallery {
  position: fixed;
  z-index: 999999;
  overflow: hidden;
  background: #000;
  background: rgba(0, 0, 0, .9);
  opacity: 0;
  display: none;
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none
}

.blueimp-gallery-carousel {
  position: relative;
  z-index: auto;
  margin: 1em auto;
  padding-bottom: 56.25%;
  box-shadow: 0 0 10px #000;
  -ms-touch-action: pan-y;
  touch-action: pan-y
}

.blueimp-gallery-display {
  display: block;
  opacity: 1
}

.blueimp-gallery>.slides {
  position: relative;
  height: 100%;
  overflow: hidden
}

.blueimp-gallery-carousel>.slides {
  position: absolute
}

.blueimp-gallery>.slides>.slide {
  position: relative;
  float: left;
  height: 100%;
  text-align: center;
  transition-timing-function: cubic-bezier(0.645, .045, .355, 1)
}

.blueimp-gallery,
.blueimp-gallery>.slides>.slide>.slide-content {
  transition: opacity .5s linear
}

.blueimp-gallery>.slides>.slide-loading {
  background: url(../src/blueimp-fileupload/img/loading.gif) center no-repeat;
  background-size: 64px 64px
}

.blueimp-gallery>.slides>.slide-loading>.slide-content {
  opacity: 0
}

.blueimp-gallery>.slides>.slide-error {
  background: url(../src/blueimp-fileupload/img/error.png) center no-repeat
}

.blueimp-gallery>.slides>.slide-error>.slide-content {
  display: none
}

.blueimp-gallery>.prev,
.blueimp-gallery>.next {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0 0 2px #000;
  text-align: center;
  background: #222;
  background: rgba(0, 0, 0, .5);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: .5;
  cursor: pointer;
  display: none
}

.blueimp-gallery>.next {
  left: auto;
  right: 15px
}

.blueimp-gallery>.close,
.blueimp-gallery>.title {
  position: absolute;
  top: 15px;
  left: 15px;
  margin: 0 40px 0 0;
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  text-shadow: 0 0 2px #000;
  opacity: .8;
  display: none
}

.blueimp-gallery>.close {
  padding: 15px;
  right: 15px;
  left: auto;
  margin: -15px;
  font-size: 30px;
  text-decoration: none;
  cursor: pointer
}

.blueimp-gallery>.play-pause {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 15px;
  height: 15px;
  background: url(../img/play-pause.png) 0 0 no-repeat;
  cursor: pointer;
  opacity: .5;
  display: none
}

.blueimp-gallery-playing>.play-pause {
  background-position: -15px 0
}

.blueimp-gallery>.prev:hover,
.blueimp-gallery>.next:hover,
.blueimp-gallery>.close:hover,
.blueimp-gallery>.title:hover,
.blueimp-gallery>.play-pause:hover {
  color: #fff;
  opacity: 1
}

.blueimp-gallery-controls>.prev,
.blueimp-gallery-controls>.next,
.blueimp-gallery-controls>.close,
.blueimp-gallery-controls>.title,
.blueimp-gallery-controls>.play-pause {
  display: block;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.blueimp-gallery-single>.prev,
.blueimp-gallery-left>.prev,
.blueimp-gallery-single>.next,
.blueimp-gallery-right>.next,
.blueimp-gallery-single>.play-pause {
  display: none
}

.blueimp-gallery>.slides>.slide>.slide-content,
.blueimp-gallery>.prev,
.blueimp-gallery>.next,
.blueimp-gallery>.close,
.blueimp-gallery>.play-pause {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

body:last-child .blueimp-gallery>.slides>.slide-error {
  background-image: url(../img/error.svg)
}

body:last-child .blueimp-gallery>.play-pause {
  width: 20px;
  height: 20px;
  background-size: 40px 20px;
  background-image: url(../img/play-pause.svg)
}

body:last-child .blueimp-gallery-playing>.play-pause {
  background-position: -20px 0
}

*+html .blueimp-gallery>.slides>.slide {
  min-height: 300px
}

*+html .blueimp-gallery>.slides>.slide>.slide-content {
  position: relative
}

.blueimp-gallery>.indicator {
  position: absolute;
  top: auto;
  right: 15px;
  bottom: 15px;
  left: 15px;
  margin: 0 40px;
  padding: 0;
  list-style: none;
  text-align: center;
  line-height: 10px;
  display: none
}

.blueimp-gallery>.indicator>li {
  display: inline-block;
  width: 9px;
  height: 9px;
  margin: 6px 3px 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: 1px solid transparent;
  background: #ccc;
  background: rgba(255, 255, 255, .25)center no-repeat;
  border-radius: 5px;
  box-shadow: 0 0 2px #000;
  opacity: .5;
  cursor: pointer
}

.blueimp-gallery>.indicator>li:hover,
.blueimp-gallery>.indicator>.active {
  background-color: #fff;
  border-color: #fff;
  opacity: 1
}

.blueimp-gallery-controls>.indicator {
  display: block;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.blueimp-gallery-single>.indicator {
  display: none
}

.blueimp-gallery>.indicator {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

*+html .blueimp-gallery>.indicator>li {
  display: inline
}

.blueimp-gallery>.slides>.slide>.video-content>img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.blueimp-gallery>.slides>.slide>.video-content>video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.blueimp-gallery>.slides>.slide>.video-content>iframe {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}

.blueimp-gallery>.slides>.slide>.video-playing>iframe {
  top: 0
}

.blueimp-gallery>.slides>.slide>.video-content>a {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: -64px auto 0;
  width: 128px;
  height: 128px;
  background: url(../img/video-play.png) center no-repeat;
  opacity: .8;
  cursor: pointer
}

.blueimp-gallery>.slides>.slide>.video-content>a:hover {
  opacity: 1
}

.blueimp-gallery>.slides>.slide>.video-playing>a,
.blueimp-gallery>.slides>.slide>.video-playing>img {
  display: none
}

.blueimp-gallery>.slides>.slide>.video-content>video {
  display: none
}

.blueimp-gallery>.slides>.slide>.video-playing>video {
  display: block
}

.blueimp-gallery>.slides>.slide>.video-loading>a {
  background: url(../img/loading.gif) center no-repeat;
  background-size: 64px 64px
}

body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a {
  background-image: url(../img/video-play.svg)
}

*+html .blueimp-gallery>.slides>.slide>.video-content {
  height: 100%
}

*+html .blueimp-gallery>.slides>.slide>.video-content>a {
  left: 50%;
  margin-left: -64px
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
background: url("../img/progressbar.gif") !important;
filter: none;
}
.fileupload-process {
float: right;
display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
display: block;
width: 32px;
height: 32px;
background: url("../img/loading.gif") center no-repeat;
background-size: contain;
}
.files audio,
.files video {
max-width: 300px;
}

@media (max-width: 767px) {
.fileupload-buttonbar .toggle,
.files .toggle,
.files .btn span {
  display: none;
}
.files .name {
  width: 80px;
  word-wrap: break-word;
}
.files audio,
.files video {
  max-width: 80px;
}
.files img,
.files canvas {
  max-width: 100%;
}
}

.files .template-download.fade.in{
    opacity: 1;
}
.files .template-download.fade:not(.show) {
    opacity: 1;
}

tr.template-download td.td-icon{
    width: 2rem;
}
tr.template-download td.delete-cancel{
    width: 2rem
}
.col-stretch .btn {
    width: 100%;
}
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
}

/* cancel button */
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.btn-xs {
    border-radius: 3px;
    padding: 0px 0px;
}

/* input group addons */
.input-group-addon:last-child {
    border-left: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.input-group-addon {
    padding-right: 6px !important;
    padding-left: 6px !important;
    color: #555555 !important;
    text-align: center !important;
    background-color: #eeeeee !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    }
.input-group-addon, .input-group-btn {
    white-space: nowrap !important;
    vertical-align: middle !important;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell !important;
}

/* The loading icon show during AppUtils.Api() if a wait element is passed in */
#loading {
    position: inherit;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
}
#loading.full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999998;
}
.loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: var(--app-blue-text);
    z-index: 999999;
    font-size: 6px;
    text-indent: -9999em;
    border-top: 2px solid #d7e3f3;
    border-right: 2px solid #d7e3f3;
    border-bottom: 2px solid var(--app-blue-text);
    border-left: 2px solid var(--app-blue-text);
    -webkit-animation: load8 0.6s infinite linear;
    animation: load8 0.6s infinite linear;
}
.loader.dashboard-loader {
    font-size: 3px;
}
.loader,
.loader:after {
    border-radius: 50%;
    width: 14em;
    height: 14em;
}
.loader-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: var(--app-blue-text);
    z-index: 999999;
    font-size: 6px;
    text-indent: -9999em;
    border-top: 2px solid #d7e3f3;
    border-right: 2px solid #d7e3f3;
    border-bottom: 2px solid var(--app-blue-text);
    border-left: 2px solid var(--app-blue-text);
    -webkit-animation: load8 0.6s infinite linear;
    animation: load8 0.6s infinite linear;
    border-radius: 50%;
    width: 14em;
    height: 14em;
    position: fixed;
    top: 50%;
    left: 50%;
    bottom: inherit;
    right: inherit;
}
.loader-center.dashboard-loader {
    font-size: 3px;
}
@-webkit-keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
}

/* radio groups -- I think I would like to remove ap-radio support at some point and
 not have to restyle/override browser settings so much
*/
[data-toggle="buttons"] > .btn > input[type="radio"], [data-toggle="buttons"] > .btn > input[type="checkbox"] {
display: none;
}
.ap-radio-group .btn,
.ap-checkbox-group .btn {
color: #333;
background-color: #fff;
border-color: #ccc;
color: #565452;
}
.ap-radio-group.form-check{
padding-left: 0;
}
.ap-radio-group .btn:hover,
.ap-checkbox-group .btn:hover,
.ap-radio-group .btn:focus,
.ap-checkbox-group .btn:focus,
.ap-radio-group .btn:active,
.ap-checkbox-group .btn:active,
.ap-radio-group .btn.active,
.ap-checkbox-group .btn.active,
.open .dropdown-toggle.ap-radio-group .btn,
.open .dropdown-toggle.ap-checkbox-group .btn {
color: #333;
background-color: #ebebeb;
border-color: #adadad;
}
.ap-radio-group .btn:active,
.ap-checkbox-group .btn:active,
.ap-radio-group .btn.active,
.ap-checkbox-group .btn.active,
.open .dropdown-toggle.ap-radio-group .btn,
.open .dropdown-toggle.ap-checkbox-group .btn {
background-image: none;
}
.ap-radio-group .btn.disabled,
.ap-checkbox-group .btn.disabled,
.ap-radio-group .btn[disabled],
.ap-checkbox-group .btn[disabled],
fieldset[disabled] .ap-radio-group .btn,
fieldset[disabled] .ap-checkbox-group .btn,
.ap-radio-group .btn.disabled:hover,
.ap-checkbox-group .btn.disabled:hover,
.ap-radio-group .btn[disabled]:hover,
.ap-checkbox-group .btn[disabled]:hover,
fieldset[disabled] .ap-radio-group .btn:hover,
fieldset[disabled] .ap-checkbox-group .btn:hover,
.ap-radio-group .btn.disabled:focus,
.ap-checkbox-group .btn.disabled:focus,
.ap-radio-group .btn[disabled]:focus,
.ap-checkbox-group .btn[disabled]:focus,
fieldset[disabled] .ap-radio-group .btn:focus,
fieldset[disabled] .ap-checkbox-group .btn:focus,
.ap-radio-group .btn.disabled:active,
.ap-checkbox-group .btn.disabled:active,
.ap-radio-group .btn[disabled]:active,
.ap-checkbox-group .btn[disabled]:active,
fieldset[disabled] .ap-radio-group .btn:active,
fieldset[disabled] .ap-checkbox-group .btn:active,
.ap-radio-group .btn.disabled.active,
.ap-checkbox-group .btn.disabled.active,
.ap-radio-group .btn[disabled].active,
.ap-checkbox-group .btn[disabled].active,
fieldset[disabled] .ap-radio-group .btn.active,
fieldset[disabled] .ap-checkbox-group .btn.active {
background-color: #fff;
border-color: #ccc;
}
.ap-radio-group .btn .badge,
.ap-checkbox-group .btn .badge {
color: #fff;
background-color: #333;
}
.ap-radio-group .btn.active,
.ap-checkbox-group .btn.active {
color: #fff;
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
.ap-radio-group .btn.active:hover,
.ap-checkbox-group .btn.active:hover,
.ap-radio-group .btn.active:focus,
.ap-checkbox-group .btn.active:focus,
.ap-radio-group .btn.active:active,
.ap-checkbox-group .btn.active:active,
.ap-radio-group .btn.active.active,
.ap-checkbox-group .btn.active.active,
.open .dropdown-toggle.ap-radio-group .btn.active,
.open .dropdown-toggle.ap-checkbox-group .btn.active {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
.ap-radio-group .btn.active:active,
.ap-checkbox-group .btn.active:active,
.ap-radio-group .btn.active.active,
.ap-checkbox-group .btn.active.active,
.open .dropdown-toggle.ap-radio-group .btn.active,
.open .dropdown-toggle.ap-checkbox-group .btn.active {
background-image: none;
}
.ap-radio-group .btn.active.disabled,
.ap-checkbox-group .btn.active.disabled,
.ap-radio-group .btn.active[disabled],
.ap-checkbox-group .btn.active[disabled],
fieldset[disabled] .ap-radio-group .btn.active,
fieldset[disabled] .ap-checkbox-group .btn.active,
.ap-radio-group .btn.active.disabled:hover,
.ap-checkbox-group .btn.active.disabled:hover,
.ap-radio-group .btn.active[disabled]:hover,
.ap-checkbox-group .btn.active[disabled]:hover,
fieldset[disabled] .ap-radio-group .btn.active:hover,
fieldset[disabled] .ap-checkbox-group .btn.active:hover,
.ap-radio-group .btn.active.disabled:focus,
.ap-checkbox-group .btn.active.disabled:focus,
.ap-radio-group .btn.active[disabled]:focus,
.ap-checkbox-group .btn.active[disabled]:focus,
fieldset[disabled] .ap-radio-group .btn.active:focus,
fieldset[disabled] .ap-checkbox-group .btn.active:focus,
.ap-radio-group .btn.active.disabled:active,
.ap-checkbox-group .btn.active.disabled:active,
.ap-radio-group .btn.active[disabled]:active,
.ap-checkbox-group .btn.active[disabled]:active,
fieldset[disabled] .ap-radio-group .btn.active:active,
fieldset[disabled] .ap-checkbox-group .btn.active:active,
.ap-radio-group .btn.active.disabled.active,
.ap-checkbox-group .btn.active.disabled.active,
.ap-radio-group .btn.active[disabled].active,
.ap-checkbox-group .btn.active[disabled].active,
fieldset[disabled] .ap-radio-group .btn.active.active,
fieldset[disabled] .ap-checkbox-group .btn.active.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
.ap-radio-group .btn.active .badge,
.ap-checkbox-group .btn.active .badge {
color: var(--app-blue-text);
background-color: #fff;
}
.ap-radio-group {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.ap-radio-group > .btn,
.ap-radio-group > .btn-group {
float: none;
display: table-cell;
width: 1%;
}
.ap-radio-group > .btn-group .btn {
width: 100%;
}
.error .ap-radio-group .btn {
border-color: #d9534f;
}

/* for search icon appended to typeaheads */
.has-feedback {
position: relative;
}
.has-feedback .form-control {
/*padding-right: 38.75px; added a lot of right padding between typeahead input and the search icon */
padding-right: 1.5rem;
}
.has-feedback .form-control-feedback {
position: absolute;
top: 0;
display: block;
width: 31px;
height: 31px;
line-height: 31px;
text-align: center;
}
.has-feedback .form-control-feedback {
  right: -5px;
}
.has-feedback .col-control-field .form-control-feedback {
  right: 10px;
}


/* BSFH typeahead */
.twitter-typeahead {
width: 100%;
}
.tt-dropdown-menu {
border: 1px solid #ddd;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
background-color: #fff;
margin-top: 5px;
padding: 5px 0;
border-radius: 4px;
min-width: 100%;    /* set min width to width of input but allow expansion past that */
max-height: 400px;
overflow-y: auto;
overflow-x: auto;
z-index: 3000;
}
.tt-suggestion span {
display: inline-block;
white-space: nowrap !important; /*prevent longer typeahead menu entries from breaking/wrapping between icon and text*/
margin-right: 3px;              /*add a bit of margin for the longest entry, as it jams right up to the scrollbar*/
}
.tt-dropdown-menu .tt-suggestion {
padding: 6px 12px;
display: block; /*background color on hover to take up the entire row*/
}
.tt-dropdown-menu .tt-suggestion p {
margin: 0;
}
.tt-dropdown-menu .tt-suggestion:hover,
.tt-dropdown-menu .tt-suggestion.tt-cursor {
background-color: var(--app-blue-text);
color: #fff;
cursor: pointer;
}

/* tsys boarding buttons, etc */
.api-button {
color: #fff !important;
background-color: var(--app-blue-text) !important;
border-color: var(--app-blue-border) !important;
width: 100%;
}
.api-button:hover,
.api-button:focus,
.api-button:active,
.api-button.active,
.open .dropdown-toggle.api-button {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
.api-button:active,
.api-button.active,
.open .dropdown-toggle.api-button {
background-image: none;
}
.api-button.disabled,
.api-button[disabled],
fieldset[disabled] .api-button,
.api-button.disabled:hover,
.api-button[disabled]:hover,
fieldset[disabled] .api-button:hover,
.api-button.disabled:focus,
.api-button[disabled]:focus,
fieldset[disabled] .api-button:focus,
.api-button.disabled:active,
.api-button[disabled]:active,
fieldset[disabled] .api-button:active,
.api-button.disabled.active,
.api-button[disabled].active,
fieldset[disabled] .api-button.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
.api-button .badge {
color: var(--app-blue-text);
background-color: #fff;
}

/* Generate MID button, etc */

.form-btn {
border: 1px solid transparent;
color: #fff;
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
border-radius: 3px;
}
.form-btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.form-btn:hover,
.form-btn:focus {
color: #333;
text-decoration: none;
}
.form-btn:active,
.form-btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.form-btn.disabled,
.form-btn[disabled],
fieldset[disabled] .form-btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.form-btn:hover,
.form-btn:focus,
.form-btn:active,
.form-btn.active,
.open .dropdown-toggle.form-btn {
color: #fff;
background-color: #3163a4;
border-color: #264e81;
}
.form-btn:active,
.form-btn.active,
.open .dropdown-toggle.form-btn {
background-image: none;
}
.form-btn.disabled,
.form-btn[disabled],
fieldset[disabled] .form-btn,
.form-btn.disabled:hover,
.form-btn[disabled]:hover,
fieldset[disabled] .form-btn:hover,
.form-btn.disabled:focus,
.form-btn[disabled]:focus,
fieldset[disabled] .form-btn:focus,
.form-btn.disabled:active,
.form-btn[disabled]:active,
fieldset[disabled] .form-btn:active,
.form-btn.disabled.active,
.form-btn[disabled].active,
fieldset[disabled] .form-btn.active {
background-color: var(--app-blue-text);
border-color: var(--app-blue-border);
}
.form-btn .badge {
color: var(--app-blue-text);
background-color: #fff;
}

.input-code-area{
font-family: monospace;
white-space: nowrap;
overflow: auto;
}
.output-code-area{
white-space: pre;
overflow: auto;
}
pre {
display: block !important;
padding: 8px !important;
margin: 0 0 8.5px !important;
word-break: break-all !important;
word-wrap: break-word !important;
color: #333333 !important;
background-color: #f5f5f5 !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
}
pre code {
padding: 0 !important;
white-space: pre-wrap !important;
background-color: transparent !important;
border-radius: 0 !important;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}

/*queue action buttons */
div.queue-actions {
float: left;
width: 100%;
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
float: right !important;
float: right;
padding-bottom: 0;
}
@media (min-width: 992px) {
div.queue-actions {
  float: left;
  width: 50%;
}
}
@media (min-width: 1200px) {
div.queue-actions {
  float: left;
  width: 33.33333333%;
}
}
.claim-btn .badge {
color: #60c659;
background-color: #fff;
}
td .claim-btn {
margin-top: 2px;
margin-bottom: 0;
width: 100px;
}
.queue-btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 6px;
font-size: 12px;
line-height: 1.42857143;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
width: 100%;
border-radius: 4px;
}
.queue-btn:focus {
outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.queue-btn:hover,
.queue-btn:focus {
color: #333;
text-decoration: none;
}
.queue-btn:active,
.queue-btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.col-queue-action {
position: relative;
float: left;
width: 33.33333333%;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
padding-left: 5px;
padding-right: 5px;
}

/*remove dropdown array from merchant tag dropdown */
.app-tag-column.app-tag-btn.dropdown-toggle.dropdown-toggle::after {
content: unset;
}

/* old style panels */
.panel.panel-default {
border-color: #ddd;
}
.panel {
margin-bottom: 15px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
border-color: #ddd;
-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.panel .panel-heading, .panel-toggle {
color: #565452;
}
.panel > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #ddd;
overflow: auto;
}
.panel-heading {
font-size: 1.2em;
font-weight: 400;
cursor: pointer;
padding: 5px 5px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel .panel-body {
padding: 15px;
}

/* dismissable and non-dismisable alerts that show up at the top of the viewport */
.alert {
position: absolute;
top: 0;
min-width: 200px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
font-size: 14px;
border-top-right-radius: 0;
border-top-left-radius: 0;
border-top-width: 0;
z-index: 1000;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable {
padding-right: 35px;
}
.alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #de8a13;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}

/* ViewDefs, Queues Triggers */
.app.grid .quick-delete {
border-radius: 4px;
width: 1.3rem;
padding: 0px;
font-size: .8rem;
}

.filterHeader, .filter-header {
position: relative;
min-height: 1px;
}
@media (min-width: 768px) {
.filterHeader, .filter-header {
  float: left;
  width: 50%;
}
}

ul.filters, ul.elements, ul.actions {
    list-style-type: none;
    /*overflow: auto; this causes typeahead dropdown to appear  */
    padding: 0px;
}
ul.ui-sortable .grabbable {
    cursor: move;
}
li.ui-sortable-helper{
    box-shadow: 0 0 5px 5px var(--gray);
}
li.element div.element-index,
li.action  div.action-index,
li.action  div.filter-index,
li.action  div.element-index{
    text-align: center;
    height: 2.2em;
    width: 2em;
    background-color: #565452;
    color: #fff;
    padding: 5px;
    margin: 0;
}
li.filter.dragdrop,
li.element.dragdrop,
li.action.dragdrop {
    margin-left: 0;
    margin-right: 0;
    /*padding: .6rem 0px 0px 4px; changed to below for Trigger conditions fields not being vertically centered in li*/
    padding: 0.2rem 0px 0.2rem 4px;
    border: 1px solid #ddd;
    background-color: #FAFAFA;
    list-style-type: none;
    min-height: calc(1.5em + 0.75rem + 8px) /* match .form-control height from BS */
}
li.dragdrop {
    margin: 0 15px 15px 10px;
    padding: 0 15px;
    border: 1px solid #ddd;
    background-color: #FAFAFA;
    list-style-type: none;
}
li.dragdrop:last-child {
    margin-bottom: 0;
}
li.dragdrop .dragdrop-handle {
    text-align: center;
    width: 2em;
    background-color: #565452;
    color: #fff;
    padding: .4em;
    margin: 0;
}
li.dragdrop .dragdrop-col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 10px 15px;
}
@media (min-width: 992px) {
li.dragdrop .dragdrop-col {
  float: left;
  width: 25%;
}
}
li.dragdrop .dragdrop-col.inline .col-control-field {
    width: 15%;
}
li.dragdrop .dragdrop-col.inline .col-control-label {
    width: 85%;
}
li.dragdrop .dragdrop-col .form-group .col-control-label {
    text-align: left;
}
li.dragdrop .dragdrop-col-sm {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 10px 15px;
}
@media (min-width: 992px) {
li.dragdrop .dragdrop-col-sm {
  float: left;
  width: 16.66666667%;
}
}
li.dragdrop .dragdrop-col-xs {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 10px 15px;
}
@media (min-width: 992px) {
li.dragdrop .dragdrop-col-xs {
  float: left;
  width: 8.33333333%;
}
}
li.dragdrop .dragdrop-col-md {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 10px 15px;
}
@media (min-width: 992px) {
li.dragdrop .dragdrop-col-md {
  float: left;
  width: 25%;
}
}
li.dragdrop .dragdrop-col-md.inline .col-control-field {
    width: 15%;
}
li.dragdrop .dragdrop-col-md.inline .col-control-label {
    width: 85%;
}
li.dragdrop .dragdrop-col-md .form-group .col-control-label {
    text-align: left;
}
@media (min-width: 992px) {
li.dragdrop .dragdrop-col-md {
  float: left;
  width: 50%;
}
}
li.dragdrop .dragdrop-col-xl {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding: 10px 15px;
}
@media (min-width: 992px) {
li.dragdrop .dragdrop-col-xl {
  float: left;
  width: 58.33333333%;
}
}
li.dragdrop .media {
    margin: 0 -15px;
    overflow: visible;
}
li.dragdrop .media-body {
    padding: 1em 0em 0em 0em;
    overflow: visible;
}
li.dragdrop .media-object {
    margin: 10px 15px;
}
li.dragdrop .media-object.pull-right {
    margin-left: 0;
}
li.dragdrop .media-object.pull-left {
    margin-right: 0;
}
li.dragdrop .btn-xs {
    margin: 6px 0 6px 6px;
}
li.dragdrop .col-control-field {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
li.dragdrop .col-control-field .checkbox {
    padding-top: 0;
}
li.dragdrop .col-control-field .checkbox-lbl {
    height: 34px;
    padding-top: 8px;
    padding-left: 20px;
}
li.dragdrop .form-group {
    margin-bottom: 0;
}
li.dragdrop input[type=checkbox] {
    margin: 0;
}
.delete-filter,
.delete-condition,
.delete-element,
.delete-action{
  width: 2rem;
  height: 2rem;
  padding: 0;
}

/* Dashboard Report Columns
  "3"   => "1/4 Width",
  "4"   => "1/3 Width",
  "6"   => "1/2 Width",
  "8"   => "2/3 Width",
  "9"   => "3/4 Width",
  "12"  => "Full Width",
*/
[class*="report-col-"] {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.report-col-3 {
  width: 25%;
}
.report-col-4 {
  width: 33.3%;
}
.report-col-6 {
  width: 50%;
}
.report-col-8 {
  width: 66.6%;
}
.report-col-9 {
  width: 75%;
}
.report-col-12 {
  width: 100%;
}

#availableReports li.report .content {
height: 55px;
}
#linkedReports li.report .content {
height: 100px;
}
/* general report element css */
li.report {
padding: 5px 15px;
margin: 0;
}
li.report .content {
display: inline-block;
background-color: #f5f5f5;
padding: 10px;
border: 1px solid #7f7f7f;
border-radius: 3px;
width: 100%;
}

/* START BootStrap Dashboard CSS https://getbootstrap.com/docs/4.1/examples/dashboard */
body {
font-size: .875rem;
}

.feather {
width: 16px;
height: 16px;
vertical-align: text-bottom;
}

/*
* Sidebar
*/


.sidebar-sticky {
position: relative;
top: 0;
height: calc(100vh - 48px);
padding-top: .5rem;
overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
.sidebar-sticky {
  position: -webkit-sticky;
  position: sticky;
}
}

.sidebar .nav-link {
font-weight: 500;
color: #333;
}

.sidebar .nav-link .feather {
margin-right: 4px;
color: #999;
}

.sidebar .nav-link.active {
color: var(--app-blue-text);
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
color: inherit;
}

.sidebar-heading {
font-size: .75rem;
text-transform: uppercase;
}

/*
* Navbar
*/
.app-sidebar-brand {
padding-top: .75rem;
padding-bottom: .75rem;
font-size: 1rem;
float:left;
color: var(--app-light-text);
}

.navbar .form-control {
padding: .75rem 1rem;
border-width: 0;
border-radius: 0;
}

.form-control-dark {
color: #fff;
background-color: rgba(255, 255, 255, .1);
border-color: rgba(255, 255, 255, .1);
}

.form-control-dark:focus {
border-color: transparent;
box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);
}
/* END BootStrap Dashboard CSS */

.app-tag-menu-item.selected,
.dropdown-menu > li.selected > a{
  background-color: var(--app-selected-bg);
  color: var(--app-selected-txt);
}
.app-tag-menu-item i.fa{
  border-radius: 0.25em;
  padding: 0.2em;
}

.app-tag {
padding: 0.3rem;
/*from .label*/
display: inline;
/*padding: 0.2em 0.6em 0.3em;*/
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
margin-right: 0.5em;
}
/* START add-btn in .panel-heading, add button in panels like related lists*/
  .panel-heading .button {
      display: inline-block;
      margin-bottom: 0;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      cursor: pointer;
      background-image: none;
      border: 1px solid transparent;
      white-space: nowrap;
      padding: 6px 6px;
      font-size: 12px;
      line-height: 1.42857143;
      border-radius: 4px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      -o-user-select: none;
      user-select: none;
      color: #333;
      background-color: #fff;
      border-color: #ccc;
      padding: 1px 5px;
      font-size: 11px;
      line-height: 1.5;
      border-radius: 3px;
      background-color: #f5f5f5;
      color: #565452;
      margin: -7px 0 -5px 5px;
      padding: 4px 7px;
      font-size: 10px;
  }
  .panel-heading .button:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
  }
  .panel-heading .button:hover,
  .panel-heading .button:focus {
      color: #333;
      text-decoration: none;
  }
  .panel-heading .button:active,
  .panel-heading .button.active {
      outline: 0;
      background-image: none;
      -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .panel-heading .button.disabled,
  .panel-heading .button[disabled],
  fieldset[disabled] .panel-heading .button {
      cursor: not-allowed;
      pointer-events: none;
      opacity: 0.65;
      filter: alpha(opacity=65);
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .panel-heading .button:hover,
  .panel-heading .button:focus,
  .panel-heading .button:active,
  .panel-heading .button.active,
  .open .dropdown-toggle.panel-heading .button {
      color: #333;
      background-color: #ebebeb;
      border-color: #adadad;
  }
  .panel-heading .button:active,
  .panel-heading .button.active,
  .open .dropdown-toggle.panel-heading .button {
      background-image: none;
  }
  .panel-heading .button.disabled,
  .panel-heading .button[disabled],
  fieldset[disabled] .panel-heading .button,
  .panel-heading .button.disabled:hover,
  .panel-heading .button[disabled]:hover,
  fieldset[disabled] .panel-heading .button:hover,
  .panel-heading .button.disabled:focus,
  .panel-heading .button[disabled]:focus,
  fieldset[disabled] .panel-heading .button:focus,
  .panel-heading .button.disabled:active,
  .panel-heading .button[disabled]:active,
  fieldset[disabled] .panel-heading .button:active,
  .panel-heading .button.disabled.active,
  .panel-heading .button[disabled].active,
  fieldset[disabled] .panel-heading .button.active {
      background-color: #fff;
      border-color: #ccc;
  }
  .panel-heading .button .badge {
      color: #fff;
      background-color: #333;
  }
  .panel-heading .button:hover {
      background-color: #e8e8e8;
      color: #555555;
  }
/* END add-btn in .panel-heading, add button in panels like related lists*/

/* START Login */
  .top-input {
      margin-bottom: 0px !important;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }
  .bottom-input {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
  }
  .top-input:focus,
  .bottom-input:focus {
      box-shadow: inset 0 0 0 0.1rem rgb(0 123 255 / 25%)
  }
  .login-panel{
      margin-top: 1em;
  }
/* END Login */

/* START DashBoard Details */
  .reports, li.ui-draggable{
      list-style-type: none;
      cursor: move;
  }
  .allReports{
      overflow-x: auto;
      min-height: 500px;
  }
  /* only show the width selector when its in the list of linked reports */
  li.report.available .form-group-width{
      display: none;
  }
  .report-width{
    min-width: 8em;
    font-size: .8em;
  }

  /*Dashboard view*/
  #dshBrdViewElement{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  /*.app-report-element{
    padding: 5px;
  }*/

  /*.app-report-element .panel{
    margin-bottom: 0px;
    border: none;
  }*/
  .app.report-view{
      min-height: 6rem;
  }
  .app.report-view.element{
    padding: 5px;
  }
  .app.report-heading{
      background-color: transparent !important;
      border: none;
      text-align: center;
      cursor: default;
      font-weight: bold;
  }

  /*.app-dshbrd-panel.panel{
    border: none;
    background-color: transparent;
    text-align: center;
    cursor: default;
  }
  .app-dshbrd-panel .panel-heading,
  .app-dshbrd-panel .panel-footer{
    background-color: transparent;
    text-align: center;
    cursor: default;
    font-weight: bold;
  }
  .app-dshbrd-panel-body.panel-body{
    padding: 0px;
  }*/

  .app-dshbrd-panel-body.panel-body table,
  .app-dshbrd-panel-body.panel-body th,
  .app-dshbrd-panel-body.panel-body td {
    border: 0;
  }

  .app.report-element{
    overflow: hidden;
  }

  .report-size-3{
    /* 1/4 width */
    width: 25%;
  }
  .report-size-4{
    /* 1/3 width */
    width: 33%;
  }
  .report-size-6{
    /* 1/2 width */
    width: 50%;
  }
  .report-size-8{
    /* 2/3 width */
    width: 66%;
  }
  .report-size-9{
    /* 3/4 width */
    width: 75%;
  }
  .report-size-12{
    /* Full width */
    width: 100%;
  }
/* END DashBoard Details */

/* START Browse Dialog - usually used for BrowseDialog, RelatedItemsSimple browse dlg, LogViewer */
  .app-view-table tr.odd.row_selected td {
      background-color: var(--app-blue-text) !important;
      color: white;
  }

  .app-view-table tr.even.row_selected td {
      background-color: var(--app-blue-text) !important;
      color: white;
  }

  .app-view-table tr.row_selected td a {
      color: white;
  }
/* START Browse Dialog - usually used for BrowseDialog, RelatedItemsSimple browse dlg, LogViewer */

/* Password reset page */
#pwd-requirements {
position: block !important;
width: none !important;
line-height: normal !important;
text-align: left !important;
}


/* START Morris Chart CSS*/
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}
/* END Morris Chart CSS*/

/* START CSS for various html-reports used on DashBoards */
.html-report .danger {
  color: #d9534f;
}
.html-report .primary {
  color: var(--app-blue-text);
}
.html-report .secondary {
  color: #60c659;
}
.html-report .tertiary {
  color: #8a8784;
}
@media (max-width: 1199px) {
  .html-report {
    font-size: 0.7em;
  }
}
.html-report .col-2 {
  position: relative;
  float: left;
  width: 16.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  border: 1px solid #d4d4d2;
  padding: 10px;
}
.html-report h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 600;
}
.html-report p {
  text-align: center;
  margin: 0;
  font-size: 1.7em;
  font-weight: 600;
}
.html-report .widget-column {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .html-report .widget-column {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .html-report .widget-column {
    float: left;
    width: 25%;
  }
}
.html-report .widget-column .LOSS {
  background-color: #d9534f !important;
  color: #fff;
}
.html-report .widget-column .WIN {
  background-color: #60c659 !important;
  color: #fff;
}
.html-report .widget-column.widget-column-sm {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .html-report .widget-column.widget-column-sm {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 992px) {
  .html-report .widget-column.widget-column-sm {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .html-report .widget-column.widget-column-sm {
    float: left;
    width: 16.66666667%;
  }
}
.html-report .dashboard-widget h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 2.3em;
  letter-spacing: 1px;
}
.html-report .dashboard-widget .panel-heading,
.html-report .dashboard-widget .panel-footer {
  padding: 5px;
}
.html-report .dashboard-widget .panel-title {
  text-align: center;
  font-size: 1.5em;
  font-weight: 600;
}
.html-report .dashboard-widget .panel-body {
  text-align: center;
  padding: 5px 0;
}
.html-report .dashboard-widget .kpi {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  font-size: 2em;
  line-height: 1.8;
}
.html-report .dashboard-widget .kpi[href]:hover,
.html-report .dashboard-widget .kpi[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.html-report .dashboard-widget .kpi:empty {
  display: none;
}
.btn .html-report .dashboard-widget .kpi {
  position: relative;
  top: -1px;
}
.html-report .dashboard-widget .kpi.sm {
  font-size: 1.3em;
  line-height: 1;
}
@media (max-width: 1199px) {
  .html-report .dashboard-widget .kpi.sm {
    font-size: 2em;
    line-height: 1.8;
  }
}
.html-report .dashboard-widget .left {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
  padding: 0 5px;
}
.html-report .dashboard-widget .right {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: left;
  padding: 0 5px;
}
.html-report .dashboard-widget .list-group {
  text-align: center;
  margin: 0;
  padding: 0;
}
.html-report .dashboard-widget .list-group .list-group-item {
  padding: 0;
  margin: 0;
  border: none;
}
.html-report .dashboard-widget .list-group .list-group-item.spacer {
  height: 6px;
}
.html-report .dashboard-widget .list-group .list-group-item .data {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  background-color: #999999;
}
.html-report .dashboard-widget .list-group .list-group-item .data[href]:hover,
.html-report .dashboard-widget .list-group .list-group-item .data[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.html-report .dashboard-widget .list-group .list-group-item .data:empty {
  display: none;
}
.btn .html-report .dashboard-widget .list-group .list-group-item .data {
  position: relative;
  top: -1px;
}
.html-report .dashboard-widget .list-group .list-group-item .data[href]:hover,
.html-report .dashboard-widget .list-group .list-group-item .data[href]:focus {
  background-color: #808080;
}
@media (min-width: 1199px) {
  .html-report .dashboard-widget .list-group .list-group-item .left.sm,
  .html-report .dashboard-widget .list-group .list-group-item .right.sm {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
  }
  .html-report .dashboard-widget .list-group .list-group-item .left.sm h4,
  .html-report .dashboard-widget .list-group .list-group-item .right.sm h4 {
    margin: 5px 0;
  }
}
@media (min-width: 1199px) and (min-width: 1200px) {
  .html-report .dashboard-widget .list-group .list-group-item .left.sm,
  .html-report .dashboard-widget .list-group .list-group-item .right.sm {
    float: left;
    width: 100%;
  }
}
.html-report .dashboard-widget .ap-progress {
  margin: 10px 15px;
  display: none !important;
  visibility: hidden !important;
}
.html-report .dashboard-widget .ap-progress .progress-bar {
  font-size: 1.2em;
  background-color: #8a8784;
  color: #fff;
}
/* END CSS for various html-reports used on DashBoards */

/* START App Notices (PHP triggerd errors--not exceptions) */
.app-notice {
  white-space: normal;
  font-size: 16px;
  line-height: 20px;
  clear: both;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  background-repeat: repeat-x;
  padding: 5px;
  margin-top: 0.5rem;
}
.app-notice-err {
  color: #fff;
  background: #c43c35;
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
}
.app-notice-warn {
  color: #fff;
  background: #E6B800;
  background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
}
.app-notice-success {
  color: #fff;
  background: #3B8230;
  background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
}
.app-notice-details {
  margin-top: 3px;
}
.app-notice .ajTreeRoot {
  display: block;
  padding: 5px;
  margin: 15px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* END App Notices */

.app.panel{
  margin-bottom: 1rem !important;
}
.popover {
word-wrap: break-word;
max-width: 800px;

}
.popover-content {
overflow: auto;
max-height: 800px;
}
.popover h3.popover-header{
font-size:  1.2rem;
}
.popover-body{
    font-size:  1rem;
    background-color: #ffffc0;
}

.col-control-label .btn-link{
padding: 0px;
vertical-align: unset;
}
.btn-link {
color: #3a76c4;
font-weight: normal;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #295289;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999999;
text-decoration: none;
}

pre.error-stack-trace{
  overflow: auto;
  max-height: calc(25vh);
}
pre.error-sql{
  overflow: auto;
  max-height: calc(25vh);
}

ul.app.tabs-top{
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  padding-top: 3px;
  padding-left: 15px;
  font-size: 1.2rem;
  margin: 0;
  font-weight: 600;
  background-color: #eee;
  flex-wrap: wrap;
}
ul.app.tabs-top > li{
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
  position: relative;
  display: inline-block;
  padding: 5px 10px;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
  margin-bottom: -1px;
  user-select: none;
}

ul.app.tabs-top > li.active{
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: pointer;
}

ul.app.tabs-top > li:not(.active):hover,
ul.app.tabs-top > li:hover{
color: var(--app-blue-text-hf);
}

ul.app.tabs-top > li:not(.active){
color: #706e6b;
background-color: #00000012
}

ul.app.tabs-top > li.active{
  color: #555555;
  background-color: #fff;
}

div.app.tabs-content{
  padding: 5px;
  border: 1px solid #ddd;
  border-top: none;
  margin-bottom: 15px;
  display: flex;
  background: #f7f7f7;
}
div.app.tabs-content .app.tab{
  width:100%;
}

/* START Ticket Details */
.ticket-status-1 {
    color: #3498DB
}
.ticket-status-2{
    color: #F0AD4E;
}
.ticket-status-5 {
    color: #d9534f
}
.ticket-status-6 {
    color: #D9534F
}
.ticket-status-7 {
    color: #60C659
}
.form-group-narrow div.form-group{
    margin-bottom: 0px;
}
.form-group-narrow div.form-group .col-control-field{
    min-height: 30px !important;
}

ul.dropdown-menu li.ticket-button-touchpoint{
    color: var(--app-blue-text);
}
ul.dropdown-menu li.ticket-button-resolve{
    color: var(--app-success-color);
}
ul.dropdown-menu li.ticket-button-escalate{
    color: var(--app-warn-color);
}
ul.dropdown-menu li.ticket-button-withdraw{
    color: var(--app-danger-color);
}
.app.tabs-top .app.dropdown.menu{
    margin-top: -0.4em
}
.app.elc-types{
  display: block;
  color: rgb(51, 51, 51);
  margin-bottom: 10px;
  user-select: none;
  text-align: center;
}
.app.elc-type{
  display: inline-block;
  color: #3E3E3E;
  width: 4em;
  height: 3.1em;
  font-size: 1.2em;
  border: 1px solid #E0DADA;
  background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
  border-radius: 0.25rem;
  text-align: center;
}

.app.elc-types.error .app.elc-type{
  border: 1px solid var(--app-danger-color);
}

.app.elc-type.active{
  border-color: #b9b9b9;
  background: linear-gradient(to bottom,#dadada 0%,#f6f6f6 47%,#bfbcbc 100%);
}

.app.ticket-eventlogs{
    display: block;
}
.app.ticket-eventlog{
    display: block;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-radius: 4px;
    border-width: 1px;
    margin-bottom: 0.5rem;
    border-top: none;
}
.app.ticket-eventlog-titlebar{
    margin-bottom: 0.5rem;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-width: 1px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0.5rem;
}
.app.ticket-eventlog-titlebar-left{
    display: inline-block;
}
.app.ticket-eventlog-titlebar-right{
    float: right;
    padding-top: 0.3rem;
}
.app.ticket-eventlog-icon{
    display: inline-block;
}
.app.ticket-eventlog-type{
    display: inline-block;
    font-size: 1.2rem;
}
.app.ticket-eventlog-date{
    display: inline-block;
}
.app.ticket-eventlog-who{
    display: inline-block;
}

.app.ticket-eventlog-details{
    display: flex;
    padding: 0.5rem;
}
.app.ticket-eventlog-detail{
    flex: 1;
    word-break: break-word;
}
.app.ticket-eventlog-detail-creator,
.app.ticket-eventlog-detail-subject{
  display: block;
  word-break: break-word;
}
.app.ticket-eventlog-docs:empty{
    display: none;
}

.app.ticket-eventlog-info{
  flex: 0.5;
}
.app.ticket-eventlog-cc{
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-radius: 4px;
    border-width: 1px;
    margin-bottom: 1rem;
}
.app.ticket-eventlog-cc-title{
    text-align: center !important;
    background: #eeeeee;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-width: 1px;
}

.app.ticket-eventlog-docs{
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-radius: 4px;
    border-width: 1px;
}
.app.ticket-eventlog-docs-title{
    text-align: center !important;
    background: #eeeeee;
    border-bottom-style: solid;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-width: 1px;
}
.app.ticket-eventlog-doc{
    display: block;
    padding: 5px;
}
.app.ticket-eventlog-doc-name{
    font-size: 1.3rem;
}
.app.ticket-event-log-cc-item{
  padding: .5rem;
  display: block;
}
/* END Ticket Details */

/* For Ticket.cc on ticket details https://github.com/twitter/typeahead.js/issues/855 */
/*.twitter-typeahead .tt-dropdown-menu {
position: static !important;
}*/

/* START JSON Tree */
ul.ajTreeUL {
  list-style-type: none;
  padding-left: 1rem;
}
.ajTreeExpandable{
  cursor: pointer;
  font-size: 12px;
}
.ajTreeExpandable:before {
  font-family: 'FontAwesome';
  content: '\F067';
  margin: 5px;
}
.ajTreeExpandable.ajTreeExpanded:before {
  font-family: 'FontAwesome';
  content: '\F068';
  margin: 5px;
}
.ajTreeRoot{
  margin-left:20px;
}
.ajTreeNode{
margin-left: 5px;
margin-top: 3px;
}
.ajTreeNode:not(.ajTreeExpandable){
margin-left: 25px;
}
.ajTree-property{
  color: #204a87;
}
.ajTree-value{
  margin-left: 10px;
  color: #4e9a06;
}
.ajTree-string, .ajTree-null, .ajTree-bool {
  cursor: text;
}
/* END JSON Tree */

/* Active products table on support tab and tsys boarding tab */
table.active-products {
  border-right: 0;
  clear: both;
  color: #565452;
  margin-bottom: 10px;
  width: 100%;
}
table.active-products td:first-child,
table.active-products th:first-child {
text-align: left;
}
table.active-products tr td,
table.active-products th {
text-align: center;
}

/* used in user/details memberships list */
.app.button-icon{
  border-radius: 4px;
  width: 1.3rem;
  padding: 0px;
  font-size: .8rem;
}
.app.button-icon.delete{
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.app.button-icon.delete[disabled]{
background-color: rgb(220, 53, 69, 0.45);
border-color: rgb(220, 53, 69, 0.45);
}
.app.memberships .app.membership:nth-child(even) {
  background: #CCC
}
.app.membership{
padding-top: 0.3rem;
padding-bottom: 0.3rem;
border-radius: 4px;
}
.app.membership .app.button-icon{
width: 1.5rem;
height: 1.5rem;
}

/* Font Awesome sizes not in 4.x, taken from 6.x*/
.fa-1x {
font-size: 1em
}

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

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

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

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

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

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

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

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

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

.fa-2xs {
font-size: .625em;
line-height: .1em;
vertical-align: .225em
}

.fa-xs {
font-size: .75em;
line-height: .08333em;
vertical-align: .125em
}

.fa-sm {
font-size: .875em;
line-height: .07143em;
vertical-align: .05357em
}

.fa-lg {
font-size: 1.25em;
line-height: .05em;
vertical-align: -.075em
}

.fa-xl {
font-size: 1.5em;
line-height: .04167em;
vertical-align: -.125em
}

.fa-2xl {
font-size: 2em;
line-height: .03125em;
vertical-align: -.1875em
}

/* Related Items Simple */
.app.related-items ul.names.list-group li{
/* related items can be hidden if item is a user and user is not an active app user
    or the related item membership has been temporarily disabled. As such, the Bootstrap
    bordering on frist-child doesnt not work if first-child is hidden. To work around
    this, give all list items a 1px top border
 */
border-top-width: 1px;
}
.app.related-items ul.names.list-group li.inactive{
  color: var(--app-blue-text-disabled);
}
.app.related-items ul.names.list-group li.inactive .list-group-anchr{
  text-decoration: line-through;
}
.app.related-items ul.names.list-group li.disabled{
  color: var(--app-blue-text-disabled);
}

/* Media queries to hide/show items based on screen size */
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
  display: block !important;
}
table.visible-xs {
  display: table;
}
tr.visible-xs {
  display: table-row !important;
}
th.visible-xs,
td.visible-xs {
  display: table-cell !important;
}
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
  display: block !important;
}
table.visible-sm {
  display: table;
}
tr.visible-sm {
  display: table-row !important;
}
th.visible-sm,
td.visible-sm {
  display: table-cell !important;
}
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
  display: block !important;
}
table.visible-md {
  display: table;
}
tr.visible-md {
  display: table-row !important;
}
th.visible-md,
td.visible-md {
  display: table-cell !important;
}
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
display: none !important;
}
@media (min-width: 1200px) {
.visible-lg {
  display: block !important;
}
table.visible-lg {
  display: table;
}
tr.visible-lg {
  display: table-row !important;
}
th.visible-lg,
td.visible-lg {
  display: table-cell !important;
}
}
@media (max-width: 767px) {
.hidden-xs,
tr.hidden-xs,
th.hidden-xs,
td.hidden-xs {
  display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm,
tr.hidden-sm,
th.hidden-sm,
td.hidden-sm {
  display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md,
tr.hidden-md,
th.hidden-md,
td.hidden-md {
  display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg,
tr.hidden-lg,
th.hidden-lg,
td.hidden-lg {
  display: none !important;
}
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
display: none !important;
}
@media print {
.visible-print {
  display: block !important;
}
table.visible-print {
  display: table;
}
tr.visible-print {
  display: table-row !important;
}
th.visible-print,
td.visible-print {
  display: table-cell !important;
}
}
@media print {
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
  display: none !important;
}
}

.app-color-icon-example{
border-radius: 0.3rem;
padding: 0.3rem;
}
.app-color-picker label{
width: calc(100% - 1rem);
border-radius: 0.3rem;
padding-left: 0.5rem;
white-space: nowrap;
}
.app-color-picker input{
width: 0px;
height: 0px;
opacity: 0;
display: inline;
}
.app-color-picker .clear-color{
position: absolute;
margin-left: 0.2rem;
font-size: 1.3rem;
}
.app-color-picker:focus{
box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 50%);
}

.app-custom-field,
.app-partner-tag{
border-radius: 0.3rem;
padding: 0.3rem;
white-space: normal;
}

.app-typeahead-menu{
    background-color: white;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    background-color: #fff;
    margin-top: 5px;
    padding: 5px 5px;
    border-radius: 4px;
    /*max-height: 400px;*/
    overflow-y: auto;
    overflow-x: auto;
    z-index: 3000;
    list-style-type: none;
}
.app-typeahead-menu:focus-visible {
    outline: unset;
}
.app-typeahead-item{
    min-width: 100%;
    white-space: nowrap;  /*prevent longer typeahead menu entries from breaking/wrapping between icon and text*/
    display: block;       /*background color on hover to take up the entire row*/
    cursor: pointer;
    user-select: none;
    padding: .2rem;
}
.app-typeahead-item{
    color: unset;
    outline: unset;
    outline: unset;
    outline-offset: unset;
}
.app-typeahead-item:hover,
.app-typeahead-item.hover{
    background-color: var(--app-blue-text);
    color: #fff;
}
.app-typeahead-item.disabled{
    color: var(--app-blue-text-disabled);
    background-color: unset;
}
.app-typeahead-item.disabled{
    color: var(--app-blue-text-disabled);
    background-color: unset;
}

/* Microsite V1 styles */
#application .form-title, #boarding .form-title, #contact .contact .card-title, #lead .form-title, #wizard #intro .intro .card .media .title, .h1, h1 {
  font-size: 2.5rem;
}
#application .form-title, #application .subtitle, #banner .background-shade .subtitle, #banner .background .subtitle, #boarding .form-title, #boarding .subtitle, #contact .contact .card-text, #contact .contact .card-title, #contact .contact .subtitle, #error-page .background-shade-stretch .subtitle, #error-page .background-stretch .subtitle, #error-page .error-layout .subtitle, #footer .subtitle, #lead .form-title, #lead .subtitle, #loading-page .subtitle, #overview .subtitle, #privacy .privacy .subtitle, #thankyou #hero .subtitle, #thankyou .background-shade .subtitle, #thankyou .background .subtitle, #welcome #about .subtitle, #welcome #hero .subtitle, #welcome .background-shade-stretch .subtitle, #welcome .background-shade .subtitle, #welcome .background-stretch .subtitle, #welcome .background .subtitle, #wizard #categories .subtitle, #wizard #intro .intro .card .media .title, #wizard #intro .subtitle, #wizard #offers .offer .item-detail-title, #wizard #offers .subtitle, #wizard #products .subtitle, #wizard #summary .subtitle, #wizard .parent-style .subtitle, #wizard .subtitle, .block .subtitle, .h1, .h2, .h3, .h4, .h5, .h6, fieldset .fieldset-title, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
#wizard #categories .subtitle, #wizard #intro .subtitle, #wizard #offers .offer .item-detail-title, #wizard #offers .subtitle, #wizard #products .subtitle, #wizard #summary .subtitle, #wizard .parent-style .subtitle, .h3, h3 {
  font-size: 1.75rem;
}
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .block, #footer, #contact .contact, #privacy .privacy, #lead, #application, #boarding, #lead .submitting, #application .submitting, #boarding .submitting, #welcome #hero, #welcome .background-shade, #welcome .background, #welcome .background-shade-stretch, #welcome .background-stretch, #welcome #about, #thankyou #hero, #thankyou .background-shade, #thankyou .background, #wizard, #error-page .background-stretch, #error-page .background-shade-stretch, #error-page .error-layout, #loading-page, #overview, #banner .background-shade, #banner .background {
    padding: 7.5rem; }
    .block .title, #footer .title, #contact .contact .title, #privacy .privacy .title, #lead .title, #application .title, #boarding .title, #welcome #hero .title, #welcome .background-shade .title, #welcome .background .title, #welcome .background-shade-stretch .title, #welcome .background-stretch .title, #welcome #about .title, #thankyou #hero .title, #thankyou .background-shade .title, #thankyou .background .title, #wizard .title, #error-page .background-stretch .title, #error-page .background-shade-stretch .title, #error-page .error-layout .title, #loading-page .title, #overview .title, #banner .background-shade .title, #banner .background .title {
      font-size: 4.5rem; }
    .block .subtitle, #footer .subtitle, #contact .contact .subtitle, #privacy .privacy .subtitle, #lead .subtitle, #application .subtitle, #boarding .subtitle, #welcome #hero .subtitle, #welcome .background-shade .subtitle, #welcome .background .subtitle, #welcome .background-shade-stretch .subtitle, #welcome .background-stretch .subtitle, #welcome #about .subtitle, #thankyou #hero .subtitle, #thankyou .background-shade .subtitle, #thankyou .background .subtitle, #wizard .subtitle, #error-page .background-stretch .subtitle, #error-page .background-shade-stretch .subtitle, #error-page .error-layout .subtitle, #loading-page .subtitle, #overview .subtitle, #banner .background-shade .subtitle, #banner .background .subtitle {
      font-size: 1.75rem; }
}
#application .form-title, #application .header, #boarding .form-title, #boarding .header, #contact .contact .card, #error-page .error-layout, #footer, #lead .form-title, #lead .header, #loading-page, #overview, #overview .feature-img, #overview .features, #welcome #about .feature-img, #welcome #about .features, #wizard #categories, #wizard #intro, #wizard #intro .intro .card .media .desc, #wizard #intro .intro .card .media .title, #wizard #offers, #wizard #products, #wizard #summary, #wizard .parent-style, .ReactTable .id, .text-center {
  text-align: center!important;
}
#application .form-title, #application .subtitle, #banner .background-shade .subtitle, #banner .background .subtitle, #boarding .form-title, #boarding .subtitle, #contact .contact .card-text, #contact .contact .card-title, #contact .contact .subtitle, #error-page .background-shade-stretch .subtitle, #error-page .background-stretch .subtitle, #error-page .error-layout .subtitle, #footer .subtitle, #lead .form-title, #lead .subtitle, #loading-page .subtitle, #overview .subtitle, #privacy .privacy .subtitle, #thankyou #hero .subtitle, #thankyou .background-shade .subtitle, #thankyou .background .subtitle, #welcome #about .subtitle, #welcome #hero .subtitle, #welcome .background-shade-stretch .subtitle, #welcome .background-shade .subtitle, #welcome .background-stretch .subtitle, #welcome .background .subtitle, #wizard #categories .subtitle, #wizard #intro .intro .card .media .title, #wizard #intro .subtitle, #wizard #offers .offer .item-detail-title, #wizard #offers .subtitle, #wizard #products .subtitle, #wizard #summary .subtitle, #wizard .parent-style .subtitle, #wizard .subtitle, .block .subtitle, .h1, .h2, .h3, .h4, .h5, .h6, fieldset .fieldset-title, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
#error-page .error-layout {
  z-index: 100;
  color: #fff;
  position: relative;
}
#error-page .background-stretch {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  z-index: 1;
}
#error-page .background-shade-stretch {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: 0;
  z-index: 1;
}

ul.microsite-features,
ul.microsite-categories,
ul.microsite-boardingforms{
    margin: 0.5rem;
}

ul.microsite-features .microsite-feature-image{
    background-color: #6c757d;
    padding: .5rem;
    margin-left: 0.5rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 1rem;
}
ul.microsite-categories .microsite-category-image{
    background-color: #bfbfbf;
    padding: .5rem;
    margin-left: 0.5rem;
    width: 4rem;
    height: 4rem;
    float: left;
    margin-right: 1rem;
}

.app-image-preview{
    background-color: #cfcfcf;
    width: auto;
    height: auto;
    /*max-height: 20rem;
    max-width: 20rem;*/

    /* fix img preview overflowing modal */
    /*
    max-height: 100%;
    max-width: 100%;
    */
    max-height: 256px;
    max-width: 512px;

    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    padding: 0.5rem;
    margin: 0.8rem;
}

.sortable-handle{
    cursor: grab;
}

.app-input.app-object{
    display: none;
}

.app-typeahead-input{
    background: url('/src/img/search.png') no-repeat 99% 50% #ffffff;
    background-size: 15px 15px;
    padding-right: 1.4rem;
}

.app-input.app-static.form-control-plaintext{
    /* bring input text inline with label */
    line-height: 1.3;
}

.microsite-form-fieldset.list-group,
.microsite-form-fieldset.list-group li.list-group-item,
.microsite-custom-url-fieldvalues.list-group,
.microsite-custom-url-fieldvalues.list-group  li.list-group-item
{
    background: var(--app-grey1);
}

.microsite-form-fields.list-group,
.microsite-form-fields.list-group li.list-group-item{
    background: white;
    padding: 1rem; /* useful for showing whitespace on empty ULs*/
}

.custom-control-label{
    padding-top: 0.2rem;
}

.app-grid-view.app-browse-dialog{
    margin-left: 1rem;
    margin-right: 1rem;
}

.app.related-item.list-group-item{
  border-top-width: 1px;
  margin-top: -1px;
}

.app.btn.remove-related-item{
    margin-top: -.7em;
}


.form-help {
    position: relative;
}
.form-help .form-help-questionmark-container {
    display: inline-block;
    margin-left: 10px;
}
.form-help .form-help-questionmark-container .form-help-questionmark {
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    user-select: none;
}
.form-help .form-help-text {
    position: absolute;
    bottom: 22px;
    left: 50%;
    min-height: 75px;
    min-width: 300px;
    max-width: 90%;
    font-size: 0.8rem;
    overflow: auto;
    white-space: wrap;
    word-break: break-word;
    background: white;
    border: 1px solid;
    border-radius: 5px;
}

.bg-primary, .form-help .form-help-questionmark-container .form-help-questionmark, .ReactTable .rt-th.-sort-asc, .ReactTable .rt-th.-sort-desc {
    background-color: #29378d !important;
}

a.bg-primary:hover, .form-help .form-help-questionmark-container a.form-help-questionmark:hover, .ReactTable a.rt-th.-sort-asc:hover, .ReactTable a.rt-th.-sort-desc:hover, a.bg-primary:focus, .form-help .form-help-questionmark-container a.form-help-questionmark:focus, .ReactTable a.rt-th.-sort-asc:focus, .ReactTable a.rt-th.-sort-desc:focus,
button.bg-primary:hover,
.form-help .form-help-questionmark-container button.form-help-questionmark:hover,
.ReactTable button.rt-th.-sort-asc:hover,
.ReactTable button.rt-th.-sort-desc:hover,
button.bg-primary:focus,
.form-help .form-help-questionmark-container button.form-help-questionmark:focus,
.ReactTable button.rt-th.-sort-asc:focus,
.ReactTable button.rt-th.-sort-desc:focus {
    background-color: #1e2865 !important;
}
.border-primary, .form-help .form-help-text {
    border-color: #29378d !important;
}
.p-2, .form-help .form-help-text, #wizard #products .product .col-detail {
    padding: 0.5rem !important;
}
.text-white, .form-control-image img, .form-help .form-help-questionmark-container .form-help-questionmark, #footer .disclaimer-title, #footer .privacy a, #welcome #hero, #welcome #about, #thankyou #hero, #overview {
    color: #fff !important;
}