@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,900&subset=latin,latin-ext);
body {
  font-size: 100%;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  line-height: 1.5
}
a {text-decoration:none;}
h1 {
  font-weight: 400;
  margin:15px 0 10px 0;
}
h2, h3, h4, h5, h6, strong {
  font-weight: 600
}
.ultra-bold {
  font-weight: 900
}
#site-header {
  font-size: .8em
}
#header-search .form-text {
  font-size: 1.3em
}
#og-context-navigation li {
  letter-spacing: -1px;
  font-size: 0.6em
}
#back-to-parent-link {
  font-size: 1.2em
}
.main-navigation-item {
  font-size: .7em;
  line-height: 1;
  font-weight: 600
}
caption, body .forum-table-wrap .forum-table-superheader, .forum-table-superheader .forum-table-name {
  font-size: 1.3em;
  font-weight: normal
}
th, .forum-table th {
  font-weight: normal
}
#forum-statistics * {
  font-weight: normal
}
.forum-table thead tr a, .forum-table thead tr a:link {
  font-weight: normal
}
.forum-add-node span {
  font-size: 1em !important
}
.calendar-calendar th, .calendar-calendar th.days {
  text-transform: lowercase;
  font-weight: 600
}
.forum-post-info, .forum-post-title {
  font-weight: normal !important
}
#quiz_progress {
  font-style: normal;
  font-weight: normal;
  font-size: 1.1em
}
.portlet-header {
  font-size: 1.2em;
  font-weight: normal
}
@media screen and (min-width:700px) and (max-width:1399px) {
  caption, body .forum-table-wrap .forum-table-superheader {
    font-size: 1.2em
  }
  caption a+a, body .forum-table-wrap .forum-table-superheader a+a {
    font-size: 0.8em
  }
}
.action-element {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat
}
.action-add-element {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/add-element-icon.png)
}
.action-sort-element {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/sort-element-icon.png)
}
.action-start-element {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/start-element-icon.png)
}
.action-next-element {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-right: 3em;
  background-image: url(../img/next-element-icon.png);
  background-position: right center
}
.action-prev-element {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 3em;
  background-image: url(../img/prev-element-icon.png)
}
.danger-element {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  background: #ea645b
}
.form-submit, input[type="submit"], input[type="button"], button {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat
}
input[type="submit"]+input[type="submit"], input[type="submit"]+input[type="button"], input[type="submit"]+button, input[type="submit"]+a, input[type="button"]+input[type="button"], input[type="button"]+input[type="submit"], input[type="button"]+button, input[type="button"]+a, button+input[type="submit"], button+input[type="button"], button+button, button+a {
  margin-left: .5em
}
input#edit-op, input#edit-back{color:#666699 !important;}
#edit-delete {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  background: #ea645b
}
label {
  margin-bottom: .5em
}
input[type="text"], input[type="password"], textarea, select {
  border: 2px solid #ececeb;
  outline: 0;
  padding: .5em;
  max-width: 95%
}
input.form-autocomplete {
  padding: 0
}
fieldset input[type="text"], fieldset input[type="password"], fieldset textarea, fieldset select {
  border-color: #d3d3d1
}
html.js fieldset.collapsed {
  height: auto
}
.form-item .description {
  color: #58585a
}
form .field-multiple-table th.field-label {
  padding-left: 1em
}
body.cke_show_borders {
  background: #f8f7f5;
  padding: 1em
}
.cke_skin_kama {
  border: 0
}
.fieldset-wrapper {
  padding: 1em
}
.fieldset-wrapper>.form-item:first-child {
  margin-top: 0
}
fieldset.collapsible legend a {
  color: white;
  text-decoration: none
}
html.js fieldset.collapsible .fieldset-legend {
  background: url(../img/fieldset-collapsible-icon.png) left bottom no-repeat;
  padding-left: 1.3em
}
html.js fieldset.collapsed .fieldset-legend {
  background-position: left top
}

#question_tabs_container {
margin-bottom:20px;
}

#question_tabs_container .ui-tabs-panel {
 min-height:250px;
}

