:root {
    --global-menu-bgr: #00a2ea;
    --global-menu-hide-bgr: #00a2ead9;
    --global-menu-dropdown-text: white;
    --global-menu-dropdown-sound_menu-btn: #3c679f;
    --global-menu-dropdown-sound_menu-background: rgb(234, 215, 4);
    --global-menu-dropdown-item_1-background: darkcyan;
    --global-menu-dropdown-item_2-background: rgb(0, 82, 162);
    --global-menu-dropdown-item_3-background: brown;
    --global-apps-toolbar: rgba(178, 216, 248, 0.86);
    --global-btn_scroll-background: #00a2eb3b;
    --global-link-text: #007bff;

    --highlight-background: aquamarine;
    --highlight-text: darkred;
    --edit-highlight: rgba(241, 255, 144, 0.98);
    --edit-highlight-dark: rgba(241, 255, 144, 0.98);

    --progressbar-background: #007bff;

    --input-border-color: #ced4da;
    --input-active-background: #fffffd;
    --input-disabled-background: rgba(253, 253, 253, 0.82);

    --msg-nocontent-text: #0052a2;

    --autocomplete-text: white;
    --autocomplete-text-hover: #003c55;
    --autocomplete-background: #003c55;
    --autocomplete-background-hover: lightgray;

    --options-dropdown-text: #212529;
    --options-dropdown-text-hover: #16181b;
    --options-dropdown-background: #fff;
    --options-dropdown-background-hover: #f8f9fa;

    /* ICONS */
    --icon-text: darkred;
    --icon-badge-text: white;
    --icon-badge-background: #66ccff;
    --icon-border-hover: aquamarine;

    /* APPS */
    --app-header-text: white;
    --app-header-background: rgb(0, 82, 162);
    --app-background: rgba(255, 232, 0, 0.8);
    --app-content-background: rgba(251, 244, 160, 0.7607843137254902);
    --app-content-top-background: rgba(251, 244, 160, 0.7607843137254902);
    --app-content-bottom-background: rgba(251, 244, 160, 0.7607843137254902);
    /*--app-content-sidebar-background: antiquewhite;*/
    --app-content-sidebar-item-text: #0053a1;
    --app-content-sidebar-item-background: transparent;
    --app-content-sidebar-item-text-hover: #090909;
    --app-content-sidebar-item-text-disabled: cadetblue;
    --app-content-sidebar-item-text-disabled-hover: transparent;
    --app-content-sidebar-item-background-hover: 
    --app-content-sidebar-item-background-active: #003c58;
    --app-content-sidebar-item-selected-text: #f8f8f8;
    --app-content-sidebar-item-selected-background: rgb(248, 152, 26);
    --app-content-sidebar-item-text-background: rgba(238, 199, 6, 0.83);
    --app-content-foldername-text: white;
    --app-content-foldername-background: #003c58;

    /* BUTTONS */
    --btn-accept-text: #fff;
    --btn-accept-text-hover: #fff;
    --btn-accept-background: #28a745;
    --btn-accept-background-hover: #218838;
    --btn-accept-border: #28a745;
    --btn-accept-border-hover: #1e7e34;

    --btn-decline-text: #fff;
    --btn-decline-text-hover: #fff;
    --btn-decline-background: #dc3545;
    --btn-decline-background-hover: #c82333;
    --btn-decline-border: #dc3545;
    --btn-decline-border-hover: #bd2130;

    --btn-cancel-text: #212529;
    --btn-cancel-text-hover: #212529;
    --btn-cancel-background: #ffc107;
    --btn-cancel-background-hover: #e0a800;
    --btn-cancel-border: #ffc107;
    --btn-cancel-border-hover: #d39e00;

    --btn-custom-text: #fff;
    --btn-custom-text-hover: #fff;
    --btn-custom-background: #007bff;
    --btn-custom-background-hover: #0069d9;
    --btn-custom-border: #007bff;
    --btn-custom-border-hover: #0062cc;

    --btn-close-text: #ff7410;
    --btn-close-text-hover: #ff7410;
    --btn-close-background: rgba(234, 218, 0, 0.8);
    --btn-close-background-hover: rgba(234, 218, 0, 0.8);

    --btn-hamburger-text: #f8f8f8;

    --btn-sidebar-text: black;
    /*--btn-sidebar-text-hover: white;*/
    --btn-sidebar-background: #6fa930;
    /*--btn-sidebar-background-hover: white;*/

    --btn-add-text: #052952;
    --btn-add-text-hover: #0056b3;
    --btn-add-background: orange;
    /*--btn-add-background-hover: white;*/

    --btn-download-text: #052952;
    --btn-download-text-hover: #0056b3;
    --btn-download-background: orange;
    --btn-download-background-hover: orange;

    --btn-share-text: #fff;
    --btn-share-text-hover: #fff;
    --btn-share-background: #6c757d;
    --btn-share-background-hover: #5a6268;
    --btn-share-border: #6c757d;
    --btn-share-border-hover: #545b62;

    /* MODAL */
    --modal-box-text: black;
    --modal-box-header-background: rgb(204, 255, 255);
    --modal-box-header-border: #4284A5;
    --modal-box-background: #ccffff;
    --modal-box-border: transparent;
    --modal-box-content-background: rgba(37, 183, 211, 0.26);

    --modal-uploader-text: #175e6b;

    --modal-media-full-text: #fff;
    --modal-media-full-background: rgba(65, 132, 244, 0.86);
    --modal-media-full-btn-background: #d77128;

    --modal-contacts-background: rgba(241, 175, 28, 0.95);
    --modal-contacts-text: #0062ca;
    --modal-contacts-content-background: rgb(255, 220, 104);
    --modal-contacts-tab-text: #0062ca;
    --modal-contacts-tab-background: #f3c053;

    --modal-contacts-tab_select-background: #5bb85b;

    /*--modal-contacts-content-item-background: #123;*/
    --modal-contacts-content-item-text: #007bff;
    --modal-contacts-content-item-background-hover: rgb(255, 212, 73);

    --modal-contacts-content-item-btn-info-color: #1a64bf;
    --modal-contacts-content-item-btn-info-background: #f1b2296e;

    --modal-contacts-content-item-dropdown-text: #0052a2;
    --modal-contacts-content-item-dropdown-background: #f1b229;
    --modal-contacts-content-item-dropdown-border: #e29a00;

    --modal-search-background: aliceblue;

    /* MODAL PLAYLIST */
    --playlist-add_from_cloud-background: #003c58;
    --playlist-add_from_cloud-content-background: #f8f9fa;
    --playlist-add_from_cloud-content-item-dropdown-btn: #0175ff;
    --playlist-add_from_cloud-content-item-dropdown-text: #0052a2;
    --playlist-add_from_cloud-content-item-dropdown-background: #f1b229;
    --playlist-add_from_cloud-content-item-dropdown-border: #e29a00;

    --playlist-player-background: #9fd2f5c7;
    --playlist-player-btn-background: rgb(0 162 234);

    /* EMOJIES */

    --emoji-background: #fcf8e3;
    --emoji-border: #337ab7;
    --emoji-folder-text: #007bff;
    --emoji-folder-background: rgba(255, 165, 0, 0.34);
    --emoji-folder-selected-text: #9932cc;
    --emoji-folder-selected-background: #fcf8e3;
    --emoji-folder-selected-border: #ddd;
    --emoji-btn-close: #0052a1;

    /* YouTube form */

    --youtube-text: darkblue;
    --youtube-background: #f3bd29;
    --youtube-border: #66ccff;
    --youtube-btn-close-background: #003c58;
    --youtube-btn-close-text: white;

    /* HOME */
    --home-online-text: rgb(28, 117, 255);
    --home-offline-text: darkred;
    /*--home-text-background: blue;*/
    --home-badge-online-text: #f8f244;
    --home-badge-online-background: rgb(43, 155, 202);
    /*--home-badge-offline: black;*/
    --home-border-hover: rgba(241, 255, 144, 0.98);
    --home-dropdown-item-text: white;
    --home-dropdown-item-text-hover: darkolivegreen;
    --home-dropdown-item-background-hover: lightblue;

    --home-dropdown-item-1-background: #d9aa00;
    --home-dropdown-item-2-background: #008B8B;
    --home-dropdown-item-3-background: #0052A2;
    --home-dropdown-item-4-background: #4d3f59;
    
    --home-group-background: rgba(0, 82, 236, 0.51);

    --home-grid-border: gold;

    /* CARRIER */
    --carrier-content-background: rgba(241, 175, 28, 0.95);
    --carrier-content-bottom-background: rgba(96, 109, 188, 0.14);
    --carrier-content-border: #606dbc;
    --carrier-text: white;

    --carrier-btn-close-text: #da6816;
    --carrier-btn-close-background: rgba(255, 203, 69, 0.8);

    --carrier-item-background: rgb(96, 109, 188);
    --carrier-item-border-hover: gold;

    /* FRIENDS */
    --friends-btn_close-text: wheat;
    --friends-btn_close-background: brown;
    --friends-btn_dropdown-text: #FE5A00;
    --friends-btn_dropdown-background: white;
    --friends-btn_dropdown-border: #FE5A00;

    --friends-list-border: brown;
    --friends-list-item-text: #fff20f;
    --friends-list-item-selected-background: rgba(0, 162, 235, 0.59);

    --friends-dropdown-text: rgb(255, 92, 34);
    --friends-dropdown-background: white;
    --friends-dropdown-background-alternative: rgb(255, 232, 0);
    --friends-dropdown-border: rgb(241, 92, 34);

    --friends-dropdown-item-text: #9de6f7;
    --friends-dropdown-item-background: #0084bf;
    --friends-dropdown-item-selected-text: #9de6f7;
    --friends-dropdown-item-selected-background: #d1022c;

    --friends-dropdown-my_friends-conf-background: #70D3FA;
    --friends-dropdown-my_friends-conf-badge-text: #F7F13E;
    --friends-dropdown-my_friends-conf-badge-background: #008ECE;
    --friends-dropdown-my_friends-conf-badge-border: aquamarine;
    --friends-dropdown-my_friends-no_conf-background: #F9AD00;

    --friends-btn_scroll-text: #00fac6;
}

