@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.calendar {
	&-header {
		display: flex;
		align-items: center;
		padding-bottom: 12px;

		&-title {
			flex: 1;
			text-align: center;
		}
	}

	&-main {
		&-header {
			display: flex;
			align-items: center;
			color: @common_level2_base_color;
			padding: 12px 0;
			border-top: 1px solid @common_line_light_color;

			&-item {
				flex: 0 0 14.2%;
				text-align: center;
			}
		}

		&-content {
			display: flex;
			align-items: center;
			flex-wrap: wrap;

			&-item {
				flex: 0 0 14.2%;
			}

			&-itemSubtitle {
				color: rgba(23, 26, 29, 0.4);
			}

			&-itemBox {
				height: 36px;
				max-width: 36px;
				line-height: 36px;
				margin: auto;
				text-align: center;
				border-radius: 50%;
			}
		}
	}

	&-today {
		background-color: #f2f2f6;
		color: @theme_primary1_color;
	}

	&-hover {
		background-color: @theme_primary1_color;
		color: @common_bg_z1_color;
	}
}