@import url('/font/roboto.css');

pre,
code,
kbd,
samp,
tt{
    font-family:Roboto Mono, monospace;
    font-size:90%;
}

code {
    border:1px solid #CCC;
    border-radius:2px;
    padding:0 2px;
}

pre code {
    border:none;
    padding:0;
}

main img {
    max-width:100%;
}

.xdebug-var-dump,
.xdebug-error {
    font-size:100%;
    text-align:left;
    position:relative;
    margin:40px 10px -40px 10px;
    right:0 !important;
    width:auto;
}

.xdebug-var-dump {
    margin-top:50px;
}

.xdebug-error th[bgcolor="#f57900"]{
    font-size:100%;
    background:#d4121e;
    color:#FFF;
    text-transform:none;
}

.xdebug-error span[style="background-color: #cc0000; color: #fce94f; font-size: x-large;"]{
    background:#d4121e !important;.
    font-size:100% !important;
    font-weight:bold;
    color:#FFF !important;
}

.error {
    opacity:0;
    visibility: hidden;
    color:#d4121e;
    position:absolute;
    top:-20px;
    left:24%;
    right:6%;
    margin-left:15px;
    padding:10px;
    background:#FFF;
    border:5px solid #d00;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    white-space:pre-line;
    box-shadow:2px 2px 4px rgba(0,0,0,0.5);
    transition:visibility 0s linear 0.3s,opacity 0.3s linear;
    z-index:1;
}

.error.active{
    transition-delay:0s;
    visibility: visible;
    opacity:1;
}

/* creates the bigger red  triangle */
.error:before {
    content:"";
    position:absolute;
    bottom:-20px; /* value = - border-top-width - border-bottom-width */
    left:40px; /* controls horizontal position */
    border-width:20px 20px 0;
    border-style:solid;
    border-color:#d00 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

/* creates the smaller white  triangle */
.error:after {
    content:"";
    position:absolute;
    bottom:-13px; /* value = - border-top-width - border-bottom-width */
    left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */
    border-width:13px 13px 0;
    border-style:solid;
    border-color:#fff transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
}

textarea:invalid,
select:invalid,
input:invalid{
    color:#d4121e;
    border:2px solid #d4121e;
    padding:1px;
}

select:invalid {
    padding:0;
}

.region[required].empty,
select[required] option[value=''] {
    color:#d4121e;
}

option{
    color:#2d2d2b;
}

select option:disabled {
    color: #BFBFBF;
}

.region.empty,
.region option:first-child{
    color:#707070;
}

form {
    position:relative;
}

form[data-status=busy] *,
form[data-status=busy]{
    cursor:wait;
}

.message {
    white-space:pre-line;
    opacity:0;
    height:0;
    margin-top:10px;
    position:relative;
    padding:0 10px;
    background:#F0F0F0;
    box-shadow: 2px 2px 2px #888;
    -moz-box-shadow: 2px 2px 2px #888;
    -webkit-box-shadow: 2px 2px 2px #888;
    transition:all 0.3s;
}

.message.active {
    opacity:1;
    padding:10px;
    height:auto;
}


.message:after {
    content:"";
    position:absolute;
    bottom:-13px; /* value = - border-top-width - border-bottom-width */
    border-width:13px 13px 0;
    border-style:solid;
    border-color:#F0F0F0 transparent;
    /* reduce the damage in FF3.0 */
    display:block;
    width:0;
    top:-13px; /* value = - border-top-width - border-bottom-width */
    bottom:auto;
    left:20px; /* value = (:before right) + (:before border-right) - (:after border-right) */
    border-width:0 13px 13px;
}


.close {
    margin:-5px -5px 0 0;
    width:24px;
    height:24px;
    float:right;
    background:url(icons.svg);
    cursor:pointer;
    opacity:0.4;
}
.close:hover{
    opacity:0.8;
}


body {
    text-align:center;
    margin:0;
    padding:0;
    font-family:Roboto, Arial, sans-serif;
    font-size:75%;
    background:#fff;
    color:#2d2d2b;
    line-height:1.7em;
    counter-reset:wizard-step 0;
}
.report {
    cursor:pointer;
    padding-left: 40px;
    min-height:40px;
    padding-top:8px;
    position:relative;
}

.report:hover:after {
    opacity:1;
}
.report:after {
    content:"";
    background:url(/img/b_table.png) no-repeat;
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:30px;
}

.report .busy {
    display:none;
}
.report.loading .busy {
    display:inline;
}
.report.loading .generate{
    display:none;
}
.report.loading: {
    cursor:default;
}

.report.loading:after {
    background: url(/img/loading2.gif) no-repeat;
    opacity:1;
}

.timeseries {
    width:100%;
    transition:height 1s;
    height:30px;
    margin-bottom:10px;
    position:relative;
    cursor:pointer;
    overflow:hidden;
    line-height:125%;
}

.timeseries:hover button.icon_stats {
    opacity:1;
}

.timeseries+h2, .timeseries+h3, .timeseries+h4 {
    margin-top:30px;
}

.timeseries button {
    vertical-align:middle;
    margin-right:5px;
}

.timeseries.loading, .timeseries.loaded {
    cursor:default;
    height:375px;
    /*  min-height:365px;*/
    margin-bottom:30px;
}

.timeseries.loaded {
    transition:height 0;
}

.timeseries.loaded {
    overflow:normal;
}
.timeseries.loading .title ,.timeseries.loaded .title {
    font-weight:bold;
    display:block;
    margin-bottom:10px;
}

.timeseries.loading {
    background: url(/img/loading2.gif) 50% 50% no-repeat;
}
.timeseries .options {
    font-size:80%;
}
.timeseries .options input {
    margin-right: 10px;
}
.timeseries .legend {
    position:absolute;
    right:0;
    top:330px;
    width:40%;
    text-align:right;
    max-height:100px;
    font-size:80%;
}
.timeseries .icon_download {
    float:left;
}
.timeseries input[type=text] {
    width:30px;
    font-size:62.5%;
}
.dygraph-legend {
    left:30px !important;
    background:none !important;
    font-size:80% !important;
    pointer-events:none;
    width:100% !important;
    position:absolute;
    z-index:2;
}
.dygraph-legend span{
    background:#FFF;
}
.dygraph-roller {
    position:absolute;
}
#overlay {
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
}

#overlay .mask {
    background:#000;
    height:100%;
    width:100%;
    opacity:0.75;
    filter:alpha(opacity: 75);
    position:fixed;
}

#overlay .finder {
    position:absolute;
    text-align:left;
    top:40px;
    bottom:40px;
    z-index:101;
    background:#FFF;
    border:2px solid #9CF;
    box-shadow: 0px 0px 6px #9CF, 5px 5px 5px #000;
    -moz-box-shadow: 0px 0px 6px #9CF, 5px 5px 5px #000;
    -webkit-box-shadow: 0px 0px 6px #9CF, 5px 5px 5px #000;
    left:48px;
    right:48px;
}

#overlay .finder iframe {
    position:absolute;
    border:none;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

#icon {
    max-width:125px;
    max-height:125px;
}

#tra{
    position:absolute;
    display:block;
    top:0;
    width:200px;
    height:10px;
    z-index:10;
    overflow:hidden;
}
#tra img {
    width:100%;
    height:100%;
}

#page {
    text-align:left;
    position:static;
    padding:0px;
}

footer {
    font-size:80%;
    color:#545454;
    clear:both;
    margin-top:100px;
}

footer a {
    color:#545454;
}

.unknown {
    background: #a9a9a9;
}
.correct {
    background: #569815;
}
.incorrect {
    background: #d01515;
}

.stat100{
    position:absolute;
    left:0px;
    z-index:-1;
    top:0;
}
a {
    color:#d4121e;
}
.clickable td a {
    color:#2d2d2b;
    text-decoration:none;
}

tr[data-disabled],
tr[data-inactive],
tr[data-inactive] a {
    color:#777;
}

tr[data-deleted] {
    text-decoration:line-through;
    color:#d4121e;
}

tr[data-inactive].draghover,
tr[data-inactive].draghover a,
tr[data-deleted].draghover,
tr[data-deleted].draghover a {
    color:#FFF;
}


td, th {
    font-size:100%;
    vertical-align:top;
}

p {
    margin-top:0;
}

h1{
    clear:left;
    font-size:180%;
    margin:5px 0;
}
h2{
    font-size:150%;
}
h3{
    font-size:133%;
    margin: 5px 0;
}
h4{
    font-size:115%;
    margin: 5px 0;
}
h5,h6{
    font-weight:bold;
    font-size:100%;
    margin-top:10px;
    margin-bottom:0px;
}
h6{
    font-style:italic;
}
#logo{
    position:absolute;
    height:125px;
    left:0;
    top:0;
    overflow:hidden;
    background-position:50% 50%;
}