/* PLAYLIST */
#epd-app-playlist-wrapper,
#epd-app-playlist-contacts-modal {
    --app-background: #9fd2f5f0;
    --app-content-background: rgb(195 227 246 / 65%);
    --app-content-top-background: rgb(195 227 246 / 65%);
    --app-content-bottom-background: aliceblue;
    --app-content-bottom-text: #0069d9;
    --app-content-sidebar-item-text: #0053a1;
    --app-content-sidebar-item-text-disabled: cadetblue;
    --app-content-sidebar-item-selected-text: #f8f8f8;
    --app-content-sidebar-item-selected-background: #003c58;
    --app-content-sidebar-item-background-hover: transparent;
    --app-content-sidebar-item-background-disabled-hover: transparent;
    --app-content-foldername-text: white;
    --app-content-foldername-background: #017bff;

    --playlist-item-text: #007bff;
    --playlist-item-text-playing: white;
    --playlist-item-text-hover: #007bff;
    --playlist-item-background: aliceblue;
    --playlist-item-background-playing: #017bff;
    --playlist-item-background-selected: rgb(0, 82, 161);
    --playlist-item-background-hover:  aliceblue;;
    --playlist-item-border: transparent;
    --playlist-item-edit: rgba(241, 255, 144, 0.98);
    --playlist-btn-background: #007bff;

    --playlist-badge-text: white;
    --playlist-badge-background: #66ccff;

    --playlist-controls-border: transparent;

    --playlist-modal-folder-text: #3d4678;
    --playlist-modal-folder-background: rgba(255, 219, 87, 0.95);
    --playlist-modal-folder-border: #606dbc;
    --playlist-modal-folder-item-background: #ffc107;

    --modal-contacts-background: #aed5ff;
    --modal-contacts-content-background: rgb(154 199 255);
    --modal-contacts-tab-background: rgb(154 199 255);

    --btn-sidebar-text: #fff;
    --btn-sidebar-background: #007bff;
    
    --app-sidebar-background:  #9fd2f5f0;
    --app-sidebar-background-active:  rgb(0, 60, 88);
    --app-sidebar-background-hover:  rgba(0, 60, 88, 0.5);
    --app-sidebar-text-active: #f8f8f8;
    --side-menu-item-color: #0053a1; 
}

