/*------------------------------------------------------------*/
/* �g�� */
/*------------------------------------------------------------*/
/* html */
html {
	height: -webkit-fill-available;
}

.row {
	margin-bottom: 5px;
}

input[type=text].form-control, select.form-control {
	height: calc(1.75rem + 2px);
	padding: 0rem .75rem;
}

button.btn {
	padding: 0.13rem .75rem;
}

/* �s�̐F */
.add-number-color {
	background-color: #EAF6FD;
}

.delete-number-color {
	background-color: #BBC4C9;
}

.form-control[readonly].input-date {
	background-color: #FFF;
	opacity: 1;
}

/*------------------------------------------------------------*/
/* bootbox �o�O�C��*/
/*------------------------------------------------------------*/
.bootbox .modal-header {
	display: block;
}

/*------------------------------------------------------------*/
/* ����lj� */
/*------------------------------------------------------------*/
.max-width {
	max-width: 1136px;
	margin-left: auto;
	margin-right: auto;
}

.main-container {
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
}

.height-vh {
	height: 100vh;
}

.m-center {
	margin-left: auto;
	margin-right: auto;
}

.title {
	color: deepskyblue;
	text-align: center;
}

.title-l {
	color: deepskyblue;
	text-align: left;
}

.leftHeadArea {
	width: 60px;
}

div.bgWhite {
	background-color: white;
}

div.lbName {
	width: 200px;
	text-align: right;
}

.btn-area {
	margin-top: 50px;
	margin-bottom: 100px;
}

.il {
	display: inline-block;
}

.cart-num {
	position: absolute;
	margin-left: 15px;
	margin-top: -15px;
	font-weight: bold;
	color: red;
}

.rev-door {
	position: absolute;
	top: 15px;
	width: 70%;
	z-index: 3;
}

/*------------------------------------------------------------*/
/* �F */
/*------------------------------------------------------------*/
.error-color {
	color: red;
}

.headColor {
	background-color: aliceblue;
}

/*------------------------------------------------------------*/
/* ���� */
/*------------------------------------------------------------*/
.lbl-control {
	display: block;
	width: 100%;
	/*height: calc(2.25rem + 2px);*/
	min-height: calc(1.75rem + 2px);
	/*padding: .2rem .75rem;*/
	padding: .2rem .0rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
}

.t-right {
	text-align: right;
}

.input-text {
	width: 98%;
}

.bigRadio {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	width: 1.5rem;
}

input[type='date'].err, input[type='text'].err, input[type='number'].err,
	input[type='tel'].err, select.err, .cont .err, .cont2 .err, .cont table td.err,
	.cont2 table td.err, .cont2 span.err, .cont2 label.err, .cont2 div.err,
	.err {
	background: red;
	background-color: red;
	background: #ffc3bd;
	background-color: #ffc3bd;
}

.col-center {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.no-wrap {
	white-space: nowrap
}

/*------------------------------------------------------------*/
/* �`�F�b�N */
/*------------------------------------------------------------*/
input[type=checkbox].form-check-input {
	height: calc(1.4rem);
	margin-left: 0px;
}

.form-check-label {
	padding: .2rem .0rem;
	margin-left: 1rem;
}
/*------------------------------------------------------------*/
/* �{�^�� */
/*------------------------------------------------------------*/
button.btn-done {
	color: #fff;
	/*background-color: teal;*/
	background-color: deepskyblue;
	border-color: #008db7;
}

button.btn-select {
	color: black;
	background-color: #FFF;
	border-color: orange;
}

button.btn-edit {
	color: #00bfff;
	background-color: #FFF;
	border-color: #00bfff;
}

button.btn-add {
	color: #00bfff;
	background-color: #FFF2F2;
	border-color: #00bfff;
}

button.btn-print {
	color: #708090;
	background-color: #FFF2F2;
	border-color: #708090;
}

button.btn-delete {
	color: red;
	background-color: #FFF;
	border-color: red;
}

button.btn-deleting {
	color: red;
	background-color: #FFF2F2;
	border-color: red;
}

button.zoom-close {
	background-color: #545b62;
	width: 30px;
	height: 30px;
	margin-top: 15px;
	color: #fff;
}

button.select-close {
	background-color: red;
	width: 30px;
	height: 30px;
	color: #fff;
	border-color: brown;
}

button.btn-edit:disabled {
	color: #696969;
	background-color: #FFF;
	border-color: #696969;
}

/*------------------------------------------------------------*/
/* footer */
/*------------------------------------------------------------*/
.footer-fontsize {
	font-size: 90%;
}

.footer {
	position: fixed;
	bottom: 0;
	width: 100%;
}

/*------------------------------------------------------------*/
/* Border */
/*------------------------------------------------------------*/
.b-bottom {
	border-bottom: 1px solid #696969;
}

.b-top {
	border-top: 1px solid #696969;
}

.b-dotted-top {
	border-top: 1px dotted #696969;
}

.b-left {
	border-left: 1px solid #000000;
}

.b-dashed-left {
	border-left: 1px dashed #000000;
}

.b-right {
	border-right: 1px solid #000000;
}

.b-all {
	border: 1px solid #000000;
}

.b-none {
	border: none;
}

.b-r-none {
	border-right: none !important;
}

.b-l-none {
	border-left: none !important;
}

.linkUnder {
	text-decoration: underline; /*����������*/
	text-decoration-color: #007bff; /*������ԐF*/
}

/*------------------------------------------------------------*/
/* zoom */
/*------------------------------------------------------------*/
#dialog {
	border-width: 1px;
	border-color: #696969;
}