#menu  {
    z-index:13;
    position:relative !important;
    top:0px !important;
    background:#d4121e;
    transition: box-shadow 0.4s;
}
#menu.fixed {
    box-shadow: 0 2px 4px rgba(45,45,43,0.6);
    -moz-box-shadow: 0 2px 4px rgba(45,45,43,0.6);
    -webkit-box-shadow: 0 2px 4px rgba(45,45,43,0.6);
}
#menu form {
    position:absolute;
    right:10px;
    top:5px;
    margin:0;
}
#menu form input {
    font-size:100%;
}
#menu ul {
    background-position:right 50%;
    background-repeat:no-repeat;
    white-space: nowrap;
    width:100%;
    margin-bottom:0px;
    padding:0;
    margin:0;
    height:30px;
}

#menu li {
    display:block;
    float:left;
    height:30px;
    overflow:hidden;
    line-height:16px;
    max-width:25%;
    background-color:#d4121e;
}
#menu ul a {
    text-decoration:none;
    display:block;
    color:#FFF;
    padding:5px;
    height:20px;
    border-right: 1px solid #FFF;
    text-decoration: none;
    font-weight:bold;
    font-size:100%;
    position:static;
    background-position:left center;
    background-repeat:no-repeat;
    overflow:hidden;
}
#menu ul a span {
    font-size:80%;
    font-weight:normal;
    text-transform:none;
    display:none;
}

#menu .active {
    background-color:#FFF;
    color:#2d2d2b;
}
#menu .disabled {
    color:#cdcac7;
    filter:alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity:0.6;
}


#menu ul div {
    width:152px;
}
#menu ul div a {
    text-decoration:none;
    display:none;
}

#menu ul div:hover a{
    display:block;
}


#submenu {
    display:none;
}

.folder a, #submenu .expanded a {
    text-decoration:none;
    background-image:url(/img/b_folder.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}

a[data-locked='yes'] {
    background-image:url(/img/b_lock.png);
}

#submenu a[data-locked='yes'] {
    background-image:url(/img/b_lock_small.png) !important;
}

#submenu a.active[data-locked='yes'] {
    background-image:url(/img/w_lock_small.png) !important;
}

.search a {
    text-decoration:none;
    background-image:url(/img/b_search.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}
.go a {
    text-decoration:none;
    background-image:url(/img/b_go_right.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}
.trash a {
    text-decoration:none;
    background-image:url(/img/b_trash.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}
.import a {
    text-decoration:none;
    background-image:url(/img/b_download.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}
.stats a {
    text-decoration:none;
    background-image:url(/img/b_stats.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}
.invoices a {
    text-decoration:none;
    background-image:url(/img/b_invoice.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}
.settings a {
    text-decoration:none;
    background-image:url(/img/b_settings.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}
.bookmark a {
    text-decoration:none;
    background-image:url(/img/b_favorites.png);
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}

.all a {
    text-decoration:none;
    background-image:url(/img/b_list.png) !important;
    background-repeat:no-repeat;
    background-position:left top;
    padding-left:22px;
    line-height:17px;
}

div button.icon {
    padding:0;
    border:0;
    opacity:0.6;
    width:30px;
    height:30px;
    padding-left:30px;
    overflow:hidden;
    background:url(/img/b_create.png);
    white-space:nowrap;
}

div button.icon:hover {
    opacity:1;
}
div button.icon_delete {
    background:url(/img/b_delete.png);
}
div button.icon_restore {
    background:url(/img/b_restore.png);
    display: none;
}
div button.icon_update {
    background:url(/img/b_update.png);
}
div button.icon_search {
    background:url(/img/b_search.png);
}
/* reworked bookmark */
div.bookmark_create button.icon_bookmark {
    background:url(/img/b_favorites_create.png);
}
div.bookmark_delete button.icon_bookmark {
    background:url(/img/b_favorites_delete.png);
}
/* reworked bookmark add: show first fieldset only */
div.bookmark_create #lesson_bookmark fieldset+fieldset,
div.bookmark_create #bundle_bookmark fieldset+fieldset {
    display:none;
}
/* reworked bookmark delete: show second fieldset only */
div.bookmark_delete #lesson_bookmark fieldset,
div.bookmark_delete #bundle_bookmark fieldset{
    display:none;
}
div.bookmark_delete #lesson_bookmark fieldset+fieldset,
div.bookmark_delete #bundle_bookmark fieldset+fieldset {
    display:block;
}
div button.icon_bookmark_create {
    background:url(/img/b_favorites_create.png);
}
div button.icon_bookmark_delete {
    background:url(/img/b_favorites_delete.png);
}
div button.icon_certificate {
    background:url(/img/b_certificate.png);
}
div button.icon_zoom_in {
    background:url(/img/b_zoom_in.png);
}
div button.icon_zoom_out {
    background:url(/img/b_zoom_out.png);
}
div button.icon_stats {
    background:url(/img/b_stats.png);
}
div button.icon_list {
    background:url(/img/b_list.png);
}
div button.icon_expand {
    background:url(/img/b_expand.png);
}
div button.icon_collapse {
    background:url(/img/b_collapse.png);
}
div button.icon_copy {
    background:url(/img/b_copy.png);
}
button.icon_delete.icon_delete_progress {
    display:none;
}
div button.icon_create + button.icon_delete {
    display:none;
}

.deletable input[type="checkbox"] {
    display: none;
}

.deletable.has_delete_checkboxes input[type="checkbox"] {
    display: inline;
}

a.icon_download {
    text-decoration:none;
    background:url(/img/b_download.png) no-repeat 0 0;
    display:block;
    width:0;
    height:30px;
    z-index:9;
    position:relative;
    opacity:0.6;
    margin-bottom:2em;
    padding-left:30px;
    overflow:hidden;
    color:#000;
}
a.icon_download:hover {
    opacity:1;
}
.timeseries a.icon_download {
    margin-bottom:0;
}
table + .icon_download {
    margin-top:-20px;
}

#lock_update_button {
    background:url(/img/b_lock_update.png);
}
#threshold_update_button {
    background:url(/img/b_threshold_update.png);
}
#testnotification_update_button {
    background:url(/img/b_go_right_big.png);
}
#captcha-play {
    background:url(/img/b_sound.svg);
}
#captcha-play.playing {
    background-position-x: 30px;
}
#captcha-refresh,
#passwords_reset_button,
#ledger_create_button,
#currency_create_button,
#exchange_rate_create_button,
#customertrash_update_button {
    background:url(/img/b_restore.png);
}
#sales_state_update_button {
    background:url(/img/b_check.png);
}
#sales_state_create_2_button {
    background:url(/img/b_go_right_big.png);
}
.page_progress #progress_restore_button {
    display:inline;
}
#exit {
    position:absolute;
    right:0px;
    top:-30px;
    height:30px;
    overflow:hidden;
    z-index:14;
}

#exit a{
    text-decoration:none;
    display:block;
    height:30px;
    width:0px;
    background:url(/img/w_logout2.png);
    overflow:hidden;
    padding-left:30px;
}

#help_button {
    display:none;
}

#path {
    font-size:80%;
    line-height:20px;
    /*  min-height:20px;*/
    padding-right:20px;
}
#path a {
    text-decoration:none;
    display:block;
    float:left;
    text-decoration:none;
    padding:1px 2px 2px 2px;
    padding-right:15px;
    margin-right:5px;
    margin-bottom:5px;
    color:#FFF;
    background: #716d6c url(/img/breadcrumb_right.png) no-repeat right center;
}

#path.showall a{
    display:block;
}

#path a:hover {
    background-color: #d4121e;
}

#path a.disabled {
    opacity:0.4;
    cursor:default;
}

#path a.active:hover, #path a.disabled:hover {
    background-color: #716d6c;
}

.toggle_on {
    text-decoration:none;
    background:url(/img/toggle_plus.png) no-repeat left center;
    padding-left: 10px;
    font-size:100%;
}


.toggle_off {
    text-decoration:none;
    background:url(/img/toggle_minus.png) no-repeat left center;
    padding-left: 10px;
    font-size:100%;
}

header{
    clear:left;
    position:relative;
    padding:10px 1.5em 0 1.5em;
    margin-bottom:10px;
    /*  background: url(/img/logo.png) no-repeat bottom right; */
}
header p{
    margin-bottom:2px;
    font-size:100%;
}


#content {
    padding:1.5em;
    position:static;
    /*padding-right:100px;*/
}

#upgrade {
    margin-top:30px;
    font-weight:bold;
}

a.next, a.previous {
    text-decoration:none;
    background:#d4121e url(/img/w_go_left.png) no-repeat center center;
    padding: 5px 15px;
    margin:5px;
    color:#FFF !important;
}

a.next {
    background-image:url(/img/w_go_right.png);
}
a.startlesson {
    text-decoration:none;
    background:#d4121e url(/img/w_go_right.png) no-repeat left center;
    padding:10px 10px;
    padding-left:30px;
    color:#FFF !important;
    font-weight:bold;
}


.lock a.startlesson {
    display:none;
}
.testlocked {
    display:none;
}
.lock .testlocked {
    display:block;
}

