/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
.noColor {
	color: @textLightColor;
	border: 1px solid @borderColor;
    margin: 10px 16px 0;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}
.calendarTableColor{
	padding: 7px 13px;min-height: 90px;
	.colorCell{
		border: 1px solid transparent;
		text-align: center;
		.square(16px);
		display: block;
		padding: 0;
		float: left;
		clear: none;
		margin: 2px;		
		&:hover {
			border: 1px solid @baseColorDark;
		}
		.iconCheckBox{
            top: -3px;
		}
	}
	> div {
		width: 132px;
		margin: 0 auto;
	}
}

/*============== ColorPicker ================*/

.asparagus ,.asparagus:hover{
    background: #909958;
}

.munsell_blue,  .munsell_blue:hover {
    background: #319AB3;
}

.navy_blue ,  .navy_blue:hover{
    background: #4273C8;
}

.purple,  .purple:hover {
    background: #774EA9;
}

.red ,  .red:hover{
    background: #FF5933; 
}

.brown,  .brown:hover {
    background: #BB8E62;
}

.laurel_green ,  .laurel_green:hover{
    background: #BED67E;
}

.sky_blue ,  .sky_blue:hover{
    background: #4DBED9;
}

.blue_gray,  .blue_gray:hover {
    background: #8EB0EA;
}

.light_purple ,  .light_purple:hover{
    background: #BC99E7;
}

.hot_pink ,  .hot_pink:hover{
    background: #F97575;
}

.light_brown ,  .light_brown:hover{
    background: #C5B294;
}

.moss_green ,  .moss_green:hover{
    background: #98CC81;
}

.powder_blue ,  .powder_blue:hover{
    background: #9EE4F5;
}

.light_blue ,  .light_blue:hover{
    background: #B3CFFF;
}

.pink ,  .pink:hover{
    background: #FFC8F0;
}

.orange ,  .orange:hover{
    background: #FDB519;
}

.gray,  .gray:hover {
    background: #A39594;
}

.green ,  .green:hover{
    background: #89D4B3;
}

.baby_blue ,  .baby_blue:hover{
    background: #B2E2FF;
}

.light_gray ,  .light_gray:hover{
    background: #CDCDCD;
}
.beige ,  .beige:hover{
    background: #FFE1BE;
}

.yellow ,  .yellow:hover{
    background: #FFE347;
}

.plum ,  .plum:hover{
    background: #CEA6AC;
}

.Olive, .CalendarTableColor .Olive{
	background-color: #808000;
}
.OliveDrab, .CalendarTableColor .OliveDrab {
	background-color: #6B8E23;
}
.Orange, .CalendarTableColor .Orange {
	background-color: #FFA500;
}
.OrangeRed, .CalendarTableColor .OrangeRed {
	background-color: #FF4500;
}
.Orchid, .CalendarTableColor .Orchid {
	background-color: #DA70D6;
}
.PaleGoldenRod, .CalendarTableColor .PaleGoldenRod {
	background-color: #EEE8AA;
}
.PaleGreen, .CalendarTableColor .PaleGreen {
	background-color: #98FB98;
}
.PaleTurquoise, .CalendarTableColor .PaleTurquoise {
	background-color: #AFEEEE;
}
.PaleVioletRed, .CalendarTableColor .PaleVioletRed {
	background-color: #D87093;
}
.PapayaWhip, .CalendarTableColor .PapayaWhip {
	background-color: #FFEFD5;
}
.PeachPuff, .CalendarTableColor .PeachPuff {
	background-color: #FFDAB9;
}
.Peru, .CalendarTableColor .Peru {
	background-color: #CD853F;
}
.Pink, .CalendarTableColor .Pink {
	background-color: #FFC0CB;
}
.Plum, .CalendarTableColor .Plum {
	background-color: #DDA0DD;
}
.PowderBlue, .CalendarTableColor .PowderBlue {
	background-color: #B0E0E6;
}
.Purple, .CalendarTableColor .Purple {
	background-color: #800080;
}
.Red, .CalendarTableColor .Red {
	background-color: #FF0000;
}
.RosyBrown, .CalendarTableColor .RosyBrown {
	background-color: #BC8F8F;
}
.RoyalBlue, .CalendarTableColor .RoyalBlue {
	background-color: #4169E1;
}
.SaddleBrown, .CalendarTableColor .SaddleBrown {
	background-color: #8B4513;
}
.Salmon, .CalendarTableColor .Salmon {
	background-color: #FA8072;
}
.SandyBrown, .CalendarTableColor .SandyBrown {
	background-color: #F4A460;
}
.SeaGreen, .CalendarTableColor .SeaGreen {
	background-color: #2E8B57;
}
.SeaShell, .CalendarTableColor .SeaShell {
	background-color: #FFF5EE;
}
.Sienna, .CalendarTableColor .Sienna {
	background-color: #A0522D;
}
.Silver, .CalendarTableColor .Silver {
	background-color: #C0C0C0;
}
.SkyBlue, .CalendarTableColor .SkyBlue {
	background-color: #87CEEB;
}
.Thistle, .CalendarTableColor .Thistle {
	background-color: #D8BFD8;
}
.Tomato, .CalendarTableColor .Tomato {
	background-color: #FF6347;
}
.Turquoise, .CalendarTableColor .Turquoise {
	background-color: #40E0D0;
}
.Violet, .CalendarTableColor .Violet {
	background-color: #EE82EE;
}
.Wheat, .CalendarTableColor .Wheat {
	background-color: #F5DEB3;
}
.Yellow, .CalendarTableColor .Yellow {
	background-color: #FFFF00;
}