/****************************************************/
/*********************** FONTS **********************/
/****************************************************/
@font-face {
    font-family: 'icons';
    src:url(../../../fonts/Icons2/icons.eot);
    src:url(../../../fonts/Icons2/icons.eot?#iefix) format('embedded-opentype'),
        url(../../../fonts/Icons2/icons.woff) format('woff'),
        url(../../../fonts/Icons2/icons.ttf) format('truetype'),
        url(../../../fonts/Icons2/icons.svg#icons) format('svg');
    font-weight: normal;
    font-style: normal;
}

@keyframes bam {
    0%, 100% {
        -webkit-transform: scale(8);
        -ms-transform: scale(8);
        transform: scale(8);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes bam {
    0% {
        -webkit-transform: scale(8);
        -ms-transform: scale(8);
        transform: scale(8);
    }

    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.ui-pnotify {
    position: absolute;
}
    .ui-pnotify ul {
        list-style-position:inside;
        padding:3px;
        margin:0;
    }
    .ui-pnotify ul > li {
        padding:0;
        margin:0;
    }

    .ui-pnotify-container {
        padding:5px;
    }
    
    .ui-pnotify-container .ui-pnotify-icon {
        display:none;
    }

    .ui-pnotify-container .ui-pnotify-title, 
    .ui-pnotify-container .ui-pnotify-text {
        position:relative;
        z-index:1;
    }

    .ui-pnotify-container .ui-pnotify-title {
        font-weight: 900;
        margin:0;
    }
    .ui-pnotify-container .ui-pnotify-text {
        font-size:13px;
        font-weight: normal;
        margin:0;
    }
	.ui-pnotify-closer {
		z-index: 2;
        position: absolute;
        visibility: visible !important;
        top: .5rem;
        right: .5rem;
        line-height: 1;
	}
	.ui-pnotify-closer .icon-remove:before{
		content: '×';
		transition: all .4s ease-in-out;
        font-family: Arial, sans-serif;
        font-size: 20px;
	}
	.ui-pnotify-closer .icon-remove:before:hover{
		transform: rotate(360deg);
	}


.alert {
    background-color: #333;
    border-color: #333;
    color: #FFFFFF;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    font-weight: bold;
    border-radius:1px;
    display: flex;
    align-items: center;
}
.alert-success {
    background-color: #468847;
    border-color: #468847;

    background-color: rgba(70, 136, 71, 0.8);
    border-color: rgba(70, 136, 71, 0.8);
    
    padding: 10px 10px 10px 60px;
}
    .alert-success:before {
        font-family:"icons";
        content:"\e607";
        font-size:40px;
        position: relative;
        top:auto;
        left:auto;
        margin-right: 1rem;

        -webkit-animation-name: bam;
        -o-animation-name: bam;

        -webkit-animation-duration: 700ms;
        -o-animation-duration: 700ms;
    }
.alert-error {
    background-color: #b94a48;
    border-color: #b94a48;
}
    .ui-pnotify .alert-error:after {
        content:"";
        display:block;
        position:absolute;
        height:0; width:0;
        top:5px; left:-10px;
        border-left:none;
        border-right:10px solid #b94a48;
        border-top:10px solid transparent;
        border-bottom:10px solid transparent;
        z-index:0;
    }
        .ui-pnotify.toLeft .alert-error:after {
            right:-10px; left:auto;
            border-right:none;
            border-left:10px solid #b94a48;
        }
        .ui-pnotify.toTop .alert-error:after {
            top:auto; bottom:5px;
            z-index:0;
        }