/*
|---------------------------------------------------------------
| INDUAL CI FRAMEWORK
| http://www.indual.ch
|---------------------------------------------------------------
|
| Main stylesheet: style.css
|
*/


/* Basic */

body {
	color: #333;
	font-weight: 300;
	background: #e3942d;
}
body.iosBugFixCaret.modal-open {
	position: fixed;
}

.tooltip {
	min-width: 150px;
	z-index: 12000;
}


.filter {
	background: #e6e6e6;
	margin-bottom: 20px;
	padding-bottom: 0px;
}

.big-list-icon {
	color: #333;
	font-size: 350%;
	margin: 3px 0;
}

img.big-list-icon {
	width: 120%;
	margin-left: -5%;
}

.thumbnail-page.big-list-icon {
	width: 75%;
	margin-left: 5%;
}

.navbar-header h1#app_title {
	padding-left: 25px;
}

.nav > li > a  {
	font-size: 14px;
	line-height: 14px;
}
.nav > li > a i {
    width: 22px;
    font-size: 18px;
   	margin-left: 6px;
	text-align: center;
}

body.mini-navbar .navbar-static-side {
	width: 45px;
}
body.mini-navbar #page-wrapper {
	margin-left: 45px;
}
.mini-navbar li.active .nav-second-level {
	left: 81px;
	width: 200px;
}
.mini-navbar .nav-second-level {
	background: transparent;
	padding: 0;
}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li {
	border: none;
}
body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
	border-radius: 0;
}



.newsticker {
	padding-right: 30px;
}

.event_date {
	font-weight: bold;
}

.modal-dialog {
	min-width: 80%;
	max-width: 900px;
}

.modal-small {
	min-width: 40%;
	max-width: 500px;
}

.modal-footer {
	text-align: left;
}



#page-wrapper {
	border: none;
}

#page-wrapper,
#page-wrapper .navbar,
#page-wrapper > div.row {
	-webkit-box-shadow: inset 9px 0px 10px -10px rgba(123,131,137,1);
	-moz-box-shadow: inset 9px 0px 10px -10px rgba(123,131,137,1);
	box-shadow: inset 9px 0px 10px -10px rgba(123,131,137,1);
}

.template-tag {
	font-size: 100%;
}


.logo {
	width: 160px;
	margin-top: 25px;
}

.page-heading {
	padding-bottom: 15px;
}

.page-heading h1 {
	color: #333 !important;
	font-weight: 600;
}

.text-status {
	font-weight: bold;
}

.text-success {
    color: #3c763d;
}
.text-warning {
    color: orange;
}
.text-danger {
    color: red;
}
.pull-text-right {
	text-align: right;
}

a {
	color: black;
}
a:hover,
a:focus,
a:active {
	color: #7c8388;
}

:focus {
	outline: 0;
}

.pace .pace-progress {
	background: #7c8388;
}

h1#app_title {
	float: left;
	font-size: 18px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
}

h2 {
	font-size: 22px;
}


.ibox-title {
	padding-left: 20px;
	padding-right: 15px;
}

.dashboard .ibox-title h5 {
	float: none;
}

.borderless {
	border-top: none;
}

.ibox-footer {
	padding-left: 20px;
	padding-right: 20px;
}

.ibox-footer .btn-default {
	background: white;
}

.ibox,
.forum-container {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.ibox-title {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ibox-content-table {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ibox-content-buttonbar {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-width: 0;
	padding-top: 20px;
	background: #e5e5e5;
}

.ibox-content {
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.ibox-footer {
	background: #e7eaec;
	margin-top: -3px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}


.independent-wrapper {
	margin-right: -15px;
    margin-left: -15px;
}

.independent-wrapper .ibox .ibox-title,
.independent-wrapper .ibox .ibox-content {
	padding-left: 25px;
	padding-right: 25px;
}

.wrapper-content {
	padding-left: 0;
	padding-right: 0;
}


.ibox-title {
	border-color: #bbb;
}


.customer_list {
	width: 200px;
}


.alert {
	margin-top: 15px;
}

.buttons {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px solid #eee;

}

/* Logo & Navigation */

#navbar-logo {
	height: 145px;
	text-align: center;
	color: white;
	padding-top: 20px;
	background: #333;
}
#navbar-logo img {
	max-width: 160px;
	height: auto;
	margin-top: 12px;
}

#login-logo img {
	width: 230px;
	margin-bottom: 30px;
}

.mini-navbar #navbar-logo img {
	display: none;
}


.navbar-default {
	position: fixed;
}

.navbar-default .nav > li > a {
	color: white;
}

