html,body {
  width: 100%;
  height: 100%;
  /*font-family:'Roboto';*/
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased;  
  color:#444;
  overflow-y:hidden;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background:transparent;
}

:hover::-webkit-scrollbar {
    background-color: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,0);
    border-radius:20px;
}

:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.5);    
}

::-webkit-scrollbar-thumb:active {
    background: rgba(0,0,0,0.61); /* Some darker color when you click it */
}

.slideout-menu:hover::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.3);
}

.slideout-menu::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    background:transparent;
}

.panel {
  background-color: #fff;
  height:calc(100vh - 29px);
}

.slideout-open .panel {
  border-left:1px solid #2a2d2f;
}

.primary-panel-hdr {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
  padding-bottom: 30px;
  margin-bottom: -30px;  
}

.secondary-panel {
  position:absolute;
  right:0;
  top:0;
  width:310px;
  height:100%;
  background:#f8fafe;
  border-left:1px solid #ddd;
  overflow:hidden;
  padding:0 0 0 40px;
  z-index:2;
}

#feed-wrap {
  height:calc(100% - 103px);
  overflow-y:auto;
  padding-right:40px;
}

.feed-item {
  padding-left:48px;
  margin-top:57px;
}

.feed-item:first-child {
  margin-top:18px;
}

.feed-item:last-child {
  margin-bottom:57px;
}

.feed-entity .subject {
  display:block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;    
}

.feed-liner {
  /*height:38px;
  display:block;*/
}

.feed-payload {
  font-size:85%;
  display:block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-height:1.5;   
  margin-top:9.5px; 
}

.feed-avatar {
  width: 38px;
  height: 38px;
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
  float: left;
  margin-left: -48px;
}

.feed-entity {
  font-size:85%;
  line-height:1.5;
  margin-top:9.5px; 
}

.feed-when {
  color:#777;
  margin-left:-48px;
  margin-bottom:19px;
}

.menu {
  background-color: #fff;
  background:#222;
  color:#fff;
}

a {
  color: #222;
  text-decoration: none;
}

.menu a {
  color:#fff;
}

.menu-header {
  border-bottom: 1px solid #2a2d2f;
  padding: 20px;
  background-size: 32px;
}

.menu-header-title {
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
}

.menu-section {
  margin: 25px 0;
}

.menu-section-title {
  text-transform: uppercase;
  color: #ccc;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 0 20px;
  margin:0;
}

.menu-section-list {
  padding:0;
  margin: 10px 0;
  list-style:none;
}

.menu-section-list a, .menu-section-list label {
  display: block;
  padding: 10px 20px;
}

.menu-section-list a {
  cursor:pointer;
}

.menu-section-list .mgc {
  top:-1px;
  position:relative;
}

header {
  background: #fff;
  padding: 0.5px 0;
  color: #000;
  border-bottom: .5px solid rgb(0,0,0,.25);
  box-shadow: 0 0 5px rgba(0,0,0,.15);  
  z-index: 3;
  position: relative;  
}

header h1, header h2 {
  font-size:1em;
  cursor:pointer;
}

header > div {
  position:relative;
}

header h1 {
  width:150px;
  margin:.3em auto;
  text-align:center;
  font-weight:800;
}

header h2 {
  position:absolute;
  left:15px;
  top:-.3em;
  font-weight:500;
  margin:.3em;
}

header h2:last-child {
  right:15px;
  left:auto;
}

.hdr-arrow {
  font-size:80%;
  position:relative;
  top:0px;
  left:3px;
  min-width:12.8px;
  display:inline-block;
}

.hdr-account {
  font-size:90%;
  position:relative;
  top:-.5px;
  left:-3px;
}

.primary-panel {
  width:calc(100% - 350px);
}

.primary-panel.primary-full {
  width:100%;
  background:#f8fafe;
  height:100%;
}

.primary-panel h1, .secondary-panel h1 {
  padding-top:40px;
  margin:0;
  font-size:150%;
  color:#222;
  font-weight:500;
  line-height:1.1;
}

.secondary-panel .btn-title {
  margin-top:40px;
  margin-bottom:14px;
}