.launchlesson, .editlink, .publishlink, .democontent, .excellink, .backlink, .scormlink, .sendbutton  {
    margin:1em 0;
    line-height:30px;
}

a.startlesson span, .launchlesson span {
    font-weight:normal;
}

.editlink, .publishlink {
    display:none;
}

.editlink a,
.publishlink a,
.democontent a,
.scormlink a,
.backlink a,
.excellink a,
.launchlesson a,
.sendbutton a {
    text-decoration:none;
    padding:10px;
    padding-left:30px;
    color:#FFF !important;
    font-weight:bold;
}
.launchlesson a, .sendbutton a {
    background:#d4121e url(/img/w_go_right.png) no-repeat left center;
}
.backlink a {
    background:#d4121e url(/img/w_go_left.png) no-repeat left center;
}
.editlink a {
    background:#d4121e url(/img/w_update_small.png) no-repeat left center;
}
.publishlink a {
    background:#d4121e url(/img/w_publish_small.png) no-repeat left center;
}
.democontent a {
    background:#d4121e url(/img/w_create_small.png) no-repeat left center;
}
.scormlink a,
.excellink a {
    background:#d4121e url(/img/w_download_small2.png) no-repeat left center;
}

/* lessons in content view */

.bt_description {
    padding:5px;
    font-weight:bold;
}

.lesson {
    border-top: 1px solid #cdcac7;
    min-height:64px;
}

.new h2 {
    color:#007eff;
}

.passed .lt_name{
    background:url(/img/green_down.png) no-repeat left 5px;
    color:#020;
}
.lessonhover.passed .lt_name{
    background:url(/img/green_up.png) no-repeat left 5px;
}
.passed h2{
    color:#080;
}
.failed .lt_name{
    background:url(/img/red_down.png) no-repeat left 5px;
    color:#200;
}
.lessonhover.failed .lt_name{
    background:url(/img/red_up.png) no-repeat left 5px;
}
.failed h2{
    color:#800;
}
.finished .lt_name{
    background:url(/img/gray_down.png) no-repeat left 5px;
    color:#222;
}
.lessonhover.finished .lt_name{
    background:url(/img/gray_up.png) no-repeat left 5px;
}
.finished h2{
    color:#888;
}
.unfinished .lt_name{
    background:url(/img/darkblue_down.png) no-repeat left 5px;
}
.lessonhover.unfinished .lt_name{
    background:url(/img/darkblue_up.png) no-repeat left 5px;
}
.unfinished h2 {
    color:#004183;
}
.lock a {
    color:#2d2d2b;
}
.new .lt_name{
    background:url(/img/blue_down.png) no-repeat left 5px;
}
.lessonhover.new .lt_name{
    background:url(/img/blue_up.png) no-repeat left 5px;
}
.lock .lt_name{
    background:url(/img/b_lock.png) no-repeat left 5px;
}
.external .lt_name{
    background:url(/img/link.png) no-repeat left 5px;
}

.link {
    background:url(/img/link.png) no-repeat left 5px;
    padding-left:20px;
}

.lt_name{
    padding-top:10px;
    padding-bottom:5px;
    margin-right:74px;
    cursor:pointer;
}

.lt_name h2, .lt_name .name {
    margin:0;
    font-weight:bold;
    font-size:133%;
    padding-left:30px
}

.lt_description {
    margin-top:5px;
}

.l_extra {
    margin-top:10px;
    color:#2d2d2b;
}

.l_extra table {
    width:100%;
}

.locked {
    background:url(/img/b_lock.png) no-repeat left 0;
    display:block;
    width:30px;
    height:30px;
    z-index:11;
    position:relative;
    opacity:0.6;
}
.team {
    background:url(/img/b_users_small.png) no-repeat right 50%;
}

.locked:hover, .unlocked:hover {
    opacity:1;
}
td .locked {
    background:url(/img/b_lock_small.png) no-repeat left center;
    width:1.4em;
    height:1.4em;
    opacity:1;
}
.unlocked {
    background:url(/img/b_unlock.png) no-repeat left 0;
    display:block;
    width:30px;
    height:30px;
    z-index:11;
    position:relative;
    opacity:0.6;
}
td .unlocked {
    background:url(/img/b_unlock_small.png) no-repeat left center;
    width:1.4em;
    height:1.4em;
    opacity:1;
}
td a img[src="img/b_restore.png"]{
    height:1.4em;
}
.draghover .unlocked {
    background:url(/img/w_unlock_small.png) no-repeat left center;
}
.draghover  .locked {
    background:url(/img/w_lock_small.png) no-repeat left center;
}

#lock_update_button, #threshold_update_button{
    display:inline;
}

.lp_unknown {
    background:url(/img/lesson_unknown.png) no-repeat left center;
    padding-left:20px !important;
}

.lp_success_passed .more, .lp_success_failed .more {
    width:16px;
    height:16px;
    float:right;
    right:0;
    background:url(/img/b_expand_small);
    opacity:0.6;
}

.expanded .more {
    display:none;
}
.expanded .collapsed .less {
    display:inline;
}

.collapsed .less {
    display:none;
}

.lp_success_passed a,
td + .lp_success_passed,
tr .extra .lp_success_passed{
    color:#080;
    background:url(/img/lesson_passed.png) no-repeat left 0.5em;
    padding-left:20px !important;
}

.lp_success_failed a,
td + .lp_success_failed,
tr .extra .lp_success_failed {
    color:#800;
    background:url(/img/lesson_failed.png) no-repeat left 0.5em;
    padding-left:20px !important;
}

.lp_success_failed a,
.lp_success_passed a {
    background-position:left center;
}

/*.lp_success .failed {*/
.failed {
    color:#800;
}

/*.lp_success .passed {*/
.passed {
    color:#080;
}


.o_title {
    font-weight: bold;
}

.lesson .l_extra {
    display:none;
}

.lessonhover .l_extra {
    display:block;
}

.lessonclick .l_extra {
    display:none !important;
}

.lesson table {
    margin:20px 0 0 0;
}
.lesson table td{
    padding:1px 10px 1px 0;
    font-size:100%;
}

.teaser{
    float:right;
    margin:5px;
    margin-right:0;
    width:64px;
    height:64px;
}

/* folder view */

.draghover .lp_success_failed, .draghover .lp_success_passed {
    cursor: pointer;
    color:white;
}
.draghover div {
    color:#2d2d2b;
    background:#FFF;
}

.test {
    font-weight:bold;
}

.datecol {
    width:7em;
    display:table-cell;
}
.progresscol {
    width:62px;
    display:table-cell;
}

th.smallcol, td.smallcol {
    width:1px;
    white-space:nowrap;
}

.importantcol {
    display:table-cell;
}

.certcol {
    width:7em;
    display:table-cell;
}
.oldperformance {
    display:none;
    text-decoration:line-through;
    opacity:0.4;
}

.objectivecol {
    width:80px;
}

tr .extra {
    padding-top:5px;
    margin-top:5px;
    background:#FFF;
    position:absolute;
    background:#FFF;
    display:none;
    z-index:12;
    right:10px;
    border-bottom:1px solid #000;
}

.notouch .progresscol:hover .extra ,
.notouch #extrahover .extra{
    display:block;
}

tr .extra td{
    font-size:80%;
    color:#2d2d2b;
}

tr .extra table {
    margin:0;
}

.stat, .draghover .stat {
    height:10px;
    width:120px;
    background:#EEE;
    overflow:hidden;
    position:relative;
    z-index:11;
    box-shadow:1px 1px 2px #000;
    -moz-box-shadow:1px 1px 2px #000;
    -webkit-box-shadow:1px 1px 2px #000;
    line-height:100%;
    margin-top:0.5em;
}

.stat span {
    display:none;
}

.stat img {
    vertical-align:top;
}

/* forms */

form {
    padding:0px 0 10px 0;
    margin:0;
}


.submitting fieldset, .submitting legend{
    background-image: url(/img/submenu.png);
}
.submitting .submit{
    background-image: url(/img/wait.png);
    background-repeat: no-repeat;
}

.ok .submit {
    background-repeat: no-repeat;
}

legend {
    background:#cdcac7;
    font-size:100%;
    font-weight:bold;
    text-transform: uppercase;
    padding:3px 10px;
    position:absolute;
    top:-1.7em;
    left:0;
    box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    -moz-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    -webkit-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    z-index:-1;
}

pre {
    overflow:hidden;
    white-space: pre-wrap;
}

fieldset, pre {
    border:none;
    padding:10px;
    margin:1em 0;

    background:#cdcac7;
    box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    -moz-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    -webkit-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
}

fieldset {
    margin-top:3em;
    position:relative;
}

fieldset br {
    clear:left;
}

fieldset label{
    line-height:1.7em;
    margin:3px;
    display:block;
    font-size:80%;
    /*  text-transform: capitalize;*/
}

fieldset .required  label:before{
    content:"* ";
}

