@charset "UTF-8";

/* from bootstrap-custom */
html {
	position: relative;
	min-height: 100%;
}

body {
	margin-bottom: 60px;
	background-color: rgb(255, 255, 255);
}

body, html {
	font-family: "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
	font-size: 14px;
}

.logout-button {
	color: #333333;
	background-color: #ffffff;
	border-color: #cccccc;
}

.navbar-menu {
	background-color: rgb(0, 113, 188);
	border-color: transparent;
	padding: 0;
}

.navbar-menu .navbar-brand {
	color: #ffffff;
	padding: 0.5rem 1rem 1rem 1rem;
	line-height: 20px;
}

.navbar-menu .navbar-brand:focus, .navbar-menu .navbar-brand:hover {
	color: #18bc9c;
}

.navbar-menu span.navbar-brand:focus, .navbar-menu span.navbar-brand:hover
	{
	color: #fff;
}

.navbar-menu .navbar-nav .nav-item .nav-link {
	color: #fff;
	padding: 15px;
}

.navbar-menu .navbar-nav .nav-item .nav-link:focus,
.navbar-menu .navbar-nav .nav-item .nav-link:hover {
	color: #18bc9c;
}

.navbar-menu .navbar-nav>.active>a,
.navbar-menu .navbar-nav>.active>a:focus,
.navbar-menu .navbar-nav>.active>a:hover {
	color: #ffffff;
	background-color: #00a0dd;
}

.navbar-menu .navbar-nav>.show>a, .navbar-menu .navbar-nav>.show>a:focus,
	.navbar-menu .navbar-nav>.show>a:hover {
	color: #ffffff;
	background-color: #00a0dd;
}

@media ( max-width :767px) {
	.navbar-menu .navbar-nav .show .dropdown-menu>li>a {
		color: #FFF;
	}
	.navbar-menu .navbar-nav .show .dropdown-menu>li>a:focus,
	.navbar-menu .navbar-nav .show .dropdown-menu>li>a:hover {
		color: #CCC;
		background-color: transparent;
	}
}

.navbar-menu.navbar-light .navbar-toggler {
	border-color: #ddd;
	background-color: #fff;
	margin: 8px 15px 8px 5px;
}

.modal-content {
	border-width: 1px;
}

@media ( min-width : 768px) {
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
		box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	}
}
/* from freelancer-custom.css */
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px
}

footer .footer-below {
	padding: 15px 0 14px 0;
	background-color: rgb(245, 245, 245);
	color: rgb(33, 37, 41);
}

/* from style.css */
.container-top {
	padding-top: 180px;
}

.navbar-nav .nav-item>.dropdown-menu {
	margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -8px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
	display: block;
}
@media screen and (min-width:768px) {
	.dropdown-submenu > a:after {
		display: block;
		content: " ";
		float: right;
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 0 5px 5px;
		border-left-color: #ccc;
		margin-top: 5px;
		margin-right: -10px;
	}
}

.dropdown-submenu:hover > a:after {
	border-left-color: #fff;
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

.top-line {
	border-top: 10px solid rgb(0, 113, 188);
}

.menu-span-h2 {
	font-size: 1.6rem;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
	margin-left: 0;
	margin-right: 0;
	font-weight: bold;
	text-transform: none;
}

.loading-modal-open .modal-backdrop {
	background-color: #fff;
	opacity: .7;
}

.loading-modal-open .modal-backdrop:last-child {
	z-index: 9800;
}

#loadingModal {
	z-index: 9900;
}

#loadingModal .modal-dialog {
	width: auto;
	max-width: 55px;
}

#loadingModal .modal-content {
	-webkit-box-shadow: none;
	box-shadow: none;
}

#loadingModal .loading-image {
	width: 55px;
	height: 55px;
	background: url("../img/loading.gif") no-repeat;
}

body.modal-open {
	padding-right: 0 !important;
}

.theme-color {
	color: #fff;
	background-color: #34495e;
}

