@charset "UTF-8";

/* 宿泊予約 Optima */
/* -----------------------------------------------------------
	.con_search
----------------------------------------------------------- */

/* Fix ZSF OPEN BTN */
.fix-zsf-open {
	position: fixed;
	top: calc((100vh - 160px) / 2);
	right: -100px;
	display: block;
	width: 60px;
	min-height: 160px;
	padding: 40px 2rem 36px;
	border-top: 1px solid rgb(84,88,90);
	border-left: 1px solid rgb(84,88,90);
	border-bottom: 1px solid rgb(84,88,90);
	background-color: rgb(84,88,90);
	color: #fff;
	cursor: pointer;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	letter-spacing: 4px;
	opacity: 1;
	transition: .5s;
	z-index: 2000;
}
@media screen and (max-width: 1023px) {
	.fix-zsf-open {
		position: fixed;
		top: auto;
		right: auto;
		bottom: -100px;
		width: 100%;
		min-height: auto;
		padding: 15px 0;
		border-left: none;
		border-bottom: none;
		-ms-writing-mode: horizontal-tb;
		writing-mode: horizontal-tb;
		text-align: center;
	}
}
.fix-zsf-open.btn {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	display: block;
	width: auto;
	height: auto;
	min-height: 30px;
	padding: .625rem 1rem;
	color: #fff;
	cursor: pointer;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	letter-spacing: normal;
	opacity: 1;
	transition: .5s;
	z-index: 0;
	min-width: 150px;
    margin: 30px 0 0;
	}
.fix-zsf-open.btn::after {
	display: none;
	}
.fix-zsf-open.btn.zsf-open {
	opacity: 1;
	}
	
.fix-zsf-open.right-fix {
	right: 0;
	transition: .5s;
}
.fix-zsf-open::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: -25px;
	width: 13px;
	height: 13px;
	margin: auto;
	border-top: 2px solid  rgb(84,88,90);
	border-right: 2px solid  rgb(84,88,90);
	transform: rotate(-135deg);
	content: "";
	vertical-align: middle;
}
@media screen and (max-width: 1023px) {
	.fix-zsf-open.right-fix {
		right: auto;
		bottom: 0;
		transition: .5s;
	}
	.fix-zsf-open::after {
		content: none;
	}
	.fix-zsf-open.btn.right-fix {
		bottom: auto;
		}
}

.fix-zsf-open.zsf-open {
	opacity: 0;
	}
.fix-zsf-open:hover {
	background-color: #fff;
	color: rgb(84,88,90);
	}
@keyframes puru {
	0% {
		left: -25px;
	}
	12.5% {
		left: -30px;
	}
	25% {
		left: -25px;
	}
	37.5% {
		left: -30px;
	}
	50% {
		left: -25px;
	}
	100% {
		left: -25px;
	}
}
.fix-zsf-open:hover::after {
	animation: puru 1s ease-in 0s infinite;
	}

/* Fix ZSF CLOSE BTN */
.fix-zsf-close {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	left: 0px;
	color: #fff;
	opacity: 0;
	transition: .5s;
	}
	.fix-zsf-close .pc {
		display: inline-block;
		}
	.fix-zsf-close .sp {
		display: none;
		}
.fix-zsf-close::after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: -20px;
	width: 13px;
	height: 13px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	content: "";
	vertical-align: middle;
	transition: .5s;
	}
.fix-zsf-close.zsf-open {
	left: -200px;
	opacity: 1;
	}

@media screen and (max-width: 1023px) {
.fix-zsf-close {
	top: -50px;
	bottom: auto;
	display: flex;
	justify-content: center;
	width: 300px;
	}
	.fix-zsf-close .pc {
		display: none;
		}
	.fix-zsf-close .sp {
		display: inline-block;
		}
.fix-zsf-close::after {
	top: 20px;
	bottom: auto;
	right: calc(50% - 9px);
	width: 13px;
	height: 13px;
	margin: auto;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(135deg);
	}
.fix-zsf-close.zsf-open {
	left: 0;
	opacity: 1;
	}
}

