@CHARSET "UTF-8";

.modal-header {
	border: 0;
}
.modal-footer {
	border: 0;
}
.modal-footer > .pull-left {

}
.modal-footer > .pull-right {

}
.modal-body {
	background-color: #fffddf;
}

/* 全画面モーダル（bootbox想定） */
.full-screen-modal {
	padding-left: 0 !important;
}
.full-screen-modal > .modal-dialog {
	width: 100%;
	height: 100%;
	margin: 0;
}
.full-screen-modal > .modal-dialog > .modal-content {
	border-radius: 0;
	border: none;
	height: 100%;
	-webkit-overflow-y: hidden;
	-moz-overflow-y: hidden;
	-ms-overflow-y: hidden;
	-o-overflow-y: hidden;
	overflow-y: hidden;
}
.full-screen-modal > .modal-dialog > .modal-content > .modal-body {
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
}
.full-screen-modal > .modal-dialog > .modal-content > .modal-body > .bootbox-body {
	height: 100%;
	padding-bottom: 45px;
	padding-top: 0px;
    margin-top: 13px;
}
.full-screen-modal > .modal-dialog > .modal-content > .modal-body > .bootbox-body > .full-screen-body-overflow {
	-webkit-overflow-y: auto;
	-moz-overflow-y: auto;
	-ms-overflow-y: auto;
	-o-overflow-y: auto;
	overflow-y: auto;
	-webkit-overflow-x: auto;
	-moz-overflow-x: auto;
	-ms-overflow-x: auto;
	-o-overflow-x: auto;
	overflow-x: auto;
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
}
.full-screen-modal > .modal-dialog > .modal-content > .modal-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
    background-color: transparent;
    padding: 5px 10px 5px 10px;
}

/* 縦長画面モーダル（bootbox想定） */
.vertical-overflow-modal {
	padding-left: 0 !important;
}
.vertical-overflow-modal > .modal-dialog {
	height: 600px;
}
.vertical-overflow-modal > .modal-dialog > .modal-content {
	height: 100%;
	-webkit-overflow-y: hidden;
	-moz-overflow-y: hidden;
	-ms-overflow-y: hidden;
	-o-overflow-y: hidden;
	overflow-y: hidden;
}
.vertical-overflow-modal > .modal-dialog > .modal-content > .modal-body {
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
}
.vertical-overflow-modal > .modal-dialog > .modal-content > .modal-body > .bootbox-body {
	height: 100%;
	padding-bottom: 0px;
	padding-top: 0px;
    margin-top: 13px;
}
.vertical-overflow-modal > .modal-dialog > .modal-content > .modal-body > .bootbox-body > .vertical-overflow-body-overflow {
	-webkit-overflow-y: scroll;
	-moz-overflow-y: scroll;
	-ms-overflow-y: scroll;
	-o-overflow-y: scroll;
	overflow-y: scroll;
	-webkit-overflow-x: hidden;
	-moz-overflow-x: hidden;
	-ms-overflow-x: hidden;
	-o-overflow-x: hidden;
	overflow-x: hidden;
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
    padding-bottom: 45px;
}
.vertical-overflow-modal > .modal-dialog > .modal-content > .modal-body > .bootbox-body > .vertical-overflow-body-overflow:after {
	content: '';
    display: block;
	height: 50px;
    width: 100%;
}
.vertical-overflow-modal > .modal-dialog > .modal-content > .modal-footer {
	position: absolute;
    width: 98%;
	width: -webkit-calc(100% - 22px);
	width: calc(100% - 22px);
	bottom: 0;
    background-color: rgba(155, 155, 155, 0.2);
    padding: 5px 10px 5px 10px;
    -webkit-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.vertical-overflow-modal > .modal-dialog > .modal-content > .modal-footer.modal-footer-not-float {
    background-color: rgba(255, 255, 255, 1);
}

/* bootstrapのモーダルを多重起動するためのベースクラス（bootbox想定） */
body.modal-open-manual {
    overflow: hidden;
}
body.modal-open-manual .modal {
    overflow-x: hidden;
    overflow-y: auto;
}