.navbar-default .nav > li a:hover,
.navbar-default .nav > li.active {
	background: transparent;
	color: black;
	border: none;
}

.navbar-default .nav > li > a:hover {
	color: white !important;
	background: #ff6600 !important;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:hover {
	color: #ff6600 !important;
	background: white !important;
}

.navbar-default .nav.nav-second-level li {
	background: #1d1d1a !important;
}

.tabs-container .nav-tabs {
	padding-left: 18px;
	border-bottom: none;
}

.nav-tabs > li > a {
	padding-left: 20px;
	padding-right: 20px;
}

.nav-second-level li a {
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 75px;
}


/* Forms */


.login-footer {
	color: black;
	font-size: 12px;
	position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 4px solid #bbb;
  background: #fff;
	padding: 5px 10px 0 10px;
	height: 65px;
}

.login-footer p {
	margin-top: 6px;
}
.login-footer .img-text {
	clear: both;
	overflow: auto;
	margin-top: 20px;
	margin-left: 15px;
}
.login-footer .img-text img {
	display: inline-block;
	float: left;
}
.login-footer .img-text span {
	float: left;
	display: inline-block;
  padding: 1px 0 0 5px;
}
.login-footer h4 {
	font-size: 15px;
	color: black;
}
.login-footer a {
	text-decoration: underline;
	font-size: 12px;
	color: black;
}
.login-footer .center {
	text-align: center;
}
.login-footer .center b {
	font-size: 120%;
}
.login-footer .left {
	text-align: left;
	position: absolute;
	top: 0; left: 5px;
}
.loginscreen.middle-box {
    padding-bottom: 100px;
}
@media (max-width: 500px) {

	.login-footer {
		position: static;
		width: auto;
		margin: 0 10px;
	}

	.loginscreen {
		width: auto;
		max-width: auto;
		margin: 0 10px;
	}

	.loginscreen.middle-box {
	    padding-bottom: 0;
		width: auto;
		max-width: none;
	}
}
@media (max-width: 880px) {
	.login-footer .center {
		text-align: left;
	}
	.login-footer {
		height: auto;
	}
	.login-footer .left {
		float: left;
		position: static;
		clear: both;
		text-align: left;
	}
}

.btn:hover,
.btn:active,
.btn:focus {
	color: black;
}

.btn-primary,
.btn-primary:focus,
.btn-primary:active {
	background-color: #e3942d;
	border-color: #e3942d;
	color: white;
}
.btn-primary:hover {
	background: #1d1d1a;
	color: white;
	border: 1px solid #1d1d1a;
}

.form-control:focus {
	border-color: #666 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #86a500;
}

.select2-container .select2-selection--single {
	height: 34px;
	border-radius: 0;
	border-color: #e5e6e7;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 32px;
}


.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 32px;
}

.select2-container,
.select2-dropdown {
	z-index: 10002;
}

.wrapper .select2-container,
.wrapper .select2-dropdown {
	z-index: 2000;
}


.filter .select2-container,
.filter .select2-dropdown {
	z-index: 500;
}

.select2-search,
.select2-search input {
	z-index: 500;
}

.form-control,
.single-line,
input {
	color: black;
}

.note-editor {
	background: white;
	min-height: 150px;
}
.note-action {
	float: right;
}

.datepicker {
	z-index: 10010 !important;
}


.input-daterange .form-group {
	width: 100px;
	margin-right: 5px;
}

.input-daterange input {
	padding: 6px 4px;
	text-align: left;
}


.dropzone {
	border: 2px dashed #86a500;
	padding: 0;
}
.dropzone .dz-message {
	font-size: 16px;
	font-style: italic;
	margin: 4em 1em;
}
.dropzone .dz-preview {
	margin: 10px 0 0 10px;
}

.dropzone.dz-clickable * {
    cursor: pointer;
}

.dropzone .dz-preview .dz-image,
.dropzone .dz-preview.dz-file-preview .dz-image {
	border-radius: 5px;
	width: 168px;
	height: 126px;
	background: #eee;
}

.dropzone[data-thumbnail="true"] .dz-preview .dz-image,
.dropzone[data-thumbnail="true"] .dz-preview.dz-file-preview .dz-image {
	width: 168px;
	height: 126px;
}


.dropzone .dz-preview .dz-image img {
	width: 100%;
}

.dropzone .dz-preview .dz-details {
	padding: 1em 0.5em;
	font-size: 12px;
}

.dropzone .dz-preview .dz-details .dz-size {
	font-size: 10px;
}

.dropzone .dz-preview .dz-progress {
	top: 70%;
}
.dropzone .dz-preview .dz-remove {
	font-size: 12px;
	color: #666;
}

