/* ----- Listview Headings ----- */

.loginInfo {
    padding-bottom: 1em;
    text-align: center;
}

.loginInfo span {
    font-weight: bold;
}

/* ----- Listview Headings ----- */
.ui-list-heading > span {
    font-size: 1.2em;
    line-height: 2em;
}

/* ----- Name Highlight ----- */

.highlight-name {
    font-weight: bold;
}

/* ----- Navbar ----- */

.ui-tabs-active > a {
    background-color: #ADD8E6 !important;
    color: #333333 /*{b-bup-color}*/ !important;
    text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #f3f3f3 /*{b-bup-shadow-color}*/ !important;
}

/* ----- Toasts ----- */

#toasts {
    position: fixed;
    left: 0;
    right: 0;
}

#toasts > div {
    display: block;
    opacity: 0.80;
    margin-bottom: 1em;
    padding: 0.2em;
    position: relative;
    text-align: center;
    overflow: hidden;
}

/* ----- Scaling Caption ----- */

.ui-scaling-caption > span {
    display: inline-block;
}

/* ----- Category -----*/

.ui-category > .ui-header {
    border-right-width: 1px;
    border-left-width: 1px;
}

/* ----- ParticipationButton -----*/

.ui-partbutton  {
    height: 2em;
    position: absolute;
    margin-top: -1.1em;
    margin-left: -1.1em;
    border-style: solid;
    border-width: 0.1em;
    border-color: #000000;
    overflow: hidden;
    background-color: #000000;
    z-index: 100;
}

.ui-partbutton.ui-partbutton-disabled,
.ui-partbutton.ui-partbutton-collapsed {
    width: 2em;
}

.ui-partbutton.ui-partbutton-expanded {
    width: 8em;
}

