.spinner {
  height: 60px;
  width: 60px;
  margin: auto;
  display: flex;
  position: absolute;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(0, 174, 239, .15);
  border-right: 6px solid rgba(0, 174, 239, .15);
  border-bottom: 6px solid rgba(0, 174, 239, .15);
  border-top: 6px solid rgba(0, 174, 239, .8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

#overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 2;
  cursor: pointer;
}

fieldset, legend {
    all: revert;
    border-color : #f6f0f0b3;
    margin-bottom : 15px;
}

.select2 {
  width:100%!important;
}

.primary-btn.icon-only {
    padding: 0 9px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50px;
}

.primary-btn.tr-bg {
    background: transparent;
    border: 1px solid #5accce;
    line-height: 28px;
}

.big-icon{
  font-size: 32px;
}

.icon-font{
  font-size: .7rem;
}

span.active_chat {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #54da8a;
    border-radius: 50%;
    margin-left: 7px;
    position: relative;
    top: -4px;
}

.mr-2 {
  margin: 2px;
}

.nav.nav-treeview{
  margin-left: 15px !important;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (min-width: 1025px) {
    .mr-l-300 {
      margin-left:300px !important;
    }
  
    .w-300 {
      width:300px;
    }
  }

@media print {
  body {
      -webkit-print-color-adjust: exact;
  }

  .no-print, .no-print *
  {
      display: none !important;
  }

  table { table-layout: fixed; width: 100%; }
  .content-wrapper  {background-color: #fff !important;font-size: 80%;}
}