hr {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}


.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/*CSS LOADER*/
.loader,
.loader:before,
.loader: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;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  margin: 0px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  z-index: 9999;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader: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;
  }
}
/*END CSS LOADER*/

.nice_red{
  color: #be1e2d !important;
  font-weight: bolder !important;
 }

  .nice_green{
  color: #009688 !important;
  font-weight: bolder !important;
 }

.nice_blue {
    color: #17ADDB !important;
    font-weight: bolder !important;
}

.nice_gray {
    color: #BCBCBC !important;
    font-weight: bolder !important;
}

.nice_black {
    color: #333 !important;
    font-weight: bolder !important;
}

.small-gray {
  font-size: 11px;
  color: #777777 !important;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


.intl-tel-input {
  width: 100% !important;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; width: fit-content !important;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; cursor: pointer; border-bottom: 1px solid rgb(216, 213, 213);}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 5px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }


form label {
  margin-bottom: 0rem !important;
}
form div.row {
  margin-bottom: 0.5rem !important;
}

div.form label {
  margin-bottom: 0rem !important;
}
div.form div.row {
  margin-bottom: 0.5rem !important;
}

.cbtn {
  border-radius: 3px; background-color: var(--primarycolor); border-color: var(--primarycolor); color: #fff;
}

.btn-classic {
  appearance: button;
  -webkit-writing-mode: horizontal-tb !important;
  text-rendering: auto;
  color: -internal-light-dark(buttontext, rgb(170, 170, 170));
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: center;
  align-items: flex-start;
  cursor: default;
  background-color: -internal-light-dark(rgb(239, 239, 239), rgb(74, 74, 74));
  box-sizing: border-box;
  margin: 0em;
  font: 400 13.3333px Arial;
  padding: 1px 6px;
  border-width: 2px;
  border-style: outset;
  border-color: -internal-light-dark(rgb(118, 118, 118), rgb(195, 195, 195));
  border-image: initial;
  border-radius: 3px;
}

.toast-middle-center {
  margin: 0;
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  margin-right: -50% !important;
  transform: translate(-50%, -50%) !important;
}

/* .display, .dataTable, .dataTables_scrollHeadInner {
  width: 100% !important;
} */

.button {
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
 /* color: #ffffff;*/
  background-color: #F0EFED;
  border-radius: 6px;
  outline: none;
}



@media print {
  button {
    display: none !important;
  }
}

.editable-container {
  background-color: lightgray !important;
  padding: 10px !important;
  border-radius: 5px !important;
}

/*  */

.search-input input {
    /* width: 90%; */
    height: 40px;
    background: transparent;
    padding-inline-start: 22px;
    padding-inline-end: 52px;
    font-size: 14px;
    color: var(--clr-text-secondary);
    border: 1.5px solid var(--clr-border-1);
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    -o-border-radius: 54px;
    -ms-border-radius: 54px;
    border-radius: 54px;
}


.search-input button {
  position: absolute;
  inset-inline-end: 25px;
  font-size: 18px;
  color: #A1A1A1;
  top: 50%;
  transform: translateY(-50%);
}


.datepicker {
  z-index: 99999 !important;
}


.accordion-style {
  width: 100% !important;
}


/* .select2-dropdown {
    position: absolute !important;
    z-index: 999999999999999 !important;
}


.select2-results__option[aria-selected=true] {
    display: none;
}

select[readonly].select2-hidden-accessible + .select2-container {
  pointer-events: none;
  touch-action: none;

  .select2-selection {
    background: #eee;
    box-shadow: none;
  }

  .select2-selection__arrow,
  .select2-selection__clear {
    display: none;
  }
}

.select2-container {
    width: 100% !important;
}

.select2-drop {z-index: 999999999999999 !important;} */