/* labels after inputs should be normal */
.notouch fieldset input:not([type='hidden'])+label,
fieldset input:not([type='hidden'])+label{
    line-height:inherit;
    margin:0;
    display:inline;
    float:none;
    font-size:100%;
}

fieldset>br {
    display:none;
}

fieldset div {
    background:#FFF;
    margin:3px 0;
    margin-right:6px;
    padding:2px;
    font-size:120%;
    white-space: pre-wrap;
    min-height:1.4em;
    overflow-wrap: anywhere;
}
fieldset div.explanation{
    font-size:80%;
    background:none;
}
fieldset div.separator{
    font-weight:bold;
    background:none;
    margin-top:10px;
}
fieldset div li{
    font-weight:normal;
}
fieldset div.separator a{
    font-weight:bold;
    color:#000
}
fieldset .unit {
    position:relative;
    left:5px;
}

form[data-rules] fieldset {
    max-height: 20px;
}

.initialized form[data-rules] fieldset {
    max-height: none;
}

form fieldset span[id*=line] {
    display:block;
}

form[data-rules] fieldset span * {
     opacity: 0;
     transition: opacity 0.4s;
}

.initialized form[data-rules] fieldset span * {
     opacity: 1;
}

#colorscheme div {
    width:15px;
}

input, textarea, select{
    font-size:120%;
    padding:2px;
    font-family:Roboto, Arial, sans-serif;
    background:#FFF;
    border:1px solid #cdcac7;
}
select {
    padding:1px 0;
}

/* make select boxes inside tables clickable and as small as possible */
td select {
    position:relative;
    z-index:11;
    width:auto;
    min-width:100px;
}

input[type=email],
input[type=tel],
input[type=text],
input[type=password],
input[type=search],
input[type=url],
textarea,
select{
    width:95%;
    -ms-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#saml_x509cert,
#lti_canvas_json,
#lti_jwk,
#lti_public_key {
    font-size:0.9em;
    font-family:monospace;
}
#calendar select {
    width:auto;
}
#s_postal, #c_postal, #t_postal, #bi_postal, #ma_postal, #in_postal,
#ru_price3, #ru_price6, #ru_price12, #ru_price18, #ru_price24, #ru_price30, #ru_price36, #ru_price42, #ru_price48,
#cu_price3, #cu_price6, #cu_price12, #cu_price18, #cu_price24, #cu_price30, #cu_price36, #cu_price42, #cu_price48 {
    min-width:8em;
    max-width:8em;
}

.copyreadonly {
    position:absolute;
    right:6%;
    cursor:pointer;
    padding-right:0.5em;
}

.copyreadonly.copied {
    display:none;
}

#lti_platform2, #lti_tool2 {
    background:none;
}
#lti_jwk {
    height:20em;
}

#csv {
    width:500px;
    max-width:500px;
}

.number,
.percentage,
fieldset input[type=text].number,
fieldset input[type=text].postal{
    width:8em !important;
}
fieldset input.vat,
fieldset input.tel{
    width:12em !important;
}

fieldset input.voucher {
    display:inline !important;
    float:none !important;
    width:100px;
    min-width:100px;
    width:100px !important;
}

.button {
    margin:5px;
    cursor:pointer;
    line-height:22px;
    border:1px solid #888;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow: inset -1px -1px 3px #444, inset 0px 1px 1px #000,inset 5px 5px 5px #FFF;
    -moz-box-shadow: inset -1px -1px 3px #444, inset 0px 1px 1px #000,inset 5px 5px 5px #FFF;
    -webkit-box-shadow: inset -1px -1px 3px #444, inset 0px 1px 1px #000,inset 5px 5px 5px #FFF;
    height:22px;
    background:#cdcac7;
    padding:0 20px;
    font-weight:bold;
    font-size:100%;
}
.button:hover {
    box-shadow: inset -1px -1px 3px #444, inset 5px 5px 5px #FFF, 0px 0px 6px #9CF;
    -moz-box-shadow: inset -1px -1px 3px #444, inset 5px 5px 5px #FFF, 0px 0px 6px #9CF;
    -webkit-box-shadow: inset -1px -1px 3px #444, inset 5px 5px 5px #FFF, 0px 0px 6px #9CF;
}

textarea {
    min-width:95%;
    max-width:95%;
    min-height:5em;
}
.file div {
    min-height:0;
}
.file, .files {
    background:none;
    padding:0;
    margin:0;
    height: auto !important;
    position:relative;
    /*  width:auto !important; */
}
.files, .files div {
    padding:0;
    width:100% !important;
    position:relative;
    font-size:100%;
}
.file div {
    text-align:left !important;
}

.files div progress {
    position:absolute;
    left:0;
    right:0;
    padding:0;
    width:auto;
    height:100%;
}
.files div div {
    padding:2px;
    margin:0;
    background:none;
}
.files div div .icon_delete {
    border: none;
    float: right;
    cursor: pointer;
    width: 1em;
    height: 1em;
    font-size: 140%;
    margin-right: 0.2em;
    background-size: cover;
}

.upload {
    width:20px !important;
    height:20px !important;
    padding:0;
    margin:5px;
    background:url(/img/b_upload_small.png);
    overflow:hidden;
    cursor: pointer;
}
.upload div {
    background:transparent;
    margin:0;
    padding:0;
}

.maxsize {
    font-size:80%;
    width:auto;
    background:none;
}

span.password-strength {
    font-size: 80%;
    padding: 0 10px;
}
input:invalid + span.password-strength{
    color:#d4121e;
}
/* tables */

table {
    margin-bottom:2em;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    font-size:100%;
}
table th{
    background:#cdcac7;
    border-bottom:1px solid #2d2d2b;
    color:#2d2d2b;
    text-transform: uppercase;
    font-size:80%;
    text-align:left;
    vertical-align:bottom;
}

td, th {
    font-size:100%;
    padding:3px;
}

th.qual_cat{
    background:none;
    text-transform:none;
    font-size:100%;
}

.colhead {
    border-bottom:none;
    text-align:right;
    padding-right:10px;
    width:120px;
    border-right:1px double #2d2d2b;
    background-color:#FFF;
}
#priorities td, #priorities th {
    display:table-cell;
}

.dragable td, .clickable td, .dragable th, .clickable th, .expandable td, .expandable th {
    height:31px;
}

th a {
    color:#2d2d2b;
    text-decoration:none;
}

th a:hover {
    color:#d4121e
}

td {
    border-bottom:1px double #cdcac7;
    font-size:100%;
}

.img_upload {
    width:515px;
    overflow:hidden;
    margin-top:10px;
    padding:0;
    background:transparent;
}

a img {
    border:none;
}

#cursor {
    position:absolute;
    display:none;
    top:0;
    left:0;
    z-index:14;
}


#bundlecertificate_update #preview,
#bundlecertificate_create #preview {
    position:absolute;
    width:210px;
    height:297px;
    right:10px;
    overflow:hidden;
    box-shadow:2px 2px 2px #000;
    padding:0;
    font-size:37.5%;
}
#bundlecertificate_update #preview #ct_pdf_thumb ,
#bundlecertificate_create #preview #ct_pdf_thumb{
    width:100%;
    height:100%;
    opacity:0.5;
    border:none;
    background-repeat:no-repeat;
    top:0;
}
#bundlecertificate_update #preview.centered,
#bundlecertificate_create #preview.centered {
    text-align:center;
}
#bundlecertificate_create #preview div,
#bundlecertificate_update #preview div {
    margin:0;
    position:absolute;
    background:transparent;
    border:1px solid #000;
    width:auto;
    padding:1px;
    cursor:default;
    line-height:5px;
    font-size:100%;
}


#edit_style div {
    float:left;
    height:20px;
    text-align:center;
}

.custom_style_0 {
    display:none;
}

.custom_style_1 {
    display:inline;
}

.custom_style_1 #colorscheme {
    display:none;
}

.custom_style_2 {
    display:inline;
}

.custom_style_2 span {
    display:inline;
}
.custom_style_2 #colors, .custom_style_2 #colorscheme, .custom_style_2 #extra_style {
    display:none;
}

#settings_update div.color {
    border:1px solid #000;
    width:15px;
    height:15px;
    cursor:pointer;
}

input[type=radio] {
    height:10px;
    width:10px;
}


.draghover{
    color:white;
    background:#d4121e;
}

.draghover td a {
    text-decoration:none;
    color:white;
}

.drag {
    background:#d4121e;
    color:#FFF;
}

table .amount,
table .number,
table .percentage,
.right {
    text-align:right;
}
.right a {
    text-decoration:none;
    position:relative;
    z-index:11;
}

.small {
    font-size:80%;
}

#calendar {
    text-align:left;
    border-width: 2px;
    border-style: solid;
    border-top-color:#cdcac7;
    border-left-color:#cdcac7;
    border-right-color:#666;
    border-bottom-color:#666;
    position:absolute;
    top:0;
    left:0;
    padding:5px;
    background:#FFF;
}
#calendar table {
    margin:5px 0 5px 0;
    width:auto;
}
#calendar select{
    font-size: 80%;
}
#calendar #year {
    margin-right:25px;
}

