body{
    animation-name: fadeIn;
    animation-duration: 0.3s;
    transition: 0.3s ease-in-out;
}

@keyframes fadeIn {
    0%{
        opacity: 0;
    }

    100%{
        opacity: 1;
    }
}


/* // dashboard */


.dashboard .card *{
    cursor: pointer !important;
}

.dashboard .card:hover{
    box-shadow: 3px 3px 12px #cccccc, -3px -3px 12px #cccccc !important;
}

.dashboard .card:hover img{
    transform: scale(1.15) !important;
}

/* // dashboard */


.icon-arrow-left52{
	font-size: 30px !important;
	padding: 4px 4px !important;
	border-radius: 2px !important;
	background: white !important;
}

.icon-arrow-left52:hover{
	font-size: 30px !important;
	color: white !important;
	background: teal !important;
	cursor: pointer;
}