@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,900&subset=latin,latin-ext);
.clearfix {
    overflow: hidden;
    *zoom: 1
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right !important
}
.pull-left {
    float: left !important
}
.hide {
    display: none !important
}
.show {
    display: block !important
}
.invisible {
    visibility: hidden
}
.text-hide {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}
.hidden {
    display: none !important
}
.affix {
    position: fixed
}
.col {
    border: 0px solid transparent;
    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%
    }
}
@media screen and (min-width: 0px) {
    .center {
        text-align: center
    }
    .text-right {
        text-align: right
    }
    .text-left {
        text-align: left
    }
}
@media screen and (min-width: 800px) {
    .center-mobile {
        text-align: center
    }
    .right-mobile {
        text-align: right
    }
    .left-mobile {
        text-align: left
    }
}
@media screen and (min-width: 1400px) {
    .center-pc {
        text-align: center
    }
    .right-pc {
        text-align: right
    }
    .left-pc {
        text-align: left
    }
}
body {
    font-size: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.5
}
h1 {
    font-weight: 400
}
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(images/add-element-icon.png);
    height: 24px
}
.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(images/sort-element-icon.png);
    height: 24px
}
.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(images/start-element-icon.png);
    height: 65px
}
.action-next-element {
    height: 24px;
    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(images/next-element-icon.png);
    background-position: right center
}
.action-prev-element {
    height: 24px;
    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(images/prev-element-icon.png)
}
.action-question-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(images/question-element-icon.png);
    height: 24px
}
.action-results-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(images/results-element-icon.png);
    height: 27px
}
.action-edit-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(images/edit-element-icon.png);
    height: 24px
}
.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
}
#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(images/fieldset-collapsible-icon.png) left bottom no-repeat;
    padding-left: 1.3em
}
html.js fieldset.collapsed .fieldset-legend {
    background-position: left top
}
.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
}
.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(images/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(images/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
}
@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;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
@media screen and (max-width: 800px) {
    .main-navigation-row .main-navigation-item a {
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        -webkit-background-size: auto 100%;
        background-size: auto 100%
    }
}
.main-navigation-row .main-navigation-item a span {
    display: block;
    position: absolute;
    bottom: 5px;
    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 .5em 0 0;
    padding: 0;
    float: left
}
#og-context-navigation li a {
    display: block;
    min-width: 30px;
    height: 25px;
    color: white;
    padding: 20px 5px 0 10px;
    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(images/node-home-tab-icon.png)
}
#og-context-navigation .platon-og-context-settings-tab {
    background-image: url(images/node-settings-tab-icon.png)
}
#og-context-navigation .platon-og-context-users-tab {
    background-image: url(images/node-users-tab-icon.png)
}
#og-context-navigation .platon-og-context-tools-tab {
    background-image: url(images/node-tools-tab-icon.png)
}
#og-context-navigation .platon-og-context-home-tab {
    background-image: url(images/node-home-tab-icon.png)
}
#og-context-navigation .platon-og-context-quiz-tab {
    background-image: url(images/quiz-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-settings-tab {
    background-image: url(images/node-settings-tab-icon.png)
}
#og-context-navigation .platon-og-context-poll-tab {
    background-image: url(images/poll-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-forum-tab {
    background-image: url(images/forum-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-tft-tab {
    background-image: url(images/tft-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-quiz_import-tab {
    background-image: url(images/quiz-import-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-users-tab {
    background-image: url(images/node-users-tab-icon.png)
}
#og-context-navigation .platon-og-context-tools-tab {
    background-image: url(images/node-tools-tab-icon.png)
}
#og-context-navigation .platon-og-context-meetings-tab {
    background-image: url(images/meetings-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-audio-tab {
    background-image: url(images/audio-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-sort-tab {
    background-image: url(images/sort-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-video-tab {
    background-image: url(images/video-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-in_house-tab {
    background-image: url(images/training-tool-tab-icon.png)
}
#back-to-parent-link {
    margin: .25em 0
}
#back-to-parent-link a {
    background: url(images/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(images/add-element-icon.png);
    color: white;
    text-decoration: none;
    margin-bottom: 5px
}
.opigno-group-progress-course a.selected {
    color: #0009E0
}
body {
    background: #0a71b4;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-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 {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-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
}
@media screen and (max-width: 800px) {
    .admin .left,
    .admin .right {
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}
.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: 2.4em
}
#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
}
.page-node-videos .views-field.views-field-title,
.page-node-videos .views-field.views-field-edit-node {
    display: inline
}
.edit-small-pictogram {
    background: url("images/edit-element-green-icon.png") no-repeat scroll right center transparent
}
a.edit-small-pictogram,
a.edit-small-pictogram:hover,
.edit-small-pictogram a,
.edit-small-pictogram a:hover {
    color: transparent
}
@media screen and (min-width: 800px) {
    #opigno-group-progress {
        max-width: 28%;
        min-width: 28%;
        width: 28%;
        float: left
    }
    #opigno-group-progress th {
        padding-left: 0.5em;
        padding-right: 0.5em
    }
    #opigno-group-progress td {
        padding-left: 0.5em;
        padding-right: 0.5em
    }
    #opigno-group-progress .opigno-group-progress-course {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-quiz {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-quiz table,
    #opigno-group-progress .opigno-group-progress-course-quiz .forum-table {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-in-house-training {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-in-house-training table,
    #opigno-group-progress .opigno-group-progress-course-in-house-training .forum-table {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    .has-group-progress {
        width: 70%;
        float: right;
        padding-left: 2%
    }
    body.page-node-take.opigno-quiz-app-fullscreen #content {
        width: 100%
    }
    .opigno-quiz-app-course-name {
        min-width: 150px
    }
}
@media screen and (max-width: 1200px) {
    #opigno-group-progress {
        display: none
    }
}
.has-group-progress .node-course .opigno-tools {
    display: none
}
body.page-node-take.opigno-quiz-app-fullscreen #opigno-group-progress {
    display: none
}
.opigno-quiz-app-group-status-quiz-result-passed {
    color: green
}
.opigno-quiz-app-group-status-quiz-result-failed {
    color: red
}
user-login-form .item-list ul li {
    display: inline
}
.training-stats-table tbody tr {
    height: 37px
}
#opigno-in-house-training-score-form .fieldset-wrapper {
    display: none
}
#opigno-in-house-training-score-form .form-submits {
    float: right
}
#opigno-webex-attendance-form .fieldset-wrapper {
    display: none
}
#opigno-webex-attendance-form .form-submits {
    float: right
}
.iht-view-2 {
    width: 40%
}
.iht-view-4 {
    width: 18%
}
.form-item.form-type-managed-file.form-item-slide-pdf-und-0 {
    background-image: url(images/application-pdf.png);
    background-repeat: no-repeat;
    background-position: 0px 5px
}
.form-item.form-type-managed-file.form-item-slide-pdf-und-0 label[for=edit-slide-pdf-und-0] {
    margin-left: 20px
}
.col {
    border: 0px solid transparent;
    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-0-out-of-2 {
        display: none
    }
    .col-1-out-of-2 {
        display: block;
        width: 50%;
        border-left-width: 0;
        padding: 0 2.5%;
        margin-left: 0%
    }
    .col-2-out-of-2 {
        display: block;
        margin-left: 0;
        width: 100%
    }
}
@media screen and (max-width: 800px) {
    .hidden-mobile {
        display: none !important
    }
}
@media screen and (min-width: 800px) {
    .col-0-out-of-4 {
        display: none
    }
    .col-1-out-of-4 {
        display: block;
        width: 25%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-2-out-of-4 {
        display: block;
        width: 50%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-3-out-of-4 {
        display: block;
        width: 75%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-4-out-of-4 {
        display: block;
        margin-left: 0;
        width: 100%
    }
}
@media screen and (min-width: 801px) and (max-width: 1399px) {
    .hidden-tablet {
        display: none !important
    }
}
@media screen and (min-width: 1400px) {
    .col-0-out-of-6 {
        display: none
    }
    .col-1-out-of-6 {
        display: block;
        width: 16.66667%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-2-out-of-6 {
        display: block;
        width: 33.33333%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-3-out-of-6 {
        display: block;
        width: 50%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-4-out-of-6 {
        display: block;
        width: 66.66667%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-5-out-of-6 {
        display: block;
        width: 83.33333%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-6-out-of-6 {
        display: block;
        margin-left: 0;
        width: 100%
    }
    .row {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto
    }
    .hidden-pc {
        display: none
    }
}
.col {
    border: 0px solid transparent;
    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%
    }
}
div.vertical-tabs {
    overflow: visible
}
#site-header {
    background: url(images/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 .center-pc {
        text-align: left
    }
}
#site-header a {
    color: white;
    text-decoration: none
}
#site-header .mobile-link-icon {
    float: right;
    padding-top: 0.75em;
    display: none;
    margin-right: 1em;
    height: 30px;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media screen and (max-width: 800px) {
    #site-header .mobile-link-icon {
        display: block
    }
}
#site-header .mobile-link-icon:first-of-type {
    margin-right: 0
}
#logo {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -100px
}
@media screen and (max-width: 800px) {
    #logo img {
        max-height: 40px
    }
}
@media screen and (max-width: 1200px) {
    #logo {
        left: 2.5%;
        margin-left: 0
    }
}
.header-user-tools {
    padding-right: 0
}
@media screen and (max-width: 800px) {
    .header-user-tools {
        padding-right: 2.5%
    }
}
.header-user-tools #user-account-information {
    float: right;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 20px
}
.header-user-tools #user-account-information #user-links a {
    vertical-align: middle;
    display: inline-block
}
.header-user-tools #user-account-information #user-links a img {
    display: block;
    position: relative;
    top: 50%
}
.header-user-tools #user-account-information .welcome {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    max-width: 150px;
    line-height: 1.4em;
    vertical-align: middle
}
.header-user-tools #user-account-information #user-account-information-picture,
.header-user-tools #user-account-information #user-account-information-name {
    float: left;
    margin-right: 1em
}
@media screen and (max-width: 800px) {
    .header-user-tools #user-account-information #user-account-information-name {
        display: none
    }
}
.header-user-tools #user-account-information #user-account-information-picture {
    padding-top: .55em
}
.header-user-tools .search-form input[type="text"] {
    color: #000000
}
.header-user-tools #header-login {
    float: right;
    background-color: white;
    color: black;
    height: inherit;
    min-width: 112px;
    position: relative
}
.header-user-tools #header-login a {
    color: inherit;
    cursor: pointer;
    padding: 5px
}
.header-user-tools #header-login .link-block-user-login {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-transform: uppercase
}
.header-user-tools #header-login .region-header-login {
    position: absolute;
    right: 0;
    top: 134px;
    width: 215px;
    z-index: 2000;
    background-color: white;
    color: #656668;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: none
}
.header-user-tools #header-login .region-header-login a {
    color: #656668
}
.header-user-tools #header-login .region-header-login fieldset {
    background: inherit
}
.header-user-tools #header-login .region-header-login fieldset>legend {
    display: none
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper {
    padding-right: 20px
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"],
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"],
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select {
    border: 0;
    width: 100%;
    padding-left: 0px;
    padding-right: 9px;
    background-color: transparent !important;
    border-bottom: 1px solid black
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select::-webkit-input-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus::-webkit-input-placeholder {
    color: transparent
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:-moz-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select::-moz-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:-ms-input-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus:-ms-input-placeholder {
    color: transparent
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="submit"] {
    width: 100%;
    text-transform: uppercase;
    padding: 7px;
    margin-top: 15px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="submit"]:hover {
    background-color: #65b354
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper ul {
    margin: 0
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper ul li {
    list-style: none;
    margin: 0;
    text-align: center;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.header-user-tools #header-search {
    float: right;
    width: 40px;
    height: 30px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 20px
}
@media screen and (max-width: 800px) {
    .header-user-tools #header-search {
        display: none
    }
}
.header-user-tools #header-search form {
    position: absolute;
    right: 0;
    white-space: nowrap;
    width: 170px
}
.header-user-tools #header-search h2,
.header-user-tools #header-search label {
    display: none
}
.header-user-tools #header-search .form-text {
    float: left;
    padding: 5px;
    border: 0;
    outline: 0;
    margin-right: 10px;
    width: 120px
}
@media screen and (max-width: 800px) {
    .header-user-tools #header-search .form-text {
        width: auto
    }
}
.header-user-tools #header-search .form-submit {
    border: 0;
    outline: 0;
    background: url(images/search-submit.png) center center no-repeat;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
    width: 30px;
    height: 30px
}
body.platon-use-slider #first-sidebar-toggle {
    display: none
}
body.platon-use-slider #title-wrapper {
    display: none
}
body.platon-use-slider #site-content>.row {
    width: 100%;
    max-width: none
}
body.platon-use-slider #first-sidebar {
    z-index: 2000;
    padding: 0;
    margin-left: 29%;
    left: -160px;
    width: 160px;
    top: 22%;
    position: absolute
}
@media screen and (max-width: 900px) {
    body.platon-use-slider #first-sidebar {
        margin-left: 18.5%
    }
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper {
    background-color: white;
    width: 160px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .title {
    text-align: center;
    text-transform: lowercase;
    line-height: 50px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .title .close-menu {
    float: right;
    margin-right: 9px;
    line-height: 1em;
    margin-top: 15px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row {
    padding: 42px 5px 55px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row .main-navigation-item {
    text-align: center;
    width: 50%;
    padding: 0
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row .main-navigation-item a {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    float: none
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row .main-navigation-item a.active {
    border: 1px solid white
}
body.platon-use-slider #second-sidebar {
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1
}
body.platon-use-slider #second-sidebar ul.slides {
    margin: 0;
    padding: 0;
    width: 100%
}
body.platon-use-slider #second-sidebar ul.slides>li {
    list-style: none;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 20px;
    width: 100% !important
}
body.platon-use-slider #second-sidebar ul.slides>li::-webkit-scrollbar {
    display: none
}
body.platon-use-slider #second-sidebar ul.slides>li .content {

    padding-left: 30%;
    padding-right: 30%;
    color: white;
    padding-bottom: 220px
}
@media screen and (max-width: 900px) {
    body.platon-use-slider #second-sidebar ul.slides>li .content {
        padding-left: 20%;
        padding-right: 15px
    }
}
@media screen and (max-width: 800px) {
    body.platon-use-slider #second-sidebar ul.slides>li .content {
        padding-left: 15px;
        padding-right: 15px
    }
}
body.platon-use-slider #second-sidebar ul.slides>li .content a {
    color: white
}
body.platon-use-slider #second-sidebar .slider-footer {
    position: absolute;
    bottom: 0;
    height: 180px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    text-align: center
}
body.platon-use-slider #second-sidebar .slider-footer .slider-counter {
    display: inline-block;
    color: white;
    font-size: 38px;
    font-weight: 900;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
