@charset "UTF-8";

.font-smaller {
	font-size : 0.785rem;
}

@media (max-width: 767px) {
	#header-top .nav-user {
		background-color : var(--bs-primary);
		margin-right : calc(50% - 50vw);
		margin-left : calc(50% - 50vw);
	}
	#header-top .nav-user.contents {
		background-color : #fff;
		color :#000;
		margin-top :0;
	}

}


#footer {
	background-color : var(--bs-primary);
}


.breadcrumb-wrap {
  margin-bottom: 35px;
  background-color: #f5f5f5;
}

.navbar-brand {
	display : inline-block;
}

/* navbar-toggle cation */
.iconcaption {
	font-size : 10px;
}

.navbar-toggler {
	line-height : 0;
}


img.bookImg {
	max-width:100%;
}

.btn-drillchoice {
  --bs-btn-color: #fff;
  --bs-btn-bg: #777;
  --bs-btn-border-color: #777;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #253544;
  --bs-btn-hover-border-color: #a0aeaf;
  --bs-btn-focus-shadow-rgb: 76, 91, 106;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #233240;
  --bs-btn-active-border-color: #212f3c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #777;
  --bs-btn-disabled-border-color: #777;
}

.operationTool {

}

/* pentool */
.hidden {
	display:none!important;
}


.hidden {
    display: none !important;
}

.pull-right {
   margin-left : auto;
}

.commenthint {
	/*height : 713px;*/
}

#comment,#hint {
	position : relative
}

.feedbackarea .form-group {
	margin-right : 15px;
	margin-left : 15px;

}

.feedbackarea div {
	color : #fff;
}

#feedback legend {
	border-bottom :1px solid inline #e5e5e5;
}

.progressPage > .progress-bar {
	height : 8px;
}


.btn-xs, .btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.headerBtn {
	position : relative
}

.sortArea {
	width : 90%;
}


element.style {
    width: 90%;
}


/* form */

fieldset > div.row {
	margin-bottom : 0.75rem;

}
fieldset > div:not(.row) > div.row {
	margin-bottom : 0.5rem;

}
fieldset div[class*="col-"] {
	margin-bottom : 0.5rem;

}



.col-form-label {
	font-weight : bolder;
	padding-right : 0;
}

.form-control-static {
	margin-top : auto !important;
	margin-bottom : auto !important;
}


@media (max-width: 991px) {
  [class*=col-form-label][class*=lg]{
    text-align: start;
  }
}

@media (min-width: 992px) {
  .col-form-label{
    text-align: end;
  }
}

.checkbox, .checkbox-inline {
	margin-top : calc(0.5rem + 1px);
}

.middle {
/*	margin-top : calc(0.5rem + 1px);*/
}


/* badge */
label > .badge {
	margin-left : 0.4rem;
}

/* drill answerArea */
.inline {
	display : inline-block;
}

.right {
	text-align : right;
}

/* modal */
.modal-title.page-title {
    top: 0px;
}

.messageform.message {
	max-width : 25em;
	max-height: 10em;
}

/* container */
@media (min-width: 768px) {
  .container {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
     max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
     max-width: 1170px;
  }
}