#calendar th {
    font-weight:bold;
}
#calendar td[onclick]:hover{
    cursor: pointer;
    color:#FFF;
    background:#000;
}

#calendar #today {
    border:1px solid black;
}


#calendar #calclose {
    display:block;
    position:absolute;
    top:0;
    right:0;
    text-align:left;
    width:20px;
    padding:0;
    margin:5px;

    text-align:center;
}
#calendar .button {
    margin-left: 10px;
}
#calendar td, #calendar th {
    text-align:center;
    width:25px;
    cursor:pointer;
    border-width:0px;
    border-style:solid;
    font-size: 80%;
}
.toc > div {
    line-height:20px;
    font-size:133%;
    border-top:1px solid #cdcac7;
}
.toc {
    border-bottom:1px solid #cdcac7;
    margin-bottom:-1px;
}
.toc a {
    text-decoration:none;
    opacity:0.8;
    color:#d4121e;
    color:#2d2d2b;
    display:block;
    font-weight:bold;
    padding:8px 30px;
    background-position:-2px 3px;
    background-repeat:no-repeat;
}
.toc a[href="settings_0_s"],
.toc a[href="settings_0_t"],
.toc a[href="settings_0_c"]{
    background-image:url(/img/b_account.png);
}
.toc a[href="settings_1_s"] {
    background-image:url(/img/b_move.png);
}
.toc a[href="settings_2_s"] {
    background-image:url(/img/b_invoice.png);
}
.toc a[href="settings_5_t"],
.toc a[href="settings_5_c"] {
    background-image:url(/img/b_download.png);
}
.toc a[href="settings_1_c"] {
    background-image:url(/img/b_manage.png);
}
.toc a[href="settings_2_c"] {
    background-image:url(/img/b_style.png);
}
.toc a[href="settings_3_c"] {
    background-image:url(/img/b_content.png);
}
.toc a[href="settings_6_c"] {
    background-image:url(/img/b_key.png);
}
.toc a[href="settings_8_c"] {
    background-image:url(/img/b_info.png);
}


.toc a[href="content_0_history"] {
    background-image:url(/img/b_history.png);
    background-position:-2px 1px;
}

.toc a:hover {
    opacity:1;
}
.toc div div {
    display:none;
}

.toc div.indent div.indent {
    display:block;
    border-top:1px solid #cdcac7;
}

.toc div.indent div.indent a {
    background-image:none;
    font-weight:normal;
}

.toc .plus {
    display:none;
}
.toc_no_icon a{
    padding:8px 0;
}
.toc_no_icon .external a {
    background-image:url(/img/b_external.png);
    padding:8px 30px;
}

/*
.toc.small > div {
    font-size:100%;
}

.toc.small .folder a {
    font-size:133%;
    font-weight:bold;
    color:#000;
}
.toc.small {
    margin-bottom:30px;
}
*/

#help_button {
    display:block;
    position:absolute;
    top:10px;
    right:0px;
}
#help_button a {
    text-decoration:none;
    display:block;
    width:0px;
    height:30px;
    background:url(/img/b_help.png);
    padding-left:30px;
    overflow:hidden;
}
.ar #help_button a {
    background:url(/img/b_help_AR.png);
}

#filter {
    display:block;
    position:absolute;
    top:10px;
    right:40px;
}
#filter a {
    text-decoration:none;
    width:0;
    height:0;
    display:block;
    padding-right:30px;
    padding-top:30px;
    background:url(/img/b_filter.png) right no-repeat;
    color:#2d2d2b;
    line-height:30px;
    overflow:hidden;
    cursor:pointer;
    border:1px solid #FFF;
}
#filter a.off {
    background:url(/img/b_filter_off.png) right no-repeat;
}

#filter a:hover {
    border:1px solid #2d2d2b;
    height:30px;
    width:auto;
    padding-left:10px;
    padding-top:0;
    padding-right:29px
}

#kd tr {
    display:none;
}
#kd td {
    width:10%;
}
#kd td:first-child{
    padding-left:16px;
}
#kd tr.level1 td:first-child,
#kd.level2 tr.level2 td:first-child {
    background: url(/img/plus.png) no-repeat 0px 50% !important;
}
#kd.level2 tr.level1 td:first-child,
#kd .level3 tr.level2 td:first-child {
    background: url(/img/minus.png) no-repeat 0px 50% !important;
}
#kd.level2 .level1 div,
#kd .level3 .level2 div{
    display:none;
}
#kd tr.level1,
#kd.level2 tr.level2 {
    display:table-row;
    cursor:pointer;
}
#kd.level2 .level3+tbody tr{
    display:table-row;
}
#kd .kdcat {
    display:none;
}
#kd.level2 .level1 .kdcat,
#kd .level3 .kdcat {
    display:table-cell;
}
#kd.level2 .level1 .kdcat+td,
#kd.level2 .level1 .kdcat+td+td,
#kd.level2 .level1 .kdcat+td+td+td,
#kd .level3 .kdcat+td,
#kd .level3 .kdcat+td+td,
#kd .level3 .kdcat+td+td+td
 {
    display:none;
}
#performance_indicators{
    border-color:black;
    border-width:10px;
}

#performance_indicators .collapsed,#performance_indicators .expanded {
    cursor:pointer;
}

#performance_indicators.allincluded td,
#performance_indicators .expanded>tr>td, #performance_indicators.expanded .collapsed>tr>td{
    border:none;
}

#performance_indicators tbody+tbody {
    border-top:1px solid #cdcac7;
}

#performance_indicators .collapsed tr{
    display:none;
}
#performance_indicators .collapsed tr + tr{
    display:table-row;
}
#performance_indicators .collapsed tr + tr + tr{
    display:none;
}
#performance_indicators.allincluded .collapsed tr + tr + tr{
    display:table-row;
}
#performance_indicators.allincluded .collapsed tr + tr + tr.oldperformance{
    display:none;
}

#performance_indicators.expanded .collapsed tr{
    display:table-row !important;
}

#performance_indicators .remark, #performance_indicators .description {
    font-style:italic;
}

#performance_indicators .collapsed a {
    display:none;
}

#performance_indicators .expanded a, #performance_indicators.expanded .collapsed a {
    text-decoration:none;
    display:inline-block;
    background:url(/img/b_create.png) no-repeat;
    width:30px;
    height:30px;
    vertical-align:middle;
    opacity:0.6;
}

#performance_indicators a:hover {
    opacity:1;
}

#teaser {
    float:right;
}
fieldset {
    clear:both;
}

.notouch .oldperformance {
    display:table-row;
}

.notouch #menu{
    position:fixed !important;
    width:100%;
}

.notouch #menu ul {
    background-image:url(/img/electude12.png);
}

.notouch #menu ul a span {
    display:block;
}
.notouch #menu,
.notouch #menu ul,
.notouch #menu ul li{
    height:40px;
}
.notouch header {
    margin-top:40px;
}
.notouch #menu ul a{
    height:30px;
}
.notouch #exit {
    top:5px;
    right:5px;
    position:fixed;
}

.notouch #help_button {
    right:5px;
}
.notouch .editlink,
.notouch .publishlink{
    display:block;
}

.notouch fieldset label{
    margin:5px 5px 0 5px;
    display:block;
    width: 24%;
    float:left;
    line-height:1.7em;
    text-align:right;

}

/* performance_create form */
.notouch fieldset #line_indicators select {
    width: 24%;
    margin-right:1%;
    display:block;
    float:left;
    margin-bottom:0.5em;
}
.notouch fieldset #line_indicators label {
    float:right;
    width:75%;
    margin-right:-8px;
    text-align:left;
    margin-top:0.5em;
    margin-bottom:-3em;
    font-size:100%;
    height:3em;
    overflow:hidden;
    line-height:1em;
}

/* privacy settings form */
#line_c_student_pii input:not([type='hidden'])+label .small,
#line_c_teacher_pii input:not([type='hidden'])+label .small{
    display:inline;
}
#line_c_student_pii input:checked+label .small,
#line_c_teacher_pii input:checked+label .small{
    display:none;
}

.notouch fieldset input[type=email],
.notouch fieldset input[type=tel],
.notouch fieldset input[type=text],
.notouch fieldset input[type=password],
.notouch fieldset input[type=search],
.notouch fieldset input[type=url],
.notouch fieldset div,
.notouch fieldset select,
.notouch fieldset textarea {
    display:block;
    max-width: none;
    float:left;
    width: 70%;
}

.notouch fieldset textarea {
    min-width:70%;
    max-width:70%;
}

.notouch fieldset br {
    display:inline;
}
.notouch .dragable td,
.notouch .clickable td,
.notouch .dragable th,
.notouch .clickable th,
.notouch .expandable td,
.notouch .expandable th {
    height: auto;
}