/* SETTINGS */
#epd-app-set-wrapper {
    --app-header-text: #f5f5f5;
    --app-header-background: rgb(37, 183, 211);
    --app-background: rgba(37, 183, 211, 0.9);

    --settings-item-text: #f5f5f5;
    --settings-item-text-background: rgba(0, 82, 162, 0.46);
    --settings-item-background: darkcyan;
    --settings-item-border: white;

    --settings-dropdown-name-background: #5cb85c;
    --settings-dropdown-email-background: #f0ad4e;
    --settings-dropdown-pass-background: #d9534f;

    --settings-dropdown-selector-background: #2ebbd7;
    --settings-dropdown-selector-item-background-hover: transparent;
    --settings-dropdown-selector-item-border-hover: gold;

    --settings-calendar-text: darkslateblue;
    --settings-calendar-content-background: rgba(156, 192, 184, 0.48);
}

/* FUNSCRIBES */
#epd-app-posts-wrapper, #epd-posts-post-full, #epd-app-posts-contacts-modal, #reference-container {
    --app-background: #6fa930;
    --app-content-background: rgba(246, 255, 211, 0.81);
    --app-content-sidebar-item-text: #003c58;
    --app-content-sidebar-item-background-hover: transparent;
    --app-content-sidebar-item-selected-text: #f8f8f8;
    --app-content-sidebar-item-selected-background: #115d22;

    --funscribe-post-background: #ecfcd2;
    --funscribe-post-background-hover: #fbfff4;

    --funscribe-post-full-background: rgba(117, 175, 1, 0.95);

    --funscribe-post-text: #2d3818;
    --funscribe-post-header-text: #2d3818;
    --funscribe-post-header-border: #62a121;
    --funscribe-post-header-background: #d6e6c085;
    --funscribe-post-unpublished-background: #0052a1;

    --funscribe-post-bottom-text: white;
    --funscribe-post-bottom-background: #7db600;

    --funscribe-comment-background: #5cb85c73;

    --funscribe-new-toolbar-item-text: #fff;
    --funscribe-new-toolbar-item-text-hover: #fff;
    --funscribe-new-toolbar-item-background: #87bd1d;
    --funscribe-new-toolbar-item-background-hover: #87bd1d;
    --funscribe-new-toolbar-item-border: #6b9616;
    --funscribe-new-toolbar-item-border-hover: #6b9616;
    --funscribe-new-toolbar-item-border-active: #6b9616;

    --funscribe-paginator-color: #7db600;

    --emoji-border: #70aa32;

    --btn-sidebar-background: #6fa930;

    --btn-close-text: #0b5900;
    /*--btn-close-text-hover: #0b5900;*/
    --btn-close-background: rgba(123, 183, 145, 0.8);
    /*--btn-close-background-hover: rgba(123, 183, 145, 0.8);*/

    --funscribe-btn-contacts-text: #ecfcd2;
    --funscribe-btn-contacts-border: #ecfcd2;
    --funscribe-btn-contacts-background: #5f8c0f;

    --modal-contacts-background: rgb(236, 252, 210);
    --modal-contacts-text: #0062ca;
    --modal-contacts-content-background: rgba(91, 184, 91, 0.49);
    
    /* common menu variable*/
    --app-sidebar-background: #6fa930;
    --app-item-border-color: #dbe7dbb5;
    /*
    --app-items-pagination-background: #7db600;
    */
    --app-sidebar-background-active:  rgb(17, 93, 34);
    --app-sidebar-background-hover:  rgba(17, 93, 34, 0.5);
    --app-sidebar-text-active: #f8f8f8;
    --side-menu-item-color:  #003c58;; 
}