a.ui-partbutton-toggle,
a.ui-partbutton-option {
    width: 2em;
    height: 2em;
    position: absolute;
    display: block;
    top: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

a.ui-partbutton-toggle:after,
a.ui-partbutton-option:after {
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    content: "";
}
.ui-partbutton-yes > a.ui-partbutton-toggle:after,
.ui-partbutton-maybe > a.ui-partbutton-toggle:after,
.ui-partbutton-no > a.ui-partbutton-toggle:after,
a.ui-partbutton-option:after {
    background-image: url(../images/states.png);    
    background-size: cover;
}

.ui-partbutton-waiting > a.ui-partbutton-toggle:after {
    background-image: url(../images/waiting.gif);
    background-size: 75% 75%;
    background-position: center center;
}

.ui-partbutton-collapsed > .ui-partbutton-option {
    display: none;
}

a.ui-partbutton-toggle {
    left: 0;
}

a.ui-partbutton-option.ui-option-yes {
    left: 2em;
}
a.ui-partbutton-option.ui-option-maybe {
    left: 4em;
}
a.ui-partbutton-option.ui-option-no {
    left: 6em;   
}

.ui-partbutton-yes.ui-partbutton-collapsed > .ui-partbutton-toggle:after,
.ui-partbutton-yes.ui-partbutton-disabled > .ui-partbutton-toggle:after,
.ui-option-yes:after {
    background-position: 0 0;
}

.ui-partbutton-yes.ui-partbutton-collapsed > .ui-partbutton-toggle:link,
.ui-option-yes:link {
    background: #67e93c;
    background: -webkit-gradient(linear, left top, left bottom, from(#67e93c), to(#3f8f25));
    background: -moz-linear-gradient(top, #67e93c, #3f8f25);
    background: linear-gradient(to bottom, #67e93c, #3f8f25);
}

.ui-partbutton-yes.ui-partbutton-collapsed > .ui-partbutton-toggle:hover,
.ui-partbutton-yes.ui-partbutton-collapsed > .ui-partbutton-toggle:focus,
.ui-option-yes:hover,
.ui-option-yes:focus{
    background: #7cff48;
    background: -webkit-gradient(linear, left top, left bottom, from(#7cff48), to(#4cac2c));
    background: -moz-linear-gradient(top, #7cff48, #4cac2c);
    background: linear-gradient(to bottom, #7cff48, #4cac2c);
}

.ui-partbutton-yes.ui-partbutton-collapsed > .ui-partbutton-toggle:active,
.ui-option-yes:active{
    background: #3f8f25;
    background: -webkit-gradient(linear, left top, left bottom, from(#3f8f25), to(#3f8f25));
    background: -moz-linear-gradient(top, #3f8f25, #3f8f25);
    background: linear-gradient(to bottom, #3f8f25, #3f8f25);
}

.ui-partbutton-maybe.ui-partbutton-collapsed > .ui-partbutton-toggle:after,
.ui-partbutton-maybe.ui-partbutton-disabled > .ui-partbutton-toggle:after,
.ui-option-maybe:after {
    background-position: -2em 0;
}

.ui-partbutton-maybe.ui-partbutton-collapsed > .ui-partbutton-toggle:link,
.ui-option-maybe:link {
    background: #f5f50c;
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f50c), to(#acac08));
    background: -moz-linear-gradient(top, #f5f50c, #acac08);
    background: linear-gradient(to bottom, #f5f50c, #acac08);
}

.ui-partbutton-maybe.ui-partbutton-collapsed > .ui-partbutton-toggle:hover,
.ui-partbutton-maybe.ui-partbutton-collapsed > .ui-partbutton-toggle:focus,
.ui-option-maybe:hover,
.ui-option-maybe:focus{
    background: #ffff0e;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffff0e), to(#cece0a));
    background: -moz-linear-gradient(top, #ffff0e, #cece0a);
    background: linear-gradient(to bottom, #ffff0e, #cece0a);
}

.ui-partbutton-maybe.ui-partbutton-collapsed > .ui-partbutton-toggle:active,
.ui-option-maybe:active{
    background: #acac08;
    background: -webkit-gradient(linear, left top, left bottom, from(#acac08), to(#acac08));
    background: -moz-linear-gradient(top, #acac08, #acac08);
    background: linear-gradient(to bottom, #acac08, #acac08);
}

.ui-partbutton-no.ui-partbutton-collapsed > .ui-partbutton-toggle:after,
.ui-partbutton-no.ui-partbutton-disabled > .ui-partbutton-toggle:after,
.ui-option-no:after {
    background-position: -4em 0;
}

.ui-partbutton-no.ui-partbutton-collapsed > .ui-partbutton-toggle:link,
.ui-option-no:link {
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
}

.ui-partbutton-no.ui-partbutton-collapsed > .ui-partbutton-toggle:hover,
.ui-partbutton-no.ui-partbutton-collapsed > .ui-partbutton-toggle:focus,
.ui-option-no:hover,
.ui-option-no:focus{
    background: #ff5959;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5959), to(#b62f2f));
    background: -moz-linear-gradient(top, #ff5959, #b62f2f);
    background: linear-gradient(to bottom, #ff5959, #b62f2f);
}

.ui-partbutton-no.ui-partbutton-collapsed > .ui-partbutton-toggle:active,
.ui-option-no:active{
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#982727), to(#982727));
    background: -moz-linear-gradient(top, #982727, #982727);
    background: linear-gradient(to bottom, #982727, #982727);
}

.ui-partbutton-expanded > .ui-partbutton-toggle:after {
    background-position: -6em 0;
}

.ui-partbutton-waiting > .ui-partbutton-toggle,
.ui-partbutton-disabled > .ui-partbutton-toggle,
.ui-partbutton-expanded > .ui-partbutton-toggle:link {
    background: #8e8e8e;
    background: -webkit-gradient(linear, left top, left bottom, from(#8e8e8e), to(#4c4c4c));
    background: -moz-linear-gradient(top, #8e8e8e, #4c4c4c);
    background: linear-gradient(to bottom, #8e8e8e, #4c4c4c);
}

.ui-partbutton-expanded > .ui-partbutton-toggle:hover,
.ui-partbutton-expanded > .ui-partbutton-toggle:focus {
    background: #aaaaaa;
    background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#5b5b5b));
    background: -moz-linear-gradient(top, #aaaaaa, #5b5b5b);
    background: linear-gradient(to bottom, #aaaaaa, #5b5b5b);
}

.ui-partbutton-expanded > .ui-partbutton-toggle:active {
    background: #4c4c4c;
    background: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#4c4c4c));
    background: -moz-linear-gradient(top, #4c4c4c, #4c4c4c);
    background: linear-gradient(to bottom, #4c4c4c, #4c4c4c);
}

.ui-partbutton-waiting > .ui-partbutton-toggle,
.ui-partbutton-disabled > .ui-partbutton-toggle {
    cursor: default;
}
/* ----- Training Label --- */

.ui-training-label {
    position: relative;
    padding-left: 3em;
    padding-right: 5em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    overflow:  hidden;
}

.ui-training-label > .ui-partbutton {
    top: 50%;
    left: 1.3em;
}

.ui-training-title {
    text-align: center;
    position: relative;
    min-height: 1.2em;
    max-height: 2.2em;
}

.ui-training-date {
    position: relative;
    text-align: center;
    padding-top: 0.2em;
    line-height: 0.6em;
}

.ui-training-date > span {
    font-size: 0.6em;
    text-shadow: none;
}

.ui-training-label > a.ui-training-link {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 2.6em;
}

/* ----- Notifications -----*/

.ui-notification {
    position: absolute;
    top: 50%;
    right: 4.1em;
    width: 1em;
    height: 1em;
    background-image: url(../images/notifications.png);
    background-size: cover;
}

.ui-notification-0 {
    margin-top: -0.5em;
}

.ui-notification--1 {
    margin-top: -1.1em;
}

.ui-notification-1 {
    margin-top: 0.1em;
}

.ui-notification-comment {
    background-position: 0 0;
}

.ui-notification-newcomment {
    background-position: -1em 0;
}

.ui-notification-warning {
    background-position: -2em 0;
}

.ui-notification-information {
    background-position: -3em 0;
}

/* ----- Requirements ----- */

.ui-requirements {
    position: absolute;
    bottom: 0;
    width: 4em;
    right: 0;
    top:  0;
    border-left: 0.1em solid black;
}

.ui-requirements-met {
    background: #67e93c;
    background: -webkit-gradient(linear, left top, left bottom, from(#67e93c), to(#3f8f25));
    background: -moz-linear-gradient(top, #67e93c, #3f8f25);
    background: linear-gradient(to bottom, #67e93c, #3f8f25);
}

.ui-requirements-notmet {
    background: #ff4a4a;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff4a4a), to(#992727));
    background: -moz-linear-gradient(top, #ff4a4a, #992727);
    background: linear-gradient(to bottom, #ff4a4a, #992727);
}

.ui-keys,
.ui-participants {
    position: absolute;
    left: 0;
    right: 0;
    line-height: 1em;
    top: 50%;
    display: block;
    padding-left: 1.2em;
    height: 1em;
    margin-top: -0.5em;
}

.ui-requirements-both > .ui-participants {
    margin-top: -1.1em;
}

.ui-requirements-both > .ui-keys {
    margin-top: 0.1em;
}   

.ui-keys:after,    
.ui-participants:after {
    position: absolute;
    display: block;
    content: "";
    left: 0.1em;
    top: 0;
    width: 1em;
    height: 1em;
    background-image: url(../images/icons.png);
    background-size: cover;
}

.ui-participants:after {
    background-position: 0 0;
}

.ui-keys:after {
    background-position: -1em 0;
}

/* ----- Menu Icons ----- */

.ui-icon-logout:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.243%2C2.408c-0.392-0.401-1.024-0.401-1.415%2C0c-0.391%2C0.401-0.391%2C1.054%2C0%2C1.455%20C10.584%2C4.642%2C11%2C5.675%2C11%2C6.773s-0.416%2C2.133-1.172%2C2.91c-1.512%2C1.558-4.145%2C1.558-5.656%2C0C3.416%2C8.904%2C3%2C7.872%2C3%2C6.773%20C3%2C5.673%2C3.416%2C4.64%2C4.172%2C3.863c0.39-0.401%2C0.39-1.054%2C0-1.455c-0.391-0.401-1.024-0.401-1.415%2C0C1.624%2C3.574%2C1%2C5.125%2C1%2C6.773%20c0%2C1.647%2C0.624%2C3.199%2C1.757%2C4.365c1.134%2C1.166%2C2.64%2C1.809%2C4.243%2C1.809c1.604%2C0%2C3.109-0.645%2C4.243-1.811%20C12.376%2C9.975%2C13%2C8.423%2C13%2C6.773C13%2C5.125%2C12.376%2C3.574%2C11.243%2C2.408z%20M7%2C8.053c0.553%2C0%2C1-0.445%2C1-1v-6c0-0.553-0.447-1-1-1%20c-0.553%2C0-1%2C0.447-1%2C1v6C6%2C7.604%2C6.447%2C8.053%2C7%2C8.053z%22%2F%3E%3C%2Fsvg%3E");
}

.ui-icon-administration:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13.621%2C5.904l-1.036-0.259c-0.168-0.042-0.303-0.168-0.355-0.332c-0.092-0.284-0.205-0.559-0.339-0.82%20c-0.079-0.153-0.073-0.337%2C0.017-0.486l0.549-0.915c0.118-0.196%2C0.088-0.448-0.075-0.61l-0.862-0.863%20c-0.162-0.163-0.414-0.193-0.611-0.075l-0.916%2C0.55C9.844%2C2.182%2C9.659%2C2.188%2C9.506%2C2.109C9.244%2C1.975%2C8.97%2C1.861%2C8.686%2C1.77%20c-0.165-0.052-0.29-0.187-0.332-0.354L8.095%2C0.379C8.039%2C0.156%2C7.839%2C0%2C7.609%2C0H6.391c-0.229%2C0-0.43%2C0.156-0.485%2C0.379L5.646%2C1.415%20C5.604%2C1.582%2C5.479%2C1.718%2C5.313%2C1.77c-0.284%2C0.092-0.559%2C0.206-0.82%2C0.34C4.339%2C2.188%2C4.155%2C2.182%2C4.007%2C2.093L3.092%2C1.544%20c-0.196-0.118-0.448-0.087-0.61%2C0.075L1.619%2C2.481C1.457%2C2.644%2C1.426%2C2.896%2C1.544%2C3.093l0.549%2C0.914%20c0.089%2C0.148%2C0.095%2C0.332%2C0.017%2C0.486C1.975%2C4.755%2C1.861%2C5.029%2C1.77%2C5.314c-0.053%2C0.164-0.188%2C0.29-0.354%2C0.332L0.379%2C5.905%20C0.156%2C5.961%2C0%2C6.161%2C0%2C6.391v1.219c0%2C0.229%2C0.156%2C0.43%2C0.379%2C0.485l1.036%2C0.26C1.582%2C8.396%2C1.717%2C8.521%2C1.77%2C8.687%20c0.092%2C0.284%2C0.205%2C0.559%2C0.34%2C0.82C2.188%2C9.66%2C2.182%2C9.844%2C2.093%2C9.993l-0.549%2C0.915c-0.118%2C0.195-0.087%2C0.448%2C0.075%2C0.61%20l0.862%2C0.862c0.162%2C0.163%2C0.414%2C0.193%2C0.61%2C0.075l0.915-0.549c0.148-0.089%2C0.332-0.095%2C0.486-0.017%20c0.262%2C0.135%2C0.536%2C0.248%2C0.82%2C0.34c0.165%2C0.053%2C0.291%2C0.187%2C0.332%2C0.354l0.259%2C1.036C5.96%2C13.844%2C6.16%2C14%2C6.39%2C14h1.22%20c0.229%2C0%2C0.43-0.156%2C0.485-0.379l0.259-1.036c0.042-0.167%2C0.168-0.302%2C0.333-0.354c0.284-0.092%2C0.559-0.205%2C0.82-0.34%20c0.154-0.078%2C0.338-0.072%2C0.486%2C0.017l0.914%2C0.549c0.197%2C0.118%2C0.449%2C0.088%2C0.611-0.074l0.862-0.863%20c0.163-0.162%2C0.193-0.415%2C0.075-0.611l-0.549-0.915c-0.089-0.148-0.096-0.332-0.017-0.485c0.134-0.263%2C0.248-0.536%2C0.339-0.82%20c0.053-0.165%2C0.188-0.291%2C0.355-0.333l1.036-0.259C13.844%2C8.039%2C14%2C7.839%2C14%2C7.609V6.39C14%2C6.16%2C13.844%2C5.96%2C13.621%2C5.904z%20M7%2C10%20c-1.657%2C0-3-1.343-3-3s1.343-3%2C3-3s3%2C1.343%2C3%2C3S8.657%2C10%2C7%2C10z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ui-icon-register:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8.851%2C10.101c-0.18-0.399-0.2-0.763-0.153-1.104C9.383%2C8.49%2C9.738%2C7.621%2C9.891%2C6.465C10.493%2C6.355%2C10.5%2C5.967%2C10.5%2C5.5%20c0-0.437-0.008-0.804-0.502-0.94C9.999%2C4.539%2C10%2C4.521%2C10%2C4.5c0-2.103-1-4-2-4C8%2C0.5%2C7.5%2C0%2C6.5%2C0C5%2C0%2C4%2C1.877%2C4%2C4.5%20c0%2C0.021%2C0.001%2C0.039%2C0.002%2C0.06C3.508%2C4.696%2C3.5%2C5.063%2C3.5%2C5.5c0%2C0.467%2C0.007%2C0.855%2C0.609%2C0.965%20C4.262%2C7.621%2C4.617%2C8.49%2C5.303%2C8.997c0.047%2C0.341%2C0.026%2C0.704-0.153%2C1.104C1.503%2C10.503%2C0%2C12%2C0%2C12v2h14v-2%20C14%2C12%2C12.497%2C10.503%2C8.851%2C10.101z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ui-icon-edittraining:after,
.ui-icon-editkey:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.ui-icon-series:after,
.ui-icon-keys:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M5%2C4h8c0.553%2C0%2C1-0.447%2C1-1s-0.447-1-1-1H5C4.447%2C2%2C4%2C2.447%2C4%2C3S4.447%2C4%2C5%2C4z%20M13%2C6H5%20C4.447%2C6%2C4%2C6.447%2C4%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1C14%2C6.447%2C13.553%2C6%2C13%2C6z%20M13%2C10H5c-0.553%2C0-1%2C0.447-1%2C1%20s0.447%2C1%2C1%2C1h8c0.553%2C0%2C1-0.447%2C1-1S13.553%2C10%2C13%2C10z%20M1%2C2C0.447%2C2%2C0%2C2.447%2C0%2C3s0.447%2C1%2C1%2C1s1-0.447%2C1-1S1.553%2C2%2C1%2C2z%20M1%2C6%20C0.447%2C6%2C0%2C6.447%2C0%2C7c0%2C0.553%2C0.447%2C1%2C1%2C1s1-0.447%2C1-1C2%2C6.447%2C1.553%2C6%2C1%2C6z%20M1%2C10c-0.553%2C0-1%2C0.447-1%2C1s0.447%2C1%2C1%2C1s1-0.447%2C1-1%20S1.553%2C10%2C1%2C10z%22%2F%3E%3C%2Fsvg%3E");
}

.ui-icon-deletetraining:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C3%2011%2C0%207%2C4%203%2C0%200%2C3%204%2C7%200%2C11%203%2C14%207%2C10%2011%2C14%2014%2C11%2010%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* ----- Training Details ----- */

.ui-list-info {
    font-size: 0.75em;
    text-shadow: none;
}

/* ----- Slide View ----- */

.ui-slideview-container {
    overflow: hidden;
    position: relative;
    margin: 0 -1em;
}

.ui-slideview-view {
    padding-left: 1em;
    padding-right: 1em;
}

.ui-slideview-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background-color: #8e8e8e;
    font-weight: bold;
    text-shadow: none;
    color: #FFFFFF;
    display: none;
}

.ui-slideview-view.ui-slideview-failed > .ui-slideview-overlay,
.ui-slideview-view.ui-slideview-loading > .ui-slideview-overlay {
    display: inherit;
}

.ui-slideview-overlay > div {
    position: absolute;
    width: 2em;
    height: 2em;
    top: 50%;
    left:50%;
    margin-top: -2em;
    margin-left: -1em;
    background-size: cover;
}

.ui-slideview-view.ui-slideview-loading > .ui-slideview-overlay > div {
    background-image: url(../images/waiting.gif);
}

.ui-slideview-view.ui-slideview-failed > .ui-slideview-overlay > div {
    background-image: url(../images/reload.png);
}

.ui-slideview-overlay > span {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
}

/* ----- Slide Buttons ----- */

.ui-slidebuttons {
    height: 2em;
    margin-bottom: 1em;
    position: relative;
    overflow: hidden;
}

.ui-slidebuttons > .ui-slidebuttons-caption {
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    line-height: 1em;
    left: 2em;
    right: 2em;
    text-align: center;
}

.ui-slidebuttons .ui-slidebuttons-previous,
.ui-slidebuttons .ui-slidebuttons-next {
    position: absolute;
    top: 0;
    height: 2em;
    width: 2em;  
    display: block;
}

.ui-slidebuttons .ui-slidebuttons-previous:link,
.ui-slidebuttons .ui-slidebuttons-next:link {
    background: #d4d4d4;
    background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#818181));
    background: -moz-linear-gradient(top, #d4d4d4, #818181);
    background: linear-gradient(to bottom, #d4d4d4, #818181);    
}

.ui-slidebuttons .ui-slidebuttons-previous:focus,
.ui-slidebuttons .ui-slidebuttons-next:focus,
.ui-slidebuttons .ui-slidebuttons-previous:hover,
.ui-slidebuttons .ui-slidebuttons-next:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#9b9b9b));
    background: -moz-linear-gradient(top, #fefefe, #9b9b9b);
    background: linear-gradient(to bottom, #fefefe, #9b9b9b);    
}

.ui-slidebuttons .ui-slidebuttons-previous:active,
.ui-slidebuttons .ui-slidebuttons-next:active {
    background: #818181;
    background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#818181));
    background: -moz-linear-gradient(top, #818181, #818181);
    background: linear-gradient(to bottom, #818181, #818181);
}

.ui-slidebuttons .ui-slidebuttons-previous:after,
.ui-slidebuttons .ui-slidebuttons-next:after {
    width: 2em;
    height: 2em;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    content: "";
    background-image: url(../images/buttons.png);    
    background-size: cover;
}

.ui-slidebuttons .ui-slidebuttons-previous {
    left: 0;
    border-right: inherit;
}

.ui-slidebuttons .ui-slidebuttons-next {
    right: 0;
    border-left: inherit;
}
.ui-slidebuttons .ui-slidebuttons-previous:after {
    background-position: 0 0;    
}

.ui-slidebuttons .ui-slidebuttons-next:after {
    background-position: -2em 0;    
}

/* ----- Loader ----- */

.ui-loading-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: .5;
    background-color: #818181;
    z-index: 9000
}

/* ----- Comment ----- */

#comments-popup.ui-popup-container

.ui-comment-container {
    overflow-y: scroll;
}

.ui-comment-list {
    padding: 0;
    margin: 0;
}

.ui-comment-list li {
    list-style: none;
    display: block;
    padding-bottom: 0.5em;
}

.ui-comment-content {
    font-size: 0.8em;
    border-style: solid;
    border-width: 1px;
    border-color: #000000;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    padding: 0.3em 0.3em 1em 0.3em;
    position: relative;  
}

.ui-comment-own .ui-comment-content {
    border-bottom-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    margin-left: 1em;
    background: #9cffca;
    background: -webkit-gradient(linear, left top, left bottom, from(#9cffca), to(#5f9f7b));
    background: -moz-linear-gradient(top, #9cffca, #5f9f7b);
    background: linear-gradient(to bottom, #9cffca, #5f9f7b);
}

.ui-comment-other .ui-comment-content {
    border-bottom-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    margin-right: 1em;
    background: #9cc2ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#9cc2ff), to(#5f769f));
    background: -moz-linear-gradient(top, #9cc2ff, #5f769f);
    background: linear-gradient(to bottom, #9cc2ff, #5f769f);
}

.ui-comment-writer,
.ui-comment-time {
    position:absolute;
    bottom: 0;
    font-size:0.75em;
    text-shadow: none;
    color: #ffffff;   
}

.ui-comment-own .ui-comment-writer {
    display: none;
}

.ui-comment-other .ui-comment-writer {
    left: 0.5em;
}

.ui-comment-own .ui-comment-time {
    right: 0.5em;
}

.ui-comment-other .ui-comment-time {
    right: 0.8em;
}

.ui-comment-message {
    padding-right: 2.5em;
    position: relative;
    font-size: 0.8em;
}

.ui-comment-send {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 2em;
    border: 1px #000000 solid;

}
.ui-comment-send:after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C7%207%2C0%207%2C5%200%2C5%200%2C9%207%2C9%207%2C14%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 1em 1em;
    content: "";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top: 50%;
    left: 50%;
    margin-top: -0.5em;
    margin-left: -0.5em;
}

.ui-comment-send:link {
    background: #d4d4d4;
    background: -webkit-gradient(linear, left top, left bottom, from(#d4d4d4), to(#818181));
    background: -moz-linear-gradient(top, #d4d4d4, #818181);
    background: linear-gradient(to bottom, #d4d4d4, #818181);    
}

.ui-comment-send:focus,
.ui-comment-send:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#9b9b9b));
    background: -moz-linear-gradient(top, #fefefe, #9b9b9b);
    background: linear-gradient(to bottom, #fefefe, #9b9b9b);    
}

.ui-comment-send:active {
    background: #818181;
    background: -webkit-gradient(linear, left top, left bottom, from(#818181), to(#818181));
    background: -moz-linear-gradient(top, #818181, #818181);
    background: linear-gradient(to bottom, #818181, #818181);
}

/* ----- Dynamic list ----- */

.ui-dynamicList-container {
    max-height: 20em;
    overflow-y: scroll;
}

.ui-dynamicList-topEnd,
.ui-dynamicList-bottomEnd {
    height: 2em;
    text-align: center;
}

.ui-dynamicList-topEnd span,
.ui-dynamicList-bottomEnd span {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    left: 3em;
}

.ui-dynamicList-top-end .ui-dynamicList-topEnd span.ui-dynamicList-endMessage,
.ui-dynamicList-top-failed .ui-dynamicList-topEnd span.ui-dynamicList-failMessage,
.ui-dynamicList-top-loading .ui-dynamicList-topEnd span.ui-dynamicList-loadMessage,
.ui-dynamicList-bottom-end .ui-dynamicList-bottomEnd span.ui-dynamicList-endMessage,
.ui-dynamicList-bottom-failed .ui-dynamicList-bottomEnd span.ui-dynamicList-failMessage,
.ui-dynamicList-bottom-loading .ui-dynamicList-bottomEnd span.ui-dynamicList-loadMessage {
    display: inherit;
}

.ui-dynamicList-top-end .ui-dynamicList-topEnd:after,
.ui-dynamicList-top-failed .ui-dynamicList-topEnd:after,
.ui-dynamicList-top-loading .ui-dynamicList-topEnd:after,
.ui-dynamicList-bottom-end .ui-dynamicList-bottomEnd:after,
.ui-dynamicList-bottom-failed .ui-dynamicList-bottomEnd:after,
.ui-dynamicList-bottom-loading .ui-dynamicList-bottomEnd:after {
    content: "";
    display: block;
    position: absolute;
    left: 1em;
    top: 50%;
    margin-top: -0.75em;
    height: 1.5em;
    width: 1.5em;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.ui-dynamicList-top-end .ui-dynamicList-topEnd:after,
.ui-dynamicList-bottom-end .ui-dynamicList-bottomEnd:after {
    
}

.ui-dynamicList-top-failed .ui-dynamicList-topEnd:after,
.ui-dynamicList-bottom-failed .ui-dynamicList-bottomEnd:after {
    background-image: url(../images/reload.png);
}

.ui-dynamicList-top-loading .ui-dynamicList-topEnd:after,
.ui-dynamicList-bottom-loading .ui-dynamicList-bottomEnd:after {
    background-image: url(../images/waiting.gif);
}

/* ----- Check Divider ----- */

.ui-checkDivider-label {
    padding-left: 18px;
}

.ui-checkDivider-checkbox {
    left: 0;
    top: 0;
    bottom: 0;
    width: 36px;
    position: absolute;
}

.ui-checkDivider-checkbox:after {
    -webkit-border-radius: .1875em;
    border-radius: .1875em;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    content: "";
    position: absolute;
    top:50%;
    left: 9px;
    background-position: center center;
    background-repeat: no-repeat;
}

.ui-checkDivider-off .ui-checkDivider-checkbox:after {
    background-color: rgba(0,0,0,.3);
}

.ui-checkDivider-on .ui-checkDivider-checkbox:after {
    background-color: #3385e4;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E");
}

.ui-checkDivider-info .ui-checkDivider-checkbox:after {
    background-color: #3385e4;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%229%2C7%209%2C0%205%2C0%205%2C7%200%2C7%207%2C14%2014%2C7%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/* ----- Messages ----- */

.ui-message-header {
    border-style: solid;
    border-top-left-radius: 0.6em;
    border-top-right-radius: 0.6em;
    border-width: 1px;
    padding: 0.6em;
    font-weight: bold;
}

.ui-message-content {
    border-left-style: solid;
    border-right-style: solid;
    border-left-width: 1px;
    border-right-width: 1px;
    padding: 0.6em;
    white-space: normal;
}

.ui-message-footer {
    border-bottom-left-radius: 0.6em;
    border-bottom-right-radius: 0.6em;
    border-width: 1px;
    border-style: solid;
    padding: 0.1em 0.6em;
    background-color: #d6d6d6;
    margin-bottom: 0.7em;
}

.ui-message-footer:last-child {
    margin-bottom: 0;
}

.ui-message-footer > span {
    font-size: 0.8em;
}

.ui-message-cancel {
    border-color: #1d1d1d /*{a-body-border}*/;    
}

.ui-message-header.ui-message-cancel {
    background-color: #808080 /*{a-body-background-color}*/;
    color: #ffffff /*{a-body-color}*/;
    text-shadow: 0 /*{a-body-shadow-x}*/ 1px /*{a-body-shadow-y}*/ 0 /*{a-body-shadow-radius}*/ #111111 /*{a-body-shadow-color}*/;
}

.ui-message-information {
    border-color: #000000 /*{b-bar-border}*/;
}

.ui-message-header.ui-message-information {
    background-color: #ADD8E6 /*{b-bar-background-color}*/;
    color: #000000 /*{b-bar-color}*/;
    text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/;
}

.ui-message-warning {
    border-color: #000000 /*{b-bar-border}*/;
}

.ui-message-header.ui-message-warning {
    background-color: #edb934 /*{b-bar-background-color}*/;
    color: #a10000 /*{b-bar-color}*/;
    text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #ffffff /*{b-bar-shadow-color}*/;
}