@charset "UTF-8";

/* wijim */
/* Gridヘッダ、フッタ位置、罫線
-------------------------------------------------- */
.column-header {
	text-align: center !important;
}
.row-header {
	text-align: left  !important;
}
div.wj-cell {
	border-right: solid 1px olivedrab;
}


/* FlexGrid フィルターアイコン色変更
-------------------------------------------------- */
.custom-colors .wj-glyph-filter {
	color: red;
	font-size: 20px;
}

/* カレントセルを強調表示
-------------------------------------------------- */
.wj-flexgrid.wj-state-focused .wj-cell.wj-state-selected {
	border: 2px solid orange;
	transition: all 100ms;
}


/* 基本情報 Gridの高さ
-------------------------------------------------- */
#flexT01 div.wj-cell {
	padding: 5px 5px 30px 0;
}

/* 学生 Gridの高さ
-------------------------------------------------- */
#Studentflex div.wj-cell {
	padding: 5px 5px 30px 0;
}

/* 出席時間割 Gridの高さ
-------------------------------------------------- */
#Tmflex div.wj-cell {
	padding: 15px 5px 65px 0;
}

/* 成績表管理
-------------------------------------------------- */
#aat07flex div.wj-cell {
	padding: 5px 5px 65px 0;
}

/* 講座時間割設定 Gridの高さ
-------------------------------------------------- */
/*#timflex div.wj-cell.wj-wrap {
	padding: 15px 5px 65px 0;
}
*/

/* default trees on this sample */
.wj-treeview {
    height: 350px;
    font-size: 120%;
    margin-bottom: 8px;
    background: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


.custom-tree.wj-treeview {
    color: #80044d;
}

/* デフォルトのノード */
.custom-tree.wj-treeview .wj-node {
}

/* レベル0以下のノード */
.custom-tree.wj-treeview .wj-nodelist > .wj-node {
    font-size: 120%;
    font-weight: bold;
}

/* レベル1以下のノード（小さなフォントに変更し、左側に縦棒を追加） */
.custom-tree.wj-treeview .wj-nodelist > .wj-nodelist > .wj-node,
.custom-tree.wj-treeview .wj-nodelist > .wj-nodelist > .wj-nodelist {
    font-size: 110%;
    font-weight: normal;
    border-left: 4px solid rgba(128, 4, 77, 0.3);
}

/* レベル2以下のノード（小さなフォントに変更し、境界線を細くする） */
.custom-tree.wj-treeview .wj-nodelist > .wj-nodelist > .wj-nodelist > .wj-node, .custom-tree.wj-treeview .wj-nodelist > .wj-nodelist > .wj-nodelist > .wj-nodelist {
    font-size: 100%;
    font-style: italic;
    opacity: 0.8;
    border-left: 2px solid rgba(128, 4, 77, 0.3);
}

/* 展開されたノードのグリフ */
.custom-tree.wj-treeview .wj-nodelist .wj-node:before { 
    content: "\e114";
    font-family: 'Glyphicons Halflings';
    top: 4px;
    border: none;
    opacity: .3;
    transition: all .3s cubic-bezier(.4,0,.2,1);
}

/* 折りたたまれたノードのグリフ */
.custom-tree.wj-treeview .wj-nodelist .wj-node.wj-state-collapsed:before, .custom-tree.wj-treeview .wj-nodelist .wj-node.wj-state-collapsing:before {
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(.4,0,.2,1);
}

/* 選択されたノード */
.custom-tree.wj-treeview .wj-node.wj-state-selected {
    color: white;
    background: rgba(128, 4, 77, 0.70);
}

/* このサンプルのデフォルトツリー */
.wj-treeview {
    display:block;
    height: 350px;
    font-size: 120%;
    margin-bottom: 8px;
    padding: 6px;
    background: #f0f0f0;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
body {
    margin-bottom: 24pt;
}



/* アコーディオン
-------------------------------------------------- */
/* customize the labeled inputs */
.wj-accordion .wj-labeled-input {
    width: 40%;
}
.wj-accordion .wj-labeled-input > label > span {
    display: block;
    font-weight: normal;
    font-size: 90%;
    opacity: .90;
    color: black;
}

/* customize the accordion */
.wj-accordion .wj-content {
    border: 12px solid transparent;
}

/* color animation */
.wj-accordion .wj-header {
    transition: color .4s, background .4s;
}

/* header description */
.wj-accordion .desc {
    font-size: 9pt;
    font-weight: normal;
    color: #0085c7;
}

/* hide active header description */
.wj-accordion .wj-header.wj-state-active .desc {
    display: none;
}

/* give main pane a different color */
.wj-accordion .main-pane.wj-state-active {
    background: purple;
}