/* Fix ZSF OPEN BG */
@keyframes puIn {
	0% {
		display: none;
		z-index: -1;
	}
	1% {
		background: transparent;
		z-index: 1000;
	}
	100% {
		background: rgba(0, 0, 0, .6);
		z-index: 1000;
	}
}


.popup-bg-cover {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent;
	z-index: -1;
	}
.popup-bg-cover.zsf-open {
	animation: puIn .5s ease-in 0s forwards;
	}


/* ******************************************
	Booking Module
****************************************** */
#booking_mod {
	position: relative;
	z-index: 10;
	}
.booking_top_form .hide,
.booking_stay_form .hide,
.booking_rest_form .hide {
	display: none;
	}

.tab_top,
.tab_stay,
.tab_rest {
	display: flex;
}
.top-zsf .tab_top li,
.fix-zsf .tab_stay li,
.fix-zsf .tab_rest li {
	width: 50%;
	padding: 12px 0 7px;
	text-align: center;
	background-color: rgba(236,236,235, .9);
	color: rgb(84,88,90);
	}
.banner-zsf .tab_stay li {
	width: 50%;
	padding: 15px 0 10px;
	text-align: center;
	background-color: rgb(236,236,235);
	border: 1px solid rgb(84,88,90);
	border-bottom: none;
	color: rgb(84,88,90);
	}


	.top-zsf .tab_top li:hover,
	.top-zsf .tab_top li.select {
		background-color: rgba(0,0,0, .7);
		color: #fff;
		}
	.fix-zsf .tab_stay li:hover,
	.fix-zsf .tab_stay li.select,
	.fix-zsf .tab_rest li:hover,
	.fix-zsf .tab_rest li.select {
		background-color: rgb(236,236,235);
		color: rgb(84,88,90);
		}
	.banner-zsf .tab_stay li:hover,
	.banner-zsf .tab_stay li.select {
		background-color: rgb(84,88,90);
		color: rgb(236,236,235);
		border: 1px solid rgb(84,88,90);
		border-bottom: none;
		}

.top-zsf .booking_top_form {
	background-color: rgba(0,0,0, .7);
	}
.fix-zsf .booking_stay_form,
.fix-zsf .booking_rest_form {
	background-color: rgb(236,236,235);
	}
