<style>

#listprofile:hover
{
	background-color: transparent;
}

#listprofile
{
background-color:#ef151e;
}

<!-- wisp -->
@-webkit-keyframes fadeInUp { 
   0% { 
       opacity: 0; 
       -webkit-transform: translateY(20px); 
   } 
   100% { 
       opacity: 1; 
       -webkit-transform: translateY(0); 
   } 
}

@keyframes fadeInUp { 
   0% { 
       opacity: 0; 
       transform: translateY(20px); 
   } 
   100% { 
       opacity: 1; 
       transform: translateY(0); 
   } 
}

.fadeInUp { 
   -webkit-animation-name: fadeInUp; 
   animation-name: fadeInUp; 
}

.animated4 { 
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-in; 
    animation-timing-function: ease-in; 
} 

@-webkit-keyframes pulse { 
    0% { -webkit-transform: scale(1); } 
    50% { -webkit-transform: scale(1.1); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes pulse { 
    0% { transform: scale(1); } 
    50% { transform: scale(1.1); } 
    100% { transform: scale(1); } 
} 
.pulse { 
    -webkit-animation-name: pulse; 
    animation-name: pulse; 
}
.animated { 
   -webkit-animation-duration: 1s; 
   animation-duration: 1s; 
   -webkit-animation-fill-mode: both; 
   animation-fill-mode: both; 
}

@-webkit-keyframes fadeInDown { 
   0% { 
       opacity: 0; 
       -webkit-transform: translateY(-20px); 
   } 
   100% { 
       opacity: 1; 
       -webkit-transform: translateY(0); 
   } 
}

@keyframes fadeInDown { 
   0% { 
       opacity: 0; 
       transform: translateY(-20px); 
   } 
   100% { 
       opacity: 1; 
       transform: translateY(0); 
   } 
}

.fadeInDown { 
   -webkit-animation-name: fadeInDown; 
   animation-name: fadeInDown; 
}
#spmessage
{
	/* background-color:rgb(206, 222, 212);height:40px;padding:7px;text-align:left;border-radius:5px;border:1px solid;border-color:rgb(190, 190, 190);font-weight:bold; */
	background-color:rgba(225, 222, 222, 0.41);width:100%;padding:7px;border-radius:5px;font-weight:bold;  
	
}

.modal {
position: fixed;
right: o;
top: 40px;
}
.modal-header,
.btn-custom {
	background: #818181;
	color: #FFF;
}
.modal-body {
	background: #E6E6E6;
}
.modal-footer{
	background: #E6E6E6;

}

.popover   {
	background-color: #222;
	color: #fff;
	min-width: 120px;
	max-width:360px;
	z-index:2000
}
.popover.right .arrow:after {
	border-right-color: #222;
		z-index:2000
}
.popover.left .arrow:after {
	border-left-color: #222;
		z-index:2000
}
.input-group[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px;
}	
.animated1 { 
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
} 
.animated2 { 
    -webkit-animation-duration: 1.5s; 
    animation-duration: 1.5s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
} 
@-webkit-keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
@keyframes fadeIn { 
    0% {opacity: 0;} 
    100% {opacity: 1;} 
} 
.fadeIn { 
    -webkit-animation-name: fadeIn; 
    animation-name: fadeIn; 
}

@-webkit-keyframes flipInY { 
    0% { 
        -webkit-transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        -webkit-transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        -webkit-transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        -webkit-transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
@keyframes flipInY { 
    0% { 
        transform: perspective(400px) rotateY(90deg); 
        opacity: 0; 
    } 
    40% { 
        transform: perspective(400px) rotateY(-10deg); 
    } 
    70% { 
        transform: perspective(400px) rotateY(10deg); 
    } 
    100% { 
        transform: perspective(400px) rotateY(0deg); 
        opacity: 1; 
    } 
} 
.flipInY { 
    -webkit-backface-visibility: visible !important; 
    -webkit-animation-name: flipInY; 
    backface-visibility: visible !important; 
    animation-name: flipInY; 
}

@-webkit-keyframes fadeInLeftBig { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-500px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateX(0); 
    } 
} 
@keyframes fadeInLeftBig { 
    0% { 
        opacity: 0; 
        transform: translateX(-500px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateX(0); 
    } 
} 
.fadeInLeftBig { 
    -webkit-animation-name: fadeInLeftBig; 
    animation-name: fadeInLeftBig; 
}

.tooltip.bottom .tooltip-inner {
    background-color:#222;
  }
.tooltip.bottom .tooltip-arrow {
          border-bottom-color: transparent;
}  



</style>


