/******************************************************************************
HTML Tag overrides
TODO: as needed
******************************************************************************/

/*******Bootstrap Upgrade Fixes*******/
html{
  font-size: 14px;
}
:root {
  --bs-body-font-size: 14px;
  --bs-btn-font-size:14px;
  --bs-body-bg:#363636;
  --bs-body-color:#d4d4d4;
  --bs-secondary-color:#979797;
  --bs-primary-rgb:51,122,183;
}

.card-success{border-color:#d6e9c6;}
.card-primary{border-color:#979797;}
.card-success>.card-header {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.card-success .card-body{
  color:#3c763d;
}

.card-danger{border-color:#ebccd1;}
.card-danger>.card-header{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.card-danger .card-body{
  color:#a94442;
}
.card-default .card-header{
  background-color:#616161;
}
/**css for evac dashboard **/
.card-success {
  border-color: #d6e9c6;
  color: #3c763d;
}
.card-danger {
  border-color: #ebccd1;
  color: #a94442;
}
.card-success .card-header {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.card-danger .card-header {
  background-color: #f2dede;
  border-color: #ebccd1;
}

.checkbox input{
  position: absolute;
  margin: 4px 0 0;
}

/******************************************************************************
Bootstrap overrides
TODO: as needed
******************************************************************************/

.panel {
  color: #d5d5d5;
  background-color: #363636;
  border-color: #616161;
  border-radius: 2px;
}

.panel-heading {
  border: none;
  border-radius: 0;
  padding: 10px 15px 5px 15px;
}

.panel-default>.panel-heading {
  color: white;
  background-color: #616161;
  border-color: #ddd;
}

.panel-body>h3 {
  margin: 0;
}

.hidden {
  display: none !important;
}

/******************************************************************************
Kendo Overrides
TODO: as needed
******************************************************************************/

/******************************************************************************
Portal Styles
******************************************************************************/

.cmx-map-legend-box.rtls-map-legend-rooms {
  background-color: rgba(96,96,96,0.5)
}

.cmx-map-legend-box.rtls-map-legend-legal-space {
  background-color: rgba(0,255,0,0.5)
}

.cmx-map-legend-box.rtls-map-legend-furniture {
  background-color: rgba(255,0,0,0.5)
}

.cmx-map-legend-box.rtls-map-legend-portals {
  background-color: rgba(0,0,255,0.5)
}

.cmx-map-input {
  font-size: 14px;
  font-weight: 300;
  color: #333;
  background-color: #fff;
  text-overflow: ellipsis;
  width: 300px;
  min-height: 2.694em;
  margin-left: 12px;
  margin-top: 10px;
  padding: 0 11px 0 13px;
  border: 1px solid #ababab;
  border-radius: 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.cmx-terminal-wrapper {
  font-family: Courier New, Courier, monospace;
  color: #d5d5d5;
  background-color: #363636;
  border: 1px solid #616161;
  border-radius: 2px;
  display: block;
  height: 500px;
  overflow: scroll;
}

.cmx-terminal {
  color: inherit;
  margin: 15px;
  word-wrap: break-word;
  white-space: pre-wrap;
}

.cmx-thumbnail {
  border: solid 1px black;
  width: 80px;
}

.cmx-thumbnail-inline {
  margin: 10px;
  display: inline-block;
  vertical-align:  top;
}

.cmx-tooltip {
  padding: 10px;
  text-align: left;
}

.cmx-selfie {
  border: solid 1px black;
  width: 300px;
}

.rtls-asset-label {
  color: black;
  word-wrap: break-word;
}

.rtls-asset-label label {
  color: black;
}

.rtls-card {
  border: 1px solid #343637;
  background-color: #3e4141;
  margin-bottom: 10px;
  cursor: pointer;
}

.rtls-card-copy {
  padding: 10px;
  display: inline-block;
}

.rtls-card-row {
  padding:0;
}

.rtls-card-row .rtls-card-cell {
  padding: 0;
  border: none;
}

.rtls-card-row .rtls-card {
  background-color: transparent;
  margin-bottom: 10px;
}

.rtls-card-controls {
  text-align: right;
  padding: 10px;
  background-color: #363636;
  box-shadow: 0px 3px 6px  rgba(0,0,0,0.1) inset;
}

.rtls-list {
  border: none;
  background-color: transparent;
}

.rtls-list .k-grid-norecords-template {
  width: inherit;
}

.rtls-list .k-state-selected,
.rtls-list .rtls-card-row.k-state-selected .rtls-card,
.rtls-list .rtls-card-row.k-state-selected:hover .rtls-card,
.rtls-list .rtls-card-row.k-state-selected.k-state-hover .rtls-card,
.rtls-list .rtls-card-row.k-state-selected.k-state-hover:hover .rtls-card,
.rtls-list .k-grouping-row.k-state-selected,
.rtls-list .k-grouping-row.k-state-selected:hover,
.rtls-list .k-grouping-row.k-state-selected.k-state-hover,
.rtls-list .k-grouping-row.k-state-selected.k-state-hover:hover,
.rtls-list .k-grouping-row.k-state-selected td,
.rtls-list .k-grouping-row.k-state-selected:hover td,
.rtls-list .k-grouping-row.k-state-selected.k-state-hover td,
.rtls-list .k-grouping-row.k-state-selected.k-state-hover:hover td {
  color: #d4d4d4;
  background-color: rgba(0, 154, 255, 0.5);
}

.rtls-list .rtls-card-row:hover,
.rtls-list .rtls-card-row.k-state-hover,
.rtls-list .rtls-card-row.k-state-hover:hover,
.rtls-list .rtls-card-row.k-state-selected,
.rtls-list .rtls-card-row.k-state-selected:hover,
.rtls-list .rtls-card-row.k-state-selected.k-state-hover,
.rtls-list .rtls-card-row.k-state-selected.k-state-hover:hover,
.rtls-list .rtls-card-row:hover .rtls-card-cell,
.rtls-list .rtls-card-row.k-state-hover .rtls-card-cell,
.rtls-list .rtls-card-row.k-state-hover:hover .rtls-card-cell {
  background-color: transparent;
}

.rtls-list .rtls-card-row.k-state-hover .rtls-card {
  background-color: #606060;
}

.monitored-row {
  background-color: rgba(70, 130, 180, 0.5) !important;
}

#grid-splitter-wrapper {
  overflow: auto;
  height: calc(100vh - 240px);
}

.k-splitbar-vertical .k-icon {
  position: static !important;
  display: inline-block;
  margin: 0;
}

.k-splitbar-vertical {
  height: 10px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.k-splitbar-draggable-vertical {
  cursor: ns-resize;
}

.rtls-map-avatar {
  float: left;
  height: 50px;
  width: 50px;
  background-image: url("images/default-avatar.png");
  background-size: 50px 50px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #aaa;
  border-radius: 4px;
  margin: 0 10px 0 0;
}

.k-grouping-row+.rtls-card-row .rtls-card {
  margin-top: 10px;
}

.cmx-donut-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-around;
  text-align: center;
  padding: 0;
  margin: 0;
}

.cmx-donut-center {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 120px;
  text-align: center;
  vertical-align: middle;
  margin-top: -50px;
  margin-left: -60px
}

.cmx-h-list {
  list-style: none;
  padding: 0;
}

.cmx-h-list>li {
  display: inline-block;
  margin-right: 15px
}

.accountOwnerTeamMemberRow{
  font-weight: bold;
  font-style: italic;
  color: rgb(255,255,255);
}

svg:not(:root){
    overflow: visible;
}

.columnEase {
    -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;
}

.cmx-text-warning {
    color: #FFA500
}

.cmx-custom-button {
    width: 10px !important;
    background: #ababab;
    color: #000000;
}

.cmx-custom-button:hover {
    color: #ffffff;
}

.cmx-button-active {
    background: #486B9E;
}

.cmx-inline-block {
  display: inline-block;
}
.cmx-form-copy {
  margin-bottom: 0rem;
}

/* virtual blufi styles */
.virtblufi-card {
  border: 1px solid #343637;
  background-color: #3e4141;
  margin-bottom: 10px;
  cursor: pointer;
}

.virtblufi-card-copy {
  padding: 10px;
  display: inline-block;
}

.virtblufi-card-row {
  padding:0;
}

.virtblufi-card-row .virtblufi-card-cell {
  padding: 0;
  border: none;
}

.virtblufi-card-row .virtblufi-card {
  background-color: transparent;
  margin-bottom: 10px;
}

.virtblufi-card-controls {
  text-align: right;
  padding: 10px;
  background-color: #363636;
  box-shadow: 0px 3px 6px  rgba(0,0,0,0.1) inset;
}

.virtblufi-list {
  border: none;
  background-color: transparent;
}

.virtblufi-list .k-grid-norecords-template {
  width: inherit;
}

.virtblufi-list .k-state-selected,
.virtblufi-list .virtblufi-card-row.k-state-selected .virtblufi-card,
.virtblufi-list .virtblufi-card-row.k-state-selected:hover .virtblufi-card,
.virtblufi-list .virtblufi-card-row.k-state-selected.k-state-hover .virtblufi-card,
.virtblufi-list .virtblufi-card-row.k-state-selected.k-state-hover:hover .virtblufi-card,
.virtblufi-list .k-grouping-row.k-state-selected,
.virtblufi-list .k-grouping-row.k-state-selected:hover,
.virtblufi-list .k-grouping-row.k-state-selected.k-state-hover,
.virtblufi-list .k-grouping-row.k-state-selected.k-state-hover:hover,
.virtblufi-list .k-grouping-row.k-state-selected td,
.virtblufi-list .k-grouping-row.k-state-selected:hover td,
.virtblufi-list .k-grouping-row.k-state-selected.k-state-hover td,
.virtblufi-list .k-grouping-row.k-state-selected.k-state-hover:hover td {
  color: #d4d4d4;
  background-color: rgba(0, 154, 255, 0.5);
}

.virtblufi-list .virtblufi-card-row:hover,
.virtblufi-list .virtblufi-card-row.k-state-hover,
.virtblufi-list .virtblufi-card-row.k-state-hover:hover,
.virtblufi-list .virtblufi-card-row.k-state-selected,
.virtblufi-list .virtblufi-card-row.k-state-selected:hover,
.virtblufi-list .virtblufi-card-row.k-state-selected.k-state-hover,
.virtblufi-list .virtblufi-card-row.k-state-selected.k-state-hover:hover,
.virtblufi-list .virtblufi-card-row:hover .virtblufi-card-cell,
.virtblufi-list .virtblufi-card-row.k-state-hover .virtblufi-card-cell,
.virtblufi-list .virtblufi-card-row.k-state-hover:hover .virtblufi-card-cell {
  background-color: transparent;
}

.virtblufi-list .virtblufi-card-row.k-state-hover .virtblufi-card {
  background-color: #606060;
}

.virtblufi-thumbnail-inline {
    margin: 10px;
    display: inline-block;
}

.virtblufi-thumbnail {
    width: 30px;
}

.fixed-element {
  position: fixed;
}

.k-tabstrip>.k-tabstrip-items>.k-item {
  text-transform: none;
}

.buffer-top-5 {
  margin-top: 5px;
}

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

.buffer-top-25 {
  margin-top: 25px;
}

.height-37 {
  height: 37px;
}

.bluzone-control {
  background-color: #363636 !important;
  color: #d5d5d5 !important;
}

.mapWrapper {
  position: fixed;
  padding-bottom: 100%;
}

@media only screen and (min-width: 768px) {
  .mapWrapper {
    width: 55%;
  }  
} 

@media only screen and (min-width: 992px) {
  .mapWrapper {
    width: 59%;
  }  
} 

@media only screen and (min-width: 1200px) {
  .mapWrapper {
    width: 64%;
  }  
}

@media only screen and (min-width: 1500px) {
  .mapWrapper {
    width: 67%;
  }  
}

.mapContainer {
  position: absolute;
  width: 100%;
  height: 100%;
}

.buffer-left-24 {
  margin-left: 24px;
}

.height-120 {
  height: 120px;
}

.font-size-60 {
  font-size: 60px;
}

.panel-success {
  border-color: #d6e9c6;
  color: #3c763d;
}

.panel-danger {
    border-color: #ebccd1;
    color: #a94442;
}

tr.row-danger, tr.row-danger:hover {
  color: #a94442 !important;
}

.blink_text {

    animation:1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;

     color: red;
}

@-moz-keyframes blinker {
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@-webkit-keyframes blinker {
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

@keyframes blinker {
 0% { opacity: 1.0; }
 50% { opacity: 0.0; }
 100% { opacity: 1.0; }
 }

/*CM Dashboard*/
.panel-widget-bg-red {
  background: #ff5b57 !important;
}

.panel-widget-color-danger {
  color: #ff5b57 !important;
}

.panel-widget-color-warning {
  color: #8a6d3b !important;
}

.panel-widget-bg-green {
  background: #00acac !important;
}

.panel-widget-bg-blue {
  background: #348fe2 !important;
}

.panel-widget-bg-purple {
  background: #727cb6 !important;
}

.badge.badge-danger, .label.label-danger {
  background: #ff5b57;
}

.badge.badge-warning, .label.label-warning {
  background: #fcf8e3;
  color: #8a6d3b;
}

.panel-widget {
  color: #fff;
  position: relative;
  padding: 15px;    
}

.panel-widget-icon {
  font-size: 42px;
  height: 56px;
  width: 56px;
  text-align: center;
  line-height: 56px;
  margin-left: 15px;
  color: #fff;
  position: absolute;
  right: 15px;
  top: 15px;
  opacity: .2;
  filter: alpha(opacity=20);
}

.panel-widget-caption {
  font-size: 12px;
  margin: 5px 0;
  color: #fff;
  text-transform: uppercase;
}

.panel-widget-info p {
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0;
}

.panel-widget-extra {
  display: block;
  margin: 15px -15px -15px;
  padding: 7px 15px;
  background: rgba(0, 0, 0, .4);
  text-align: right;
  color: #ddd;
  font-weight: 300;
  text-decoration: none;
}

.pull-left {
  float: left!important;
}

.custom-import-button {
  margin-left: 0.3em;
  float: right;
}

.mb-0 {
  margin-bottom: 0px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;  
}

.mr-10 {
  margin-right: 10px;
}

.form-control[disabled] {
    color: #000;
}