/* CSS Document */

/*
	################
	##            ##
	##   colors   ##
	##            ##
	################

	This is...

	red __________ #ff6744
	orange _______ #ff9000
	yellow _______ #ffba00
	green ________ #00ac61
	blue _________ #009cff
	violet _______ #6739a6


*/


/* Header */

.red #main-nav{ background: #ff6744;}
.orange #main-nav{ background: #ff9000;}
.yellow #main-nav{ background: #ffba00;}
.green #main-nav{ background: #00ac61;}
.blue #main-nav{ background: #009cff;}
.violet #main-nav{ background: #6739a6;}

.red #main-nav a.open-menu{ background: #ff6744;}
.orange #main-nav a.open-menu{ background: #ff9000;}
.yellow #main-nav a.open-menu{ background: #ffba00;}
.green #main-nav a.open-menu{ background: #00ac61;}
.blue #main-nav a.open-menu{ background: #009cff;}
.violet #main-nav a.open-menu{ background: #6739a6;}

.red #main-nav ul{ background: #ff6744;}
.orange #main-nav ul{ background: #ff9000;}
.yellow #main-nav ul{ background: #ffba00;}
.green #main-nav ul{ background: #00ac61;}
.blue #main-nav ul{ background: #009cff;}
.violet #main-nav ul{ background: #6739a6;}

.red #config-nav:hover{ background: #ff6744;}
.orange #config-nav:hover{ background: #ff9000;}
.yellow #config-nav:hover{ background: #ffba00;}
.green #config-nav:hover{ background: #00ac61;}
.blue #config-nav:hover{ background: #009cff;}
.violet #config-nav:hover{ background: #6739a6;}

.red #config-nav:hover ul{ background: #ff6744;}
.orange #config-nav:hover ul{ background: #ff9000;}
.yellow #config-nav:hover ul{ background: #ffba00;}
.green #config-nav:hover ul{ background: #00ac61;}
.blue #config-nav:hover ul{ background: #009cff;}
.violet #config-nav:hover ul{ background: #6739a6;}


