#showLoader{
  
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  text-align: center;
  
}
.wrap-loader{
  position: absolute;
 
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
  
}
.loader{
  height: 25px;
 width: 1px;
 position: absolute;
 animation: rotate 3.5s linear infinite;
}
.loader .dot{
  top: 30px;
 height: 7px;
 width: 7px;
 background: red;
 border-radius: 50%;
 position: relative;
}
.loading-text{
  position: absolute;
  bottom: -85px;
  font-size: 25px;
  font-weight: 400;
  font-family: 'Poppins',sans-serif;
  color:red;
}

.loader:nth-child(1){
  animation-delay: 0.15s;
}
.loader:nth-child(2){
  animation-delay: 0.3s;
}
.loader:nth-child(3){
  animation-delay: 0.45s;
}
.loader:nth-child(4){
  animation-delay: 0.6s;
}
.loader:nth-child(5){
  animation-delay: 0.75s;
}
.loader:nth-child(6){
  animation-delay: 0.9s;
}

body {
    font-family:"Helvetica" !important;
    color:#545662 !important;
    
}

.form-label{
    color:#545662 !important;
}
.dots-1 {
    display: flex;
    width: 60px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#EC1C24 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: d1 1s steps(4) infinite;
}
.bg-custom-red{
    background-color:#EC1C24;
    height:2em;
}

.dots-2 {
    display: flex;
    width: 30px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#3a74ac 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: d1 1s steps(4) infinite;
}

.dots-3 {
    display: flex;
    width: 30px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#3a74ac 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: d1 1s steps(4) infinite;
}

.mainloader {
    display: flex;
    width: 60px;
    aspect-ratio: 4;
    background: radial-gradient(circle closest-side,#EC1C24 90%,#0000) 0/calc(100%/3) 100% space;
    clip-path: inset(0 100% 0 0);
    animation: d1 1s steps(4) infinite;
}

.background-image {
    /* Set the background properties */
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

.btn-green-outline{
	/*background-color:#30b95a;
	color:#fff;*/

    background-color:#fff;
    color:#30b95a;
    border-color:#30b95a;
    text-align:center;
    line-height:1;
}

.btn-green-outline:hover, .btn-green-outline:focus{
	background-color:#01aa35;
	color:#fff;
}

.btn-orange-outline{
	/*background-color:#30b95a;
	color:#fff;*/

    background-color:#fff;
    color:#ff8200;
    border-color:#ff8200;
    text-align:center;
    line-height:1;
}
.btn-orange-outline:hover, .btn-orange-outline:focus{
	background-color:#ff8200;
	color:#fff;
}

.btn-blue-outline:hover, .btn-blue-outline:focus{
	background-color:#15b8db;
	color:#fff;
}

.btn-blue-outline{
	/*background-color:#30b95a;
	color:#fff;*/

    background-color:#fff;
    color:#15b8db;
    border-color:#15b8db;
    text-align:center;
    line-height:1;
}

.btn-red-outline:hover, .btn-red-outline:focus{
	background-color:#e00b0b;
	color:#fff;
}

.btn-red-outline{
	/*background-color:#30b95a;
	color:#fff;*/

    background-color:#fff;
    color:#e00b0b;
    border-color:#e00b0b;
    text-align:center;
    line-height:1;
}

.btn-red-custom{
	/*background-color:#30b95a;
	color:#fff;*/

    background-color:#fff;
    color:#e00b0b;
    border-color:#e00b0b;
    text-align:center;
    
}
.btn-red-custom:hover, .btn-red-custom:focus{
	background-color:#e00b0b;
	color:#fff;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: middle !important;
        border-top: 1px solid #ddd;
    }

@keyframes d1 {
    to {
        clip-path: inset(0 -34% 0 0);
    }
}
@keyframes mainloader {
    to {
        clip-path: inset(0 -34% 0 0);
    }
}
.badge{
    font-size: 14px !important; 
    font-weight: 300;
    text-align: center;
    /*background-color: #ccc;*/
    height: auto;
    padding: 7px 10px;
   
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align:left !important;
        }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: .5em;
    }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
        float: none;
        text-align:right !important;
    }
}
@keyframes rotate {
  30%{
    transform: rotate(220deg);
  }
  40%{
  transform: rotate(450deg);
    opacity: 1;
 }
 75%{
  transform: rotate(720deg);
  opacity: 1;
 }
 76%{
  opacity: 0;
 }
 100%{
  opacity: 0;
  transform: rotate(0deg);
 }
}