@charset "utf-8";

/*==================================
	Common
==================================*/
.mark,
.class-green .mark{
	background-color:#404E99;
}
.green,
.glyphicon-triangle-right.text-success{
	color:#404E99;
}
.copyright img{
	display:none;
}
.copyright:before{
	content:"© ";
}
.help h3 {
	color:#404E99;
}

/*==================================
	Font
==================================*/
legend{
	color:#a65a18;
}
a:visited,
a:link,
.dropzone .dz-message span,
a.green,
.list-group.classes a.green,
.list-group.classes .list-group-item.green{
	color:#404E99;
}
a:hover,
a:active,
a:focus,
.dropzone .dz-message:hover span,
.dropzone .dz-message:active span,
.dropzone .dz-message:focus span,
a.green:hover,
a.green:active,
a.green:focus,
.list-group.classes a.green:hover,
.list-group.classes a.green:active,
.list-group.classes a.green:focus,
.list-group.classes .list-group-item.green:hover,
.list-group.classes .list-group-item.green:active,
.list-group.classes .list-group-item.green:focus{
	color:#1c2767;
}
.message,
.login-time{
	color:#718ed7;
}
.span-open-explanation,
.span-open-hint{
	color:#404E99 !important;
}
@media screen and (max-width:767px) {
	.form-control{
		font-size:16px;
	}
}

