<style type="text/css">

	.card-information-machine{
		height: 8-0px;
	}

	.swal2-container {
	  z-index: 99999999999 !important;
	}


	@media (min-width: 992px) {

		.card-information-machine{
			max-height: 500px;
		}

		.card-information-machine.parent-chart{
			padding-right: 30px;
		}
	}	
</style>



    <style type="text/css">
        

	    .lds-ring,
	    .lds-ring div {
	      box-sizing: border-box;
	    }
	    .lds-ring {
	      display: inline-block;
	      position: relative;
	      width: 20px;
	      height: 20px;
	    }
	    .lds-ring div {
	      box-sizing: border-box;
	      display: block;
	      position: absolute;
	      width: 20px;
	      height: 20px;
	/*      margin: 4px;*/
	      border: 3px solid currentColor;
	      border-radius: 50%;
	      animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	      border-color: currentColor transparent transparent transparent;
	    }
	    .lds-ring div:nth-child(1) {
	      animation-delay: -0.45s;
	    }
	    .lds-ring div:nth-child(2) {
	      animation-delay: -0.3s;
	    }
	    .lds-ring div:nth-child(3) {
	      animation-delay: -0.15s;
	    }
	    @keyframes lds-ring {
	      0% {
	        transform: rotate(0deg);
	      }
	      100% {
	        transform: rotate(360deg);
	      }
	    }

    </style>



    <style type="text/css">
    	
      .skeleton-payment {
	    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	    background-size: 200% 100%;
	    animation: shimmer 1.5s infinite;
	    border-radius: 4px;
	  }

	  @keyframes shimmer {
	    0% { background-position: -200% 0; }
	    100% { background-position: 200% 0; }
	  }

	  .skeleton-payment-icon {
	    width: 34px;
	    height: 34px;
	    border-radius: 50%;
	  }

	  .skeleton-payment-text-sm {
	    width: 120px;
	    height: 12px;
	    margin-bottom: 6px;
	  }

	  .skeleton-payment-number {
	    width: 40px;
	    height: 24px;
	    border-radius: 6px;
	  }

    </style>