.vertical-tabs-pane {
  background: white
}
.filter-wrapper .form-type-select {
  margin-top: 0
}
.filter-wrapper .filter-guidelines {
  display: none
}
#opigno-quiz-app-filter-by-status-form {
  overflow: hidden
}
#opigno-quiz-app-filter-by-status-form .form-item {
  float: left;
  margin-right: 1em
}
#opigno-quiz-app-filter-by-status-form .form-submit {
  float: left;
  margin-top: 3.1em
}
.draggable input {
  padding: 2px !important
}
#platon-css-editor {
  min-height: 400px
}
.color-form {
  max-width: none
}
.color-form #palette {
  clear: both
}
.color-form #palette .form-item {
  min-height: 130px;
  float: left;
  width: 250px
}
.color-form #palette .form-item .lock, .color-form #palette .form-item .hook {
  display: none
}
.color-form #palette .description {
  clear: both
}
table, .forum-table {
  width: 100%;
  border: 0;
  margin-bottom: 2em
}
td, .forum-table td {
  background: #ececeb
}
table.pyramide-background td, .pyramide-background.forum-table td, table.pyramide-background th, .pyramide-background.forum-table th, table.white td, .white.forum-table td, table.white th, .white.forum-table th {
  background: transparent
}
th, .forum-table th {
  background: #88c1e6;
  color: white
}
th a, .forum-table th a {
  color: white;
  text-decoration: none
}
th a:hover {
  color: white;
  text-decoration: underline
}
td, .forum-table td, th, .forum-table th {
  padding: .25em 20px;
  border: 1px solid white
}
@media screen and (max-width:800px) {
  td, .forum-table td, th, .forum-table th {
    padding: .25em;
    font-size: .9em
  }

}
td:first-child, th:first-child {
  border-left: 0
}
td:last-child, th:last-child {
  border-right: 0
}
tr:first-child td, tr:first-child th {
  border-top: 0
}
tr:last-child td, tr:last-child th {
  border-bottom: 0
}
.vertical-align-top {
  vertical-align: top
}
.vertical-align-middle {
  vertical-align: middle
}
.vertical-align-bottom {
  vertical-align: bottom
}
tbody {
  border-top: 0
}
caption, body .forum-table-wrap .forum-table-superheader {
  background: #009ee0;
  color: white;
  padding: .25em 20px;
  text-align: left;
  border-bottom: 1px solid white
}
caption a, body .forum-table-wrap .forum-table-superheader a {
  color: white;
  text-decoration: none
}
.page-admin-opigno-students-teacher-results .opigno-quiz-app-results-table {
  margin-bottom: 1em
}
.page-admin-opigno-students-teacher-results .opigno-quiz-app-results-table td {
  padding: 0
}
.page-admin-opigno-students-teacher-results .opigno-quiz-app-results-table td .opigno-quiz-app-results-table {
  border-top: 1px solid white
}
.page-admin-opigno-students-teacher-results .opigno-quiz-app-results-table td .opigno-quiz-app-results-table td {
  padding: .25em 20px
}
.opigno-quiz-app-course-class-results-table td {
  padding: 0
}
.opigno-quiz-app-course-class-results-table td .opigno-quiz-app-course-class-results-table td {
  padding: 0
}
.opigno-quiz-app-course-class-results-table td .opigno-quiz-app-course-class-results-table td .opigno-quiz-app-course-class-results-table td {
  padding: .25em 20px
}
.view-opigno-my-courses .views-field-title, .view-opigno-course-catalgue .views-field-title {
  width: 75%
}
.view-opigno-my-courses td.views-field-group-group, .view-opigno-course-catalgue td.views-field-group-group {
  padding: 0;
  white-space: nowrap;
}
.view-opigno-my-courses td.views-field-group-group a, .view-opigno-course-catalgue td.views-field-group-group a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  background-image: url(../img/subscribe-icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 3em;
  padding-left: 1em
}
.view-opigno-my-courses caption>a+a, .view-opigno-my-courses body .forum-table-wrap .forum-table-superheader>a+a, body .forum-table-wrap .view-opigno-my-courses .forum-table-superheader>a+a, .view-opigno-course-catalgue caption>a+a, .view-opigno-course-catalgue body .forum-table-wrap .forum-table-superheader>a+a, body .forum-table-wrap .view-opigno-course-catalgue .forum-table-superheader>a+a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  text-decoration: none;
  display: block;
  background-image: url(../img/subscribe-icon.png);
  background-position: right center;
  background-repeat: no-repeat;
  width: 24.1%;
  float: right;
  margin-right: -20px;
  margin-top: -5px;
  margin-bottom: -5px;
  border-left: 1px solid white;
  padding-right: 0
}
@media screen and (min-width:700px) and (max-width:1399px) {
  .view-opigno-my-courses caption a+a, .view-opigno-my-courses body .forum-table-wrap .forum-table-superheader a+a, body .forum-table-wrap .view-opigno-my-courses .forum-table-superheader a+a, .view-opigno-course-catalgue caption a+a, .view-opigno-course-catalgue body .forum-table-wrap .forum-table-superheader a+a, body .forum-table-wrap .view-opigno-course-catalgue .forum-table-superheader a+a {
    margin-top: -5px;
    padding-bottom: 10px;
    padding-top: 6px;
    padding-left: 18px
  }
}
img, media {
  max-width: 100%
}
ul.tabs {
  border: 0;
  padding: 0;
  margin: 0 0 1em 0;
  overflow: hidden
}
ul.tabs li {
  float: left;
  margin: 0 .1em 0 0;
  padding: 0
}
@media screen and (max-width:800px) {
  ul.tabs li {
    margin-bottom: .5em
  }
}
ul.tabs li a, ul.tabs li a.active {
  display: block;
  border: 0;
  padding: .3em 2em;
  background-color: #88c1e6;
  color: white
}
@media screen and (max-width:800px) {
  ul.tabs li a, ul.tabs li a.active {
    padding: .1em .5em;
    font-size: .9em
  }
}
ul.tabs li a.active,
ul.tabs li a:hover {
  background-color: #009ee0;
}
.node-type-course ul.tabs li:last-child {
  /*float: right;*/
}
.node-type-course ul.tabs li:last-child a {
  margin-right: 0;
}
@media screen and (max-width:800px) {
  #main-navigation-wrapper {
    display: none;
  }
}
#main-navigation-wrapper.open {
  display: block !important;
}
.main-navigation-row {
  margin-bottom: 3%;
}
.main-navigation-row .main-navigation-item a {
  position: relative;
  display: block;
  height: 100px;
  width: 100%;
  color: #009ee0;
  background-color: white;
  background-position: center center;
  background-repeat: no-repeat;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
@media screen and (max-width:800px) {
  .main-navigation-row .main-navigation-item a {
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%
  }
}
.main-navigation-row .main-navigation-item a span {
  display: block;
  position: absolute;
  bottom: 7px;
  left: 10px;
  right: 10px
}
.main-navigation-row .main-navigation-item a:hover, .main-navigation-row .main-navigation-item a.active {
  background-color: #009ee0;
  color: white
}
#og-context-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#og-context-navigation li {
  list-style-type: none;
  margin: 0 0 0 0.5em;
  padding: 0;
  float: left;
}
#og-context-navigation li a {
  display: block;
  min-width: 30px;
  height: 15px;
  color: white;
  padding: 25px 5px 0 5px;
  margin: 0;
  text-align: center;
  background-color: #88c1e6;
  text-transform: uppercase;
  text-decoration: none;
  background-position: center 10px;
  background-repeat: no-repeat
}
@media screen and (max-width:800px) {
  #og-context-navigation li a {
    text-indent: -9999px;
    min-width: 20px;
    height: 15px;
    padding-top: 15px;
    background-position: center center;
    margin-top: 3px
  }
}
#og-context-navigation li a:hover, #og-context-navigation li a.acive {
  background-color: #009ee0
}
#og-context-navigation .platon-og-context-home-tab {
  background-image: url(../img/node-home-tab-icon.png)
}
#og-context-navigation .platon-og-context-settings-tab {
  background-image: url(../img/node-settings-tab-icon.png)
}
#og-context-navigation .platon-og-context-users-tab {
  background-image: url(../img/node-users-tab-icon.png)
}
#og-context-navigation .platon-og-context-tools-tab {
  background-image: url(../img/node-tools-tab-icon.png)
}
#back-to-parent-link {
  margin: .25em 0
}
#back-to-parent-link a {
  background: url(../img/back-icon.png) 5px center no-repeat;
  padding-left: 1em;
  text-decoration: none;
  color: #009ee0
}
.action-links {
  overflow: hidden;
  list-style: none;
  margin: 1em 0;
  padding: 0
}
.action-links li {
  list-style-type: none;
  float: left;
  margin-right: .5em
}
.action-links li a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/add-element-icon.png);
  color: white;
  text-decoration: none
}
body {
  background: #0a71b4;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
a {
  color: #009ee0
}
@media screen and (max-width:800px) {
  h1 {
    font-size: 1.6em
  }
}
a:hover {
  color: #88c1e6
}
fieldset {
  margin: 1em 0;
  padding: 0;
  background: #ececeb;
  border: 0
}
legend {
  line-height: 1;
  width: 98%;
  padding-left: 2%;
  padding-top: .5em;
  padding-bottom: .5em;
  background: #88c1e6;
  color: white
}
div.messages {
  position: relative;
  padding: 1em 1em 1em 3em;
  border: 0;
  background-position: 16px center
}
div.messages .messages-dismiss {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer
}
body.platon-use-custom-background {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
body.platon-use-custom-background #site-content {
  background: transparent
}
body.platon-use-custom-background #first-sidebar {
  background: #ececeb
}
body.platon-use-custom-background #second-sidebar {
  background: transparent
}
.admin .left {
  margin-left: 0
}
.admin .right {
  margin-right: 0
}
.admin .left .admin-panel .body, .admin .right .admin-panel .body {
  padding: 0
}
.admin .left .admin-panel h3, .admin .right .admin-panel h3 {
  padding: .5em;
  margin-top: 0;
  color: white;
  background: #88c1e6
}
.admin .left .admin-panel dt, .admin .right .admin-panel dt {
  padding: .5em;
  background: #ececeb
}
.admin .left .admin-panel dt a, .admin .right .admin-panel dt a {
  text-decoration: none
}
.admin .left .admin-panel dd, .admin .right .admin-panel dd {
  background: #ececeb;
  padding: .5em .5em .5em 1.25em;
  margin: 0 0 .5em 0
}
.admin .left .admin-panel dt.js-processed, .admin .left .admin-panel dd.js-processed, .admin .right .admin-panel dt.js-processed, .admin .right .admin-panel dd.js-processed {
  cursor: pointer
}
.admin .left .admin-panel dt.hover, .admin .left .admin-panel dd.hover, .admin .right .admin-panel dt.hover, .admin .right .admin-panel dd.hover {
  background: #f8f7f5
}
.views-exposed-form .views-exposed-widget .form-submit {
  margin-top: 2em;
  margin-bottom: 0.5em;
}
#messages-num-unread {
  top: 25%;
  color: white;
  font-size: 1.4em
}
a:hover #messages-num-unread, a.active #messages-num-unread {
  color: #009ee0
}
.catalogue-class-group {
  background: #5aa449;
  display: inline;
  float: right;
  padding-left: 10px;
  padding-right: 10px
}
.col {
  border: 0px solid rgba(0, 0, 0, 0);
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important
}
@media screen and (min-width:0px) and (max-width:699px) {
  .col {
    margin-left: 0%;
    padding: 0 2.5%
  }
  .row .col:first-child {
    margin-left: 0
  }
  .span_1 {
    width: 50%;
    border-left-width: 0;
    padding: 0 2.5%;
    margin-left: 0%
  }
  .span_2 {
    margin-left: 0;
    width: 100%
  }
}
@media screen and (min-width:700px) and (max-width:1399px) {
  .col {
    margin-left: 0%;
    padding: 0 1.5%
  }
  .row .col:first-child {
    margin-left: 0
  }
  .span_1 {
    width: 25%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_2 {
    width: 50%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_3 {
    width: 75%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_4 {
    margin-left: 0;
    width: 100%
  }
}
@media screen and (min-width:1400px) {
  .col {
    margin-left: 0%;
    padding: 0 1.5%
  }
  .row .col:first-child {
    margin-left: 0
  }
  .span_1 {
    width: 16.66667%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_2 {
    width: 33.33333%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_3 {
    width: 50%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_4 {
    width: 66.66667%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_5 {
    width: 83.33333%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .span_6 {
    margin-left: 0;
    width: 100%
  }
}
.row {
  overflow: hidden;
  position: relative
}
.col {
  min-height: 1px
}
@media screen and (min-width:0px) {
  .col-1-out-of-2 {
    width: 50%;
    border-left-width: 0;
    padding: 0 2.5%;
    margin-left: 0%
  }
  .col-2-out-of-2 {
    margin-left: 0;
    width: 100%
  }
}
@media screen and (min-width:800px) {
  .col-1-out-of-4 {
    width: 25%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-2-out-of-4 {
    width: 50%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-3-out-of-4 {
    width: 75%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-4-out-of-4 {
    margin-left: 0;
    width: 100%
  }
}
@media screen and (min-width:1400px) {
  .col-1-out-of-6 {
    width: 16.66667%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-2-out-of-6 {
    width: 33.33333%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-3-out-of-6 {
    width: 50%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-4-out-of-6 {
    width: 66.66667%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-5-out-of-6 {
    width: 83.33333%;
    border-left-width: 0;
    padding: 0 1.5%;
    margin-left: 0%
  }
  .col-6-out-of-6 {
    margin-left: 0;
    width: 100%
  }
  .row {
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto
  }
}
#site-header {
  background: url(../img/header-background.jpg) left top #0a71b4;
  padding: 10px 0;
  color: white
}
@media screen and (max-width:800px) {
  #site-header {
    position: fixed;
    width: 100%;
    z-index: 200;
    box-shadow: 0 0 10px black;
    top: 0
  }
}
#site-header a {
  text-decoration: none
}
#site-header .mobile-link-icon {
  float: right;
  padding-top: 0.75em;
  display: none;
  margin-right: 1em;
  height: 30px
}
@media screen and (max-width:800px) {
  #site-header .mobile-link-icon {
    display: block
  }
}
#site-header .mobile-link-icon:first-of-type {
  margin-right: 0
}
@media screen and (max-width:800px) {
  #logo img {
    max-height: 40px
  }
}
#user-account-information {
  float: right;
  max-width: 230px
}
#user-account-information #user-account-information-picture, #user-account-information #user-account-information-name {
  float: left;
  margin-right: 1em;
  color: #6eb43f;
}
@media screen and (max-width:800px) {
  #user-account-information #user-account-information-name {
    display: none
  }
}
#user-account-information #user-account-information-picture {
  padding-top: .55em
}
.search-form input[type="text"] {
  color: #000000
}
#header-search {
  float: right;
  border-left: 1px solid #6eb43f;;
  width: 40px;
  height: 30px;
  margin: .55em 0 0 1em;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width:800px) {
  #header-search {
    display: none
  }
}
#header-search form {
  position: absolute;
  right: 0;
  white-space: nowrap;
  width: 170px
}
#header-search h2, #header-search label {
  display: none
}
#header-search .form-text {
  float: left;
  padding: 5px;
  border: 0;
  outline: 0;
  margin-right: 10px;
  width: 120px;
  font-size: 1em;
}
@media screen and (max-width:800px) {
  #header-search .form-text {
    width: auto
  }
}
#header-search .form-submit {
  border: 0;
  outline: 0;
  background: url(../img/search-submit.png) center center no-repeat;
  float: left;
  text-indent: -9999px;
  cursor: pointer;
  width: 30px;
  height: 30px
}
#site-content {
  background: url(../img/body-background.png) center top repeat-y
}
@media screen and (max-width:800px) {
  #site-content {
    margin-top: 65px;
    background: #f8f7f5
  }
}
#first-sidebar {
  padding-top: 1.5em;
  padding-bottom: 1em;
  position: relative
}
@media screen and (max-width:800px) {
  #first-sidebar {
    padding-top: 0;
    padding-bottom: 0
  }
}
#first-sidebar #first-sidebar-toggle {
  position: absolute;
  right: 5px;
  width: 13px;
  height: 22px;
  background: url(../img/collapse-menu-icon.png) center bottom no-repeat;
  top: 48%;
  cursor: pointer
}
@media screen and (max-width:800px) {
  #first-sidebar #first-sidebar-toggle {
    display: none
  }
}
#first-sidebar.collapsed {
  width: 0;
  overflow: hidden
}
#first-sidebar.collapsed .region {
  display: none
}
#first-sidebar.collapsed #first-sidebar-toggle {
  background-position: center top
}
@media screen and (max-width:800px) {
  #first-sidebar.collapsed #first-sidebar-toggle {
    display: none
  }
}
#second-sidebar {
  background-color: #f8f7f5;
  padding-top: 1.5em;
  padding-bottom: 1em;
  /* min-height: 680px */
}
@media screen and (max-width:800px) {
  #first-sidebar.collapsed, #first-sidebar.collapsed+#second-sidebar {
    width: 97%
  }
  #first-sidebar.collapsed .region, #first-sidebar.collapsed+#second-sidebar .region {
    display: block !important
  }
}
@media screen and (min-width:800px) {
  #first-sidebar.collapsed+#second-sidebar {
    width: 97%
  }
}
@media screen and (min-width:1400px) {
  #first-sidebar.collapsed+#second-sidebar {
    width: 97%
  }
}
#title-wrapper {
  background: #ececeb;
  margin-bottom: 0em;
  overflow: hidden;
}
.node-type-quiz #title-wrapper,
.node-type-course #title-wrapper {
  padding-right: 0;
}
#title-wrapper h1 {
  margin: 0;
  float: left
}
#title-wrapper #og-context-navigation {
  float: right
}
#site-footer {
  background-color: #0a71b4;
  padding: 10px 0;
  color: white;
  font-size: 0.7em
}
#site-footer a {
  color: white
}
.quiz-stats-table th:first-child {
  width: 50%
}
.quiz-stats-table th:last-child {
  width: 25%
}
.take-button-cell {
  padding: 0;
  vertical-align: top
}
.take-button-cell .form-submit, .take-button-cell a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/start-element-icon.png);
  display: block;
  text-decoration: none;
  text-align: left;
  background-position: right center;
  padding-right: 3em;
  padding-left: 1em
}
.take-button-cell .form-submit {
  width: 100%
}
.take-button-cell a.read-more {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/sort-element-icon.png);
  display: block;
  background-position: right center;
  border-top: 1px solid white;
  padding-right: 3em;
  padding-left: 1em
}
.node-course-other-fields {
  float: right;
  width: 25%;
  padding: 1em;
  font-size: .9em;
  background: url(../img/information-icon.png) right top no-repeat #88c1e6;
  color: white;
  margin: 0 0 1em 1em
}
@media screen and (max-width:800px) {
  .node-course-other-fields {
    float: none;
    width: auto;
    margin: 0;
    padding: .5em;
    margin-bottom: 1em
  }
}
.node-course-other-fields .field {
  margin: .5em 0;
  display: none
}
.node-course-other-fields .field-name-group-group {
  display: block
}
.node-course-other-fields .field-name-commerce-price, .node-course-other-fields .field-name-catalogue-visibility, .node-course-other-fields .field-name-og-roles-permissions {
  display: none !important
}
.node-course-other-fields .field-name-course-quota, .node-course-other-fields .field-name-opigno-commerce-price, .node-course-other-fields .field-name-anomymous-visibility, .node-course-other-fields .field-name-requires-validation {
  overflow: hidden
}
.node-course-other-fields .field-name-course-quota .field-label, .node-course-other-fields .field-name-course-quota .field-items, .node-course-other-fields .field-name-opigno-commerce-price .field-label, .node-course-other-fields .field-name-opigno-commerce-price .field-items, .node-course-other-fields .field-name-anomymous-visibility .field-label, .node-course-other-fields .field-name-anomymous-visibility .field-items, .node-course-other-fields .field-name-requires-validation .field-label, .node-course-other-fields .field-name-requires-validation .field-items {
  float: left;
  margin-right: .25em
}
.opigno-tools {
  clear: both
}
.node.is-admin .node-course-other-fields .field, .node.manager .node-course-other-fields .field, .node.teacher .node-course-other-fields .field {
  display: block
}
.opigno-webex-app-link {
  padding: 0
}
.opigno-webex-app-link a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/start-element-icon.png);
  display: block;
  text-decoration: none;
  padding-left: .5em;
  background-position: right center
}
.opigno-tool-block {
  background: #88c1e6;
  color: white;
  margin-right: 1.5%;
  height: 150px;
  margin-bottom: 1.25em
}
.opigno-tool-block .opigno-tool-icon {
  background-repeat: no-repeat;
  background-position: center 20px;
  position: relative;
  float: left;
  width: 30%;
  height: 100%;
  margin-right: 1em
}
@media screen and (max-width:800px) {
  .opigno-tool-block .opigno-tool-icon {
    float: none;
    width: 100%
  }
}
.opigno-tool-block .opigno-tool-icon .opigno-tool-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap
}
.opigno-tool-block .opigno-tool-icon .opigno-tool-name a {
  color: white;
  text-decoration: none
}
.opigno-tool-block .opigno-tool-description {
  margin-top: 2em;
  text-align: center
}
@media screen and (max-width:800px) {
  .opigno-tool-block .opigno-tool-description {
    display: none
  }
}
.opigno-tool-block.js-processed {
  cursor: pointer
}
.opigno-tool-block.js-processed:hover {
  background: #009ee0
}
.opigno-forum-tool .opigno-tool-icon {
  background-image: url(../img/forum-tool-icon.png)
}
.opigno-poll-tool .opigno-tool-icon {
  background-image: url(../img/poll-tool-icon.png)
}
.opigno-quiz-import-tool .opigno-tool-icon {
  background-image: url(../img/quiz-import-tool-icon.png)
}
.opigno-quiz-tool .opigno-tool-icon {
  background-image: url(../img/quiz-tool-icon.png)
}
.opigno-tft-tool .opigno-tool-icon {
  background-image: url(../img/tft-tool-icon.png)
}
.opigno-meetings-tool .opigno-tool-icon {
  background-image: url(../img/meetings-tool-icon.png)
}
.opigno-audio-tool .opigno-tool-icon {
  background-image: url(../img/audio-tool-icon.png)
}
.opigno-video-tool .opigno-tool-icon {
  background-image: url(../img/video-tool-icon.png)
}
.opigno-quiz-app-fullscreen-link {
  width: 0;
  padding-left: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px
}
.opigno-quiz-app-go-fullscreen-link {
  background-image: url(../img/fullscreen-icon.png)
}
.opigno-quiz-app-loading-content {
  width: 100%;
  min-height: 400px;
  background: url(../img/ajax-loader-dark-blue.gif) center center no-repeat
}
.opigno-quiz-app-exit-fullscreen-link {
  display: none;
  background-image: url(../img/smallscreen-icon.png)
}
@media screen and (min-width:1400px) {
  .opigno-tool-block.col-2-out-of-6 {
    width: 31.33333%
  }
}
@media screen and (min-width:700px) and (max-width:1399px) {
  .opigno-tool-block.col-2-out-of-4 {
    width: 48%
  }
}
@media screen and (min-width:0px) and (max-width:699px) {
  .opigno-tool-block.col-1-out-of-2 {
    width: 48%
  }
}
#main-navigation-item-home a {
  background-image: url(../img/main-navigation-home-icon-inactive.png)
}
#main-navigation-item-home a.active, #main-navigation-item-home a:hover {
  background-image: url(../img/main-navigation-home-icon-active.png)
}
#main-navigation-item-my-courses a {
  background-image: url(../img/main-navigation-my-courses-icon-inactive.png)
}
#main-navigation-item-my-courses a.active, #main-navigation-item-my-courses a:hover {
  background-image: url(../img/main-navigation-my-courses-icon-active.png)
}
#main-navigation-item-training-catalogue a {
  background-image: url(../img/main-navigation-training-catalogue-icon-inactive.png)
}
#main-navigation-item-training-catalogue a.active, #main-navigation-item-training-catalogue a:hover {
  background-image: url(../img/main-navigation-training-catalogue-icon-active.png)
}
#main-navigation-item-forum a {
  background-image: url(../img/main-navigation-forum-icon-inactive.png)
}
#main-navigation-item-forum a.active, #main-navigation-item-forum a:hover {
  background-image: url(../img/main-navigation-forum-icon-active.png)
}
#main-navigation-item-calendar a {
  background-image: url(../img/main-navigation-calendar-icon-inactive.png)
}
#main-navigation-item-calendar a.active, #main-navigation-item-calendar a:hover {
  background-image: url(../img/main-navigation-calendar-icon-active.png)
}
#main-navigation-item-my-achievements a {
  background-image: url(../img/main-navigation-my-achievements-icon-inactive.png)
}
#main-navigation-item-my-achievements a.active, #main-navigation-item-my-achievements a:hover {
  background-image: url(../img/main-navigation-my-achievements-icon-active.png)
}
#main-navigation-item-messages a {
  background-image: url(../img/main-navigation-messages-icon-inactive.png)
}
#main-navigation-item-messages a.active, #main-navigation-item-messages a:hover {
  background-image: url(../img/main-navigation-messages-icon-active.png)
}
#main-navigation-item-administration a {
  background-image: url(../img/main-navigation-administration-icon-inactive.png)
}
#main-navigation-item-administration a.active, #main-navigation-item-administration a:hover {
  background-image: url(../img/main-navigation-administration-icon-active.png)
}
#main-navigation-item-contact a {
  background-image: url(../img/main-navigation-contact-icon-inactive.png)
}
#main-navigation-item-contact a.active, #main-navigation-item-contact a:hover {
  background-image: url(../img/main-navigation-contact-icon-active.png)
}
.node-type-webform .user-picture, .node-type-webform .submitted {display:none;}