.banner-zsf .booking_top_form {
	background-color: rgba(0,0,0, .7);
	}

	.banner-zsf .tab_stay li.tab_air {
		
		}
	.banner-zsf .tab_stay li.tab_car {
		
		}
		.banner-zsf .tab_stay li.tab_air span,
		.banner-zsf .tab_stay li.tab_car span {
			display: inline-block;
			padding: 0 0 0 50px;
			background-position: left top;
			background-repeat: no-repeat;
			background-size: contain;
			}
		.banner-zsf .tab_stay li.tab_air span {
			background-image: url(https://suncollect.biz/anacp-chitose/_cms/wp-content/uploads/2024/12/access_airport.svg);
			}
		.banner-zsf .tab_stay li.tab_car span {
			background-image: url(https://suncollect.biz/anacp-chitose/_cms/wp-content/uploads/2025/02/access_car.svg);
			}
		.banner-zsf .tab_stay li.tab_air:hover span,
		.banner-zsf .tab_stay li.tab_air.select span {
			background-image: url(https://suncollect.biz/anacp-chitose/_cms/wp-content/uploads/2025/02/access_airport_w.svg);
			}
		.banner-zsf .tab_stay li.tab_car:hover span,
		.banner-zsf .tab_stay li.tab_car.select span {
			background-image: url(https://suncollect.biz/anacp-chitose/_cms/wp-content/uploads/2025/02/access_car_w.svg);
			}

/* Top ZSF */
.top-zsf {
	position: absolute;
	right: 8%;
	top: calc((75vh - 315px) / 2);
	width: 100%;
	max-width: 300px;
	transition: .5s;
	z-index: 20;
	}
	.top-zsf .con_search {
		width: 100%;
		margin: 0;
		padding: 20px 20px 15px;
		color: #fff;
		}
@media screen and (max-width:1023px) {
.top-zsf {
	display: none;
	}
}

/* Top ZSF SETTINGS */
.top-zsf .con_search .box_search h3 {
	color: #fff;
	}
.top-zsf .con_search .box_search .box_det {
	border: 1px solid #fff;
	}
.top-zsf .con_search .box_search .box_btn .btn_submit button {
	border: 1px solid #fff;
	background-color: #fff;
	color: rgb(84,88,90);
	}
	.top-zsf .con_search .box_search .box_btn .btn_submit button:hover {
		background-color: transparent;
		color: #fff;
		}
.top-zsf .con_search .box_search .box_link {
	/*display: none;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 14px;
	}
	.top-zsf .con_search .box_search .box_link li {
		margin: 15px 15px 0;
		padding: 0;
		}
		.top-zsf .con_search .box_search .box_link li a:hover {
			text-decoration: underline;
			}

/* Fix ZSF */
.fix-zsf {
	position: fixed;
	top: calc((100vh - 416px) / 2);
	right: -300px;
	width: 100%;
	max-width: 300px;
	transition: .5s;
	z-index: 2500;
	}
.fix-zsf.zsf-open {
	right: 0;
	}
.fix-zsf .con_search {
	width: 100%;
	margin: 0;
	padding: 20px;
	background-color: rgb(236,236,235);
	color: rgb(84,88,90);
	}
	@media screen and (max-width:1023px) {
		.fix-zsf {
			/* position: fixed; */
			top: auto;
			bottom: -1000px;
			right: auto;
			left: calc((100% - 300px)/2);
			/* width: 100%; */
			/* max-width: 300px; */
			/* transition: .5s; */
			/* z-index: 2500; */
		}
		.fix-zsf.zsf-open {
			bottom: 0;
		}
	}
		

/* Fix ZSF SETTINGS */
.fix-zsf .con_search .box_search h3 {
	color: rgb(84,88,90);
	}
.fix-zsf .con_search .box_search .box_det {
	border: 1px solid rgb(84,88,90);
	}
.fix-zsf .con_search .box_search .box_btn .btn_submit button {
	border: 1px solid rgb(84,88,90);
	background-color: rgb(84,88,90);
	color: #fff;
	}
	.fix-zsf .con_search .box_search .box_btn .btn_submit button:hover {
		background-color: transparent;
		color: rgb(84,88,90);
		}
.fix-zsf .con_search .box_search .box_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	font-size: 14px;
	}
	.fix-zsf .con_search .box_search .box_link li {
		margin: 15px 15px 0;
		padding: 0;
		}
		.fix-zsf .con_search .box_search .box_link li a:hover {
			text-decoration: underline;
			}

/* Banner ZSF */
.banner-zsf {
	width: 100%;
	transition: .5s;
	z-index: 20;
	padding: 10px;
	background-color: rgb(236,236,235);
	}
	.banner-zsf .con_search {
		width: 100%;
		margin: 0;
		padding: 20px 20px 15px;
		background-color: rgb(84,88,90);
		color: #fff;
		}
@media screen and (max-width:1023px) {
.banner-zsf {
	display: none;
	}
}

/* Banner ZSF SETTINGS */
.banner-zsf .con_search .box_search h3 {
	color: #fff;
	}
.banner-zsf .con_search .box_search .box_det {
	border: 1px solid #fff;
	}
.banner-zsf .con_search .box_search .box_btn .btn_submit button {
	border: 1px solid #fff;
	background-color: #fff;
	color: #fff;
	}
	.banner-zsf .con_search .box_search .box_btn .btn_submit button:hover {
		background-color: transparent;
		color: #fff;
		}
.banner-zsf .con_search .box_search .box_link {
	/*display: none;*/
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	font-size: 14px;
	}
	.banner-zsf .con_search .box_search .box_link li {
		margin: 15px 15px 0;
		padding: 0;
		}
		.banner-zsf .con_search .box_search .box_link li a {
			color: #fff;
			text-decoration: underline;
			}
		.banner-zsf .con_search .box_search .box_link li a:hover {
			text-decoration: underline;
			}

		.banner-zsf .con_search .box_search p {
			width: 90%;
			margin: 10px auto 0;
			font-size: 14px;
			color: #fff;
			}

/* ZSF COMMON */
	.con_search .box_search {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0;
		}
		.con_search .box_search h3 {
			width: 100%;
			margin: 0 0 15px;
			font-size: 21px;
			font-weight: 400;
			text-align: center;
			}
		.con_search .box_search em {
			display: block;
			margin: 0 0 5px;
			font-size: 14px;
			font-style: normal;
			}
		.con_search .box_search select::-ms-expand {
			display: none;
			}
		
		.con_search .box_search .box_day {
			width: 100%;
			margin: 0 0 10px;
			}
		.con_search .box_search .box_sta {
			width: calc(50% - 10px);
			margin: 0 0 10px;
			}
		.con_search .box_search .box_roo {
			width: calc(50% - 10px);
			margin: 0 0 10px;
			}
		.con_search .box_search .box_per {
			width: calc(50% - 10px);
			margin: 0 0 10px;
			}
		.con_search .box_search .box_chi {
			width: calc(50% - 10px);
			margin: 0 0 10px;
			}
		.con_search .box_search .box_chi {
			width: calc(50% - 10px);
			margin: 0 0 10px;
			}

		.con_search .box_search input[type="text"] {
			width: 100%;
			height: 42px;
			padding: 0;
			border: none;
			text-align: center;
			font-size: 18px;
			}

		.con_search .box_search select {
			width: calc(100% - 80px);
			height: 42px;
			margin: 0 40px;
			padding: 0;
			border: none;
			text-align: center;
			text-align:-webkit-center;
			font-size: 18px;
			}
			.con_search .box_search select option {
				color: rgb(84,88,90);
				}
		
		.con_search .box_search .box_det {
			position: relative;
			}
			.con_search .box_search .box_det .btn_p {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 40px;
				height: 42px;

				text-align: center;
				}
			.con_search .box_search .box_det .btn_m {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 40px;
				height: 42px;

				text-align: center;
				}

			.con_search .box_search input[type="radio"] {
				display: none;
				}
			.con_search .box_search input[type="radio"] + label {
				padding-left: 1.5em;
				position: relative;
				}
			.con_search .box_search input[type="radio"] + label::before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 1em;
				height: 1em;
				border: 1px solid #323232;
				border-radius: 50%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
			.con_search .box_search input[type="radio"]:checked + label::after {
				content: "";
				display: block;
				position: absolute;
				top: .26em;
				left: .26em;
				width: .46em;
				height: .46em;
				background: #323232;
				border-radius: 50%;
				}


		.con_search .box_search .box_btn {
			width: 100%;
			margin: 10px 0 0;
			}
			.con_search .box_search .box_btn .btn_submit {
				width: 100%;
				}
				.con_search .box_search .box_btn .btn_submit button {
					width: 100%;
					padding: .5em 0;
					text-align: center;
					transition: .5s;
					}
					.con_search .box_search .box_btn .btn_submit button:hover {
						transition: .5s;
						}

	.banner-zsf .con_search .box_search {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 0;
		}
		.banner-zsf .con_search .box_search h3 {
			width: 100%;
			margin: 0 0 15px;
			font-size: 21px;
			font-weight: 400;
			text-align: center;
			}
		.banner-zsf .con_search .box_search em {
			display: block;
			margin: 0 0 5px;
			font-size: 14px;
			font-style: normal;
			color: #fff;
			}
		.banner-zsf .con_search .box_search select::-ms-expand {
			display: none;
			}
		
		.banner-zsf .con_search .box_search .box_day {
			width: 15%;
			margin: 0 10px 10px;
			}
		.banner-zsf .con_search .box_search .box_sta {
			width: 15%;
			margin: 0 10px 10px;
			}
		.banner-zsf .con_search .box_search .box_roo {
			width: 15%;
			margin: 0 10px 10px;
			}
		.banner-zsf .con_search .box_search .box_per {
			width: 15%;
			margin: 0 10px 10px;
			}
		.banner-zsf .con_search .box_search .box_chi {
			width: 15%;
			margin: 0 10px 10px;
			}
		.banner-zsf .con_search .box_search .box_chi {
			width: 15%;
			margin: 0 10px 10px;
			}

		.banner-zsf .con_search .box_search input[type="text"] {
			width: 100%;
			height: 42px;
			padding: 0;
			border: none;
			text-align: center;
			font-size: 18px;
			color: #fff;
			}

		.banner-zsf .con_search .box_search select {
			width: calc(100% - 80px);
			height: 42px;
			margin: 0 40px;
			padding: 0;
			border: none;
			text-align: center;
			text-align:-webkit-center;
			font-size: 18px;
			color: #fff;
			}
			.banner-zsf .con_search .box_search select option {
				color: rgb(84,88,90);
				}
		
		.banner-zsf .con_search .box_search .box_det {
			position: relative;
			}
			.banner-zsf .con_search .box_search .box_det .btn_p {
				position: absolute;
				bottom: 0;
				right: 0;
				width: 40px;
				height: 42px;

				text-align: center;
				}
			.banner-zsf .con_search .box_search .box_det .btn_m {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 40px;
				height: 42px;

				text-align: center;
				}

			.banner-zsf .con_search .box_search input[type="radio"] {
				display: none;
				}
			.banner-zsf .con_search .box_search input[type="radio"] + label {
				padding-left: 1.5em;
				position: relative;
				}
			.banner-zsf .con_search .box_search input[type="radio"] + label::before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 1em;
				height: 1em;
				border: 1px solid #323232;
				border-radius: 50%;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				}
			.banner-zsf .con_search .box_search input[type="radio"]:checked + label::after {
				content: "";
				display: block;
				position: absolute;
				top: .26em;
				left: .26em;
				width: .46em;
				height: .46em;
				background: #323232;
				border-radius: 50%;
				}

		.banner-zsf .con_search .box_search .box_btn {
			width: 15%;
			margin: 25px 10px 0;
			}
			.banner-zsf .con_search .box_search .box_btn .btn_submit {
				width: 100%;
				}
				.banner-zsf .con_search .box_search .box_btn .btn_submit button {
					width: 100%;
					padding: 9px 0 8px;
					text-align: center;
					background: rgb(84,88,90);
					transition: .5s;
					}
					.banner-zsf .con_search .box_search .box_btn .btn_submit button:hover {
						background-color: #fff;
						color: rgb(84,88,90);
						transition: .5s;
						}



/* Cal */
.pika-lendar th:first-child,
.pika-lendar td:first-child .pika-button {
  color: #f00;
}

.pika-lendar th:last-child,
.pika-lendar td:last-child .pika-button {
  color: #00f;
}

.has-event .pika-button {
  color: #f00;
  background: #f5f5f5;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.is-selected .pika-button {
  color: #fff;

  background: #33aaff;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
  color: #fff;
  background: #ff8000;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.is-disabled .pika-button {
  background: #ccc !important;
}



/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
}

.pika-lendar {
    float: left;
    width: 265px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;

    background-color: #fff;
}
.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 10px 5px;
    color: #666;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #fff;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #a00062;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;

    background: rgb(84,88,90);
    border: 1px solid rgb(84,88,90);
}
.has-event .pika-button {
    color: #f00;
    background: #a00062;
    border: 1px solid #a00062;
}

.has-event .pika-button {
    background: #fff;
    border: 1px solid #fff;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #fff;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #a00062;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: rgb(84,88,90);
    background: #fff;
    box-shadow: none;
	border: 1px solid rgb(84,88,90);
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}