@font-face{
  font-family: Amazon Ember;
  src: url('./fonts/AmazonEmber_Rg.ttf');
}

body{
  font-family: Amazon Ember, Helvetica Neue, Roboto, Arial, sans-serif;
}

.content-wrapper {
  background-color: rgb(242, 243, 243);
}

.content-wrapper,.sticky-footer .content-wrapper {
  min-height: calc(100vh - 184px);
}

.header {
  background-color: black;
  width: 100%;
  margin: 0px;
}

.header-label {
  color: white;
  overflow: hidden;
}


.right-align {
  text-align: right;
}

.horizontal-layout {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
}

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

.LogIn {
  background-color: white;
}

nav.navbar {
  background-color: rgb(35, 47, 62)!important;
}

.navbar-brand-image {
  max-height: 28px;
  margin-right: 12px;
  color: rgb(250, 139, 14);
}

.navbar-brand {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.navbar-dark a.navbar-brand, .navbar-dark a.navbar-brand:focus, a.navbar-dark a.navbar-brand:hover {
/* a.navbar-brand { */
  font-family: Amazon Ember, Helvetica Neue, Roboto, Arial, sans-serif;
  /* color: rgb(250, 139, 14)!important; */
  color: rgb(207, 118, 16)!important;
  font-weight: 500;
}

.nav-item.active a.nav-link .nav-link-text , .nav-item.active a.nav-link i{
  /* color: rgb(250, 139, 14)!important; */
  color: rgb(211, 211, 211);
}



@media (min-width: 992px) {

  .sidenav-toggled .navbar-collapse .sidenav-second-level .nav-item.active a.nav-link {
    padding-right: .7em;
  }
}

.content-header {
  position: fixed;
  width: 100%;
  z-index: 99;
}

@media (min-width: 992px) {
  .content-header, .please-wait-container {
    left: 250px;
  }

  .please-wait-container {
    padding-right: 250px;
  }
}

body.sidenav-toggled .content-header, body.sidenav-toggled .please-wait-container {
  left: 54px;
  padding-right: 54px;
}

.breadcrumb {
  padding: 4px;
  padding-left: 8px;
  font-size: 12px;
  border-radius: 0px;
  margin-bottom: 0px;
}

.spacer-header .spacer-toolbar, .breadcrumb {
  height:26px;
}

.spacer-header .spacer-notifications {
  height: 23px;
}

.btn-toolbar {
  padding: 4px;
  top: 80px;
  left: 250px;
  background-color: grey;
}

#btn-save-primary-caret {
  padding-left: 6px;
  padding-right: 8px;
}

#btn-save-dropdown {
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
}

#btn-save-dropdown i {
  padding-right: 12px;
}

.spacer-header .spacer-breadcrumb {
  height: 46px;
}

.table-hover tbody tr {
  cursor: pointer;
}

.table-hover tbody tr.grid-no-records {
  cursor: default;
  text-align: center;
}

.please-wait-container {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 110;
}

/* This will just show the footer bar */
.please-wait-text {
  min-height: calc(100vh - 112px);
  padding-top: calc(100vh / 4);
  background-color: rgb(242, 243, 243);
}

.please-wait-text div:last-of-type {
  margin-top: 12px;
  margin-left: 12px;
  color: rgb(84, 84, 84);
}

.please-wait-container-enter {
  opacity: 1;
}

.please-wait-container-enter-active {
  opacity: 1;
}

.please-wait-container-enter-done {
  opacity: 1;
}

.please-wait-container-exit {
  opacity: 1;
}

.please-wait-container-exit-active {
  opacity: 0.01;
  transition: all 250ms ease-out;
}

.user-presence {
  padding: 0 0 0 0;
}

.user-presence img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.user-presence i {
  margin: 8px 8px 8px 8px;
}

.notification i {
  padding-right: 8px;
  margin-left:8px;
  font-size: 16px;
}

.notification {
  font-size: 14px;
  padding-left: 8px;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  position: relative;
  font-family: Amazon Ember, Helvetica Neue, Roboto, Arial, sans-serif;
}

.notification .notyflyout ul {
  margin-top: 12px;
}

div.notification.noty-error, div.notification.noty-error div.notyflyout {
  background-color: #d9534f;
  color:white;
  border: 1px solid #d43f3a;
}

div.notification.noty-warning, div.notification.noty-warning div.notyflyout {
  background-color: #f0ad4e;
  color:white;
  border: 1px solid #eea236;
}

div.notification.noty-info, div.notification.noty-info div.notyflyout {
  background-color: #28a745;
  color:white;
  border: 1px solid #28a745;
}

.notification .notyflyout {
  position: absolute;
  top: -1px;
  display: 'inline-block';
  z-index: 100;
  left: 7px;
  overflow: hidden;
  text-overflow: clip;
  border-radius: 4px;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
}

.notyflyout-enter {
  opacity: 0.01;
  max-height:0;
  width: 0%;
}

.notyflyout-enter-active {
  opacity: 1;
  max-height: 300px;
  width: 80%;
  transition: all 250ms ease-out;
}

.notyflyout-enter-done {
  opacity: 1;
  max-height: 300px;
  width: 80%;
  transition: opacity 250ms ease-out;
}

.notyflyout-enter-done:hover {
  opacity: 1;
  transition: opacity 250ms ease-out;
}

.notyflyout-exit {
  opacity: 1;
  max-height: 300px;
  width: 80%;
}

.notyflyout-exit-active {
  opacity: 0.01;
  max-height:0px;
  width: 0%;
  transition: all 250ms ease-out;
}

.clickable {
  cursor: pointer;
}

.nav-tabs {
  border-bottom: 1px rgb(170, 183, 184) solid;
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  font-weight: 700;
}

.nav-tabs .nav-link {
  border:  0px;
  border-radius: 0px;
  padding-right: 0px;
}

.nav-link i {
  margin-right: 4px;
  font-size: 14px;
  position: relative;
  top: -1px;
}

.nav-tabs .nav-link span {
  display: inline-block;
  width: 100%;
  border-right: 1px rgb(170, 183, 184) solid;
  padding-right: 16px;
}

.nav-tabs > li:last-of-type > a > span {
  border-right: 0px;
}

.nav-tabs .nav-link {
  color: rgb(84, 91, 100);
}

.nav-tabs .nav-link.active,.nav-tabs .nav-link:hover {
  color: rgb(235, 95, 7);
}

.nav-tabs .nav-link.active {
  border-bottom:solid 2px black;
  background-color: inherit;
}

.nav-tabs .nav-item {
  margin-bottom: 0px;
}

.tab-content {
  margin-top: 32px;
}

.btn-add-new {
  margin-bottom: 12px;
  font-size: small;
}

.btn-add-new > i.fa {
  padding-right: 8px;
}

.certify-account-warning {
  margin-top: 12px;
}

.certify-account-warning > span:first-child {
  padding-right: 12px;
}

.rt-tr .device-image {
  max-width: 28px;
}