.pulse {

  position: relative;
  border: none;
  box-shadow: 0 0 0 0 rgba(232, 76, 61, 0.7);
  
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}
.pulse-button:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}

.img-responsive { max-width:95% }

.badge-pelangi, .bg-pelangi, .btn-pelangi { 
background: linear-gradient(124deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1000% 1000%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

.text-rainbow {
    background: linear-gradient(to right, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

.sidebar .menu:not(.menu-bordery) > .menu-item.active > .menu-link {
    background-color: #48b0f7;
}

.bg-primary  {
    background-color: #48b0f7 !important;
    color: #fff;
}
.btn-primary {
    background-color: #48b0f7 !important;
    color: #fff;
	border-color: #48b0f7;
}

.topbar-btn, .lookup input {
    color: #ffffff;
}	

.form-control {
    border-color: #d7ccc8;
    color: #616a7c;
}	
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
	background-color: #48b0f7;
	border-color: #48b0f7;
	font-weight: 500;
}
.sidebar .menu-submenu .menu-item.active > .menu-link .dot::after, .sidebar .menu-submenu .menu-item:hover > .menu-link .dot::after {
	background-color: #48b0f7;
	border-color: #48b0f7;
}
.spinner-dots span {
	width: 12px;
	height: 12px;
	background-color: #48b0f7;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: spinner-dots 1.4s infinite ease-in-out both;
	animation: spinner-dots 1.4s infinite ease-in-out both;
}