/* 共通定義*/


/* button */
.top-button-content {
	margin-left: inherit;
}

.top-button {
	height: 120px;
	padding-top: 35px;
	font-size: x-large;
}

.bottom-button {
	bottom: 5%;
	position: fixed;
	right: 1%;
	z-index: 1032;
}

.text-button {
	text-align: inherit;
	cursor:pointer;
}

.main-footer {
	margin-left: 0px !important;
}

/* icon */
.icon-color-white {
	color: white;
	font-weight: bolder;
	font-size: x-large;
}

.icon-color-black {
	color: #444444;
	font-weight: bolder;
	font-size: 14px;
}

.icon-times-circle-color {
	color: red;
}

.detail-button {
    width: 100%;
}

/* header title */
.card-title-custom {
	font-weight: 400;
	margin: 0;

}
.info-error {
	margin-top: 30px;
	color: #888a85;
	text-align: center;
}
.head-title {
	font-weight: bolder;
	font-size: x-large;
}

.card-header-custom {
	background-color: transparent;
	padding: .75rem 1.25rem;
	position: relative;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}

.head-title {
	font-weight: bolder;
	font-size: x-large;
}

.head-label {
	font-weight: bolder;
	font-size: large;
	color: #fff;
	background-color: #4593D0;
	padding-right: 20px;
	padding-left: 20px;
}

.return-title {
	color: #3FB4AC;
}
/* alert */
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}

.alert-area {
	padding: 15px 15px 0px 15px;
	margin-bottom: -15px;
}

.alert-danger-custom {
	color: #EE0000;
	background-color: #FFDBC9;
}

/* sidemenu */
.sidemenu-top {
    background-color: #4593D0;
}

.sidemenu-top-title {
    font-size: 15px;
    color: white;
}

.sidemenu-body-text {
	font-weight: bolder;
}

.sidemenu-body {
	background-color: #4593D0;
}

.sidemenu-icon {
	margin-bottom: 15px;
    height: 50px;
    width: 50px;
}

/* nav */
.nav-login {
	height: 60px;
    background-color: #4593D0;
}

/* nav */
.nav-login-role-Title {
	margin-top: 60px;
	vertical-align: middle;
	font-size: 32px;
    background-color: white;
}

.nav-login-title {
    font-size: 22px;
    color: white;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
}

.nav-login-role-subTitle {
    font-size: 26px;
    color: black;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
}

.nav-login-role-name {
    font-size: 18px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
    vertical-align: middle;
    display: inline-block;
    font-weight: bold;
    background-color: #4593D0;
    margin-left: 10px;
    margin-bottom: 2px;
}

.c-button-faq {
	position: absolute;
	top:10px;
	right: 10px;
	display: block;
	height: 38px;
	width: 42px;
	transition: .2s all;
	z-index:999;
}
.c-button-faq:hover {
	opacity: .5;
}
.c-button-faq-toshiba {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
/**	height: 165px; **/
/**	height: 190px; **/
	height: 71px;
	width: 200px;
	padding: 10px;
	transition: .2s all;
	background-color: #fff;
	border-radius: 12px;
	line-height: 1.2;
	z-index: 999;

}
.c-button-faq-toshiba:hover {
	opacity: .5;
}
@media( max-width: 767px ){
	.c-button-faq-toshiba {
		position: absolute;
		top:10px;
		right: 10px;
		display: block;
		/** height: 93px; **/
		height:48px;
		width: 110px;
		transition: .2s all;
		background-color: #fff;
		border-radius: 12px;
		z-index:999;
	}
}
.c-icon-faq {
	height: 100%;
	width: 100%;
	background-image: url("../img/icon-faq.png");
}

.nav-link.custom-active {
    background-color: #036EB7;
    color: #fff;
}

.login-logo {
	font-size: 16px;
    font-weight: bold;
}

.text-login-error {
	width: 100%;
    font-size: 16px;
    background-color: #ffe4e3;
    color: #ff0000;
    padding: 8px;
}

.login-register-button {
	font-size: 8px;
    font-weight: bold;
}

.login-forget-button {
	font-size: 16px;
    font-weight: bold;
}

/* information */
.information-number {
    width: 5%;
}

.information-received-date {
    width: 10%;
}

.information-height {
    height: 160px;
}

.information-file {
    overflow: hidden;
    white-space: nowrap;
    width: 200px;
    text-overflow: ellipsis;
}

/* detail */
.detail-table-item {
    background-color: #3FB4AC;
    color: #FFFFFF;
    width: 20%;
}

.label-solid{
	border: 2px solid #F56C6C;
	background-color: #FEF0F0;
	border-radius: 8px;
	color: #F56C6C;
	font-size: 12px;
	padding: 4px 12px;
}

.header-box{
	box-sizing: border-box;
    color: #FFFFFF;
    margin: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 20%);
    background-color: #3FB4AC;
    float: left;
    margin-right: 20px;
}

.scale-large{
	transform: scale(1.5);
}

.table-wrapper{
	max-height: 300px;
    overflow: auto;
    display: block;
}