.action-links li a.opigno-quiz-app-sort-quizzes {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/sort-element-icon.png)
}
.view-calendar {
  background-color: #ececeb;
  padding: 2em
}
.view-header {
  position: relative
}
.view-header .pager {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0
}
.view-header .pager li {
  position: absolute;
  width: 14px !important;
  height: 21px;
  padding: 0;
  margin: 0;
  background-color: transparent !important;
  background-position: left top !important;
  background-repeat: no-repeat !important;
  overflow: hidden
}
.view-header .pager li a {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 100px;
  margin: 0 !important
}
.view-header .pager .date-prev {
  right: auto;
  left: 0;
  background-image: url(../img/pager-prev-icon.png)
}
.view-header .pager .date-next {
  right: 0;
  background-image: url(../img/pager-next-icon.png)
}
.calendar-calendar th, .calendar-calendar th.days {
  text-transform: lowercase;
  background: #ececeb;
  padding-bottom: 1em
}
.calendar-calendar th, .calendar-calendar td {
  border: 0 !important
}
.calendar-calendar td {
  color: #58585a
}
.calendar-calendar div.day {
  float: none;
  margin: .5em auto 1em;
  width: 20px;
  height: 20px;
  padding: 2px 3px 4px
}
.calendar-calendar td.today {
  background: #ececeb !important
}
.calendar-calendar td.today div.day {
  border: 1px solid #58585a !important;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}
.calendar-calendar td.empty {
  color: inherit
}
body .forum-table-wrap .forum-table-superheader {
  border: 0
}
.forum-table tr {
  border: 0
}
.forum-table-wrap thead tr, .forum-table-topics thead tr {
  border-color: white;
  border-width: 1px 0
}
.forum-table-superheader .forum-table-name {
  color: white
}
.forum-table thead tr a, .forum-table thead tr a:link {
  color: white;
  text-decoration: none
}
.forum-table tr.even, .forum-table tr.odd {
  background: transparent;
  border-top: 0
}
.forum-table td.forum-list-icon {
  background: transparent;
  border: 0
}
.forum-tools {
  float: none;
  background: #58585a;
  display: block !important;
  text-align: right
}
@media screen and (max-width:800px) {
  .forum-tools {
    clear: both
  }
}
#forum .form-type-select select {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  border-left: 2px solid white
}
@media screen and (max-width:800px) {
  #forum-sort {
    background: #58585a;
    overflow: hidden;
    margin: 1em 0;
    float: none
  }
}
#advanced-forum-forum-topic-list-sort-form .form-type-select {
  float: left
}
@media screen and (max-width:800px) {
  #advanced-forum-forum-topic-list-sort-form .form-type-select {
    max-width: 100px
  }
}
#advanced-forum-forum-topic-list-sort-form #sort-topic-submit {
  float: left;
  background: transparent;
  height: 30px;
  border-style: solid;
  border-color: white;
  border-width: 0 1px
}
@media screen and (max-width:800px) {
  .forum-topic-legend {
    margin-top: 1em;
    font-size: .9em
  }
}
.forum-topic-legend div {
  float: left;
  clear: none
}
#forum-statistics {
  border: 0
}
#forum-statistics #forum-statistics-header {
  color: white;
  background: #009ee0;
  border-top: 0;
  border-bottom: 1px solid white
}
#forum-statistics .forum-statistics-sub-header {
  color: white;
  background: #88c1e6;
  border-top: 0;
  border-bottom: 1px solid white
}
#forum-statistics .forum-statistics-sub-body {
  background: #ececeb;
  border-top: 0;
  border-bottom: 0;
  padding: .25em .5em;
  margin-bottom: .5em
}
.forum-node-create-links {
  display: none
}
.forum-node-create-links-top {
  display: block;
  width: auto
}
.af-button-small, .af-button-small:hover, .af-button-large, .af-button-large:hover {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
  border-top: 0 !important;
  border-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important
}
.af-button-small span, .af-button-small:hover span, .af-button-large span, .af-button-large:hover span {
  padding: 0;
  margin: 0;
  color: white !important;
  background: transparent !important
}
.forum-add-node, .topic-reply-allowed {
  margin: 1em 0
}
.forum-add-node a, .forum-add-node a:hover, .topic-reply-allowed a, .topic-reply-allowed a:hover {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/add-element-icon.png)
}
.forum-post-links .post-delete a, .forum-post-links .comment-delete a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  background: #ea645b
}
.forum-post-info {
  padding: .25em;
  background: #88c1e6;
  color: white
}
.forum-post-info .forum-posted-on {
  padding: 0
}
.forum-post-info .forum-post-number {
  margin: 0
}
.forum-post-info .forum-post-number a, .forum-post-info .forum-post-number a.active {
  color: white
}
.forum-post-panel-sub {
  text-align: center
}
@media screen and (max-width:800px) {
  .forum-post-panel-sub {
    width: 75px
  }
}
.forum-post-panel-sub .username {
  display: block;
  margin-bottom: 1em
}
@media screen and (max-width:800px) {
  .forum-post-panel-main {
    margin-left: 75px
  }
}
.forum-post-title {
  padding: .25em;
  background: #009ee0;
  color: white
}
.forum-list-icon-wrapper {
  background: transparent;
  border-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}
