:root {
    --body-fg: #333;
    --message-success-bg: #dfd;
    --message-warning-bg: #ffc;
    --message-error-bg: #ffefef;
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 300;
    font-style: normal;
    src: url('/static/fonts/FaricyNew-Lt.otf') format('opentype');
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 400;
    font-style: normal;
    src: url('/static/fonts/FaricyNew-Rg.otf') format('opentype');
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 500;
    font-style: normal;
    src: url('/static/fonts/FaricyNew-Md.otf') format('opentype');
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 600;
    font-style: normal;
    src: url('/static/fonts/FaricyNew-Bd.otf') format('opentype');
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 300;
    font-style: italic;
    src: url('/static/fonts/FaricyNew-LtIt.otf') format('opentype');
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 400;
    font-style: italic;
    src: url('/static/fonts/FaricyNew-RgIt.otf') format('opentype');
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 500;
    font-style: italic;
    src: url('/static/fonts/FaricyNew-MdIt.otf') format('opentype');
}

@font-face{
    font-family: 'Faricy New';
    font-weight: 600;
    font-style: italic;
    src: url('/static/fonts/FaricyNew-BdIt.otf') format('opentype');
}

.raleway {
    font-family: 'Faricy New';
}

.lato {
    font-family: 'Faricy New';
}

/* MESSAGES & ERRORS */

ul.messagelist {
    padding: 0;
    margin: 0;
}

ul.messagelist li {
    display: block;
    font-weight: 400;
    font-size: 0.8125rem;
    padding: 10px 10px 10px 65px;
    margin: 0 0 10px 0;
    background: var(--message-success-bg) url(../admin/img/icon-yes.svg) 40px 12px no-repeat;
    background-size: 16px auto;
    color: var(--body-fg);
    word-break: break-word;
}

ul.messagelist li.warning {
    background: var(--message-warning-bg) url(../admin/img/icon-alert.svg) 40px 14px no-repeat;
    background-size: 14px auto;
}

ul.messagelist li.error {
    background: var(--message-error-bg) url(../admin/img/icon-no.svg) 40px 12px no-repeat;
    background-size: 16px auto;
}

select {
    background: none;
}