@charset "UTF-8";

.padding_left_15 {
	padding-left:15px;
}
.padding_left_18 {
	padding-left:18px;
}
.margin_left_0_important {
	margin-left:0px !important;
}
.margin_2 {
	margin:2px;
}
.display_none{
	display:none;
}
.display_inline_block{
	display:inline-block;
}

.background_DD2200 {
	background:#DD2200;
}

.background_eeeeee {
	background:#eeeeee;
}

.background_cccccc {
	background:#cccccc;
}
.color_f00 {
	color:#f00;
}
.width_120_important {
	width:120px !important;
}
.min_width_150_important {
	min-width:150px !important;}
.height_37_important {
	height:37px !important;
}
.float_right {
	float:right;
}
.rental_detail {
	background:#fff !important;
	border:1px solid #4dbbbd !important;
}
.background_c1f5ac {
	background-color:#c1f5ac !important;
}
.background_color_white {
	background-color:#ffffff !important;
}
.background_color_eeeeee {
	background-color:#eeeeee !important;
}
.background_c0c0c0 {
	background-color:#c0c0c0 !important;
}
.background_ffffa8 {
	background-color:#ffffa8 !important;
}
.visibility_hidden {
	visibility:hidden;
}
.width_50_em {
	width:50em;
}
.w60p {
	width:60%;
}
.w1085{
	width: 1085px;
}
.background_fff {
	background:#fff !important;
}
.border_1_solid_4dbbbd {
	border:1px solid #4dbbbd !important;
}
select[readonly] {
	background-color:#eee;
	color:#666;
	pointer-events:none;
	
}
.cursor_pointer{
	cursor:pointer;
	transition: background .2s;
}
.cursor_pointer.is-active,
.cursor_pointer:hover{
	background: #ffd3d3 !important;
}
table.tablelayout_fixed{
	table-layout: fixed;
}
.position_sticky{
	position:sticky;
	border-bottom: 0 !important;
}
:is(.top_0, .top_33_5){
	z-index: 1;
}
.top_0{
	top: 0;
}
.top_33_5{
	top: 33.5px;
}
.left_0{
	left:0px;
}
.left_200{
	left:200px;
}
.left_250{
	left:250px;
}
.top_0 th:is(.left_0, .left_200, .left_250)::before,
:is(.top_0, .top_33_5) th:is(.left_0, .left_200, .left_250)::after,
.top_33_5 th::before,
.top_33_5 th::after,
.left_0::before, .left_200::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 1px;
	background: #C5D4E2;
	z-index: -1;
}
.top_0 th:is(.left_0, .left_200, .left_250)::before,
.left_0::before, .left_200::before{
	inset: 0 auto auto 0;
}
.top_33_5 th::before{
	inset: -1px auto auto 0;
	background: #fff;
}
.top_33_5 th.saturday_color::before{
	background: #b5ffff;
	width: 35px;
	z-index: 1;
}
.top_33_5 th.holiday_color::before{
	background: #e0ccff;
	width: 35px;
	z-index: 1;
}
:is(.top_0, .top_33_5) th:is(.left_0, .left_200, .left_250)::after,
.top_33_5 th::after,
.left_0::after, .left_200::after{
	inset: auto auto -1px 0;
	height: 2px;
	background: linear-gradient(#C5D4E2 49%, #fff 50%);
}
.select_calender .datepicker_week {
	background: url(../images/icon_calender.png) no-repeat center right 5% #FFF !important;
}
.custom-calendar-active a.ui-state-default {
	border:1px solid #003eff;
	background:#007fff;
	font-weight:normal;
	color:#fff
}
.calendar_week td {
	vertical-align:top !important;
}
.schebox_week {
	min-height:80px !important;
}
.p2p {
	padding:2px
}
.top-scrollbar,
.scroll {
	overflow: scroll;
	width: 98%;
	max-height: 500px;
	scrollbar-color: #307475 #c9e9dc;
}
.top-scrollbar {
	height: 20px;
}
.top-scrollbar__inner {
	width: 7845px;
	overflow-x: scroll;
	overflow-y: hidden;
	height:20px;
}
.calendar_operation + .scroll{
	width: 100%;
}
.scroll__inner {
	width: 7845px;
	padding: .2em;
}
.facility_name {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #333;
}
.logo_img {
  display: inline-block;
}
.logo_img img {
  max-width: 200px;
  max-height: 100px;
  height: auto;
  width: auto;
}
table.portal_tablelayout .date-separator,
table.portal_tablelayout thead th.date-separator {
    box-shadow: inset 1px 0 0 0 #C5D4E2 !important; 
    z-index: 5 !important; 
}