@media screen and (max-width:800px) {
  .forum-list-icon-wrapper {
    width: 20px;
    height: 20px;
    margin: .25em
  }
  .forum-list-icon-wrapper span {
    width: inherit;
    height: inherit;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important
  }
}
.forum-list-icon-default .forum-list-icon-wrapper span {
  background-image: url(../img/forum-no-new-posts-icon.png) !important
}
.forum-list-icon-new-posts .forum-list-icon-wrapper span {
  background-image: url(../img/forum-new-posts-icon.png) !important
}
.forum-list-icon-legend .forum-list-icon-default {
  background-image: url(../img/forum-new-posts-icon.png)
}
.forum-list-icon-legend .forum-list-icon-new-posts {
  background-image: url(../img/forum-no-new-posts-icon.png)
}
@media only screen and (max-width:800px) {
  .forum-table-forums td:nth-child(4), .forum-table-forums th:nth-child(4) {
    display: none
  }
  .forum-table-forums td:nth-child(5), .forum-table-forums th:nth-child(5) {
    display: none
  }
}
@media only screen and (max-width:800px) {
  .forum-table-topics td:nth-child(4), .forum-table-topics th:nth-child(4) {
    display: none
  }
}
#quiz_progress {
  padding: .25em .5em;
  background: #88c1e6;
  color: white
}
.quiz-question-body {
  padding: 1em;
  background: #ececeb
}
@media screen and (max-width:800px) {
  #quiz-question-answering-form {
    font-size: .9em
  }
}
#quiz-question-answering-form .node-teaser h2 a,
#quiz-question-answering-form .node-teaser .question_type_name,
#quiz-question-answering-form .node-teaser .links {
  display: none;
}
#quiz-question-answering-form input#edit-submit {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-right: 3em;
  background-image: url(../img/next-element-icon.png);
  background-position: right center;
  float: right;
  padding-left: 3em
}
@media screen and (max-width:800px) {
  #quiz-question-answering-form input#edit-submit {
    padding-left: .5em
  }
}
#quiz-question-answering-form input#edit-op {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 3em;
  padding-right: 3em
}
@media screen and (max-width:800px) {
  #quiz-question-answering-form input#edit-op {
    padding-left: .5em;
    padding-right: .5em
  }
}
#quiz-question-answering-form input#edit-back {
  border-right: 1px solid #fff;
  background: #5aa449;
  color: #fff !important;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 3em;
  background-image: url(../img/prev-element-icon.png);
  padding-right: 3em;
}