body.platon-use-slider #second-sidebar .slider-footer .slider-counter .top {
    border-bottom: 2px solid white
}
@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(images/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: 600px
}
@media screen and (max-width: 800px) {
    body:not(.platon-use-slider) #first-sidebar.collapsed,
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar {
        width: 100%
    }
    body:not(.platon-use-slider) #first-sidebar.collapsed .region,
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar .region {
        display: block !important
    }
}
@media screen and (min-width: 800px) {
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar {
        width: 100%
    }
}
@media screen and (min-width: 1400px) {
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar {
        width: 100%
    }
}
#title-wrapper {
    padding: .5em;
    margin-bottom: 2em;
    overflow: hidden
}
#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
}
body.platon-use-slider #site-header {
    padding: 0;
    height: 134px
}
@media screen and (max-width: 800px) {
    body.platon-use-slider #site-header {
        height: 65px
    }
}
body.platon-use-slider #site-header>.row {
    height: inherit;
    overflow: visible
}
body.platon-use-slider #site-header>.row>.col {
    height: inherit
}
body:not(.platon-use-slider) #site-header {
    padding: 0;
    height: 77px
}
body:not(.platon-use-slider) #site-header .header-user-tools #header-login .region-header-login {
    top: 77px
}
@media screen and (max-width: 800px) {
    body:not(.platon-use-slider) #site-header {
        height: 65px
    }
}
body:not(.platon-use-slider) #site-header>.row {
    height: inherit;
    overflow: visible
}
body:not(.platon-use-slider) #site-header>.row>.col {
    height: inherit
}
#views-form-og-members-admin-default td.views-field.views-field-edit-membership>a[href*=delete-membership],
#views-form-og-members-admin-default .forum-table td.views-field.views-field-edit-membership>a[href*=delete-membership] {
    display: none
}
.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(images/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(images/sort-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
.take-button-cell a.question {
    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(images/question-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
.take-button-cell a.results {
    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(images/results-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
.take-button-cell a.edit {
    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(images/edit-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
@media screen and (max-width: 800px) {
    .form-submit,
    input[type="submit"],
    input[type="button"],
    button {
        height: 28px
    }
    .action-sort-element {
        height: 21px
    }
    .action-edit-element {
        height: 21px
    }
    .action-question-element {
        height: 49.5px
    }
    .action-results-element {
        height: 28px
    }
}
.node-quiz .form-submit,
.node-quiz input[type="submit"],
.node-quiz input[type="button"],
.node-quiz button {
    height: 65px
}
.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
}
.node-course-other-fields {
    float: right;
    width: 25%;
    padding: 1em;
    font-size: .9em;
    background: url(images/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
}
.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
}
.action-links a.opigno-quiz-app-course-start {
    background-image: url(images/start-element-icon.png)
}
.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(images/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(images/forum-tool-icon.png)
}
.opigno-poll-tool .opigno-tool-icon {
    background-image: url(images/poll-tool-icon.png)
}
.opigno-quiz-import-tool .opigno-tool-icon {
    background-image: url(images/quiz-import-tool-icon.png)
}
.opigno-quiz-tool .opigno-tool-icon {
    background-image: url(images/quiz-tool-icon.png)
}
.opigno-tft-tool .opigno-tool-icon {
    background-image: url(images/tft-tool-icon.png)
}
.opigno-meetings-tool .opigno-tool-icon {
    background-image: url(images/meetings-tool-icon.png)
}
.opigno-audio-tool .opigno-tool-icon {
    background-image: url(images/audio-tool-icon.png)
}
.opigno-video-tool .opigno-tool-icon {
    background-image: url(images/video-tool-icon.png)
}
.opigno-in-house-tool .opigno-tool-icon {
    background-image: url(images/training-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(images/fullscreen-icon.png)
}
.opigno-quiz-app-loading-content {
    width: 100%;
    min-height: 400px;
    background: url(images/ajax-loader-dark-blue.gif) center center no-repeat
}
.opigno-quiz-app-exit-fullscreen-link {
    display: none;
    background-image: url(images/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(images/main-navigation-home-icon-inactive.png)
}
#main-navigation-item-home a.active,
#main-navigation-item-home a:hover {
    background-image: url(images/main-navigation-home-icon-active.png)
}
#main-navigation-item-my-courses a {
    background-image: url(images/main-navigation-my-courses-icon-inactive.png)
}
#main-navigation-item-my-courses a.active,
#main-navigation-item-my-courses a:hover {
    background-image: url(images/main-navigation-my-courses-icon-active.png)
}
#main-navigation-item-training-catalogue a {
    background-image: url(images/main-navigation-training-catalogue-icon-inactive.png)
}
#main-navigation-item-training-catalogue a.active,
#main-navigation-item-training-catalogue a:hover {
    background-image: url(images/main-navigation-training-catalogue-icon-active.png)
}
#main-navigation-item-forum a {
    background-image: url(images/main-navigation-forum-icon-inactive.png)
}
#main-navigation-item-forum a.active,
#main-navigation-item-forum a:hover {
    background-image: url(images/main-navigation-forum-icon-active.png)
}
#main-navigation-item-calendar a {
    background-image: url(images/main-navigation-calendar-icon-inactive.png)
}
#main-navigation-item-calendar a.active,
#main-navigation-item-calendar a:hover {
    background-image: url(images/main-navigation-calendar-icon-active.png)
}
#main-navigation-item-my-achievements a {
    background-image: url(images/main-navigation-my-achievements-icon-inactive.png)
}
#main-navigation-item-my-achievements a.active,
#main-navigation-item-my-achievements a:hover {
    background-image: url(images/main-navigation-my-achievements-icon-active.png)
}
#main-navigation-item-messages a {
    background-image: url(images/main-navigation-messages-icon-inactive.png)
}
#main-navigation-item-messages a.active,
#main-navigation-item-messages a:hover {
    background-image: url(images/main-navigation-messages-icon-active.png)
}
#main-navigation-item-administration a {
    background-image: url(images/main-navigation-administration-icon-inactive.png)
}
#main-navigation-item-administration a.active,
#main-navigation-item-administration a:hover {
    background-image: url(images/main-navigation-administration-icon-active.png)
}
.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(images/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(images/pager-prev-icon.png)
}
.view-header .pager .date-next {
    right: 0;
    background-image: url(images/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;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.calendar-calendar td.empty {
    color: inherit
}
.view-opigno-course-catalgue .opigno-group {
    background: white;
    margin-bottom: 30px
}
.view-opigno-course-catalgue .opigno-group h3 {
    padding: 10px;
    background: #009ee0;
    margin-bottom: 0px
}
.view-opigno-course-catalgue .opigno-group .views-row {
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #ececeb
}
.view-opigno-course-catalgue .opigno-group h3 a {
    color: white;
    text-decoration: none
}
.view-opigno-course-catalgue .views-field.views-field-group-group {
    float: right
}
.view-opigno-course-catalgue .views-field.views-field-opigno-course-image .field-content img {
    width: 100px;
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-opigno-course-image .field-content {
    width: 100px;
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-opigno-course-image {
    height: 100px;
    width: 100px;
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-title {
    font-size: 150%
}
@media screen and (min-width: 600px) {
    .view-opigno-course-catalgue .views-field.views-field-title {
        display: inline;
        margin-left: 35px;
        position: relative;
        height: 100px;
        top: -50px;
        width: 200px
    }
}
.view-opigno-course-catalgue .views-field-body span {
    width: 140px;
    float: left
}
.view-opigno-course-catalgue .views-field-body p {
    margin: 0px
}
.view-opigno-course-catalgue .views-field-body {
    min-height: 30px;
    max-width: 600px
}
.view-opigno-course-catalgue .views-field-body .field-content {
    margin-left: 140px
}
.view-opigno-course-catalgue .views-field-teachers span.views-label {
    width: 140px;
    float: left;
    height: 100%
}
.view-opigno-course-catalgue .views-field-teachers p {
    margin: 0px
}
.view-opigno-course-catalgue .views-field-teachers {
    min-height: 110px;
    max-width: 600px
}
.view-opigno-course-catalgue .views-field-teachers .teacher {
    padding-left: 140px;
    height: 110px;
    min-height: 110px;
    max-width: 600px
}
.view-opigno-course-catalgue .views-field-teachers .field-content .user-picture {
    float: left
}
.view-opigno-course-catalgue .views-field-teachers .field-content .username {
    margin-left: 10px
}
.view-opigno-course-catalgue .views-field-available-places {
    max-width: 600px;
    min-height: 30px
}
.view-opigno-course-catalgue .views-field-available-places span.views-label {
    float: left;
    width: 140px
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings {
    max-width: 600px;
    min-height: 60px
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings span.views-label {
    width: 140px;
    float: left
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings .iht-title,
.iht-date {
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings .iht-date {
    padding-left: 10px
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings .iht-dates {
    padding-left: 140px
}
.view-opigno-course-catalgue .views-field.views-field-webex span.views-label {
    width: 140px;
    float: left
}
.view-opigno-course-catalgue .views-field.views-field-webex .webex-title,
.webex-date {
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-webex .webex-date {
    padding-left: 10px
}
.view-opigno-course-catalgue .views-field.views-field-webex .webex-dates {
    padding-left: 140px
}
.view-opigno-course-catalgue .views-field.views-field-group-group {
    background: #5aa449;
    display: inline;
    float: right;
    padding-left: 10px;
    padding-right: 10px
}
.view-opigno-course-catalgue .views-field.views-field-group-group a {
    color: white;
    text-decoration: none
}
.view-opigno-my-courses .opigno-group {
    background: white;
    margin-bottom: 30px
}
.view-opigno-my-courses .opigno-group h3 {
    padding: 10px;
    background: #009ee0;
    margin-bottom: 0px
}
.view-opigno-my-courses .opigno-group .views-row {
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #ececeb
}
.view-opigno-my-courses .opigno-group h3 a {
    color: white;
    text-decoration: none
}
.view-opigno-my-courses .views-field.views-field-opigno-course-image .field-content img {
    width: 100px;
    display: inline
}
.view-opigno-my-courses .views-field.views-field-opigno-course-image .field-content {
    width: 100px;
    display: inline
}
.view-opigno-my-courses .views-field.views-field-opigno-course-image {
    height: 100px;
    width: 100px;
    display: inline
}
.view-opigno-my-courses .views-field.views-field-title {
    font-size: 150%
}
@media screen and (min-width: 600px) {
    .view-opigno-my-courses .views-field.views-field-title {
        display: inline;
        margin-left: 35px;
        position: relative;
        height: 100px;
        top: -50px;
        width: 200px
    }
}
.view-opigno-my-courses .views-field-body span {
    width: 140px;
    float: left
}
.view-opigno-my-courses .views-field-body p {
    margin: 0px
}
.view-opigno-my-courses .views-field-body {
    min-height: 30px;
    max-width: 600px
}
.view-opigno-my-courses .views-field-body .field-content {
    margin-left: 140px
}
.view-opigno-my-courses .views-field-teachers p {
    margin: 0px
}
.view-opigno-my-courses .views-field-teachers .views-label-teachers {
    float: left
}
.view-opigno-my-courses .views-field-teachers {
    min-height: 110px;
    max-width: 600px
}
.view-opigno-my-courses .views-field-teachers .teacher {
    padding-left: 140px;
    height: 110px;
    min-height: 110px;
    max-width: 600px
}
.view-opigno-my-courses .views-field-teachers .field-content .user-picture {
    float: left
}
.view-opigno-my-courses .views-field-teachers .field-content .username {
    margin-left: 10px
}
.view-opigno-my-courses .views-field.views-field-created {
    max-width: 600px;
    background: #ececeb
}
.view-opigno-my-courses .views-field.views-field-created span.views-label {
    width: 140px;
    float: left
}
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;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-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(images/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;
    -moz-box-shadow: none;
    -webkit-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;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        -webkit-background-size: cover !important;
        background-size: cover !important
    }
}
.forum-list-icon-default .forum-list-icon-wrapper span {
    background-image: url(images/forum-no-new-posts-icon.png) !important
}
.forum-list-icon-new-posts .forum-list-icon-wrapper span {
    background-image: url(images/forum-new-posts-icon.png) !important
}
.forum-list-icon-legend .forum-list-icon-default {
    background-image: url(images/forum-new-posts-icon.png)
}
.forum-list-icon-legend .forum-list-icon-new-posts {
    background-image: url(images/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
}
#quiz-question-answering-form {
    background-color: #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(images/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: 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(images/prev-element-icon.png);
    padding-right: 3em
}
@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: right
}
#quiz-question-answering-form .quiz-question-navigation-wrapper input.form-submit {
    margin: 0;
    border-left: 1px solid white !important
}
#quiz-jumper {
    color: black
}
.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(images/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(images/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(images/answered-correctly.png)
}
div.quiz-report div.dt .q-wrong {
    background-image: url(images/answered-incorrectly.png)
}
div.quiz-report .multichoice-icon {
    background-image: url(images/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(images/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(images/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(images/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(images/add-element-icon.png);
    margin: 0;
    padding-left: 1.5em;
    border-left: 1px solid white !important
}
#folder-menu-ops-links {
    float: right
}
#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(images/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(images/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(images/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(images/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(images/rating-stars-white-outline.png)
}
#apps-featured-panel .app-stars-holder .app-stars {
    background-image: url(images/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(images/rating-stars.png)
}
#apps-list .app-stars-holder .app-stars {
    background-image: url(images/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(images/rating-stars.png)
}
#app-wrapper #sidebar .app-stars-holder .app-stars {
    background-image: url(images/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;
    -moz-box-shadow: none;
    -webkit-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
    }
}
.training-stats-table tbody tr {
    height: 37px
}@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,900&subset=latin,latin-ext);
.clearfix {
    overflow: hidden;
    *zoom: 1
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}
.pull-right {
    float: right !important
}
.pull-left {
    float: left !important
}
.hide {
    display: none !important
}
.show {
    display: block !important
}
.invisible {
    visibility: hidden
}
.text-hide {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    text-transform: capitalize
}
.hidden {
    display: none !important
}
.affix {
    position: fixed
}
.col {
    border: 0px solid transparent;
    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%
    }
}
@media screen and (min-width: 0px) {
    .center {
        text-align: center
    }
    .text-right {
        text-align: right
    }
    .text-left {
        text-align: left
    }
}
@media screen and (min-width: 800px) {
    .center-mobile {
        text-align: center
    }
    .right-mobile {
        text-align: right
    }
    .left-mobile {
        text-align: left
    }
}
@media screen and (min-width: 1400px) {
    .center-pc {
        text-align: center
    }
    .right-pc {
        text-align: right
    }
    .left-pc {
        text-align: left
    }
}
body {
    font-size: 100%;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 1.5
}
h1 {
    font-weight: 400
}
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(images/add-element-icon.png);
    height: 24px
}
.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(images/sort-element-icon.png);
    height: 24px
}
.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(images/start-element-icon.png);
    height: 65px
}
.action-next-element {
    height: 24px;
    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(images/next-element-icon.png);
    background-position: right center
}
.action-prev-element {
    height: 24px;
    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(images/prev-element-icon.png)
}
.action-question-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(images/question-element-icon.png);
    height: 24px
}
.action-results-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(images/results-element-icon.png);
    height: 27px
}
.action-edit-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(images/edit-element-icon.png);
    height: 24px
}
.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
}
#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(images/fieldset-collapsible-icon.png) left bottom no-repeat;
    padding-left: 1.3em
}
html.js fieldset.collapsed .fieldset-legend {
    background-position: left top
}
.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
}
.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(images/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(images/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
}
@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;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
@media screen and (max-width: 800px) {
    .main-navigation-row .main-navigation-item a {
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        -webkit-background-size: auto 100%;
        background-size: auto 100%
    }
}
.main-navigation-row .main-navigation-item a span {
    display: block;
    position: absolute;
    bottom: 5px;
    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 .5em 0 0;
    padding: 0;
    float: left
}
#og-context-navigation li a {
    display: block;
    min-width: 30px;
    height: 25px;
    color: white;
    padding: 20px 5px 0 10px;
    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(images/node-home-tab-icon.png)
}
#og-context-navigation .platon-og-context-settings-tab {
    background-image: url(images/node-settings-tab-icon.png)
}
#og-context-navigation .platon-og-context-users-tab {
    background-image: url(images/node-users-tab-icon.png)
}
#og-context-navigation .platon-og-context-tools-tab {
    background-image: url(images/node-tools-tab-icon.png)
}
#og-context-navigation .platon-og-context-home-tab {
    background-image: url(images/node-home-tab-icon.png)
}
#og-context-navigation .platon-og-context-quiz-tab {
    background-image: url(images/quiz-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-settings-tab {
    background-image: url(images/node-settings-tab-icon.png)
}
#og-context-navigation .platon-og-context-poll-tab {
    background-image: url(images/poll-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-forum-tab {
    background-image: url(images/forum-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-tft-tab {
    background-image: url(images/tft-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-quiz_import-tab {
    background-image: url(images/quiz-import-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-users-tab {
    background-image: url(images/node-users-tab-icon.png)
}
#og-context-navigation .platon-og-context-tools-tab {
    background-image: url(images/node-tools-tab-icon.png)
}
#og-context-navigation .platon-og-context-meetings-tab {
    background-image: url(images/meetings-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-audio-tab {
    background-image: url(images/audio-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-sort-tab {
    background-image: url(images/sort-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-video-tab {
    background-image: url(images/video-tool-tab-icon.png)
}
#og-context-navigation .platon-og-context-in_house-tab {
    background-image: url(images/training-tool-tab-icon.png)
}
#back-to-parent-link {
    margin: .25em 0
}
#back-to-parent-link a {
    background: url(images/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(images/add-element-icon.png);
    color: white;
    text-decoration: none;
    margin-bottom: 5px
}
.opigno-group-progress-course a.selected {
    color: #0009E0
}
body {
    background: #0a71b4;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-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 {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-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
}
@media screen and (max-width: 800px) {
    .admin .left,
    .admin .right {
        float: none !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: 0 !important
    }
}
.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: 2.4em
}
#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
}
.page-node-videos .views-field.views-field-title,
.page-node-videos .views-field.views-field-edit-node {
    display: inline
}
.edit-small-pictogram {
    background: url("images/edit-element-green-icon.png") no-repeat scroll right center transparent
}
a.edit-small-pictogram,
a.edit-small-pictogram:hover,
.edit-small-pictogram a,
.edit-small-pictogram a:hover {
    color: transparent
}
@media screen and (min-width: 1200px) {
    #opigno-group-progress {
        max-width: 28%;
        min-width: 28%;
        width: 28%;
        float: left
    }
    #opigno-group-progress th {
        padding-left: 0.5em;
        padding-right: 0.5em
    }
    #opigno-group-progress td {
        padding-left: 0.5em;
        padding-right: 0.5em
    }
    #opigno-group-progress .opigno-group-progress-course {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-quiz {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-quiz table,
    #opigno-group-progress .opigno-group-progress-course-quiz .forum-table {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-in-house-training {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    #opigno-group-progress .opigno-group-progress-course-in-house-training table,
    #opigno-group-progress .opigno-group-progress-course-in-house-training .forum-table {
        max-width: 100%;
        min-width: 100%;
        width: 100%
    }
    .has-group-progress {
        width: 70%;
        float: right;
        padding-left: 2%
    }
    body.page-node-take.opigno-quiz-app-fullscreen #content {
        width: 100%
    }
    .opigno-quiz-app-course-name {
        min-width: 150px
    }
}
@media screen and (max-width: 1200px) {
    #opigno-group-progress {
        display: none
    }
}
.has-group-progress .node-course .opigno-tools {
    display: none
}
body.page-node-take.opigno-quiz-app-fullscreen #opigno-group-progress {
    display: none
}
.opigno-quiz-app-group-status-quiz-result-passed {
    color: green
}
.opigno-quiz-app-group-status-quiz-result-failed {
    color: red
}
user-login-form .item-list ul li {
    display: inline
}
.training-stats-table tbody tr {
    height: 37px
}
#opigno-in-house-training-score-form .fieldset-wrapper {
    display: none
}
#opigno-in-house-training-score-form .form-submits {
    float: right
}
#opigno-webex-attendance-form .fieldset-wrapper {
    display: none
}
#opigno-webex-attendance-form .form-submits {
    float: right
}
.iht-view-2 {
    width: 40%
}
.iht-view-4 {
    width: 18%
}
.form-item.form-type-managed-file.form-item-slide-pdf-und-0 {
    background-image: url(images/application-pdf.png);
    background-repeat: no-repeat;
    background-position: 0px 5px
}
.form-item.form-type-managed-file.form-item-slide-pdf-und-0 label[for=edit-slide-pdf-und-0] {
    margin-left: 20px
}
.col {
    border: 0px solid transparent;
    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-0-out-of-2 {
        display: none
    }
    .col-1-out-of-2 {
        display: block;
        width: 50%;
        border-left-width: 0;
        padding: 0 2.5%;
        margin-left: 0%
    }
    .col-2-out-of-2 {
        display: block;
        margin-left: 0;
        width: 100%
    }
}
@media screen and (max-width: 800px) {
    .hidden-mobile {
        display: none !important
    }
}
@media screen and (min-width: 800px) {
    .col-0-out-of-4 {
        display: none
    }
    .col-1-out-of-4 {
        display: block;
        width: 25%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-2-out-of-4 {
        display: block;
        width: 50%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-3-out-of-4 {
        display: block;
        width: 75%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-4-out-of-4 {
        display: block;
        margin-left: 0;
        width: 100%
    }
}
@media screen and (min-width: 801px) and (max-width: 1399px) {
    .hidden-tablet {
        display: none !important
    }
}
@media screen and (min-width: 1400px) {
    .col-0-out-of-6 {
        display: none
    }
    .col-1-out-of-6 {
        display: block;
        width: 16.66667%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-2-out-of-6 {
        display: block;
        width: 33.33333%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-3-out-of-6 {
        display: block;
        width: 50%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-4-out-of-6 {
        display: block;
        width: 66.66667%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-5-out-of-6 {
        display: block;
        width: 83.33333%;
        border-left-width: 0;
        padding: 0 1.5%;
        margin-left: 0%
    }
    .col-6-out-of-6 {
        display: block;
        margin-left: 0;
        width: 100%
    }
    .row {
        max-width: 1600px;
        margin-left: auto;
        margin-right: auto
    }
    .hidden-pc {
        display: none
    }
}
.col {
    border: 0px solid transparent;
    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%
    }
}
div.vertical-tabs {
    overflow: visible
}
#site-header {
    background: url(images/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 .center-pc {
        text-align: left
    }
}
#site-header a {
    color: white;
    text-decoration: none
}
#site-header .mobile-link-icon {
    float: right;
    padding-top: 0.75em;
    display: none;
    margin-right: 1em;
    height: 30px;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media screen and (max-width: 800px) {
    #site-header .mobile-link-icon {
        display: block
    }
}
#site-header .mobile-link-icon:first-of-type {
    margin-right: 0
}
#logo {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    display: block;
    left: 50%;
    margin-left: -100px
}
@media screen and (max-width: 800px) {
    #logo img {
        max-height: 40px
    }
}
@media screen and (max-width: 1200px) {
    #logo {
        left: 2.5%;
        margin-left: 0
    }
}
.header-user-tools {
    padding-right: 0
}
@media screen and (max-width: 800px) {
    .header-user-tools {
        padding-right: 2.5%
    }
}
.header-user-tools #user-account-information {
    float: right;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 20px
}
.header-user-tools #user-account-information #user-links a {
    vertical-align: middle;
    display: inline-block
}
.header-user-tools #user-account-information #user-links a img {
    display: block;
    position: relative;
    top: 50%
}
.header-user-tools #user-account-information .welcome {
    display: inline-block;
    vertical-align: top;
    margin-left: 8px;
    max-width: 150px;
    line-height: 1.4em;
    vertical-align: middle
}
.header-user-tools #user-account-information #user-account-information-picture,
.header-user-tools #user-account-information #user-account-information-name {
    float: left;
    margin-right: 1em
}
@media screen and (max-width: 800px) {
    .header-user-tools #user-account-information #user-account-information-name {
        display: none
    }
}
.header-user-tools #user-account-information #user-account-information-picture {
    padding-top: .55em
}
.header-user-tools .search-form input[type="text"] {
    color: #000000
}
.header-user-tools #header-login {
    float: right;
    background-color: white;
    color: black;
    height: inherit;
    min-width: 112px;
    position: relative
}
.header-user-tools #header-login a {
    color: inherit;
    cursor: pointer;
    padding: 5px
}
.header-user-tools #header-login .link-block-user-login {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    text-transform: uppercase
}
.header-user-tools #header-login .region-header-login {
    position: absolute;
    right: 0;
    top: 134px;
    width: 215px;
    z-index: 2000;
    background-color: white;
    color: #656668;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    display: none
}
.header-user-tools #header-login .region-header-login a {
    color: #656668
}
.header-user-tools #header-login .region-header-login fieldset {
    background: inherit
}
.header-user-tools #header-login .region-header-login fieldset>legend {
    display: none
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper {
    padding-right: 20px
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"],
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"],
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select {
    border: 0;
    width: 100%;
    padding-left: 0px;
    padding-right: 9px;
    background-color: transparent !important;
    border-bottom: 1px solid black
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select::-webkit-input-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus::-webkit-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus::-webkit-input-placeholder {
    color: transparent
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:-moz-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus:-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus:-moz-placeholder {
    color: transparent;
    opacity: 1
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select::-moz-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus::-moz-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus::-moz-placeholder {
    color: transparent;
    opacity: 1
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:-ms-input-placeholder {
    color: #656668;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0.1s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="text"]:focus:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="password"]:focus:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper textarea:focus:-ms-input-placeholder,
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper select:focus:-ms-input-placeholder {
    color: transparent
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="submit"] {
    width: 100%;
    text-transform: uppercase;
    padding: 7px;
    margin-top: 15px;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper input[type="submit"]:hover {
    background-color: #65b354
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper ul {
    margin: 0
}
.header-user-tools #header-login .region-header-login fieldset .fieldset-wrapper ul li {
    list-style: none;
    margin: 0;
    text-align: center;
    background-position: center;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover
}
.header-user-tools #header-search {
    float: right;
    width: 40px;
    height: 30px;
    margin: 0;
    overflow: hidden;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 20px
}
@media screen and (max-width: 800px) {
    .header-user-tools #header-search {
        display: none
    }
}
.header-user-tools #header-search form {
    position: absolute;
    right: 0;
    white-space: nowrap;
    width: 170px
}
.header-user-tools #header-search h2,
.header-user-tools #header-search label {
    display: none
}
.header-user-tools #header-search .form-text {
    float: left;
    padding: 5px;
    border: 0;
    outline: 0;
    margin-right: 10px;
    width: 120px
}
@media screen and (max-width: 800px) {
    .header-user-tools #header-search .form-text {
        width: auto
    }
}
.header-user-tools #header-search .form-submit {
    border: 0;
    outline: 0;
    background: url(images/search-submit.png) center center no-repeat;
    float: left;
    text-indent: -9999px;
    cursor: pointer;
    width: 30px;
    height: 30px
}
body.platon-use-slider #first-sidebar-toggle {
    display: none
}
body.platon-use-slider #title-wrapper {
    display: none
}
body.platon-use-slider #site-content>.row {
    width: 100%;
    max-width: none
}
body.platon-use-slider #first-sidebar {
    z-index: 2000;
    padding: 0;
    margin-left: 29%;
    left: -160px;
    width: 160px;
    top: 22%;
    position: absolute
}
@media screen and (max-width: 900px) {
    body.platon-use-slider #first-sidebar {
        margin-left: 18.5%
    }
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper {
    background-color: white;
    width: 160px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .title {
    text-align: center;
    text-transform: lowercase;
    line-height: 50px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .title .close-menu {
    float: right;
    margin-right: 9px;
    line-height: 1em;
    margin-top: 15px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row {
    padding: 42px 5px 55px
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row .main-navigation-item {
    text-align: center;
    width: 50%;
    padding: 0
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row .main-navigation-item a {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    display: block;
    float: none
}
body.platon-use-slider #first-sidebar #main-navigation-wrapper .main-navigation-row .main-navigation-item a.active {
    border: 1px solid white
}
body.platon-use-slider #second-sidebar {
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1
}
body.platon-use-slider #second-sidebar ul.slides {
    margin: 0;
    padding: 0;
    width: 100%
}
body.platon-use-slider #second-sidebar ul.slides>li {
    list-style: none;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-right: 20px;
    width: 100% !important
}
body.platon-use-slider #second-sidebar ul.slides>li::-webkit-scrollbar {
    display: none
}
body.platon-use-slider #second-sidebar ul.slides>li .content {
    padding-left: 30%;
    padding-right: 30%;
    color: white;
    padding-bottom: 220px
}
@media screen and (max-width: 900px) {
    body.platon-use-slider #second-sidebar ul.slides>li .content {
        padding-left: 20%;
        padding-right: 15px
    }
}
@media screen and (max-width: 800px) {
    body.platon-use-slider #second-sidebar ul.slides>li .content {
        padding-left: 15px;
        padding-right: 15px
    }
}
body.platon-use-slider #second-sidebar ul.slides>li .content a {
    color: white
}
body.platon-use-slider #second-sidebar .slider-footer {
    position: absolute;
    bottom: 0;
    height: 180px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    text-align: center
}
body.platon-use-slider #second-sidebar .slider-footer .slider-counter {
    display: inline-block;
    color: white;
    font-size: 38px;
    font-weight: 900;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
