:root{
    --login-background-color: #eff0f1;
    --light-gray-text: #f4f4f4;
	--topbar-bacground-color: #FFEF11;
    --side-bacground-color: #0C2F5B; /* to be changed*/
    --side-bacground-color-hover: #00405B; /* to be changed*/
	--body-bacground-color: #EDF1F4;
    --theme-red: #FFEF11;
	--blue-tone: #0C2F5B;
	--title-tone: #0C2F5B;
	--blue-tone-hover: #00405B;
	--organe-tone: #FFEF11;
	--organe-tone-hover: #ED1E24;
	--green-tone:#19B369;
	--green-tone-hover: #61cb0c;
    --orange-tone: #ff981a;
	--white-tone:#fff;
	--azure-tone: #EDF1F4;
	--grey-tone:#f4f4f4;
	--lightgrey-tone:#fafafa;
	--lightazure-tone:#d5dfe7;
	--cobalto-tone:#007ACF;
	--cobalto-tone-hover:#229ef5;
	--table-tone: #0C2F5B;
	--evidenziatore: #def8ff;
	--yellow-tone:#f5fbd07a;
	--yellow:#f5fbd0;
	--tabletop-tone:#fff;
    --catalogue-side-panel-background: #fff;
    --box:#fff;
    --bgbox:#0C2F5B;
	--greyno-tone:#666;
	--greyno-tone-hover:#888;
    --black-to-white: #000;
    --btn-red: #ED1E24;
    --btn-red-hover: #ED1E24;
    --btn-blue: #002F48;
    --btn-blue-hover: #00405B;
    --btn-green: #19B369;
    --btn-green-hover: #61cb0c;
    --always-black: #000;
    --quick-nots-unread: #fbecd0;
    --quick-nots-hover: #f9fbee;
    --quick-nots-read: #f5fbd0;
    --overview-notification-background: #def8ff;
}

:root{
    --eye-icon: url(assets/icons/eye.png);
    --eye-icon-parent: url(../assets/icons/eye.png);
	--option-icon: url(assets/icons/options.png);
    --delete-icon: url(assets/icons/delete_v2.png);
    --delete-icon-parent: url(../assets/icons/delete_v2.png);
    --edit-icon: url(assets/icons/edit_v2.png);
    --edit-icon-parent: url(../assets/icons/edit_v2.png);
    --lyrics-icon: url(assets/icons/lyrics.png);
    --lyrics-red-icon: url(assets/icons/lyrics_red.png);
    --copy-icon: url(assets/icons/copy.png);
    --move-icon: url(assets/icons/move.png);
    --emit-icon: url(assets/icons/emit.png);
    --emit-icon-red: url(assets/icons/emit_red.png);
    --download-icon:url(assets/icons/download_v2.png);
    --arrow-icon: url(assets/icons/next.png);
    --arrow-icon-inverse: url(assets/icons/nextblue.png);
    --warning-icon: url(assets/notification-icons/warning_orange.png);
    --add-icon:url(assets/icons/new_partner_v2.png);
    --calendar-icon:url(assets/icons/calendarblue.png);
    --add-icon-white: url(assets/icons/new_white.png);
    --pdf-icon: url(assets/icons/i-pdf.png);
    --print-icon: url(assets/icons/printer.png);
    --delete-cross-icon: url(assets/icons/delete-cross_v2.png);
    --full-arrow-icon: url(assets/icons/full_arrow.png);
    --funnel-icon-black: url(assets/icons/funnel_black.png);
    --funnel-icon-red: url(assets/icons/funnel_red.png);
    --stop-icon: url(assets/icons/reject.png);
    --stop-icon-red: url(assets/icons/reject_hover.png);
    --csv-icon: url(assets/icons/csv_icon.png);
    --context-menu-user-icon: url(assets/icons/user_v3.png);
    --context-menu-lock-icon: url(assets/icons/lock.png);
    --context-menu-ticket-icon: url(assets/icons/ticket.png);
    --context-menu-support-icon: url(assets/icons/support.png);
    --context-menu-contacts-icon: url(assets/icons/contacts.png);
    --context-menu-logout-icon: url(assets/icons/logout.png);
}


@font-face{
    src: url('../fonts/roboto-regular.ttf');
    font-family: 'RobotoRegular';
}
@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/roboto-light.ttf");
}
@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/roboto-medium.ttf");
}	
font-face{
    font-family: 'LatoRegular';
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: "LatoLight";
    src: url("../fonts/Lato-Light.ttf");
}
@font-face {
    font-family: "Lato";
    src: url("../fonts/Lato-Medium.ttf");
}	
@font-face {
    font-family: "LatoBold";
    src: url("../fonts/Lato-Bold.ttf");
}

font-face{
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: "LatoLight";
    src: url("../fonts/Lato-Light.ttf");
}	
@font-face {
    font-family: "LatoBold";
    src: url("../fonts/Lato-Bold.ttf");
}