@import "config.less";

/* dayselector CSS */
.ui-dayselector label {
    height: 56 * @unit_base;
    width: 64 * @unit_base;
}

.ui-dayselector  {
	display: inline-block;

	.ui-btn {
		border-color : @color_dayselector_Btn_border;
		border-style : solid;
		border-width : 1 * @unit_base;
		.ui-btn-inner {
			text-align :center;			
			padding : 0.4em 0px;
		}
	}
 	.ui-checkbox-off {
		.LESSDayselectorButtonNormal;
		.ui-btn-text {
			color : @color_dayselector_Btn_Mon_to_Fri;
		}	
	}
	
	.ui-checkbox-off.ui-btn-down-s.ui-btn-hover-s {
		.LESSDayaselectorButtonPress;
	}
	
	.ui-checkbox-on {
		.LESSDayaselectorButtonPress;
		.ui-btn-text {
			color : @color_dayselector_Btn_Mon_to_Fri;	
	   	}	
	}

	.ui-checkbox-on.ui-btn-down-s.ui-btn-hover-s {
		.LESSDayselectorButtonNormal;
	}
	.ui-dayselector-label-6 {
		.ui-btn-text {	
	    	color: @color_dayselector_Btn_Sat;
		}
	}
	.ui-dayselector-label-6.ui-checkbox-on {
		.ui-btn-text {
			color: @color_dayselector_Btn_Mon_to_Fri;
		}
	}
	.ui-dayselector-label-0 {
		.ui-btn-text {
		    color: @color_dayselector_Btn_Sun;
		}
	}
	.ui-checkbox {	
		height : 45 * @unit_base;
		
		.ui-btn {
			width : 47 * @unit_base;
		}
		.ui-btn.ui-corner-left	{
			border-top-left-radius : 5 * @unit_base;
			border-bottom-left-radius : 5 * @unit_base;
		} 
		.ui-btn.ui-corner-right	{
			border-top-right-radius : 5 * @unit_base;
			border-bottom-right-radius : 5 * @unit_base;
		}			 
	}
	.todons-dayselector-disabled .ui-dayselector-label-6 {
	    color: #121212;
	}

	.todons-dayselector-disabled .ui-dayselector-label-0 {
    	color: #363636;
	}

}

.ui-dayselector.ui-controlgroup-vertical  {
	.ui-checkbox .ui-btn{
		width : 64 * @unit_base;
		.ui-btn-text {
			margin-left : 2 * @unit_base;
		}
	}
}