/* ADMIN */
#epd-app-admin-wrapper,
#epd-app-admin-contacts-modal {
    --app-background: #007fd1;
    --app-content-background: rgb(195 227 246 / 65%);
    --app-content-top-background: rgb(195 227 246 / 65%);
    --app-content-bottom-background: #007fd1;
    --app-content-sidebar-item-text: #222;
    --app-content-sidebar-item-text-hover: #222;
    /*--app-content-sidebar-item-text-disabled: cadetblue;*/
    /*--app-content-sidebar-item-text-disabled-hover: transparent;*/
    --app-content-sidebar-item-background-hover: transparent;
    /*--app-content-sidebar-item-background-active: #003c58;*/
    --app-content-sidebar-item-selected-background: #003c58;
    /*--app-content-sidebar-item-text-background: rgba(238, 199, 6, 0.83);*/
    --app-content-foldername-text: white;
    --app-content-foldername-background: #007fd1;

    --modal-contacts-background: #267fcf;

    --btn-sidebar-background: #007fd1;

    --btn-close-text: #007bff;
    /*--btn-close-text-hover: #007bff;*/
    --btn-close-background: rgb(195 227 246 / 65%);
    /*--btn-close-background-hover: rgb(195 227 246 / 65%);*/

    --admin-item-app-text: aliceblue;
    --admin-item-app-text-hover: aliceblue;
    --admin-item-app-background: #3f9fea52;
    --admin-item-app-background-hover: #3f9fea52;
    --admin-item-app-border: #ffffff85;

    --admin-item-user-text: #007bff;
    --admin-item-user-text-hover: #007bff;
    --admin-item-user-background: aliceblue;
    --admin-item-user-background-hover: aliceblue;
    --admin-item-user-border: #007fd1;

    --admin-item-user-selected-text: white;
    --admin-item-user-selected-background: #007fd1;

    --admin-item-user-full-text: #222;
    --admin-item-user-full-background: #7ec0e93b;
    --admin-item-user-full-apps-background: #8fc1e8;

    --admin-modal-background: #8fc1e8a3;
    --admin-modal-folder-text: #024184;
    --admin-modal-folder-background: #8fc1e8;
    --admin-modal-folder-border: #024184;
    --admin-modal-folder-item-background: #8fc1e8;
}