.quiz-question-navigation-wrapper a {
  border-right: 1px solid #fff;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 3em;
  background-image: url(../img/back-element-icon.png);
  padding-right: 3em;
  line-height: normal;
  text-decoration: none;
  margin: 0 !important;
}
.quiz-question-navigation-wrapper a:hover {
  background: #046528;
  background-image: url(../img/back-element-icon.png);
  background-position: left center;
  background-repeat: no-repeat;
  color: #fff;
}
@media screen and (max-width:800px) {
  #quiz-question-answering-form input#edit-back {
    padding-right: .5em
  }
}
#quiz-question-answering-form input#edit-op:hover {
  text-decoration: none
}
#quiz-question-answering-form .quiz-question-navigation-wrapper {
  overflow: hidden;
  background: #58585a;
  text-align: left;
}
#quiz-question-answering-form .quiz-question-navigation-wrapper input.form-submit {
  margin: 0;
  border-left: 1px solid white !important
}
.quiz-report-score.form-text {
  color: black
}
#quiz-question-answering-form #edit-tries.form-radios {
  overflow: hidden
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio {
  float: left;
  width: 56px;
  height: 70px;
  background-position: center top;
  background-repeat: no-repeat;
  text-align: center;
  padding-top: 60px;
  margin-right: 1em;
  text-transform: uppercase
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio input {
  display: block;
  width: 100%;
  margin-bottom: .5em
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio label {
  padding: 0.25em
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio:first-of-type {
  background-image: url(../img/true.png)
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio:first-of-type label {
  background: #95ca89
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio:last-of-type {
  background-image: url(../img/false.png)
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio:last-of-type label {
  background: #f6b9b5
}
#quiz-question-answering-form #edit-tries.form-radios .form-type-radio.js-processed input {
  display: none
}
.matching-tbl {
  margin-top: 1em
}
.matching-tbl .matching-select {
  min-width: 300px;
  text-align: center
}
.matching-tbl .matching-select select {
  width: 98%
}
.multichoice_row p {
  margin: 0
}
.multichoice_row td {
  vertical-align: middle
}
.multichoice_row .selector-td {
  text-align: center
}
div.quiz-report div.dt {
  background: #009ee0;
  color: white;
  overflow: hidden
}
div.quiz-report div.dt p {
  float: left;
  margin: .25em 1em .25em .5em
}
div.quiz-report div.dt div.quiz-report-score-container {
  border-width: 0;
  padding: .25em .25em .25em 2em;
  background-color: transparent;
  background-position: left center;
  background-repeat: no-repeat;
  color: white
}
div.quiz-report div.dt .q-correct {
  background-image: url(../img/answered-correctly.png)
}
div.quiz-report div.dt .q-wrong {
  background-image: url(../img/answered-incorrectly.png)
}
div.quiz-report .multichoice-icon {
  background-image: url(../img/quiz-multichoice-result-icons.png)
}
div.quiz-report .multichoice-icon-cell {
  padding-top: .5em
}
#folder-explorer-container.tft-node-form li.active>.link-wrapper>a {
  background-color: white
}
#folder-menu-container .folder-wrapper {
  background: #009ee0;
  color: white;
  padding: 0 0 0 1em
}
#folder-menu-container .folder-wrapper #tabs {
  float: right
}
#folder-menu-container .folder-wrapper #tabs ul {
  margin: 0
}
#folder-menu-container .folder-wrapper #tabs ul #tft-back a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 3em;
  background-image: url(../img/prev-element-icon.png)
}
#folder-menu-container .folder-wrapper #tabs ul #manage-folders a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/sort-element-icon.png)
}
#folder-menu-container .folder-wrapper #tabs ul li {
  margin: 0
}
#folder-menu-container .folder-wrapper #tabs ul li a {
  margin-right: 0;
  border-left: 1px solid white !important
}
#folder-menu-container .folder-wrapper #tabs ul li a.disabled {
  background-color: #8b8b8d !important
}
#folder-content-container a.folder-folder-link, #folder-explorer-container li a.folder-link {
  padding-left: 2em;
  background: url(../img/folder-icon.png) left center no-repeat
}
#folder-content-container a.file {
  padding-left: 2em
}
#folder-content-container #table-th-name {
  width: 40%
}
#folder-add-content-links {
  background: #58585a
}
#folder-add-content-links li a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/add-element-icon.png);
  margin: 0;
  padding-left: 1.5em;
  border-left: 1px solid white !important
}
#homebox-add-link {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/add-element-icon.png);
  text-decoration: none
}
#homebox-add .item-list {
  background: #ececeb;
  overflow: hidden;
  padding: 0.25em
}
#homebox-add .item-list li {
  margin: 0
}
#homebox-add .item-list a {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 2em;
  background-image: url(../img/add-element-icon.png);
  text-decoration: none;
  margin-right: .5em;
  font-weight: normal;
  font-size: .9em;
  background-color: #95ca89
}
#homebox-add .item-list a:hover {
  background-color: #5aa449
}
#homebox-add .item-list a.used {
  display: none
}
#homebox-add .item-list a.restore {
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 3em;
  background-image: url(../img/prev-element-icon.png);
  background-color: #ea645b
}
@media screen and (max-width:800px) {
  #homebox .homebox-column-wrapper {
    float: none;
    width: auto !important
  }
}
#homebox .homebox-column {
  padding: 0;
  margin: 0
}
@media screen and (max-width:800px) {
  #homebox .homebox-column {
    height: auto !important
  }
}
#homebox .homebox-portlet {
  border: 0;
  margin: 5px 5px 20px 5px;
  background: #ececeb
}
#homebox .homebox-portlet .homebox-portlet-inner {
  border: 0
}
#homebox .homebox-portlet .portlet-header {
  background: #009ee0;
  color: white;
  border: 0
}
#homebox #homebox-column-1 .homebox-portlet {
  margin-left: 0
}
#drupalchat-wrapper .subpanel_title {
  background-color: #009ee0
}
#drupalchat-wrapper .subpanel ul, #drupalchat-wrapper .subpanel ul li {
  background-color: #f8f7f5
}
#apps-featured-panel {
  padding: 0;
  border: 0;
  background: transparent
}
#apps-featured-panel .apps-featured-panel-wrapper {
  position: relative;
  height: 300px;
  background: url(../img/featured-app-background.jpg)
}
#apps-featured-panel .app-featured-info {
  position: absolute;
  left: 40px;
  top: 40px;
  z-index: 10
}
#apps-featured-panel .app-featured-label {
  color: white;
  font-size: 1.4em
}
#apps-featured-panel .app-name {
  color: white;
  font-size: 3.5em;
  margin: 0
}
#apps-featured-panel .app-name a {
  color: inherit;
  text-decoration: none
}
#apps-featured-panel .app-name a:hover {
  color: white
}
#apps-featured-panel .app-stars-holder {
  background-image: url(../img/rating-stars-white-outline.png)
}
#apps-featured-panel .app-stars-holder .app-stars {
  background-image: url(../img/rating-stars-white.png)
}
#apps-featured-panel .app-screenshot {
  position: absolute;
  left: 0;
  top: 0;
  right: 0
}
#apps-featured-panel .app-screenshot img {
  width: 100%;
  height: auto;
  top: 0;
  left: 0
}
#apps-featured-panel .app-rating-count {
  clear: left;
  padding: 0;
  margin: .5em 0;
  color: white
}
#apps-list {
  padding: 0;
  border: 0;
  background: transparent
}
#apps-list .app-teaser-wrapper {
  margin-bottom: 1em;
  background: white
}
#apps-list .app-name {
  width: auto;
  color: white;
  background: #88c1e6;
  margin: 0;
  font-size: 1.2em
}
#apps-list .app-name a {
  display: block;
  padding: 2px 10px;
  color: inherit;
  text-decoration: none
}
#apps-list .app-name a:hover {
  color: inherit
}
#apps-list .app-logo {
  margin-right: 1em;
  margin-left: .5em
}
#apps-list .app-teaser {
  float: none;
  width: auto;
  padding: 0;
  display: block
}
#apps-list .app-info {
  float: left;
  margin-top: 1.5em
}
#apps-list .app-status {
  text-transform: capitalize;
  font-size: 1em;
  font-weight: normal;
  color: #88c1e6
}
#apps-list .app-stars-holder {
  background-image: url(../img/rating-stars.png)
}
#apps-list .app-stars-holder .app-stars {
  background-image: url(../img/rating-stars-green.png)
}
#apps-list .app-action {
  font-weight: bold;
  clear: both;
  color: #58585a;
  background: #ececeb;
  font-size: 1.2em
}
#apps-list .app-action a {
  display: block;
  padding: 2px 10px;
  text-decoration: none;
  color: inherit
}
#apps-list .app-action a:hover {
  color: inherit
}
#app-wrapper {
  border: 0;
  padding: 0
}
#app-wrapper #sidebar .app-stars-holder {
  background-image: url(../img/rating-stars.png)
}
#app-wrapper #sidebar .app-stars-holder .app-stars {
  background-image: url(../img/rating-stars-green.png)
}
#app-wrapper .app-main {
  float: left;
  max-width: 70% !important
}
#app-wrapper .app-main #app-top {
  margin-top: 0;
  background: white;
  padding: 5px
}
#app-wrapper .app-main #app-top h1 {
  font-weight: normal;
  color: #58585a;
  margin: 0
}
#app-wrapper .app-main .app-description {
  font-size: 2em
}
#app-wrapper .app-main .app-description h2 {
  font-size: 1.2em
}
#video-browser-page .video-item {
  margin-right: 10px;
  width: 150px
}
#video-browser-page .video-item img {
  max-width: 100%
}
.vjs-default-skin {
  color: #009ee0
}
.vjs-default-skin .vjs-big-play-button {
  top: 35%;
  left: 37%
}
.vjs-default-skin .vjs-control-bar {
  background: #58585a
}
.vjs-default-skin .vjs-load-progress {
  background: #ececeb
}
.vjs-default-skin .vjs-volume-level, .vjs-default-skin .vjs-play-progress {
  background: #009ee0
}
.vjs-default-skin .vjs-slider-handle:before {
  content: ''
}
.view-id-videos.view-display-id-page {
  overflow: hidden
}
.view-id-videos.view-display-id-page .views-row {
  float: left;
  text-align: center;
  margin: 1em;
  height: 320px
}
.view-id-videos.view-display-id-page .views-row .views-field-title a {
  text-decoration: none;
  font-size: 1.2em
}
.view-id-videos.view-display-id-page .views-row .vjs-default-skin .vjs-big-play-button {
  top: 30%;
  left: 29%
}
.audiojs {
  color: #009ee0;
  background: #58585a;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}
.audiojs .loaded {
  background: #ececeb
}
.audiojs .progress {
  background: #009ee0
}
@media screen and (max-width:800px) {
  #block-user-login {
    text-align: center
  }
}
#block-user-login h2 {
  display: none
}
@media screen and (max-width:800px) {
  #user-login-form {
    text-align: center
  }
  #user-login-form .form-text, #user-login-form .form-password, #user-login-form .form-submit {
    width: 80%;
    text-align: center
  }
  #user-login-form .form-submit {
    padding-top: .5em;
    padding-bottom: .5em
  }
  #user-login-form .item-list ul {
    list-style: none
  }
  #user-login-form .item-list ul li {
    display: inline
  }
}
/* Zest CSS */
/*#content a {color:#046528;text-decoration:none;}*/
/*#content a:hover {color:#444;text-decoration:underline;background-color:#FEFFCB;
-webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition:width 2s, height 2s, background-color 2s, transform 2s;
	}*/