.bg-logo {
	background-image: url("../images/pc/pro_tab_header.png");
	background-repeat: no-repeat;
	background-position: right 10% bottom 10%;
	/*
	height: 33px;
	width: 1000px;
	*/
}

.zoom-title {
	margin-top: 1rem;
	font-weight: bold;
	font-size: 130%;
	color: deepskyblue;
}

/*�E���S*/
.pro-right-logo-zoom {
	display: block;
	margin-left: auto;
	width: 120px;
}

.pro-logo-zoom {
	background-image: url("../images/sp/pro_sp_logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
	height: 64px;
	width: 64px;
}

/*------------------------------------------------------------*/
/* ���X�g */
/*------------------------------------------------------------*/
.col-head {
	font-weight: bold;
}

/*�I���s*/
td[data-select="1"].select {
	background-color: #4169e1;
	color: white;
}

/*------------------------------------------------------------*/
/* min-size */
/*------------------------------------------------------------*/
.min-w-1 {
	min-width: 2rem;
}

.min-w-2 {
	min-width: 3rem;
}

.min-w-3 {
	min-width: 4rem;
}

.min-w-4 {
	min-width: 5rem;
}

.min-w-5 {
	min-width: 6rem;
}

.min-w-6 {
	min-width: 7rem;
}

.min-w-7 {
	min-width: 8rem;
}

.min-w-8 {
	min-width: 9rem;
}

.min-w-9 {
	min-width: 10rem;
}

.min-w-10 {
	min-width: 11rem;
}

/*------------------------------------------------------------*/
/* max-size */
/*------------------------------------------------------------*/
.max-w-2 {
	max-width: 3rem;
}

.max-w-3 {
	max-width: 4rem;
}

.max-w-4 {
	max-width: 5rem;
}

/*------------------------------------------------------------*/
/* �� */
/*------------------------------------------------------------*/
.w-30 {
	width: 30%;
}

/*------------------------------------------------------------*/
/* ���� */
/*------------------------------------------------------------*/
.empty-h-1 {
	height: 1rem;
}

.empty-h-1-5 {
	height: calc(1.5rem + 2px);
}

.empty-h-2 {
	height: 2rem;
}

.main-img-max {
	max-height: 200px;
}

/*------------------------------------------------------------*/
/* �J�����_�[�A�C�R�� */
/*------------------------------------------------------------*/
.cal-img {
	width: 26px;
	padding-left: 2px;
	cursor: pointer;
}

/*------------------------------------------------------------*/
/* �O���[�A�E�g */
/*------------------------------------------------------------*/
/* �O���[�A�E�gCSS */
.FreezePaneOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}

.FreezePaneOn {
	position: fixed;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
	/*
   filter:alpha(opacity=50);
   -moz-opacity:0.85;
	opacity: 0.5;
	*/
	padding-top: 20%;
}

.InnerFreezePane {
	text-align: center;
	margin: 0 auto;
	width: 300px;
	height: 170px;
	/*
	background-color: rgb(171, 223, 255);
	font-size: large;
	border: solid 5px #FFFFFF;
	*/
	padding: 9px;
	font-weight: bold;
	font-size: 30px;
	padding-top: 7px;
}

.dialog_img_wait {
	width: 30%;
}

/*------------------------------------------------------------*/
/* ���\�� */
/*------------------------------------------------------------*/
.orerflowEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/*------------------------------------------------------------*/
/* �A�C�R�� */
/*------------------------------------------------------------*/
.pin-solid.icon {
	color: #000;
	position: absolute;
	margin-left: 5px;
	margin-top: 6px;
	width: 12px;
	height: 12px;
	border: solid 1px currentColor;
	border-radius: 7px 7px 7px 0;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	cursor: pointer;
}

.pin-solid.icon:before {
	content: '';
	position: absolute;
	left: 3px;
	top: 3px;
	width: 4px;
	height: 4px;
	color: white;
	border: solid 1px currentColor;
	border-radius: 3px;
	background-color: currentColor;
}

.popover-body {
	word-wrap: break-word;
}

.e-learning-info {
	position: absolute;
	margin-top: 10px;
	color: white;
	font-size: xx-large;
	background-color: red;
	border-radius: 1.5rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	margin-left: -15px;
}

.blinking {
	-webkit-animation: blink 0.5s ease-in-out infinite alternate;
	-moz-animation: blink 0.5s ease-in-out infinite alternate;
	animation: blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.is-hidden {
	display: none!important
}