
.alert{
    border-radius: $radius;
    padding: 0.75rem 0;
    font-size: .875rem;
    padding-#{$dz-pos-left}: 1.2rem;
    padding-#{$dz-pos-right}: 2.5rem;

	p{
		line-height:1.5;
	}
}
.alert-square{
    border-radius: 0;
}

.alert-rounded{
    border-radius: 1.875rem;
}

// Basic Alert
.alert-primary{
    background: var(--rgba-primary-1);
    border-color: var(--rgba-primary-1);
    color: var(--primary);
	
}
.alert-dismissible{
	padding-#{$dz-pos-right}: 3rem!important;
}
.alert-secondary{
    background: rgba($secondary, 0.2);
    border-color: rgba($secondary, 0.2);
    color: $secondary;
	
}


.alert-success{
    background: rgba($success, 0.2);
    border-color: rgba($success, 0.2);
    color: $success;
	
}

.alert-warning{
    background: rgba($warning, 0.2);
    border-color: rgba($warning, 0.2);
    color: $warning;
	
}

.alert-danger{
    background: rgba($danger, 0.2);
    border-color: rgba($danger, 0.2);
    color: $danger;
	
}

.alert-info{
    background-color: rgba($info, 0.2);
    border-color: rgba($info, 0.2);
    color: $info;
	
}

.alert-dark{
    background-color: rgba($dark, 0.2);
    border-color: rgba($dark, 0.2);
    color: var(--text-dark);
}
.alert-light{
    background-color: rgba($light, 0.2);
    border-color: rgba($light, 0.2);
    color: var(--text-dark);
	
}
// Alert alt
.alert-alt.alert-primary{
    border-#{$dz-pos-left}: 0.25rem solid var(--primary);
}

.alert-alt.alert-secondary{
    border-#{$dz-pos-left}: 0.25rem solid $secondary;
}
.alert-alt.alert-success{
    border-#{$dz-pos-left}: 0.25rem solid $success
}

.alert-alt.alert-warning{
    border-#{$dz-pos-left}: 0.25rem solid $warning;
}

.alert-alt.alert-danger{
    border-#{$dz-pos-left}: 0.25rem solid $danger;
}

.alert-alt.alert-info{
    border-#{$dz-pos-left}: 0.25rem solid $info;
}

.alert-alt.alert-dark{
    border-#{$dz-pos-left}: 0.25rem solid $dark;
}
.alert-alt.alert-light{
    border-#{$dz-pos-left}: 0.25rem solid darken($light,15%);
}

// Alert alt with solid color

.alert-alt.alert-primary.solid{
    border-#{$dz-pos-left}: 0.25rem solid var(--primary-dark)!important;
}

.alert-alt.alert-secondary.solid{
    border-#{$dz-pos-left}: 0.25rem solid darken($secondary,25%)!important;
}


.alert-alt.alert-success.solid{
    border-#{$dz-pos-left}: 0.25rem solid darken($success, 25%)!important;
}

.alert-alt.alert-warning.solid{
    border-#{$dz-pos-left}: 0.25rem solid darken($warning,25%)!important;
}

.alert-alt.alert-danger.solid{
    border-#{$dz-pos-left}: 0.25rem solid darken($danger,25%)!important;
}

.alert-alt.alert-info.solid{
    border-#{$dz-pos-left}: 0.25rem solid darken($info,25%)!important;
}

.alert-alt.alert-dark.solid{
    border-#{$dz-pos-left}: 0.25rem solid darken($dark,25%)!important;
}
.alert-alt.alert-light.solid{
    border-#{$dz-pos-left}: 0.25rem solid darken($light,25%)!important;
}

//Alert dismissable with solid color
.alert-dismissible.solid{
    .close{
        &:hover{
            color: $white;
            opacity: 1;
        }
    }
}

// Alert Solid 
.alert.alert-primary.solid{
    background: var(--primary);
    color: $white;
    border-color: var(--primary);
}

.alert.alert-secondary.solid{
    background: $secondary;
    color: $white;
    border-color: $secondary;
}
.alert.alert-success.solid{
    background: $success;
    color: $white;
    border-color: $success;
}

