/*
/*
/*  custom.css
/*
/*  If not using Gulp and Sass, add your custom CSS below then include it
/*  in your page by adding a reference to assets/css/custom.css in the head of each page.
/*
*/
@import './shake.css';

@font-face{ 
	font-family: 'LCD';
	src: url('./open_24_display_st-webfont.woff') format('woff');
}

.b-tooltip:after {
  white-space: pre !important;
}

.lcd {
  font-family: 'LCD';
}

.lcd_wrapper {
  border: 2px solid white;
  border-radius: 5px;
  background-color: #036506;
}

.inactive {
  opacity: 0.3;
}

.callcentre_icon {
  background-color: white;
  border-radius: 10px;
}
.callcentre_red {
  color: rgb(190, 0, 0);
}
.callcentre_green {
  color: rgb(16, 190, 0);
}
.callcentre_yellow {
  color: rgb(241, 241, 40);
}
.callcentre_black {
  color: rgb(56, 56, 56);
}

.overlay-bg {
    background: #333;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.75;
    display: table;
}

thead[role="rowgroup"] > tr[role="row"] > th[role="columnheader"]:not(:first-of-type) {
  border-top: 1px solid rgb(51, 51, 51);
  border-right: 1px solid rgb(51, 51, 51);
  border-bottom: 1px solid rgb(51, 51, 51);
}
thead[role="rowgroup"] > tr[role="row"] > th[role="columnheader"]:first-of-type {
  border: 1px solid rgb(51, 51, 51);
}

.modal > img {
    z-index: 1000;
    position: relative;
}

.bd-example-modal-lg .modal-dialog{
    display: table;
    position: relative;
    margin: 0 auto;
    top: calc(50% - 24px);
  }

.modal-custom {
    display: block;
    background: #333;
    opacity: 0.65;
}

.bd-example-modal-lg .modal-dialog .modal-content{
    background-color: transparent;
    border: none;
}

.carousel-indicators li.active {
    background-color: #eee;
}

.pulse {
    animation: pulse 1s infinite;
    margin: 0 auto;
    display: table;
    margin-top: 50px;
    animation-direction: alternate;
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }

  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.25);
    }
    100% {
      -webkit-transform: scale(1);
    }
  }

  @keyframes pulse {
    0% {
      -webkit-transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.25);
    }
    100% {
      -webkit-transform: scale(1);
    }
  }