@charset "UTF-8";

body {
	font-family: "Segoe UI";
	margin: 0;
	font-size: clamp(.8rem, 2vw, 1rem);
	font-weight: 400;
	line-height: 1.3;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
}

h4 {
	margin-block-start: 0.5em;
    margin-block-end: 0.2em;
}

.my-flex {
	display: flex;
	flex-flow: column nowrap;
}

.my-window-center {
	position: absolute;
	top: 30%;
	left: 50%;
	-webkit-transform: translate(-50%, -30%);
	transform: translate(-50%, -30%);
}

.my-align-center {
	justify-content: center;
	text-align: center;
}

.my-msg-frame {
	display: flex;
	padding: 12px;
	background-color: #c3e5ff;
	flex-direction: column;
}

.my-btn {
	background: none;
	border-radius: 5px;
	height: 2.5rem;
	cursor: not-allowed;
	line-height: 1;
	background-color: rgb(12, 117, 203);
	color: #7a7a7a;
	font-size: 1.0rem;
	font-weight: 400;
	border: 1px solid rgb(12, 117, 203);
	/*padding: 0.6rem 1rem;*/
	padding: 0.2rem 0.6rem;
	text-decoration: none;
	vertical-align: middle;
	text-align: left;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.my-btn-label {
	justify-content: center;
	text-align: center;
}

.my-btn:not([disabled]) {
	color: white;
	cursor: pointer;
}

.my-btn i {
	text-align: center;
	flex: 0 1 0%;
	font-size: clamp(1rem, 2.5vw, 1.4rem);
}

.my-btn span {
	flex: 1 1 0%;
}

.my-btn-icon {
	font-size: 1.2rem;
	width: 2.0rem;
	height: 2.0rem;
	padding: 0rem;
	border: none;
	padding-top: 0.1rem;
	min-width: 2rem;
}

.my-btn-icon i {
	flex: 1 1 0%;
}

.my-btn:hover:not([disabled]) {
	background-color: rgb(28, 146, 242);
	transition: 0.2s;
	border-radius: 5px;
}