@charset "UTF-8";


/*
----------------------------------------------------------------------------------------------------
     Date. 2020.09.30
   Author. Okabe
jquery-ui. ui-datepicker
------------------------------------------------------------------------------------------------- */

.vWrapPicker {
	display: inherit; }

/*
#ui-datepicker-div {
	top: 50% !important;
	left: 50% !important;

	-webkit-transform   : translateX(-50%) translateY(-50%);
	-moz-transform      : translateX(-50%) translateY(-50%);
	-ms-transform       : translateX(-50%) translateY(-50%);
	transform           : translateX(-50%) translateY(-50%); }
*/

.ui-datepicker {
	display: none;
	padding: 0;
	border-radius: 2px;
	box-shadow: 0 0 32px 0 rgba(154,161,171,.45); }

.ui-datepicker .ui-datepicker-header {
	position: relative;
    display: flex;
    justify-content: center;
	align-items: center;
	padding: 8px;
	color: var(--white);
    background: var(--indigo);
	border-radius: 2px 2px 0 0; }

.ui-datepicker .ui-datepicker-header a {
	width: 32px;
	height: 32px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid var(--white);
	border-radius: 16px;
	cursor: pointer; }

.ui-datepicker .ui-datepicker-header > a {
    margin: 2px; }

.ui-datepicker .ui-datepicker-header a:hover {
	background: #4e5bf2; }

.ui-datepicker .ui-datepicker-header i[data-attr="icon"] {
	margin-top: 2px; }

.ui-datepicker .ui-datepicker-header [data-handler="prev"] i[data-attr="icon"] {
	margin-right: 2px; }

.ui-datepicker .ui-datepicker-header [data-handler="next"] i[data-attr="icon"] {
	margin-left: 2px; }

.ui-datepicker .ui-datepicker-title {
	flex-grow: 1;
	margin: 0px 8px;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center; }

.ui-datepicker .ui-datepicker-year,
.ui-datepicker .ui-datepicker-month {
	font-size: 1.8rem;
	font-weight: 600;
    line-height: 1.2; }

.ui-datepicker table {
	width: 100%;
	border-collapse: collapse;
	background: var(--white);
	border-radius: 0 0 2px 2px; }

.ui-datepicker table thead tr th {
	padding: 8px;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid rgba(0,0,0,.1); }

.ui-datepicker table thead tr th:first-child {
	padding: 8px 8px 8px 12px; }

.ui-datepicker table thead tr th:last-child {
	padding: 8px 12px 8px 8px; }

.ui-datepicker table tbody tr td {
	border: 0;
	padding: 1px;
	text-align: center;
	text-align: -webkit-center; }

.ui-datepicker table tbody tr:first-child td {
	padding-top: 8px; }

.ui-datepicker table tbody tr:last-child td {
	padding-bottom: 8px; }

.ui-datepicker table tbody tr td:first-child {
	padding-left: 6px; }

.ui-datepicker table tbody tr td:last-child {
	padding-right: 6px; }

.ui-datepicker td span,
.ui-datepicker td a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 16px; }
.ui-datepicker td a:hover  {
	color: #fff;
	background: #4e5bf2; }

.ui-datepicker .ui-datepicker-today a {
	background: rgba(145,156,167,.3); }

.ui-datepicker a.ui-state-active {
	background: rgba(114,124,245,.2); }

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: 0;
	padding: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
/*
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
*/

.ui-datepicker table thead tr th:first-child,
.ui-datepicker table tbody tr td:first-child { color: #fa5c7c; }

.ui-datepicker table thead tr th:last-child,
.ui-datepicker table tbody tr td:last-child { color: #39afd1; }

.ui-datepicker table tbody tr td.ui-datepicker-other-month { color: #ccc; }