.primary-panel.primary-full h1.no-nav-toggle {
  font-size:2em;
}

.primary-panel h1 {
  display:inline-block;
  cursor:pointer;
}

.primary-panel h1.no-nav-toggle {
  margin-left:52px;
  cursor:default;
}

.primary-panel h3.sort-dropdown {
  float:right;
  margin:52px 42px 0 0;
  position: relative;
  cursor:pointer;
  font-size:100%;
}

.primary-panel h3.sort-dropdown strong {
  font-weight:500;
}

.primary-panel h3.sort-dropdown span {
  font-size: 70%;
  position: absolute;
  top: -16px;
  color: #888;
  font-weight:500;
}

.primary-panel.many-filters h3.sort-dropdown {
  font-size:1em;
}

.active-filter-dot {
  font-size: .1em;
  top: -.2em;
  position: relative;
  margin-right:.4em;
  color:#888;
  opacity:0;
  min-width:9px;
  display:inline-block;
}

.active-filter .active-filter-dot {
  opacity:1;
}

.secondary-panel h1 {
  margin-bottom:39px;
}

.nav-toggle-btn {
  color:#bbb;
  position:absolute;
  top:32px;
  left:0;
  margin-right:30px;
  transition:left .3s ease;
  min-width:24px;
  display:inline-block;
}

.primary-panel h1:hover .nav-toggle-btn, .slideout-open .nav-toggle-btn {
  left:20px;
}

.slideout-menu {
  position: fixed;
  left: 0;
  top: 29px;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 256px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}

.slideout-panel {
  position: relative;
  z-index: 1;
/*  will-change: transform;*/
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}

.slideout-open .slideout-menu {
  display: block;
}


.muted {opacity:.5}

.ticket-panel h1, .authorization-panel h1, .main-panel h1 {
  font-size:150%;
  padding-top:35px;
}

.ticket-full-wrap .primary-panel, .authorization-full-wrap .primary-panel, .main-full-wrap .primary-panel {
  height:100%;
}

.authorization-full-wrap .primary-panel h1, .main-full-wrap .primary-panel h1 {
  cursor:default;
}

.ticket-panel, .authorization-panel, .main-panel {
  padding:0 48px;
  margin-left:170px;
  height:100%;
  max-height: 100%;
  overflow-y: overlay;
  -webkit-overflow-scrolling: touch;
}

.authorization-panel, .main-panel {
  margin-left:75px;
}

.ticket-meta > span, .authorization-meta span, .main-meta span {
  margin-right:15px;
}

.authorization-meta span, .main-meta span {
  vertical-align:middle;
}

.authorization-meta span.meta-search-float, .meta-search-float, .main-meta span.meta-search-float {
  float:right;
  margin:-7px 0 0 0;
}

.authorization-meta span.meta-search-float > span, .meta-search-float > span, .main-meta span.meta-search-float > span {
  margin-right:0;
}

.primary-search {
  float:right;
  margin-top:40px;
  margin-right:20px;
}

.meta-search {
  outline:none;
  border:1px solid #ddd;
  border-radius:24px;
  padding:7px 0 7px 30px;
  transition:border-color .2s ease;
  position:relative;
}

.meta-search:focus,.meta-search:active {
  border-color:#aaa;
}

.meta-search-wrap {
  position:relative;
}

.meta-search-ico {
  position:absolute;
  z-index: 1;
  top: 2.5px;
  left: 12px;
  font-size: 80%;  
}

.meta-search-clear {
  margin-left: -28px;
  z-index: 1;
  position: relative;
  font-size: 26px;
  font-weight: 200;
  color: #888;
  top: -4px; 
  opacity:0;
  cursor:default;
}

.active-q .meta-search-clear {
  opacity:1;
  cursor:pointer;
}

.nav-panel {
  width:170px;
  height:100%;
  float:left;
  background:#f8fafe;
  border-right:1px solid #ddd;  
}

.nav-panel.thin {
  width:75px;
}

.tickets, .authorizations {
  margin-top:40px;
}

.ticket-full, .authorization-full, .main-full {
  margin-top:10px;
}