#content .node-course-more-info a {color:yellow;}
#content .node-course-more-info a:hover {background:none;text-decoration:underline;color:#fff;}

#content .view-course-navigation-group .course_title a {color: #fff;text-decoration: none;}
#content .view-course-navigation-group .course_title a:hover {background:none;text-decoration:underline;color:#fff;}

#content .view-course-navigation-group a:hover {background:none;color:#fff;}
li {
  line-height: 1.4em !important;
}
.view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .view-display-id-courses_navigation_all_questions .view-display-id-courses_navigation_active_question {
  background: #EBEBEB;
  padding-left: 10px;
  border-radius: 0;
  font-size: 1em;
}

.page-node-take .view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .view-display-id-courses_navigation_all_questions .view-display-id-courses_navigation_active_question a {
  color: #fff;
  text-decoration: none;
}
.node-type-quiz #block-system-main {
  width: 77.5%;
  margin-right: 2%;
  float: left;
}

.node-type-quiz #block-lms-tweaks-lms-tweaks-navigation-block {
  width: 77.5%;
  background: #58585a;
  float: left;
}

.node-type-quiz #block-lms-tweaks-lms-tweaks-navigation-block .back_btn {
  border-right: 1px solid #fff;
  background: #5aa449;
  color: #fff !important;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-left: 3em;
  background-image: url(../img/prev-element-icon.png);
  padding-right: 3em;
  text-decoration: none;
}

.node-type-quiz #block-lms-tweaks-lms-tweaks-navigation-block .back_btn:hover {
  background: #046528 url(/profiles/opigno_lms/themes/platon/img/prev-element-icon.png) 8px 5px no-repeat;
}

.node-type-quiz #block-lms-tweaks-lms-tweaks-navigation-block .next_btn {
  text-decoration: none;
  border: 0;
  background: #5aa449;
  color: white;
  display: inline-block;
  padding: .25em 1em;
  background-position: .5em center;
  background-repeat: no-repeat;
  padding-right: 3em;
  background-image: url(/profiles/opigno_lms/themes/platon/img/next-element-icon.png);
  background-position: right center;
  float: right;
  padding-left: 3em;
  margin: 0;
  border-left: 1px solid white;
}

.node-type-quiz #block-lms-tweaks-lms-tweaks-navigation-block .next_btn:hover {
  background: #046528 url(/profiles/opigno_lms/themes/platon/img/next-element-icon.png) center right no-repeat;
}

.node-type-quiz .quiz-stats-table {
  display: none;
}
h2,
h3 {
  border-radius: 0 !important;
  padding: 0px;
  margin:10px 0 0 0;
  line-height: 1em;
}
.view-lessons-logo,
.view-course-logo {
  text-align: right;
  position: relative;
  top: 90px;
  height: 0;
  z-index: 99;
}
.view-lessons-logo img,
.view-course-logo img {
  height: 80px;
  width: auto;
}
.node-type-course #tabs {
  margin-top: 70px;
  position: relative;
  z-index: 999;
}
h2,
h3 {
  font-style: normal;
  line-height: 1.5em;
}
h4 {
  font-style: normal;
  line-height: 1.2em;
  font-size:1.2em;
}
h5 {
  font-style: normal;
  line-height: 1.2em;
  font-size:1.0em;
  color:#046528;
  margin-top: 1em;
}
h6 {
  font-style: normal;
  line-height: 1.2em;
  font-size:1em;
  border-bottom:dashed 1px #046528;
  padding-bottom:2px;
  margin-bottom:5px;
  margin-top: 1em;
}
hr {margin:10px 0 15px 0;size:1px;border:solid 1px #046528;color:#046528;}
#forum .form-type-select select {
  background-color: #5aa449 !important;
}
.calendar-calendar th, .calendar-calendar th.days {
  text-transform: capitalize;
}