/* CLOUD */
#epd-app-cloud-wrapper {
    --app-background: #a792ff;
    --app-content-background: rgb(195 227 246 / 65%);
    --app-content-top-background: rgb(195 227 246 / 65%);
    --app-content-bottom-background: #403863;
    --app-content-sidebar-item-text: #222;
    --app-content-sidebar-item-selected-text: #f8f8f8;
    --app-content-sidebar-item-background-hover: transparent;
    /*!! ADD DISABLED FOLDER!!*/
    --app-content-sidebar-item-selected-background: #403863;
    --app-content-foldername-text: white;
    --app-content-foldername-background: #403863;

    --btn-sidebar-text: black;
    --btn-sidebar-background: rgb(167 146 255);

    --btn-close-text: #ffffff;
    /*--btn-close-text-hover: #ffffff;*/
    --btn-close-background: #403863;
    /*--btn-close-background-hover: #403863;*/

    --cloud-modal-folder-text: #3d4678;
    --cloud-modal-folder-background: rgba(255, 219, 87, 0.95);
    --cloud-modal-folder-border: #606dbc;
    --cloud-modal-folder-item-background: rgba(255, 219, 87, 0.95);

    --cloud-item-text: black;
    --cloud-item-text-hover: #0056b3;
    --cloud-item-background: #a792ff5e;
    --cloud-item-border: #bac7f9;
    --cloud-item-preview-background: #cbd5fb;

    --cloud-item-selected-text: white;
    --cloud-item-selected-background: #403863;
    /*--cloud-item-background-hover: #123;*/

    --cloud-table-header-text: #007bff;
    --cloud-table-header-background: #a2a3e7;
    --cloud-table-item-border: #bac7f9;
    --cloud-table-item-background: #a792ff5e;
    
    --app-sidebar-background:#a792ff;;
    --side-menu-item-color: #222;
    --app-sidebar-background-active:rgb(64, 56, 99);
    --app-sidebar-background-hover:rgba(64, 56, 99, 0.5); 
}

