/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */



/*----------------------------------------
  common
------------------------------------------*/
a
{
	color: #1976d2;
}
#breadcrumbs-wrapper a
{
	color: #1976d2 !important;
}

.btn.blue.darken-2:hover
{
	background-color: #2196f3 !important;
}
.btn-light-cyan
{
	color: #0097a7 !important;
}
.btn-light-blue
{
	color: #1976d2 !important;
}
.btn-light-yellow
{
	color: #f57f17 !important;
}
.btn.cyan:hover
{
	background-color: #4dd0e1 !important;
}
.btn-light-cyan:hover
{
	background-color: #00bcd4 !important;
}
.btn-light-yellow
{
	background-color: #fff9c4 !important;
}

.btn-light-yellow:hover
{
	background-color: #f57f17 !important;
}
.btn-white
{
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
}
.btn-white:hover
{
	background-color: #e3f2fd;
	border: none;
}

#breadcrumbs-wrapper
{
	padding-top: 16px !important;
	background: none;
}
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title
{
    color: #333;
}
/* #breadcrumbs-wrapper.breadcrumbs-dark a
{
    color: #1976d2;
} */
#breadcrumbs-wrapper .breadcrumbs
{
	display: inline-block;
	margin-top: 0;
}
.card .card-content {
	padding: 20px;
	/* padding: 20px 30px; */
	border-radius: 4px;
}

.btn-floating
{
	background: #1976d2;
}
.btn-floating:hover
{
	background: #00bcd4;
}
table.dataTable.no-footer
{
	border-bottom: 1px solid rgba(0, 0, 0, .12);
}

table
{
	word-break: break-all;
	word-wrap: break-all;
}
td, th
{
	padding: 10px 5px;
}

table.highlight > tbody > tr:hover
{
    background-color: rgba(238, 238, 238, .5);
}
table.highlight td a
{
	text-decoration: underline;
}
table.highlight td a.btn
{
	text-decoration: none;
}