body.platon-use-slider #second-sidebar .slider-footer .slider-counter .top {
    border-bottom: 2px solid white
}
#site-content {
    background-image: url("../images/front-background.jpg");
    background-attachment: fixed;
}
@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(images/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: 600px;
}
@media screen and (max-width: 800px) {
    body:not(.platon-use-slider) #first-sidebar.collapsed,
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar {
        width: 100%
    }
    body:not(.platon-use-slider) #first-sidebar.collapsed .region,
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar .region {
        display: block !important
    }
}
@media screen and (min-width: 800px) {
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar {
        width: 100%
    }
}
@media screen and (min-width: 1400px) {
    body:not(.platon-use-slider) #first-sidebar.collapsed+#second-sidebar {
        width: 100%
    }
}
#title-wrapper {
    padding: .5em;
    margin-bottom: 2em;
    overflow: hidden
}
#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;
    clear:both;
}
#site-footer a {
    color: white
}
body.platon-use-slider #site-header {
    padding: 0;
    height: 134px
}
@media screen and (max-width: 800px) {
    body.platon-use-slider #site-header {
        height: 65px
    }
}
body.platon-use-slider #site-header>.row {
    height: inherit;
    overflow: visible
}
body.platon-use-slider #site-header>.row>.col {
    height: inherit
}
body:not(.platon-use-slider) #site-header {
    padding: 0;
    height: 77px
}
body:not(.platon-use-slider) #site-header .header-user-tools #header-login .region-header-login {
    top: 77px
}
@media screen and (max-width: 800px) {
    body:not(.platon-use-slider) #site-header {
        height: 65px
    }
}
body:not(.platon-use-slider) #site-header>.row {
    height: inherit;
    overflow: visible
}
body:not(.platon-use-slider) #site-header>.row>.col {
    height: inherit
}
#views-form-og-members-admin-default td.views-field.views-field-edit-membership>a[href*=delete-membership],
#views-form-og-members-admin-default .forum-table td.views-field.views-field-edit-membership>a[href*=delete-membership] {
    display: none
}
.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(images/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(images/sort-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
.take-button-cell a.question {
    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(images/question-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
.take-button-cell a.results {
    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(images/results-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
.take-button-cell a.edit {
    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(images/edit-element-icon.png);
    display: block;
    background-position: right center;
    border-top: 1px solid white;
    padding-right: 3em;
    padding-left: 1em
}
@media screen and (max-width: 800px) {
    .form-submit,
    input[type="submit"],
    input[type="button"],
    button {
        height: 28px
    }
    .action-sort-element {
        height: 21px
    }
    .action-edit-element {
        height: 21px
    }
    .action-question-element {
        height: 49.5px
    }
    .action-results-element {
        height: 28px
    }
}
.node-quiz .form-submit,
.node-quiz input[type="submit"],
.node-quiz input[type="button"],
.node-quiz button {
    height: 65px
}
.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
}
.node-course-other-fields {
    float: right;
    width: 25%;
    padding: 1em;
    font-size: .9em;
    background: url(images/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
}
.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
}
.action-links a.opigno-quiz-app-course-start {
    background-image: url(images/start-element-icon.png)
}
.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(images/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(images/forum-tool-icon.png)
}
.opigno-poll-tool .opigno-tool-icon {
    background-image: url(images/poll-tool-icon.png)
}
.opigno-quiz-import-tool .opigno-tool-icon {
    background-image: url(images/quiz-import-tool-icon.png)
}
.opigno-quiz-tool .opigno-tool-icon {
    background-image: url(images/quiz-tool-icon.png)
}
.opigno-tft-tool .opigno-tool-icon {
    background-image: url(images/tft-tool-icon.png)
}
.opigno-meetings-tool .opigno-tool-icon {
    background-image: url(images/meetings-tool-icon.png)
}
.opigno-audio-tool .opigno-tool-icon {
    background-image: url(images/audio-tool-icon.png)
}
.opigno-video-tool .opigno-tool-icon {
    background-image: url(images/video-tool-icon.png)
}
.opigno-in-house-tool .opigno-tool-icon {
    background-image: url(images/training-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(images/fullscreen-icon.png)
}
.opigno-quiz-app-loading-content {
    width: 100%;
    min-height: 400px;
    background: url(images/ajax-loader-dark-blue.gif) center center no-repeat
}
.opigno-quiz-app-exit-fullscreen-link {
    display: none;
    background-image: url(images/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(images/main-navigation-home-icon-inactive.png)
}
#main-navigation-item-home a.active,
#main-navigation-item-home a:hover {
    background-image: url(images/main-navigation-home-icon-active.png)
}
#main-navigation-item-my-courses a {
    background-image: url(images/main-navigation-my-courses-icon-inactive.png)
}
#main-navigation-item-my-courses a.active,
#main-navigation-item-my-courses a:hover {
    background-image: url(images/main-navigation-my-courses-icon-active.png)
}
#main-navigation-item-training-catalogue a {
    background-image: url(images/main-navigation-training-catalogue-icon-inactive.png)
}
#main-navigation-item-training-catalogue a.active,
#main-navigation-item-training-catalogue a:hover {
    background-image: url(images/main-navigation-training-catalogue-icon-active.png)
}
#main-navigation-item-forum a {
    background-image: url(images/main-navigation-forum-icon-inactive.png)
}
#main-navigation-item-forum a.active,
#main-navigation-item-forum a:hover {
    background-image: url(images/main-navigation-forum-icon-active.png)
}
#main-navigation-item-calendar a {
    background-image: url(images/main-navigation-calendar-icon-inactive.png)
}
#main-navigation-item-calendar a.active,
#main-navigation-item-calendar a:hover {
    background-image: url(images/main-navigation-calendar-icon-active.png)
}
#main-navigation-item-my-achievements a {
    background-image: url(images/main-navigation-my-achievements-icon-inactive.png)
}
#main-navigation-item-my-achievements a.active,
#main-navigation-item-my-achievements a:hover {
    background-image: url(images/main-navigation-my-achievements-icon-active.png)
}
#main-navigation-item-messages a {
    background-image: url(images/main-navigation-messages-icon-inactive.png)
}
#main-navigation-item-messages a.active,
#main-navigation-item-messages a:hover {
    background-image: url(images/main-navigation-messages-icon-active.png)
}
#main-navigation-item-administration a {
    background-image: url(images/main-navigation-administration-icon-inactive.png)
}
#main-navigation-item-administration a.active,
#main-navigation-item-administration a:hover {
    background-image: url(images/main-navigation-administration-icon-active.png)
}
.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(images/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(images/pager-prev-icon.png)
}
.view-header .pager .date-next {
    right: 0;
    background-image: url(images/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;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}
.calendar-calendar td.empty {
    color: inherit
}
.view-opigno-course-catalgue .opigno-group {
    background: white;
    margin-bottom: 30px
}
.view-opigno-course-catalgue .opigno-group h3 {
    padding: 10px;
    background: #009ee0;
    margin-bottom: 0px
}
.view-opigno-course-catalgue .opigno-group .views-row {
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #ececeb
}
.view-opigno-course-catalgue .opigno-group h3 a {
    color: white;
    text-decoration: none
}
.view-opigno-course-catalgue .views-field.views-field-group-group {
    float: right
}
.view-opigno-course-catalgue .views-field.views-field-opigno-course-image .field-content img {
    width: 100px;
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-opigno-course-image .field-content {
    width: 100px;
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-opigno-course-image {
    height: 100px;
    width: 100px;
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-title {
    font-size: 150%
}
@media screen and (min-width: 600px) {
    .view-opigno-course-catalgue .views-field.views-field-title {
        display: inline;
        margin-left: 35px;
        position: relative;
        height: 100px;
        top: -50px;
        width: 200px
    }
}
.view-opigno-course-catalgue .views-field-body span {
    width: 140px;
    float: left
}
.view-opigno-course-catalgue .views-field-body p {
    margin: 0px
}
.view-opigno-course-catalgue .views-field-body {
    min-height: 30px;
    max-width: 600px
}
.view-opigno-course-catalgue .views-field-body .field-content {
    margin-left: 140px
}
.view-opigno-course-catalgue .views-field-teachers span.views-label {
    width: 140px;
    float: left;
    height: 100%
}
.view-opigno-course-catalgue .views-field-teachers p {
    margin: 0px
}
.view-opigno-course-catalgue .views-field-teachers {
    min-height: 110px;
    max-width: 600px
}
.view-opigno-course-catalgue .views-field-teachers .teacher {
    padding-left: 140px;
    height: 110px;
    min-height: 110px;
    max-width: 600px
}
.view-opigno-course-catalgue .views-field-teachers .field-content .user-picture {
    float: left
}
.view-opigno-course-catalgue .views-field-teachers .field-content .username {
    margin-left: 10px
}
.view-opigno-course-catalgue .views-field-available-places {
    max-width: 600px;
    min-height: 30px
}
.view-opigno-course-catalgue .views-field-available-places span.views-label {
    float: left;
    width: 140px
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings {
    max-width: 600px;
    min-height: 60px
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings span.views-label {
    width: 140px;
    float: left
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings .iht-title,
.iht-date {
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings .iht-date {
    padding-left: 10px
}
.view-opigno-course-catalgue .views-field.views-field-in-house-trainings .iht-dates {
    padding-left: 140px
}
.view-opigno-course-catalgue .views-field.views-field-webex span.views-label {
    width: 140px;
    float: left
}
.view-opigno-course-catalgue .views-field.views-field-webex .webex-title,
.webex-date {
    display: inline
}
.view-opigno-course-catalgue .views-field.views-field-webex .webex-date {
    padding-left: 10px
}
.view-opigno-course-catalgue .views-field.views-field-webex .webex-dates {
    padding-left: 140px
}
.view-opigno-course-catalgue .views-field.views-field-group-group {
    background: #5aa449;
    display: inline;
    float: right;
    padding-left: 10px;
    padding-right: 10px
}
.view-opigno-course-catalgue .views-field.views-field-group-group a {
    color: white;
    text-decoration: none
}
.view-opigno-my-courses .opigno-group {
    background: white;
    margin-bottom: 30px
}
.view-opigno-my-courses .opigno-group h3 {
    padding: 10px;
    background: #009ee0;
    margin-bottom: 0px
}
.view-opigno-my-courses .opigno-group .views-row {
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #ececeb
}
.view-opigno-my-courses .opigno-group h3 a {
    color: white;
    text-decoration: none
}
.view-opigno-my-courses .views-field.views-field-opigno-course-image .field-content img {
    width: 100px;
    display: inline
}
.view-opigno-my-courses .views-field.views-field-opigno-course-image .field-content {
    width: 100px;
    display: inline
}
.view-opigno-my-courses .views-field.views-field-opigno-course-image {
    height: 100px;
    width: 100px;
    display: inline
}
.view-opigno-my-courses .views-field.views-field-title {
    font-size: 150%
}
@media screen and (min-width: 600px) {
    .view-opigno-my-courses .views-field.views-field-title {
        display: inline;
        margin-left: 35px;
        position: relative;
        height: 100px;
        top: -50px;
        width: 200px
    }
}
.view-opigno-my-courses .views-field-body span {
    width: 140px;
    float: left
}
.view-opigno-my-courses .views-field-body p {
    margin: 0px
}
.view-opigno-my-courses .views-field-body {
    min-height: 30px;
    max-width: 600px
}
.view-opigno-my-courses .views-field-body .field-content {
    margin-left: 140px
}
.view-opigno-my-courses .views-field-teachers p {
    margin: 0px
}
.view-opigno-my-courses .views-field-teachers .views-label-teachers {
    float: left
}
.view-opigno-my-courses .views-field-teachers {
    min-height: 110px;
    max-width: 600px
}
.view-opigno-my-courses .views-field-teachers .teacher {
    padding-left: 140px;
    height: 110px;
    min-height: 110px;
    max-width: 600px
}
.view-opigno-my-courses .views-field-teachers .field-content .user-picture {
    float: left
}
.view-opigno-my-courses .views-field-teachers .field-content .username {
    margin-left: 10px
}
.view-opigno-my-courses .views-field.views-field-created {
    max-width: 600px;
    background: #ececeb
}
.view-opigno-my-courses .views-field.views-field-created span.views-label {
    width: 140px;
    float: left
}
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;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-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(images/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;
    -moz-box-shadow: none;
    -webkit-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;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        -webkit-background-size: cover !important;
        background-size: cover !important
    }
}
.forum-list-icon-default .forum-list-icon-wrapper span {
    background-image: url(images/forum-no-new-posts-icon.png) !important
}
.forum-list-icon-new-posts .forum-list-icon-wrapper span {
    background-image: url(images/forum-new-posts-icon.png) !important
}
.forum-list-icon-legend .forum-list-icon-default {
    background-image: url(images/forum-new-posts-icon.png)
}
.forum-list-icon-legend .forum-list-icon-new-posts {
    background-image: url(images/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
}
#quiz-question-answering-form {
    background-color: #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(images/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: 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(images/prev-element-icon.png);
    padding-right: 3em
}
@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: right
}
#quiz-question-answering-form .quiz-question-navigation-wrapper input.form-submit {
    margin: 0;
    border-left: 1px solid white !important
}
#quiz-jumper {
    color: black
}
.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(images/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(images/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(images/answered-correctly.png)
}
div.quiz-report div.dt .q-wrong {
    background-image: url(images/answered-incorrectly.png)
}
div.quiz-report .multichoice-icon {
    background-image: url(images/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(images/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(images/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(images/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(images/add-element-icon.png);
    margin: 0;
    padding-left: 1.5em;
    border-left: 1px solid white !important
}
#folder-menu-ops-links {
    float: right
}
#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(images/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(images/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(images/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(images/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(images/rating-stars-white-outline.png)
}
#apps-featured-panel .app-stars-holder .app-stars {
    background-image: url(images/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(images/rating-stars.png)
}
#apps-list .app-stars-holder .app-stars {
    background-image: url(images/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(images/rating-stars.png)
}
#app-wrapper #sidebar .app-stars-holder .app-stars {
    background-image: url(images/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;
    -moz-box-shadow: none;
    -webkit-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
    }
}
.training-stats-table tbody tr {
    height: 37px
}