fieldset #voucher input[type=text]{
    display:inline;
    float:none;
}
.bannerpreview {
    height:80px;
    background:#d4121e no-repeat left center;
    overflow:hidden;
}

.login #menu ul, .login #menu {
    background-image:url(/img/electude23.png);
    background-repeat: no-repeat;
    background-position:left center;
    height:80px;
    position:static !important;
}

.login header {
    margin-top:0;
}

.login li {
    list-style:none;
}
.login #content ul {
    padding:0;
    margin:0;
}
body[data-model] #path a {
    text-decoration:none;
}

.login #path a {
    text-decoration:none;
    display:block;
}

.login #content .login {
    line-height:40px;
    margin-bottom:40px;
}
#content .login a {
    text-decoration:none;
    background:#d4121e url(/img/w_go_right.png) no-repeat left center;
    padding:8px;
    padding-left:30px;
    color:#FFF;
    font-weight:bold;

}

#calendar td, #calendar th  {
    display:table-cell;
}

span.narrow {
    display:none;
}

#help-toc ul{
    padding-left:2em;
}
#help-content .chapter {
    margin-top:-40px;
    margin-bottom:60px;
    display:block;
}

@media screen and (max-width:600px) {
    /* default 2 columns for phone */

    span.wide {
        display:none;
    }

    span.narrow {
        display:inline;
    }

    td + td + td {
        display:none;
    }

    th + th + th {
        display:none;
    }
    .timecol {
        width:30px;
        display:none;
    }
}

@media screen and (max-width:800px) {
    /* default 4 columns for tablet */

    td + td + td + td + td{
        display:none;
    }

    th + th + th + th + th {
        display:none;
    }
    .stat, .draghover .stat {
        width:80px;
    }
}

@media screen and (max-width:699px) {
    .stat, .draghover .stat {
        width:60px;
    }
    .login #menu ul, .login #menu {
        background-image:url(/img/electude12.png);
        background-position: left -30px top 50%;
    }
}


@media screen and (min-width: 700px) {
    /* tablet style */
    /* with a submenu */

    .login #content {
        width:50%;
    }

    #path a {
        display:none;
    }

    #path a + a {
        display:block;
    }

    #content {
        padding-left:0;
        padding-top:0;
    }

    #menu ul {
        background-image:url(/img/electude9.png);
    }
    #menu ul a{
        padding-left:31px;
    }
    #submenu {
        display:block;
        position:absolute;
        margin-top:125px;
        float:left;
        font-size:100%;
        z-index:1;
    }
    #submenu .plus {
        position:absolute;
        padding:0 !important;
        margin-left:-10px;
        width:10px;
        background:none !important;
        background: url(/img/plus.png) no-repeat -4px 50% !important;
    }
    #submenu .plus {
        outline:none;
    }
    #submenu .expanded  .plus {
        background: url(/img/minus.png) no-repeat -4px 50% !important;
    }
    #submenu .folder  .plus {
        background: url(/img/plus.png) no-repeat -4px 50% !important;
    }

    #submenu div {
        margin:0;
        border:none;
    }

    #submenu div:hover p {
        color:#2d2d2b;
    }

    #submenu ul {

        list-style: disc outside;
        margin: 0;
        padding:0;
    }

    #submenu div:hover ul {
        color:#FFF;
    }

    #submenu ul li {
        padding:0;
        margin:0;
    }

    #submenu a {
        display:block;
        margin:0;
        border-bottom:1px solid #FFF;
        padding: 2px 5px;
        color:#2d2d2b;
        background-color: #cdcac7;
        background-repeat: no-repeat;
        background-position: left center;
        text-decoration:none;
        line-height:31px;
    }

    #submenu h2 {
        font-size:70%;
        padding:12px 0 2px 5px;
        background:#fff;
        color:#2d2d2b;
        margin:0;
    }
    #submenu a:hover {
        color:#FFF;
        background-color:#d4121e;
    }
    #submenu .active, #submenu .active a{
        color:#FFF;
        background-color: #2d2d2b;
    }
    #submenu div .folder, #submenu div .expanded, #submenu div .indent {
        margin-left:10px;
    }
    #submenu .folder a, #submenu .expanded a {
        background-image:url(/img/b_folder.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }
    #submenu .search a {
        background-image:url(/img/b_search.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }
    #submenu .go a {
        background-image:url(/img/b_go_right.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }
    #submenu .trash a {
        background-image:url(/img/b_trash.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }
    #submenu .import a {
        background-image:url(/img/b_download.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }
    #submenu .stats a {
        background-image:url(/img/b_stats.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }
    #submenu .settings a {
        background-image:url(/img/b_settings.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }
    #submenu .bookmark a {
        background-image:url(/img/b_favorites.png);
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }

    #submenu .all a {
        background-image:url(/img/b_list.png) !important;
        background-repeat:no-repeat;
        background-position:left 2px;
        padding-left:31px;
        line-height:30px;
    }

    #submenu a[href=content_0_history] {
        background-image:url(/img/b_history.png) !important;
    }

    #submenu .folder .folder {
        display:none;
    }

    #submenu .expanded  a, #submenu .folder_hover  a {
        background-image:url(/img/b_folder.png);
    }

    #submenu .folder  a {
        background-image:url(/img/b_folder.png);
    }

    #submenu .expanded .folder, #submenu .folder_hover .folder{
        display:block;
    }

    #submenu .folder  .folder {
        display:none;
    }

    #submenu {
        width:28%;
        box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
        -moz-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
        -webkit-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    }

    #logo {
        width:28%;
    }

    header {
        padding-left: 30%;
        min-height:105px;
    }

    .xdebug-var-dump,
    .xdebug-error,
    #content {
        text-align:left;
        margin-left:30%;
        width:auto;
        right:10px;
    }

    #submenu .folder a:hover,
    #submenu .folder a.active,
    #submenu .expanded a:hover,
    #submenu .expanded a.active {
        background-image:url(/img/w_folder.png);
    }
    #submenu .search a:hover,
    #submenu .search a.active {
        background-image:url(/img/w_search.png);
    }
    #submenu .go a:hover,
    #submenu .go a.active {
        background-image:url(/img/w_go_right.png);
    }
    #submenu .trash a:hover,
    #submenu .trash a.active {
        background-image:url(/img/w_trash.png);
    }
    #submenu .import a:hover,
    #submenu .import a.active {
        background-image:url(/img/w_download.png);
    }
    #submenu .stats a:hover,
    #submenu .stats a.active {
        background-image:url(/img/w_stats.png);
    }
    #submenu .settings a:hover,
    #submenu .settings a.active {
        background-image:url(/img/w_settings.png);
    }
    #submenu .bookmark a:hover,
    #submenu .bookmark a.active {
        background-image:url(/img/w_favorites.png);
    }
    #submenu .all a:hover,
    #submenu .all a.active {
        background-image:url(/img/w_list.png) !important;
    }
    #submenu a:hover[href=content_0_history],
    #submenu a.active[href=content_0_history] {
        background-image:url(/img/w_history.png) !important;
    }

    /* main menu tabs */
    #div_tab_lesson a{
        background-image:url(/img/w_module.png);
    }
    #div_tab_content a,
    #div_tab_bundle a{
        background-image:url(/img/w_bundle.png);
    }
    #div_tab_settings a{
        background-image:url(/img/w_settings.png);
    }
    #div_tab_license a{
        background-image:url(/img/w_productgroup.png);
    }
    #div_tab_reseller a {
        background-image:url(/img/w_folder.png);
    }
    #div_tab_organization a {
        background-image:url(/img/w_folder.png);
    }
    #div_tab_note a {
        background-image:url(/img/w_mail.png);
    }
    #div_tab_dashboard a {
        background-image:url(/img/w_stats.png);
    }
    #div_tab_agreement a,
    #div_tab_invoice a {
        background-image:url(/img/w_invoice.png);
    }
    #div_tab_manager a,
    #div_tab_customer a,
    #div_tab_student a,
    #div_tab_teacher a{
        background-image:url(/img/w_users.png);
    }
    #div_tab_qualification a{
        background-image:url(/img/w_certificate.png);
    }
    #div_tab_voucher a{
        background-image:url(/img/w_voucher.png);
    }
    #div_tab_stats a{
        background-image:url(/img/w_stats.png);
    }
    #div_tab_productinfo a{
        background-image:url(/img/w_box.png);
    }
    #div_tab_news a {
        background-image:url(/img/w_news.png);
    }
    #div_tab_support a {
        background-image:url(/img/w_support.png);
    }

    /* active main menu tab */
    #div_tab_lesson a.active{
        background-image:url(/img/b_module.png);
    }
    #div_tab_content a.active,
    #div_tab_bundle a.active{
        background-image:url(/img/b_bundle.png);
    }
    #div_tab_settings a.active{
        background-image:url(/img/b_settings.png);
    }
    #div_tab_license a.active{
        background-image:url(/img/b_productgroup.png);
    }
    #div_tab_reseller a.active {
        background-image:url(/img/b_folder.png);
    }
    #div_tab_organization a.active {
        background-image:url(/img/b_folder.png);
    }
    #div_tab_note a.active {
        background-image:url(/img/b_mail.png);
    }
    #div_tab_dashboard a.active {
        background-image:url(/img/b_stats.png);
    }
    #div_tab_agreement a.active,
    #div_tab_invoice a.active {
        background-image:url(/img/b_invoice.png);
    }
    #div_tab_manager a.active,
    #div_tab_customer a.active,
    #div_tab_teacher a.active,
    #div_tab_student a.active{
        background-image:url(/img/b_users.png);
    }
    #div_tab_qualification a.active{
        background-image:url(/img/b_certificate.png);
    }
    #div_tab_voucher a.active{
        background-image:url(/img/b_voucher.png);
    }
    #div_tab_stats a.active{
        background-image:url(/img/b_stats.png);
    }
    #div_tab_productinfo a.active{
        background-image:url(/img/b_box.png);
    }
    #div_tab_news a.active {
        background-image:url(/img/b_news.png);
    }
    #div_tab_support a.active {
        background-image:url(/img/b_support.png);
    }

    .notouch #submenu,
    .notouch #submenu a {
        line-height:200% !important;
        background-position:left 0.5em !important;
    }
    .notouch #submenu .folder a,
    .notouch #submenu .expanded a {
        background-image:url(/img/b_folder_small.png);
        padding-left:20px;
    }
    .notouch #submenu .search a {
        background-image:url(/img/b_search_small.png);
        padding-left:20px;
    }
    .notouch #submenu .go a {
        background-image:url(/img/b_go_right_small.png);
        padding-left:20px;
    }
    .notouch #submenu .trash a {
        background-image:url(/img/b_trash_small.png);
        padding-left:20px;
    }
    .notouch #submenu .import a {
        background-image:url(/img/b_download_small.png);
        padding-left:20px;
    }
    .notouch #submenu .stats a {
        background-image:url(/img/b_stats_small.png);
        padding-left:20px;
    }
    .notouch #submenu .invoices a {
        background-image:url(/img/b_invoice_small.png);
        padding-left:20px;
    }
    .notouch #submenu .settings a {
        background-image:url(/img/b_settings_small.png);
        padding-left:20px;
    }
    .notouch #submenu .bookmark a {
        background-image:url(/img/b_favorites_small.png);
        padding-left:20px;
    }
    .notouch #submenu .certificate a {
        background-image:url(/img/b_certificate_small.png);
        padding-left:20px;
    }
    .notouch #submenu .all a {
        background-image:url(/img/b_list_small.png) !important;
        padding-left:20px;
    }
    .notouch #submenu a[href=content_0_history] {
        background-image:url(/img/b_history_small.png) !important;
    }

    .notouch #submenu .folder a:hover,
    .notouch #submenu .folder a.active,
    .notouch #submenu .expanded a:hover,
    .notouch #submenu .expanded a.active {
        background-image:url(/img/w_folder_small.png);
    }
    .notouch #submenu .search a:hover,
    .notouch #submenu .search a.active {
        background-image:url(/img/w_search_small.png);
    }
    .notouch #submenu .go a:hover,
    .notouch #submenu .go a.active {
        background-image:url(/img/w_go_right_small.png);
    }
    .notouch #submenu .trash a:hover,
    .notouch #submenu .trash a.active {
        background-image:url(/img/w_trash_small.png);
    }
    .notouch #submenu .import a:hover,
    .notouch #submenu .import a.active {
        background-image:url(/img/w_download_small.png);
    }
    .notouch #submenu .stats a:hover,
    .notouch #submenu .stats a.active {
        background-image:url(/img/w_stats_small.png);
    }
    .notouch #submenu .invoices a:hover,
    .notouch #submenu .invoices a.active {
        background-image:url(/img/w_invoice_small.png);
    }
    .notouch #submenu .settings a:hover,
    .notouch #submenu .settings a.active {
        background-image:url(/img/w_settings_small.png);
    }
    .notouch #submenu .bookmark a:hover,
    .notouch #submenu .bookmark a.active {
        background-image:url(/img/w_favorites_small.png);
    }
    .notouch #submenu .certificate a:hover,
    .notouch #submenu .certificate a.active {
        background-image:url(/img/w_certificate_small.png);
    }
    .notouch #submenu .all a:hover,
    .notouch #submenu .all a.active {
        background-image:url(/img/w_list_small.png) !important;
    }
    .notouch #submenu a:hover[href=content_0_history],
    .notouch #submenu a.active[href=content_0_history] {
        background-image:url(/img/w_history_small.png) !important;
    }

    .notouch #submenu {
        width:23%;
        margin-top:125px;
    }
    .notouch #logo {
        width:23%;
    }
    .notouch header {
        padding-left: 25%;
    }
    .notouch .xdebug-var-dump,
    .notouch .xdebug-error,
    .notouch #content {
        margin-left:25%;
    }
    #help-toc {
        position:fixed;
        width:25%;
        right:0px;
        top:165px;
        font-size:90%;
        line-height:140%;
        border-left:1px solid #000;
    }
    #help-toc> ul{
        position:absolute;
        border-left:1px solid #000;
        margin-right:1em;
    }

    #help-toc .curlink{
        position:relative;
        font-weight:bold;
        color:#000;
    }
    #help-content {
        margin-right:35%;
    }
}