/* Text inputs */
input:not([type]):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
{
	border: 2px solid #1976d2 !important;
	box-shadow: none !important;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label
{
    color: #1976d2;
}

input:not([type]):focus.valid ~ label,
input[type=text]:not(.browser-default):focus.valid ~ label,
input[type=password]:not(.browser-default):focus.valid ~ label,
input[type=email]:not(.browser-default):focus.valid ~ label,
input[type=url]:not(.browser-default):focus.valid ~ label,
input[type=time]:not(.browser-default):focus.valid ~ label,
input[type=date]:not(.browser-default):focus.valid ~ label,
input[type=datetime]:not(.browser-default):focus.valid ~ label,
input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
input[type=tel]:not(.browser-default):focus.valid ~ label,
input[type=number]:not(.browser-default):focus.valid ~ label,
input[type=search]:not(.browser-default):focus.valid ~ label,
textarea.materialize-textarea:focus.valid ~ label
{
    color: #1976d2;
}

/* pagination */
.pagination li.active
{
	background-color: #1976d2;
}

/* radio-bottuns */
[type='radio']:checked + span:after, [type='radio'].with-gap:checked + span:before, [type='radio'].with-gap:checked + span:after
{
	border: 2px solid #1976d2;
}
[type='radio']:checked + span:after, [type='radio'].with-gap:checked + span:after
{
	background-color: #1976d2;
}
div.error
{
	color: #ff5252;
}
/* button */
.btn, .btn-large, .btn-small, .btn-flat
{
	padding: 0 1rem;
}
.btn-2l
{
	height: auto;
	line-height: 1.4;
	padding: 0.5rem 1rem;
}
.btn-file
{
	position:relative;
	top: 22px;
}

/* 入力フォーム */
/* .container div input
{
	border: 1px solid #9e9e9e;
	border-radius: 4px;
	height: 1rem;
	margin-bottom: 0;
	padding: 5px;
} */
.container.medical_device_karte.product-detail table div input,
.container.medical_device_karte.product-detail div.input-field #search_keyword, /* 機器個別新規登録 検索フォームテキストボックス用 */
.container.defect-report table div input,
.container#wksh div input,
.container.ins-schule table.product-info td:nth-child(3) input
{
	border: 1px solid #9e9e9e;
	border-radius: 4px;
	height: 1rem;
	margin-bottom: 0;
	padding: 5px;
}
/* Select */
.container.medical_device_karte select.browser-default,
.container select.browser-default
/* .container.defect-report select.browser-default */
{
	border: 1px solid #9e9e9e;
	border-radius: 4px;
	height: 2rem;
	margin-bottom: 0;
	padding: 5px;
}
.input-field
{
	margin: 0;
}
.input-field textarea
{
	border: 1px solid #9e9e9e;
    border-radius: 4px;
    height: 1rem;
    margin: 0;
    padding: 5px;
}

.input-field textarea.txt-02
{
	height: 6rem;
}

.input-field > label
{
	position: relative;
}
.input-field label.active
{
	font-size: 1.15rem;
	color: #333;
	left: 0;
}

.dropdown-content li > a, .dropdown-content li > span
{
	color: #1976d2;
}

/* 右メニュー表示切り替え */
.theme-cutomizer.sidenav .input-field
{
	margin-top: 1rem;
    margin-bottom: 1rem;
}
.theme-cutomizer-trigger
{
	top: 10%;
	min-width: unset;
}
.switch label input[type=checkbox]:checked + .lever
{
    background-color: #6adbea;
}
.switch label input[type=checkbox]:checked + .lever:after
{
    background-color: #00bcd4;
}

/* ボタン */
i.left
{
	margin-right: 5px;
}
#data-table-simple
{
	width: 100% !important;
}

/* dataTables */
#data-table-simple_length,
#data-table-simple_filter,
#data-table-simple_info,
#data-table-simple_paginate
{
	display: none;
}
table.dataTable
{
	border-collapse: collapse;
}
table.dataTable thead th
{
	border-bottom: 1px solid rgba(0, 0, 0, .12);
}
.container .product-img-s
{
	width: 60px;
	height: 60px;
	padding: 0;
	position: relative;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, .12);
	border-radius: 5px;
}
.container .product-img-s img
{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
table.dataTable tbody th, table.dataTable tbody td
{
	padding: 4px;
}
table.dataTable thead th:first-child,
table.dataTable thead th:last-child
{
	background-image: none;
	box-sizing: border-box;
}
table.dataTable thead td:last-child a
{
	text-align: center;
}

/* Indeterminate checkbox */
[type='checkbox'].filled-in:checked + span:not(.lever):after
{
    border: 2px solid #1976d2;
    background-color: #1976d2;
}

/*----------------------------------------
  header
------------------------------------------*/
nav
{
    background-color: #fff;
}
nav i.material-icons
{
	color: #9E9E9E;
}
.navbar input.header-search-input
{
	border: 1px solid #E0E0E0;
	background: #E0E0E0;
}
.navbar #profile-dropdown
{
	width: 180px;
}
.hospital .hospital-logo img{
	height: 40px;
}
.profile-button i
{
	font-size: 29px;
}
@media only screen and (max-width: 600px){
	.profile-button i
	{
		font-size: 29px;
		position: relative;
		top: 8px;
	}
}

/*----------------------------------------
sidenav
------------------------------------------*/
.brand-sidebar .brand-logo
{
    padding: 10px 12px 10px 60px;
}
.brand-sidebar .logo-wrapper a.brand-logo img
{
	width: 100px;
    height: auto;
}
.sidenav li a.active
{
    /* background: #1976d2; */
    background: #303f9f;
    background: -webkit-linear-gradient(45deg, #303f9f, #1976d2);
	background: linear-gradient(45deg, #303f9f, #1976d2);
	box-shadow: 3px 3px 20px 0 rgba(48, 63, 159, .5);
}

/*----------------------------------------
  login
------------------------------------------*/
.login-bg
{
	background-image: none;
	background-color: #fafafa;
}
#login-page
{
	max-width: 400px;
	display: block;
	margin-top: 100px;
	float: none;
}
#login-page .card-panel
{
	padding: 20px;
}
#login-page > div:first-child {
	text-align: center;
}
#login-page > div #logo
{
	width: 50%;
}
input#username, input#user_id, input#password
{
	width: 100%;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	margin-left: 0;
	padding: 0 1rem;
	box-sizing: border-box;
}
/* #login-page .input-field.col label
{
	left: 2rem;
} */
#login-page .material-icons
{
	color: #9E9E9E;
}

/*----------------------------------------
  forget-password
------------------------------------------*/
.forgot-bg
{
	background-image: none;

}
#forgot-password {
    max-width: 400px;
    display: block;
    margin-top: 100px;
    float: none;
}
#forgot-password.card-panel
{
	padding: 20px;
}
#forgot-password > div:first-child {
	text-align: center;
}
#forgot-password > div #logo {
    width: 50%;
}
#forgot-password .input-field .material-icons.prefix
{
	font-size: 1.5rem;
	top: -0.4rem;
	left: 5.8rem;
	width: 0;
}
input#email
{
	width: 100%;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	margin-left: 0;
	padding: 0 1rem;
	box-sizing: border-box;
}

