// Fonts
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import '../font/montserrat/stylesheet.css';


// Variables

@import 'adminlte/AdminLTE';
@import '~ion-rangeslider/css/ion.rangeSlider.css';
@import '~@fortawesome/fontawesome-free/css/all.css';
@import 'adminlte/plugins/icheck-bootstrap';
@import 'custicons/ecology/flaticon';
@import 'custicons/smarthouse/flaticon';
@import 'custicons/urinal/style.css';
@import 'custicons/ecology/flaticon';
@import 'custicons/acs/style';
@import '../DataTablesSrc2/css/dataTables.bootstrap4';
@import '~@sweetalert2/theme-bootstrap-4/bootstrap-4';
@import 'variables';
@import '~bootstrap-colorpicker/src/sass/colorpicker';
@import '~select2/dist/css/select2.min.css';

@import 'ui-choose/ui-choose.css';
@import 'eventlog';
@import 'themes';

body{
  font-family: Montserrat, Helvetica Neue,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;
}

.login-page{
    background-color: #449BB8;
}

.text-brand{
  color: #2c7cbf !important
}

.btn-brand{
  color: #ffffff;
  background-color: #2c7cbf;
  border-color: #2c7cbf;
  border-top-color: #2c7cbf;
  border-right-color:  #2c7cbf;
  border-bottom-color:  #2c7cbf;
  border-left-color:  #2c7cbf;
  box-shadow: none;
}

.brand-image{
    max-width: 65%;
}

.locale-flag{
    height: 100%;
    max-height: 20px;
}

.header-image {
  position: absolute;
  top: 0px;
  right: 10px;
   max-height: 100%;
}

.ui-choose{
  font-family: unset!important;
  font-weight:500!important;
}

.z-index-top{
  z-index: 999;
}

.ribbon-left {
  left: -2px;
  transform: rotate(-90deg);

  .ribbon {
    left:0px;
    transform: rotate(45deg)!important;
    top: 15px;

  }
}

.force-pull-right{
  float: right!important;
}

.load_spinner,
.load_spinner:before,
.load_spinner:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.load_spinner {
  color: var(--white);
  font-size: 100%;
  margin: 0px 40%;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.load_spinner:before,
.load_spinner:after {
  content: '';
  position: absolute;
  top: 0;
}
.load_spinner:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.load_spinner:after {
  left: 3.5em;
}


@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}