.alert.alert-warning.solid{
    background: $warning;
    color: $white;
    border-color: $warning;
}

.alert.alert-danger.solid{
    background: $danger;
    color: $white;
    border-color: $danger;
}

.alert.alert-info.solid{
    background: $info;
    color: $white;
    border-color: $info;
}
.alert.alert-dark.solid{
    background: $dark;
    color: $white;
    border-color: $dark;
}
.alert.alert-light.solid{
    background: $light;
    color: $dark;
    border-color: $light;
    h5{
        color:#000!important;
    }
}
// Alert #{$dz-pos-right} icon

.alert-right-icon{
    &>span i{
        font-size: 1.125rem;
        margin-#{$dz-pos-right}: 0.3125rem;
    }
    .close{
        i{
            font-size: 1rem;
        }
    }
}

// Alert Outline
.alert.alert-outline-primary{
    background: transparent;
    color: var(--primary);
    border-color: var(--primary);
}


.alert.alert-outline-secondary{
    background: transparent;
    color: var(--secondary);
    border-color: $secondary;
}


.alert.alert-outline-success{
    background: transparent;
    color: $success;
    border-color: $success;
}


.alert.alert-outline-info{
    background: transparent;
    color: $info;
    border-color: $info;
}


.alert.alert-outline-warning{
    background: transparent;
    color: $warning;
    border-color: $warning;
}

.alert.alert-outline-danger{
    background: transparent;
    color: $danger;
    border-color: $danger;
}

.alert.alert-outline-dark{
    background: transparent;
    color: var(--text-dark);
    border-color: $dark;
}

.alert.alert-outline-light{
    background: transparent;
    color: var(--text-dark);
    border-color: var(--border);
}
// Alert Social
.alert-social{
    color: $white;
    .alert-social-icon{
        align-self: center;
        margin-#{$dz-pos-right}: 0.9375rem;
        i{
            font-size: 2.625rem;
        }
    }
    &.facebook{
        background-color: $facebook;
    }
    &.twitter{
        background-color: $twitter;
    }
    &.linkedin{
        background-color: $linkedin;
    }
    &.google-plus{
        background-color: $google-plus;
    }
    .close{
        &:hover{
            opacity: 1!important;
            color: $white!important;
        }
    }
}
// Alert #{$dz-pos-left} icon

.left-icon-big{
    .alert-left-icon-big{
        align-self: center;
        margin-#{$dz-pos-right}: 0.9375rem;
        i{
            font-size: 2.1875rem;   
			line-height: 1;
        }
		
    }
   
}
// sweetalerts
div:where(.swal2-container) div:where(.swal2-popup) {
    background: var(--card) !important;
    color: var(--text-dark) !important;
}





.alert-icon {
    height: 1.25rem;
    width: 1.25rem;
    margin-#{$dz-pos-right}: 0.25rem;
}
.alert-dismissible .btn-close {
    padding: 0.85rem 1rem;
}
.alert-dismissible .btn-close{
    top: 0;
    #{$dz-pos-right}: 0;
    #{$dz-pos-left}: auto;
}
//Alert dismissable with solid color
.alert-dismissible.solid:not(.alert-light),
.alert-social{
    .btn-close{
        color: $white;
        opacity: 1;
        
    }
}
.left-icon-big{
    .alert-left-icon-big{
        align-self: center;
        margin-#{$dz-pos-right}: 0.9375rem;
        i{
            font-size: 2.1875rem;   
			line-height: 1;
        }
    }
}

//Alert dismissable with solid color
.alert-dismissible.solid:not(.alert-light),
.alert-social{
    .btn-close{
        color: $white;
        opacity: 1;
        // &:hover{
        //     color: $white;
        // }
    }
}
.btn-close{
	background:none;
	position:relative;
	font-family: "Font Awesome 5 Free";
	margin-#{$dz-pos-left}: auto !important;
	margin-#{$dz-pos-right}: unset !important;
	color:var(--text-dark);
	&:before{
		content:'\f00d';
		font-weight: 600;
		
	}
	&:hover{
		color:var(--text-dark);
	}
}