@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,700,800|Lato:400,700,300);

/* global */
body { padding-top:80px; font-family: 'Mallanna', sans-serif !important; font-size: 13px !important; }
h1 { font-size:1.8em; margin-top:0; }
h2, h3, h4, h5 { font-family:'Mallanna', sans-serif; }
h2 { font-size:1.6em; font-weight:300; color:#333; letter-spacing:-.5px; margin-top:0; }
h2 small { font-weight:300; }
h3 { color:#333; font-size:1.3em; letter-spacing:-1px; }
h4 { font-size:1.2em; font-weight:300; color:#333; }
a { color:#BFBFBF; }
a:hover, a:active, a:focus { color:#f0b702; text-decoration:none; }
a:hover .text-theme, a:active .text-theme, a:focus .text-theme, .active .text-theme { color:#222; }
td a { color:#222; }
hr { border-color:#ddd; }
p:empty { display:none; }
*:focus, *:active, *:hover { outline:0 !important; }

/* wrapper */
#wrapper { -webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
#wrapper.toggled { padding-left:250px; }
#sidebar-wrapper { float: left; height:85%; padding-top:15px; background-color:#000; z-index:1000; position:fixed; left:250px; width:0; margin-left:-250px; overflow-y:auto; overflow:hidden; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; }
#sidebar-wrapper .scrollbox { height:100%; padding-right: 1px; }
#sidebar-wrapper.modal-enabled { position: static; margin-left: -220px; float: left; }
#wrapper.toggled #sidebar-wrapper { width: 250px; }
#page-content-wrapper { width:100%; position:relative; word-wrap:break-word; }
#wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px; }
.container-full-width { margin:15px -35px -20px -20px; padding:30px 35px 15px 25px; }
.container-full-height-header { padding-top:10px; padding-bottom:5px; }

/* sidebar-nav */
.sidebar-nav { padding:0; }
.sidebar-nav li { list-style:none; }
.sidebar-nav li a { display:block; padding:8px 0 8px 30px; color:#999; }
.sidebar-nav li.active > a, .sidebar-nav li.active > a:hover { background-color:#FFDD33; color:#fff; }
.sidebar-nav li.active li.active a { background-color:transparent; color:#FFDD33 !important; }
.sidebar-nav li a:hover, .sidebar-nav .dropdown-menu li a:hover { background-color:#eee; color:#000; }
.sidebar-nav li a.switch-user-btn { float:none; color:#fff; margin-bottom:10px; }
.sidebar-nav .sidebar-nav-sepa { padding-left:25px; padding-right:15px; }
.sidebar-nav > li > a > .fa, .sidebar-nav > li > a > .glyphicon { color:#FFDD33; margin-left:-20px; }
.sidebar-nav .icon-notice { margin:0; }
.sidebar-nav li.active a .fa, .sidebar-nav li.active a .glyphicon { color:#fff; }
.sidebar-nav .dropdown-menu { position:relative; float:none; border:none; box-shadow:none; padding-top:0; }
.sidebar-nav .dropdown-menu li a { padding-left:28px; color:#666; }
.sidebar-nav .dropdown-menu li.active a { color:#fff; }
.sidebar-nav .caret { margin-top:8px; margin-right:5px; }
.sidebar-nav li.divider { margin:10px 20px 10px 30px; }
.sn-saq { font-size:13px; }
.sidebar-nav .dropdown-menu { font-size: 13px; }
.sidebar-nav li.active > ul > li > a, .sidebar-nav li.active > ul > li > a { padding-top: 6px; padding-bottom: 6px; }

#sidebar-wrapper #pay-end-countdown { margin-left:-15px; margin-left:-15px; }
#sidebar-wrapper .countdown-amount { font-size:2em; }
#sidebar-wrapper .countdown-period { font-size:10px; }

#sidebar-wrapper hr { margin-top:10px; margin-bottom:10px; }

/* header */
#wrapper-header { z-index:1036; width:100%; position:fixed; left:0; top:0; }
header { color:#fff; }
h1.logo { margin:0; }
#wrapper-header h1.logo img { max-width:200px; }
.header-right { margin-top:28px; }
.avatar { margin-top:-20px; }
.header-cr { border:1px dashed #666; display:block; padding:6px 8px 7px; float:left; color:#fff; font-size:12px; }
.header-cr-student { border:1px; display:block; float:left; color:#fff; font-size:12px; }
.header-cr:hover { background-color:#FFDD33; color:#fff; }
#menu-toggle { margin-top:25px; }
.text-warning-hr {color: #BFBFBF;}

#site-search-box { margin-top:30px; margin-left:10px; }
#site-search-box .input-group-addon { background-color:#333; border:none; padding-left:10px; padding-right:5px; }
#site-search-box #site-search { border:none; padding-left:0; background-color:#333; color:#eee; }
#site-search-box #site-search:focus { box-shadow:none; }
hr.hr-search { margin-top:3px; margin-bottom:3px; border-style:dashed; }
.typeahead.dropdown-menu { font-size:12px; }
.typeahead.dropdown-menu li a { padding-top:8px; padding-bottom:8px; }
.typeahead.dropdown-menu li:nth-child(odd) { background-color:#f4f4f4; }
.site-search-loader { float:right; margin-top:-24px; margin-right:8px; position:relative; z-index:2; display:none; }

.dropdown-alerts { left:auto; right:0; border-top:0; top:40px; font-size:12px; min-width:300px; max-width:300px; padding:0; }
.dropdown-alerts .dropdown-alerts-caret { display:block; margin-top:-10px; margin-right:9px; float:right; }
.badge-theme { background-color:#000; color:#fff; }
.badge-todo { background-color:#343638; color:#fff; }
.dropdown-alerts > li > a { white-space:normal; padding-top:10px; padding-bottom:8px; }
.dropdown-alerts > li > a:hover { background-color:#000; color:#eee; }
.dropdown-alerts .dropdown-notification-header { display:block; }
.dropdown-alerts .dropdown-notification-body { display:block; }
.dropdown-alerts .dropdown-notification-footer { display:block; }
.dropdown-alerts li p { margin-bottom:3px; }

div.scrollbox.scrollbox-dropdown-notification { height:auto; max-height:500px; }
div.scrollbox.scrollbox-dropdown-notification { padding:0; }
div.scrollbox.scrollbox-dropdown-notification ul li { display:block; }
div.scrollbox.scrollbox-dropdown-notification ul li a { color:#333; display:block; padding:8px 15px; }
div.scrollbox.scrollbox-dropdown-notification ul li a:hover { color:#000; }
/*div.scrollbox.scrollbox-dropdown-notification ul li:nth-child(even) { background-color:#eee; }*/
div.scrollbox.scrollbox-dropdown-notification ul li { border-bottom:1px solid #ccc; padding:5px 0 5px; }
div.scrollbox.scrollbox-dropdown-notification ul li:hover { background-color:#f4f4f4; }
div.scrollbox.scrollbox-dropdown-notification ul li img { max-width:100%; }
div.scrollbox.scrollbox-dropdown-notification ul li p { margin:5px 0 10px; }

/* main content */
#main-content { min-height:500px; border-left:1px solid #999; }
#main-content h2 { margin-bottom:20px; padding-bottom:5px; }

#content-nav { position: absolute; }
#content-nav.affix { top:100px; position:fixed; }
.question-nav { margin-bottom:20px; min-width:145px; max-width:145px; position:relative; }
.question-nav-lg { margin-bottom:20px; min-width:200px; max-width:200px; position:relative; }
.content-nav-admin { margin-top:10px; }
.section-page { display:block; font-size:10px; margin-top:2em; margin-bottom:5px; }
.section-page .label-default { background-color:#bbb; }

#content-nav .scrollbox { height:auto; min-height:80px; max-height:205px; }
#content-nav.no-section .scrollbox { max-height:330px; }
#content-nav.no-section.affix .scrollbox { max-height:450px; }

/* footer */
footer { padding:15px 0 15px; border-top:1px solid #ccc; }
.copyright { color:#666; }
#footer-login { margin-top:0; border-top:none; }

/* dashboard */
.dashboard-box-h-custom-top-margin { margin-top:15px; }
a.text-theme:hover .dashboard-total { color:#FFDD33; }
.dashboard-box .panel-body { padding-left:1px; padding-right:1px; }
.dashboard-box:hover > .panel { background-color:#FFDD33; border-color:#9f7a04; }
.dashboard-box:hover .panel h3, .dashboard-box:hover .panel span { color:#fff; }
.dashboard-box-h { font-family:'Mallanna', sans-serif; font-weight:700; text-transform:uppercase; font-size:1em; }
.dashboard-total { font-family:'Mallanna', sans-serif; font-weight:800; font-size:2.6em; color:#333; }
.dashboard-total-sm { font-size:2em; }
.noticeboard hr { margin-top:10px; margin-bottom:10px; }

/* login */
.login-body {
	background: #ffd953;
	padding-top:0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/login-bg.jpg', sizingMethod='scale')";
}
.login-wrapper { padding-top: 2%; }
.login-logo { margin:15px 0; }
.login-box { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); }
.login-box input { margin-bottom: 5px; }
.login-back-to-site-btn { margin-top:20px; }
.login { float:none; }

/* avatar upload */
body.droppable .profile-avatar-wrap { border: 2px dashed #FFCC00; }
.profile-avatar-wrap { border: 2px dashed #ccc; width:100px; margin-bottom:10px; overflow:hidden; }
.profile-avatar-wrap:after { content: ""; }
.profile-avatar-wrap img { max-width:100%; display: block; }

/* media */
.media a, .select-media { color:#333; }
.media a:hover, .select-media:hover { color:#000; }
.selected-mark { display:none; position:absolute; top:5px; right:20px; }
.trash span { color:#ccc; }
.trash span.trash-text { color:#fff; }
.trash:hover span, .trash:hover span.trash-text { color:#d9534f; }
.modal-media-new { display:none; }

/* subject */
.list-subject { }
.list-subject li { list-style:none; }
.list-subject a { padding:5px 0; display:block; }
.list-subject a:hover { background-color:#eee; }

/* dropdown menu */
.dropdown-menu-select li { list-style:none; white-space:nowrap; }
.dropdown-menu-select li.active { padding: 3px 20px; }
.dropdown-menu-select li a { clear: both; color: #333; display: block; font-weight: 400; line-height: 1.42857; padding: 3px 20px; white-space: nowrap; }
.dropdown-menu-select li a:hover, .dropdown-menu-select li  a:focus { background-color: #f5f5f5; color: #262626; text-decoration: none; }
.dropdown-menu-select .disabled a, .dropdown-menu-select .disabled a:hover, .dropdown-menu-select .disabled a:focus { colgkgkjhgfdhdgfdydfhgdgcghcjcjhgor: #777; }
.dropdown-menu-select .disabled a:hover, .dropdown-menu-select .disabled a:focus { background-color: transparent; background-image: none; cursor: not-allowed; text-decoration: none; }

/* tab */
.tab-pane { padding:15px 15px 5px; background-color:#fff; border:1px solid #ddd; border-top:none; }
.tabpanel-no-border .tab-pane { padding:15px 0 0; border:none; }

/* summer note */
.note-editor { border:none; }
.note-editor .note-toolbar { border:none; background-color:transparent; padding-left:0; }
.note-editable { padding:0; border:1px solid #ccc; }
.note-modal-form .form-group { margin:0; }

/* override */
.btn, .form-control, .well, .panel, .modal-content, .dropdown-menu, .input-group-addon { border-radius:0; }
.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color:#9f7a04; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color:#FFDD33; border-color:#fab700; }
.pagi-no-margin-top .pagination { margin-top:0; }

.alert { border-radius:0; background-color:transparent; border-color:#eee; padding:8px; color:#666; font-size:12px; font-family:'Mallanna', sans-serif; }
.alert-info, .alert-warning { border-color:#fce387; border-left:4px solid #FFDD33; }
.alert-success { border-color:#d6e9c6; border-left:4px solid #3c763d; }
.alert-danger { border-color:#ebccd1; border-left:4px solid #a94442; }
.alert-dismissable .close, .alert-dismissible .close { right:0; top:-4px; }

.btn-sm { font-size:12px; font-family:'Mallanna', sans-serif; letter-spacing:normal; }
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover,
.dropdown-menu>.selected>a, .dropdown-menu>.selected>a:focus, .dropdown-menu>.selected>a:hover
{ background-color:#FFDD33; }

/* level */
.table > tbody > tr > td.level-1 { padding-left:30px; }
.table > tbody > tr > td.level-2 { padding-left:60px; }
.table > tbody > tr > td.level-3 { padding-left:90px; }
.table > tbody > tr > td.level-4 { padding-left:120px; }
.table > tbody > tr > td.level-5 { padding-left:150px; }

/* template */
.template table td { padding:5px; border:1px dashed #ccc; }
.template p, .template p span, .template li, .template li span { font-size:13px !important; font-family:'Mallanna', sans-serif; }
.template p:empty { display:none !important; }

/* header right options */
.right-options { float:right; margin-top:0; margin-left:10px; }

/* timer */
.timer-box { margin:0 15px 15px; }
.timer-box hr { margin-top:5px; margin-bottom:8px; }
.timer-box .time { font-size:12px; background-color:transparent; border:none; padding:10px 0 35px; }
.timer-box .time .countdown-descr { font-family:'Mallanna', sans-serif; }
.timer-box #btn-pause, .timer-box #btn-stop { display:none; }

/* profile */
.vision-photo-wrap { border: 2px dashed #ccc; margin-bottom:10px; overflow:hidden; background-color:#fbfbfb; margin-top:30px; }

/* question */
.list-question { margin-left:0; padding-right:0; list-style-type:none; margin-top:25px; margin-bottom:35px; }
.list-question > li { counter-increment: step-counter; margin-bottom:25px; border-top:1px solid #FFDD33; padding-right:25px; }
.list-question > li::before { content:counter(step-counter); margin-right:10px; margin-left:-40px; font-size:1.2em; background-color:#FFDD33; color:white; padding:4px 10px; }
.list-question .remove-question { float:right; padding-top:5px; margin-right:-25px; }
.list-question li ol { padding-left:20px; margin-top:10px; }
.list-question li ol li::before { content:counter(); margin-left:0; padding-left:0; margin-left:-15px; background-color:transparent; }
.list-question li ol li { margin-bottom:5px; border-top:none; }

/* calendar */
.table-calendar td { padding:8px !important; width:14.28%; }
.table-calendar td .highlight { font-weight:bold; }
.table-calendar .calendar-month-name { background-color:#FFDD33; color:#fff; font-weight:bold !important; }
.table-calendar td.bg-default { background-color:#fbfbfb; }
.table-calendar td.available, .table-calendar td.unavailable { padding:0 !important; }
.table-calendar td.available { background-color:#5cb85c; }
.table-calendar td.available:hover { background-color:#449d44; }
.table-calendar a.bg-success { background-color:#5cb85c; color:#fff; margin:-8px; padding:8px; display:block; }
.table-calendar a:hover { background-color:#398439; }
.table-calendar a.bg-default { background-color:#eee; color:#333; margin:-8px; padding:8px; display:block; }
.table-calendar a.bg-default:hover { background-color:#ccc; }
.table-calendar a.bg-default:hover .small { color:#fff; }
.table-calendar a.bg-default .small { color:#ccc; }
.table-calendar td.unavailable { background-color:#d43f3a; }
.table-calendar td.unavailable:hover { background-color:#c9302c; }
.table-calendar td .small { line-height:1.2; font-size:11px; color:#060; padding-top:8px; }
.table-calendar .current_date .day { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 10px; }
.table-calendar .text-lg { margin-top:-4px; }

/* sortable */
.sortable-placeholder { border: 1px dashed #CCC; background:none; height:30px; }
span.handle { cursor: move; display:block; padding:3px 10px; }
.to-do-to-do-list span.handle { padding-left:25px; }
span.handle:hover { border: dashed 2px #000; border-radius: 15px; }

/* to-do list */
span.status-mark { margin-left:-15px; }
.add-to-do-list { padding:2px 5px; }
.to-do-list-container { line-height:1.6; }
.to-do-list-container ul li { position:relative; }
.to-do-list-container > ul > li { margin-bottom:20px; }
.to-do-list-container ul ul { padding-top:5px; }
.to-do-list-container ul ul li { padding-top:3px; padding-bottom:3px; padding-right:5px; }
.to-do-list-container ul ul li.to-do-to-do-list:hover { border-color:#ccc; background-color:#f4f4f4; }
.to-do-list-container ul ul li a:hover { color:#888; }
.to-do-list-container ul ul li .action { display:none; padding-top:3px; }
.to-do-list-container ul ul li:hover > .action { display:block; }

.to-do-list-container .to-do-list-title { font-weight:bold; font-family:'Mallanna', sans-serif; font-size:1.2em; }
.to-do-list-container .to-do-to-do-list:hover .action, .to-do-list-container .to-do-list:hover .action { display:block; }
.to-do-list-container .to-do-list:hover > .handle, .to-do-list-container .to-do-to-do-list:hover > .handle { color:#333; }
.to-do-list-container a { padding-top:5px; padding-bottom:5px; }
.to-do-list-container a.help-block { margin-bottom:0; }
.to-do-list-container li.small { border-bottom:none; padding-left:12px; }
.to-do-list-container li.small:hover { border-bottom:none; }

.to-do-list-container .action { position:absolute; left:-55px; top:0; background-color:#FFDD33; z-index:1000; padding:5px 10px 3px; display:none; margin-top: 10px; }
.to-do-list-container .action a { color:#fff; }
.to-do-list-container .action a:hover { color:#fff; text-decoration:underline; }
.to-do-list-container > ul > li .to-do-list > .action { left:-5px; top:25px; }

.todo-container { padding: 15px 10px 0px 15px; }

.btn-round-dark { border-radius: 15px !important; border-color: #FFDD33 !important; background-color: #383838 !important; color: #FFDD33 !important; height: 20px; padding-top: 0; }
.btn-round-dark:hover { background-color: #FFDD33 !important; border-color: #383838 !important; color: #383838 !important; }

.bg-new-dark { background-color: #383838; color: white; }

.project-list-title { height:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.project-list-desc { height:100px; overflow:hidden; }

.to-do-option { margin-left:-15px; }
.add-to-do-box { margin-top:-3px; }
.unsatisfactory { padding:0 12px; }

.grid { margin-left:-10px; margin-right:-10px; }
.grid-item--width2 { width: 33%; }
.grid-item--width2 .paper-box { padding-left:10px; padding-right:10px; margin-bottom: 0; }

.badge-start-or-finish-to-do { background-color: #5cb85c; cursor: pointer; }

/* paper box */
.paper-box {
	position: relative;
	background-color: #fff;
}

.paper-box-header {
	width: 100%;
	height: 57px;
	background: url(../images/circle-icon.png) no-repeat center top;
	margin-top: -30px;
}
.paper-box-content {
	/*box-shadow: 10px 10px 5px #888888;
	padding: 20px;*/
	position:relative;
	/*-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 30px rgba(0, 0, 0, 0.1);*/
}

.paper-box-content .to-do-list .handle {
	text-align: center;
	font-size: 20pt;
	color: #fff;
}
.paper-box-content .to-do-list .handle_completed {
	text-align: center;
	font-size: 20pt;
	color: #fff;
}
.paper-box-content .to-do-list-content {
	background-color: #fff!important;
	border-radius: 15px;
	padding: 10px;
}
.paper-box-content .to-do-list-content .show-points {
	text-align: center;
	font-size: 12pt;
	font-weight: bold!important;
	color: #000;
}

.paper-box-content .to-do-list-content .to-do-action {
	/*text-align: center;
	font-size: 12pt;*/
	font-weight: bold!important;
	color: #000;
	margin: 0 5px 5px 10px;
}
.paper-box-content .to-do-list-content .to-do-to-do-list {
	/*font-size: 11pt;*/
	background-color:#ebebeb;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 5px;
}

/* videos */
.videos iframe { max-width:100%; height:100%; }

/* task box */
.task-box .task-box-title { min-height:36px; }
.task-box .progress { margin-top:15px; margin-bottom:5px; }

/* leaderboard */
.leaderboard-number { position:absolute; top:0; left:0; width:15px; height:15px; background-color:#FFDD33; color:#fff; text-align:center; font-size:.8em; font-weight:700; }

/* list checkbox, radio */
.list-chk input[type="checkbox"], .list-chk input[type="radio"] { margin-left:-20px; margin-right:5px; }
.list-chk li { padding-left:30px !important; }

/* message */
#inbox-table tr:hover { cursor:pointer; }
#inbox-nav { margin-top:15px; }
#inbox-nav a.list-group-item, #inbox-nav div.list-group-item { border:none; padding-top:6px; padding-bottom:6px; border-radius:0; }
#inbox-nav a.list-group-item.active { background-color:#fbfbfb; color:#FFDD33; font-weight:bold; }

/* table link */
.table-link tbody tr { color:#666; }
.table-link tbody tr strong { color:#000; }
.table-link tbody tr:hover { cursor:pointer; color:#000; }

/* diable link */
.disabled { pointer-events: none; cursor: default; }

/* user */
.user-detail-nav { padding:5px 0 8px; }
.user-detail-nav .nav-tabs.nav-arrow > li > a { padding:10px 2px; }

/* d3 */
.d3-chart { position:relative; }
.d3-chart .graph-loader { position:absolute; left:45%; top:40%; display:none; }
.chart-dark svg .g { background-color:#000; }
circle { cursor: pointer; fill: #fff; shape-rendering: geometricprecision; stroke: #090; }
circle.theme { stroke:#FFDD33; }
circle.theme-dark { stroke:none; fill:#FFDD33; }
circle.bar-theme { stroke:#FFDD33; fill:#fff; }
circle.success { stroke:#090; fill:#d7f9dc; }
circle.bar-success { stroke:#000; fill:#fff; }
circle.bar-danger { stroke:#ccc; fill:#fff; }
circle.danger { stroke:#F00; fill:#f9d7d7; }
circle.dark, circle.top { stroke:#000; fill:#000; }
circle.top, circle.dark-light { fill:#fff; }
circle.dark-light { stroke:#000; }
circle.lowest { stroke:#ccc; fill:#fff; }
circle.muted { display:none; }
.axis path { fill: none; stroke: #cdcdcd; }
.x, .y { fill: none; stroke: #ebebeb; }
.axis text { fill: #707070; font-size: 10px; stroke: none; }
.nat_av_line { stroke: #01acee; }
.no-data-available { display: none; fill: #666; }
text.shadow { stroke: #fff; stroke-width: 1px; opacity: 0.9; }

path { stroke: #29b0a8; stroke-width: 1; }
path.theme { stroke:#FFDD33; }
path.top, path.dark { stroke:#999; }
path.dark-light { stroke:#ccc; }
path.lowest { stroke:#fff; }
path.stroke-lg { stroke:#FFDD33; stroke-width:2px; }

.axis path, .axis line { fill: none; stroke: #ccc; stroke-width: 1; shape-rendering: crispEdges; }
.grid .tick { stroke: #ddd; stroke-opacity: 0.7; shape-rendering: crispEdges; }
.grid-light .tick { stroke: #f4f4f4; }
.grid-dark .tick { stroke: #444; opacity:0.5 !important; }
.grid path { stroke-width: 0; }
.area { fill: #16a49d; stroke-width: 0; opacity:0.08; }
.area.theme, rect.theme { fill:#FFDD33; }
.area.theme-dark { fill:#FFDD33; opacity:0.3; }
.area.top, .area.dark { fill:#333; }
.area.dark-light { fill:#fff; opacity:0.15; }
.area.lowest { fill:#fff; }
rect.success { fill:#000; }
rect.danger { fill:#ccc; }
div.d3-tooltip {
    position: absolute;
	margin-top:-45px;
	margin-left:-40px;
    min-width: 60px;
    padding: 8px;
    border: 1px solid #ccc;
	background-color:#fff;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	font-family:'Mallanna', sans-serif;
	font-size:11px;
	z-index:5;
	display:block;
}

.text-saq { color:#ffe4ab; }
circle.saq, path.saq { stroke:#ffe4ab; }
.area.saq { fill:#ffe4ab; }

.text-mc { color:#ffae00; }
circle.mc, path.mc { stroke:#ffae00; }
.area.mc { fill:#ffae00; }

.text-st { color:#ffdc63; }
circle.st, path.st { stroke:#ffdc63; }
.area.st { fill:#ffdc63; }

.text-essay { color:#000; }
circle.essay { stroke:#000; }
path.essay { stroke:#666; }
.area.essay { fill:#333; }

.text-ebt { color:#666; }
circle.ebt, path.ebt { stroke:#999; }
.area.ebt { fill:#999; }

.text-question { color:#ccc; }
circle.question, path.question { stroke:#ccc; }
.area.question { fill:#ccc; }

.arc-hover { cursor: pointer; }

/* input slider */
.slider-theme .slider-handle { background-image:none; background-color:#FFDD33; }
.slider-sm .slider-handle { width:16px; height:16px; }
.slider-theme .slider-selection { background-image:none; background-color:#000; }

/* event calendar */
.cal-min-height { min-height:150px; }
.event-calendar-cell { position:relative; margin:-5px -8px -8px; padding:0 8px; background-color:#fff; }
.event-calendar-cell img { margin:0 10px 15px; }
.cal-cell:hover { background-color:#FC0; border-color:#666 !important; border-bottom-color:#999 !important; }
.cal-cell:hover .event-calendar-cell .badge-theme { background-color:#000; }
#table-events-calendar .cal-cell:hover .event-calendar-cell { background-color:transparent; }
#table-events-calendar .cal-cell:hover .text-muted { color:#666; }
#table-events-calendar .cal-cell:hover a:hover { color:#fff; }
#table-events-calendar .cal-cell.other-month:hover a:hover { color:#000; }
#table-events-calendar .cal-cell:hover .event-calendar-cell .cal-event-wrapper,
#table-events-calendar .cal-cell:hover .event-calendar-cell .cal-todo-container,
#table-events-calendar .cal-cell:hover .event-calendar-cell .cal-w-booking
{ border-top-color:#f7a902; }
.cal-popover-content img { max-width:100%; }
.cal-event-title { font-size:1em; padding:6px 0; }
.cal-event-title:hover { color:#fff; cursor:default !important; background-color:#222; padding-left:8px; padding-right:8px; margin-left:-8px; margin-right:-8px; }
.cal-event-title:hover .text-tooltip-theme .fa.text-dark { color:#FC0; }
.cal-event-title .tooltip-theme .tooltip-inner { background-color:#FC0; color:#000; box-shadow: 0 1px 1px rgba(0, 0, 0, .5); }
.cal-event-title .tooltip-theme .tooltip-arrow { border-left-color:#FC0; }
.cal-title-time { display:block; font-size:.8em; padding-top:3px; margin-bottom:1px; }
.cal-event-sepa { margin:5px 0; }
.ca-popover-title { background-color:#000; color:#f9f9f9; }
.cal-todo-container { margin-top:3px; margin-bottom:8px; border-top:1px solid #eee; padding-top:8px; }
.cal-event-wrapper { border-top:1px solid #eee; margin-top:3px; }
.cal-w-booking { border-top:1px solid #eee; margin:3px 0; padding-top:5px; display:block; }
.event-calendar-cell-week .cal-w-booking { border:none; padding-top:0; margin-top:0; }
.event-calendar-cell-week .cal-event-wrapper:first-child { border:none; margin-top:0; }
.event-calendar-cell-week .cal-event-wrapper:first-child .cal-title-time { padding-top:0; }
.event-calendar-cell .badge-sm { font-size:9px; padding:1px 5px 2px; }
.event-calendar-cell .badge-theme { background-color:#FFDD33; }
#table-events-calendar .other-month .event-calendar-cell { background-color:#ddd; color:#000; }
#table-events-calendar .other-month .event-calendar-cell .cal-w-booking { border-color:#ddd; }
#table-events-calendar .other-month .event-calendar-cell a { color:#000; }
#table-events-calendar .other-month .event-calendar-cell .popover a { color:#FC0; }
#table-events-calendar .other-month .event-calendar-cell a:hover { color:#FC0; }
#table-events-calendar thead { background-color:#FC0; }
#table-events-calendar thead td { border-right-color:#383838; }
#table-events-calendar thead td:last-child { border-right-color:#FC0; }
#table-events-calendar td:first-child { border-left-color:#FC0 !important; }
#table-events-calendar td { border-color:#FC0; border-width:2px; padding-bottom:0; }
#table-events-calendar td.other-month { background-color:#ddd; border-color:#ccc; }
#table-events-calendar td.other-month .text-muted { color:#666; }
#table-events-calendar td.other-month .cal-event-wrapper { border-top-color:#ccc; }
#table-events-calendar.table-striped td, #table-events-calendar.table-striped td .event-calendar-cell { background:none; }
#table-events-calendar.table-striped td.other-month { background-color:#ddd; border-color:#ccc; }
#table-events-calendar.table-cal-week tbody tr td:hover { background-color:#FC0; }
#table-events-calendar.table-cal-week tbody tr td:hover .text-muted { color:#fff; }
#table-events-calendar.table-cal-week tbody tr td .popover p.text-muted { color:#333; }
#table-events-calendar.table-cal-week tbody tr td:hover .cal-event-wrapper { border-color:#FC0; }
#start-time-target, #end-time-target, #addon-start-time-target, #addon-end-time-target { position:relative; }
#start-time-target div.bootstrap-timepicker-widget,
#end-time-target div.bootstrap-timepicker-widget,
#addon-start-time-target div.bootstrap-timepicker-widget,
#addon-end-time-target div.bootstrap-timepicker-widget { top:0 !important; left:0 !important; }
.cal-header { line-height:1.6em; }

.container-events-calendar .popover.top { margin-top:0; }
.container-events-calendar .cal-list-events > li { border-top:1px solid #eab000; padding:15px 0; }
.container-events-calendar .cal-list-events > li.cal-today { }
.container-events-calendar .cal-list-events > li:first-child { border:none; padding-top:0; }
.container-events-calendar .cal-list-events > li:last-child { padding-bottom:0; }
.container-events-calendar .cal-day-view-container { border-bottom:1px solid #eab000 !important; padding-bottom:15px !important; margin-bottom:25px !important; }
.container-events-calendar .cal-day-view-container .cal-day-header { font-size:1.1em; color:#000 !important; margin-bottom:10px; }
.container-events-calendar .cal-day-view-container .cal-event-sepa { margin:10px 0 15px; }
.container-events-calendar .cal-day-view-container .cal-day-header-icon { color:#333; }
.container-events-calendar .cal-day-view-container .to-do-label { font-size:.7em; text-transform:uppercase; }
.container-events-calendar .cal-week-view-container { border-top:none; padding-top:2px; }
.container-events-calendar .events-calendar-panel { margin-bottom:10px; border:none; border-radius:0; }
.container-events-calendar .events-calendar-panel img { margin:0 10px 15px; }
.container-events-calendar .events-calendar-panel .date_heading { font-size:1.4em; border-bottom:1px solid #333; padding-bottom:15px; margin-bottom:25px; }
.container-events-calendar .events-calendar-panel .date_heading small { font-size:.6em; }
.container-events-calendar .events-calendar-panel .panel-heading { background:none; border-color:#222; border-width:5px; }
.container-events-calendar .events-calendar-panel .event-content { color:#222; margin-bottom:30px; }
.container-events-calendar .events-calendar-panel .cal-list-locations { margin-bottom:10px; color:#8d6b01; font-size:.9em; }
.container-events-calendar .events-calendar-panel:nth-child(odd) { background-color:#FC0; color:#333; }
.container-events-calendar .events-calendar-panel:nth-child(odd) .text-muted { color:#b49001; }
.container-events-calendar .events-calendar-panel:nth-child(even) { background-color:#000; }
.container-events-calendar .events-calendar-panel a { color:#fff; }
.container-events-calendar .events-calendar-panel .delete-group { font-size:11px; }
.container-events-calendar .events-calendar-panel .delete-group a { color:#666; }
.container-events-calendar .events-calendar-panel .delete-group a:hover { color:#fff !important; }
.container-events-calendar .events-calendar-panel .cal-w-booking { padding-bottom:25px; }
.container-events-calendar .events-calendar-panel .cal-w-booking,
.container-events-calendar .events-calendar-panel .cal-event-wrapper,
.container-events-calendar .events-calendar-panel .cal-todo-container { border:none; margin:0; }
.container-events-calendar .events-calendar-panel .time-thumb { background-color:#FC0; color:#fff !important; margin:0 0 1px; padding:15px 5px; }
.container-events-calendar .events-calendar-panel .add-to-cal { display:block; margin-bottom:20px; }
.container-events-calendar .events-calendar-panel .add-to-cal .btn { float:none; display:block; width:100%; font-size:11px; }
.container-events-calendar .events-calendar-panel .add-to-cal .btn.btn-dark { background-color:#222; }
.container-events-calendar .events-calendar-panel .cal-title-time { color:#000; text-align:center; font-size:11px; }

.container-events-calendar .events-calendar-panel:nth-child(odd) .panel-heading { border-color:#dfa802; }
.container-events-calendar .events-calendar-panel:nth-child(odd) h4 { color:#000; }
.container-events-calendar .events-calendar-panel:nth-child(odd) h4 small,
.container-events-calendar .events-calendar-panel:nth-child(odd) .panel-heading h4 .small { color:#9b7502; }
.container-events-calendar .events-calendar-panel:nth-child(odd) a { color:#000; }
.container-events-calendar .events-calendar-panel:nth-child(odd) p { color:#222; }
.container-events-calendar .events-calendar-panel:nth-child(odd) hr { border-color:#eab000; }
.container-events-calendar .events-calendar-panel:nth-child(odd) .time-thumb { background-color:#000; }
.container-events-calendar .events-calendar-panel:nth-child(odd) .cal-title-time { color:#FC0; }
.container-events-calendar .events-calendar-panel:nth-child(odd) .fa-cal { color:#fff; }
.container-events-calendar .events-calendar-panel:nth-child(odd) .date_heading { border-color:#ebb203; }
.container-events-calendar .events-calendar-panel:nth-child(odd) .delete-group a { color:#725601; }

.container-events-calendar .events-calendar-panel:nth-child(even) h5 { color:#fff; }
.container-events-calendar .events-calendar-panel:nth-child(even) hr { border-color:#222; }
.container-events-calendar .events-calendar-panel:nth-child(even) .cal-list-events > li { border-color:#222; }
.container-events-calendar .events-calendar-panel:nth-child(even) .fa-cal { color:#FC0; }
.container-events-calendar .events-calendar-panel:nth-child(even) .badge-theme { background-color:#FC0; }

.container-events-calendar table h1,
.container-events-calendar table h2,
.container-events-calendar table h3,
.container-events-calendar table h4,
.container-events-calendar table h5,
.container-events-calendar table h6,
.container-events-calendar p { color:#333; }
.container-events-calendar table .popover .popover-title { color:#fff; }
.container-events-calendar table { background-color:#fff; color:#333; }
.container-events-calendar .other-month .text-muted { color:#ccc; }
.container-events-calendar .popover-content a { color:#f7a902; }
.container-events-calendar .popover-content a:hover { color:#000 !important; }

.container-events-calendar .add-to-cal a { color:#333 !important; padding-left:10px; padding-right:10px; }
.container-events-calendar-list .time-thumb { background-color:#222; padding:15px 5px; color:#fff; }

/* fixed divs */
.fixed-bottom-right { position:fixed; bottom:0; right:30px; }

/* class */
.subject-form-container #dropdown-subjects { margin:5px 0 15px; }
table .td-fit { white-space:nowrap; width:1%; }
.list-indented { padding-left:15px; }
.line-height-sm { line-height:1; }
hr.hr-dark { border-color:#222; }
.mce-content-body { padding-top:0; }
.input-text-center input { text-align:left; }
.no-hr hr { display:none; }
.label-hidden .label-hidden { display:none; }
.list-sm { margin-bottom:3px; }
.list-sm li { padding-right:0; }
.text-middle { vertical-align:middle !important; }
.list-striped > li { background-color:#fbfbfb; padding:5px 8px; border-top:1px solid #eee; }
.list-striped > li:nth-child(even) { background-color:#f4f4f4; }
.bg-muted { background-color:#f9f9f9; }
.bg-muted-darker { background-color:#ccc; }
.input-disable-select { cursor:default; }
.text-italic { font-style:italic; }
*.no-border { border:none; stroke:0 !important; }
.modal table { max-width:100% !important; width:100% !important; }
.text-transform-default { text-transform:none; }
.input-group-xs .form-control, .input-group-xs .input-group-addon { height: 23px; padding: 2px 5px; font-size: 11px; line-height: 1; }
.iframe-reset iframe { border:1px solid #ccc; overflow:hidden; }
.fix-position * { position:relative !important; margin-bottom:15px !important; }
.text-strikethrough { text-decoration:line-through; }
.fake-textarea { border:1px solid #ddd; border-radius:4px; padding:5px 8px; }
.bg-light { background-color:#fbfbfb; }
.bg-light a { color:#222; }
.label-theme { background-color:#FFDD33; }
.ms-helper  { color:#F00 !important; }
.text-black { color:#222; }
.text-number-round { width: 35px; text-align:right; border-radius: 10px; border-style: solid; border-width: 1px; }
.badge-black { color:#fff; background-color:#000; }
.text-normal { font-weight:normal; }
.padding { padding:1px 15px; }
.bg-theme { background-color:#FFDD33; }
.margin-sm { margin:5px; }
.margin-top { margin-top:15px; }
.margin-top-2x { margin-top:30px; }
.margin-bottom { margin-bottom:15px; }
a.text-theme:hover { color:#FFDD33; }
.input-group-addon-theme { background-color:#f0b702; border-color:#f6c62f; }
h3.text-thin .label { font-weight:300; letter-spacing:normal; }
h2 .label { font-size:18px; font-weight:300; }
.no-padding { padding:0; }
.no-padding .table > tbody > tr > td { padding-left:15px !important; }
.no-border { border:none; }
.no-padding-top { padding-top:0 !important; }
.margin-bottom-helper { margin-bottom:10px; }
.strong { font-weight:bold; }
.hidden-action { display:none; }
.block { display:block; }
.action-group { border-top:1px solid #eee; margin-top:5px; padding-top:10px; font-family:'Mallanna', sans-serif; font-size:12px; letter-spacing:normal; }
.action-group a { color:#999; }
.action-group a:hover { color:#333; }
.dashboard-video iframe { width:100%; height:196px; }
.breadcrumb { background:none; padding:0 0 15px 0; border-bottom:1px dashed #ccc; font-size:12px; font-family:'Mallanna', sans-serif; letter-spacing:normal; }
.breadcrumb a { color:#222; }
.breadcrumb a:hover { color:#333; }
.visible { display:block; }
.modal .dropzone { min-height:220px; }
.modal .dropzone.dropzone-sm, .dropzone.dropzone-sm { min-height:100px; }
.dropzone.dropzone-dashed { border:1px dashed #ccc; background-color:#fff; }
.hide-overflow { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; /*width:145px;*/ }
.hide-overflow-media { width:145px; }
.hide-overflow-lesson-title { white-space:normal; }
.lesson-thumbnail { min-height:130px; }
.attachment { margin-top:10px; }
.list-student-lesson ul { padding-left:25px; }
.list-item-student-lesson { margin-bottom:8px; padding-left:0px; }
.list-item-student-lesson .bootstrap-switch { margin-top:-3px; }
.list-subject { margin-bottom:0; }
.list-subject li a { background-color:#fff; margin-bottom:1px; padding-left:8px; padding-right:8px; }
.list-subject li li a { background-color:#fbfbfb; }
.text-default { color:#333; }
.text-white { color:#fff !important; }
hr.hr-dashed { border-style:dashed; }
hr.hr-dashed-warning { border-color:#9f7a04; border-style:dashed; }
.input-date { /*width:100px !important;*/ }
.search-box .btn-sm { padding:5px !important; }
.input-group-addon-clear { background-color:transparent; border:none; color:#333; }
.select { display:block; white-space:nowrap; }
.select-disabled { padding-left:20px; }
.select-sub-ul { padding-left:10px;	 }
.no-margin-bottom { margin-bottom:0; }
.margin-bottom-helper { margin-bottom:15px; }
.essay-text { min-height:250px; }
.no-margin { margin:0; }
hr.hr-sm-margin { margin:0 0 5px; }
.border-right-dark { border-right:1px solid #383838; }
.btn-dark { background-color:#000; color:#eee !important; }
.btn-dark:hover, .btn-dark.active { background-color:#333; color:#fbfbfb !important; }
.btn-dark.active { color:#ccc !important; }
.btn-warning { background-color:#FFDD33; color:#333; border-color:#fab700; }
.btn-warning:hover { background-color:#ffd460; color:#333; border-color:#fab700; }
.panel-dark { background-color:#333; }
.panel-todo { border: solid; border-width: 1px; border-color: #0a0c0e; }
.panel-todo-content { border-top: none; }
.todo-header { font-size: 10pt; color: white; font-weight: bold; text-transform: uppercase; }
.panel-dark .alert { background-color:#fff; }
.bg-dark { background-color:#383838; }
.bg-dark label { color:#fff; }
.bg-dark h4 { color:#fff; }
.bg-darker { background-color:#2d2d2d; }
#page-content-wrapper .bg-dark .open > a,
#page-content-wrapper .bg-dark .open > a:focus,
#page-content-wrapper .bg-dark .open > a:hover { background-color:#FFDD33; }
.nav.bg-dark a { color:#fff; }
.btn-loader { margin-top:-3px; }
.message-global .alert { border-radius:0; }
.table > tbody > tr > td.sub-list { padding-left:35px; }
.credit { font-size:30px; color:#333; width:150px; font-family:'Mallanna', sans-serif; text-align:center; padding:10px 25px 0; background-color:#fff; border:1px solid #ccc; }
.credit span { font-size:13px; display:block; font-weight:bold; color:#999; }
.video-js { width:100% !important; min-height:340px !important; height:auto !important; }
.switch-user-btn { padding-top:5px; color:#FC0; }
.switch-btn { display:block; padding:25px 15px; text-transform:uppercase; }
.modal-backdrop { position:fixed; }
.text-white { color:#fff; }
.text-theme { color:#FFDD33; }
.text-lg { font-size:1.4em; }
hr.hr-no-margin { margin-top:5px; margin-bottom:15px; }
.datepicker { z-index: 1041 !important; }
.trim { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text-strikethrough { text-decoration:line-through; }
a.text-muted { color:#777; }
.text-muted-lighter { color:#eee; }
.well-warning { background-color:#FFDD33; }
.no-margin-left, .to-do-list-container ul ul .add-to-do-box.no-margin-left { margin-left:0 !important; }
.no-border, ol.no-border li { border:none; }
.user-answer { padding-left:25px; }
.to-do-option-wrapper { margin-top:-19px; }
.padding-left-default, .to-do-to-do-list span.padding-left-default { padding-left:12px; }
.indent, .table > tbody > tr > td.indent { padding-left:30px; }
.question-list-action { padding-top:6px; margin-right:-20px; }
div.scrollbox { padding-right:15px; }
div.scrollbox.scrollbox-history { padding-right:10px !important; }
a .text-muted:hover { color:#f0b702; }
.chk-disable { color:red; background-color:blue; }
.no-margin-top { margin-top:0; }
.content-img-responsive img { max-width:100%; }
.select-answer-disabled:hover { cursor:default; }
.td-indent { padding-left:20px !important; }
.even { background-color:#fbfbfb; }
.col-border-left { border-left:1px solid #eee; padding-left:30px; }
.border-left { border-left:1px solid #eee;  }
.tr-level-2 { padding-left:20px !important; }
.tr-level-3 { padding-left:40px !important; }
.display-block { display:block; }
.text-strong { font-weight:bold; }
.text-nowrap { white-space:nowrap; }
.text-truncate-self { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.text-truncate { width:100%; }
.text-truncate .text-truncate-container { position: relative; }
.text-truncate .text-truncate-content { position: absolute; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.text-truncate .text-truncate-spacer { height: 0; overflow: hidden; }
td.td-border-md { border-width:8px; }
table.border-solid, td.td-border-solid { border-style:solid; }
table.hr-margin-sm hr { margin:5px 0; }
td.td-border-dark { border-color:#373737; }
td.shoe-icon-on-left { background-image:url(/images/events_calendar/shoe-icon.png); background-position:10px 4px; background-repeat:no-repeat; }
td.logo-trace-on-left { background-image:url(/images/events_calendar/logo-trace.png); background-position:10px 4px; background-repeat:no-repeat; }
td.image-bg-middle { background-position:10px center; }
td.bg-dark { background-color:#373737; }
td.bg-white { background-color:#fff; }
h2.h2-lg { font-size:3em; margin-bottom:0; }
tr.tr-active td { font-weight:bold; color:#222; }
tr.tr-active td:hover { cursor:default; }
.padding-default { padding:15px; }
.no-padding-right { padding-right:0; }
.no-padding-left { padding-left:0; }
.no-padding-top { padding-top:0; }
.no-padding-bottom { padding-bottom:0; }
.modal-header .btn-group.close { filter: alpha(opacity=100); opacity:1; }
.cursor-href { cursor: pointer; }

.btn-hover-theme:hover, .btn-hover-theme:hover .help-block { color:#FC0; }
.btn-overlay { position:absolute; width:100%; height:100%; }
.btn-overlay-dark { background-color:rgba(0, 0, 0, 0.5); }
.btn-overlay-dark:hover { cursor:pointer; }

.list-answer { margin-left:25px; }
.list-answer li { padding:5px 0; }
.take-choices { padding-left:50px; }
.take-choices .choice { margin-left:-40px; float:left; display:block; }

.list-icon { margin-top:10px; }
.list-icon li { padding:5px 0 5px 20px; line-height:1; }
.list-icon .icon-active { display:none; }
.list-icon .glyphicon, .list-icon .fa, .list-icon .btn-loader { margin-left:-25px; margin-right:6px; margin-top:2px; background-color:#fff; }
.list-icon li a { display:block; }
.list-icon li a.select-answer:hover .icon-active { display:inline-block; }
.list-icon li a.select-answer:hover .icon-default { display:none; }
.list-icon.small { font-size:88%; }
.list-icon .choices-text { }
.list-icon li.list-icon-header { padding-left:0; background-color:#fff; padding-top:15px; color:#000; }

.list-icon .list-active, .list-icon a.active { color:#333; }
.list-icon .list-active .glyphicon, .list-icon a.active .glyphicon, .list-icon a.active .fa { color:#333; font-size:1.4em; margin-left:-27px; }

.list-muted li a { color:#777; }
.list-muted li a:hover { color:#333; }

.list-icon-lg { margin-left:5px; }
.list-icon-lg li { line-height:1.4; }

.list-connect { border-left:1px solid #888; margin-left:9px; }
.list-connect li { margin-left:-1px; }
.list-connect li a { padding:0 0 10px; }
.list-connect li:last-child { background-color:#fff; }

.list-answer-chk { margin-top:15px; }
.list-answer-chk li { padding:5px 0; }

.text-muted a { color:#777; }
.text-muted a:hover { color:#FFDD33; }

.text-default a { color:#555; }
.text-default a:hover { color:#333; }

.panel-even { background-color:#fbfbfb; }
.panel-odd { background-color:#fff; }

.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, .bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small, .bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small { color:#FFDD33; }

.bootstrap-select.btn-group .dropdown-menu.open { z-index:1040; }

#explanation-box { margin-top:5em; }
#explanation-box, .explanation-box { display:none; }

.btn-group-circle > .btn-group > .btn, .btn-circle { border-radius:50% !important; margin-right:5px; padding-left:7px; padding-right:7px; }

.take-quiz-wrapper img { max-width:100%; }
.result-list { padding-bottom:3em; }

.label-circle { border-radius:50%; display:inline-block; padding:3px; }
.list-default li { line-height:1.2; padding-top:2px; padding-bottom:2px; }

/* bs override */
.progress-bar-warning { background-color:#f0b702; }
.progress-xs { height:5px; }
.popover { max-width: 600px; width:600px; }

.nav-tabs.nav-arrow { border-bottom:1px solid #eee; margin-bottom:15px; padding-left:0; padding-right:0; }
.nav-tabs.nav-arrow > li > a { border: none!important; border-radius:0; text-transform: uppercase; }
.nav-tabs.nav-arrow > li > a:hover { border: none; border-radius:0; background-color:transparent; }
.nav-tabs.nav-arrow > li.active > a { background-color:#222; color:#fff; }
.nav-tabs.nav-arrow > li > ul > li a { color:#000; }

.modal.modal-full { padding-right:0 !important; }
.modal.modal-full .modal-dialog { width:100%; margin:0 auto; }
.modal.modal-full .modal-body { padding-top:0; padding-bottom:0; }
.btn.active { cursor:default; }

li.list-group-item.list-group-item-thick-3x { border-bottom-width:5px; }

/* selectpicker */
.white-space-normal .selectpicker a { white-space: normal; }

/* on large screens, I use a different layout, so 600px are sufficient */
@media only screen and (min-width: 600px) {

}

@media (max-width:800px) {
	body { padding-top:50px; position:relative; }

	/* header */
	#wrapper-header { font-size:12px; }
	#wrapper-header .header-right { margin-top:6px; margin-bottom:0; }
	#wrapper-header .header-cr { padding:7px 4px; font-size:11px; }
	#wrapper-header .switch-user-btn { font-size:10px; padding:8px 10px; }
	#wrapper-header h1.logo img { max-width:100%; margin-top:3px; margin-bottom:5px; }

	/* sidebar nav */
	.sidebar-nav li a { padding:5px 0 5px 30px; font-size:11px; }
	.sidebar-nav li hr { margin:5px 0; }

	/* tasks */
	.list-connect li a { padding-bottom:0; }
	.select-answer { font-size:11px; }
	.question-nav { max-width:130px; min-width:130px; }
}

@media(min-width:768px) {
    #wrapper { padding-left: 90px; }
    #wrapper.toggled { padding-left: 90px; }
    #sidebar-wrapper { width: 150px; background-color:#fff; }
	.sidebar-nav li a { color:#333; }
    #wrapper.toggled #sidebar-wrapper { width: 0; }
    #page-content-wrapper { padding:20px 5px 20px 40px; }
    #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; }
}

@media(min-width:800px) {
	#wrapper { padding-left: 215px; }
	#sidebar-wrapper { width: 215px; }
}

@media(max-width:767px){
	#wrapper { margin-top: 40px; }
	#content-nav { position: relative !important; }
	#topic-list {margin-top: 100px;}
	.question-nav-lg {max-width: 100% !important;}
	#page-content-wrapper { top: 35px;}
	}
	.timeline-movement {
		margin-right: 0;
    	margin-left: 0;
	}

/* print */

/* dropdown notification */

.dropdown-notification {
	font-size: 18px;
}
.dropdown-notification > a {
	float: left;
}

/* admin student notification */

.student-notification {
	padding: 10px;
}
.student-notification-container {
	margin-bottom: 15px;
}
.student-notification-image-thumbnail {
	height: 100px;
}
.student-notification-message-preview {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 16px;     /* fallback */
	height: 32px;      /* fallback */
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.student-notification-name-preview {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 16px;     /* fallback */
	height: 16px;      /* fallback */
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}

/* messaging */

#modal-message-detail .modal-dialog {
	height: 100%;
}

#modal-message-detail .modal-content {
	height: 100%;
}

#modal-message-detail .scrollbox {
	height: 90%;
}

.notif-counter {
	display:none;
}

/* Student Dashboard Graphs */

.ct-legend-horizontal, .ct-legend-vertical {
	position: relative;
	z-index: 10;
	list-style: none;
}
.ct-legend-horizontal li, .ct-legend-vertical li {
	position: relative;
	padding-left: 15px;
	margin-bottom: 3px;
	margin-right: 10px;
	font-size: small;
}
.ct-legend-horizontal li {
	float: left;
}
.ct-legend-horizontal li:before, .ct-legend-vertical li:before {
	width: 12px;
	height: 12px;
	position: absolute;
	left: 0;
	top: 3px;
	content: '';
	border: 3px solid transparent;
	border-radius: 2px;
}
.ct-legend-series-1:before {
	background-color: #FA7923;
	border-color: #FA7923;
}
.ct-legend-series-2:before {
	background-color: #33FFCC;
	border-color: #33FFCC;
}
.ct-legend-series-3:before {
	background-color: #6666CC;
	border-color: #6666CC;
}
.ct-legend-series-4:before {
	background-color: #FF00CC;
	border-color: #FF00CC;
}
.ct-legend-series-5:before {
	background-color: #FFFF33;
	border-color: #FFFF33;
}
.ct-legend-series-6:before {
	background-color: #59922b;
	border-color: #59922b;
}
.ct-legend-series-7:before {
	background-color: #0544d3;
	border-color: #0544d3;
}
.ct-legend-series-8:before {
	background-color: #6b0392;
	border-color: #6b0392;
}
.student-dashboard-graph-text-align-center {
	width: 100%;
	height: 100%;
	align-items: center;
	display: flex;
	justify-content: center;
	font-weight: bold;
}
.student-dashboard-marked-work-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 16px;     /* fallback */
	height: 16px;      /* fallback */
	-webkit-line-clamp: 1; /* number of lines to show */
	-webkit-box-orient: vertical;
}
.student-dashboard-graph-custom-height-row-1 {
	height: 294px;
}
.student-dashboard-graph-custom-height-bar {
	height: 215px;
}
.student-dashboard-graph-custom-height-row-1 .scrollbox {
	height: 95%;
}
.student-dashboard-graph-custom-height-row-2 {
	height: 397px;
}
.student-dashboard-graph-custom-height-pie {
	height: 318px;
}
.dropdown-notification-item {
    border-bottom: 1px #f1f5fc solid;
}

.dropdown-notification-item .marker-photo, .dropdown-notification-item .sender-photo {
    width: 38px;
}

.dropdown-notification-item .marker-content, .dropdown-notification-item .sender-content {
    display: block;
    width: 90%;
    margin-left: 45px;
    margin-top: -24px;
}

.dropdown-notification-item .dropdown-notification-body {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px;
    height: 16px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.dropdown-scrollbox {
    overflow: auto;
    max-height: 450px;
    padding-right:0px;
	width:100% !important;
}

.span-points {
	background: url(/images/nav_images/points_bg.png) no-repeat scroll 0px 100% / cover transparent;
}

.div-points {
	display: inline-block;
	height: 29px;
}

.div-inner-points {
	text-align: center;
    margin: 5px;
    color: #FFDC00;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.li-student {
	padding-right: 7px !important;
    padding-left: 7px !important;
}

/* Input with icon add on style start */
.inner-addon {
    position: relative;
}

.inner-addon .fa,
.inner-addon .glyphicon {
  position: absolute;
  padding: 10pt;
  pointer-events: none;
}

.left-addon .fa, .left-addon .glyphicon  { left:  0;}
.right-addon .fa, .right-addon .glyphicon  { right: 0;}

.left-addon input  { padding-left:  20pt; }
.right-addon input { padding-right: 20pt; }
/* Input with icon add on style end */