.dropzone .dz-progress {
	display: none;
}

.dropzone .dz-processing .dz-progress,
.dropzone .dz-success .dz-progress,
.dropzone .dz-complete .dz-progress {
	display: block;
}


.sk-spinner-wave div {
	background-color: #86a500;
}


.slider-handle {
	background: #86a500;
}
.slider-selection {
	background: #999;
}


/* Tables */

.table_action_row {
	width: 20px;
}
.table_action_row i {
	font-size: 1.1em;
}





/* Content */

.progress {
	background: #eee;
}

.progress-bar {
	background-color: #86a500;
}

ul {
	margin-left: -18px;
}

.btn,
.btn-link {
	font-weight: 300;
}

.btn-link:hover {
	color: black;
}


.sortable {
	list-style: none;
	margin: 0;
	padding: 0;
}
.sortable li {
	margin: 0;
	padding: 0;
	display: block;
}
.sortable li .handle {
	cursor: pointer;
}

.quiz_inactive {
	color: red;
}




/* Responsive */


@media (max-width: 1000px) {
	.body-small .navbar-header h1#app_title {
		display: none;
	}

	.login-footer {
		height: auto;
		padding-bottom: 5px;
	}

	.login-footer .img-text {
		margin: 10px 0;
	}

	.login-footer .center,
	.login-footer .left,
	.login-footer .right {
		width: 100%;
		float: none;
		text-align: left;
		position: static;
	}

	.navbar-top-links li a {
		padding-left: 35px;
	}

	h1.site_title {
		font-size: 20px;
		margin: 15px 0 0 0;
		line-height: 1.2;
	}
}



@media (max-width: 580px) {
	h1#app_title {
		display: none;
	}

	.middle-box {
		padding-top: 15px;
	}

	#login-logo img {
		width: 140px;
		margin-bottom: 15px;
	}

	label {
		width: 100%;
	}
	.input_additional_infos {
		width: 100%;
	}

	.buttons a,
	.buttons button {
		width: 100%;
		float: none;
		margin-bottom: 5px;
	}
}

.question_wrapper.inactive .contact-box {
	background: white;
}
.question_wrapper.active .contact-box {
	background: #d7e9cb;
	border: 1px solid #bbdaa7;
}
.quiz-question-group-wrapper .contact-box {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 4px 7px;
	margin: 0;
	margin-bottom: 12px;
}
.quiz-question-group-wrapper .contact-box.ui-sortable-placeholder {
	background: transparent;
}
.quiz-question-group-wrapper .contact-box:last-child {
	margin-bottom: 0px;
} 
.quiz-question-group-wrapper .question-sortable-handle {
	width: 13px;
	height: 9px;
	margin: 5px 8px 0 0;
}
.quiz-question-group-wrapper .question-sortable-handle::before {
	width: 13px;
	height: 5px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}
.quiz-question-group-wrapper .question-sortable-handle::after {
	width: 13px;
	border-bottom: 1px solid #666;
	height: 4px;
}
.answer:first-child {
	border-top: 1px solid #eee;
}
.answer {
	border-bottom: 1px solid #eee;
}
.answer p,
.answer .ibox-tools {
	padding-top: 8px;
	padding-bottom: 8px;
}
.answer .row.attachments:empty {
    display: none;
}


.ibox-tools a {
	color: #333;
}

.ibox-tools-dropdown {
	display: inline-block;
    float: right;
    margin-top: 0;
    position: relative;
    padding: 0;
	margin-left: 20px;
}
.ibox-tools-dropdown .dropdown-tools {
	display: inline-block
}

.btn-default {
	background: #e6e6e6;
	border-color: #ddd;
	color: #333;
}

.filter_buttons .btn-default {
	background: white;
}


.answer_check input {
	margin-left: 10px;
}

.answer.answer_show {
	margin: -10px 0 5px 0;
	padding: 5px 20px;
	text-align: center;
	cursor: pointer;
}
.answers .contact-box {
	margin-bottom: 5px;
}
.answer.answer.is_correct {
    border-left: 10px solid #86a500;
}
.answer.answer.is_false {
    border-left: 10px solid #e53935;
}

.answer.answer p.answer_question_type_3_sort {
	padding-left: 10px;
}

.attachments .col-md-6,
.attachments .col-md-12.video {
		padding-top: 15px;
		padding-bottom: 15px;
}
.attachments img,
.attachments video,
.attachments audio {
	max-width: 100%;
	clear: both;
}
.attachments {
	margin-bottom: 20px;
}