/*==================================
	Button
==================================*/
.btn-primary,
.btn-success{
	background-color:#404E99;
	border-color:#404E99;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary[disabled],
.btn-primary.disabled,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success[disabled],
.btn-success.disabled{
	background-color:#2e3a79 !important;
	border-color:#2e3a79 !important;
}
.btn-info {
	background-color: #2f9a9f;
	border-color: #2f9a9f;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info[disabled],
.btn-info.disabled{
	background-color:#387477 !important;
	border-color:#387477 !important;
}

/*==================================
	Login
==================================*/
.panel-login .panel-body .login-form{
	background-color:#404E99;
	background:#8ca1d7;
	background:-moz-linear-gradient(top, #8ca1d7 0%, #4060af 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ca1d7), color-stop(100%,#4060af));
	background:-webkit-linear-gradient(top, #8ca1d7 0%,#4060af 100%);
	background:-o-linear-gradient(top, #8ca1d7 0%,#4060af 100%);
	background:-ms-linear-gradient(top, #8ca1d7 0%,#4060af 100%);
	background:linear-gradient(to bottom, #8ca1d7 0%,#4060af 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ca1d7', endColorstr='#4060af',GradientType=0 );
}
.panel-login .panel-body .login-form label .glyphicon{
	color:#4c6bb5;
}
.login-form ul li a .glyphicon {
	color:#8a9fd6;
}

/*==================================
	Class
==================================*/
.contents-tile .a-content-open{
	color:#4060af !important;
}

/*==================================
	Icon
==================================*/
/*img.icon[src$="common/images/icons/add.png"],
img.icon[src$="common/images/icons/check.png"],
img.icon[src$="common/images/icons/link.png"],
img.icon[src$="common/images/icons/linkback.png"],
img.icon[src$="common/images/icons/linkdown.png"],
img.icon[src$="common/images/icons/linkup.png"]{
	-webkit-filter: hue-rotate(260deg) saturate(70%);
	-moz-filter: hue-rotate(260deg) saturate(70%);
	-o-filter: hue-rotate(260deg) saturate(70%);
	-ms-filter: hue-rotate(260deg) saturate(70%);
	filter: hue-rotate(260deg) saturate(70%);
}
img.icon[src$="common/images/icons/restore.png"],
img.icon[src$="common/images/icons/return.png"],
img.icon[src$="common/images/icons/up.png"],
img.icon[src$="common/images/icons/upload.png"],
img.icon[src$="common/images/icons/down.png"],
img.icon[src$="common/images/icons/download.png"],
img.icon[src$="common/images/icons/forward.png"]{
	-webkit-filter: hue-rotate(150deg);
	-moz-filter: hue-rotate(150deg);
	-o-filter: hue-rotate(150deg);
	-ms-filter: hue-rotate(150deg);
	filter: hue-rotate(150deg);
}
.table-class-content .plugin-icon,
.select-plugin .plugin-icon-border .plugin-icon-bg{
	-webkit-filter: hue-rotate(120deg) saturate(100%);
	-moz-filter: hue-rotate(120deg) saturate(100%);
	-o-filter: hue-rotate(120deg) saturate(100%);
	-ms-filter: hue-rotate(120deg) saturate(100%);
	filter: hue-rotate(120deg) saturate(100%);
}*/

/*==================================
	Alert
==================================*/
.alert-warning{
	background-color: #fff7d3;
	border-color: #ffee9b;
}
.alert-info{
	color: #404E99;
	background-color: #e7ebf5;
	border-color: #c0ccec;
}
.alert-danger{
	background-color: #ffe9e9;
	border-color: #ecd7db;
}

/*==================================
	Header
==================================*/
header .nav2,
.class-green header .nav2{
	border-color:#404E99;
}

/*==================================
	Panel
==================================*/
.panel-default>.panel-heading,
.class-green .panel-default>.panel-heading{
	border-bottom:1px solid #404E99;
}

/*==================================
	Label
==================================*/
.label-info {
	background-color:#718ed7;
}
.label-success {
	background-color:#2f9a9f;
}
.label-primary{
	background-color:#404E99;
}

/*==================================
	Table
==================================*/
.table-default,
.class-green .table-default,
.table-csv{
	border-top-color:#404E99;
	border-bottom-color:#404E99;
}
.table-csv td,
.table-grader tbody td{
	background-color:#f5f5f5;
}
.table-horizontal th {
	border-right:1px solid #404E99;
}

/*==================================
	Drop zone
==================================*/
.dz-drag-hover .dz-message{
	border:3px dotted #8ca1d7;
}

/*==================================
	Plugin Common
==================================*/
.plugin-header{
	background-color:#404E99;
}

/*==================================
	Quiz
==================================*/
.question-form a,
.quiz-pages,
.table-quiz-edit tr:hover th,
.table-quiz-edit tr:hover td{
	background-color:#f3f3f3 !important;
}

/*==================================
	Board
==================================*/
.board-do .number{
	color: #777;
}
@media screen and (max-width: 767px){
	.board-do #form-comment .a-member-thumbnail.x-fancy,
	.board-do #form-comment .a-member-thumbnail.x-fancy span img{
		max-width:30px !important;
		min-width:30px !important;
		max-height:30px !important;
	}
	.board-do #form-comment .a-member-thumbnail.x-fancy span{
		width:30px !important;
		height:30px !important;
	}
	.board-do #form-comment .a-member-thumbnail.x-fancy span img{
		width:auto;
		height:auto;
	}
	.board-do #div-instructions .x-fancy img{
		max-width:100px;
		height:auto;
	}
	.board-do .comment-thumbnail{
		font-size:1.7rem;
	}
	.board-do #tr-serach-comment .form-control{
		max-width:200px;
	}
}


/*==================================
	Addon
==================================*/
.btn-default.active,
.btn-default:active,
.open>.dropdown-toggle.btn-default{
	background-color: #404E99 !important;
	border-color:#404E99 !important;
	color:#fff !important;
}
.nav-flex.nav-tabs > li.active > a{
	background-color:#404e99;
	border-bottom: 1px solid #d8d8d8 !important;
	border-color:#404e99;
	color:#fff;
}

.btn-content-inbasket {
	background-color: #616264;
	border: 1px solid #5d5d5d;
	box-shadow: none !important;
	text-shadow: none;
	color: #FFFFFF !important;
	background: linear-gradient(#5E6BBB, #404E99);
	width: 25em !important;
}

.btn-content-inbasket:hover {
	color: #FFFFFF;
	background: linear-gradient(#404E99, #5E6BBB);
}

.btn-content-inbasket:disabled {
	background: grey !important;
}