/*-----------------------------------------------------------------------------------*/
/*  Theme Name: Framy\Static\Web\Template Front-end
/*  Theme URI: https://www.framy.in/
/*  Description: Framy\Static\Web\Template Front-end UI/UX
/*  Author: Sukanyeah Krishna
/*  Author URI: https://www.sukanyeah.com/
/*  Version: 1.0
/*-----------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------*/
/* Variables
/*-----------------------------------------------------------------------------------*/
:root {
    --var-fa-font: 'Font Awesome 6 Free';
    --var-evinity-bg-color: #091c0c;
}

/*-----------------------------------------------------------------------------------*/
/* Alerts
/*-----------------------------------------------------------------------------------*/
.alert{
	background-image: url(../images/panel_bg.png);
	display: flex;
	align-items: center;
	padding: 0.5rem 1rem;
	min-height: 60px;
    border: 0;
}
.alert ul{
	margin-bottom: 0px;
}
.alert .h1, .alert .h2, .alert .h3, .alert .h4, .alert .h5, .alert .h6, .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6{
	margin-bottom: 0px;
}
.alert ul{
	list-style-type: none;
	padding: 0;
}
.alert-success{
	background-color: #15541e !important;
	background-position: center;
	color: #fff !important;
}
.alert-danger{
	background-color: #71130f;
	background-position: bottom;
	color: #fff;
}

.alert-warning{
	background-color: #795b0d;
	background-position: left;
	color: #fff;
}
.alert:before{
	font-family: var(--var-fa-font);
	color: #fff;
	font-size: 3em;
	margin-right: 10px;
	opacity: 0.3;
}
.alert-success:before{
	content: '\f00c';
	font-weight: 600;
}
.alert-danger:before{
	content: '\f00d';
	font-weight: 600;
}
.alert-warning:before{
	content: '\f071';
	font-weight: 600;
}

.alert-dismissable .close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1rem 1.25rem;
    color: inherit;
    background: transparent;
    border: 0;
}

.evinity-header {
    background-color: var(--var-evinity-bg-color);
}