.table-label{
    background-color: #3FB4AC;
    color: #FFFFFF;
	font-weight: bold;
	padding: 0.75rem;
}

.table-col{
    padding: 0.75rem;
}

.table-border{
	border: 1px solid #dee2e6;
	margin-top: -1px;
}

.input-button-text{
    background-color: #17a2b8;
    color: #FFFFFF;
}

.fixed-bottom-padding{
	padding-bottom: 150px;
}

.btn-card{
	font-size: x-large;
	margin: 10px;
}

/* ラジオボタン*/
.check-radio{
 	border: 2px solid #4593D0;
 	color: #4593D0;
}

/* BGカラー */
.bg-color-gray{
	background-color: #F8F8F8;
}

.bg-color-caution{
	background-color: #FDF6EC;
}

/* カラー */
.text-color-caution {
	color: #E6A23C;
}

.text-color-red {
	color: #ff0000;
}

.border-color-red {
	border-style: solid;
	border-width: 2px;
	border-color: #ff0000;
}

.label-clinic {
	border-radius: 5px;
	font-size: 12px;
	padding: 2px;
	margin-right: 5px;
}

.label-required {
	border: 1px solid;
	border-radius: 5px;
	border-color: white;
	border-radius: 5px;
	font-size: 13px;
	text-align: center;
	background-color: white;
	margin-left: 5px;
	color: red;
}

.modal-dialog-fluid {
	max-width: inherit;
	width: 98%;
}

.clinic_modal_content {
	max-height: inherit;
	height: 50%;
}

.disabled-margin{
	margin: 0px;
}

.inner-datatable {
	padding: 5px;
}

/* 受診者*/
.text-login-kaneka {
	width: 100%;
    font-size: 16px;
    background-color: #ffead5;
    color: #ffbd7b;
    padding: 5px;
}

.text-login-miraka-sso-error-title {
	width: 100%;
	font-weight: bold;
    font-size: 32px;
    padding-top: 100px;
    padding-left: 20%;
    padding-right: 20%;
}

.text-login-miraka-sso-error {
	width: 100%;
    font-size: 24px;
    padding-left: 20%;
    padding-right: 20%;
    padding-bottom: 100px;
}

.text-login-sukoyaka-sso-error-title {
	width: 100%;
	font-weight: bold;
    font-size: 32px;
    padding-top: 100px;
    padding-left: 20%;
    padding-right: 20%;
}

.text-login-sukoyaka-sso-error {
	width: 100%;
    font-size: 24px;
    padding-left: 20%;
    padding-right: 20%;
}

.display-none {
	display:none;
}

/* datalist*/
.datalist::-webkit-calendar-picker-indicator {
	opacity: 0;
}

/* クリニック*/
/* 企業・健保*/

/* Clinic Modal */
#clinic_modal_body {
	padding-left: 5px;
   	padding-top: 0px;
   	padding-bottom: 0px;
   	padding-right: 5px;
   	background: #e3e3e3;
}

.clinic_modal_acordion {
	background: #e3e3e3;
    color: black;
    font-weight: bold;
}

/* Calendar*/
.reservation-title {
	width: 100%;
    text-align: center;
    color: black;
    font-weight: bold;
}

.btn-reservation {
	color: white;
    font-weight: bold;
    background: #409EFF;
}

td.fc-day-other {
	background-color: #eeeeee;
}

a.fc-daygrid-day-number {
	color: black;
	font-weight: bold;
}

.reservation-day-cell > .fc-daygrid-day-top {
	display: flex;
}

.fc-daygrid-day-top > .sise {
	flex: 1;
    text-align: center;
}

.fc-daygrid-day-top > .main {
	width: 30px;
	text-align: center;
}

.reservation-day-cell > .btn-reservation {
	margin: 10px;
}

.fc-col-header-cell {
	background-color: #48cfae;
}

.fc-col-header-cell-cushion {
	color: white;
}

#inspection_modal_body {
	text-align: center;
}

.td-time-table {
	text-align: center;
}

.td-time-table.unselect {
	background-color: #aaaaaa;
}

.inspection-content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.inspection-content > .box {
	width: 100px;
	height: 50px;
	margin-left: 8px;
	margin-right: 8px;
}

.dataTables_processing{
	background-color: #6bb9f0dd;
	color: #fff;
}

.c-button-facilityList {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
/**	height: 165px; **/
/**	height: 190px; **/
	height: 50px;
	width: 200px;
	padding: 10px;
	transition: .2s all;
	background-color: #fff;
	border-radius: 12px;
	line-height: 1.2;
	z-index: 1000;

}
.c-button-facilityList:hover {
	opacity: .5;
}
@media( max-width: 767px ){
	.c-button-facilityList {
		position: absolute;
		top:-15px;
		right: 10px;
		display: block;
		/** height: 93px; **/
		height:35px;
		width: 110px;
		transition: .2s all;
		background-color: #fff;
		border-radius: 12px;
		z-index:1000;
	}
}