@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* --------------------
	共通
-------------------- */
h1.gkk {
	font-size: calc(1.275rem + .6vw);
	margin-bottom: 1.5rem;
}
h2.gkk {
	font-size: 1.275rem;
	background-color: #e2e3e5;
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding: .5rem;
}
h3.gkk {
	font-size: 1.275rem;
	border-bottom: solid 3px #e2e3e5;
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding: .5rem;
}
h4.gkk {
	font-size: 1.25rem;
	padding: 0.25em 0.5em;
	background: transparent;
	border-left: solid 5px #e2e3e5;
}
h5.gkk {
	font-size: 1.25rem;
}
span.invalid, 
div.invalid {
	color: #dc3545;
	font-size: small;
	vertical-align: top;
}
hr.gkk {
	margin: 1.25rem 0;
}
a[target="_blank"]::after{
	padding-left: .3rem;
	content: "\F1C5"; /* pause-circle-fill */
	font-family: bootstrap-icons;
	font-weight: 400;
	line-height: 1;
	vertical-align: -.125em;
}

/* --------------------
	一覧テーブル
-------------------- */
table.gkk-table {
	width: 100%;
}
table.gkk-table tr {
	margin: 1rem 0;
    border: 0;
    border-bottom: 1px solid;
}
table.gkk-table th,
table.gkk-table td {
	padding: .5rem;
}
table.gkk-agreement td:nth-child(n+2) {
	white-space: nowrap;
}
table.gkk-agreement .gkk-status .title {
	font-size: small;
}
table.gkk-agreement .gkk-status .content {
	display: flex;
	align-items: flex-end;
}
table.gkk-agreement .gkk-status .content div.badge-ok {
	font-size: small;
	color: #fff;
	background-color: #198754;
	border-radius: 5px;
	display: inline;
	padding: 5px;
	margin-left: 2.5px;
	margin-right: 2.5px;
}
table.gkk-agreement .gkk-status .content div.badge-no {
	font-size: small;
	color: #198754;
	background-color: #fff;
	border: 1px #198754 solid;
	border-radius: 5px;
	display: inline;
	padding: 5px;
	margin-left: 2.5px;
	margin-right: 2.5px;
}
table.gkk-achievement td:first-child,
table.gkk-achievement td:nth-child(n+3) {
	white-space: nowrap;
}
table.gkk-student td:first-child,
table.gkk-student td:last-child {
	white-space: nowrap;
}
table.gkk-bs .hyde {
    padding: 0px !important;
}
table.gkk-account tbody td:last-child {
    width: 20%;
}

/* --------------------
	ダッシュボード PowerBI
-------------------- */
.graph {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.graph iframe {
  width: 100%;
  height: 100%;
}

/* --------------------
	trix-editor
-------------------- */
.trix-button-group[data-trix-button-group="file-tools"],
.trix-button--icon-attach,
.trix-button--icon-code {
    display: none !important;
}

/* --------------------
	学生・一般ダッシュボード
-------------------- */
.table-public thead {
	text-wrap: nowrap;
}
.table-public tbody {
	vertical-align: middle !important;
}
@media screen and (max-width: 991px) {
	.scroll {
		overflow-x: auto;
	}
	.table-public {
		min-width: 991px;
	}
}