.tickets > div, .submissions .data-rows > div, #device-rows > div, .data-row, .data-table .data-rows > div {
  border-left:4px solid transparent;
  padding:15px 0 11px;
  transition:opacity .2s ease;
  position:relative;
  cursor:pointer;
  /*border-top:1px solid transparent;
  border-bottom:1px solid transparent;*/
}

.data-row.q-hidden {
  display:none;
}

.data-loading {
  display:none;
}

.loading .data-loading {
  display:block;
}

.tickets > div.active, .submissions .data-rows > div.active, #device-rows > div.active, .data-table > div.active {
  border-left-color:rgb(163,162,198);
  background:#f8fafe;
}

.tickets strong {
  display:inline-block;
}

.tickets strong.author {
  margin:0 0 0 50px;
  width:15%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;  
}

.tickets strong.subject {
  margin-right:15px;
}

.tickets .info-wrap {
  display:inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width:calc(85% - 283px);  
}

.tickets span.when {
  width:100px;
  float:right;
  text-align:right;
  margin-right:40px;
  color:#777;
}

.subject .type-ico {
  font-size:85%;
  position:relative;
  top:0px;
  min-width:17px;
  display:inline-block;
}

.tickets span.description, .tickets .done strong {
  color:#666;
  font-weight:inherit;
}

.tickets span.assigned-to {
  width:58px;
  float:right;
  text-align:left;
  margin-right:15px;  
  margin-left:15px;
}

.unseen-indicator, .done-indicator {
  display:none;
  font-size: 70%;
  position: absolute;
  left: 27px;
  top: 18px;
  color: #1BB240;      
}

.done-indicator {
  color:#666;
}

.done .ticket-avatar {
  filter:grayscale(1);
}

.unseen .unseen-indicator, .done .done-indicator {
  display:block;
}

.ticket-avatar {
  width: 29px;
  height: 29px;
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
  top: -5px;
  position: relative;
  background-position:center;
}

.ticket-messages, .submissions, .devices, .data-table {
  margin-top:57px;
}

.ticket-message.active {
  padding: 20px 25px;
  margin: -24px;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(10,10,10,.1);  
}

.ticket-message-when {
  float:right;
  color:#777;
}

.ticket-message p {
  line-height:1.6;
  margin:20px 0;
}

.person-card {
  color:#777;
  margin-top:-5px;
}

.person-card a, .person-card span {
  display:block;
  margin-top:15px;
}