.node-type-quiz .answering-form .question-list.answer-evaluation {
  border: 1px solid #ccc;
  margin: 1em 0;
  padding: 0 1em;
}
.node-type-quiz ul.tabs {
  position: relative;
  z-index: 999;
}
/* Messages page */
.page-messages .region-content .container-inline {
  margin: 1em 0;
}
/* Quiz Page */
.node-type-quiz .tabs_header.ui-widget-header {
  border: none;
  border-bottom: 1px solid #aaa;
  background: none;
  border-radius: 0;
  padding: 0.2em 0 0 0;
  margin: 0.2em 1em;
}
.node-type-quiz .ui-tabs .ui-tabs-nav li a {
  padding: 0.2em 1em;
}
.node-type-quiz .ui-tabs {
  margin-top: 0.5em;
}
.node-type-quiz h4 em {
  font-size: 1em !important;
}
.node-type-quiz .tabs.primary li a,
.node-type-course .tabs.primary li a {
  display: none;
}
.node-type-quiz .tabs.primary li a:hover,
.node-type-course .tabs.primary li a:hover{
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  transition:.5s;
}
.node-type-quiz .tabs.primary li a.manage_questions,
.node-type-quiz .tabs.primary li a.edit_question,
.node-type-quiz .tabs.primary li a.edit_module,
.node-type-quiz .tabs.primary li a.manage_pages,
.node-type-course .tabs.primary li a.settings,
.node-type-course .tabs.primary li a.certificate,
.node-type-course .tabs.primary li a.manage_modules,
.node-type-course .tabs.primary li a.start_course,
.node-type-course .tabs.primary li a.continue_course,
.node-type-course .tabs.primary li a.retry_course,
.node-type-course .tabs.primary li a.clone_course,
.node-type-course .tabs.primary li a.review_course,
.node-type-course .tabs.primary li a.users {
  display: inline-block;
}
.node-type-course .tabs.primary li a.continue_course {background-color:orange;}
.node-type-course .tabs.primary li a.continue_course:hover {background-color:#6eb43f;}
.node-type-quiz .tabs.primary li.manage_questions,
.node-type-quiz .tabs.primary li.manage_pages {
  float: right;
}
.profile .user-picture {float: none;margin: 0 1em 1em 0;}
p {margin:0 0 1.2em 0;}
h4,h5 {margin:1.5em 0 0 0;}

h4 {margin:1.2em 0 0 0;}
blockquote {padding: 1em 15px !important;}

/* Right Sidebar Menu */
.view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .lesson_title,
.page-node-take .view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .view-display-id-courses_navigation_all_questions .view-display-id-courses_navigation_active_question{
  background-color: #6eb43f;
}
.view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .lesson_title a,
.page-node-take .view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .view-display-id-courses_navigation_all_questions .view-display-id-courses_navigation_active_question a{
  color:#fff !important;
}

.view-display-id-course_navigation .view-display-id-course_navigation_all_lessons:hover a, .view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .view-display-id-courses_navigation_all_questions .view-display-id-courses_navigation_non_active_questions:hover a {
  color:#444 !important;
}
.view-display-id-course_navigation .view-display-id-course_navigation_current_lesson .view-display-id-courses_navigation_all_questions .view-display-id-courses_navigation_non_active_questions .child_question {
font-size: 0.85em;
}

.page-node-quizzes #title-wrapper,
.page-node-quizzes [id*='quiz-start-quiz-button-form'] {
  display: none;
}

.opigno-quiz-app-fullscreen .view-lessons-logo, .view-course-logo {display:none;}
/* .answering-form table {font-size:1.1em;} */
.answering-form h2 {font-size:1.3em;}
.answering-form .form-item {padding:0 1em;margin:0 0 1em 0;}
.answering-form  .quiz-question-body {padding-bottom:0;}

.field-name-body {margin-bottom:15px;}
/* ----------------- tables -------------------------- */

/* -- Tables Default -- */
table {width:100%;border:solid 1px #cecece;font-family: 'Source Sans Pro', sans-serif;font-size: 0.85em;line-height:1.2em;}
th {background-color:#046528;color:#fff;text-align:left;padding:6px;border:solid 1px #ccc;font-weight:bold;}
td {text-align:left;padding:6px;border:solid 1px #ccc;}
tr:nth-child(odd) td { background-color:#eee !important;border:solid 1px #cecece !important;text-align:left;}
tr:nth-child(even) td { background-color:#fff !important;border:solid 1px #cecece !important;text-align:left;}
td p {margin:0;}

#edit-alternatives-0 td.cke_contents, #edit-alternatives-1 td.cke_contents, #edit-alternatives-2 td.cke_contents, #edit-alternatives-3 td.cke_contents, #edit-alternatives-4 td.cke_contents, #edit-alternatives-5 td.cke_contents, #edit-alternatives-6 td.cke_contents {height:100px !important;}

tr.cke_dialog_ui_hbox td, .cke_dialog_page_contents td, td.cke_dialog_ui_vbox_child, .cke_dialog_ui_vbox tr td {border:none !important;background-color:transparent !important;}
table.cke_dialog_ui_hbox, table.cke_dialog_ui_hbox tr, table.cke_dialog_ui_hbox tr td {border:none !important;}
.cke_dialog_page_contents, .cke_skin_kama .cke_dialog_ui_hbox_first, .cke_skin_kama .cke_dialog_ui_hbox_child, .cke_skin_kama .cke_dialog_ui_hbox_last {border:none !important;background-color:transparent !important;}
.cke_skin_kama .cke_dialog_ui_hbox_first label, .cke_skin_kama .cke_dialog_ui_hbox_child label, .cke_skin_kama .cke_dialog_ui_hbox_last label {display:inline-block;}

/* ----------------- select styles -------------------------- */
p.redtext {color:red !important;}

/* Home Page block styles */
#second-sidebar #block-block-5 , #second-sidebar #block-block-6,#second-sidebar #block-block-9{display:inline-block;width:32.7%;vertical-align:top;margin-right:0.5%;}
#second-sidebar #content #block-block-4 {width:100%;}
#second-sidebar #content #block-block-5 {clear:left;}
#second-sidebar #content #block-block-7 {width:100%;height:110px;background:url('/sites/all/themes/platon/img/homeplant.jpg') bottom left no-repeat;margin-bottom:10px;}
#second-sidebar #content #block-block-8, #second-sidebar #content #block-block-1 {width:100%;border-top:solid 2px #046528;padding-top:20px;}
#second-sidebar #content #block-block-9 {margin-right:0;}
#second-sidebar #content .block-block h2 {margin:0;padding:0;line-height:1.2em;background: #046528;
color: #FFF;
padding: 4px 10px;
font-style: italic;
font-size: 18px;
margin-bottom: 15px;
font-weight: normal;
font-weight: 600;
font-style: normal;
line-height: 1.5em;
}
.front #second-sidebar #content ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.logohome {display: inline-block;width: 30%;margin-right: 2%;text-align: center;border: solid 1px #ccc;padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xNSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 69%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(69%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.15) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 69%,rgba(0,0,0,0.15) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); /* IE6-8 */


  }
.logohome span {display:inline-block;height:115px;width:100%;}
.logohome.last {display:inline-block;width:30%;margin-right:0}
.logohome p {margin:0}
/*.logohome img {width: 80%;}*/

#block-block-11,#block-block-12,#block-block-13 {float:right;}


.front #second-sidebar #content ul li {
    background-image: url('/sites/all/themes/platon/img/bullet.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 16px;
}

/* -----------------  Right Answer ---------------------------*/
.answer-evaluation p {min-height:30px;margin:0 0 15px 0;}
.answer-evaluation h4 {margin:5px 0 0 0;}
.answer-evaluation div {background: transparent url('/sites/all/themes/platon/img/cross.png') 0px 10px no-repeat;padding:10px 0 0 60px;min-height:50px !important;}
.answer-evaluation .right_answer {background: transparent url('/sites/all/themes/platon/img/tick.png') 0px 10px no-repeat;padding-left:60px;min-height:50px;}


/* ----------------- Certificate & Survay Buttons -------------------------- */


.passed_course_link {
  background-color: #046528;
  padding: 6px;
  border: solid 1px #ccc;
  color: white !important;
  text-decoration: none;
}

.failed_course_link {
  background-color: #046528;
  padding: 6px;
  border: solid 1px #ccc;
  color: white !important;
  text-decoration: none;
}

.survay_link {
  background-color: #046528;
  padding: 6px;
  border: solid 1px #ccc;
  color: white !important;
  text-decoration: none;
}


.survey_box,
.survey_image_box,
.survey_text_box {
  display: inline-block;
}

.certificate_box{
  display: block;
  float: right;
}

.survey_box {
  float: left;
  border: solid 1px #ccc;
  padding: 7px;
  max-width: 50%;

}

.survey_image_box {
  padding-right: 10px;
}

.survey_text_box {
  vertical-align: top;
}

/* -------------------- Results Table Text ---------------------- */

.correct-quiz-answer {
  background: transparent url('/sites/all/themes/platon/img/tick.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
  padding-left:17px;
}
.incorrect-quiz-answer{
  background: transparent url('/sites/all/themes/platon/img/cross.png');
  background-size: 14px 14px;
  background-repeat: no-repeat;
  padding-left:17px;
}

/* -------------------- Tabs ---------------------- */

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52));
	background:-moz-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-webkit-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-o-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:-ms-linear-gradient(top, #b8e356 5%, #a5cc52 100%);
	background:linear-gradient(to bottom, #b8e356 5%, #a5cc52 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52',GradientType=0);
	background-color:#b8e356;
	color:#fff;
}
.ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
	background:-moz-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-o-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:-ms-linear-gradient(top, #77a809 5%, #89c403 100%);
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403',GradientType=0);
	background-color:#77a809;
}
.ui-state-default:hover a, .ui-widget-content .ui-state-default:hover a, .ui-widget-header .ui-state-default:hover  a{color:#fff;}
.ui-state-default a, .ui-widget-content .ui-state-default a, .ui-widget-header .ui-state-default a {color:#444;}

.ui-widget-content .ui-tabs-active, .ui-widget-header .ui-tabs-active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
}
.ui-widget-content .ui-tabs-active a, .ui-widget-header .ui-tabs-active a {color:#fff;}

#toolbar a {font-size: 13px;font-family:calibri, arial;line-height:1.6em;}



/* ----------------- Reflections -------------------------- */

.reflection_title {
  background-color: #046528;
  padding: 6px;
  margin-top: 10px;
  border: solid 1px #ccc;
  color: white !important;
  text-decoration: none;
}
.reflection_heading {
  font-style: italic;
}
.reflection_user_imput {}
/* Reflect Button */
#edit-submit-reflection {
  /*float:right;*/
  width: 15%;
}
.reflection_answer_heading {
  background-color: #046528;
  padding: 6px;
  margin-top: 10px;
  border: solid 1px #ccc;
  color: white !important;
  text-decoration: none;
}
.reflection_answer {
  padding: 6px;
  margin-top: 10px;
  border: solid 1px #ccc;
  text-decoration: none;
  padding-bottom:8px;
  line-height: 1.2em;
}

.reflection_wraper .fieldset-wrapper {
  padding: 0;
}

#edit-reflection-user-imput {
    resize: none;
    max-width: 99%;
    width: 99%;
}

.reflection_wraper .grippie {
  width : 99%;
}

.field-name-body h3.line {
  background:none;
  padding: 0px;
  margin:10px 0 10px 0;
  line-height: 1em;
  border-bottom:solid 1px #ccc;
  color:#444;
}

/* ----------------- Checkout ----------------- */

.checkout-buttons input#edit-back,
.checkout-continue,
.checkout-cancel {
  background-image: linear-gradient(rgb(4, 101, 40) 0%, rgb(108, 180, 63) 100%) !important;
  color: white !important;
  text-decoration: none !important;
  padding-bottom: 4px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  padding-top: 4px !important;d
  margin: 0 10px !important;
}

.button-operator {
  padding: 0px 5px;
}


/* ----------------- Hiding Empty Info Box ----------------- */

.hide-me-now-control-parent {
  display: none;
}

/* ----------------- Assessment access ----------------- */

#lms-blended-check-page {
  padding: 15px;
  border: solid 1px black;
  background: #E8E8E4;
}

#edit-blended-confirmation-form-user-agreement,
#edit-blended-confirmation-form-user-code {
  padding: 15px;
  margin-bottom: 15px;
  border: solid 1px #046528;
  background: white;
}

#edit-code-textbox {
  border: solid 1px black;
}

.form-item-code-textbox input,
.form-item-code-textbox label {
  display: inline-block;
}

.form-item-code-textbox label {
  padding-right: 5px;
}

/* ----------------- Course Package Block ----------------- */



/*Padding on inside the white box and change line spacing for the heading*/



#edit-package-enrolment-form {
  border-top: solid 1px #046528;
  background: white;
  /*width: 80%;*/
}

