.error {
  color: #dc3545 !important;
}

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

.switch {
  position: relative;

  display: inline-block;

  width: 50px;

  height: 25px;
}

.switch input {
  opacity: 0;

  width: 0;

  height: 0;
}

.slider {
  position: absolute;

  cursor: pointer;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #ccc;

  -webkit-transition: 0.4s;

  transition: 0.4s;
}

.slider:before {
  position: absolute;

  content: "";

  height: 20px;

  width: 20px;

  left: 2px;

  bottom: 2px;

  background-color: white;

  -webkit-transition: 0.4s;

  transition: 0.4s;
}

input:checked + .slider {
  background-color: #f55d2c;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);

  -ms-transform: translateX(26px);

  transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#overlay {
  background: #ffffff;

  color: #666666;

  position: absolute;

  height: 100%;

  width: 100%;

  z-index: 5000;

  top: 0;

  left: 0;

  float: left;

  text-align: center;

  padding-top: 25%;

  opacity: 0.8;
}

.spinner {
  margin: 0 auto;

  height: 64px;

  width: 64px;

  animation: rotate 0.8s infinite linear;

  border: 5px solid #fe5b16;

  border-right-color: transparent;

  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

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

.buttoon {
  color: white;

  display: inline-block; /* Inline elements with width and height. TL;DR they make the icon buttons stack from left-to-right instead of top-to-bottom */

  position: relative; /* All 'absolute'ly positioned elements are relative to this one */

  padding: 2px 5px;
}

.badge-count {
  background-color: #5f57e2;

  border-radius: 40%;

  color: white;

  padding: 4px 7px;

  font-size: 10px;

  position: absolute;

  top: 2px;

  right: 0;

  margin: -9px;
}
.ar_body .filter-content .form-check-input {
  right: -10px;
}

.ar_body .filter-content .list-unstyled {
  text-align: right;
}

.ar_body .filter-content .list-unstyled .form-check {
  position: relative;
  display: block;
  padding-right: 1.25rem;
}

.ar_body label {
  float: right !important;
}

.ar_body .title-text{
    text-align: right !important;
}