.slim-navbar .nav-item.active .nav-link 
{
    background-color: #56B4D3;
    background-image: linear-gradient(to right, #56B4D3 0%, #348F50 100%);
    background-repeat: repeat-x;
    border-width: 0;
    color: #fff;
}

.slim-navbar .nav-link .icon
{
    font-size: 24px;
    line-height: 0;
    color: #348F50;
}

img.direct-member
{
    width: 90px;
    border-radius: 100%;
    padding: 5px;
    border: 2px solid #1b84e7;
    background-color: #fff;
    transition: all 0.2s ease-in-out;
}

.member-active-status
{
	color : #30fb38;
	animation: zoanimate 2s infinite;
	  -webkit-animation: zoanimate 2s infinite;
	  -moz-animation: zoanimate 2s infinite;
	  -o-animation: zoanimate 2s infinite;
}

.cus-card-icon-wrapper 
{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 75px;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 40px; 
}

.cus-card-icon-wrapper.success 
{
    color: #23BF08;
    border: 2px solid #23BF08; 
}


.cus-card-icon-wrapper.info 
{
    color: #3B7ECA;
    border: 2px solid #3B7ECA; 
}

.form-layout-2 .form-group-disabled, .form-layout-7 .form-group-disabled
{
	  background-color: #e9ecef;
    opacity: 1;
}
.signup .input-group-text
{
	width: 45px;
}

.display-hide
{
	display: none;
}

.signin-box .slim-logo
{
	margin-bottom: 15px;
}

.signin-title-secondary
{
	margin-bottom: 20px;
}

@-webkit-keyframes zoanimate {
 0%, 20%, 40%, 60%, 80%, 100% {-webkit-transform: scale(1.0);} 
 10% {-webkit-transform: scale(1.1);}
 30% {-webkit-transform: scale(1.1);}
 50% {-webkit-transform: scale(1.1);}
 70% {-webkit-transform: scale(1.1);}
 90% {-webkit-transform: scale(1.1);}
}
 
@-moz-keyframes zoanimate {
 0%, 20%, 40%, 60%, 80%, 100% {-moz-transform: scale(1.0);} 
 10% {-moz-transform: scale(1.1);}
 30% {-moz-transform: scale(1.1);}
 50% {-moz-transform: scale(1.1);}
 70% {-moz-transform: scale(1.1);}
 90% {-moz-transform: scale(1.1);}
}
 
@-o-keyframes zoanimate {
 0%, 20%, 40%, 60%, 80%, 100% {-o-transform: scale(1.0);} 
 10% {-o-transform: scale(1.1);}
 30% {-o-transform: scale(1.1);}
 50% {-o-transform: scale(1.1);}
 70% {-o-transform: scale(1.1);}
 90% {-o-transform: scale(1.1);}
}
@keyframes zoanimate {
 0%, 20%, 40%, 60%, 80%, 100% {transform: scale(1.0);} 
 10% {transform: scale(1.1);}
 30% {transform: scale(1.1);}
 50% {transform: scale(1.1);}
 70% {transform: scale(1.1);}
 90% {transform: scale(1.1);}
}