.square-red a{ background: #ff6744;}
.square-orange a{ background: #ff9000;}
.square-yellow a{ background: #ffba00;}
.square-green a{ background: #00ac61;}
.square-blue a{ background: #009cff;}
.square-violet a{ background: #6739a6;}

.red h2 strong{ background: #ff6744;}
.orange h2 strong{ background: #ff9000;}
.yellow h2 strong{ background: #ffba00;}
.green h2 strong{ background: #00ac61;}
.blue h2 strong{ background: #009cff;}
.violet h2 strong{ background: #6739a6;}


/* Header */

/* Min calendar */

.red #min-calendar ul li a strong{ color: #ff6744;}
.orange #min-calendar ul li a strong{ color: #ff9000;}
.yellow #min-calendar ul li a strong{ color: #ffba00;}
.green #min-calendar ul li a strong{ color: #00ac61;}
.blue #min-calendar ul li a strong{ color: #009cff;}
.violet #min-calendar ul li a strong{ color: #6739a6;}

.red #min-calendar ul li a:hover{ background: #ff6744;}
.orange #min-calendar ul li a:hover{ background: #ff9000;}
.yellow #min-calendar ul li a:hover{ background: #ffba00;}
.green #min-calendar ul li a:hover{ background: #00ac61;}
.blue #min-calendar ul li a:hover{ background: #009cff;}
.violet #min-calendar ul li a:hover{ background: #6739a6;}

.red #min-messages ul li figure{ background: #ff6744;}
.orange #min-messages ul li figure{ background: #ff9000;}
.yellow #min-messages ul li figure{ background: #ffba00;}
.green #min-messages ul li figure{ background: #00ac61;}
.blue #min-messages ul li figure{ background: #009cff;}
.violet #min-messages ul li figure{ background: #6739a6;}


.red #min-messages ul li.atv .message{ background: #ff6744;}
.orange #min-messages ul li.atv .message{ background: #ff9000;}
.yellow #min-messages ul li.atv .message{ background: #ffba00;}
.green #min-messages ul li.atv .message{ background: #00ac61;}
.blue #min-messages ul li.atv .message{ background: #009cff;}
.violet #min-messages ul li.atv .message{ background: #6739a6;}

.red #min-messages ul li.atv .arrow:before{ border-right: 10px solid #ff6744 !important;}
.orange #min-messages ul li.atv .arrow:before{ border-right: 10px solid #ff9000 !important;}
.yellow #min-messages ul li.atv .arrow:before{ border-right: 10px solid #ffba00 !important;}
.green #min-messages ul li.atv .arrow:before{ border-right: 10px solid #00ac61 !important;}
.blue #min-messages ul li.atv .arrow:before{ border-right: 10px solid #009cff !important;}
.violet #min-messages ul li.atv .arrow:before{ border-right: 10px solid #6739a6 !important;}

.red #important-notification{ background: #ff6744;}
.orange #important-notification{ background: #ff9000;}
.yellow #important-notification{ background: #ffba00;}
.green #important-notification{ background: #00ac61;}
.blue #important-notification{ background: #009cff;}
.violet #important-notification{ background: #6739a6;}

.red #important-notification h2 strong{ color: #ff6744;}
.orange #important-notification h2 strong{ color: #ff9000;}
.yellow #important-notification h2 strong{ color: #ffba00;}
.green #important-notification h2 strong{ color: #00ac61;}
.blue #important-notification h2 strong{ color: #009cff;}
.violet #important-notification h2 strong{ color: #6739a6;}

.red .lists-auto ul li:hover{ background: #ff6744;}
.orange .lists-auto ul li:hover{ background: #ff9000;}
.yellow .lists-auto ul li:hover{ background: #ffba00;}
.green .lists-auto ul li:hover{ background: #00ac61;}
.blue .lists-auto ul li:hover{ background: #009cff;}
.violet .lists-auto ul li:hover{ background: #6739a6;}

.red #my-notes ul li .note a.important-note{ background: #ff6744;}
.orange #my-notes ul li .note a.important-note{ background: #ff9000;}
.yellow #my-notes ul li .note a.important-note{ background: #ffba00;}
.green #my-notes ul li .note a.important-note{ background: #00ac61;}
.blue #my-notes ul li .note a.important-note{ background: #009cff;}
.violet #my-notes ul li .note a.important-note{ background: #6739a6;}

.red #my-notes ul li.atv .note{ background: #ff6744;}
.orange #my-notesul li.atv .note{ background: #ff9000;}
.yellow #my-notes ul li.atv .note{ background: #ffba00;}
.green #my-notes ul li.atv .note{ background: #00ac61;}
.blue #my-notes ul li.atv .note{ background: #009cff;}
.violet #my-notes ul li.atv .note{ background: #6739a6;}

.red #my-notes ul li.atv .circle{ background: #ff6744;}
.orange #my-notesul li.atv .circle{ background: #ff9000;}
.yellow #my-notes ul li.atv .circle{ background: #ffba00;}
.green #my-notes ul li.atv .circle{ background: #00ac61;}
.blue #my-notes ul li.atv .circle{ background: #009cff;}
.violet #my-notes ul li.atv .circle{ background: #6739a6;}

.red #my-notes ul li.atv .note .arrow:before{ border-right: 10px solid #ff6744;}
.orange #my-notesul li.atv .note .arrow:before{ border-right: 10px solid #ff9000;}
.yellow #my-notes ul li.atv .note .arrow:before{ border-right: 10px solid #ffba00;}
.green #my-notes ul li.atv .note .arrow:before{ border-right: 10px solid #00ac61;}
.blue #my-notes ul li.atv .note .arrow:before{ border-right: 10px solid #009cff;}
.violet #my-notes ul li.atv .note .arrow:before{ border-right: 10px solid #6739a6;}


.red .numbers a.atv{ background: #ff6744;}
.orange .numbers a.atv{ background: #ff9000;}
.yellow .numbers a.atv{ background: #ffba00;}
.green .numbers a.atv{ background: #00ac61;}
.blue .numbers a.atv{ background: #009cff;}
.violet .numbers a.atv{ background: #6739a6;}

.red #notice-details .text time{ color: #ff6744;}
.orange #notice-details .text time{ color: #ff9000;}
.yellow #notice-details .text time{ color: #ffba00;}
.green #notice-details .text time{ color: #00ac61;}
.blue #notice-details .text time{ color: #009cff;}
.violet #notice-details .text time{ color: #6739a6;}


.red a.edit{ background: #ff6744;}
.orange a.edit{ background: #ff9000;}
.yellow a.edit{ background: #ffba00;}
.green a.edit{ background: #00ac61;}
.blue a.edit{ background: #009cff;}
.violet a.edit{ background: #6739a6;}


.red form.common .checkbox.atv input + label{ background-color: #ff6744 !important;}
.orange form.common .checkbox.atv input + label{ background-color: #ff9000 !important;}
.yellow form.common .checkbox.atv input + label{ background-color: #ffba00 !important;}
.green form.common .checkbox.atv input + label{ background-color: #00ac61 !important;}
.blue form.common .checkbox.atv input + label{ background-color: #009cff !important;}
.violet form.common .checkbox.atv input + label{ background-color: #6739a6 !important;}

.red #contacts ul li figure{ background-color: #ff6744 !important;}
.orange #contacts ul li figure{ background-color: #ff9000 !important;}
.yellow #contacts ul li figure{ background-color: #ffba00 !important;}
.green #contacts ul li figure{ background-color: #00ac61 !important;}
.blue #contacts ul li figure{ background-color: #009cff !important;}
.violet #contacts ul li figure{ background-color: #6739a6 !important;}

.red #contacts ul li.chat{ background-color: #ff6744 !important;}
.orange #contacts ul li.chat{ background-color: #ff9000 !important;}
.yellow #contacts ul li.chat{ background-color: #ffba00 !important;}
.green #contacts ul li.chat{ background-color: #00ac61 !important;}
.blue #contacts ul li.chat{ background-color: #009cff !important;}
.violet #contacts ul li.chat{ background-color: #6739a6 !important;}


.red .manager header a.bt-create{ background: #ff6744;}
.orange .manager header a.bt-create{ background: #ff9000;}
.yellow .manager header a.bt-create{ background: #ffba00;}
.green .manager header a.bt-create{ background: #00ac61;}
.blue .manager header a.bt-create{ background: #009cff;}
.violet .manager header a.bt-create{ background: #6739a6;}

.red form.common .generate-password a{ background: #ff6744;}
.orange form.common .generate-password a{ background: #ff9000;}
.yellow form.common .generate-password a{ background: #ffba00;}
.green form.common .generate-password a{ background: #00ac61;}
.blue form.common .generate-password a{ background: #009cff;}
.violet form.common .generate-password a{ background: #6739a6;}

.red #messages .current-conversation-container ul li:hover .message{ background: #ff6744 ;}
.orange #messages .current-conversation-container ul li:hover .message{ background: #ff9000 ;}
.yellow #messages .current-conversation-container ul li:hover .message{ background: #ffba00 ;}
.green #messages .current-conversation-container ul li:hover .message{ background: #00ac61 ;}
.blue #messages .current-conversation-container ul li:hover .message{ background: #009cff ;}
.violet #messages .current-conversation-container ul li:hover .message{ background: #6739a6 ;}

.red #messages .current-conversation-container ul li:hover .message .arrow::before{ border-right: 10px solid #ff6744 !important;}
.orange #messages .current-conversation-container ul li:hover .message .arrow::before{ border-right: 10px solid #ff9000 !important;}
.yellow #messages .current-conversation-container ul li:hover .message .arrow::before{ border-right: 10px solid #ffba00 !important;}
.green #messages .current-conversation-container ul li:hover .message .arrow::before{ border-right: 10px solid #00ac61 !important;}
.blue #messages .current-conversation-container ul li:hover .message .arrow::before{ border-right: 10px solid #009cff !important;}
.violet #messages .current-conversation-container ul li:hover .message .arrow::before{ border-right: 10px solid #6739a6 !important;}

.red #messages .current-conversation-container ul li.me:hover .message .arrow::before{ border-left: 10px solid #ff6744 !important; border-right: 0 none !important;}
.orange #messages .current-conversation-container ul li.me:hover .message .arrow::before{ border-left: 10px solid #ff9000 !important; border-right: 0 none !important;}
.yellow #messages .current-conversation-container ul li.me:hover .message .arrow::before{ border-left: 10px solid #ffba00 !important; border-right: 0 none !important;}
.green #messages .current-conversation-container ul li.me:hover .message .arrow::before{ border-left: 10px solid #00ac61 !important; border-right: 0 none !important;}
.blue #messages .current-conversation-container ul li.me:hover .message .arrow::before{ border-left: 10px solid #009cff !important; border-right: 0 none !important;}
.violet #messages .current-conversation-container ul li.me:hover .message .arrow::before{ border-left: 10px solid #6739a6 !important; border-right: 0 none !important;}

.red #messages form.message-sender fieldset .file{ background-color: #ff6744 ;}
.orange #messages form.message-sender fieldset .file{ background-color: #ff9000 ;}
.yellow #messages form.message-sender fieldset .file{ background-color: #ffba00 ;}
.green #messages form.message-sender fieldset .file{ background-color: #00ac61 ;}
.blue #messages form.message-sender fieldset .file{ background-color: #009cff ;}
.violet #messages form.message-sender fieldset .file{ background-color: #6739a6 ;}

.red #messages a.load-messages{ background-color: #ff6744 ;}
.orange #messages a.load-messages{ background-color: #ff9000 ;}
.yellow #messages a.load-messages{ background-color: #ffba00 ;}
.green #messages a.load-messages{ background-color: #00ac61 ;}
.blue #messages a.load-messages{ background-color: #009cff ;}
.violet #messages a.load-messages{ background-color: #6739a6 ;}

.red #messages .conversation-creation .contact.atv{ background-color: #ff6744 ;}
.orange #messages .conversation-creation .contact.atv{ background-color: #ff9000 ;}
.yellow #messages .conversation-creation .contact.atv{ background-color: #ffba00 ;}
.green #messages .conversation-creation .contact.atv{ background-color: #00ac61 ;}
.blue #messages .conversation-creation .contact.atv{ background-color: #009cff ;}
.violet #messages .conversation-creation .contact.atv{ background-color: #6739a6 ;}


.red #messages a.create-conversation strong{ background: #ff6744;}
.orange #messages a.create-conversation strong{ background: #ff9000;}
.yellow #messages a.create-conversation strong{ background: #ffba00;}
.green #messages a.create-conversation strong{ background: #00ac61;}
.blue #messages a.create-conversation strong{ background: #009cff;}
.violet #messages a.create-conversation strong{ background: #6739a6;}

.red #messages .contacts ul li:hover figure{ border-color: #ff6744;}
.orange #messages .contacts ul li:hover figure{ border-color: #ff9000;}
.yellow #messages .contacts ul li:hover figure{ border-color: #ffba00;}
.green #messages .contacts ul li:hover figure{ border-color: #00ac61;}
.blue #messages .contacts ul li:hover figure{ border-color: #009cff;}
.violet #messages .contacts ul li:hover figure{ border-color: #6739a6;}

.red #messages .conversation-creation .contact:hover figure{ border-color: #ff6744;}
.orange #messages .conversation-creation .contact:hover figure{ border-color: #ff9000;}
.yellow #messages .conversation-creation .contact:hover figure{ border-color: #ffba00;}
.green #messages .conversation-creation .contact:hover figure{ border-color: #00ac61;}
.blue #messages .conversation-creation .contact:hover figure{ border-color: #009cff;}
.violet #messages .conversation-creation .contact:hover figure{ border-color: #6739a6;}

.red a.see-more{ background: #ff6744;}
.orange a.see-more{ background: #ff9000;}
.yellow a.see-more{ background: #ffba00;}
.green a.see-more{ background: #00ac61;}
.blue a.see-more{ background: #009cff;}
.violet a.see-more{ background: #6739a6;}


.red .notes ul li .note .extra a.featured{ background-color: #ff6744 ;}
.orange .notes ul li .note .extra a.featured{ background-color: #ff9000 ;}
.yellow .notes ul li .note .extra a.featured{ background-color: #ffba00 ;}
.green .notes ul li .note .extra a.featured{ background-color: #00ac61 ;}
.blue .notes ul li .note .extra a.featured{ background-color: #009cff ;}
.violet .notes ul li .note .extra a.featured{ background-color: #6739a6 ;}


.red .notes ul li.atv .note{ background-color: #ff6744 ;}
.orange .notes ul li.atv .note{ background-color: #ff9000 ;}
.yellow .notes ul li.atv .note{ background-color: #ffba00 ;}
.green .notes ul li.atv .note{ background-color: #00ac61 ;}
.blue .notes ul li.atv .note{ background-color: #009cff ;}
.violet .notes ul li.atv .note{ background-color: #6739a6 ;}

.red .notes ul li.atv .note .arrow-note::before{ border-right: 10px solid #ff6744 ;}
.orange .notes ul li.atv .note .arrow-note::before{ border-right: 10px solid #ff9000;}
.yellow .notes ul li.atv .note .arrow-note::before{ border-right: 10px solid #ffba00;}
.green .notes ul li.atv .note .arrow-note::before{ border-right: 10px solid #00ac61;}
.blue .notes ul li.atv .note .arrow-note::before{ border-right: 10px solid #009cff;}
.violet .notes ul li.atv .note .arrow-note::before{ border-right: 10px solid #6739a6;}

.red header#main-header a.icon-messages:hover{ background-color: #ff6744 ;}
.orange header#main-header a.icon-messages:hover{ background-color: #ff9000 ;}
.yellow header#main-header a.icon-messages:hover{ background-color: #ffba00 ;}
.green header#main-header a.icon-messages:hover{ background-color: #00ac61 ;}
.blue header#main-header a.icon-messages:hover{ background-color: #009cff ;}
.violet header#main-header a.icon-messages:hover{ background-color: #6739a6 ;}


.red .list-notifications ul li:hover{ background: #ff6744;}
.orange .list-notifications ul li:hover{ background: #ff9000;}
.yellow .list-notifications ul li:hover{ background: #ffba00;}
.green .list-notifications ul li:hover{ background: #00ac61;}
.blue .list-notifications ul li:hover{ background: #009cff;}
.violet .list-notifications ul li:hover{ background: #6739a6;}


.red .list-content .edit-list h3{ color: #ff6744;}
.orange .list-content .edit-list h3{ color: #ff9000;}
.yellow .list-content .edit-list h3{ color: #ffba00;}
.green .list-content .edit-list h3{ color: #00ac61;}
.blue .list-content .edit-list h3{ color: #009cff;}
.violet .list-content .edit-list h3{ color: #6739a6;}

.red .list-notifications ul li.atv a span{ background: #ff6744;}
.orange .list-notifications ul li.atv a span{ background: #ff9000;}
.yellow .list-notifications ul li.atv a span{ background: #ffba00;}
.green .list-notifications ul li.atv a span{ background: #00ac61;}
.blue .list-notifications ul li.atv a span{ background: #009cff;}
.violet .list-notifications ul li.atv a span{ background: #6739a6;}

.red form.common .add-answer{ background: #ff6744;}
.orange form.common .add-answer{ background: #ff9000;}
.yellow form.common .add-answer{ background: #ffba00;}
.green form.common .add-answer{ background: #00ac61;}
.blue form.common .add-answer{ background: #009cff;}
.violet form.common .add-answer{ background: #6739a6;}

.red .poll li span.bar{ background: #ff6744;}
.orange .poll li span.bar{ background: #ff9000;}
.yellow .poll li span.bar{ background: #ffba00;}
.green .poll li span.bar{ background: #00ac61;}
.blue .poll li span.bar{ background: #009cff;}
.violet .poll li span.bar{ background: #6739a6;}

.red .notices ul li span.now-menu{ background: #ff6744;}
.orange .notices ul li span.now-menu{ background: #ff9000;}
.yellow .notices ul li span.now-menu{ background: #ffba00;}
.green .notices ul li span.now-menu{ background: #00ac61;}
.blue .notices ul li span.now-menu{ background: #009cff;}
.violet .notices ul li span.now-menu{ background: #6739a6;}

.red .list-views ul li:hover{ background: #ff6744;}
.orange .list-views ul li:hover{ background: #ff9000;}
.yellow .list-views ul li:hover{ background: #ffba00;}
.green .list-views ul li:hover{ background: #00ac61;}
.blue .list-views ul li:hover{ background: #009cff;}
.violet .list-views ul li:hover{ background: #6739a6;}

.red #important-notification h2 time{ color: #ff6744;}
.orange #important-notification h2 time{ color: #ff9000;}
.yellow #important-notification h2 time{ color: #ffba00;}
.green #important-notification h2 time{ color: #00ac61;}
.blue #important-notification h2 time{ color: #009cff;}
.violet #important-notification h2 time{ color: #6739a6;}


.red .ui-state-default, .red .ui-widget-content .ui-state-default, .red .ui-widget-header .ui-state-default{ background: #ff6744;}
.orange .ui-state-default, .orange.ui-widget-content .ui-state-default, .orange.ui-widget-header .ui-state-default{ background: #ff9000;}
.yellow .ui-state-default, .yellow .ui-widget-content .ui-state-default, .yellow .ui-widget-header .ui-state-default{ background: #ffba00;}
.green .ui-state-default, .green .ui-widget-content .ui-state-default, .green .ui-widget-header .ui-state-default{ background: #00ac61;}
.blue .ui-state-default, .blue.ui-widget-content .ui-state-default, .blue.ui-widget-header .ui-state-default{ background: #009cff;}
.violet .ui-state-default, .violet .ui-widget-content .ui-state-default, .violet .ui-widget-header .ui-state-default{ background: #6739a6;}



/* Min calendar */
.red ul.day li.today{ background: #ff6744;}
.orange ul.day li.today{ background: #ff9000;}
.yellow ul.day li.today{ background: #ffba00;}
.green ul.day li.today{ background: #00ac61;}
.blue ul.day li.today{ background: #009cff;}
.violet ul.day li.today{ background: #6739a6;}

.red .calendar a.main-add-event{ background: #ff6744;}
.orange .calendar a.main-add-event{ background: #ff9000;}
.yellow .calendar a.main-add-event{ background: #ffba00;}
.green .calendar a.main-add-event{ background: #00ac61;}
.blue .calendar a.main-add-event{ background: #009cff;}
.violet .calendar a.main-add-event{ background: #6739a6;}

.red .calendar .left.main li.active a{ background-color: #ff6744;}
.orange .calendar .left.main li.active a{ background-color: #ff9000;}
.yellow .calendar .left.main li.active a{ background-color: #ffba00;}
.green .calendar .left.main li.active a{ background-color: #00ac61;}
.blue .calendar .left.main li.active a{ background-color: #009cff;}
.violet .calendar .left.main li.active a{ background-color: #6739a6;}


.red form.common fieldset.bt-actions.fixed-position{ background: #ff6744;}
.orange form.common fieldset.bt-actions.fixed-position{ background: #ff9000;}
.yellow form.common fieldset.bt-actions.fixed-position{ background: #ffba00;}
.green form.common fieldset.bt-actions.fixed-position{ background: #00ac61;}
.blue form.common fieldset.bt-actions.fixed-position{ background: #009cff;}
.violet form.common fieldset.bt-actions.fixed-position{ background: #6739a6;}

.red .calendar-display ul li:hover time{ color: #ff6744;}
.orange .calendar-display ul li:hover time{ color: #ff9000;}
.yellow .calendar-display ul li:hover time{ color: #ffba00;}
.green .calendar-display ul li:hover time{ color: #00ac61;}
.blue .calendar-display ul li:hover time{ color: #009cff;}
.violet .calendar-display ul li:hover time{ color: #6739a6;}

.red .calendar-display ul li:hover time strong{ color: #ff6744;}
.orange .calendar-display ul li:hover time strong{ color: #ff9000;}
.yellow .calendar-display ul li:hover time strong{ color: #ffba00;}
.green .calendar-display ul li:hover time strong{ color: #00ac61;}
.blue .calendar-display ul li:hover time strong{ color: #009cff;}
.violet .calendar-display ul li:hover time strong{ color: #6739a6;}

.red .calendar-display ul li a.bt{ background: #ff6744;}
.orange .calendar-display ul li a.bt{ background: #ff9000;}
.yellow .calendar-display ul li a.bt{ background: #ffba00;}
.green .calendar-display ul li a.bt{ background: #00ac61;}
.blue .calendar-display ul li a.bt{ background: #009cff;}
.violet .calendar-display ul li a.bt{ background: #6739a6;}

.red #notices.manager .edit-archives ul li:hover{ background: #ff6744;}
.orange #notices.manager .edit-archives ul li:hover{ background: #ff9000;}
.yellow #notices.manager .edit-archives ul li:hover{ background: #ffba00;}
.green #notices.manager .edit-archives ul li:hover{ background: #00ac61;}
.blue #notices.manager .edit-archives ul li:hover{ background: #009cff;}
.violet #notices.manager .edit-archives ul li:hover{ background: #6739a6;}


.red form.common fieldset.bt-actions.fixed-position input[type="submit"]{ color: #ff6744;}
.orange form.common fieldset.bt-actions.fixed-position input[type="submit"]{ color: #ff9000;}
.yellow form.common fieldset.bt-actions.fixed-position input[type="submit"]{ color: #ffba00;}
.green form.common fieldset.bt-actions.fixed-position input[type="submit"]{ color: #00ac61;}
.blue form.common fieldset.bt-actions.fixed-position input[type="submit"]{ color: #009cff;}
.violet form.common fieldset.bt-actions.fixed-position input[type="submit"]{ color: #6739a6;}

.red .current-conversation-container header .edit-name-conversation{ background-color: #ff6744;}
.orange .current-conversation-container header .edit-name-conversation{ background-color: #ff9000;}
.yellow .current-conversation-container header .edit-name-conversation{ background-color: #ffba00;}
.green .current-conversation-container header .edit-name-conversation{ background-color: #00ac61;}
.blue .current-conversation-container header .edit-name-conversation{ background-color: #009cff;}
.violet .current-conversation-container header .edit-name-conversation{ background-color: #6739a6;}


.red .calendar-display ul li.active:hover .events-list a:hover{ color: #ff6744;}
.orange .calendar-display ul li.active:hover .events-list a:hover{ color: #ff9000;}
.yellow .calendar-display ul li.active:hover .events-list a:hover{ color: #ffba00;}
.green .calendar-display ul li.active:hover .events-list a:hover{ color: #00ac61;}
.blue .calendar-display ul li.active:hover .events-list a:hover{ color: #009cff;}
.violet .calendar-display ul li.active:hover .events-list a:hover{ color: #6739a6;}

.red .calendar-display ul li.active:hover a.see-all:hover{ color: #ff6744;}
.orange .calendar-display ul li.active:hover a.see-all:hover{ color: #ff9000;}
.yellow .calendar-display ul li.active:hover a.see-all:hover{ color: #ffba00;}
.green .calendar-display ul li.active:hover a.see-all:hover{ color: #00ac61;}
.blue .calendar-display ul li.active:hover a.see-all:hover{ color: #009cff;}
.violet .calendar-display ul li.active:hover a.see-all:hover{ color: #6739a6;}

.red .current-conversation-container header .see-participants:hover{ color: #ff6744;}
.orange .current-conversation-container header .see-participants:hover{ color: #ff9000;}
.yellow .current-conversation-container header .see-participants:hover{ color: #ffba00;}
.green .current-conversation-container header .see-participants:hover{ color: #00ac61;}
.blue .current-conversation-container header .see-participants:hover{ color: #009cff;}
.violet .current-conversation-container header .see-participants:hover{ color: #6739a6;}

.red .current-conversation-container header .see-participants:hover span{ color: #ff6744;}
.orange .current-conversation-container header .see-participants:hover span{ color: #ff9000;}
.yellow .current-conversation-container header .see-participants:hover span{ color: #ffba00;}
.green .current-conversation-container header .see-participants:hover span{ color: #00ac61;}
.blue .current-conversation-container header .see-participants:hover span{ color: #009cff;}
.violet .current-conversation-container header .see-participants:hover span{ color: #6739a6;}

.red .current-conversation-container .list-participants li:hover figure{ border-color: #ff6744;}
.orange .current-conversation-container .list-participants li:hover figure{ border-color: #ff9000;}
.yellow .current-conversation-container .list-participants li:hover figure{ border-color: #ffba00;}
.green .current-conversation-container .list-participants li:hover figure{ border-color: #00ac61;}
.blue .current-conversation-container .list-participants li:hover figure{ border-color: #009cff;}
.violet .current-conversation-container .list-participants li:hover figure{ border-color: #6739a6;}

.red .current-conversation-container .list-participants .contact:hover figure{ border-color: #ff6744;}
.orange .current-conversation-container .list-participants .contact:hover figure{ border-color: #ff9000;}
.yellow .current-conversation-container .list-participants .contact:hover figure{ border-color: #ffba00;}
.green .current-conversation-container .list-participants .contact:hover figure{ border-color: #00ac61;}
.blue .current-conversation-container .list-participants .contact:hover figure{ border-color: #009cff;}
.violet .current-conversation-container .list-participants .contact:hover figure{ border-color: #6739a6;}


.red .header-calendar a.bt-create{ background-color: #ff6744;}
.orange .header-calendar a.bt-create{ background-color: #ff9000;}
.yellow .header-calendar a.bt-create{ background-color: #ffba00;}
.green .header-calendar a.bt-create{ background-color: #00ac61;}
.blue .header-calendar a.bt-create{ background-color: #009cff;}
.violet .header-calendar a.bt-create{ background-color: #6739a6;}

.red .list-participants .contact.atv{ background-color: #ff6744;}
.orange .list-participants .contact.atv{ background-color: #ff9000;}
.yellow .list-participants .contact.atv{ background-color: #ffba00;}
.green .list-participants .contact.atv{ background-color: #00ac61;}
.blue .list-participants .contact.atv{ background-color: #009cff;}
.violet .list-participants .contact.atv{ background-color: #6739a6;}


.red .calendar-display ul li.active:hover .events-list a time{ background-color: #ff6744;}
.orange .calendar-display ul li.active:hover .events-list a time{ background-color: #ff9000;}
.yellow .calendar-display ul li.active:hover .events-list a time{ background-color: #ffba00;}
.green .calendar-display ul li.active:hover .events-list a time{ background-color: #00ac61;}
.blue .calendar-display ul li.active:hover .events-list a time{ background-color: #009cff;}
.violet .calendar-display ul li.active:hover .events-list a time{ background-color: #6739a6;}

.red .list-notifications.events ul li .actions p.info{ color: #ff6744;}
.orange .list-notifications.events ul li .actions p.info{ color: #ff9000;}
.yellow .list-notifications.events ul li .actions p.info{ color: #ffba00;}
.green .list-notifications.events ul li .actions p.info{ color: #00ac61;}
.blue .list-notifications.events ul li .actions p.info{ color: #009cff;}
.violet .list-notifications.events ul li .actions p.info{ color: #6739a6;}

.red .list-notifications.events ul li:hover time strong{ color: #ff6744;}
.orange .list-notifications.events ul li:hover time strong{ color: #ff9000;}
.yellow .list-notifications.events ul li:hover time strong{ color: #ffba00;}
.green .list-notifications.events ul li:hover time strong{ color: #00ac61;}
.blue .list-notifications.events ul li:hover time strong{ color: #009cff;}
.violet .list-notifications.events ul li:hover time strong{ color: #6739a6;}

.red .list-notifications.events ul li .event-buttons a:hover{ background-color: #ff6744;}
.orange .list-notifications.events ul li .event-buttons a:hover{ background-color: #ff9000;}
.yellow .list-notifications.events ul li .event-buttons a:hover{ background-color: #ffba00;}
.green .list-notifications.events ul li .event-buttons a:hover{ background-color: #00ac61;}
.blue .list-notifications.events ul li .event-buttons a:hover{ background-color: #009cff;}
.violet .list-notifications.events ul li .event-buttons a:hover{ background-color: #6739a6;}