/* #forgot-password .input-field.col label {
    left: 2rem;
} */

/*----------------------------------------
  reset-password
------------------------------------------*/
.login-bg
{
	background-image: none;
	background-color: #fafafa;
}
#reset-password
{
	max-width: 400px;
	display: block;
	margin-top: 100px;
	float: none;
}
#reset-password .card-panel
{
	padding: 20px;
}
#reset-password > div:first-child {
	text-align: center;
}
#reset-password > div #logo
{
	width: 50%;
}
input#username, input#user_id, input#password
{
	width: 100%;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
	margin-left: 0;
}
#reset-password input#username, #reset-password input#password
{
	margin-bottom: 4px;
}
/* #reset-password .input-field.col label
{
	left: 2rem;
} */
#reset-password .input-field input + p
{
	font-size: 12px;
	margin: 0;
}
#reset-password .material-icons
{
	color: #9E9E9E;
}

/*----------------------------------------
  病院選択
------------------------------------------*/
.container.admin-hospitals table tr th:first-child,
.container.admin-hospitals table tr td:first-child
{
	width: 30%;
}
.container.admin-hospitals table tr th:last-child,
.container.admin-hospitals table tr td:last-child
{
	width: 70%;
}

/*----------------------------------------
医療機器カルテ
------------------------------------------*/
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title span span
{
	font-size: 16px;
	color: #333;
}
#breadcrumbs-wrapper.breadcrumbs-dark .breadcrumbs-title span span span {
	color: #1976d2;
	font-weight: bold;
	font-size: 1.3rem;
}
/* 検索ウィンドウ */
.header-search-wrapper {
	position: relative;
}
/* 一括登録 */
.bulk .btn
{
	width: 100%;
	padding: 0 1rem;
}
.header-search-wrapper i
{
	font-size: 24px;
    line-height: 32px !important;

    position: absolute;
    top: 6px;
    left: 24px;

    -webkit-transition: color 200ms ease;
            transition: color 200ms ease;
}
.header-search-wrapper input.header-search-input
{
    font-size: 16px;
    font-weight: 400;
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 0;
    padding: 8px 8px 8px 40px;
    -webkit-transition: all 200ms ease;
            transition: all 200ms ease;
    border: 1px solid rgba(0, 0, 0, .12);
    border-radius: 3px;
    outline: none;
	/* background: rgba(255, 255, 255, .3); */
	background: #fff;

    -webkit-appearance: textfield;
       -moz-appearance: textfield;
            appearance: textfield;
}
.container .basic-info-wrapper
{
	position: relative;
}
.container .basic-info-wrapper .product-img + div{
	width: calc(100% - 16.66667% - 238px);
}
.container .basic-info-wrapper .right
{
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.container .basic-info-wrapper .modal-close.right
{
	position: relative;
	right: unset;
	bottom: unset;
}
.container table.basic-info
{
	font-size: 16px;
}

.container table.basic-info td:first-child
{
	background: #FAFAFA;
	font-weight: bold;
	width: 114px;
}
.container table.basic-info.bordered td,
.container table.basic-info.bordered tr
{
	border-left: none !important;
	border-right: none !important;
}
.container table.basic-info tr {
	border-top: 1px solid rgba(0, 0, 0, .12);

}
.container table.basic-info th,
.container table.basic-info td {
	padding: 4px 8px !important;
}
.container .product-img
{
	width: 232px;
	height: 232px;
	padding: 0;
	position: relative;
}
.container .product-img img
{
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.container .product-img a.btn
{
	background: rgba(0, 0, 0, .60);
	position: absolute;
	width: 150px;
	top: 40%;
	left: 40px;
}
.container.medical_device_karte .qr-img
{
	margin-top: 32px;
	/* margin-top: 38px; */
}
.container.medical_device_karte .qr-img img {
	width: 100%;
	border: 1px solid rgba(0, 0, 0, .12);
}
.container.medical_device_karte .col.right a
{
	width: 100%;
}
/* .container.medical_device_karte .col.right div:first-child a
{
	color:#1976d2;
	background: #E0F7FA;
} */
/* .container.medical_device_karte .col.right div:last-child a
{
	color: #fff;
} */
.container.medical_device_karte.product-detail .col.right a:last-child
{
	color: #fff;
    background: #1976d2;
	width: 100%;
}
.container.medical_device_karte.product-detail .input-field　textarea.materialize-textarea
{
	margin-top: .4rem;
	padding-left: 1rem;
	border: none;
	border-radius: .3rem;
	background-color: #eceff1;
}

/* modal */
.modal-content .btn
{
	min-width: 120px;
}
.container.medical_device_karte .modal-inner .qr-img
{
	float: none;
	margin: 0 auto;
}
.container.medical_device_karte .modal-inner .qr-img img
{
	width: 100%;
}
.container.medical_device_karte .modal-inner .qr-img + a.btn
{
	width: unset;
}
.container.medical_device_karte .modal-inner .col.center
{
	float: none;
	margin: 0 auto;
}
.container.medical_device_karte .modal-inner a.modal-close
{
	background: none !important;
	text-align: right;
	position: relative;
	right: unset;
	bottom: unset;

}
.container.medical_device_karte .modal-inner a.modal-close i
{
	color: #1976d2;
}

@media only screen and (max-width: 992px)
{
	#breadcrumbs-wrapper.breadcrumbs-dark .header-search-wrapper.hide-on-med-and-down
	{
		display: block !important;
	}
}
@media only screen and (max-width: 767px)
{
	.container .product-img,
	.container .basic-info-wrapper .product-img + div,
	.container .basic-info-wrapper .btn-area
	{
		width: 100%;
	}

	.container .basic-info-wrapper .btn-area
	{
		position: relative;
	}

	.container .right.btn-area
	{
		position: unset;
		padding-left: 1rem !important;
	}
}

/*----------------------------------------
点検スケジュール管理
------------------------------------------*/
.container.ins-schule .basic-info-wrapper .radio-buttons p
{
	width: 46%;
	min-width: 50px;
	padding: 0;
	background-color: #fff;
}

.container.ins-schule .product-info .radio-buttons p
{
	display: block;
	background-color: #fff;
	width: 30%;
    min-width: 80px;
	max-width: 105px;
	padding: 0;

}
.container.ins-schule .basic-info-wrapper .radio-buttons p,
.container.ins-schule table.product-info .radio-buttons p
.container.ins-schule-sp .radio-buttons p
{
	border: 1px solid rgba(0, 0, 0, .20);
}
.container.ins-schule .basic-info-wrapper .radio-buttons p.checked,
.container.ins-schule table.product-info .radio-buttons p.checked,
.container.ins-schule-sp .radio-buttons p.checked
{
	border: none;
	background: #e3f2fd;
}
.container.ins-schule table .radio-buttons p.checked
{
	border: none;
	background: #e3f2fd;
}
.container.ins-schule .basic-info-wrapper .radio-buttons [type='radio']:not(:checked) + span,
.container.ins-schule .basic-info-wrapper .radio-buttons [type='radio']:checked + span,
.container.ins-schule table.product-info .radio-buttons [type='radio']:not(:checked) + span,
.container.ins-schule table.product-info .radio-buttons [type='radio']:checked + span
{
	padding-left: 25px !important;
}
.container.ins-schule table .radio-buttons [type='radio']:checked + span
{
	color: #1976d2;
}
.container.ins-schule table.product-info th:nth-child(1)
{
	width: 5%;
}
.container.ins-schule table.product-info th:nth-child(2)
{
	width: 30%;
}
.container.ins-schule table.product-info th:nth-child(3)
{
	width: 15%;
}
.container.ins-schule table.product-info th:last-child
{
	width: 50%;
}
.container.ins-schule.p-ins table.product-info td:nth-child(3) label
{
	position: relative;
	bottom: -5px;
	font-size: .9rem;
	margin-left: .3rem;
}

.container.ins-schule table .btn
{
	font-size: 13px;
	min-width: max-content;
	padding: 0 0.5rem;
	border-radius: 4px;
}
.container.ins-schule table .btn i.right
{
	margin-left: 0;
}
/*----------------------------------------
基本点検スケジュール
-------------------------------------------------*/

/* search.jsを呼ぶ必要がないので独自で作る */
.basic-search-box {
	font-size: 16px !important;
	font-weight: 400 !important;
	display: block !important;
	box-sizing: border-box !important;
	width: 100% !important;
	margin-bottom: 0 !important;
	padding: 8px 8px 8px 40px !important;
	-webkit-transition: all 200ms ease !important;
	transition: all 200ms ease !important;
	border: 1px solid rgba(0, 0, 0, .12) !important;
	border-radius: 3px !important;
	outline: none !important;
	background: #fff !important;
	-webkit-appearance: textfield !important;
	-moz-appearance: textfield !important;
	appearance: textfield !important;
};

/*----------------------------------------
管理者TOP：admin_home
------------------------------------------*/
.admin_home .date h6,
.admin_home .date h4
{
	font-weight: 700;
}
.admin_home .date h4 span
{
	font-size: 1rem;
}
.admin_home #bordered-table table th,
.admin_home #bordered-table table td
{
	padding: 10px 5% !important;
}
.admin_home button
{
	min-width: initial;
}

.admin_home .fc-toolbar h2
{
	font-size: 1.5em;
}
.admin_home .fc .fc-button
{
	padding: 4px;
	border-color: #26c6da !important;
	background: #26c6da !important;
	font-size: 0.9em;
}

.admin_home #bordered-table table tbody
{
	border: 1px solid rgba(0, 0, 0, .12);
}
.admin_home #bordered-table table tbody tr  td.border1
{
	border-left: 1px solid rgba(0, 0, 0, .12);
}

.admin_home .product-info {
    width: calc(100% - 150px);
}
.admin_home .product-img
{
	width: 150px;
	height: 150px;
	padding: 0;
}

.admin_home .product-img img {
	max-width: 100%;
	max-height: 100%;
    width: auto;
    height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/*----------------------------------------
機器配置ステータス
------------------------------------------*/
.container.facility-top .facility-list > tbody > tr
{
	border-bottom: none;
}
.container.facility-top .facility-list > tbody > tr >td
{
	width: 15%;
	vertical-align: top;
}
.container.facility-top .facility-list > tbody > tr >td:nth-child(1)
{
	width: 4%;
	vertical-align: middle;
}
.container.facility-top .facility-list > tbody > tr >td:nth-child(1) h6
{
	margin-top: 0;
}
.container.facility-top .facility-list .modal
{
	max-height: 80%;
}
.container.facility-top .product-img
{
	width: 150px;
	height: 150px;
}
.container.facility-top .product-img img
{
    width: auto;
    height: 150px;
}
.container.facility-top .basic-info-wrapper .basic-info
{
	width: calc(100% - 150px);
}
.container.facility-top .facility-list h4
{
	margin-bottom: 0;
}
.container.facility-top .facility-list .modal hr
{
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	border: 0;
}

/*----------------------------------------
点検記録レポート
------------------------------------------*/
.btn-s
{
	min-width: initial;
	padding: 0 0.5rem;
}

/*----------------------------------------
点検項目編集
------------------------------------------*/
.container.medical_device_karte.ins-item table div input
{
	border: 1px solid #9e9e9e;
	border-radius: 4px;
	height: 1rem;
	margin-bottom: 0;
	padding: 5px;
}
.container.medical_device_karte.ins-item .product-nbr p
{
	font-size: 15px;
	line-height: 1.5;
}
.container.medical_device_karte.ins-item .product-nbr input
{
    border: 1px solid #9e9e9e;
	border-radius: 4px;
	padding: 0 5px;
	box-sizing: border-box;
}
.container.medical_device_karte.ins-item .product-nbr .dropdown input
{
	border-bottom: none;
	margin-bottom: 0;
}
.container.medical_device_karte.ins-item .product-nbr .errorTxt2
{
	line-height: 1.5;
}
.container.medical_device_karte.ins-item .ins-item-detail table td:nth-child(3)
{
	width: 15%;
}
.container.medical_device_karte.ins-item .ins-item-detail table td:last-child
{
	width: 5%;
}

.container.medical_device_karte.ins-item .ins-item-detail table tr:last-child
{
	border: none;
}
.container.medical_device_karte.ins-item .ins-item-detail a
{
	position: relative;
}
.container.medical_device_karte.ins-item .ins-item-detail i
{
	position: absolute;
	right: -1rem;
	top: 0;
}
.container.medical_device_karte.ins-item .ins-item-detail tr:last-child i
{
	top: -0.8rem;
}

/*----------------------------------------
　不具合報告管理
------------------------------------------*/
.container.defect-report .col.right a
{
	width: 100%;
}
.container.defect-report .col.right div:first-child a
{
	/* color: #0097A7;
	background: #E0F7FA; */
}
.container.defect-report .col.right div:last-child a
{
	/* color: #1976d2;
	background: #E3F2FD; */
}

.container.defect-report i.material-icons.icon-s
{
	line-height: 15px;
	height: 15px;
	font-size: 15px;
	margin: 0;
	vertical-align: middle;
}
.container.defect-report form .file-field i.material-icons
{
	float: left;
}

.container.defect-report form .file-field.input-field>input
{
	height: 3rem;
	padding: 0 5px;
}
.container.defect-report form .file-field .file-path-wrapper input
{
	border: 1px solid #9e9e9e;
	border-radius: 4px;
	height: 2rem;
	margin-bottom: 0;
	padding: 0 0 0 5px;
	width: 94.5%; /* IE9 */
	width: -webkit-calc(100% - 36px);
	width: calc(100% - 36px);
	position: absolute;
	right: 0;

}

/* chip */
.container.defect-report .chip,
.container.medical_device_karte .chip
{
	width: 64px;
	text-align: center;
}
.container.repair-status .chip
{
	width: 116px;
	text-align: center;
}
.hospital-repair .basic-info-wrapper .modal a.btn
{
	width: initial;
}

@media only screen and (max-width: 768px){
	.container.defect-report .basic-info
	{
		margin-bottom: 20px;
	}
	.container.defect-report .btn-area .col
	{
		margin-bottom: 14px !important;
	}
}

/*----------------------------------------
医療安全保安情報
------------------------------------------*/
.container#wksh #file-upload p
{
	margin-top: 1em;
	margin-bottom: 1em;
}



/*============================================================
  利用者用画面（スマホ版）
=============================================================*/
/*----------------------------------------
  common
------------------------------------------*/
@media only screen and (max-width: 600px)
{
	.modal
	{
		width: 85%;
	}
}

/*----------------------------------------
  header
------------------------------------------*/
header.sp h1.logo-wrapper
{
	margin: 0;
}
header.sp h1.logo-wrapper a.brand-logo img
{
	/* width: 100px;
	height: 46px; */
}
header.sp .nav-wrapper
{
	position: relative;
}
header.sp h1.logo-wrapper
{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

header.sp .btn.btn-back
{
	min-width: initial;
	height: initial;
	background: none;
	box-shadow: initial;
	position: relative;
	top: 10px;
	/* left: 6px; */
}

header.sp .btn.btn-back i.material-icons
{
	font-size: 2.5rem;
	line-height: 35px;
}

.member_home .hospital .hospital-logo img
{
	width: 150px;
	height: auto;
}

.member_home .plans-container .card .card-image .card-title
{
	background: none;
}
.navbar .notification-badge
{
	background-color: #FF5252;
    box-shadow: 0 0 10px 0 #FF5252;
}

/*----------------------------------------
  日常点検
------------------------------------------*/
.container.ins-schule-sp table.basic-info td:first-child
{
	background: #fff;
	font-weight: normal;
}
/* radio-bottuns */
.container.ins-schule-sp .radio-buttons p
{
	min-width: initial;
	width: 30%;
	padding: 0 0.5rem;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, .20);
}
.container.ins-schule-sp .radio-buttons p:last-child
{
	width: 37%;
}
.container.ins-schule-sp .radio-buttons p.checked
{
	border: none;
}
.container.ins-schule-sp.d-ins-s .radio-buttons p.checked
{
	background: #e3f2fd;
}
.container.ins-schule-sp.d-ins-u .radio-buttons p.checked
{
	background: #e0f7fa;
}
.container.ins-schule-sp.d-ins-u [type='radio']:checked + span:after,
.container.ins-schule-sp.d-ins-u [type='radio'].with-gap:checked + span:before,
.container.ins-schule-sp.d-ins-u [type='radio'].with-gap:checked + span:after
{
	border: 2px solid #00bcd4;
}
.container.ins-schule-sp.d-ins-u [type='radio']:checked + span:after,
.container.ins-schule-sp.d-ins-u [type='radio'].with-gap:checked + span:after
{
	background-color: #00bcd4;
}
.container.ins-schule-sp.d-ins-c .radio-buttons p.checked
{
	background: #fff9c4;
}
.container.ins-schule-sp.d-ins-c [type='radio']:checked + span:after,
.container.ins-schule-sp.d-ins-c [type='radio'].with-gap:checked + span:before,
.container.ins-schule-sp.d-ins-c [type='radio'].with-gap:checked + span:after
{
	border: 2px solid #f57f17;
}
.container.ins-schule-sp.d-ins-p [type='radio']:checked + span:after,
.container.ins-schule-sp.d-ins-p [type='radio'].with-gap:checked + span:after
{
	background-color: #f57f17;
}

.container.ins-schule-sp.d-ins-p .radio-buttons p.checked
{
	background: #ffd0c4;
}
.container.ins-schule-sp.d-ins-p [type='radio']:checked + span:after,
.container.ins-schule-sp.d-ins-p [type='radio'].with-gap:checked + span:before,
.container.ins-schule-sp.d-ins-p [type='radio'].with-gap:checked + span:after
{
	border: 2px solid #f53117;
}
.container.ins-schule-sp.d-ins-p [type='radio']:checked + span:after,
.container.ins-schule-sp.d-ins-p [type='radio'].with-gap:checked + span:after
{
	background-color: #f53117;
}

.container.ins-schule-sp .radio-buttons [type='radio']:not(:checked) + span
{
	padding-left: 25px !important;
}
.container.ins-schule-sp hr
{
	height: 1px;
	background: rgba(0, 0, 0, 0.12);
	border: 0;
}
.container.ins-schule-sp .btn-report
{
	color: #5a5a5a;
}

/*----------------------------------------
  機器配置ステータス
------------------------------------------*/
.container.facility-top-sp h6
{
	color: #1976d2;
	/* background: #e3f2fd; */
}

.container.facility-top-sp .facility-list > tbody > tr >td:first-child
{
	width: 80%;
}
.container.facility-top-sp .facility-list > tbody > tr >td:last-child
{
	width: 20%;
}
.container.facility-list-sp .facility-list-location p
{
	font-size: 16px;
}
.container.facility-list-sp .section > a
{
	color: #6b6f82;
}

.container.facility-detail-sp table.basic-info td:first-child
{
	background: #fff;
	font-weight: normal;
}
.container.facility-detail-sp .btn-area div:last-child a
{
	float: none;
}

/*----------------------------------------
　不具合報告管理
------------------------------------------*/
.container.defect-report-sp table.basic-info td:first-child
{
	background: #fff;
	font-weight: normal;
}
.container.defect-report-sp table.basic-info td:last-child
{
	width: 30%;
}
.container.defect-report-sp table.basic-info td:last-child label
{
	vertical-align: text-top;
}


@media only screen and (max-width: 600px)
{
	.container.ins-schule-sp .radio-buttons p.btn-yn
	{
		width: 48%;
	}
}

/*----------------------------------------
　院内修理詳細
------------------------------------------*/
body#maker-repair-detail
{
	background: rgba(0, 188, 212, .1);
}
body#hospital-repair-detail
{
	background: rgba(63, 81, 181, .1);
}


/* ログアウトボタン用(別タブ遷移post防止に a→button に修正したため) */
.dropdown-content li > button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	appearance: none;

	padding: 14px 24px;
	font-size: 16px;
	display: block;
	line-height: 22px;
}
.dropdown-content li > button > i {
	height: inherit;
	line-height: inherit;
	float: left;
	margin: 0 12px 0 0;
	width: 24px;
}