/* CHAT */
#epd-app-chat-wrapper {
    --chat-sidebar-btn-settings-background: #123;
    --chat-sidebar-btn-settings-background-hover: #123;
    --chat-sidebar-btn-settings-background-selected: #123;
    --chat-content-top-btn-editroom: #123;

    --chat-message-text: darkblue;
    --chat-message-border: transparent;
    --chat-message-right-backround: #f4b92a;
    --chat-message-left-backround: #69b4e1;

    --chat-message-sys-backround: #f8981a;
    --chat-message-sys-border: white;

    --chat-toolbar-item-text: #212529;
    --chat-toolbar-item-text-hover: #212529;
    --chat-toolbar-item-background: #ffc107;
    --chat-toolbar-item-background-hover: #ffc107;

    --chat-content-timebreak-text: #ac2925;
    --chat-content-pagebreak-text: #007bff;
    --chat-content-timebreak-border: #0074c7;
    --chat-content-pagebreak-border: #0074c7;

    --chat-content-attachment-text: #e5e5e4;
    --chat-content-attachment-backround: #045172;

    --chat-participant-text: white;
    --chat-participant-backround: darkgray;
    --chat-participant-btn-backround: #0052a2;
    --chat-participant-btn-border: #01b197;
     /*--chat-badge: #66ccff;*/
    --unread-badge-background: #66ccff;

    --chat-btn-back-text: #052952;
    --chat-btn-back-background: orange;

    --btn-hamburger-text: #327ab7;

    --options-dropdown-text: #0052a2;
    --options-dropdown-text-hover: darkorange;
    --options-dropdown-background: rgba(255, 255, 255, 0.94);
    --options-dropdown-background-hover: #fbf0e1;

    --input-border-color: #f5c041;
    --app-sidebar-background: rgba(251, 244, 160, 0.7607843137254902);
   /* --app-sidebar-background:rgba(255, 255, 255, 0.94)*/
    --chat-bage:#66ccff;
    --app-sidebar-background-active: rgb(248, 152, 26);
    --app-sidebar-background-hover: rgba(248, 152, 26, 0.5);
    --side-menu-item-color: #0053a1;
     
}

