/**
 *  EmSubscriptions CSS Style
 *  webroot/css/style.css
 *
 * @author Noriko Arai <arai@s4e.jp>
 * @author AllCreator <info@allcreator.net>
 * @copyright c 2019 Research Institute of Science for Education. All Rights Reserved.
 */

/* 申し込みのステップの三角形 デスクトップver */
.em-subscriptions-step-next-triangle-horizontal {
	width: 0px;
	height: 0px;
	border-style: solid;
	/* 上　右　下　左 */
	border-width: 15px 0px 15px 25px;
	border-color: transparent transparent transparent #d2ccd6;
}

/* 申し込みのステップの三角形 スマフォver */
.em-subscriptions-step-next-triangle-vertical {
	width: 0px;
	height: 0px;
	border-style: solid;
	/* 上　右　下　左 */
	border-width: 25px 15px 0px 15px;
	border-color: #d2ccd6 transparent transparent transparent;
	padding-bottom: 10px;
}

.em-subscriptions-triangle-area {
	padding: 10px;
}

.em-subscriptions-row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.em-subscriptions-row-eq-height > div:not(.em-subscriptions-triangle-area) {
	width: 25%;
}

.em-subscriptions-panel-ex {
	height: 95%;
	margin-bottom: 5%;
}

.em-subscriptions-panel-heading-ex {
	padding: 10px 0px 10px 5px;
}

.em-subscriptions-center {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: auto;
}

.em-subscriptions-panel-step {
	font-size: 12px;
}

.em-subscriptions-panel-title {
	font-size: 13px;
	white-space: nowrap;
}

.em-subscriptions-panel-body-ex {
	font-size: 13px;
}

.em-subscriptions-contract-box {
	max-height: 1000px;
	border: 1px solid;
	overflow-y: scroll;
	padding-left: 8px;
}

.em-subscriptions-account-container {
	padding: 7px;
}

.em-subscriptions-account-container-normal {
	border: 1.5px solid #b4b4b4;
}

.em-subscriptions-account-container-info {
	border: 1.5px solid #5bc0de;
}

.em-subscriptions-account-container-primary {
	border: 1.5px solid #337ab7;
}

.em-subscriptions-account-container-danger {
	border: 1.5px solid #d9534f;
}

.em-subscriptions-account-container-warning {
	border: 1.5px solid #f0ad4e;
}

@media screen and (max-width: 768px) {
	.h2, h2 {
		font-size: 24px;
	}

	.h3, h3 {
		font-size: 21px;
	}

	.h4, h4 {
		font-size: 15px;
	}

	.help-block {
		font-size: 12px;
	}

	.em-subscriptions-row-eq-height {
		flex-direction: column;
	}

	.em-subscriptions-row-eq-height > div:not(.em-subscriptions-triangle-area) {
		padding: 0px 5px;
		width: 100%;
	}
}