

.message {
	margin-bottom: 40px;
	padding: 20px;
	list-style-type: none;
	border-radius: 10px;
}

.success_message {
	animation: messageAnimation 2s ease-in 1;
	color: #5a9900;
	background: #d6f6a9;
}

.error_message {
	animation: messageAnimation 2s ease-in 1;
	color: #c00;
	background: #ffcbcb;
}

@keyframes messageAnimation {
	0%, 90% {
		transform: translateY(1.0);
	}
	100% {
		transform: translateY(0);
	}
}

.error_list {
	background: #ffcbcb;
}
.error_list li {
	margin-bottom: 5px;
	font-size: .93rem;
	line-height: 1.6em;
	color: #c00;
}
.error_list li::before {
	display: inline-block;
	margin-top: 7px;
	margin-right:10px;
	content: "";
	width: 8px;
	height: 8px;
	vertical-align: top;
	border-radius: 4px;
	background-color: #c00;
}
.error_list li:last-child {
	margin-bottom: 0;
}




ul.inline-nav li{
    display:inline-block;
}

#table-calendar-container {
	max-width: 100%;
	overflow-x: scroll;
}
table#table-calendar {
    width: inherit;
}
table#table-calendar thead th {
	white-space: nowrap;
}
table#table-calendar thead th.weeknum-6 {
	color:blue;
}
table#table-calendar thead th.weeknum-0 {
	color:red;
}
table#table-calendar tbody th {
	text-align: left;
	font-size: 90%;
	white-space: nowrap;
}

table#table-calendar td,
table#table-calendar th{
	padding: 2px 2px;
	border-left: 1px dotted silver;
	text-align: center;
}

table#table-calendar tbody td {
	white-space: nowrap;
	padding: 2px 0;
}

table#table-calendar td.today,
table#table-calendar th.today{
	background-color: #ffffaa;
}


table#table-calendar a.rental-status-bit {
	background-color: #ffd9b3;
	display:block;
	min-width: 21px;
	font-size: 10px;
}

table#table-calendar a.rental-status-bit.start {
	border-top-left-radius: 2em;
	border-bottom-left-radius: 2em;
}
table#table-calendar a.rental-status-bit.return {
	border-top-right-radius: 2em;
	border-bottom-right-radius: 2em;
}
table#table-calendar a.rental-status-bit.during {
}


table.inout-table tr.process_start{
	background-color: #ffffdf;
}
table.inout-table tr:nth-child(odd).process_start{
	background-color: #ffffef;
}
table.inout-table tr.process_return{
	background-color: #dfdfff;
}
table.inout-table tr:nth-child(odd).process_return{
	background-color: #efefff;
}

.wp-heading-inline+a.page-title-action.margin-left {
	margin-left: 3em;
}
.wrap a.page-title-action.delete_btn,
.delete_btn {
	color: white;
	background-color: red;
	border-color: red;
}
.wrap a.page-title-action.delete_btn:hover,
.delete_btn:hover {
	background-color: darkred;
	border-color: darkred;
}

.notice#omapi-please-connect-notice,
.notice:has(a[href*="/admin.php?page=monsterinsights-onboarding"]),
.notice:has(a[class*="monsterinsights-setup-wizard-link"]),
.notice.aioseo-blc-not-connected,
.notice.aioseo-review-plugin-cta {
	display: none;
}



form table.form-table tr {
	border-top: 1px solid lightgray;
}
form table.form-table tr th {
	padding: 0;
}
form table.form-table tr td {
	padding: 0;
	padding-bottom: 5px;
}
form table.form-table tr td textarea {
	/* overflow: scroll; */
	resize:both;
	width: 100%;
	max-width: 100%;
}


#table-deposit-histories-container {
	max-width: 100%;
	/* overflow-x: scroll; */
}
table#table-deposit-histories {
    width: inherit;
}
table#table-deposit-histories thead th {
	white-space: nowrap;
}
table#table-deposit-histories tbody th.weeknum-6 {
	color:blue;
}
table#table-deposit-histories tbody th.weeknum-0 {
	color:red;
}
table#table-deposit-histories tbody th {
	text-align: center;
	font-size: 90%;
	white-space: nowrap;
}

table#table-deposit-histories td,
table#table-deposit-histories th{
	padding: 2px 0.3em;
	border-left: 1px dotted silver;
	text-align: center;
}

table#table-deposit-histories tbody td {
	text-align:right;
}
table#table-deposit-histories tbody th,
table#table-deposit-histories tbody td {
	padding-top:0;
	padding-bottom:0;
}
table#table-deposit-histories td.today,
table#table-deposit-histories th.today{
	background-color: #ffffaa;
}

table#table-deposit-histories tfoot td{
	text-align:right;
}







/* front css */


#reserve_part_steps {
    margin: 1em 0;
    position: relative;
}
#reserve_part_steps:before {
    content: "";
    display: block;
    position: absolute;
    left: 10%;
    width:85%;
    height: 1.8em;
    background: #f6f6f6;
    border-radius: 0.5em;
    z-index: -2;
}
#reserve_part_steps ul {
    display: flex;
    list-style-type: none;
}
#reserve_part_steps ul li {
    flex: 1;
    /* border: 1px solid blue; */
    padding: 0;
    margin: 0;
    text-align: center;
    color: #aaa;
}
#reserve_part_steps ul li::before {
    content: "";
}
#reserve_part_steps ul li p {
    position: relative;
    display:block;
    margin: 0;
    margin-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: bold;
}
#reserve_part_steps ul li p::before {
    position: absolute;
    content: "";
    display: block;
    top: calc(50% - (35px / 2));
    left: calc(50% - (-24px / 2));
    z-index: -1;

    width: 0;
    height: 0;
    border-style: solid;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 30px solid #e9ebff;
    border-right: 0;

    filter: drop-shadow(0px 0px 3px rgba(80,68,255,0.7));
}

#reserve_part_steps ul li span {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: normal;
    line-height:1.3;
}


#reserve_part_steps ul li.active {
    flex: 1.3;
    transform: scale(1.4);
    transform-origin: center;
}
#reserve_part_steps ul li.active p {
    color: var(--main-ttl-bg);
}
#reserve_part_steps ul li.active span {
    color: var(--main-ttl-bg);
}