label input[type=checkbox].form-control {
    width: auto;
    float: left;
    height: auto;
    margin-right: 10px;
}
.bootstrap-datetimepicker-widget {
	z-index: 11000;
}

.contact-box {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cbd1d5;
}


.contact-box .btn-xs {
	margin-top: 5px;
}
.contact-box .btn-primary {
	color: #fff;
}
.contact-box .button_text {
	display: inline-block;
	vertical-align: middle;
	padding-top: 3px;
}

.contact-box-footer {
	border-top: 1px solid #ddd;
	color: #666;
	background: #e6e6e6;
	padding: 10px;
	margin: 10px -20px -20px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.contact-box .top-info,
.contact-box .bottom-info {
	overflow: auto;
}
.contact-box .bottom-info {
	float: left;
	line-height: 30px;
}
.contact-box .top-info .top-info-block,
.contact-box .bottom-info .bottom-info-block {
	float: left;
	margin-right: 30px;
}
.contact-box.full-width h2 {
	margin-top: 10px;
}
.contact-box.full-width .ibox-tools a,
.table_action_row a {
    font-size: 18px;
	color: #666;
    margin-left: 12px;
}
.contact-box.full-width .ibox-tools a:hover,
.table_action_row a:hover {
	color: #000;
}
.contact-box .bg-danger {
	background-color: #e4b9b9;
	color: #d65e5c;
    font-weight: 600;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 3px;
}
.unique_login_button {
	margin-right: 10px;
}
.inactive-state-text {
	color: #ef5350 !important;
}
.active-state-text {
	color: #7CB342 !important;
}
.no-click {
	cursor: default !important;
}
.view-bottom-big-button {
	text-align: center;
	height: 60px;
	border: 3px solid #DEDEDE;
	margin: 10px 15px 40px 15px;
	border-radius: 3px;
	line-height: 55px;
	padding: 0;
}
.view-bottom-big-button a {
	display: block;
	color: #888;
}
.view-bottom-big-button a i {
    display: inline-block;
    margin-right: 10px;
    font-size: 130%;
}
.view-bottom-big-button:hover {
	background-color: #DEDEDE;
}
.filter-with-label .filter-label {
	padding: 0;
	padding-top: 8px;
	text-align: right;
	font-size: 14px;
}
.answer.was_correctly_selected,
.answer.was_correctly_not_selected {
	position: relative;
}
.answer.was_correctly_selected:before,
.answer.was_correctly_not_selected:before {
  content: "\f00c";
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
	position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -7px;
}
.answer.was_correctly_not_selected:before {
  content: "\f00d";
}
.send i.fa.fa-paper-plane {
    color: #86a500;
}
i.fa.fa-primary {
    color: #86a500;
}
.red-tooltip + .tooltip > .tooltip-arrow {
	border-top-color: #f00;
}
.red-tooltip + .tooltip > .tooltip-inner {background-color: #f00;}

.dl-small {
	margin-bottom: 10px;
}

.question-sortable-handle,
.question-collapse-handle {
  display: inline-block;
  width: 20px;
  height: 20px;
  float: left;
  margin: 10px 10px 0 0;
  position: relative;
	cursor: move;
}

.question-collapse-handle {
	margin: 7px 10px 0 0;
	font-size: 17px;
	cursor: pointer;
}

.question-sortable-handle {
  position: relative;
	cursor: move;
}

.question-sortable-handle:after {
	content: '';
	width: 20px;
	border-bottom: 2px solid #666;
	height: 5px;
	display: block;
}

.question-sortable-handle:before {
	content: '';
	width: 20px;
	height: 7px;
	border-top: 2px solid #666;
	border-bottom: 2px solid #666;
	display: block;
}

div.ui-sortable-placeholder {
	background: none;
	margin: 5px 15px;
	margin-bottom: 20px;
}
.ui-sortable.sortable_active p,
div.ui-sortable-placeholder p {
	display: none;
}




.ui-sortable.sortable_active .answer,
div.ui-sortable-placeholder .answer,
div.question_collapsed .answer,
.ui-sortable.sortable_active .question_wrapper .btn,
div.ui-sortable-placeholder .question_wrapper .btn,
.question_wrapper.question_collapsed .btn,
.ui-sortable.sortable_active .question_wrapper .row.attachments,
div.ui-sortable-placeholder .question_wrapper .row.attachments,
.question_wrapper.question_collapsed .row.attachments,
.ui-sortable.sortable_active .question_wrapper .introduction,
div.ui-sortable-placeholder .question_wrapper .introduction,
.question_wrapper.question_collapsed .introduction,
.ui-sortable.sortable_active .question_wrapper .question_type_4_stars,
div.ui-sortable-placeholder .question_wrapper .question_type_4_stars,
.question_wrapper.question_collapsed .question_type_4_stars {
    display: none;
}
.question_type_4_stars .fa-star {
	display: none;
}
.question_type_4_stars .selected .fa-star {
	display: inline;
}
.question_type_4_stars .fa {
	color: #AEAEAE;
}
.question_type_4_stars .selected .fa {
	color: #000;
}


.question-collapse-handle > i {
	display: none;
}
.question-collapse-handle > i.collapsed {
	display: block;
}
div.question_collapsed .question-collapse-handle > i {
	display: block;
}
div.question_collapsed .question-collapse-handle > i.collapsed {
	display: none;
}


.answer a.answer_sort_handle {
	cursor: move;
}

.wrapper.questions_outer_wrapper {
	padding-top: 0;
}
.questions_wrapper {
	padding-top: 0px;
}

.questions_wrapper .btn-default {
	background: #333;
	color: white;
}

.questions_wrapper .contact-box {
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.ui-sortable.answer_sortable_active .row.attachments,
div.ui-sortable-placeholder .row.attachments {
    display: none;
}
.ui-sortable.answer_sortable_active  div.ui-sortable-placeholder {
	margin: 0;
}

@media (max-width: 500px) {
	div.questions_wrapper .col-md-12,
	div.questions_wrapper .col-xs-1,
	div.questions_wrapper .col-xs-10 {
		padding: 0;
	}
	div.questions_wrapper .answer_check input {
	  margin-left: 15px;
	}
}

.tabs-container {
	margin-top: 20px;
}

.cf {
	clear: both;
}

.question_type_1_edit {
	position: relative;
}
.question_type_1_edit img {
	width: 100%;
}
.question_type_1_edit > div {
	position: absolute;
	box-sizing: border-box;
  border: 2px solid black;
  background: rgba(0, 0, 0, 0.1);
}

.question_type_1_edit .button_bar {
	width: auto;
	height: auto;
	margin-top: 5px;
}

.question_type_1_edit .label_bar {
    clear: both;
    color: black;
    text-shadow: 1px 1px 2px #FFF;
    padding: 4px;
}

.question_type_1_edit .label_bar input {
	width: 100%;
}

.question_type_1_edit div.is_correct {
  border: 2px solid rgb(134, 165, 0);
  background: rgba(134, 165, 0, 0.3);
}
.question_type_1_edit div.is_incorrect {
  border: 2px solid rgb(229, 57, 53);
  background: rgba(229, 57, 53, 0.3);
}

.question_type_1_edit .button_bar div {
	cursor: pointer;
	float: left;
	width: 20px;
	height: 20px;
	color: black;
	font-size: 20px;
	text-align: center;
	margin-left: 5px;
}

.ui-resizable-e {
	cursor: e-resize;
	position: absolute;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-s {
	cursor: s-resize;
	position: absolute;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-se {
  cursor: se-resize;
	position: absolute;
  width: 12px;
  height: 12px;
	opacity: 0.2;
  right: 1px;
  bottom: 1px;
	background: black;
}

.link-dialog .checkbox label::before {
    display: none;
}

.link-dialog .checkbox input[type="checkbox"] {
    opacity: 1;
}

#gap_div .answer,
#pacman_div .answer {
	overflow: auto;
  height: auto;
  padding: 5px 0;
}
#gap_div .answer input[type='text'],
#pacman_div .answer input[type='text'],
#pacman_div .ibox-title input[type='text'] {
	min-width: 100%;
}
#gap_div .btn-xs,
#pacman_div .btn-xs {
	margin-top: 5px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 14px;
}

span.gap_text_correct {
	background-color: green;
	color: black;
}
span.gap_text_would_be_correct {
	color: green;
}
span.gap_text_incorrect {
	background-color: red;
	color: black;
}
a.forum-item-title {
  color: black;
  text-decoration: none;
}

.body-small .question_wrapper .question-sortable-handle,
.body-small .question_wrapper .answer_sort_handle {
	display: none;
}

.faq-entry,
.faq-entry-content {
	opacity: 1;
	height: auto;
	transition: opacity 1s ease-out;
}

.faq-category.collapsed .faq-entry,
.faq-entry.collapsed .faq-entry-content {
    opacity: 0;
    height: 0;
    overflow: hidden;
	transition: opacity 1s ease-out;
}
.faq-category h2,
.faq-entry h3 {
	cursor: pointer;
}

.short_register {
	margin-left: 10px;
	margin-right: 10px;
}

#submit_short_register_spinner {
	display: none;
	text-align: center;
	font-size: 25px;
}
.middle-box.short-register {
	max-width: 600px;
}

/*** file management **/
.file-manager ul {
	margin-left: 0;
}
.file-name br {
	display: none;
}
.file-name div,
.file-name small {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	display: block;
}

.folder-list .active span,
.tag-list .active,
.file-sort.active span {
	text-decoration: underline;
}
.file-manager .file-sort {
    font-size: 11px;
    margin-right: 10px;
}
.file-sort .fa {
	display: none;
}
.file-sort.active .fa-arrow-down {
	display: inline-block;
}
.file-sort.active.asc .fa-arrow-up {
	display: inline-block;
}
.file-sort.active.asc .fa-arrow-down {
	display: none;
}
.file-manager .file-name-search input {
	font-size: 11px;
}
.attachment_container .file {
	position: relative;
	height: 285px;
}
.attachment_container .file .file-name {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 85px;
}
.attachment_container .file .icon,
.attachment_container .file .image {
	height: 198px;
}
.attachment_container .file .icon {
	line-height: 198px;
}
.attachment_container .file .img-responsive {
    display: inline-block;
	max-width: none;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
}
.attachment_container .file .file-header {
	position: absolute;
	background: transparent;
	top: 0;
	left: 0;
	right: 0;
	font-size: 20px;
	padding: 10px 10px;
	z-index: 1;
}
.attachment_container .file .file-header .is-validated {
	color: #8BC34A;
	float: left;
}
.attachment_container .file .file-header .actions a {
	padding-left: 10px;
}
.attachment_container .file .file-header .actions {
	float: right;
    background: rgba(255,255,255, 0.7);
    padding: 0 10px 0 0;
    border-radius: 5px;
}
.attachment_container hr {
	border-top-color: #CDCDCD;
}
.attachment_container .ui-sortable-placeholder {
	height: 285px !important;
	width: 200px !important;
	margin: 0; padding: 0;
	margin-right: 20px;
	margin-bottom: 20px;
}

.attachment_container .ibox-content.file-manager-wrapper {
    border-width: 4px 1px 0px 1px;
	border-top-color: #bbb;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.attachment-manager-sidebar .col-lg-3 {
	width: 40%;
}
.attachment-manager-sidebar .file-box {
	width: 174px;
}
.attachment-manager-sidebar .col-lg-9 {
	width: 60%;
}

.attachment-manager-embed {
	padding: 20px 10px 10px 10px;
    background: #EFEFEF;
    overflow: hidden;
}

.modal-priority {
	z-index: 2070 !important;
}

.colorpicker-component.colorpicker-small {
	max-width: 300px;
}
.color-preview-box {
	width: 15px;
	height: 15px;
	float: left;
	margin: 1px 3px;
    border: 1px solid #888;
}
.category-event-container .ui-sortable-helper td {
	display: none;
}
.category-event-container .ui-sortable-helper td:first-child,
.category-event-container .ui-sortable-helper td:nth-child(2) {
	display: inline-block;
}
.fc-title i.fa,
.fc-list-item-title i.fa {
    font-size: 16px;
    padding-right: 5px;
}

/**
 * table indicator
 */

 .table_wrap_container,
 .table_wrap {
 	width: 100%;
 	overflow: auto;
 	-webkit-overflow-scrolling: touch;
 }
 .table_wrap_container {
 	overflow: hidden;
 	position: relative;
 }
 .table_scroll_indicator {
 	display: none;
 	position: absolute;
 	right: 0;
 	top: -30px;
 }
 .table_wrap_container {
    overflow: visible;
}

.table_wrap_container .table_scroll_indicator {
    position: absolute;
    right: 0;
 	top: -30px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    display: none
}

.table_wrap_container .table_scroll_indicator:before {
    content: '\f0ec';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-family: 'FontAwesome';
    font-size: 23px;
    line-height: 24px;
    text-align: center;
    z-index: 20;
    color: #898989
}
.step-slider-pad {
	padding: 0 10px;
}

.cold-hot-slider .noUi-base {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2196f3+0,ffffff+50,f44336+100 */
	background: #2196f3; /* Old browsers */
	background: -moz-linear-gradient(left, #2196f3 0%, #ffffff 50%, #f44336 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2196f3 0%,#ffffff 50%,#f44336 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #2196f3 0%,#ffffff 50%,#f44336 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2196f3', endColorstr='#f44336',GradientType=1 ); /* IE6-9 */
    font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
.cold-hot-slider .noUi-base:before {
    content: "\f2dc";
    display: block;
    position: absolute;
    left: -20px;
    color: #2196F3;
    font-size: 20px;
    top: -2px;
}
.cold-hot-slider .noUi-base:after {
    content: "\f06d";
    display: block;
    position: absolute;
    right: -20px;
    color: #F44336;
    font-size: 20px;
    top: -2px;
}

.slider-text span {
    padding: 4px 10px;
    color: #898989;
	display: inline-block;
}

.slider-text span.align-right {
    float: right;
}

.note-editor.panel {
    margin-bottom: 0;
}
.note-editor p {
    margin: 0;
}
.modal-backdrop {
	z-index: 10000 !important;
}
.modal {
    z-index: 10001 !important;
}
.modal .note-editor {
	z-index: 10005;
}
.modal .popover {
    z-index: 10005;
}
.popover {
    z-index: 10000;
}
.modal-header .close {
    font-size: 40px;
    color: #444 !important;
    position: absolute;
	top: 15px;
	right: 20px;
    text-shadow: none;
	opacity: 1;
}
.form-group-filter-checkbox {
	padding-left: 10px;
	background: white;
	height: 32px;
	overflow: hidden;
}
.form-group-filter-checkbox label {
	font-weight: normal;
}
.form-group-filter-checkbox label span {
	display: block;
	float: left;
	padding: 0;
	margin: 7px 0 0 3px;
}
.form-group-filter-checkbox label .icheckbox_square-green {
	display: inline-block;
	float: left;
	margin-top: 5px;
}


.quiz-list-group .col-md-12 {
	min-height: 0;
}
.quiz-list-group .toggle-actives span {
	display: none;
}
.quiz-list-group .toggle-actives span.text-active {
	display: inline;
}
.quiz-list-group.only-active .toggle-actives span {
	display: inline;
}
.quiz-list-group.only-active .toggle-actives span.text-active {
	display: none;
}

.quiz-list-group.only-active .contact-box {
	display: none;
}
.quiz-list-group.only-active .contact-box.active {
	display: block;
}
.quiz-list-group .contact-box.active {
	background: #d7e9cb;
}
.quiz-list-group .contact-box .questions-selected-count,
.quiz-list-group .contact-box .quiz-question-group-to,
.quiz-list-group .contact-box .quiz-question-group-from,
.quiz-list-group .contact-box .questions-selected-range {
	display: none;
}
.quiz-list-group .contact-box.active .questions-selected-count,
.quiz-list-group .contact-box.active .quiz-question-group-to,
.quiz-list-group .contact-box.active .quiz-question-group-from,
.quiz-list-group .contact-box.active .questions-selected-range {
	display: inline;
}
.quiz-list-group .contact-box.active div.quiz-question-group-to,
.quiz-list-group .contact-box.active div.quiz-question-group-from {
	display: flex;
	align-items: center;
}
label.quiz-question-group-to,
label.quiz-question-group-from {
	margin-right: 10px;
	margin-bottom: 0px;
}
.quiz-list-group .contact-box.active .none-questions-selected-count {
	display: none;
}

/**
 * dashboard
 */

.step {
	margin-bottom: 10px;
}
.step .step_left {
	float: left;
	font-size: 30px;
	line-height: 40px;
	color: #888;
	min-width: 40px;
}
.step .step_right {
	overflow: auto;
}

@media screen and (max-width: 1199px) {
	.ibox-content.filter {
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 750px) {
	.table_wrap_container .table_scroll_indicator {
		display: block
	}
	.contact-box.full-width .ibox-tools.pull-right {
    	max-width: 130px;
    	line-height: 30px;
	}
}

body  #toast-container > .toast {
  background-image: none !important;
}
.row-footer .pull-right {
	margin-left: 10px;
}

.navbar-top-links .dropdown-alerts {
  margin-left: 30px;
}

#modal_quiz_result .answer .row.attachments img {
	padding-left: 100px;
}

.navbar-top-links .dropdown-menu li a div div {
    float: left;
    width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.navbar-top-links .dropdown-menu li a div {
    height: auto;
    overflow: auto;
}

/*** custom checkboxes ***/
.checkawesome label {
	cursor: pointer;
}
.checkawesome input[type=checkbox] {
	display:none;
}
.checkawesome input[type=checkbox] + label:before {
	font-family: FontAwesome;
	display: inline-block;
	cursor: pointer;
}

.checkawesome input[type=checkbox] + label:before {
	content: "\f096";
}
.checkawesome input[type=checkbox] + label:before {
	width: 15px;
}

.checkawesome input[type=checkbox]:checked + label:before {
	content: "\f046";
}

@media only screen and (min-width : 1024px) {
	.navbar-default {
		height: 100%;
	}
    .nav-footer {
        position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
    }
}

.calendar-toolbar {
	margin-top: 10px;
}

.calendar-toolbar p {
	margin-bottom: 5px;
}

.thumbnail-preview + .tooltip {
	opacity: 1;
	position: fixed;
}

.thumbnail-preview + .tooltip > .tooltip-inner {
	max-width: 420px;
}

.thumbnail-page + .tooltip > .tooltip-inner {
	max-width: 320px !important;
}

.colorpicker {
	z-index: 9999;
}

.modal.link-dialog.in .modal-dialog .modal-content .modal-body .checkbox {
	display: none !important;
}
/* @group modals for logo lecturer */

.modal-body .attachment_container > div > .row > .col-lg-12 {
	display: none !important;
}
.modal-body .attachment_container > div > .row > .attachment-manager {
	display: block !important;
}

/* language switcher*/
.navbar-static-top .language_switcher {
	position: relative;
  }
  
  .navbar-static-top .language_switcher a {
	display: block;
	color: #858585;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .navbar-static-top .language_switcher a:hover {
	color: #000000;
  }
  
  .navbar-static-top .language_switcher .active_language {
	padding: 0 15px;
	cursor: pointer;
  }
  
  .navbar-static-top .language_switcher .active_language a {
	display: inline-block;
  }
  
  .navbar-static-top .language_switcher .active_language a:hover {
	color: #858585;
  }
  
  .navbar-static-top .language_switcher .active_language i {
	display: inline-block;
	margin: 0 0 0 8px;
  }
  
  .navbar-static-top .language_switcher .language_dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	bottom: auto;
	left: 0;
	padding: 0px 15px 6px;
	background: #f3f3f4;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .navbar-static-top .language_switcher .language_dropdown a {
	margin: 0 0 4px;
	min-height: auto;
	padding: 5px 10px;
  }
  
  .navbar-static-top .language_switcher .language_dropdown.show,
  .navbar-static-top .language_switcher:hover .language_dropdown {
	opacity: 1;
	visibility: visible;
  }


  .loginscreen .language_switcher {
	position: relative;
    top: 10px;
    width: 90px;
    margin: auto;
  }
  
  .loginscreen .language_switcher a {
	display: block;
	color: #858585;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .loginscreen .language_switcher a:hover {
	color: #000000;
  }
  
  .loginscreen .language_switcher .active_language {
	cursor: pointer;
  }
  
  .loginscreen .language_switcher .active_language a {
	display: inline-block;
  }
  
  .loginscreen .language_switcher .active_language a:hover {
	color: #858585;
  }
  
  .loginscreen .language_switcher .active_language i {
	display: inline-block;
	margin: 0 0 0 8px;
  }
  
  .loginscreen .language_switcher .language_dropdown {
	text-align: left;
	position: absolute;
	top: 100%;
	right: 0;
	bottom: auto;
	left: 0;
	padding: 6px 1px 6px;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .loginscreen .language_switcher .language_dropdown a {
	margin: 0 0 4px;
	min-height: auto;
	padding: 5px 10px;
  }
  
  .loginscreen .language_switcher .language_dropdown.show,
  .loginscreen .language_switcher:hover .language_dropdown {
	opacity: 1;
	visibility: visible;
  }



  .registerscreen .language_switcher {
	position: relative;
    top: 10px;
    width: 90px;
    margin: auto;
  }
  
  .registerscreen .language_switcher a {
	display: block;
	color: #858585;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .registerscreen .language_switcher a:hover {
	color: #000000;
  }
  
  .registerscreen .language_switcher .active_language {
	cursor: pointer;
  }
  
  .registerscreen .language_switcher .active_language a {
	display: inline-block;
  }
  
  .registerscreen .language_switcher .active_language a:hover {
	color: #858585;
  }
  
  .registerscreen .language_switcher .active_language i {
	display: inline-block;
	margin: 0 0 0 8px;
  }
  
  .registerscreen .language_switcher .language_dropdown {
	text-align: left;
	position: absolute;
	top: 100%;
	right: 0;
	bottom: auto;
	left: 0;
	padding: 6px 1px 6px;
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .registerscreen .language_switcher .language_dropdown a {
	margin: 0 0 4px;
	min-height: auto;
	padding: 5px 10px;
  }
  
  .registerscreen .language_switcher .language_dropdown.show,
  .registerscreen .language_switcher:hover .language_dropdown {
	opacity: 1;
	visibility: visible;
  }

/* @end */