.person-card span {
  margin-top:7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.person-card span.person-avatar {
  width: 60px;
  height: 60px;
  display: inline-block;
  background-size: cover;
  border-radius: 50%;
  float:left;
  margin-right:10px;
  margin-top:-10px;
  background-position:center;
}

.person-card .device-avatar {
  width: 70px;
  height: 70px;
  display: inline-block;
  font-size:70px;
  float:left;
  margin-right:10px;
  margin-top:-10px;
}

.ticket-meta-ico {
  font-size:80%;
  position:relative;
  top:-1px;
}

.recent-tickets {
  margin-top:32px;
}

.export-options, .authorization-options {
  margin-top:-14px;
}

.recent-tickets h4 {
  margin-bottom:20px;
}

.recent-tickets strong, .export-options strong, .authorization-options strong {
  font-weight:normal;
  color:#777;
}

.recent-tickets ul, .export-options ul, .authorization-options ul {
  margin-left:0;
  padding-left:0;
  margin-top:0;
  margin-bottom:0;
}

.authorization-options ul .mgc {
  top:-2px;
  position:relative;
}

.recent-tickets li, .export-options li, .authorization-options li {
  list-style:none;
  color:#aaa;
  padding:0 0 10px;
}

.secondary-panel-shadow {
  display:none;
  position: absolute;
  box-shadow: inset -10px 0 30px #666;
  height: 100%;
  width: calc(100% + 200px);
  margin: -100px 0 0 0;
  padding-bottom: 200px;
}

.k12it-app {
  width:80px;height:100px;display:inline-block;margin:20px;text-align:center;vertical-align:top;
}

.k12it-app strong {
  display: block;
  border: 2px solid #ddd;
  border-radius: 18px;
  height: 65px;
  width: 80px;
  padding-top: 11px;
  margin-bottom: 7px;
  font-size: 40px;
  color: #333;
  background: #f8fafe;  
}

.k12it-app strong .k12it-app-ico {
  position:relative;
  display: block;
  margin: 7px auto 0;
}

.k12it-app span {
  font-size:80%;
  display:block;
}

.jq-dropdown .jq-dropdown-menu, .jq-dropdown .jq-dropdown-panel {
  max-width:375px;
  border-radius:20px;
  margin-top: 1px;
  margin-left:0;  
  padding:10px;
}

.jq-dropdown .jq-dropdown-menu label, .jq-dropdown .jq-dropdown-menu li>a {
  padding:10px 15px;
  border-radius:10px;
}

.authorizations {
  padding:0 52px;
}

.authorization {
  width:150px;
  height:200px;
  display:inline-block;
  text-align:center;
  padding:10px;
  border:1px solid #ddd;
  border-radius:6px;
  cursor:pointer;
  position:relative;
  transition:border-color .2s ease;
  background:#fff;
  overflow:hidden;
  box-shadow:0 2px 4px rgba(0,0,0,.08),0 2px 12px rgba(0,0,0,.06);
}

.authorization:hover {
  border:1px solid #ccc;
  box-shadow:0 2px 4px rgba(0,0,0,.16),0 2px 12px rgba(0,0,0,.12);
}

.authorization h3 {
  font-size: 1.3em;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  width: calc(100% - 20px);
  left: 0;
  padding: 0 10px;
  margin: -27px 0 0;
}

.authorization .num-submissions {
  font-size:85%;
  position:absolute;
  display:block;
  width:100%;
  bottom:0;
  padding:15px 0;
  left:0;
  border-top:1px solid #ddd;
  transition:border-color .2s ease;
  background:#fff;
  text-align:center;
}

.authorization .num-submissions strong {
  background:rgb(233, 239, 252);
  display:inline-block;
  padding:5px 7px;
  border-radius:3px;
}

.authorization:hover .num-submissions {
  border-color:#ccc;
}

.submission span, .submission strong,
.data span, .data strong {
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:calc(50% - 485px);
  width:calc(100% - 485px);
}

.device span, .device strong {
  display:inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:calc(10% - 28px);
  width:calc(10% - 28px);
  padding:0 10px;
}

.device strong.asset-tag {
  padding-left:56px;
}

.submission strong.authorized,
.data strong.primary {
  padding-left:44px;
  min-width: 0;
  max-width: 140px;  
  width:140px;  
}

.primary .delete {
  position:absolute;
  left:10px;
  color:#bbb;
  cursor:pointer;
}

.primary .delete:hover {
  color:#777;
}

.submission .ip-address {
  text-align: left;
  min-width: 0;
  max-width: 150px;  
  width:150px;
}

.submission.submissions-hdr .ip-address {
}

.submissions, .data-table {
  margin-top:42px;
  margin-left:-48px;
  margin-right:-48px;
}

.devices {
  margin-top:42px;
}

.devices .data-rows {
  margin-top:-10px;
  min-height:calc(100vh - 167px);
}

.devices .data-loading {
    position: absolute;
    width: 100%;
    height: calc(100vh - 167px);
    top: 167px;
    background: rgba(255,255,255,.5);
}

.submission span.authorization-when,
.data span.when {
  color:#777;
  display:inline-block;
  text-transform:uppercase;
  min-width:0;
  max-width:150px;
  width:150px;
}

.submissions > div.submissions-hdr,
.devices > div.devices-hdr,
.data-table > div.data-hdr {
  padding:10px 0 7px 4px;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd;
  font-size:85%;
  text-transform:uppercase;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: -1px;
  background:#fff;  
  z-index:1;
  margin-bottom:7px;
}

.devices {
  background:#fff;
}

.devices > div.devices-hdr {
  background:#fff;
}

.submissions > div.submissions-hdr strong,
.submissions > div.submissions-hdr span,
.devices > div.devices-hdr strong,
.devices > div.devices-hdr span,
.data-table > div.data-hdr strong,
.data-table > div.data-hdr span {
  font-weight:normal !important;
  color:#444;
  cursor:default;
}

.submissions > div.submissions-hdr .sorted-by,
.devices > div.devices-hdr .sorted-by,
.data-table > div.data-hdr .sorted-by {
  font-weight:800 !important;
}

.submissions > div.submissions-hdr .fa-chevron-down,
.submissions > div.submissions-hdr .fa-chevron-up,
.devices > div.devices-hdr .fa-chevron-down,
.devices > div.devices-hdr .fa-chevron-up,
.data-table > div.data-hdr .fa-chevron-down,
.data-table > div.data-hdr .fa-chevron-up {
  display:none;
}

.submissions > div.submissions-hdr .sorted-by .fa-chevron-down,
.devices > div.devices-hdr .sorted-by .fa-chevron-down,
.data-table > div.data-hdr .sorted-by .fa-chevron-down {
  display:inline-block;
}

.submissions > div.submissions-hdr .sorted-by.sorted-desc .fa-chevron-up,
.devices > div.devices-hdr .sorted-by.sorted-desc .fa-chevron-up,
.data-table > div.data-hdr .sorted-by.sorted-desc .fa-chevron-up {
  display:inline-block;
}

.submissions > div.submissions-hdr .sorted-by.sorted-desc .fa-chevron-down,
.devices > div.devices-hdr .sorted-by.sorted-desc .fa-chevron-down,
.data-table > div.data-hdr .sorted-by.sorted-desc .fa-chevron-down {
  display:none;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.btn {
  background:#fff;
  border:1px solid transparent;
}

.btn-block {
  display:block;
  width:100%;
  padding:10px 20px 12px;
}

.btn-block-list .btn-block {
  margin-bottom:10px;
}

.btn-block-list .btn-block:last-child {
  margin-bottom:0;
}

.remodal {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 0 30px rgb(0 0 0);
  border: 4px solid #eee;  
}

.remodal:after {
  content: " ";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  border: 1px solid #ccc;  
  border-radius:15px;
}

.remodal .btn-block-list {
  max-width:350px;
  margin:0 auto 25px;
}

.remodal .btn-block-list-inline {
  width:calc(100% + 30px);
  margin:0 -15px 25px;
}

.remodal .btn-block-list-inline .btn-default,
.remodal .btn-block-list-inline .btn-solid {
  width:calc(50% - 20px);
}

.remodal .btn-block-list-inline .btn-default:first-child,
.remodal .btn-block-list-inline .btn-solid:first-child {
  margin-right:20px;
}

.remodal .btn-block-list-prompt {
  margin:25px 0;
  line-height:1.4;
}

.remodal .btn-block-list-prompt strong {
  display:block;
  margin-bottom:10px;
}

.mgc-primary:checked {
  background-color:#222;
  border-color:#222;
}

.btn-default {
  border:1px solid transparent;
  padding:10px 20px 12px;
  outline: none;
  font-weight: 500;
  background: #fff;
  box-shadow: 0 0 10px -3px rgb(10 10 10 / 50%);
  border: none;
  border-radius: 20px;
}

.btn-default:active {
  background-color:#eee;
  border-color:#555;
  color:#666;
}

.btn-default:disabled {
  opacity:.4;
  box-shadow:0 0 1px rgb(0 0 0 / 70%);
}

.btn-outline {
  border:1px solid #999;
  padding:10px 20px 12px;
  outline: none;
  font-weight: 500;
  border-radius: 20px;
}

.btn-outline:active {
  border:1px solid #999;
  background:#eee;
}

.btn-outline:disabled {
  opacity:.4;
}

.btn-solid {
  border-color:transparent;
  background-color:#222;
  color:#fff;  
  padding:10px 20px 12px;
  outline:none;
  font-weight:500;
  box-shadow: 0 0 10px -3px rgb(10 10 10 / 50%);
  border: none;
  border-radius: 20px;
}

.btn-solid:active {
  background-color:#555;
  border-color:#222;
  color:#eee;
}

.btn-solid:disabled {
  opacity:.4;
  box-shadow:none;
}

.btn-link {
  padding:10px 12px;
  border-radius:4px;
  outline:none;
}

.btn-link:active {
  background:#eee;
  border-color:#eee;
}

.btn-title {
  font-weight:700;
  padding:10px 14px;
}

.btn-circle {
  border-radius:50%;
  height:70px;
  width: 70px;
  line-height:70px;
  outline:none;
}

.btn-menu {
  margin: 0 10px 5px;
  display: inline-block!important;
}

.nav-btn {
  font-size:30px;
  color:#777;
  box-shadow:0 0 10px rgba(10,10,10,.3);
  margin:27px auto;
  display:block;
  text-align:center;
}

.thin .nav-btn {
  margin-right: -30px;
  z-index: 2;
  position: relative;
}

.nav-btn:active, .nav-btn:focus {
  border-color:#ccc;
}

.btn-sm {
  font-size:.85em;
  padding: 4px 12px;
}

.btn-no-shadow {
  box-shadow:none!important;
}

body {
  /*color:#eee;*/
  background:#000;
}

header {
  background:rgba(255,255,255,.2);
  box-shadow: 0 0 5px rgba(0,0,0,.75);
  color:#f5f5f5;
}

.modal-list-search {
  padding: 6px 0 8px;
  background: #f5f5f5;
  margin-top: -5px;
  margin-left:1px;
  margin-right:1px;
  border-bottom: 1px solid #ddd;  
}

.modal-list-search .meta-search-float {
  float:none;
  width:100%;
  margin-left:-7px;
}

.modal-list-search .meta-search {
  width: calc(100% - 60px);
}

.modal-list-search .meta-search-clear {
  top:1px;
  font-weight:300;
}

.light header {
    background: rgb(38,38,38);
    box-shadow: 0 0 5px rgba(0,0,0,.75);
    color: #f5f5f5;
}

.svg-inline--fa {
  display: inline-block;font-size: inherit;height: 1em;overflow: visible;vertical-align: -.125em;width: 1.25em;overflow:visible;  
}
.svg-inline--fa.fa-w-16 {
  width:1em;
}
.svg-inline--fa.fa-w-14 {
  width:.875em;
}

svg:not(:root).svg-inline--fa {
  overflow:visible;
}

.svg-inline--fa.fa-w-10 {
    width: .625em;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #999;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 4px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 4px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 16px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 28px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(12px, 0);
  }
}

.remodal-header {
  margin: -13px -35px 20px;
  border-bottom:1px solid #ddd;  
}

.remodal-header-icon {
  margin:-13px -35px -25px;
}

.remodal-footer-shadow {
  padding: 25px 20px;
  margin: 0 -34px 1px;
  background: #fff;
  box-shadow: 0 0 5px rgb(0 0 0 / 25%);
  border-radius: 0 0 15px 15px;
}

.remodal-footer-shadow > * {
  margin-bottom:0!important;
}

.modal-close {
  position: absolute;
  right: 25px;
  color: #777;
  cursor:pointer;
}

.remodal-title {
  margin-bottom:20px;color:#222;  
}

.remodal-header-subline {
  display:block;
  opacity:.7;
  font-size:.85em;
  margin-top:.25em;
}

.device-tag-search-wrap {
  position:relative;
}

.device-tag-input {
  border: none!important;
  width: 100%;
  outline: none;
  margin-bottom: 22px;
  padding-left: 30px!important;
}

.btn-hide {
  display:none;
}

.device-tag-input-icon {
  position:absolute;
  top:7px;
}

#scanner-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(43, 46, 56, 0.9);
  z-index: 3; 
  display:none; 
  background-image:url(/shared/img/ellipsis-loading-dark.gif);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;    
}

#scanner-frame iframe {
  width: 100%;
  height: 100%;
  border: none;  
}

.show-scanner-frame #scanner-frame {
  display:block;
}

.selectize-dropdown-content {
  overflow:overlay;
}

.selectize-dropdown [data-selectable].option {
  cursor:default;
}

.user-search-result {
  padding:10px;
  display:block;
}

.user-search-result strong {
  display:block;
}

.user-search-result span.info {
  text-transform:capitalize;
  font-size:.83em;
}