@media all and (min-width: 1281px) {
    /* large screen */
    body,
    body.notouch {
        font-size:87.5%;
    }
}

@media all and (min-width: 1441px) {
    /* wide screen */
    body,
    body.notouch {
        font-size:100%;
    }
}

@media print {
    #help-toc, #readspeaker_button1,
    #menu, #submenu, #help_button, #exit, .icon {
        display:none;
    }
    #content {
        left:10px;
    }
    header {
        padding-left:10px;
    }

    #path a {
        color: #2d2d2b;
        background: none;
    }
    #path a::after{
        content: ' > ';
    }
}



/* lesson log */

.lessonlog div, .lessonlog form {
    margin:0;
}

.lessonlog .score {
    position:absolute;
    left:50%;
    padding:5px;
    font-size:80%;
    top:12px;
}
.lessonlog .pa_navsub .score {
    top:-1px;
}

.lessonlog form {
    padding:0;
}

.lessonlog .submit {
    display:none;
}

.lessonlog .pa_nav {
    position:relative;
    height:20px;
    margin-top:15px;
    margin-bottom:10px;
}
.lessonlog .pa_navsub {
    position:relative;
    height:0px;
    margin-top:0px;
}

.question {
    background:#FFFFDD;
    border:1px solid #cdcac7;
    border-bottom:none;
    width:50%;
}

.question br+br {
    display:none;
}

.question>div {
    border-bottom:1px solid #cdcac7;
}

.qt_value {
    padding:8px;
}

.qt_value.random{
    min-height:0px;
    padding:5px 8px;
}

.feedback {
    color:#FFFFFF;
    display:none;
    padding:5px 8px;
}

.negative {
    color:#880000;
    display:block;
}
.positive {
    color:#008800;
    display:block;
}

.answer {
    min-height:16px;
    padding:5px;
}
.answer input {
    width:auto;
    min-width:0;
}

.lessonlog label {
    text-align:left;
    width:auto;
    float:none;
    font-size:100%;
    line-height:15px;
    line-height:auto;
    margin:0;
}


.lessonlog .mc_checked {
    background:url(../sco/skins/default/correct.gif) left center no-repeat;
    cursor:pointer;
    display:block;
    margin-left:1px;
    margin-top:2px;
    min-height:16px;
    padding-left:20px;
}

.lessonlog .mc {
    background:url(../sco/skins/default/mc.gif) left center no-repeat;
    display:block;
    margin-left:1px;
    margin-top:2px;
    min-height:16px;
    padding-left:20px;
}
.answer .true, .lessonlog ._answer ._true {
    background: url("../sco/skins/default/buttons.png") no-repeat scroll -2px -2px transparent;
    border: 1px solid #888888;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px #000000 inset;
    float: right;
    height: 18px;
    width:18px;
    margin: -1px;
}
.answer .false, .lessonlog ._answer ._false {
    background: url("../sco/skins/default/buttons.png") no-repeat scroll -24px -2px transparent;
    border: 1px solid #888888;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px #000000 inset;
    float: right;
    height: 18px;
    width:18px;
    margin: -1px 2px;
    width: 18px;

}
.true .true, .lessonlog ._true ._true {
    background-position: -1px -23px;
}

.false .false, .lessonlog ._false ._false{
    background-position: -23px -23px;
}

.GE, .GB {
    display:none;
}

.GA li {
    list-style:none;
    background:url(../sco/skins/default/bullet_gray.png) no-repeat 0 3px;
    padding-left:20px;
    margin-left:0;
    color:#888;
}

.GA .find {
    background-image:url(../sco/skins/default/bullet.gif);
    color:#008;
}

