@font-face {
    font-family: Ploni;
    src: url(../fonts/ploni/ploni-regular-aaa.woff);
}
*{
    font-family: 'Ploni', sans-serif;
}
.popup-x{
    cursor: pointer;
}
.popup-message{
    z-index: 999;
    display: flex;
    padding: 9px;
    border-radius: 16px;
    margin-bottom: 10px;
    position: fixed;
    width: 80%;
    max-width: 300px;
    top: 0;
    margin-top: 75px;
    left: 20px;
    justify-content: space-between;
}
.popup-message.success{
    background-color: #d5ffd1;
    border: 1px solid #04921e;
}
.popup-message.info{
    background-color: #fff4b8;
    border: 1px solid #ffa442;
}
.popup-message.error{
    background-color: #fdb2c575;
    border: 1px solid #e2004b;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.loader-in-button,
.loader-in-element{
    border: 5px solid #f3f3f3;
    border-top: 5px solid #176489;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin: auto;
}
.loader-in-element{
    position: absolute;
}