/* FUNMAIL */
#epd-app-email-wrapper,
#epd-app-email-confirmation-modal,
#epd-app-email-message-wrapper,
#epd-app-email-new-message-wrapper {
    --app-background: rgba(241, 175, 28, 0.92);
    --app-content-background: antiquewhite;
    --app-content-sidebar-item-text: #0053a1;
    --app-content-sidebar-item-text-hover: #f8f8f8;
    --app-content-sidebar-item-background-hover: #003c58;
    --app-content-sidebar-item-background-active: #003c58;
    --app-content-sidebar-item-selected-text: #f8f8f8;
    --app-content-sidebar-item-selected-background: #003c58;
    --app-content-sidebar-item-checked-background: #93bdfd;
    --app-content-sidebar-item-text-background: #eec706;
    --app-content-foldername-text: white;
    --app-content-foldername-background: #003c58;
    --app-content-bottom-background: #ffc107;

    --mail-item-text: #0052a2;
    --mail-item-text-read: #464646;
    --mail-item-text-selected: #0052a2;
    --mail-item-text-background-read: rgb(207, 204, 203);
    --mail-item-text-background-unread: rgba(255, 203, 91, 0.58);
    /*--mail-item-text-background-selected: #0052a2;*/
    --mail-item-background-edit: #f99b1c;
    --mail-item-background-selected: #93bdfd;

    --mail-table-item-border: #66666633;
    --mail-table-item-background-read: antiquewhite;

    --btn-sidebar-text: black;
    --btn-sidebar-background: rgba(241, 175, 28, 0.74);

    --mail-content-text-color: black;

    --mail-btn-close-text: #dc3545;
    --mail-btn-contacts-text: white; /* hardcode !!*/
    --mail-btn-contacts-background: #003c56; /* hardcode !!*/

    --mail-new-content-text: black;
    --mail-new-content-background: rgb(240, 240, 240);

    --mail-new-subject-text: #f15c22;

    --mail-new-adress_badge-background: #007bff;

    --mail-new-tabs-text: #003c57;
    --mail-new-tabs-background: #f2c057;
    --mail-new-tabs-selected-text: #003c57;
    --mail-new-tabs-selected-background: #f4dca8;
    --mail-new-tabs-border: #f2c057;

    --mail-new-icon-background: rgba(241, 175, 28, 0.74);
    --mail-new-icon-background-hover: transparent;

    --mail-new-toolbar-toogle-text: #003c57;
    --mail-new-toolbar-toogle-background: #f2c057;
    --mail-new-toolbar-item-text: #003c58;
    --mail-new-toolbar-item-text-hover: #003c58;
    --mail-new-toolbar-item-background: rgb(240 240 240);
    --mail-new-toolbar-item-background-hover: #f2c057;

    --mail-new-toolbar-submenu-text: #003c58;
    --mail-new-toolbar-submenu-background: #f2c057;

    --mail-new-content-upload_progress-text: #0f0f0f;
    --mail-new-content-upload_progress-background: #f2c057;

    --mail-content-attachment-text: #e5e5e4;
    --mail-content-attachment-backround: #045172;

    --mail-content-embed-backround: rgba(241, 175, 28, 0.74);

    --msg-nocontent-text: #013d58;

    --emoji-border: darkorchid;

    --youtube-text: #003c58;
    --youtube-background: #f2c057;
    --youtube-btn-close-background: #003c58;

    --btn-close-text: #d77128;
    /*--btn-close-text-hover: white;*/
    --btn-close-background: rgba(255, 203, 69, 0.53);
    
    /* TB add to new menu*/
    --side-menu-item-color:#0053a1;
    --app-item-border-color: #dbe7dbb5;
    --app-sidebar-background: rgba(241, 175, 28, 0.92);
    --app-sidebar-background-active:rgb(0, 60, 88);
    --app-sidebar-background-hover:rgba(0, 60, 88, 0.5);
    --app-sidebar-text-active:#f8f8f8;
    --app-sidebar-background-title:#eec706;
    --unread-badge-background: #66ccff;
    
}

/* LIVE_FEEDS */
#epd-app-live_feeds-wrapper{
	--app-background: #75ba00;
    --app-content-background: #b7dd91;
    --app-sidebar-background:#75ba00;
    --app-item-border-color: #dbe7dbb5;
    --app-items-pagination-background: #7db600;
    --app-sidebar-background-active:  rgb(17, 93, 34);
    --app-sidebar-background-hover:  rgba(17, 93, 34, 0.5);
    --app-sidebar-text-active: #c8eac8;
    --side-menu-item-color: #003c58; 
}

/* APP PD*/
#epd-app-pd-wrapper{
	--app-background: #ffc107;
	/*--app-content-background:#b7dd91;*/
    --app-sidebar-background:#ffc107;
    --app-item-border-color: #dbe7dbb5;
    /*--app-items-pagination-background: #7db600;*/
    --app-sidebar-background-active:  rgb(51, 122, 183);
    --app-sidebar-background-hover:  rgba(51, 122, 183, 0.5);
    --app-sidebar-text-active: white;
    --side-menu-item-color: rgb(0, 83, 161); 
}

/* APP FR-CONTACT*/
#epd-app-fr_contact-wrapper{
	--app-background:rgba(241, 175, 28, 0.95);;
	--app-content-background:rgb(255, 220, 104);
	--app-sidebar-background:rgba(241, 175, 28, 0.95);
	--side-menu-item-color: #0053a1;
	--app-sidebar-background-active:rgb(0, 83, 161);
	--app-sidebar-background-hover:rgba(0, 83, 161, 0.5); 
} 