.GA .found {
    background-image:url(../sco/skins/default/bullet.png);
    color:#000;
}

/* with underscores */

.lessonlog div, .lessonlog form {
    margin:0;
}

.lessonlog ._score {
    position:absolute;
    left:50%;
    padding:5px;
    font-size:80%;
    top:12px;
}
.lessonlog ._pa_navsub ._score {
    top:-1px;
}

.lessonlog form {
    padding:0;
}

.lessonlog ._submit {
    display:none;
}

.lessonlog ._pa_nav {
    position:relative;
    height:20px;
    margin-top:10px;
}
.lessonlog ._pa_navsub {
    position:relative;
    height:0px;
    margin-top:0px;
}

._question {
    background:#FFFFDD;
    border:1px solid #cdcac7;
    border-bottom:none;
    width:50%;
}

._question br+br {
    display:none;
}

._question div {
    border-bottom:1px solid #cdcac7;
}

._qt_value {
    padding:8px;
}

._qt_value._random{
    min-height:0px;
    padding:5px 8px;
}

._feedback {
    color:#FFFFFF;
    display:none;
    padding:5px 8px;
}

._negative {
    color:#880000;
    display:block;
}
._positive {
    color:#008800;
    display:block;
}

._answer {
    min-height:16px;
    padding:5px;
}
._answer input {
    width:auto;
    min-width:0;
}

.lessonlog label {
    text-align:left;
    width:auto;
    float:none;
    line-height:15px;
    line-height:auto;
    margin:0;
}

.lessonlog ._answer ._checkbox {
    background: url("../sco/skins/default/buttons.png") repeat scroll -2px -2px transparent;
    border: 1px solid #888888;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px #000000 inset;
    cursor: pointer;
    float: left;
    height: 18px;
    margin: -1px 2px;
    width: 18px;
}
.lessonlog ._checked ._checkbox {
    background-position: -1px -23px;
}

.lessonlog ul {
    margin:11px 0;
    padding-left:15px;
}

.lessonlog ol {
    margin:11px 0;
    padding-left:20px;
}

._GE, ._GB {
    display:none;
}

._GA li {
    list-style:none;
    background:url(../sco/skins/default/bullet_gray.png) no-repeat 0 3px;
    padding-left:20px;
    margin-left:0;
    color:#888;
}

._GA ._find {
    background-image:url(../sco/skins/default/bullet.gif);
    color:#008;
}

._GA ._found {
    background-image:url(../sco/skins/default/bullet.png);
    color:#000;
}

.page_techdoc {
    line-height:150%;
}
.page_techdoc #content {
    max-width:1000px;
}

.page_techdoc pre {
    white-space: pre-wrap;
}
.page_techdoc .toc a {
    background-image:url(/img/b_content.png);
}

fieldset div.postalprefix {
    background:none;
    display:inline-block;
    width:auto;
    height:1em;
    margin:0;
}

/* notes */
.note {
    border:1px solid #cdcac7;
    margin:10px 0;
}
.nohash .note:first-child,
.note:target{
    border:1px solid #000;
    box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    -moz-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
    -webkit-box-shadow: 2px 2px 2px rgba(45,45,43,0.6);
}
.no_header {
    padding:10px;
    margin:0;
    background:#F0F0F0;;
    border-bottom:1px solid #cdcac7;
    color:#888;
}
.no_sender {
    color:#000;
}
.no_header .no_date {
    display:block;
    float:right;
    margin-left:10px;
}
.no_message {
    padding:10px;
}
tr.new_note {
    font-weight:bold;
}
tr.new_ticket {
    font-weight:bold;
}

#folderbundlelock_update_button {
    background:url(/img/b_unlock.png);
}
.folderbundlelocked #folderbundlelock_update_button {
    background:url(/img/b_lock.png);
}

div.captcha {
    position: relative;
    background-color: transparent;
    white-space: nowrap;
    font-size: 100%;
}

div.captcha label {
    margin: 0px;
    text-align: left;
    width: 100%;
}

div.captcha img {
    vertical-align: top;
    margin-bottom:10px;
}
div.captcha audio {
    display:none;
}

#teacherimportsettings_update .button,
#studentimportsettings_update .button {
    display: none;
}

th.rotate a{
    writing-mode: vertical-lr;
    text-orientation: mixed;
    white-space:nowrap;
    transform:rotate(180deg);
}

td.error-cell {
    color: #ffffff;
    background-color: #d4121e;
}

td.import-footer {
    padding-top: 10px;
    border: none;
}

.touch #twofactorsecret_update label {
    display:none;
}

#path a.wizard {
    display: block;
    background: none;
    font-size: 1.5em;
    line-height: 1.5em;
    color: #2d2d2b;
}
#path a.wizard.active{
   color: #d4121e;
}
#path a.wizard.active::before {
    background: #d4121e;
}
#path a.wizard::before {
    display: block;
    float: left;
    counter-increment:  wizard-step;
    content: counter(wizard-step);
    color: white;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    line-height: 1.5em;
    background: #2d2d2b;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.2em;
    margin-bottom: 1em;
    border-radius: 0.75em;
}
#path a.wizard:hover {
    background: none;
}

form#approvetransfer_update > fieldset {
    display: none;
}

div#xdebug-trace {
    font-size: 80%;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    max-height: 50%;
    overflow-y: auto;
}

div#xdebug-trace table {
    width: 100%;
    margin: 0px;
    cursor: pointer;
}

div#xdebug-trace td {
    text-align: left;
}

div#xdebug-trace th {
    background-color: #000000;
    color: #ffffff;
}

div#xdebug-trace .value {
    width: 100px;
    text-align: right;
}

div#xdebug-trace table > tbody {
    display: none;
    background-color: #ffffff;
}

div#xdebug-trace table.active > tbody {
    display: table-row-group;
}


.page_news #content,
.news {
    max-width:1000px;
}

.newsteaser {
    border-bottom: 1px solid #cdcac7;
    margin-bottom:1em;
    position:relative;
}

.newsteaser img {
    float:right;
    margin-top:-4em;
    margin-left:2em;
}

.newsteaser .continuereading {
    margin:0.5em 0;
    clear:both;
}

.newsteaser h3 a {
    color: #000;
    text-decoration:none;
}
.newsteaser h3 a:hover {
    color: #000;
    text-decoration:underline;
}

ul.label {
    padding: 0px;
    list-style: none;
}

ul.label li {
    display: inline-block;
    margin-right: 5px;
}

ul.label li a, .filter_all {
    line-height: 20px;
    color: #000;
    text-decoration: none;
    padding: 2px 5px;
    border-radius: 3px;
    background-color: #cdcac7;
}

ul.label li a:hover {
    color: #fff;
    background-color: #d4121e;
}

.note ul.attachments {
    padding: 0px;
    list-style: none;
}

.note ul.attachments li {
    display: inline;
}

.note ul.attachments li:after {
    content: ", ";
}

.note ul.attachments li:last-child:after {
    content: "";
}

ul.ticketlog {
    padding: 0px;
    list-style: none;
}

ul.ticketlog li {
    font-weight: 400;
    font-size: 90%;
}

a.rss {
    color: #2d2d2b;
    text-decoration: none;
}

a.rss > img {
    height: 1em;
}

.newsteaser h3 {
    position:relative;
}

.newsteaser.unread h3::before {
    content:' ';
    position:absolute;
    background:#d4121e;
    left:-0.75em;
    top:0.25em;
    width:0.5em;
    height:0.5em;
    border-radius:0.25em;
}

.toc .unreadcount,
#menu .unreadcount,
#submenu .unreadcount{
    border-radius:1em;
    display:block;
    float:right;
    font-size:1em;
    font-size:1em;
    font-weight:bold;
    height:1em;
    line-height:1em;
    margin-left:0.5em;
    padding:0.1em;
    text-align:center;
    width:1em;
}
#menu .unreadcount {
    color:#d4121e;
    background:#fff;
}
#menu .active .unreadcount {
    color:#fff;
    background:#2d2d2b;
}
#submenu .unreadcount{
    color:#fff;
    background:#2d2d2b;
    margin:0.5em;
}
#submenu .active .unreadcount{
    color:#2d2d2b;
    background:#fff;
}
.toc .unreadcount {
    color:#fff;
    background:#2d2d2b;
}

#submenu .external a {
    background-image: url(/img/b_external_small.png);
    background-position: 5px 50% !important;
    padding-left: 25px;
}

#submenu .external:hover a {
    background-image: url(/img/w_external_small.png);
}

#latest_estimate_entity tr:nth-child(even) td {
    border:none;
}

#latest_estimate_entity .prognosis {
    color:#777;
}

#latest_estimate_entity .expired {
    text-decoration:line-through
}

textarea#ni_body, textarea#nt_body {
    font-family: Roboto Mono, monospace;
    font-size:90%;
}


.deletable input[type=checkbox] {
    z-index:11;
    position:relative;
    transform:scale(1.25);
    margin-right:0.5em;
}