#block-lms-course-packages-package-enrollment {
  border: solid 1px #046528;
  margin-top: 20px;
}
#block-lms-course-packages-package-enrollment h2 {
  font-size: 16px;
  color: white;
  background: #046528;
  margin: 0;
  padding-left: 7px;
  padding-top: 2px;
}

/*.package_enrolment_form_text {
  padding-left: 2%;
  background-color: red;
  color: #fff;
  font-size: 2px;
}*/

.form-item-enroll-code-textbox,
.form-item-enroll-code-textbox input,
.form-item-enroll-code-textbox label {
  display: inline-block;
}

.form-item-enroll-code-textbox label {
  display: inline-block;
  padding-left: 2%;
  width: 25%;
}

#edit-package-enrolment-form .form-item-enroll-code-textbox input {
  display: inline-block;
  width: 60%;
  border: solid 1px #046528;
}

#edit-package-enrolment-form #edit-submit {
  display: inline-block;
  margin-left: 2%;
  margin-bottom: 2%;
}

.hidden-price {
  display: none;
}

/* ----------------- Hide Cert/Results/Survay for Admins ----------------- */

.admin-rights-user #block-lms-user-course-certificate-generate-certificate,
.admin-rights-user #block-views-course-summary-block-4 {
  display: none;
}

/* ----------------- Hide Cert/Results/Survay for Admins ----------------- */

.view-id-course_summary .cols-5 .views-field-nid {
  display: none;
}


/* remove admin fields not used */

#edit-feedback,
#multiple-takes-fieldset {display:none !important;}


/**
 * 2016 Changes
 */

 /* Hide the Back Button */

.quiz-question-navigation-wrapper a {
  display: none !important;
}


.quiz-end-feedback-custom-message {
  margin: 5px;
  padding: 5px;
  border: solid 1px #046528;
}


table.print-friendly tr td, table.print-friendly tr th {
  page-break-inside: avoid !important;
}


.cr_csv_download_link {
  display: inline-block;
}


.cr_csv_download_link a {
  margin-left: .5em;
  background: #666666;
  color: #fff;
  padding: 4px 8px;
  text-decoration: none;
}


.cr_csv_download_link a:hover {
  color: white;
  background: linear-gradient(to top, #046528 0%,#666666 100%);
}

.lms-custom-report-table-title {
  padding: 8px 0px 4px 6px;
  font-size: 20px;
}

/*.custom-forms-button-submit {
  display: block !important;
  margin-left: 8px;
  margin-bottom: 8px;
}*/

.dark-button {
  background: #666666 !important;
}

.dark-button:hover {
  background: linear-gradient(to top, #046528 0%,#666666 100%) !important;
}

#custom_reports_buttons_group_1 {
  display: block;
  margin-top: 25px !important;
}


#custom_reports_buttons_group_2 {
  margin-top: 32px !important;
  display: block;
  margin-bottom: 18px !important;
}

.lms-custom-report-table thead div,
.lms-custom-report-table thead span
 {
  display: inline-block !important;
}

/*.region-sidebar-first #block-user-login .content #user-login-form div > div.item-list {display:none;}*/
.region-sidebar-first #block-user-login .content #user-login-form div div.item-list {display:none;}
.region-sidebar-first #block-user-login .content #user-login-form div .fieldset-wrapper div.item-list {display:block;}
.page-user-register #tabs .tabs.primary li:nth-child(1){display:none;}
.page-user-signup-7 #tabs .tabs.primary li:nth-child(1){display:inline;}
.page-user-password #tabs .tabs li:nth-child(1), .page-user-login #tabs .tabs li:nth-child(1), .page-user.not-logged-in #tabs .tabs li:nth-child(1){display:none;}

/* Hide Contoinue button */
.node-type-course .action-links {display:none;}

ul.quicktabs-tabs.quicktabs-style-basic{
  border:none;
  padding:0;
  height:auto;
}
.quicktabs_main.quicktabs-style-basic:after{
  content:'';
  clear:both;
  display: block;
}
ul.quicktabs-tabs.quicktabs-style-basic li{
  padding:0.5rem;
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#b8e356),color-stop(1,#a5cc52));
    background: -moz-linear-gradient(top,#b8e356 5%,#a5cc52 100%);
    background: -webkit-linear-gradient(top,#b8e356 5%,#a5cc52 100%);
    background: -o-linear-gradient(top,#b8e356 5%,#a5cc52 100%);
    background: -ms-linear-gradient(top,#b8e356 5%,#a5cc52 100%);
    background: linear-gradient(to bottom,#b8e356 5%,#a5cc52 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356',endColorstr='#a5cc52',GradientType=0);
    background-color: #b8e356;
  border: 1px solid #aaa;
  border-bottom:1px solid #b8e356;
  margin: 0 0.25rem 0 0 !important;
  display: block;
  float: left;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px
}
ul.quicktabs-tabs.quicktabs-style-basic li:hover{
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#77a809),color-stop(1,#89c403));
    background: -moz-linear-gradient(top,#77a809 5%,#89c403 100%);
    background: -webkit-linear-gradient(top,#77a809 5%,#89c403 100%);
    background: -o-linear-gradient(top,#77a809 5%,#89c403 100%);
    background: -ms-linear-gradient(top,#77a809 5%,#89c403 100%);
    background: linear-gradient(to bottom,#77a809 5%,#89c403 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809',endColorstr='#89c403',GradientType=0);
    background-color: #77a809;
    border-bottom:1px solid #89c403;
}
ul.quicktabs-tabs.quicktabs-style-basic li:hover a{
  color:#fff;
}
ul.quicktabs-tabs.quicktabs-style-basic li a{
  color:#444;
  border:none !important;
}
ul.quicktabs-tabs.quicktabs-style-basic li a:hover{
  color: #fff;
}
ul.quicktabs-tabs.quicktabs-style-basic li.active{
      background: -webkit-gradient(linear,left top,left bottom,color-stop(0.05,#74ad5a),color-stop(1,#68a54b));
    background: -moz-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
    background: -webkit-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
    background: -o-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
    background: -ms-linear-gradient(top,#74ad5a 5%,#68a54b 100%);
    background: linear-gradient(to bottom,#74ad5a 5%,#68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a',endColorstr='#68a54b',GradientType=0);
    background-color: #74ad5a;
    border-bottom:1px solid #74ad5a;
}
ul.quicktabs-tabs.quicktabs-style-basic li.active a{
  color:#fff !important;
}
.quicktabs_main.quicktabs-style-basic{
  border:1px solid #ccc;
  padding: 1rem;
}
.quicktabs_main.quicktabs-style-basic .field-name-field-tab-description .field-label{
  display: none;
}