button.theme-color:focus,
button.theme-color:hover,
a.btn.theme-color:focus,
a.btn.theme-color:hover {
	color: #fff;
	background-color: #283848;
}

.icon-button-text {
	margin-left: 5px;
}

.menu-login-div>* {
	position: relative;
	top: 10px;
}

.row-eq-height {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.menu-title-div {
	flex-grow: 1;
	flex-shrink: 0;
}

.menu-login-div {
	flex-grow: 0;
	flex-shrink: 0;
}

.header-title {
	margin-top: 0;
	background-color: rgb(0, 168, 226);
	width: 100%;
	max-width: 100%;
}

a.helpIconLink {
	color: inherit;
	font-size: 1.25rem;
	line-height: 1.2;
}

#topMessages .card-header a[data-toggle="collapse"].collapsed::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f078"; /* chevron-down */
	float: right;
}

#topMessages .card-header a[data-toggle="collapse"]::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f077"; /* chevron-up */
	float: right;
}

#searchConditions .card-header a[data-toggle="collapse"].collapsed::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f078"; /* chevron-down */
	float: right;
}

#searchConditions .card-header a[data-toggle="collapse"]::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f077"; /* chevron-up */
	float: right;
}

#searchConditions, #resultList {
	margin-bottom: 20px;
}

.content-foot {
	padding: 7px 0px 0px 0px;
	text-align: center;
	overflow-x: auto;
}

.icon-button-text {
	margin-left: 5px;
}

.list-table-header,
.list-table-footer {
	justify-content: center;
	align-items: center;
}

.date-picker input[type="text"].form-control {
	max-width: 200px;
}

/* from local setting */
.header-menu-icon {
	font-size: smaller;
}

.header-menu-icon img {
	margin-bottom: 2px;
	height: 30px;
	width: auto;
}

/* new setting */
a {
	color: rgb(51, 122, 183);
}

a:focus, a:hover {
	color: rgb(35, 82, 124);
}

.modal-body {
	padding: 1rem;
}

.modal-footer {
	padding: 1rem;
}

.btn {
	border-width: 1px;
}

.btn-group-sm>.btn, .btn-sm {
	border-radius: .2rem;
}
.box-header,
.box-header a {
	background-color: rgb(0, 168, 226);
	color: #ffffff;
}

svg {
	fill: #ffffff;
}

#cabinetAuthList tr th:first-child,
#cabinetAuthList tr td:first-child {
	width: 40px;
}

#cabinetAuthList tr th:nth-child(2),
#cabinetAuthList tr td:nth-child(2) {
	width: 60px;
}

#cabinetAuthList tr th:nth-last-child(2),
#cabinetAuthList tr td:nth-last-child(2) {
	width: 60px;
}

#cabinetAuthList tr th:nth-last-child(1),
#cabinetAuthList tr td:nth-last-child(1) {
	width: 60px;
}

.input-user-no-single {
	width: 12rem;
}

#studentSearchList tr th,
#studentSearchList tr td,
#studentSelectList tr th,
#studentSelectList tr td {
	vertical-align: middle;
}

#staffSearchList tr th,
#staffSearchList tr td,
#staffSelectList tr th,
#staffSelectList tr td {
	vertical-align: middle;
}

#destgrpSelectList tr th,
#destgrpSelectList tr td {
	vertical-align: middle;
}

.breadcrumb {
	border-radius: .25rem;
}

/* sample color settings */
body.pattern1 {
	background-color: rgb(248, 245, 238);
}

body.pattern2 {
	background-color: rgb(237, 247, 249);
}

body.pattern3 {
	background-color: rgb(251, 244, 235);
}

body.pattern4 {
	background-color: rgb(238, 229, 218);
}

body.pattern5 {
	background-color: rgb(251, 251, 247);
}

body.pattern6 {
	background-color: rgb(239, 248, 239);
}

body.pattern7 {
	background-color: rgb(230, 248, 255);
}

