body{
			background: #f2f2f2;
		}
		.col{
			background: linear-gradient(rgb(125, 125, 125) 0, rgb(75, 75, 75) 100%);
			font-size: 12px;
			font-family: Arial;
			color: #fff;
			border: 1px solid #fff;
			transition: 0.25s;
			border-bottom: 1px solid #333;
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
			line-height: 30px;
			cursor: pointer;
			padding: 0 6px 0 10px;
			margin: 0;
		}
		.col:hover{
			background: linear-gradient(rgb(150, 150, 150) 0, rgb(100, 100, 100) 100%);
		}

		.row{
			background: #fff;
			width: 100%;
			height: 28px;
		}

		.cell{
			font-size: 12px;
			font-family: Arial;
			font-weight: 400;
			color: #000;
			border: 0px solid #eee;
			border-left: 1px solid #aaa;
			transition: 0.35s;
			height: 24px;
			line-height: 25px;
			margin: 0;
			padding: 0 6px 0 6px;
			white-space: nowrap;
			overflow: hidden;
			outline: none;
		}

		.but{
			background: linear-gradient(rgb(255, 255, 255) 0, rgb(245, 245, 245) 100%);
			font-size: 12px;
			font-family: Arial;
			color: #555;
			text-align: center;
			box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
			height: 18px;
			line-height: 18px;
			cursor: pointer;
		}
		.but:hover{
			background: linear-gradient(rgb(150, 150, 150) 0, rgb(100, 100, 100) 100%);
			color: #fff;
		}
		
		.but_filter{
			font-size: 12px;
			font-family: Arial;
			color: rgba(255, 255, 255, 0.5);
			//box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
			height: 18px;
			line-height: 18px;
			cursor: pointer;
			//padding-left: 10px;
		}
		.but_filter:hover{
			color: #fff;
		}
		.checked{
			background: linear-gradient(rgba(225, 255, 100, 1.00) 0, rgb(175, 200, 75, 1.00) 100%);
			color: #000;
		}
		.checked:hover{
			background: linear-gradient(rgba(225, 255, 100, 1.00) 0, rgb(175, 200, 75, 1.00) 100%);
			color: #000;
		}

		.but_filter_holiday{
			font-size: 12px;
			font-family: Arial;
			color: #f70;
			//box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
			//border: 1px solid #ccc;
			height: 18px;
			line-height: 18px;
			cursor: pointer;
			//padding-left: 10px;
			opacity: 0.8;
		}
		.but_filter_holiday:hover{
			color: #f70;
			opacity: 1.0;
		}

		.cal{
			//background: linear-gradient(rgb(255, 255, 255) 0, rgb(245, 245, 245) 100%);
			font-size: 11px;
			font-family: Arial;
			color: #555;
			text-align: center;
			//box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.25);
			width: 16px;
			height: 16px;
			line-height: 16px;
			cursor: pointer;
		}
		.cal:hover{
			background: linear-gradient(rgb(185, 185, 185) 0, rgb(155, 155, 155) 100%);
			color: #fff;
		}
		.cal_selected{
			background: linear-gradient(rgb(100, 100, 100) 0, rgb(75, 75, 75) 100%);
			font-size: 11px;
			font-family: Arial;
			color: #fff;
			text-align: center;
			width: 16px;
			height: 16px;
			line-height: 16px;
			cursor: pointer;
		}
		.cal_selected:hover{
			background: linear-gradient(rgb(75, 75, 75) 0, rgb(50, 50, 50) 100%);
		}
		
		.cal_holiday{
			//background: linear-gradient(rgb(235, 100, 35) 0, rgb(215, 75, 10) 100%);
			font-size: 11px;
			font-family: Arial;
			color: #f70;
			text-align: center;
			//box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
			width: 16px;
			height: 16px;
			line-height: 16px;
			cursor: pointer;
		}
		.cal_holiday:hover{
			background: linear-gradient(rgb(255, 125, 55) 0, rgb(235, 100, 25) 100%);
			color: #fff;
		}
		
		.cal_current{
			//background: linear-gradient(rgb(125, 55, 45) 0, rgb(100, 35, 35) 100%);
			background: linear-gradient(rgb(235, 100, 35) 0, rgb(215, 75, 10) 100%);
			font-size: 11px;
			font-family: Arial;
			color: #fff;
			text-align: center;
			box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 1.0);
			//text-shadow: 0 0 5px rgba(0, 0, 0, 0.75);
			width: 16px;
			height: 16px;
			line-height: 16px;
			cursor: pointer;
		}
		.cal_current:hover{
			background: linear-gradient(rgb(35, 35, 35) 0, rgb(25, 25, 25) 100%);
			color: #fff;
		}
		
		.grey_button{
			background: linear-gradient(rgb(175, 175, 175) 0, rgb(100, 100, 100) 100%);
			box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
			color: #fff;
			font-size: 12px;
			font-family: Arial;
			text-align: center;
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
			line-height: 25px;
			//border-radius: px;
			transition: 0.35s;
			cursor: pointer;
		}
		.grey_button:hover{
			background: linear-gradient(rgb(125, 125, 125) 0, rgb(75, 75, 75) 100%);
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
			color: #fff;
		}
		
		.red_button{
			background: linear-gradient(rgb(225, 75, 0) 0, rgb(135, 50, 0) 100%);
			box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
			color: #fff;
			font-size: 12px;
			font-family: Arial;
			text-align: center;
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
			line-height: 25px;
			//border-radius: px;
			transition: 0.35s;
			cursor: pointer;
		}
		.red_button:hover{
			color: #fff;
			background: linear-gradient(rgb(200, 50, 0) 0, rgb(115, 25, 0) 100%);
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		}
		
		.gold_button{
			background: linear-gradient(rgb(245, 165, 0) 0, rgb(200, 105, 0) 100%);
			box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
			color: #fff;
			font-size: 12px;
			font-family: Arial;
			text-align: center;
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
			line-height: 25px;
			//border-radius: px;
			transition: 0.35s;
			cursor: pointer;
		}
		.gold_button:hover{
			background: linear-gradient(rgb(255, 185, 0) 0, rgb(220, 125, 0) 100%);
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		}

		.green_button{
			background: linear-gradient(rgb(150, 200, 0) 0, rgb(75, 125, 0) 100%);
			box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
			color: #fff;
			font-size: 12px;
			font-family: Arial;
			text-align: center;
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
			line-height: 25px;
			//border-radius: px;
			transition: 0.35s;
			cursor: pointer;
		}
		.green_button:hover{
			color: #fff;
			background: linear-gradient(rgb(175, 220, 0) 0, rgb(100, 155, 0) 100%);
			text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
		}

		.white_button{
			//background: linear-gradient(rgb(255, 255, 255) 0, rgb(225, 225, 225) 100%);
			box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.5);
			color: #ccc;
			font-size: 12px;
			font-family: Arial;
			text-align: center;
			//text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
			line-height: 25px;
			//border-radius: px;
			transition: 0.35s;
			cursor: pointer;
		}
		.white_button:hover{
			color: #fff;
			//background: linear-gradient(rgb(255, 255, 255) 0, rgb(245, 245, 245) 100%);
		}

		.filter{
			background: linear-gradient(rgba(255, 255, 255, 0.2) 0, rgba(225, 225, 225, 0.2) 100%);
			box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
			width: 10px;
			height: 10px;
			//border: 1px solid #fff;
			box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
			border-radius: 14px;
			cursor: pointer;
		}
		.filter:hover{
			background: linear-gradient(rgba(255, 255, 255, 0.5) 0, rgba(225, 225, 225, 0.2) 100%);
			color: #fff;
		}

		.filter_active{
			background: radial-gradient(rgba(225, 255, 100, 1.0) 0, rgba(225, 255, 75, 1.0) 100%);
			box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.25);
			width: 10px;
			height: 10px;
			box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
			border-radius: 14px;
			cursor: pointer;
		}
		.filter_active:hover{
			background: linear-gradient(rgba(235, 255, 100, 1.0) 0, rgba(235, 255, 85, 1.0) 100%);
			color: #fff;
		}


		::-webkit-scrollbar {
		  width: 10px;
		  cursor: pointer;
		}

		::-webkit-scrollbar-track {
		  background: rgb(255, 255, 255);
		  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
		}

		::-webkit-scrollbar-thumb {
		  background: linear-gradient(90deg, rgb(175, 175, 175) 50%, rgb(145, 145, 145) 100%);
		  border: 1px solid #777;
		  //border-radius: 2px;
		  cursor: pointer;
		}

		::-webkit-scrollbar-thumb:hover {
		  background: linear-gradient(90deg, rgb(195, 195, 195) 50%, rgb(175, 175, 175) 100%);
		}
		
		.cell_input{
			font-size: 12px;
			font-family: Arial;
			font-weight: 400;
			color: #000;
			border: none;
			border-left: 1px solid #aaa;
			transition: 0.35s;
			height: 24px;
			line-height: 25px;
			margin: 0;
			padding: 0 6px 0 6px;
			white-space: nowrap;
			overflow: hidden;
			outline: none;
		}