body.pattern8 {
	background-color: rgb(255, 255, 255);
}

.pattern1 .navbar-menu {
	background-color: rgb(33, 175, 239);
}

.pattern2 .navbar-menu {
	background-color: rgb(0, 150, 234);
}

.pattern3 .navbar-menu {
	background-color: rgb(31, 168, 229);
}

.pattern4 .navbar-menu {
	background-color: rgb(101, 79, 43);
}

.pattern5 .navbar-menu {
	background-color: rgb(22, 134, 218);
}

.pattern6 .navbar-menu {
	background-color: rgb(121, 143, 255);
}

.pattern7 .navbar-menu {
	background-color: rgb(230, 248, 255);
	border-bottom: 10px solid rgb(49, 100, 215);
}

.pattern7 .navbar-menu * {
	color: rgb(49, 100, 215);
}

.pattern7 .navbar-menu svg {
	fill: rgb(49, 100, 215);
}

.pattern8 .navbar-menu {
	background-color: rgb(0, 113, 188);
}

.pattern1 footer .footer-below {
	background-color: rgb(33, 175, 239);
	color: #ffffff;
}

.pattern2 footer .footer-below {
	background-color: rgb(0, 150, 234);
	color: #ffffff;
}

.pattern3 footer .footer-below {
	background-color: rgb(31, 168, 229);
	color: #ffffff;
}

.pattern4 footer .footer-below {
	background-color: rgb(101, 79, 43);
	color: #ffffff;
}

.pattern5 footer .footer-below {
	background-color: rgb(22, 134, 218);
	color: #ffffff;
}

.pattern6 footer .footer-below {
	background-color: rgb(121, 143, 255);
	color: #ffffff;
}

.pattern7 footer .footer-below {
	background-color: rgb(230, 248, 255);
	color: rgb(49, 100, 215);
}

.pattern8 footer .footer-below {
	background-color: rgb(245, 245, 245);
	color: rgb(33, 37, 41);
}

.pattern1 .top-line {
	border-top-color: rgb(64, 112, 220);
}

.pattern2 .top-line {
	border-top-color: rgb(121, 194, 255);
}

.pattern3 .top-line {
	border-top-color: rgb(137, 233, 255);
}

.pattern4 .top-line {
	border-top-color: rgb(193, 162, 121);
}

.pattern5 .top-line {
	border-top-color: rgb(251, 165, 87);
}

.pattern6 .top-line {
	border-top-color: rgb(0, 235, 192);
}

.pattern7 .top-line {
	border-top-color: rgb(17, 170, 255);
}

.pattern8 .top-line {
	border-top-color: rgb(0, 113, 188);
}

.pattern1 .box-header,
.pattern1 .box-header a {
	background-color: rgb(64, 112, 220);
	color: #ffffff;
}

.pattern2 .box-header,
.pattern2 .box-header a {
	background-color: rgb(121, 194, 255);
	color: #ffffff;
}

.pattern3 .box-header,
.pattern3 .box-header a {
	background-color: rgb(137, 233, 255);
	color: #212529;
}

.pattern4 .box-header,
.pattern4 .box-header a {
	background-color: rgb(193, 162, 121);
	color: #ffffff;
}

.pattern5 .box-header,
.pattern5 .box-header a {
	background-color: rgb(251, 165, 87);
	color: #ffffff;
}

.pattern6 .box-header,
.pattern6 .box-header a {
	background-color: rgb(0, 235, 192);
	color: #ffffff;
}

.pattern7 .box-header,
.pattern7 .box-header a {
	background-color: rgb(17, 170, 255);
	color: #ffffff;
}

.pattern8 .box-header,
.pattern8 .box-header a {
	background-color: rgb(0, 168, 226);
	color: #ffffff;
}

#userInfo .card-header a[data-toggle="collapse"].collapsed::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f078"; /* chevron-down */
	float: right;
}

#userInfo .card-header a[data-toggle="collapse"]::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f077"; /* chevron-up */
	float: right;
}