@charset "UTF-8";
/* Skin Version Info provide information when the skin was last generated.  */
.skin-version-info { content: "AppVersion: 2.4.2545.1, Generated: 18/06/2025 08:49:57 959 UTC, Local Time: 18/06/2025 18:49:57 959 (Canberra, Melbourne, Sydney UTC+10)"; }

.skin-accent-color { color: #003480 !important; }

a.skin-accent-color:link { color: #003480 !important; }

.skin-accent-color-hover:hover { color: #003480 !important; }

.skin-accent-color-dark { color: #00014d !important; }

a.skin-accent-color-dark:link { color: #00014d !important; }

.skin-accent-color-light { color: #3367b3 !important; }

a.skin-accent-color-light:link { color: #3367b3 !important; }

.skin-accent-background-color { background-color: #003480 !important; }

.skin-accent-background-color-dark { background-color: #00014d !important; }

.skin-accent-background-color-light { background-color: #3367b3 !important; }

.skin-accent-background-color-rgba2 { background-color: rgba(0, 52, 128, 0.2) !important; }

.skin-accent-background-color-rgba3 { background-color: rgba(0, 52, 128, 0.3) !important; }

.skin-accent-background-color-rgba5 { background-color: rgba(0, 52, 128, 0.5) !important; }

.skin-accent-background-color-rgba7 { background-color: rgba(0, 52, 128, 0.7) !important; }

.skin-accent-background-color-rgba8 { background-color: rgba(0, 52, 128, 0.8) !important; }

.skin-accent-border-color { border-color: #003480 !important; }

.skin-accent-border-color-dark { border-color: #00014d !important; }

.skin-accent-border-color-light { border-color: #3367b3 !important; }

.skin-accent-border-color-rgba3 { border-color: rgba(0, 52, 128, 0.3) !important; }

.skin-accent-border-color-rgba5 { border-color: rgba(0, 52, 128, 0.5) !important; }

.skin-accent-border-color-rgba8 { border-color: rgba(0, 52, 128, 0.8) !important; }

.skin-accent-gradient { background: #003480; background-color: #003480; background-image: -webkit-gradient(linear, left top, left bottom, from(#003480), to(#00014d)); background-image: -webkit-linear-gradient(top, #003480, #00014d); background-image: -moz-linear-gradient(top, #003480, #00014d); background-image: -ms-linear-gradient(top, #003480, #00014d); background-image: -o-linear-gradient(top, #003480, #00014d); background-image: linear-gradient(top, #003480, #00014d); }

.skin-accent-gradient-horizontal { background: #00014d !important; background-color: #00014d !important; background-image: -webkit-gradient(linear, top left, bottom left, from(#00014d), to(#003480)) !important; background-image: -webkit-linear-gradient(left, #00014d, #003480) !important; background-image: -moz-linear-gradient(left, #00014d, #003480) !important; background-image: -ms-linear-gradient(left, #00014d, #003480) !important; background-image: -o-linear-gradient(left, #00014d, #003480) !important; background-image: linear-gradient(left, #00014d, #003480) !important; }

.skin-text-color { color: #000000 !important; }

a.skin-text-color:link { color: #000000 !important; }

.skin-text-color-hover:hover { color: #000000 !important; }

.skin-text-color-dark { color: black !important; }

a.skin-text-color-dark:link { color: black !important; }

.skin-text-color-light { color: #333333 !important; }

a.skin-text-color-light:link { color: #333333 !important; }

.skin-text-background-color { background-color: #000000 !important; }

.skin-text-background-color-dark { background-color: black !important; }

.skin-text-background-color-light { background-color: #333333 !important; }

.skin-text-background-color-rgba2 { background-color: rgba(0, 0, 0, 0.2) !important; }

.skin-text-background-color-rgba3 { background-color: rgba(0, 0, 0, 0.3) !important; }

.skin-text-background-color-rgba5 { background-color: rgba(0, 0, 0, 0.5) !important; }

.skin-text-background-color-rgba7 { background-color: rgba(0, 0, 0, 0.7) !important; }

.skin-text-background-color-rgba8 { background-color: rgba(0, 0, 0, 0.8) !important; }

.skin-text-border-color { border-color: #000000 !important; }

.skin-text-border-color-dark { border-color: black !important; }

.skin-text-border-color-light { border-color: #333333 !important; }

.skin-text-border-color-rgba3 { border-color: rgba(0, 0, 0, 0.3) !important; }

.skin-text-border-color-rgba5 { border-color: rgba(0, 0, 0, 0.5) !important; }

.skin-text-border-color-rgba8 { border-color: rgba(0, 0, 0, 0.8) !important; }

.skin-accent-text-color { color: #ffffff !important; }

a.skin-accent-text-color:link { color: #ffffff !important; }

.skin-accent-text-color-hover:hover { color: #ffffff !important; }

.skin-accent-text-color-dark { color: #cccccc !important; }

a.skin-accent-text-color-dark:link { color: #cccccc !important; }

.skin-accent-text-color-light { color: white !important; }

a.skin-accent-text-color-light:link { color: white !important; }

.skin-accent-text-background-color { background-color: #ffffff !important; }

.skin-accent-text-background-color-dark { background-color: #cccccc !important; }

.skin-accent-text-background-color-light { background-color: white !important; }

.skin-accent-text-background-color-rgba2 { background-color: rgba(255, 255, 255, 0.2) !important; }

.skin-accent-text-background-color-rgba3 { background-color: rgba(255, 255, 255, 0.3) !important; }

.skin-accent-text-background-color-rgba5 { background-color: rgba(255, 255, 255, 0.5) !important; }

.skin-accent-text-background-color-rgba7 { background-color: rgba(255, 255, 255, 0.7) !important; }

.skin-accent-text-background-color-rgba8 { background-color: rgba(255, 255, 255, 0.8) !important; }

.skin-accent-text-border-color { border-color: #ffffff !important; }

.skin-accent-text-border-color-dark { border-color: #cccccc !important; }

.skin-accent-text-border-color-light { border-color: white !important; }

.skin-accent-text-border-color-rgba3 { border-color: rgba(255, 255, 255, 0.3) !important; }

.skin-accent-text-border-color-rgba5 { border-color: rgba(255, 255, 255, 0.5) !important; }

.skin-accent-text-border-color-rgba8 { border-color: rgba(255, 255, 255, 0.8) !important; }

.skin-background-primary-color { color: #ffffff !important; }

a.skin-background-primary-color:link { color: #ffffff !important; }

.skin-background-primary-color-hover:hover { color: #ffffff !important; }

.skin-background-primary-color-dark { color: #cccccc !important; }

a.skin-background-primary-color-dark:link { color: #cccccc !important; }

.skin-background-primary-color-light { color: white !important; }

a.skin-background-primary-color-light:link { color: white !important; }

.skin-background-primary-background-color { background-color: #ffffff !important; }

.skin-background-primary-background-color-dark { background-color: #cccccc !important; }

.skin-background-primary-background-color-light { background-color: white !important; }

.skin-background-primary-background-color-rgba2 { background-color: rgba(255, 255, 255, 0.2) !important; }

.skin-background-primary-background-color-rgba3 { background-color: rgba(255, 255, 255, 0.3) !important; }

.skin-background-primary-background-color-rgba5 { background-color: rgba(255, 255, 255, 0.5) !important; }

.skin-background-primary-background-color-rgba7 { background-color: rgba(255, 255, 255, 0.7) !important; }

.skin-background-primary-background-color-rgba8 { background-color: rgba(255, 255, 255, 0.8) !important; }

.skin-background-primary-border-color { border-color: #ffffff !important; }

.skin-background-primary-border-color-dark { border-color: #cccccc !important; }

.skin-background-primary-border-color-light { border-color: white !important; }

.skin-background-primary-border-color-rgba3 { border-color: rgba(255, 255, 255, 0.3) !important; }

.skin-background-primary-border-color-rgba5 { border-color: rgba(255, 255, 255, 0.5) !important; }

.skin-background-primary-border-color-rgba8 { border-color: rgba(255, 255, 255, 0.8) !important; }

.skin-background-secondary-color { color: #fafafa !important; }

a.skin-background-secondary-color:link { color: #fafafa !important; }

.skin-background-secondary-color-hover:hover { color: #fafafa !important; }

.skin-background-secondary-color-dark { color: #c7c7c7 !important; }

a.skin-background-secondary-color-dark:link { color: #c7c7c7 !important; }

.skin-background-secondary-color-light { color: white !important; }

a.skin-background-secondary-color-light:link { color: white !important; }

.skin-background-secondary-background-color { background-color: #fafafa !important; }

.skin-background-secondary-background-color-dark { background-color: #c7c7c7 !important; }

.skin-background-secondary-background-color-light { background-color: white !important; }

.skin-background-secondary-background-color-rgba2 { background-color: rgba(250, 250, 250, 0.2) !important; }

.skin-background-secondary-background-color-rgba3 { background-color: rgba(250, 250, 250, 0.3) !important; }

.skin-background-secondary-background-color-rgba5 { background-color: rgba(250, 250, 250, 0.5) !important; }

.skin-background-secondary-background-color-rgba7 { background-color: rgba(250, 250, 250, 0.7) !important; }

.skin-background-secondary-background-color-rgba8 { background-color: rgba(250, 250, 250, 0.8) !important; }

.skin-background-secondary-border-color { border-color: #fafafa !important; }

.skin-background-secondary-border-color-dark { border-color: #c7c7c7 !important; }

.skin-background-secondary-border-color-light { border-color: white !important; }

.skin-background-secondary-border-color-rgba3 { border-color: rgba(250, 250, 250, 0.3) !important; }

.skin-background-secondary-border-color-rgba5 { border-color: rgba(250, 250, 250, 0.5) !important; }

.skin-background-secondary-border-color-rgba8 { border-color: rgba(250, 250, 250, 0.8) !important; }

.skin-header-top-color { color: #ffffff !important; }

a.skin-header-top-color:link { color: #ffffff !important; }

.skin-header-top-color-hover:hover { color: #ffffff !important; }

.skin-header-top-color-dark { color: #cccccc !important; }

a.skin-header-top-color-dark:link { color: #cccccc !important; }

.skin-header-top-color-light { color: white !important; }

a.skin-header-top-color-light:link { color: white !important; }

.skin-header-top-background-color { background-color: #ffffff !important; }

.skin-header-top-background-color-dark { background-color: #cccccc !important; }

.skin-header-top-background-color-light { background-color: white !important; }

.skin-header-top-background-color-rgba2 { background-color: rgba(255, 255, 255, 0.2) !important; }

.skin-header-top-background-color-rgba3 { background-color: rgba(255, 255, 255, 0.3) !important; }

.skin-header-top-background-color-rgba5 { background-color: rgba(255, 255, 255, 0.5) !important; }

.skin-header-top-background-color-rgba7 { background-color: rgba(255, 255, 255, 0.7) !important; }

.skin-header-top-background-color-rgba8 { background-color: rgba(255, 255, 255, 0.8) !important; }

.skin-header-top-border-color { border-color: #ffffff !important; }

.skin-header-top-border-color-dark { border-color: #cccccc !important; }

.skin-header-top-border-color-light { border-color: white !important; }

.skin-header-top-border-color-rgba3 { border-color: rgba(255, 255, 255, 0.3) !important; }

.skin-header-top-border-color-rgba5 { border-color: rgba(255, 255, 255, 0.5) !important; }

.skin-header-top-border-color-rgba8 { border-color: rgba(255, 255, 255, 0.8) !important; }

.skin-header-bottom-color { color: #ffffff !important; }

a.skin-header-bottom-color:link { color: #ffffff !important; }

.skin-header-bottom-color-hover:hover { color: #ffffff !important; }

.skin-header-bottom-color-dark { color: #cccccc !important; }

a.skin-header-bottom-color-dark:link { color: #cccccc !important; }

.skin-header-bottom-color-light { color: white !important; }

a.skin-header-bottom-color-light:link { color: white !important; }

.skin-header-bottom-background-color { background-color: #ffffff !important; }

.skin-header-bottom-background-color-dark { background-color: #cccccc !important; }

.skin-header-bottom-background-color-light { background-color: white !important; }

.skin-header-bottom-background-color-rgba2 { background-color: rgba(255, 255, 255, 0.2) !important; }

.skin-header-bottom-background-color-rgba3 { background-color: rgba(255, 255, 255, 0.3) !important; }

.skin-header-bottom-background-color-rgba5 { background-color: rgba(255, 255, 255, 0.5) !important; }

.skin-header-bottom-background-color-rgba7 { background-color: rgba(255, 255, 255, 0.7) !important; }

.skin-header-bottom-background-color-rgba8 { background-color: rgba(255, 255, 255, 0.8) !important; }

.skin-header-bottom-border-color { border-color: #ffffff !important; }

.skin-header-bottom-border-color-dark { border-color: #cccccc !important; }

.skin-header-bottom-border-color-light { border-color: white !important; }

.skin-header-bottom-border-color-rgba3 { border-color: rgba(255, 255, 255, 0.3) !important; }

.skin-header-bottom-border-color-rgba5 { border-color: rgba(255, 255, 255, 0.5) !important; }

.skin-header-bottom-border-color-rgba8 { border-color: rgba(255, 255, 255, 0.8) !important; }

.skin-header-text-color { color: #000000 !important; }

a.skin-header-text-color:link { color: #000000 !important; }

.skin-header-text-color-hover:hover { color: #000000 !important; }

.skin-header-text-color-dark { color: black !important; }

a.skin-header-text-color-dark:link { color: black !important; }

.skin-header-text-color-light { color: #333333 !important; }

a.skin-header-text-color-light:link { color: #333333 !important; }

.skin-header-text-background-color { background-color: #000000 !important; }

.skin-header-text-background-color-dark { background-color: black !important; }

.skin-header-text-background-color-light { background-color: #333333 !important; }

.skin-header-text-background-color-rgba2 { background-color: rgba(0, 0, 0, 0.2) !important; }

.skin-header-text-background-color-rgba3 { background-color: rgba(0, 0, 0, 0.3) !important; }

.skin-header-text-background-color-rgba5 { background-color: rgba(0, 0, 0, 0.5) !important; }

.skin-header-text-background-color-rgba7 { background-color: rgba(0, 0, 0, 0.7) !important; }

.skin-header-text-background-color-rgba8 { background-color: rgba(0, 0, 0, 0.8) !important; }

.skin-header-text-border-color { border-color: #000000 !important; }

.skin-header-text-border-color-dark { border-color: black !important; }

.skin-header-text-border-color-light { border-color: #333333 !important; }

.skin-header-text-border-color-rgba3 { border-color: rgba(0, 0, 0, 0.3) !important; }

.skin-header-text-border-color-rgba5 { border-color: rgba(0, 0, 0, 0.5) !important; }

.skin-header-text-border-color-rgba8 { border-color: rgba(0, 0, 0, 0.8) !important; }

.skin-header-gradient { background: #ffffff; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)); background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); background-image: -moz-linear-gradient(top, #ffffff, #ffffff); background-image: -ms-linear-gradient(top, #ffffff, #ffffff); background-image: -o-linear-gradient(top, #ffffff, #ffffff); background-image: linear-gradient(top, #ffffff, #ffffff); }

.skin-footer-top-color { color: #003480 !important; }

a.skin-footer-top-color:link { color: #003480 !important; }

.skin-footer-top-color-hover:hover { color: #003480 !important; }

.skin-footer-top-color-dark { color: #00014d !important; }

a.skin-footer-top-color-dark:link { color: #00014d !important; }

.skin-footer-top-color-light { color: #3367b3 !important; }

a.skin-footer-top-color-light:link { color: #3367b3 !important; }

.skin-footer-top-background-color { background-color: #003480 !important; }

.skin-footer-top-background-color-dark { background-color: #00014d !important; }

.skin-footer-top-background-color-light { background-color: #3367b3 !important; }

.skin-footer-top-background-color-rgba2 { background-color: rgba(0, 52, 128, 0.2) !important; }

.skin-footer-top-background-color-rgba3 { background-color: rgba(0, 52, 128, 0.3) !important; }

.skin-footer-top-background-color-rgba5 { background-color: rgba(0, 52, 128, 0.5) !important; }

.skin-footer-top-background-color-rgba7 { background-color: rgba(0, 52, 128, 0.7) !important; }

.skin-footer-top-background-color-rgba8 { background-color: rgba(0, 52, 128, 0.8) !important; }

.skin-footer-top-border-color { border-color: #003480 !important; }

.skin-footer-top-border-color-dark { border-color: #00014d !important; }

.skin-footer-top-border-color-light { border-color: #3367b3 !important; }

.skin-footer-top-border-color-rgba3 { border-color: rgba(0, 52, 128, 0.3) !important; }

.skin-footer-top-border-color-rgba5 { border-color: rgba(0, 52, 128, 0.5) !important; }

.skin-footer-top-border-color-rgba8 { border-color: rgba(0, 52, 128, 0.8) !important; }

.skin-footer-bottom-color { color: #003480 !important; }

a.skin-footer-bottom-color:link { color: #003480 !important; }

.skin-footer-bottom-color-hover:hover { color: #003480 !important; }

.skin-footer-bottom-color-dark { color: #00014d !important; }

a.skin-footer-bottom-color-dark:link { color: #00014d !important; }

.skin-footer-bottom-color-light { color: #3367b3 !important; }

a.skin-footer-bottom-color-light:link { color: #3367b3 !important; }

.skin-footer-bottom-background-color { background-color: #003480 !important; }

.skin-footer-bottom-background-color-dark { background-color: #00014d !important; }

.skin-footer-bottom-background-color-light { background-color: #3367b3 !important; }

.skin-footer-bottom-background-color-rgba2 { background-color: rgba(0, 52, 128, 0.2) !important; }

.skin-footer-bottom-background-color-rgba3 { background-color: rgba(0, 52, 128, 0.3) !important; }

.skin-footer-bottom-background-color-rgba5 { background-color: rgba(0, 52, 128, 0.5) !important; }

.skin-footer-bottom-background-color-rgba7 { background-color: rgba(0, 52, 128, 0.7) !important; }

.skin-footer-bottom-background-color-rgba8 { background-color: rgba(0, 52, 128, 0.8) !important; }

.skin-footer-bottom-border-color { border-color: #003480 !important; }

.skin-footer-bottom-border-color-dark { border-color: #00014d !important; }

.skin-footer-bottom-border-color-light { border-color: #3367b3 !important; }

.skin-footer-bottom-border-color-rgba3 { border-color: rgba(0, 52, 128, 0.3) !important; }

.skin-footer-bottom-border-color-rgba5 { border-color: rgba(0, 52, 128, 0.5) !important; }

.skin-footer-bottom-border-color-rgba8 { border-color: rgba(0, 52, 128, 0.8) !important; }

.skin-footer-text-color { color: #ffffff !important; }

a.skin-footer-text-color:link { color: #ffffff !important; }

.skin-footer-text-color-hover:hover { color: #ffffff !important; }

.skin-footer-text-color-dark { color: #cccccc !important; }

a.skin-footer-text-color-dark:link { color: #cccccc !important; }

.skin-footer-text-color-light { color: white !important; }

a.skin-footer-text-color-light:link { color: white !important; }

.skin-footer-text-background-color { background-color: #ffffff !important; }

.skin-footer-text-background-color-dark { background-color: #cccccc !important; }

.skin-footer-text-background-color-light { background-color: white !important; }

.skin-footer-text-background-color-rgba2 { background-color: rgba(255, 255, 255, 0.2) !important; }

.skin-footer-text-background-color-rgba3 { background-color: rgba(255, 255, 255, 0.3) !important; }

.skin-footer-text-background-color-rgba5 { background-color: rgba(255, 255, 255, 0.5) !important; }

.skin-footer-text-background-color-rgba7 { background-color: rgba(255, 255, 255, 0.7) !important; }

.skin-footer-text-background-color-rgba8 { background-color: rgba(255, 255, 255, 0.8) !important; }

.skin-footer-text-border-color { border-color: #ffffff !important; }

.skin-footer-text-border-color-dark { border-color: #cccccc !important; }

.skin-footer-text-border-color-light { border-color: white !important; }

.skin-footer-text-border-color-rgba3 { border-color: rgba(255, 255, 255, 0.3) !important; }

.skin-footer-text-border-color-rgba5 { border-color: rgba(255, 255, 255, 0.5) !important; }

.skin-footer-text-border-color-rgba8 { border-color: rgba(255, 255, 255, 0.8) !important; }

.skin-footer-gradient { background: #003480; background-color: #003480; background-image: -webkit-gradient(linear, left top, left bottom, from(#003480), to(#003480)); background-image: -webkit-linear-gradient(top, #003480, #003480); background-image: -moz-linear-gradient(top, #003480, #003480); background-image: -ms-linear-gradient(top, #003480, #003480); background-image: -o-linear-gradient(top, #003480, #003480); background-image: linear-gradient(top, #003480, #003480); }

.skin-border-primary-color { color: #dadada !important; }

a.skin-border-primary-color:link { color: #dadada !important; }

.skin-border-primary-color-hover:hover { color: #dadada !important; }

.skin-border-primary-color-dark { color: #a7a7a7 !important; }

a.skin-border-primary-color-dark:link { color: #a7a7a7 !important; }

.skin-border-primary-color-light { color: white !important; }

a.skin-border-primary-color-light:link { color: white !important; }

.skin-border-primary-background-color { background-color: #dadada !important; }

.skin-border-primary-background-color-dark { background-color: #a7a7a7 !important; }

.skin-border-primary-background-color-light { background-color: white !important; }

.skin-border-primary-background-color-rgba2 { background-color: rgba(218, 218, 218, 0.2) !important; }

.skin-border-primary-background-color-rgba3 { background-color: rgba(218, 218, 218, 0.3) !important; }

.skin-border-primary-background-color-rgba5 { background-color: rgba(218, 218, 218, 0.5) !important; }

.skin-border-primary-background-color-rgba7 { background-color: rgba(218, 218, 218, 0.7) !important; }

.skin-border-primary-background-color-rgba8 { background-color: rgba(218, 218, 218, 0.8) !important; }

.skin-border-primary-border-color { border-color: #dadada !important; }

.skin-border-primary-border-color-dark { border-color: #a7a7a7 !important; }

.skin-border-primary-border-color-light { border-color: white !important; }

.skin-border-primary-border-color-rgba3 { border-color: rgba(218, 218, 218, 0.3) !important; }

.skin-border-primary-border-color-rgba5 { border-color: rgba(218, 218, 218, 0.5) !important; }

.skin-border-primary-border-color-rgba8 { border-color: rgba(218, 218, 218, 0.8) !important; }

.skin-border-secondary-color { color: #e31b23 !important; }

a.skin-border-secondary-color:link { color: #e31b23 !important; }

.skin-border-secondary-color-hover:hover { color: #e31b23 !important; }

.skin-border-secondary-color-dark { color: #b00000 !important; }

a.skin-border-secondary-color-dark:link { color: #b00000 !important; }

.skin-border-secondary-color-light { color: #ff4e56 !important; }

a.skin-border-secondary-color-light:link { color: #ff4e56 !important; }

.skin-border-secondary-background-color { background-color: #e31b23 !important; }

.skin-border-secondary-background-color-dark { background-color: #b00000 !important; }

.skin-border-secondary-background-color-light { background-color: #ff4e56 !important; }

.skin-border-secondary-background-color-rgba2 { background-color: rgba(227, 27, 35, 0.2) !important; }

.skin-border-secondary-background-color-rgba3 { background-color: rgba(227, 27, 35, 0.3) !important; }

.skin-border-secondary-background-color-rgba5 { background-color: rgba(227, 27, 35, 0.5) !important; }

.skin-border-secondary-background-color-rgba7 { background-color: rgba(227, 27, 35, 0.7) !important; }

.skin-border-secondary-background-color-rgba8 { background-color: rgba(227, 27, 35, 0.8) !important; }

.skin-border-secondary-border-color { border-color: #e31b23 !important; }

.skin-border-secondary-border-color-dark { border-color: #b00000 !important; }

.skin-border-secondary-border-color-light { border-color: #ff4e56 !important; }

.skin-border-secondary-border-color-rgba3 { border-color: rgba(227, 27, 35, 0.3) !important; }

.skin-border-secondary-border-color-rgba5 { border-color: rgba(227, 27, 35, 0.5) !important; }

.skin-border-secondary-border-color-rgba8 { border-color: rgba(227, 27, 35, 0.8) !important; }

.skin-link-color { color: #433864 !important; }

a.skin-link-color:link { color: #433864 !important; }

.skin-link-color-hover:hover { color: #433864 !important; }

.skin-link-color-dark { color: #100531 !important; }

a.skin-link-color-dark:link { color: #100531 !important; }

.skin-link-color-light { color: #766b97 !important; }

a.skin-link-color-light:link { color: #766b97 !important; }

.skin-link-background-color { background-color: #433864 !important; }

.skin-link-background-color-dark { background-color: #100531 !important; }

.skin-link-background-color-light { background-color: #766b97 !important; }

.skin-link-background-color-rgba2 { background-color: rgba(67, 56, 100, 0.2) !important; }

.skin-link-background-color-rgba3 { background-color: rgba(67, 56, 100, 0.3) !important; }

.skin-link-background-color-rgba5 { background-color: rgba(67, 56, 100, 0.5) !important; }

.skin-link-background-color-rgba7 { background-color: rgba(67, 56, 100, 0.7) !important; }

.skin-link-background-color-rgba8 { background-color: rgba(67, 56, 100, 0.8) !important; }

.skin-link-border-color { border-color: #433864 !important; }

.skin-link-border-color-dark { border-color: #100531 !important; }

.skin-link-border-color-light { border-color: #766b97 !important; }

.skin-link-border-color-rgba3 { border-color: rgba(67, 56, 100, 0.3) !important; }

.skin-link-border-color-rgba5 { border-color: rgba(67, 56, 100, 0.5) !important; }

.skin-link-border-color-rgba8 { border-color: rgba(67, 56, 100, 0.8) !important; }

.skin-link-hover-color { color: #003480 !important; }

a.skin-link-hover-color:link { color: #003480 !important; }

.skin-link-hover-color-hover:hover { color: #003480 !important; }

.skin-link-hover-color-dark { color: #00014d !important; }

a.skin-link-hover-color-dark:link { color: #00014d !important; }

.skin-link-hover-color-light { color: #3367b3 !important; }

a.skin-link-hover-color-light:link { color: #3367b3 !important; }

.skin-link-hover-background-color { background-color: #003480 !important; }

.skin-link-hover-background-color-dark { background-color: #00014d !important; }

.skin-link-hover-background-color-light { background-color: #3367b3 !important; }

.skin-link-hover-background-color-rgba2 { background-color: rgba(0, 52, 128, 0.2) !important; }

.skin-link-hover-background-color-rgba3 { background-color: rgba(0, 52, 128, 0.3) !important; }

.skin-link-hover-background-color-rgba5 { background-color: rgba(0, 52, 128, 0.5) !important; }

.skin-link-hover-background-color-rgba7 { background-color: rgba(0, 52, 128, 0.7) !important; }

.skin-link-hover-background-color-rgba8 { background-color: rgba(0, 52, 128, 0.8) !important; }

.skin-link-hover-border-color { border-color: #003480 !important; }

.skin-link-hover-border-color-dark { border-color: #00014d !important; }

.skin-link-hover-border-color-light { border-color: #3367b3 !important; }

.skin-link-hover-border-color-rgba3 { border-color: rgba(0, 52, 128, 0.3) !important; }

.skin-link-hover-border-color-rgba5 { border-color: rgba(0, 52, 128, 0.5) !important; }

.skin-link-hover-border-color-rgba8 { border-color: rgba(0, 52, 128, 0.8) !important; }

.skin-light-border { border: solid 1px #dadada; }

.skin-dark-border { border: solid 1px #e31b23; }

.skin-primary-background-color-border { border-color: #ffffff; }

.skin-primary-border-color { border-color: #dadada; }

.skin-secondary-border-color { border-color: #e31b23; }

.skin-accent-color-border { border-color: #003480; }

.skin-accent-text-color { color: #ffffff; }

.tartan { background-image: repeating-linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 60px), repeating-linear-gradient(60deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 1px, transparent 1px, transparent 60px), linear-gradient(60deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)), linear-gradient(120deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.1) 75%, rgba(0, 0, 0, 0.1)); background-size: 70px 120px; }

.strike { text-decoration: line-through !important; }

.block { display: block !important; }

.inline { display: inline !important; }

.inline-block { display: inline-block !important; }

.i { display: inline !important; }

.table { display: table; }

.table-cell { display: table-cell !important; }

.hide { display: none !important; }

.divider-slim { margin-bottom: 10px !important; padding-bottom: 10px !important; border-bottom: 1px solid #e6e6e6 !important; }

.divider-top { margin-top: 15px !important; padding-top: 15px !important; border-top: 1px solid #e6e6e6 !important; }

.divider-top-slim { margin-top: 10px !important; padding-top: 10px !important; border-top: 1px solid #e6e6e6 !important; }

.border-none { border: 0 none !important; }

.m-0 { margin: 0px !important; }

.m-5 { margin: 5px !important; }

.m-10 { margin: 10px !important; }

.m-15 { margin: 15px !important; }

.m-20 { margin: 20px !important; }

.m-25 { margin: 25px !important; }

.m-30 { margin: 30px !important; }

.m-35 { margin: 35px !important; }

.m-40 { margin: 40px !important; }

.m-45 { margin: 45px !important; }

.m-50 { margin: 50px !important; }

.mt-0 { margin-top: 0px !important; }

.mt-5 { margin-top: 5px !important; }

.mt-10 { margin-top: 10px !important; }

.mt-15 { margin-top: 15px !important; }

.mt-20 { margin-top: 20px !important; }

.mt-25 { margin-top: 25px !important; }

.mt-30 { margin-top: 30px !important; }

.mt-35 { margin-top: 35px !important; }

.mt-40 { margin-top: 40px !important; }

.mt-45 { margin-top: 45px !important; }

.mt-50 { margin-top: 50px !important; }

.mb-0 { margin-bottom: 0px !important; }

.mb-5 { margin-bottom: 5px !important; }

.mb-10 { margin-bottom: 10px !important; }

.mb-15 { margin-bottom: 15px !important; }

.mb-20 { margin-bottom: 20px !important; }

.mb-25 { margin-bottom: 25px !important; }

.mb-30 { margin-bottom: 30px !important; }

.mb-35 { margin-bottom: 35px !important; }

.mb-40 { margin-bottom: 40px !important; }

.mb-45 { margin-bottom: 45px !important; }

.mb-50 { margin-bottom: 50px !important; }

.mr-0 { margin-right: 0px !important; }

.mr-5 { margin-right: 5px !important; }

.mr-10 { margin-right: 10px !important; }

.mr-15 { margin-right: 15px !important; }

.mr-20 { margin-right: 20px !important; }

.mr-25 { margin-right: 25px !important; }

.mr-30 { margin-right: 30px !important; }

.mr-35 { margin-right: 35px !important; }

.mr-40 { margin-right: 40px !important; }

.mr-45 { margin-right: 45px !important; }

.mr-50 { margin-right: 50px !important; }

.ml-0 { margin-left: 0px !important; }

.ml-5 { margin-left: 5px !important; }

.ml-10 { margin-left: 10px !important; }

.ml-15 { margin-left: 15px !important; }

.ml-20 { margin-left: 20px !important; }

.ml-25 { margin-left: 25px !important; }

.ml-30 { margin-left: 30px !important; }

.ml-35 { margin-left: 35px !important; }

.ml-40 { margin-left: 40px !important; }

.ml-45 { margin-left: 45px !important; }

.ml-50 { margin-left: 50px !important; }

.p-0 { padding: 0px !important; }

.p-5 { padding: 5px !important; }

.p-10 { padding: 10px !important; }

.p-15 { padding: 15px !important; }

.p-20 { padding: 20px !important; }

.p-25 { padding: 25px !important; }

.p-30 { padding: 30px !important; }

.p-35 { padding: 35px !important; }

.p-40 { padding: 40px !important; }

.p-45 { padding: 45px !important; }

.p-50 { padding: 50px !important; }

.pt-0 { padding-top: 0px !important; }

.pt-5 { padding-top: 5px !important; }

.pt-10 { padding-top: 10px !important; }

.pt-15 { padding-top: 15px !important; }

.pt-20 { padding-top: 20px !important; }

.pt-25 { padding-top: 25px !important; }

.pt-30 { padding-top: 30px !important; }

.pt-35 { padding-top: 35px !important; }

.pt-40 { padding-top: 40px !important; }

.pt-45 { padding-top: 45px !important; }

.pt-50 { padding-top: 50px !important; }

.pb-0 { padding-bottom: 0px !important; }

.pb-5 { padding-bottom: 5px !important; }

.pb-10 { padding-bottom: 10px !important; }

.pb-15 { padding-bottom: 15px !important; }

.pb-20 { padding-bottom: 20px !important; }

.pb-25 { padding-bottom: 25px !important; }

.pb-30 { padding-bottom: 30px !important; }

.pb-35 { padding-bottom: 35px !important; }

.pb-40 { padding-bottom: 40px !important; }

.pb-45 { padding-bottom: 45px !important; }

.pb-50 { padding-bottom: 50px !important; }

.pr-0 { padding-right: 0px !important; }

.pr-5 { padding-right: 5px !important; }

.pr-10 { padding-right: 10px !important; }

.pr-15 { padding-right: 15px !important; }

.pr-20 { padding-right: 20px !important; }

.pr-25 { padding-right: 25px !important; }

.pr-30 { padding-right: 30px !important; }

.pr-35 { padding-right: 35px !important; }

.pr-40 { padding-right: 40px !important; }

.pr-45 { padding-right: 45px !important; }

.pr-50 { padding-right: 50px !important; }

.pl-0 { padding-left: 0px !important; }

.pl-5 { padding-left: 5px !important; }

.pl-10 { padding-left: 10px !important; }

.pl-15 { padding-left: 15px !important; }

.pl-20 { padding-left: 20px !important; }

.pl-25 { padding-left: 25px !important; }

.pl-30 { padding-left: 30px !important; }

.pl-35 { padding-left: 35px !important; }

.pl-40 { padding-left: 40px !important; }

.pl-45 { padding-left: 45px !important; }

.pl-50 { padding-left: 50px !important; }

.s-none { margin: 0 !important; }

.s { margin: 10px !important; }

.ss { margin: 20px !important; }

.st { margin-top: 10px !important; }

.st-none { margin-top: 0px !important; }

.sst { margin-top: 20px !important; }

.ssst { margin-top: 30px !important; }

.sssst { margin-top: 40px !important; }

.st-5 { margin-top: 5px !important; }

.sr-5 { margin-right: 5px !important; }

.sr { margin-right: 10px !important; }

.sr-none { margin-right: 0px !important; }

.ssr { margin-right: 20px !important; }

.sssr { margin-right: 30px !important; }

.sb { margin-bottom: 10px !important; }

.sb-none { margin-bottom: 0px !important; }

.sb-5 { margin-bottom: 5px !important; }

.ssb { margin-bottom: 15px !important; }

.sl { margin-left: 10px !important; }

.sl-5 { margin-left: 5px !important; }

.sl-none { margin-left: 0px !important; }

.sl-15 { margin-left: 15px !important; }

.ssl { margin-left: 20px !important; }

.p-none, .p0 { padding: 0 !important; }

.p5 { padding: 5px !important; }

.p, .p10 { padding: 10px !important; }

.pp, .p20 { padding: 20px !important; }

.pt { padding-top: 10px !important; }

.pt-none { padding-top: 0px !important; }

.ppt { padding-top: 20px !important; }

.pt-5 { padding-top: 5px !important; }

.pr-5 { padding-right: 5px !important; }

.pr { padding-right: 10px !important; }

.pr-none { padding-right: 0px !important; }

.ppr { padding-right: 20px !important; }

.pb { padding-bottom: 10px !important; }

.pb-none { padding-bottom: 0px !important; }

.ppb { padding-bottom: 20px !important; }

.pl { padding-left: 10px !important; }

.pl-none { padding-left: 0px !important; }

.ppl { padding-left: 20px !important; }

.pl30 { padding-left: 30px !important; }

.p-rel { position: relative !important; }

.p-abs { position: absolute !important; }

.p-fix { position: fixed !important; }

.p-static { position: static !important; }

.no-wrap { white-space: nowrap !important; }

.w-auto { width: auto !important; }

.fr { float: right !important; }

.fl { float: left !important; }

.fn { float: none !important; }

.tr { text-align: right !important; }

.tl { text-align: left !important; }

.tc { text-align: center !important; }

.wait { cursor: wait !important; }

.drag { cursor: move !important; }

.pointer { cursor: pointer !important; }

.va-t { vertical-align: top !important; }

.va-m { vertical-align: middle !important; }

.va-b { vertical-align: bottom !important; }

.va-tb { vertical-align: text-bottom !important; }

.relative { position: relative; }

.fixed { position: fixed !important; }

.dashed { border: 1px dashed #ccc; }

.updated { background: #f3eab5; color: #ce6416; }

.underline { text-decoration: underline; }

.mono { font-family: Monaco, Consolas, "Lucida Console", monospace; }

.uppercase { text-transform: uppercase; }

.opaque { opacity: 0.5; }

.overflow-hidden { overflow: hidden; }

.overflow-hidden::-webkit-scrollbar { display: none; }

.xs, .replaced, .a11y { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.reset { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

.cf:after { content: ""; display: block; clear: both; }

.block-center { margin: 0 auto !important; }

.block-center-s { margin: 10px auto !important; }

.block-center-ss { margin: 20px auto !important; }

.resize-horizontal { resize: horizontal; }

.resize-vertical { resize: vertical; }

.resize-both { resize: both; }

.resize-none { resize: none; }

.color-info, .color-alert { color: #5bc0de; }

.color-info:hover, .color-alert:hover { color: #31b0d5; }

.color-success { color: #5cb85c; }

.color-success:hover { color: #449d44; }

.color-warning { color: #f0ad4e; }

.color-warning:hover { color: #ec971f; }

.color-danger, .color-error { color: #d9534f; }

.color-danger:hover, .color-error:hover { color: #c9302c; }

.delay-1 { -webkit-animation-delay: 1.9s; animation-delay: 1.9s; }

.delay-2 { -webkit-animation-delay: 1.8s; animation-delay: 1.8s; }

.delay-3 { -webkit-animation-delay: 1.7s; animation-delay: 1.7s; }

.delay-4 { -webkit-animation-delay: 1.6s; animation-delay: 1.6s; }

.delay-5 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

.delay-6 { -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }

.delay-7 { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

.delay-8 { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }

.delay-9 { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.delay-10 { -webkit-animation-delay: 1s; animation-delay: 1s; }

.delay-11 { -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }

.delay-12 { -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }

.delay-13 { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }

.delay-14 { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.delay-15 { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.delay-16 { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.delay-17 { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.delay-18 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.delay-19 { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.delay-20 { -webkit-animation-delay: 0s; animation-delay: 0s; }

.max-width-80 { max-width: 80px !important; }

.text-muted { color: #666666 !important; }

.text-primary { color: #428bca !important; }

.text-warning { color: #c09853 !important; }

.text-danger { color: #b94a48 !important; }

.text-success { color: #468847 !important; }

.text-info { color: #3a87ad !important; }

.bg-feedback { padding: 10px; margin-bottom: 10px; }

.bg-primary { color: #ffffff !important; background-color: #003480 !important; }

.bg-success { background-color: #dff0d8 !important; }

.bg-success a, .bg-success a:link { color: #237401 !important; }

.bg-info { background-color: #d9edf7 !important; }

.bg-info a, .bg-info a:link { color: #00496D !important; }

.bg-warning { background-color: #fcf8e3 !important; }

.bg-warning a, .bg-warning a:link { color: #6D5C02 !important; }

.bg-danger { background-color: #f2dede !important; }

.bg-danger a, .bg-danger a:link { color: #960707 !important; }

/* Skin Version Info provide information when the skin was last generated.  */
.skin-version-info { content: "AppVersion: 2.4.2545.1, Generated: 18/06/2025 08:49:57 959 UTC, Local Time: 18/06/2025 18:49:57 959 (Canberra, Melbourne, Sydney UTC+10)"; }

#skin-designer .skin-var.color.Accent { background-color: #003480; }

#skin-designer .skin-var.color.Text { background-color: #000000; }

#skin-designer .skin-var.color.AccentText { background-color: #ffffff; }

#skin-designer .skin-var.color.BackgroundPrimary { background-color: #ffffff; }

#skin-designer .skin-var.color.BackgroundSecondary { background-color: #fafafa; }

#skin-designer .skin-var.color.HeaderTop { background-color: #ffffff; }

#skin-designer .skin-var.color.HeaderBottom { background-color: #ffffff; }

#skin-designer .skin-var.color.HeaderText { background-color: #000000; }

#skin-designer .skin-var.color.FooterTop { background-color: #003480; }

#skin-designer .skin-var.color.FooterBottom { background-color: #003480; }

#skin-designer .skin-var.color.FooterText { background-color: #ffffff; }

#skin-designer .skin-var.color.BorderPrimary { background-color: #dadada; }

#skin-designer .skin-var.color.BorderDark { background-color: #e31b23; }

a.skin-accent-text-color, a:link.skin-accent-text-color, a:visited.skin-accent-text-color, a:hover.skin-accent-text-color, a:active.skin-accent-text-color { color: #ffffff; }

a.skin-accent-text-color-dark, a:link.skin-accent-text-color-dark, a:visited.skin-accent-text-color-dark, a:hover.skin-accent-text-color-dark, a:active.skin-accent-text-color-dark { color: #cccccc; }

a.skin-accent-text-color-light, a:link.skin-accent-text-color-light, a:visited.skin-accent-text-color-light, a:hover.skin-accent-text-color-light, a:active.skin-accent-text-color-light { color: white; }

/*  Allow angular.js to be loaded in body, hiding cloaked elements until  templates compile.  The !important is important given that there may be  other selectors that are more specific or come later and might alter display.   */
[data-ng-cloak], [ng-cloak], .ng-cloak { display: none !important; }

[ng-click], [data-ng-click] { cursor: pointer; }

.ui-dialog .ui-dialog-titlebar-close { border: 1px solid #e2e5e5; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; -ms-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; -o-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.45) inset; background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d9dbdd)); background-image: -webkit-linear-gradient(top, #ffffff, #d9dbdd); background-image: -moz-linear-gradient(top, #ffffff, #d9dbdd); background-image: -ms-linear-gradient(top, #ffffff, #d9dbdd); background-image: -o-linear-gradient(top, #ffffff, #d9dbdd); background-image: linear-gradient(top, #ffffff, #d9dbdd); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9dbdd',GradientType=0 ); }

.ui-dialog .ui-dialog-titlebar-close:hover { background-color: #dbdbdb; background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#f5f7f8)); background-image: -webkit-linear-gradient(top, #dbdbdb, #f5f7f8); background-image: -moz-linear-gradient(top, #dbdbdb, #f5f7f8); background-image: -ms-linear-gradient(top, #dbdbdb, #f5f7f8); background-image: -o-linear-gradient(top, #dbdbdb, #f5f7f8); background-image: linear-gradient(top, #dbdbdb, #f5f7f8); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f5f7f8',GradientType=0 ); }

.ui-dialog .ui-dialog-titlebar-close:active { background-color: #d8d8d8; background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d8d8), to(#e8e8e8)); background-image: -webkit-linear-gradient(top, #d8d8d8, #e8e8e8); background-image: -moz-linear-gradient(top, #d8d8d8, #e8e8e8); background-image: -ms-linear-gradient(top, #d8d8d8, #e8e8e8); background-image: -o-linear-gradient(top, #d8d8d8, #e8e8e8); background-image: linear-gradient(top, #d8d8d8, #e8e8e8); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#e8e8e8',GradientType=0 ); }

.ui-dialog { min-width: 280px; max-width: 500px; min-height: 120px; max-height: 600px; border-width: 0; padding: 0; -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); -ms-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); -o-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15); }

.ui-dialog.no-limit { min-width: 0; max-width: none; min-height: 0; max-height: none; }

.ui-dialog .ui-dialog-titlebar.ui-widget-header { padding: 0.75em 2.5em; text-align: center; border-width: 0; background: #003480; color: #ffffff; font-weight: bold; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }

.ui-dialog .ui-dialog-titlebar.ui-corner-all { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }

.ui-dialog .ui-dialog-titlebar .ui-dialog-title { float: none; display: block; margin: 0.1em 0 0.1em 0; }

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .5em; top: 50%; width: auto; margin: -10px 0 0 0; padding: 0; height: auto; }

.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }

.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

.ui-dialog .ui-widget-header .ui-state-hover, .ui-dialog .ui-widget-header .ui-state-focus { border: 1px solid #e2e5e5; background: #F5F7F8; font-weight: normal; color: #212121; }

.ui-dialog .ui-state-hover a, .ui-dialog .ui-state-hover a:hover { color: White; text-decoration: none; }

.ui-dialog .ui-dialog-content { text-align: center; line-height: 1.5em; padding: 1em 1em 1em 1em; }

.ui-dialog .ui-dialog-content.ui-widget-content { border-width: 0px; }

.ui-dialog .ui-dialog-content p { margin: 0; }

.ui-dialog .ui-dialog-content p.dialog-message { /* margin-left:auto;  margin-right:auto;  width:80%; */ }

.ui-dialog .ui-dialog-content input[type=text] { min-width: 50px; }

.ui-dialog .ui-dialog-content ul { text-align: left; margin-left: 10px; }

.ui-dialog .ui-dialog-content .authorisation-container textarea { width: 100%; min-height: 90px; }

.ui-dialog .ui-dialog-content .select2-container { text-align: left; }

.ui-dialog .ui-dialog-content .form-horizontal .form-group { margin-right: 0; }

.ui-dialog .ui-dialog-buttonpane { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; padding: 0.3em 1em 0.5em 1em; }

.ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0.4em; }

.ui-dialog .ui-dialog-buttonpane.ui-widget-content { border-width: 0px; }

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; text-align: center; }

.ui-dialog .ui-dialog-buttonpane .ui-button-text-only .ui-button-text { padding: 0; }

.ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text { display: inline; line-height: 1; }

.ui-dialog .batch-dialog { text-align: left; }

.ui-dialog .batch-dialog .editor-field label { width: 106px; }

.ui-dialog .batch-dialog .editor-field .t-picker-wrap { display: inline; }

.ui-dialog .batch-dialog .editor-field .t-picker-wrap input#newEndTime { width: 96px; padding: 4px; }

.ui-dialog .batch-dialog .ui-spinner .ui-spinner-up, .ui-dialog .batch-dialog .ui-spinner ui-spinner-down { position: absolute; }

body.modal-open { position: static; }

.notchedtabs.ui-tabs.ui-widget-content { background: none; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-bottom: 0; }

.notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header { background: #f4f4f4; border: none; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding: 0 0; }

.notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li { background: transparent; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin-bottom: 0; }

.notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li a { font-weight: bold; color: #999; line-height: 1; padding: 20px 3em; }

.notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li.ui-tabs-selected { padding-bottom: 0; }

.notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li.ui-state-active a, .notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li.ui-state-hover a, .notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li.ui-tabs-selected a { color: #373737; }

.notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li.ui-tabs-selected a { cursor: pointer; }

.notchedtabs.ui-tabs.ui-widget-content .ui-tabs-nav.ui-widget-header li.ui-tabs-selected a:after { width: 20px; height: 10px; content: ' '; position: absolute; bottom: 0; left: 50%; margin-left: -10px; z-index: 30; display: block; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/tabselector.png?18-8-51-4) no-repeat scroll 0 0; }

#header nav { top: 20px; right: 0; width: 50px; height: 56px; border: solid 1px transparent; position: absolute; }

#header nav li { padding: 0; border: none; }

#header nav ul { display: none; list-style: none; position: absolute; z-index: 1000; top: 55px; right: -2px; width: 190px; border: solid 1px #003480; border-top: none; background: white; padding: 12px 10px; cursor: default; }

#header nav ul a { color: #000000; padding: 4px 0 4px 60px; display: block; }

#header nav ul a i { position: absolute; left: 30px; font-size: 1.3em; line-height: 1; }

#header nav ul a:hover, #header nav ul a:active, #header nav ul a.selected { color: #003480; }

#header nav ul a.selected a { color: #003480; }

#header nav ul li.first-standard-feature a { border-top: solid 1px #dadada; padding-top: 15px; margin-top: 10px; }

#header nav.active, #header nav.hoverActive, #header nav:hover { background: white; border-bottom: none; }

#header nav.active #top-menu-handle, #header nav.hoverActive #top-menu-handle, #header nav:hover #top-menu-handle { color: #003480; }

#header nav.active ul, #header nav.hoverActive ul, #header nav:hover ul { display: block; }

#header nav #top-menu { margin: 0; }

#header nav #top-menu-handle { display: block; width: 20px; height: 20px; position: relative; top: 10px; left: 17px; font-size: 120%; }

.nav-left { position: relative; }

.nav-left ul, .nav-left ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

.nav-left h2 { margin: 30px 0 10px; padding: 0 0 0 3px; font-size: 13px; font-weight: bold; }

.nav-left h2 a { line-height: 1em; }

.nav-left h2.browse-learning-child-header { margin-top: 5px; }

.nav-left li { position: relative; display: block; margin: 0 0 0 10px; padding: 0; border-top: none; z-index: 1; }

.nav-left li a { display: block; font-style: normal; padding: 3px 3px 3px 13px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #000000; }

.nav-left li a:hover { color: #003480; }

.nav-left li.selected { background: #003480; -moz-border-radius: 3px 1px 1px 3px; -webkit-border-radius: 3px 1px 1px 3px; -ms-border-radius: 3px 1px 1px 3px; -o-border-radius: 3px 1px 1px 3px; border-radius: 3px 1px 1px 3px; }

.nav-left li.selected a { color: #ffffff; }

.nav-left li.selected:after { display: block; position: absolute; top: 0px; right: -5px; content: " "; width: 0; height: 0; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 5px solid #003480; }

.nav-left:after { content: ""; display: block; width: 1px; height: 100%; background: #dadada; background: -moz-linear-gradient(top, #dadada 70%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #dadada), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #dadada 70%, #ffffff 100%); background: -o-linear-gradient(top, #dadada 70%, #ffffff 100%); background: -ms-linear-gradient(top, #dadada 70%, #ffffff 100%); background: linear-gradient(to bottom, #dadada 70%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#ffffff',GradientType=0 ); position: absolute; right: 16px; top: 0; bottom: 0; }

#actions { border: solid 1px #dadada; margin: 20px 0 15px; background: #fff; }

.recently-viewed-sidebar { margin-top: 20px; padding-bottom: 10px; }

.recently-viewed-sidebar h2 { margin-top: 20px; }

.recently-viewed-sidebar .recently-viewed-link { margin-left: 4px; }

.recently-viewed-sidebar .recently-viewed-link i { margin-right: 0.4em; }

/* Move this to a new file ?  some hard coded colors.. mainly grey button. */
body[class^='ui-refresh'], body[class*=' ui-refresh'] { /*  outer div*/ }

body[class^='ui-refresh'] div.dashboard-search, body[class*=' ui-refresh'] div.dashboard-search { max-width: 200px; height: 100%; float: right; margin-bottom: 2px; }

body[class^='ui-refresh'] div.dashboard-search span.input-group-btn, body[class*=' ui-refresh'] div.dashboard-search span.input-group-btn { border-radius: 30px; border: none; }

body[class^='ui-refresh'] div.dashboard-search button.btn-default, body[class*=' ui-refresh'] div.dashboard-search button.btn-default { border-radius: 30px; border: 1px solid #ffffff !important; background-color: #ffffff; }

body[class^='ui-refresh'] div.dashboard-search button.btn-default:focus, body[class*=' ui-refresh'] div.dashboard-search button.btn-default:focus { border-radius: 30px; background-color: #ffffff; }

body[class^='ui-refresh'] div.dashboard-search input[type=search], body[class^='ui-refresh'] div.dashboard-search input[type=text], body[class*=' ui-refresh'] div.dashboard-search input[type=search], body[class*=' ui-refresh'] div.dashboard-search input[type=text] { width: 200px; padding: 10px; height: 40px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; display: inline-block; background-color: #ffffff; border: 1px solid #ffffff !important; }

body[class^='ui-refresh'] div.dashboard-search span.input-group-btn, body[class*=' ui-refresh'] div.dashboard-search span.input-group-btn { background-color: #ffffff; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; }

body[class^='ui-refresh'] div.dashboard-search span.input-group-btn button, body[class*=' ui-refresh'] div.dashboard-search span.input-group-btn button { background-color: #ffffff; }

body[class^='ui-refresh'] #div.search, body[class*=' ui-refresh'] #div.search { display: none; }

@media screen and (max-width: 1200px) { body[class^='ui-refresh'] div.dashboard-search, body[class*=' ui-refresh'] div.dashboard-search { float: left; } }

@media screen and (max-width: 768px) { body[class^='ui-refresh'] div.social-learning-top, body[class*=' ui-refresh'] div.social-learning-top { padding-top: 1px !important; }
  body[class^='ui-refresh'] div.social-learning-top div.dashboard-search, body[class*=' ui-refresh'] div.social-learning-top div.dashboard-search { padding-top: 5px; }
  body[class^='ui-refresh'] div.social-learning-top ul, body[class*=' ui-refresh'] div.social-learning-top ul { padding-top: 0px !important; } }

body[class^='ui-refresh'] div.horizontal-menu-top, body[class*=' ui-refresh'] div.horizontal-menu-top { float: left; }

body[class^='ui-refresh'] div.social-learning-top, body[class*=' ui-refresh'] div.social-learning-top { padding-top: 20px; float: left; height: 100%; /*#horizontal-menu-social*/ }

body[class^='ui-refresh'] div.social-learning-top .nav-root, body[class*=' ui-refresh'] div.social-learning-top .nav-root { margin-top: 0 !important; padding-bottom: 6px; margin: 0 auto; display: inline-block; }

body[class^='ui-refresh'] div.social-learning-top #header li.active a, body[class*=' ui-refresh'] div.social-learning-top #header li.active a { z-index: 1; color: #003480 !important; border-bottom: 2px solid #003480; }

body[class^='ui-refresh'] div.social-learning-top ul, body[class*=' ui-refresh'] div.social-learning-top ul { list-style: none; font-size: 1.4em; /* versus px? */ padding-top: 10px; padding-inline-start: 1px; /* submenu styles*/ }

body[class^='ui-refresh'] div.social-learning-top ul li:hover > ul, body[class^='ui-refresh'] div.social-learning-top ul li ul:hover, body[class*=' ui-refresh'] div.social-learning-top ul li:hover > ul, body[class*=' ui-refresh'] div.social-learning-top ul li ul:hover { visibility: visible; opacity: 1; display: block; }

body[class^='ui-refresh'] div.social-learning-top ul li, body[class*=' ui-refresh'] div.social-learning-top ul li { float: left; width: auto; margin: 0; border-radius: 0px 0px 3px 3px; display: block; /*.social-leadning-side ul li.active a*/ }

body[class^='ui-refresh'] div.social-learning-top ul li ul, body[class*=' ui-refresh'] div.social-learning-top ul li ul { visibility: hidden; opacity: 0; position: relative; transition: all 0.5s ease; left: 0; display: none; }

body[class^='ui-refresh'] div.social-learning-top ul li ul ul li, body[class*=' ui-refresh'] div.social-learning-top ul li ul ul li { clear: both; width: 100%; }

body[class^='ui-refresh'] div.social-learning-top ul li a, body[class*=' ui-refresh'] div.social-learning-top ul li a { color: #000000; }

body[class^='ui-refresh'] div.social-learning-top ul li.active a, body[class^='ui-refresh'] div.social-learning-top ul li a.active, body[class^='ui-refresh'] div.social-learning-top ul li li.active a, body[class*=' ui-refresh'] div.social-learning-top ul li.active a, body[class*=' ui-refresh'] div.social-learning-top ul li a.active, body[class*=' ui-refresh'] div.social-learning-top ul li li.active a { /*background: linear-gradient(to bottom, $colorSkinAccent - #222 0%, $colorSkinAccent 16%);*/ z-index: 1; color: #003480 !important; border-bottom: 2px solid #003480; }

body[class^='ui-refresh'] div.social-learning-top ul li.selected, body[class*=' ui-refresh'] div.social-learning-top ul li.selected { background: linear-gradient(to bottom, #00125e 0%, #003480 16%); z-index: 1; }

body[class^='ui-refresh'] div.social-learning-top ul li.selected:after, body[class*=' ui-refresh'] div.social-learning-top ul li.selected:after { display: block; position: absolute; top: auto; right: auto; bottom: -17px; left: 0; content: " "; width: 0; height: 0; /* dashed border style is used to avoid blurry triangles in FF */ border-right: 0 dashed transparent; border-left: 0 dashed transparent; border-top: 6px solid #003480; /* rotate 360 is to avoid jagged edge in webkit */ -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); zoom: 1; }

body[class^='ui-refresh'] div.social-learning-top ul li a, body[class*=' ui-refresh'] div.social-learning-top ul li a { margin-right: 12px; vertical-align: text-bottom; font-weight: bold; }

body[class^='ui-refresh'] #content.horizontal-navigation .content-header, body[class^='ui-refresh'] #content.no-navigation .content-header, body[class*=' ui-refresh'] #content.horizontal-navigation .content-header, body[class*=' ui-refresh'] #content.no-navigation .content-header { padding-top: 10px; }

#main nav.horizontal-navigation:after { border-top: 1px solid rgba(0, 0, 0, 0.4); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(transparent)); -webkit-mask-box-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(0.5, rgba(0, 0, 0, 0.8)), color-stop(1, transparent)); width: 100%; height: 8px; position: absolute; display: block; bottom: 0; left: 0; content: ""; }

#main nav.horizontal-navigation .nav-root { margin-top: 0 !important; padding-bottom: 6px; margin: 0 auto; display: inline-block; }

#main nav.horizontal-navigation li { float: left; width: auto; margin: 0; border-radius: 0px 0px 3px 3px; }

#main nav.horizontal-navigation li.selected { background: linear-gradient(to bottom, #00125e 0%, #003480 16%); z-index: 1; }

#main nav.horizontal-navigation li.selected:after { display: block; position: absolute; top: auto; right: auto; bottom: -17px; left: 0; content: " "; width: 0; height: 0; /* dashed border style is used to avoid blurry triangles in FF */ border-right: 0 dashed transparent; border-left: 0 dashed transparent; border-top: 6px solid #003480; /* rotate 360 is to avoid jagged edge in webkit */ -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); zoom: 1; }

#main nav.horizontal-navigation a { padding: 13px 14px; }

#content.horizontal-navigation .content-header, #content.no-navigation .content-header { padding-top: 10px; }

#main .pageNumbers { margin: 10px 0 0; padding: 10px 0; list-style: none; border-top: solid 1px #dadada; }

#main .pageNumbers li { display: inline-block; }

#main .pageNumbers li a { display: inline-block; padding: 4px 8px; margin-right: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: solid 1px white; color: #003480; cursor: pointer; }

#main .pageNumbers li a:hover { border-color: #003480; }

#main .pageNumbers li.selectedPageNumber { display: inline-block; padding: 4px 8px; margin-right: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: solid 1px #003480; background: #003480; color: White; }

#main .pageNumbers { border-top: none; margin: 0; padding: 0; display: inline-block; }

#main .pageNumbers li.selectedPageNumber { background: none repeat scroll 0 0 #666; border: 1px solid #666; border-radius: 0px; color: White; display: inline-block; margin-right: 3px; padding: 2px 6px; }

#main .pageNumbers li a { border: 1px solid #ccc; border-radius: 0px; color: #666; display: inline-block; margin-right: 3px; padding: 2px 6px; }

#main .pageNumbers li a:hover { border: 1px solid #666; }

#main .pageNumbers li.next a, #main .pageNumbers li.prev a { border: none; }

#main .pageNumbers li.next a:hover, #main .pageNumbers li.prev a:hover { border: none; }

#main .t-pager .t-numeric { padding-top: 5px; }

#main .t-pager .t-numeric span, #main .t-pager .t-numeric a { border-radius: 0px; display: inline-block; margin-right: 3px; padding: 0px 4px; line-height: 14px; font-size: 92%; }

#main .t-pager .t-numeric .t-link { border: 1px solid #ccc; color: #666; }

#main .t-pager .t-numeric .t-state-active { background: none repeat scroll 0 0 #666; border: 1px solid #666; color: White; }

#main .t-pager .t-numeric .t-state-hover { border-radius: 0px; color: #666; border: 1px solid #666; }

#main .t-pager .t-icon.t-refresh { background: none; }

.pager { margin: 5px; }

.pager .pager-perpage { width: 110px; display: inline-block; }

.pager .pager-perpage select { float: left; margin-right: 5px; }

.content-filter-main { margin-top: 1em; }

.content-filter-main select { border: none; }

.content-filter-main .filter-text-form { float: left; margin-right: 0.5em; }

.content-filter-main .filter-text-form input.filter-text { padding: 7px; -webkit-box-shadow: inset 0px 0px 10px #aaa; -moz-box-shadow: inset 0px 0px 10px #aaa; -ms-box-shadow: inset 0px 0px 10px #aaa; -o-box-shadow: inset 0px 0px 10px #aaa; box-shadow: inset 0px 0px 10px #aaa; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; width: 300px; }

.content-filter-main .filter-text-form button.filter-search { padding: 6px; width: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border-top-left-radius: 0; border-bottom-left-radius: 0; position: relative; }

.content-filter-main .filter-text-form button.filter-search i { position: absolute; top: 6px; left: 7px; content: ' '; width: 14px; height: 16px; display: inline-block; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/icon-sprite.png?18-8-51-4) 0 -20px; }

.content-filter-main .filter-property-title { display: none; }

.content-filter-main .filter-property { float: left; padding: 5px; -webkit-box-shadow: inset 0px 0px 10px #aaa; -moz-box-shadow: inset 0px 0px 10px #aaa; -ms-box-shadow: inset 0px 0px 10px #aaa; -o-box-shadow: inset 0px 0px 10px #aaa; box-shadow: inset 0px 0px 10px #aaa; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: 140px; margin-right: 0.5em; }

.content-filter-main .filter-property select { width: 140px; }

.content-filter-main .sort-property { float: left; padding: 5px; -webkit-box-shadow: inset 0px 0px 10px #aaa; -moz-box-shadow: inset 0px 0px 10px #aaa; -ms-box-shadow: inset 0px 0px 10px #aaa; -o-box-shadow: inset 0px 0px 10px #aaa; box-shadow: inset 0px 0px 10px #aaa; border: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; width: 140px; margin-right: 0.5em; }

.content-filter-main .sort-property select { width: 140px; }

.content-filter-main .sort-order { float: left; }

.content-filter-main .sort-order .radio-wrap { float: left; height: 30px; position: relative; }

.content-filter-main .sort-order .radio-wrap input.custom-radio { clip: rect(0px, 0px, 0px, 0px); position: absolute; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label { background-color: #E1E1E1; background-image: -webkit-gradient(linear, left top, left bottom, from(#E1E1E1), to(#FEFEFE)); background-image: -webkit-linear-gradient(top, #E1E1E1, #FEFEFE); background-image: -moz-linear-gradient(top, #E1E1E1, #FEFEFE); background-image: -ms-linear-gradient(top, #E1E1E1, #FEFEFE); background-image: -o-linear-gradient(top, #E1E1E1, #FEFEFE); background-image: linear-gradient(top, #E1E1E1, #FEFEFE); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1E1E1', endColorstr='#FEFEFE',GradientType=0 ); border: 1px solid #BEBEBE; bottom: 0; color: #888888; cursor: pointer; display: inline-block; left: 0; line-height: 28px; margin: 0; padding: 0 10px; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 0 #FFFFFF; top: 0; width: 16px; background-repeat: no-repeat; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.ascending { position: relative; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.ascending i { position: absolute; top: 9px; left: 13px; content: ' '; width: 11px; height: 10px; display: inline-block; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/icon-sprite.png?18-8-51-4) -369px -47px; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.ascending:hover, .content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.ascending.checked { position: relative; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.ascending:hover i, .content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.ascending.checked i { position: absolute; top: 9px; left: 13px; content: ' '; width: 11px; height: 10px; display: inline-block; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/icon-sprite.png?18-8-51-4) -369px -32px; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.descending { position: relative; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.descending i { position: absolute; top: 9px; left: 13px; content: ' '; width: 11px; height: 10px; display: inline-block; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/icon-sprite.png?18-8-51-4) -353px -47px; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.descending:hover, .content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.descending.checked { position: relative; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.descending:hover i, .content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.descending.checked i { position: absolute; top: 9px; left: 13px; content: ' '; width: 11px; height: 10px; display: inline-block; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/icon-sprite.png?18-8-51-4) -353px -32px; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.first { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }

.content-filter-main .sort-order .radio-wrap input.custom-radio ~ label.last { border-bottom-right-radius: 4px; border-left: medium none; border-top-right-radius: 4px; }

.content-filter-main .sort-order .radio-wrap input.custom-radio:checked ~ label { background-color: #EBEBEB; background-image: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#FEFEFE)); background-image: -webkit-linear-gradient(top, #EBEBEB, #FEFEFE); background-image: -moz-linear-gradient(top, #EBEBEB, #FEFEFE); background-image: -ms-linear-gradient(top, #EBEBEB, #FEFEFE); background-image: -o-linear-gradient(top, #EBEBEB, #FEFEFE); background-image: linear-gradient(top, #EBEBEB, #FEFEFE); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#FEFEFE',GradientType=0 ); -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2); -ms-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2); -o-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2); color: #707070; text-shadow: 0 0 2px #FFFFFF; }

.content-filter-main .sort-order .radio-wrap input.custom-radio:checked ~ label.first { border-right-color: #BEBEBE; }

.content-header { border-color: #000000; border-bottom: solid 1px #e31b23; padding: 30px 0 18px; margin: 0 0 20px; position: relative; }

.content-header h1 { font-weight: 600; font-size: 1.7em; line-height: 1.7em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.content-header h1 .tooltip-handle { position: absolute; display: block; right: 20px; top: 16px; height: 16px; width: 14px; text-decoration: none; font-size: 0.7em; color: #000000; line-height: 1em; }

.content-header h1 p { display: inline-block; font-size: 90.66%; margin-left: 5px; margin-top: 2px; margin-bottom: 0; font-weight: normal; }

.content-header h1 p a:link, .content-header h1 p > a:visited { font-size: 65.33%; text-decoration: underline; margin-left: 10px; font-weight: normal; }

.content-header h1, .content-header p { margin: 0; padding: 0; }

.content-header .header-buttons { float: right; }

.content-header .header-buttons > .button { margin-left: 0.5em; }

.action { position: relative; display: inline-block; /* These are styles for the enrolments toolboxes */ }

.action .action-link { position: relative; display: inline-block; padding: 10px 20px; background: white; filter: none; cursor: pointer; color: #000000; border: none; font-weight: normal; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; text-shadow: none; }

.action .action-link:hover { background: white; }

.action .action-link.button { line-height: 0; font-size: 100%; padding: 10px 20px; }

.action .action-link.button:hover { color: #000000; }

.action.active .action-link { color: #003480; border: solid 1px #dadada; background-color: #fafafa; border-width: 0 1px; margin-bottom: -1px; padding: 10px 19px 11px; z-index: 200; }

.action.active label { width: 100%; }

.action.active .action-popup { position: absolute; z-index: 501; left: 0; top: 39px; display: block; background: white; min-width: 330px; padding: 10px 20px 20px; max-width: 300px; border: solid 1px #dadada; background-color: #fafafa; }

.action.active .action-popup .form-group textarea, .action.active .action-popup .form-group input[type="text"], .action.active .action-popup .form-group input[type="password"], .action.active .action-popup .form-group select, .action.active .action-popup .form-group .t-datepicker, .action.active .action-popup .form-group .t-timepicker, .action.active .action-popup .form-group .select2-container { width: 100%; }

.action.active .action-link, .action.active .action-popup { -webkit-box-shadow: 1px 2px 30px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 30px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 2px 30px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 2px 30px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 30px rgba(0, 0, 0, 0.2); }

.action.active:first-child .action-link { border-left-color: white; }

.action.active:first-child .action-popup { left: -1px; }

.action .action-popup, .action .form-popup { display: none; }

.action .action-popup h4 { margin: 1em -20px; padding: 10px 20px 0; border-top: solid 1px #dadada; }

.action .action-popup ul, .action .action-popup ol { list-style: none; padding: 0; margin: 0 0 1em 0; }

.action .action-popup ul.edit-mode, .action .action-popup ol.edit-mode { line-height: 25px; }

.action .action-popup ul.role-members li, .action .action-popup ol.role-members li { margin-bottom: 0.6em; }

.action .action-popup .editor-field { padding-left: 0; }

.action .action-popup .editor-field label { margin-left: auto; }

.action .action-popup .button { margin-top: 10px; }

.action .form-popup.form-open { display: block; }

.action.attachments .action-popup ul { max-height: 200px; overflow-y: auto; overflow-x: hidden; margin: 1em 0; }

.action.attachments .action-popup ul li { line-height: 20px; padding: 0 44px 0 20px; text-overflow: ellipsis; overflow: hidden; margin: .51em 0; position: relative; }

.action.attachments .action-popup ul li i { position: absolute; top: 1px; left: 0; content: ' '; width: 15px; height: 15px; display: inline-block; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/icon-sprite.png?18-8-51-4) -65px -30px; }

.action.attachments .action-popup ul li a, .action.attachments .action-popup ul li > span { white-space: nowrap; }

.action.attachments .action-popup ul li .attachment-actions { position: absolute; right: 0; top: 3px; }

.action div.t-timepicker, .action div.t-datetimepicker, .action div.t-datepicker, .action div.t-timepicker { width: 46%; margin-right: 10px; }

.action .t-picker-wrap .t-input { padding: 5px; }

.action .filter-list li { display: inline-block; width: 32%; }

.list, .jui-list { list-style: none; margin: 0; padding: 0; }

.list.editor-field, .jui-list.editor-field { margin: 8px 0; }

.list h3, .list p, .jui-list h3, .jui-list p { margin: 0; }

.list li, .list .list-item, .jui-list li, .jui-list .list-item { background-color: transparent; padding: 5px 0; border-top: 1px solid #dadada; margin-bottom: 5px; }

.list li.ui-sortable-helper, .list .list-item.ui-sortable-helper, .jui-list li.ui-sortable-helper, .jui-list .list-item.ui-sortable-helper { background-color: white; -webkit-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2); -ms-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2); box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.2); border: none; -moz-transition: box-shadow 400ms ease-in-out; -o-transition: box-shadow 400ms ease-in-out; -webkit-transition: box-shadow 400ms ease-in-out; -ms-transition: box-shadow 400ms ease-in-out; transition: box-shadow 400ms ease-in-out; }

.list li.ui-sortable-placeholder, .list .list-item.ui-sortable-placeholder, .jui-list li.ui-sortable-placeholder, .jui-list .list-item.ui-sortable-placeholder { border-top: solid 1px #dadada; visibility: visible !important; }

.list li.icon, .list .list-item.icon, .jui-list li.icon, .jui-list .list-item.icon { padding-left: 45px; background-repeat: no-repeat; background-position: 5px 7px; min-height: 46px; -webkit-background-size: auto 32px; -moz-background-size: auto 32px; -ms-background-size: auto 32px; -o-background-size: auto 32px; background-size: auto 32px; }

.list li.icon.answer, .list .list-item.icon.answer, .jui-list li.icon.answer, .jui-list .list-item.icon.answer { background-position: 5px 50%; }

.list li:first-child, .list .list-item:first-child, .jui-list li:first-child, .jui-list .list-item:first-child { border-top: none; }

.list li div.icon, .list .list-item div.icon, .jui-list li div.icon, .jui-list .list-item div.icon { padding-left: 45px; min-height: 32px; background-repeat: no-repeat; background-position: 5px 0px; -webkit-background-size: auto 32px; -moz-background-size: auto 32px; -ms-background-size: auto 32px; -o-background-size: auto 32px; background-size: auto 32px; }

.list li.dropdown-menu-item-has-icon, .list .list-item.dropdown-menu-item-has-icon, .jui-list li.dropdown-menu-item-has-icon, .jui-list .list-item.dropdown-menu-item-has-icon { padding: 0; margin: 0; border: none; }

.list li .launchLink { float: right; position: relative; top: -15px; }

.list li .launchLink a { min-width: 70px; text-align: center; }

.facilitator-list { margin: 2em 0; }

.facilitator-list li { padding: 1em; }

.jui-tiles { padding: 10px 0; }

.jui-tiles li { float: left; width: 22%; height: auto; padding: 1%; margin: 0 0.5% 1% 0.5%; background-color: #F0F0F0; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; border: 2px solid #efefef; position: relative; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; color: #222; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background-image: -webkit-linear-gradient(top, white, #dddddd); background-image: -moz-linear-gradient(top, white, #dddddd); background-image: -ms-linear-gradient(top, white, #dddddd); background-image: -o-linear-gradient(top, white, #dddddd); background-image: linear-gradient(top, white, #dddddd); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.45); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.45); -ms-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.45); -o-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.45); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.45); }

.jui-tiles li:first-child { border-top: 2px solid #efefef; }

.jui-tiles li:first-child:hover { border-color: #003480; }

.jui-tiles li:nth-child(5n+5) { clear: right; }

.jui-tiles li:hover, .jui-tiles li.selected { background: #f4f4f4; border-color: #003480; }

.jui-tiles li h2 { font-size: 12px; margin: 1% 0 0 0; padding: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }

.jui-tiles li a { color: #222; display: block; }

.jui-tiles li .tooltip-handle { position: absolute; display: block; right: -3%; top: -3%; height: 16px; width: 16px; text-decoration: none; font-size: 1.2em; color: #565656; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background: #eee; border: solid 1px #dadada; font-weight: bold; padding: 2px; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); text-align: center; }

.jui-tiles:after { content: ""; display: block; clear: both; }

.list.basic li { background-color: transparent; padding: 5px 0; border-top: none; margin-bottom: 0; }

.list-group { margin-bottom: 20px; padding-left: 0; }

.list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #ffffff; border: 1px solid #dddddd; }

.list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; }

.list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.list-group-item > .badge { float: right; }

.list-group-item > .badge + .badge { margin-right: 5px; }

a.list-group-item { color: #555555; }

a.list-group-item .list-group-item-heading { color: #333333; }

a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; }

a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; }

a.list-group-item.active .list-group-item-heading, a.list-group-item.active:hover .list-group-item-heading, a.list-group-item.active:focus .list-group-item-heading { color: inherit; }

a.list-group-item.active .list-group-item-text, a.list-group-item.active:hover .list-group-item-text, a.list-group-item.active:focus .list-group-item-text { color: #e1edf7; }

.list-group-item-success { color: #3c763d; background-color: #dff0d8; }

a.list-group-item-success { color: #3c763d; }

a.list-group-item-success .list-group-item-heading { color: inherit; }

a.list-group-item-success:hover, a.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; }

a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; }

.list-group-item-info { color: #31708f; background-color: #d9edf7; }

a.list-group-item-info { color: #31708f; }

a.list-group-item-info .list-group-item-heading { color: inherit; }

a.list-group-item-info:hover, a.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; }

a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; }

.list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; }

a.list-group-item-warning { color: #8a6d3b; }

a.list-group-item-warning .list-group-item-heading { color: inherit; }

a.list-group-item-warning:hover, a.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; }

a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; }

.list-group-item-danger { color: #a94442; background-color: #f2dede; }

a.list-group-item-danger { color: #a94442; }

a.list-group-item-danger .list-group-item-heading { color: inherit; }

a.list-group-item-danger:hover, a.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; }

a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; }

.list-group-item-heading { margin-top: 0; margin-bottom: 5px; }

.list-group-item-text { margin-bottom: 0; line-height: 1.3; }

li.icon { padding-left: 45px; background-repeat: no-repeat; background-position: 5px 11px; -webkit-background-size: auto 32px; -moz-background-size: auto 32px; -ms-background-size: auto 32px; -o-background-size: auto 32px; background-size: auto 32px; }

.list-item-title { font-weight: bold; font-size: 1.2em; }

.list-item-action.button { display: inline-block; padding: 5px 10px; }

.pill-list { list-style: none; }

.pill-list .pill-list-item { background-color: #eeeeee; }

.pill-list > li { margin-bottom: 2px; }

.pill-list > li + li { margin-left: 2px; }

.pill-list-item { float: left; padding: 10px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.document-counters { background: #fcf8e3; color: #605620; padding: 10px 10px 10px 30px; position: relative; margin-bottom: 20px; }

.document-counters:before { font-family: glyphicons; content: "\E051"; color: #605620; display: block; position: absolute; top: 10px; left: 10px; }

.document-counters .data-field { padding-left: 0; margin-bottom: 0; }

.document-counters .data-field label { margin-left: 0; width: auto; }

.document-counters a { color: #7F6B00; }

ul .document-counters { margin: 0; padding: 0 0 0 15px; background: none; color: inherit; }

ul .document-counters:before { top: 0; left: 0; }

ul .document-counters a { color: inherit; }

.btn-recommend-newui { box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2) !important; }

.select2-newui .select2-choice div { border-left: none; background: none; }

.remember-me label.end-punctuation::after { content: ""; }

#header form { position: absolute; right: 0; top: 0; width: 466px; padding: 16px 0 0; }

#header form .form-field { float: left; width: 170px; padding-right: 20px; }

#header form .form-field label { color: white; display: block; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.28); }

#header form .form-field label[for=RememberMe] { display: inline; color: #fff; vertical-align: middle; }

#header form .form-field input[type=text], #header form .form-field input[type=password] { width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 1px 9px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(76, 86, 115, 0.98); -moz-box-shadow: inset 0 1px 9px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(76, 86, 115, 0.98); -ms-box-shadow: inset 0 1px 9px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(76, 86, 115, 0.98); -o-box-shadow: inset 0 1px 9px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(76, 86, 115, 0.98); box-shadow: inset 0 1px 9px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(76, 86, 115, 0.98); border: none; padding: 10px; margin: 2px 0 6px; }

#header form .form-field.remember-me { position: absolute; left: 0; bottom: 0; font-size: 1em; font-weight: normal; }

#header form .button { margin-top: 18px; }

#header form #RememberMe { vertical-align: middle; width: auto; }

.remember-me label.end-punctuation::after { content: ""; }

input[type=search] { padding: 7px 7px; appearance: none; -webkit-appearance: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.search-box-container { position: relative; margin-bottom: 10px; }

.search-box-container a.clear-search-input { margin-top: -13px; position: absolute; right: 5px; top: 50%; text-decoration: none; color: #aaa; font-size: 1.6em; }

.search-box-container a.clear-search-input:hover { text-decoration: none; color: #333; }

.search-box-container li.select2-search-field { width: 100%; }

.inline-search-panel { margin-bottom: 1em; }

.inline-search-panel .filter-textbox { border: 1px solid #aaa; }

.search-panel { /*width: 100%;*/ margin: 8px 5px 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 5px #cccccc; -moz-box-shadow: 0 2px 5px #cccccc; -ms-box-shadow: 0 2px 5px #cccccc; -o-box-shadow: 0 2px 5px #cccccc; box-shadow: 0 2px 5px #cccccc; border: solid 1px #dadada; display: none; }

.search-panel .search-header { font-size: 18px; cursor: pointer; padding: 1em; margin: 0; text-align: center; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background-image: -webkit-linear-gradient(top, white, #dddddd); background-image: -moz-linear-gradient(top, white, #dddddd); background-image: -ms-linear-gradient(top, white, #dddddd); background-image: -o-linear-gradient(top, white, #dddddd); background-image: linear-gradient(top, white, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#dddddd',GradientType=0 ); }

.no-cssgradients .search-panel .search-header { background: #ebebeb; }

.search-panel .search-header i { margin-right: 5px; transition: transform 500ms; }

.search-panel .restore-search { display: none; text-align: center; padding: 2px; }

.search-panel .restore-search a { cursor: pointer; }

.search-panel .search-body { padding: 20px; background: #fff; }

.search-panel .search-body .action-box { display: inline-block; margin: 0 0.5em 0.5em 0; }

.search-panel .search-textbox { width: 100%; padding: 7px 7px 8px; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.search-panel .search-textbox:focus { border-color: rgba(0, 52, 128, 0.5); outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.search-panel .search-select2 { display: block; min-height: 30px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; }

.search-panel .search-select2 .select2-choices { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.search-panel .filter-list li { display: inline-block; vertical-align: top; margin-right: 20px; }

.search-panel .dropdown-toggle { padding-left: 8px; padding-right: 8px; }

.search-panel .icon-circle-remove { vertical-align: -3px; }

.search-panel .footer { border-top: solid 1px #dadada; margin: 20px -20px 0; padding: 20px 20px 0; }

.search-panel .footer .button .caret { margin-left: 0; }

.search-panel .footer .reset { color: red; margin-left: 1em; }

.search-panel .search-box-container .select2-container, .search-panel .search-box-container .editor-field { margin-top: 0; margin-bottom: 0; }

.entity-search-container .entity-search-bar .search-box-container { margin-right: 90px; }

.entity-search-container .entity-search-bar .search-box-container .entitysearch { display: block; width: 100%; padding-top: 9px; padding-bottom: 9px; }

.entity-search-container .entity-search-bar .search-box-container a.clear-search-input { margin-top: -0.8em; }

.entity-search-container .entity-search-bar .right-col { float: right; }

.entity-search-container .entity-search-bar .right-col .button-entitysearch { padding: 8px 19px; }

.form-group .k-widget { display: block; width: 50%; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; position: relative; padding: 0; border: none; }

.form-group .k-widget.k-upload { width: 100%; }

.form-group.form-inline .k-widget { width: 100%; }

.k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { height: 32px; }

.k-header { background: none; }

.k-header.k-window-titlebar { background: #003480; color: #ffffff; text-shadow: none; position: relative; height: 2em; }

.k-header.k-grid-toolbar { text-align: right; }

.k-window-titlebar { height: auto; }

.k-window-titlebar .k-window-action { padding: 0 !important; }

.k-window-titlebar .k-window-action.k-state-hover { border: none; }

.k-state-default, .k-state-hover { background-image: none; }

.k-pager-wrap > .k-link { height: auto; }

.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link { color: #003480; }

.k-state-selected { color: #ffffff; background-color: #003480; border-color: #002a67; }

.k-state-selected .k-link { color: #ffffff; }

.k-calendar-container.k-popup { max-width: 350px; }

.k-dropzone { border: 1px solid #efefef; margin-bottom: 10px; }

.k-dropzone em { display: none; }

.k-widget.k-tabstrip { border: none; }

.k-tabstrip-items { position: relative; margin-top: -5px; }

.k-tabstrip-items .k-item { background: #EDEDED; color: #000000; margin-left: 3px; margin-right: 3px; border-width: 0 1px 0 1px; margin-top: 5px; }

.k-tabstrip .k-content.k-state-active { background-color: transparent; }

.k-tabstrip-items .k-link, .k-panelbar .k-tabstrip-items .k-link, .k-tabstrip-items .k-state-default .k-link { padding: 0.8em 1.12em; color: #003480; }

.k-tabstrip-items .k-state-active, .k-ie7 .k-tabstrip-items .k-state-active .k-loading { border-color: #D7D7D7; background: #ffffff; font-weight: bold; }

.k-tabstrip-items .k-state-active .k-link, .k-ie7 .k-tabstrip-items .k-state-active .k-loading .k-link { color: #003480; }

.k-tabstrip-items .k-state-hover .k-link { color: #000; }

.k-tabstrip > .k-content, .k-panelbar .k-tabstrip > .k-content { border: none; border-top: 1px solid #D7D7D7; padding: 20px 0 0 0; background: none; }

.k-treeview .k-group { background: none; margin: 0; padding-left: 10px; }

.k-treeview .k-group.k-treeview-lines { padding-left: 0; }

.k-treeview .editor-field { margin: 0; padding-left: 0; }

.k-treeview .editor-field label { width: auto; padding-right: 5px; margin-left: 0; }

.k-treeview .editor-field label:before { left: 100% !important; }

.securable-areas .icon-chevron-right { float: left; padding: 2px 3px 0 0; transition: all 0.5s ease; transform-origin: 6px 11px; }

.securable-areas .icon-chevron-right.open { transform: rotate(90deg); }

.securable-areas .area-icon { color: #333; float: left; font-size: 24px; margin-top: -5px; }

.securable-areas .display-name { float: left; padding: 4px 6px; }

.treeview-tab .treeview-header, #treeview-wrapper .treeview-header { display: inline-block; position: relative; height: 20px; padding-left: 20px; width: 96%; border-bottom: solid 1px #DADADA; font-weight: bold; margin-bottom: 10px; }

.treeview-tab .k-image, #treeview-wrapper .k-image { float: left; }

.treeview-tab .display-text, #treeview-wrapper .display-text { margin-top: 5px; }

.treeview-tab .display-name, #treeview-wrapper .display-name { float: left; }

.treeview-tab .display-container, #treeview-wrapper .display-container { float: right; }

.treeview-tab .display-container .display-auth, #treeview-wrapper .display-container .display-auth { width: 70px; display: inline-block; text-align: center; }

.treeview-tab .display-container .display-auth input, #treeview-wrapper .display-container .display-auth input { border-width: 0px; }

.treeview-tab .k-treeview .k-in, #treeview-wrapper .k-treeview .k-in { width: 98%; }

.k-pager-wrap { background-color: transparent; padding-top: 15px; padding-bottom: 15px; }

.k-pager-wrap .k-pager-numbers li { padding-top: 0; }

.k-pager-wrap .k-pager-refresh { background: none; }

.k-pager-wrap .k-pager-refresh .k-icon { display: none; }

.k-pager-wrap .k-pager-refresh:before { background: none; content: "\f021"; font-family: FontAwesome; font-size: 14px; }

.k-pager-wrap .k-pager-sizes .k-dropdown-wrap .k-input { height: 24px; }

.grid-container table td, .k-grid-header .k-header, .k-grid-header th.k-header { border: none; }

.grid-container table td .k-link, .k-grid-header .k-header .k-link, .k-grid-header th.k-header .k-link { font-weight: bold; }

.k-grid-header th.k-header { font-weight: bold; }

.k-advancedsort-containerbox { position: static; }

.k-advancedsort-containerbox .k-grid-custom-sort { display: none; margin-top: 0; width: 200px; z-index: 9999; padding: 5px 0px 5px 5px; }

.k-advancedsort-containerbox .k-advanced-sort { width: 95%; margin: 2px; font-size: 12px; text-shadow: none; display: block; margin-top: 5px; }

.k-advancedsort-containerbox .k-advanced-sort-bottom-control { width: 46%; display: inline; }

.k-advancedsort-containerbox .k-advanced-sort-list { height: 21px; }

.k-pager-wrap .k-dropdown { width: 5em; }

.k-tabstrip-wrapper:focus, .k-tabstrip:focus { outline: none; box-shadow: none; }

.k-tabstrip .counter-outer { padding-left: 4px; }

.k-loading-image { background: none; }

.k-widget, .k-widget * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

table.spacing { margin: 30px 0; }

table td h3 { font-size: 18px; }

table td .k-upload-sync { border: none; }

table td .k-upload-sync .k-upload-button { margin: 0; }

table td .k-upload-sync .k-upload-files { margin-top: 10px; }

table .actions, table.table th.actions, table.table td.actions { text-align: right; white-space: nowrap; }

table tr.ui-sortable-helper { display: table; }

table.table, .grid-container table { border-collapse: collapse; width: 100%; }

table.table tr:nth-child(even), .grid-container table tr:nth-child(even) { background: #f2f2f2; }

table.table tr:hover, .grid-container table tr:hover { background-color: rgba(0, 52, 128, 0.08); }

table.table thead, .grid-container table thead { border-bottom: 1px solid #dadada; }

table.table thead tr:hover, .grid-container table thead tr:hover { background-color: transparent; }

table.table th, .grid-container table th { border: none; color: #2e2e2e; text-align: left; }

table.table th.sub, .grid-container table th.sub { border-bottom: none; }

table.table th .hint, .grid-container table th .hint { line-height: 1; }

table.table th, table.table td, .grid-container table th, .grid-container table td { padding: .6em; }

table.table td.icon, table.table th.icon, .grid-container table td.icon, .grid-container table th.icon { width: 40px; }

table.table.align, .grid-container table.align { margin-left: -0.6em; }

table.table tbody.ui-sortable-active tr:nth-child(odd), .grid-container table tbody.ui-sortable-active tr:nth-child(odd) { background: #f2f2f2; }

table.table tbody.ui-sortable-active tr:nth-child(even), .grid-container table tbody.ui-sortable-active tr:nth-child(even) { background: none; }

table.table tbody.ui-sortable-active tr.ui-sortable-helper, .grid-container table tbody.ui-sortable-active tr.ui-sortable-helper { background: #f2f2f2; background: rgba(255, 255, 255, 0.92) linear-gradient(to bottom, rgba(0, 52, 128, 0.12) 0%, rgba(0, 52, 128, 0.12) 100%); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); }

.table thead tr th, .table thead tr td, .table tbody tr th, .table tbody tr td, .table tfoot tr th, .table tfoot tr td { vertical-align: middle; }

.table thead tr th .form-group, .table thead tr td .form-group, .table tbody tr th .form-group, .table tbody tr td .form-group, .table tfoot tr th .form-group, .table tfoot tr td .form-group { margin-left: 0; margin-right: 0; }

.table thead tr th .form-control, .table thead tr td .form-control, .table tbody tr th .form-control, .table tbody tr td .form-control, .table tfoot tr th .form-control, .table tfoot tr td .form-control { width: 100%; }

.CodeMirror { border: 1px solid #CCCCCC; /*(JS) The styling below is very important to ensure that the textarea renders properly within a fieldset element*/ display: table; table-layout: fixed; width: 100%; /********/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.CodeMirror-fullscreen { display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; background: white; }

.jui-color-picker { position: relative; width: 36px; height: 36px; background: url(//academyprodwyrok3.azureedge.net/static/cls/2.4.2545.1/content/images/select.png?1450398618431); }

.editor-field .jui-color-picker { float: left; }

.jui-color-picker div { position: absolute; top: 3px; left: 3px; width: 30px; height: 30px; background: url(//academyprodwyrok3.azureedge.net/static/cls/2.4.2545.1/content/images/select.png?1450398618431) center; }

.lt-ie9 .grid-container { -ms-overflow-x: auto; }

.grid-container, .jui-grid { border-collapse: seperate; text-align: left; margin-bottom: 0.5em; border: none; overflow-y: hidden; width: 100%; }

.grid-container.with-border, .jui-grid.with-border { border: solid #ddd; border-width: 1px 0; }

.grid-container thead, .grid-container thead.t-grid-header, .jui-grid thead, .jui-grid thead.t-grid-header { background: none; }

.grid-container thead th, .grid-container thead th.t-header, .grid-container thead.t-grid-header th, .grid-container thead.t-grid-header th.t-header, .jui-grid thead th, .jui-grid thead th.t-header, .jui-grid thead.t-grid-header th, .jui-grid thead.t-grid-header th.t-header { border: none; font-weight: bold; color: #000000; background: none; }

.grid-container .t-grid td, .jui-grid .t-grid td { border-top-width: 1px; border-right-width: 0px; }

.grid-container tr.t-alt, .jui-grid tr.t-alt { background-color: rgba(0, 0, 0, 0.05); }

.grid-container tr.t-alt.t-state-selected, .jui-grid tr.t-alt.t-state-selected { background-color: rgba(0, 52, 128, 0.1); }

.grid-container tr.is-included, .jui-grid tr.is-included { color: #999999; }

.grid-container tr.is-included a, .jui-grid tr.is-included a { color: #999999; }

.grid-container td, .jui-grid td { border-color: rgba(0, 0, 0, 0.3); }

.grid-container td a.list-action, .jui-grid td a.list-action { text-decoration: none; float: right; min-width: auto; height: auto; line-height: auto; margin: 0 10px; background: none; }

.grid-container td a.list-action.add, .jui-grid td a.list-action.add { color: green; }

.grid-container td a.list-action.remove, .jui-grid td a.list-action.remove { color: red; }

.grid-container td.actions-col, .jui-grid td.actions-col { padding: 10px; }

.grid-container td.actions-col.right, .jui-grid td.actions-col.right { text-align: right; }

.grid-container td .thumbnail, .jui-grid td .thumbnail { width: 70px; margin-right: 5px; }

.grid-container td .input-notes, .jui-grid td .input-notes { width: 100%; }

.grid-container .t-grid-pager, .jui-grid .t-grid-pager { padding: 5px 0; }

.expandable > .expandable-header, .expandable > .accordion-heading, .expandable-panel > .expandable-header, .expandable-panel > .accordion-heading, .accordion-group > .expandable-header, .accordion-group > .accordion-heading { display: block; color: #000000; border-top: 1px solid rgba(0, 0, 0, 0.4); padding: 10px 20px; font-weight: normal; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; position: relative; margin-top: 0; margin-bottom: 0; font-size: 1.5em; }

.expandable > .expandable-header .section-description, .expandable > .accordion-heading .section-description, .expandable-panel > .expandable-header .section-description, .expandable-panel > .accordion-heading .section-description, .accordion-group > .expandable-header .section-description, .accordion-group > .accordion-heading .section-description { padding: 0 20px 10px 0; font-size: 0.8em; font-weight: normal; display: block; }

.expandable > .expandable-header:hover, .expandable > .accordion-heading:hover, .expandable-panel > .expandable-header:hover, .expandable-panel > .accordion-heading:hover, .accordion-group > .expandable-header:hover, .accordion-group > .accordion-heading:hover { background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background-image: -webkit-linear-gradient(top, #ffffff, #efefef); background-image: -moz-linear-gradient(top, #ffffff, #efefef); background-image: -ms-linear-gradient(top, #ffffff, #efefef); background-image: -o-linear-gradient(top, #ffffff, #efefef); background-image: linear-gradient(top, #ffffff, #efefef); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); }

.expandable > .expandable-header i, .expandable > .accordion-heading i, .expandable-panel > .expandable-header i, .expandable-panel > .accordion-heading i, .accordion-group > .expandable-header i, .accordion-group > .accordion-heading i { position: absolute; display: block; width: 1.1em; height: 1em; line-height: 1em; color: #000000; top: 1em; left: 0.3em; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; font-size: 0.7em; }

.expandable > .expandable-header .subtitle, .expandable > .accordion-heading .subtitle, .expandable-panel > .expandable-header .subtitle, .expandable-panel > .accordion-heading .subtitle, .accordion-group > .expandable-header .subtitle, .accordion-group > .accordion-heading .subtitle { margin-left: 10px; }

.expandable .expandable-header-action, .expandable-panel .expandable-header-action, .accordion-group .expandable-header-action { float: right; text-align: center; width: 105px; }

.expandable .expandable-header-action .icon-action, .expandable-panel .expandable-header-action .icon-action, .accordion-group .expandable-header-action .icon-action { font-size: 16px; }

.expandable .expandable-summary, .expandable-panel .expandable-summary, .accordion-group .expandable-summary { clear: left; margin-bottom: 10px; border-left: solid 4px solid 1px #dadada; display: none; padding: 0 20px; }

.remove-expandable-body-padding .expandable .expandable-summary, .remove-expandable-body-padding .expandable-panel .expandable-summary, .remove-expandable-body-padding .accordion-group .expandable-summary { padding: 0; }

.expandable .expandable-body, .expandable-panel .expandable-body, .accordion-group .expandable-body { display: none; padding: 10px 20px; }

.remove-expandable-body-padding .expandable .expandable-body, .remove-expandable-body-padding .expandable-panel .expandable-body, .remove-expandable-body-padding .accordion-group .expandable-body { padding: 0; }

.expandable .expandable-body .image-container, .expandable-panel .expandable-body .image-container, .accordion-group .expandable-body .image-container { display: inline-block; width: 100%; }

.expandable .accordion-body.collapse, .expandable-panel .accordion-body.collapse, .accordion-group .accordion-body.collapse { display: block; position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; }

.expandable.expanded, .expandable-panel.expanded, .accordion-group.expanded { margin-bottom: 2em; }

.expandable.expanded > .expandable-header, .expandable.expanded > .accordion-heading, .expandable-panel.expanded > .expandable-header, .expandable-panel.expanded > .accordion-heading, .accordion-group.expanded > .expandable-header, .accordion-group.expanded > .accordion-heading { border-bottom: solid 1px #003480; margin-bottom: 0.5em; }

.expandable.expanded > .expandable-header > i.icon-chevron-right, .expandable.expanded > .expandable-header i.icon-chevron-right.toggle-icon, .expandable.expanded > .accordion-heading > i.icon-chevron-right, .expandable.expanded > .accordion-heading i.icon-chevron-right.toggle-icon, .expandable-panel.expanded > .expandable-header > i.icon-chevron-right, .expandable-panel.expanded > .expandable-header i.icon-chevron-right.toggle-icon, .expandable-panel.expanded > .accordion-heading > i.icon-chevron-right, .expandable-panel.expanded > .accordion-heading i.icon-chevron-right.toggle-icon, .accordion-group.expanded > .expandable-header > i.icon-chevron-right, .accordion-group.expanded > .expandable-header i.icon-chevron-right.toggle-icon, .accordion-group.expanded > .accordion-heading > i.icon-chevron-right, .accordion-group.expanded > .accordion-heading i.icon-chevron-right.toggle-icon { color: #003480; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.expandable.program-group-expandable { border: 1px solid #ddd; margin-top: 1em; background-color: #fff; }

.expandable.program-group-expandable.expanded { margin-bottom: 0; }

.expandable.program-group-expandable.expandable-with-description .expandable-body { padding-top: 0; }

.expandable.program-group-expandable > .expandable-header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; padding: 10px 20px 10px 25px; border-bottom-width: 0; border-top-width: 0; background-color: #efefef; }

.expandable.program-group-expandable > .expandable-header .program-complete { -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; white-space: nowrap; font-size: 0.9em; }

.expandable.program-group-expandable > .expandable-body .expandable > .expandable-header { font-size: 1.4em; }

.expandable.program-group-expandable > .expandable-body .expandable > .expandable-body .expandable > .expandable-header { font-size: 1.3em; }

.expandable.program-group-expandable .group-description { padding: 10px 20px; font-size: 12px; }

.expandable-row td { padding: 0px; margin-bottom: 2em; }

.expandable-row td .expandable-row-header { display: block; color: #000000; border-top: solid 1px #dadada; padding: 7px 20px; font-weight: normal; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; cursor: pointer; position: relative; margin-top: 0; margin-bottom: 0; min-height: 1.5em; }

.expandable-row td .expandable-row-header i.icon-chevron-right { position: absolute; display: block; width: 1.1em; height: 1em; line-height: 1em; color: #000000; top: 1em; left: 0.3em; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; font-size: 0.7em; }

.expandable-row td .expandable-row-header-continued { display: block; color: #000000; border-top: solid 1px #dadada; padding: 7px 20px; font-weight: normal; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; position: relative; margin-top: 0; margin-bottom: 0; min-height: 1.5em; }

.expandable-row td .expandable-row-body { display: none; padding: 0 20px; }

.expandable-row.expanded td { margin-bottom: 2em; }

.expandable-row.expanded td .expandable-row-header { border-bottom: solid 1px #003480; }

.expandable-row.expanded td .expandable-row-header i.icon-chevron-right { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.expandable-row.expanded td .expandable-row-header-continued { border-bottom: solid 1px #003480; }

/* 
    This expandable class can be distinguished from the one above (expandable-row) 
    in that it doesnt attempt to show and hide the content, rather it relies on the
    app to handle that.
*/
.row-expandable i.icon-chevron-right { display: inline-block; line-height: 1em; color: #000000; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; transition-delay: 150ms; }

.row-expandable.expanded i.icon-chevron-right { color: #003480; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

button[data-jui-loading-lock].disabled, button[jui-loading-lock].disabled, a[data-jui-loading-lock].disabled, a[jui-loading-lock].disabled { color: solid 1px #dadada; cursor: cursor; }

button[data-jui-loading-lock].minimal, button[jui-loading-lock].minimal, a[data-jui-loading-lock].minimal, a[jui-loading-lock].minimal { text-align: center; }

button[data-jui-loading-lock].minimal i.spinner, button[jui-loading-lock].minimal i.spinner, a[data-jui-loading-lock].minimal i.spinner, a[jui-loading-lock].minimal i.spinner { width: 10px; height: 10px; display: inline-block; float: none; margin: 0; }

button[data-jui-loading-lock] i.spinner, button[jui-loading-lock] i.spinner, a[data-jui-loading-lock] i.spinner, a[jui-loading-lock] i.spinner { width: 14px; height: 14px; margin-right: 5px; display: inline-block; vertical-align: top; }

button[data-jui-loading-lock].spinner-lg i.spinner, button[jui-loading-lock].spinner-lg i.spinner, a[data-jui-loading-lock].spinner-lg i.spinner, a[jui-loading-lock].spinner-lg i.spinner { width: 24px; height: 24px; }

.loading-placeholder { margin: 10px auto; text-align: center; }

.loading-placeholder.spinner-inline { display: inline; margin: 0 10px; }

.loading-placeholder label { margin-left: 15px; }

.loading-placeholder.large label { margin-left: 45px; height: 3.5em; line-height: 3.5em; }

.loading-placeholder.large i { height: 3.5em; width: 40px; }

.loading-placeholder i { display: inline-block; }

.loading-placeholder.large .loading-spinner { width: 30px; height: 30px; }

.loading-placeholder.xsmall .loading-spinner { width: 15px; height: 15px; animation: rotation 0.8s linear infinite; -webkit-animation: rotation 0.8s linear infinite; }

.loading-placeholder .loading-spinner { position: relative; display: inline-block; width: 20px; height: 20px; animation: rotation 1s linear infinite; -webkit-animation: rotation 1s linear infinite; }

.loading-placeholder .loading-spinner span:before, .loading-placeholder .loading-spinner span:after, .loading-placeholder .loading-spinner:before, .loading-placeholder .loading-spinner:after { width: 4px; height: 4px; display: block; content: ""; position: absolute; background-color: #003480; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; }

.loading-placeholder .loading-spinner:after { bottom: -20%; left: 50%; margin-left: -2px; }

.loading-placeholder .loading-spinner .outer:after { bottom: 5%; right: -10%; background-color: #001f80; }

.loading-placeholder .loading-spinner .inner:after { top: 10%; right: -15%; background-color: #001480; }

.loading-placeholder .loading-spinner:before { top: -20%; left: 50%; margin-left: -2px; background-color: #000980; }

.loading-placeholder .loading-spinner .inner:before { top: 10%; left: -15%; background-color: #010080; }

.loading-placeholder .loading-spinner .outer:before { bottom: 5%; left: -10%; background-color: #0c0080; }

@-webkit-keyframes rotation { from { transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to { transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

@-moz-keyframes rotation { from { transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to { transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

@-o-keyframes rotation { from { transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to { transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

@keyframes rotation { from { transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg); }
  to { transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

.taxonomy-field h3 { font-weight: 600; font-size: 100%; margin-bottom: 5px; color: #7C7D7E; }

.large-thumbnail { display: block; width: 292px; text-align: center; min-height: 70px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

.large-thumbnail img { max-width: 100%; /* Remove max-height for flexible thumbnails */ max-height: 70px; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; }

#tiptip_content { background: #E4E4E4; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border: none; text-shadow: none; color: #565656; padding: 10px 15px; }

#tiptip_content ul { margin: 0; padding: 0; list-style: none; }

#tiptip_content ul .li { margin: 4px 0; }

#tiptip_holder.tip_right #tiptip_arrow_inner, #tiptip_holder.tip_left #tiptip_arrow_inner, #tiptip_holder.tip_top #tiptip_arrow_inner, #tiptip_holder.tip_bottm #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #E4E4E4; border-right-color: rgba(228, 228, 228, 0.92); }

.tooltip-content { display: none; }

.joyride-tip-guide { color: #333333; padding: 1px; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; }

.joyride-tip-guide .qtip-content { font-weight: normal; background: none; }

.joyride-tip-guide .qtip-content a { color: #ffffff; }

.joyride-tip-guide span.joyride-nub { border-color: transparent; border-bottom-color: #ffffff; }

.joyride-tip-guide .maybe-later, .joyride-tip-guide .no-thanks { color: #ccc; margin-left: 1.5em; }

.joyride-tip-guide .maybe-later:hover, .joyride-tip-guide .no-thanks:hover { color: white; }

/*
.qtip-shadow {
	@include box-shadow(0px 2px 4px 0px #cccccc);
}
*/
.qtip-content .data-field label { width: 80px; }

.mce-tooltip .mce-tooltip-inner { max-width: 250px; }

.status.incomplete.styled:before, .status.completed.styled:before, .status.current.styled:before, .status.marked.styled:before, .status.pass.styled:before, .status.passed.styled:before, .status.processed.styled:before, .status.open.styled:before, .status.absent.styled:before, .status.refused.styled:before, .status.resitting.styled:before, .status.overdue.styled:before, .status.closed.styled:before, .status.deleted.styled:before, .status.fail.styled:before, .status.failed.styled:before, .status.pregenerated.styled:before, .status.building.styled:before, .status.cancelled.styled:before, .status.paused.styled:before, .status.abandoned.styled:before, .status.browsed.styled:before, .status.notattempted.styled:before, .status.requested.styled:before, .status.marking.styled:before, .status.availableincatalogue.styled:before, .status.notstarted.styled:before, .status.pendingverification.styled:before, .status.clarificationrequired.styled:before, .status.notverified.styled:before, .status.cancel.styled:before, .status.training.styled:before, .status.suspended.styled:before, .status.lapsed.styled:before, .status.draft.styled:before, .status.referencemarking.styled:before, .status.resubmissionrequired.styled:before, .status.notsubmitted.styled:before, .status.submitted.styled:before, .status.compliant.styled:before, .status.lowrisk.styled:before, .status.highrisk.styled:before, .status.noncompliant.styled:before, .status.disabled.styled:before, .status.inactive.styled:before, .status.active.styled:before, .status.forreview.styled:before, .status.confirmed.styled:before, .status.deployment.styled:before, .status.delivery.styled:before, .status.include.styled:before, .status.exclude.styled:before { -moz-border-radius: 1em; -webkit-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; content: ""; height: 0.9em; width: 0.9em; margin-right: 0.3em; display: inline-block; border: solid 1px #e31b23; }

.status.incomplete.styled:before { background-color: #FAAA02; }

.status.incomplete.colored { color: #FAAA02; }

.status.incomplete.colored-background { background-color: #FAAA02; }

.status.completed.styled:before { background-color: #25B36B; }

.status.completed.colored { color: #25B36B; }

.status.completed.colored-background { background-color: #25B36B; }

.status.current.styled:before { background-color: green; }

.status.current.colored { color: green; }

.status.current.colored-background { background-color: green; }

.status.marked.styled:before { background-color: green; }

.status.marked.colored { color: green; }

.status.marked.colored-background { background-color: green; }

.status.pass.styled:before { background-color: green; }

.status.pass.colored { color: green; }

.status.pass.colored-background { background-color: green; }

.status.passed.styled:before { background-color: green; }

.status.passed.colored { color: green; }

.status.passed.colored-background { background-color: green; }

.status.processed.styled:before { background-color: green; }

.status.processed.colored { color: green; }

.status.processed.colored-background { background-color: green; }

.status.open.styled:before { background-color: orange; }

.status.open.colored { color: orange; }

.status.open.colored-background { background-color: orange; }

.status.absent.styled:before { background-color: chocolate; }

.status.absent.colored { color: chocolate; }

.status.absent.colored-background { background-color: chocolate; }

.status.refused.styled:before { background-color: grey; }

.status.refused.colored { color: grey; }

.status.refused.colored-background { background-color: grey; }

.status.resitting.styled:before { background-color: orange; }

.status.resitting.colored { color: orange; }

.status.resitting.colored-background { background-color: orange; }

.status.overdue.styled:before { background-color: orange; }

.status.overdue.colored { color: orange; }

.status.overdue.colored-background { background-color: orange; }

.status.overdue.styled:before { background-color: orange; }

.status.overdue.colored { color: orange; }

.status.overdue.colored-background { background-color: orange; }

.status.closed.styled:before { background-color: red; }

.status.closed.colored { color: red; }

.status.closed.colored-background { background-color: red; }

.status.deleted.styled:before { background-color: red; }

.status.deleted.colored { color: red; }

.status.deleted.colored-background { background-color: red; }

.status.fail.styled:before { background-color: red; }

.status.fail.colored { color: red; }

.status.fail.colored-background { background-color: red; }

.status.failed.styled:before { background-color: red; }

.status.failed.colored { color: red; }

.status.failed.colored-background { background-color: red; }

.status.pregenerated.styled:before { background-color: black; }

.status.pregenerated.colored { color: black; }

.status.pregenerated.colored-background { background-color: black; }

.status.building.styled:before { background-color: black; }

.status.building.colored { color: black; }

.status.building.colored-background { background-color: black; }

.status.cancelled.styled:before { background-color: purple; }

.status.cancelled.colored { color: purple; }

.status.cancelled.colored-background { background-color: purple; }

.status.paused.styled:before { background-color: blue; }

.status.paused.colored { color: blue; }

.status.paused.colored-background { background-color: blue; }

.status.abandoned.styled:before { background-color: blue; }

.status.abandoned.colored { color: blue; }

.status.abandoned.colored-background { background-color: blue; }

.status.browsed.styled:before { background-color: blue; }

.status.browsed.colored { color: blue; }

.status.browsed.colored-background { background-color: blue; }

.status.notattempted.styled:before { background-color: blue; }

.status.notattempted.colored { color: blue; }

.status.notattempted.colored-background { background-color: blue; }

.status.requested.styled:before { background-color: blue; }

.status.requested.colored { color: blue; }

.status.requested.colored-background { background-color: blue; }

.status.marking.styled:before { background-color: magenta; }

.status.marking.colored { color: magenta; }

.status.marking.colored-background { background-color: magenta; }

.status.availableincatalogue.styled:before { background-color: green; }

.status.availableincatalogue.colored { color: green; }

.status.availableincatalogue.colored-background { background-color: green; }

.status.notstarted.styled:before { background-color: blue; }

.status.notstarted.colored { color: blue; }

.status.notstarted.colored-background { background-color: blue; }

.status.pendingverification.styled:before { background-color: chocolate; }

.status.pendingverification.colored { color: chocolate; }

.status.pendingverification.colored-background { background-color: chocolate; }

.status.clarificationrequired.styled:before { background-color: orange; }

.status.clarificationrequired.colored { color: orange; }

.status.clarificationrequired.colored-background { background-color: orange; }

.status.notverified.styled:before { background-color: red; }

.status.notverified.colored { color: red; }

.status.notverified.colored-background { background-color: red; }

.status.cancel.styled:before { background-color: purple; }

.status.cancel.colored { color: purple; }

.status.cancel.colored-background { background-color: purple; }

.status.training.styled:before { background-color: orange; }

.status.training.colored { color: orange; }

.status.training.colored-background { background-color: orange; }

.status.suspended.styled:before { background-color: red; }

.status.suspended.colored { color: red; }

.status.suspended.colored-background { background-color: red; }

.status.lapsed.styled:before { background-color: blue; }

.status.lapsed.colored { color: blue; }

.status.lapsed.colored-background { background-color: blue; }

.status.draft.styled:before { background-color: chocolate; }

.status.draft.colored { color: chocolate; }

.status.draft.colored-background { background-color: chocolate; }

.status.referencemarking.styled:before { background-color: lightgreen; }

.status.referencemarking.colored { color: lightgreen; }

.status.referencemarking.colored-background { background-color: lightgreen; }

.status.resubmissionrequired.styled:before { background-color: orange; }

.status.resubmissionrequired.colored { color: orange; }

.status.resubmissionrequired.colored-background { background-color: orange; }

.status.notsubmitted.styled:before { background-color: blue; }

.status.notsubmitted.colored { color: blue; }

.status.notsubmitted.colored-background { background-color: blue; }

.status.submitted.styled:before { background-color: blue; }

.status.submitted.colored { color: blue; }

.status.submitted.colored-background { background-color: blue; }

.status.compliant.styled:before { background-color: #0A996F; }

.status.compliant.colored { color: #0A996F; }

.status.compliant.colored-background { background-color: #0A996F; }

.status.lowrisk.styled:before { background-color: #FECD23; }

.status.lowrisk.colored { color: #FECD23; }

.status.lowrisk.colored-background { background-color: #FECD23; }

.status.highrisk.styled:before { background-color: #FA6632; }

.status.highrisk.colored { color: #FA6632; }

.status.highrisk.colored-background { background-color: #FA6632; }

.status.noncompliant.styled:before { background-color: #CF0638; }

.status.noncompliant.colored { color: #CF0638; }

.status.noncompliant.colored-background { background-color: #CF0638; }

.status.disabled.styled:before { background-color: #cccccc; }

.status.disabled.colored { color: #cccccc; }

.status.disabled.colored-background { background-color: #cccccc; }

.status.inactive.styled:before { background-color: #cccccc; }

.status.inactive.colored { color: #cccccc; }

.status.inactive.colored-background { background-color: #cccccc; }

.status.active.styled:before { background-color: green; }

.status.active.colored { color: green; }

.status.active.colored-background { background-color: green; }

.status.forreview.styled:before { background-color: blue; }

.status.forreview.colored { color: blue; }

.status.forreview.colored-background { background-color: blue; }

.status.confirmed.styled:before { background-color: orange; }

.status.confirmed.colored { color: orange; }

.status.confirmed.colored-background { background-color: orange; }

.status.deployment.styled:before { background-color: blue; }

.status.deployment.colored { color: blue; }

.status.deployment.colored-background { background-color: blue; }

.status.delivery.styled:before { background-color: blue; }

.status.delivery.colored { color: blue; }

.status.delivery.colored-background { background-color: blue; }

.status.include.styled:before { background-color: green; }

.status.include.colored { color: green; }

.status.include.colored-background { background-color: green; }

.status.exclude.styled:before { background-color: red; }

.status.exclude.colored { color: red; }

.status.exclude.colored-background { background-color: red; }

ol.wizard-navigation { counter-reset: wizard-navigation 0; /* Initiate a counter */ margin: 0 auto; padding: 15px 5px; width: 410px; }

ol.wizard-navigation > li { position: relative; /* Create a positioning context */ list-style: none; /* Disable the normal item numbering */ text-align: center; padding: 0; float: left; width: 80px; }

ol.wizard-navigation > li:before { content: counter(wizard-navigation); /* Use the counter as content */ counter-increment: wizard-navigation; /* Increment the counter by 1 */ /* Position and style the number */ color: #a0a0a0; background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-center-unselected.png?18-8-51-4) no-repeat scroll transparent top center; font-weight: bold; font-family: "Helvetica Neue", Arial, sans-serif; text-align: center; padding: 5px; display: block; height: 26px; }

ol.wizard-navigation > li:after { position: absolute; top: 0; left: 53px; width: 54px; height: 26px; background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-bar-incomplete.png?18-8-51-4) repeat-x scroll transparent top left; display: block; content: " "; }

ol.wizard-navigation > li > span, ol.wizard-navigation > li > a { color: black; display: block; margin: 0; padding: 0; position: relative; top: 0; }

ol.wizard-navigation > li > span:after, ol.wizard-navigation > li > a:after { border-bottom: none; border-left: none; border-top: none; content: " "; display: block; position: relative; }

ol.wizard-navigation > li a.wizard-nav-button { margin: 0; }

ol.wizard-navigation > li.selected { background: none; }

ol.wizard-navigation > li.selected:before { background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-selected.png?18-8-51-4) no-repeat scroll transparent top center; padding: 5px; color: White; }

ol.wizard-navigation > li.done { background: transparent; border-color: transparent; }

ol.wizard-navigation > li.done:before { background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-center-completed.png?18-8-51-4) no-repeat scroll transparent top center; content: " "; display: block; height: 26px; left: 0; position: relative; top: 0; width: auto; }

ol.wizard-navigation > li.done:after { background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-bar-completed.png?18-8-51-4) repeat-x scroll transparent top left; }

ol.wizard-navigation > li.first.done:before { background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-first-completed.png?18-8-51-4) no-repeat scroll transparent top center; }

ol.wizard-navigation > li.todo { background: none; border-color: transparent; }

ol.wizard-navigation > li.last:after { display: none; }

ol.wizard-navigation > li.last:before { background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-last-unselected.png?18-8-51-4) no-repeat scroll transparent top center; }

ol.wizard-navigation > li.last.done:before { background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-last-completed.png?18-8-51-4) no-repeat scroll transparent top center; }

ol.wizard-navigation > li.last.selected:before { background: url(//onlinelearning.cls.janison.com/theme/content/images/wizard-progress-selected.png?18-8-51-4) no-repeat scroll transparent top center; }

.wizard-page .price.no-discount { border-left: none; text-decoration: line-through; color: #aaa; font-weight: normal; clear: left; }

.wizard-page h2 { padding: 10px 0px 0px; font-size: 1.3em; }

.wizard-page .selected-items-container h2 { margin-top: 2em; }

.wizard-page a.wizard-prev:link { margin-left: 5px; text-decoration: underline; }

.wizard-page a.wizard-prev:hover { text-decoration: none; }

.wizard-page .description { padding: 15px; }

.wizard-page .wizard-form .expandable .expandable-header { font-weight: bold; margin-left: 0; margin-right: 0; }

.wizard .content-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.wizard .content-header h1 { margin: 0; padding: 0px 0px 18px; border-bottom: 1px solid #565656; }

.wizard .content-header p { margin-top: 10px; }

.wizard .content-header p .subheading { font-weight: bold; font-size: 1.3em; display: block; margin-bottom: 20px; }

.wizard .search-result-count .searchtext, .wizard .search-result-count .searchitemcount { font-weight: bold; }

.wizard .jui-grid-header { /*@include simple-gradient($colorSkinFooterTop);*/ border-bottom: 1px solid #E9E9E9; }

.wizard .jui-grid-header th { padding: 8px; color: Black; text-align: left; /*border-right: 1px solid #f4f4f4; -webkit-box-shadow: inset -1px 0px 0px 0px #6c6c6c ; box-shadow: inset -1px 0px 0px 0px #6c6c6c ; */ }

.wizard .x-row { border-bottom: 1px solid #e9e9e9; }

.wizard .x-row.selected { opacity: 0.5; }

.wizard .x-row:hover { background: rgba(0, 0, 0, 0.02); }

.wizard h2.search-title { display: none; }

.wizard .question-section { padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.wizard .question-section.file-upload-box { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; }

.wizard .square-selector { list-style: none; }

.wizard .square-selector li { width: 12em; height: 12em; padding: 1em; float: left; position: relative; }

.wizard .square-selector li .tooltip-handle { position: absolute; display: block; right: 5px; top: 5px; height: 22px; width: 22px; line-height: 16px; text-decoration: none; font-size: 1.2em; color: #000000; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; background: #eee; border: solid 1px #dadada; font-weight: bold; padding: 2px; -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.3); text-align: center; }

.wizard .square-selector li .tile { text-align: center; position: relative; width: 100%; height: 100%; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; overflow: hidden; /* required for IE9 to stop bleeding effect of a tag gradient on rounded corners*/ }

.wizard .square-selector li .tile .asset-type { display: block; width: 100%; height: 100%; padding: 3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background-color: white; background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#dddddd)); background-image: -webkit-linear-gradient(top, white, #dddddd); background-image: -moz-linear-gradient(top, white, #dddddd); background-image: -ms-linear-gradient(top, white, #dddddd); background-image: -o-linear-gradient(top, white, #dddddd); background-image: linear-gradient(top, white, #dddddd); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#dddddd',GradientType=0 ); border: none; color: #373737; }

.wizard .square-selector li .tile .asset-type:hover, .wizard .square-selector li .tile .asset-type.selected { background: #f4f4f4; border: solid 4px #669900; padding: 0; }

.wizard .square-selector li .tile .asset-type .inner-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; vertical-align: middle; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; position: relative; padding: 0 5px; }

.wizard .square-selector li .tile .asset-type .inner-container h2 { padding: 0; font-size: 1.1em; line-height: 1.1em; bottom: 1em; position: relative; }

.wizard .expandable .expandable-header { margin: 0; font-size: 1.4em; }

.wizard .expandable .expandable-body .editor-field .main-input-control { display: block; float: left; width: 27px; }

.wizard .expandable .expandable-body .editor-field .main-input-content { float: left; width: 90%; }

.wizard .expandable .expandable-body .editor-field .main-input-label { font-weight: bold; }

.wizard .expandable .expandable-body .editor-field label { width: 30%; }

.wizard .expandable .expandable-body .editor-field label.radio-label { width: auto; }

.wizard .ui-dialog:not(.other-learning-type) .ui-dialog-titlebar-close { display: none; }

.wizard .enrolment-information { padding: 15px 0; }

.field-validation-valid { display: none; }

.show-validation input[type=text]:focus.ng-invalid, .show-validation input[type=number]:focus.ng-invalid, .show-validation input[type=email]:focus.ng-invalid, .show-validation input[type=tel]:focus.ng-invalid, .show-validation input[type=url]:focus.ng-invalid, .show-validation input[type=search]:focus.ng-invalid, .show-validation input[type=password]:focus.ng-invalid { -webkit-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); -moz-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); -ms-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); -o-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); }

.show-validation input.ng-invalid, .show-validation textarea.ng-invalid, .show-validation select.ng-invalid, .show-validation .t-input.ng-invalid, .show-validation label.as-input.ng-invalid { border-color: #b94a48 !important; }

.show-validation input.ng-invalid + label[for]:before, .show-validation input.ng-invalid + input + label[for]:before, .show-validation textarea.ng-invalid + label[for]:before, .show-validation textarea.ng-invalid + input + label[for]:before, .show-validation select.ng-invalid + label[for]:before, .show-validation select.ng-invalid + input + label[for]:before, .show-validation .t-input.ng-invalid + label[for]:before, .show-validation .t-input.ng-invalid + input + label[for]:before, .show-validation label.as-input.ng-invalid + label[for]:before, .show-validation label.as-input.ng-invalid + input + label[for]:before { border-color: #b94a48 !important; }

.show-validation label.hint-error { color: #b94a48; }

.show-validation label.ng-invalid:before { border-color: #b94a48 !important; }

.show-validation .select2-container.ng-invalid { border-color: #b94a48 !important; }

.show-validation .select2-container.ng-invalid.select2-container-active .select2-choice { -webkit-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); -moz-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); -ms-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); -o-box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); box-shadow: 0px 0px 2pt 1pt rgba(255, 0, 0, 0.5); }

.show-validation .select2-container.ng-invalid .select2-choice, .show-validation .select2-container.ng-invalid .select2-choices { border-color: #b94a48 !important; }

.show-validation .k-datepicker.input-validation-error .k-picker-wrap, .show-validation .k-datepicker.ng-invalid-required .k-picker-wrap { border-color: #b94a48 !important; }

th[th-validation] .title { padding-right: 20px !important; position: relative; float: left; }

th[th-validation] .hint { position: absolute; right: 4px; top: 2px; }

th[th-validation] label[validation-hint] { margin: 0; }

.ng-confirm { overflow: hidden; display: inline-block; white-space: nowrap; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; }

.ng-confirm .confirm-label { font-family: arial; }

.form-popup-dialog .dialog-title { display: none; }

.form-popup-dialog .editor-field { text-align: left; }

.form-popup-dialog .editor-field label { float: none; width: auto; text-align: left; font-weight: bold; }

.form-popup-dialog .editor-field > label.end-punctuation::after { content: ""; }

.form-popup-dialog .editor-field label.j-labelcheck { font-weight: normal; line-height: 16px; display: inline; }

.form-popup-dialog .editor-field input.j-checkbox-styled { float: left; margin-top: 2px; }

.form-popup-dialog .editor-field textarea, .form-popup-dialog .editor-field input[type=text], .form-popup-dialog .editor-field input[type=password], .form-popup-dialog .editor-field select, .form-popup-dialog .editor-field .t-datepicker, .form-popup-dialog .editor-field .t-timepicker, .form-popup-dialog .editor-field .t-datetimepicker, .form-popup-dialog .editor-field .select2-container { min-width: 250px; width: 50%; max-width: 470px; }

.form-popup-dialog .form-footer { margin: 1.5em 0 1em; }

.dynamic-filter-selector .data-group { margin-bottom: 20px; border-left: 1px dashed #efefef; }

.dynamic-filter-selector .data-group .data-group { margin: 20px 0 0 20px; }

.dynamic-filter-selector .data-group-toolbar { padding: 1%; border: none; background: #f3f3f3; }

.dynamic-filter-selector .data-group-toolbar .select2-container { width: 100px; min-width: 100px; }

.dynamic-filter-selector table.table thead { background: #f3f3f3; border-bottom: 1px solid #DBDBDB; }

.dynamic-filter-selector table.table td { padding: 0; }

.dynamic-filter-selector table.table th { padding: 1%; min-height: 0; border-bottom: none; }

.dynamic-filter-selector table.table tr:hover { background: none; }

.dynamic-filter-selector table.table tr:nth-child(even) { background: none; }

.dynamic-filter-selector td .filter-cell { min-height: 32px; }

.dynamic-filter-selector .filter-cell { display: inline-block; vertical-align: middle; padding: 1%; }

.dynamic-filter-selector .filter-cell.filter-cell-field { width: 20%; }

.dynamic-filter-selector .filter-cell.filter-cell-operator { width: 13%; }

.dynamic-filter-selector .filter-cell.filter-cell-value { width: 47%; }

.dynamic-filter-selector .filter-cell.filter-cell-control { width: 8%; white-space: nowrap; }

.dynamic-filter-selector .filter-cell.filter-cell-remove { width: 1%; padding: 0; }

.dynamic-filter-selector table .select2-container { min-width: 100%; width: 100%; }

.dynamic-filter-selector .value-selector-left { float: left; width: 20%; margin-right: 5%; }

.dynamic-filter-selector .value-selector-right { float: left; width: 55%; }

.dynamic-filter-selector .value-selector-right-small { float: left; width: 25%; margin-left: 5%; }

.preview .data-filter-container .data-group-toolbar .add-group { display: none; }

.preview .data-filter-container ul li .data-group { display: none; }

.resource-browser-container { position: relative; min-height: 400px; }

.resource-browser-container .resources { margin: 0; padding-top: 15px; }

.resource-browser-container .resources .resource { width: 100px; border: 1px solid #fff; position: relative; float: left; margin: 0 5px 5px 0; cursor: pointer; }

.resource-browser-container .resources .resource .resource-preview { display: table-cell; vertical-align: bottom; text-align: center; width: 100px; height: 100px; }

.resource-browser-container .resources .resource .resource-preview img { max-width: 100px; max-height: 100px; }

.resource-browser-container .resources .resource .resource-preview.not-image { vertical-align: middle; }

.resource-browser-container .resources .resource .resource-preview.not-image i { font-size: 40px; color: #B6B6B6; color: rgba(0, 0, 0, 0.4); }

.resource-browser-container .resources .resource .resource-name { padding-top: 4px; width: 100%; height: 20px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; overflow: hidden; text-align: center; }

.resource-browser-container .resources .resource:hover { border-color: #70C0E7; background: #E5F3FB; }

.resource-browser-container .resources .resource:hover .content-controls { opacity: 1; }

.resource-browser-container .resources .resource.selected { border-color: #66A7E8; background: #D1E8FF; }

.resource-browser-container .resource-inspection { position: absolute; right: 0; top: 0; bottom: 0; background: white; overflow-y: auto; border-left: solid 1px #dadada; padding-top: 15px; }

.resource-browser-container .resource-inspection .callout { margin-top: 0; }

.resource-browser-container .resource-inspection .resource-inspection-content { padding: 0; }

.resource-browser-container .resource-inspection .resource-inspection-content .form-group > label, .resource-browser-container .resource-inspection .resource-inspection-content .form-group > div, .resource-browser-container .resource-inspection .resource-inspection-content .form-group .form-control, .resource-browser-container .resource-inspection .resource-inspection-content .form-group .select2-container { width: 100%; float: none; margin-left: 0; margin-right: 0; }

.resource-browser-container .resource-inspection .resource-inspection-content .form-group > label, .resource-browser-container .resource-inspection .resource-inspection-content .form-group > div { padding-left: 0; padding-right: 0; }

.resource-browser-container .resource-inspection img { max-height: 150px; max-width: 100%; }

.resource-browser-container #resource-dimensions { width: 100%; }

.address-bar button.secondary { float: left; border-radius: 0; box-shadow: none; border-right: none; }

.address-bar button.secondary:first-child { border-radius: 4px 0 0 4px; }

.address-bar button + .browser-path { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.browser-path { border: solid 1px #dadada; padding: 8px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; }

.resource-browser .k-pager-wrap { margin: 15px -15px 0; padding-left: 15px; }

.file-browser .resources { margin-left: 235px; }

.file-browser .k-pager-wrap { margin: 15px 0 0 -15px; padding-left: 15px; }

.file-browser .folders { position: absolute; width: 220px; padding: 2px; border-right: solid 1px #dadada; left: 0; top: 0; bottom: 0; overflow-y: auto; }

.file-browser .folders ul { margin: 0; padding: 0; list-style: none; }

.file-browser .folders li { cursor: pointer; font-size: 14px; padding: 5px 10px; border: 1px solid white; border-collapse: collapse; }

.file-browser .folders li .fa.folder:before { color: #ECBE04; content: ""; display: inline-block; width: 15px; }

.file-browser .folders li:hover { border-color: #70C0E7; background: #E5F3FB; }

.file-browser .folders li:hover .fa.folder:before { content: ""; }

.resource-browser .modal-body, .file-browser .modal-body { margin: 0; padding: 0; height: auto; left: 0; right: 0; }

.resource-browser .k-upload, .file-browser .k-upload { margin-top: 8px; }

.resource-browser .k-dropzone .k-upload-status, .file-browser .k-dropzone .k-upload-status { position: static; margin-left: 12px; }

.browser-header .browser-header-left { float: left; width: 20%; }

.browser-header .browser-header-right { width: 75%; float: right; }

.modal-fullscreen .modal-footer.resource-browser-footer { padding: 0; height: 80px; }

.modal-fullscreen .modal-footer.resource-browser-footer .resource-footer-content { position: relative; padding: 25px; }

.modal-fullscreen .modal-footer.resource-browser-footer .resource-footer-content .resource-footer-progress { position: absolute; top: 0; left: 0; bottom: 0; z-index: 10; background: rgba(0, 52, 128, 0.2); }

.modal-fullscreen .modal-footer.resource-browser-footer .resource-footer-content .resource-footer-ui { z-index: 50; float: right; position: relative; }

.modal-fullscreen .modal-footer.resource-browser-footer .k-upload-empty, .modal-fullscreen .modal-footer.resource-browser-footer .k-upload { border: none; position: static !important; }

.lt-ie10 .modal-fullscreen .modal-footer.resource-browser-footer .k-upload { float: left; }

.lt-ie10 .modal-fullscreen .modal-footer.resource-browser-footer .k-upload .k-button { margin: 0 25px 0 0; }

.lt-ie10 .modal-fullscreen .modal-footer.resource-browser-footer .k-upload .k-upload-status { color: #9f9e9e; position: static; margin-top: 25px; }

.lt-ie10 .modal-fullscreen .modal-footer.resource-browser-footer .k-upload .k-upload-status .k-warning { background: none; overflow: visible; }

.lt-ie10 .modal-fullscreen .modal-footer.resource-browser-footer .k-upload .k-upload-status .k-warning:before { content: "\E197"; font-family: glyphicons; color: red; display: block; font-size: 15px; opacity: 1; }

.modal-fullscreen .modal-footer.resource-browser-footer .k-dropzone { position: absolute; border: none; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; padding: 0; margin: 0; }

.modal-fullscreen .modal-footer.resource-browser-footer .k-dropzone .k-button { float: left; margin: 25px; }

.modal-fullscreen .modal-footer.resource-browser-footer .k-dropzone em { right: auto; left: 170px; position: absolute; top: 30px; text-align: center; background: none; }

.modal-fullscreen .modal-footer.resource-browser-footer .k-dropzone .k-upload-status { color: #9f9e9e; float: left; position: static; margin-top: 25px; }

.modal-fullscreen .modal-footer.resource-browser-footer .k-dropzone .k-upload-status .k-warning { background: none; overflow: visible; }

.modal-fullscreen .modal-footer.resource-browser-footer .k-dropzone .k-upload-status .k-warning:before { content: "\E197"; font-family: glyphicons; color: red; display: block; font-size: 15px; opacity: 1; }

/* Resource controls - file size warning */
.content-controls-warning { position: absolute; z-index: 2; opacity: 1; transition: 0.2s opacity; }

.content-controls-warning .content-warning i:before { position: absolute; font-size: 17px; right: 6px; top: 4px; color: #f0ad4e !important; }

/* Resource controls - delete button/ multiple content buttons */
.content-controls { height: 23px; position: absolute; right: -8px; top: -8px; z-index: 2; opacity: 0; transition: 0.2s opacity; }

.selected.content-delete .confirmation, .selected.content-btns .confirmation { -webkit-transition: opacity 0.15s linear; -webkit-transition-delay: .15s; -moz-transition: opacity 0.15s linear 0.15s; -o-transition: opacity 0.15s linear 0.15s; transition: opacity 0.15s linear 0.15s; line-height: 23px; opacity: 1; visibility: visible; }

.content-delete .confirmation, .content-btns .confirmation { color: white !important; font-size: 12px; opacity: 0; float: right; line-height: 23px; margin-right: 23px; position: relative; text-decoration: none; text-shadow: 0 1px 2px #a70000; vertical-align: top; visibility: hidden; white-space: nowrap; z-index: 5; }

.content-delete .confirmation:hover, .content-btns .confirmation:hover { text-decoration: underline; }

.content-delete .confirmation-cancel, .content-btns .confirmation-cancel { color: #f4c6c8 !important; margin-right: 10px; }

.content-delete .confirmation-cancel:before .content-btns .confirmation-cancel:before { background: #b62223; content: ""; height: 2px; position: absolute; right: -6px; top: 11px; width: 2px; }

.content-btn, .content-btns { -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 120px; color: transparent; cursor: pointer; display: block; font-size: 0; height: 25px; line-height: 0; position: relative; text-align: center; width: 25px; }

.content-btn.active, .content-btns.active { border: 1px solid #B4BBC2; background: #E9ECEE; }

.selected.content-delete, .active.selected.content-delete, .selected.content-btns, .active.selected.content-btns, .content-corrupt { -moz-box-shadow: none !important; background: #e64047 !important; border: 1px solid transparent; cursor: auto !important; width: 118px; }

.content-corrupt { width: 25px; }

.content-corrupt:hover { border-color: #9FADB8; }

.active.content-btn { -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15); }

.content-delete i:before, .content-corrupt i:before, i.content-btn-item:before { position: absolute; font-size: 17px; right: 4px; top: 3px; }

.active.content-delete i:before, .active.content-btns i:before { color: #B4BBC2; }

.active.content-btns:hover { border-color: #788390; }

.active.content-btns:hover i.content-btn-item:hover:before { color: #788390; }

.active.content-delete:hover { border-color: #788390; }

.active.content-delete:hover i:before { color: #788390; }

.selected.content-delete i:before, .content-corrupt i:before { color: #BD1612; }

.content-corrupt i:before { top: 5px; right: 9px; color: white; }

.lt-ie8 .grid-container thead.t-grid-header th.t-header { background-image: none; background-color: #e31b23; }

.lt-ie8 #content { width: 685px; }

.lt-ie8 #main .nav-background { display: none; }

.lt-ie8 #main > nav { top: 40px; }

.lt-ie8 #main .search-panel { width: 685px; }

.lt-ie8 #main .editor-field label { width: 150px; }

.lt-ie8 #main nav.horizontal-navigation .nav-root { margin: 36px 0 45px; border-bottom: solid 1px #dadada; height: 36px; }

.lt-ie8 #header #search { margin: 15px 0 0 30px; }

.lt-ie8 #header #search input[type=text] { height: 18px; }

.lt-ie8 #header nav ul i { padding: 0.1em; }

.venueMap { width: 600px; height: 600px; color: Black; }

.venueMap #mapText { float: left; width: 20%; vertical-align: top; font-weight: bold; }

.venueMap #venuelocationgooglemap { float: left; width: 710px; height: 500px; }

.venueMap #venueinitdelay { width: 500px; height: 360px; }

.qtip .venueMap, .modal-dialog .venueMap { width: 600px; height: 360px; color: Black; }

.qtip .venueMap #mapText { float: left; width: 20%; vertical-align: top; font-weight: bold; }

.qtip .venueMap #venuelocationgooglemap { float: left; width: 500px; height: 360px; }

.CustomElmahError h1#PageTitle { color: #0a6cce; font-family: Verdana; font-size: 175%; font-weight: normal; overflow: Scroll; }

.CustomElmahError #ErrorTitle { font-size: 120%; font-weight: bold; }

.CustomElmahError #ErrorTitle #ErrorType, .CustomElmahError #ErrorTitle #ErrorMessage { display: Block; }

.CustomElmahError pre#ErrorDetail { font-family: "Courier New", Courier; width: 100%; padding: 1em; font-size: 110%; background-color: #ffffcc; overflow: Scroll; }

.CustomElmahError p.table-caption { color: white; padding: 0.4em; font-weight: bold; background-color: navy; }

.CustomElmahError div.scroll-view { width: 100%; overflow: scroll; }

.CustomElmahError table#servertab { width: 100%; border-collapse: collapse; }

.CustomElmahError table#servertab td.value-col { padding: 0.4em; vertical-align: top; border-color: silver; border-width: 1px; border-style: solid; }

.CustomElmahError table#servertab td.key-col { padding: 0.4em; vertical-align: top; border-color: silver; border-width: 1px; border-style: solid; font-weight: bold; }

.CustomElmahError table#servertab th.tabheader { background-color: #0a6cce; text-align: left; color: white; padding: 0.4em; vertical-align: top; border-color: silver; border-width: 1px; border-style: solid; white-space: nowrap; }

a.multiSelect { border: solid 1px #BBB; padding-right: 20px; position: relative; cursor: default; text-decoration: none; color: black; display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 170px; }

a.multiSelect:link, a.multiSelect:visited, a.multiSelect:hover, a.multiSelect:active { color: black; text-decoration: none; width: 170px; }

a.multiSelect span { margin: 1px 0px 1px 3px; overflow: hidden; white-space: nowrap; width: 170px; }

a.multiSelect.hover { background-color: lightgray; }

a.multiSelect.active, a.multiSelect.focus { border: inset 1px #000; }

a.multiSelect.active { background-color: lightgray; }

.multiSelectOptions { margin-top: -1px; overflow-y: auto; overflow-x: hidden; border: solid 1px #B2B2B2; background: #FFF; z-index: 9999999; width: 190px; }

.multiSelectOptions LABEL { padding: 0px 2px; display: block; white-space: nowrap; z-index: 9999999; width: 190px; }

.multiSelectOptions LABEL.optGroup { font-weight: bold; }

.multiSelectOptions .optGroupContainer LABEL { padding-left: 10px; z-index: 9999999; }

.multiSelectOptions.optGroupHasCheckboxes .optGroupContainer LABEL { padding-left: 18px; }

.multiSelectOptions input { vertical-align: middle; }

.multiSelectOptions LABEL.checked { background-color: #CCC; z-index: 9999999; width: 190px; }

.multiSelectOptions LABEL.selectAll { border-bottom: dotted 1px #CCC; width: 190px; }

.multiSelectOptions LABEL.hover { background-color: #FFFFFF; color: black; }

.select2-drop { z-index: 30000; }

.select2-drop .select2-results { min-height: 20px; }

.select2-drop .select2-results .false { color: #a9a9a9; }

.select2-results ul.select2-result-sub { padding: 0; }

.language-selector { margin-left: 20px; }

#footer .language-selector a { color: black !important; }

#footer .language-selector a:hover { color: white; text-decoration: none; background: #003480; }

.CustomLogForNetError h1#PageTitle { color: #0a6cce; font-family: Verdana; font-size: 175%; font-weight: normal; overflow: Scroll; }

.CustomLogForNetError #Tenant, .CustomLogForNetError #DateLogged, .CustomLogForNetError #UserName, .CustomLogForNetError #SessionStarted, .CustomLogForNetError #SessionLength, .CustomLogForNetError #Message, .CustomLogForNetError #Exception { font-size: 120%; font-weight: bold; }

.CustomLogForNetError pre#ErrorDetail { font-family: "Courier New", Courier; width: 100%; padding: 1em; font-size: 110%; background-color: #ffffcc; overflow: Scroll; }

.rate .section-header { margin-bottom: 0.2em; }

.rate .rating-wrapper { position: relative; display: inline-block; }

.rate .rating-wrapper:hover .overlay { display: none; }

.rate .rating-wrapper:hover.readonly:hover .overlay { display: block; }

.rate .rating-wrapper .overlay { overflow: hidden; position: absolute; white-space: nowrap; }

.rate .rating-wrapper .rating { color: #BEBEBE; font-size: 1.55em; }

.rate .rating-wrapper .rating.icon-star { color: #FFCC00; }

.rate .rating-wrapper.readonly .rating { cursor: default; text-decoration: none; }

.rating-overlay .rating-stars { font-size: 2.5em; display: inline-block; }

.rating-overlay .rating-stars .star-icon i { -moz-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); -o-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); -ms-transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1); }

.rating-overlay .rating-stars .star-icon:hover i { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }

.rating-overlay .rating-stars .star-icon:hover .fa-star:before { content: "\f005" !important; }

#fancybox-overlay { background-color: #e6e6e6 !important; }

.fancybox-close { position: absolute; top: -18px; right: -18px; width: 27px; height: 27px; cursor: pointer; z-index: 1004; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px; background: #000; border: 2px solid #fff; font-family: glyphicons; line-height: 27px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); font-size: 17px; text-align: center; color: #fff; }

.fancybox-close:before { content: "\E208"; text-align: center; }

.dropdown-checklist-label { display: inline-block; vertical-align: middle; max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dropdown-checklist-group-name { display: block; font-weight: bold; padding: 4px 10px; border-top: solid 1px #ddd; }

.first .dropdown-checklist-group-name { border-top: none; }

.dropdown-checklist-list { list-style: none; padding: 0; margin: 0 0 10px; /*label { display: block; padding: 4px 10px; vertical-align: middle; cursor: pointer; &:hover { background: #eee; } input { vertical-align: middle; } }*/ }

.dropdown-checklist-list li { padding: 0; }

.dropdown-checklist-list .checkbox { padding-top: 0; }

.dropdown-checklist-list label { display: block; padding: 5px 5px 5px 30px; }

.dropdown-checklist-list label:hover { background: #eee; }

.dropdown-checklist-search-container { position: relative; padding: 0px 5px 5px; }

.dropdown-checklist-search-container input { display: block; padding: 4px 20px 4px 6px; margin-bottom: 5px; border: solid 1px #ddd; width: 100%; }

.dropdown-checklist-search-container .icon-search { position: absolute; top: 2px; right: 12px; }

.dropdown-checklist-items { max-height: 300px; width: 280px; overflow-y: auto; }

.statistic-response-percentage { width: 120px; }

.statistic-percentage { width: 14px; }

.statistic-progress-bar-wrap { display: inline-block; width: 100%; height: 20px; border: 1px solid gray; border-radius: 3px; }

.statistic-progress-bar { height: 100%; display: inline-block; background: #66b6fc; background: linear-gradient(to bottom, #b2e1ff 0%, #66b6fc 100%); }

.statistic-progress-bar-correct { background: #c6ffb2; background: linear-gradient(to bottom, #c6ffb2 0%, #0aff02 100%); }

.response-analysis-table td { white-space: normal; }

.response-analysis-table .stat-size { width: 50px; min-width: 50px; max-width: 50px; }

.response-analysis-table .bar-size { width: 120px; min-width: 120px; max-width: 120px; }

.progress-radial { position: relative; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #fff; }

.progress-radial.progress-0 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(90deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-1 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(93.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-2 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(97.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-3 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(100.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-4 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(104.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-5 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(108deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-6 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(111.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-7 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(115.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-8 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(118.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-9 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(122.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-10 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(126deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-11 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(129.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-12 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(133.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-13 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(136.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-14 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(140.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-15 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(144deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-16 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(147.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-17 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(151.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-18 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(154.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-19 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(158.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-20 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(162deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-21 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(165.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-22 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(169.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-23 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(172.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-24 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(176.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-25 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(180deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-26 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(183.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-27 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(187.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-28 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(190.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-29 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(194.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-30 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(198deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-31 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(201.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-32 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(205.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-33 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(208.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-34 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(212.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-35 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(216deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-36 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(219.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-37 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(223.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-38 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(226.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-39 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(230.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-40 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(234deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-41 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(237.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-42 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(241.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-43 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(244.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-44 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(248.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-45 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(252deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-46 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(255.6deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-47 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(259.2deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-48 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(262.8deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-49 { background-image: linear-gradient(90deg, #eee 50%, transparent 50%, transparent), linear-gradient(266.4deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-50 { background-image: linear-gradient(-90deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-51 { background-image: linear-gradient(-86.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-52 { background-image: linear-gradient(-82.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-53 { background-image: linear-gradient(-79.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-54 { background-image: linear-gradient(-75.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-55 { background-image: linear-gradient(-72deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-56 { background-image: linear-gradient(-68.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-57 { background-image: linear-gradient(-64.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-58 { background-image: linear-gradient(-61.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-59 { background-image: linear-gradient(-57.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-60 { background-image: linear-gradient(-54deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-61 { background-image: linear-gradient(-50.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-62 { background-image: linear-gradient(-46.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-63 { background-image: linear-gradient(-43.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-64 { background-image: linear-gradient(-39.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-65 { background-image: linear-gradient(-36deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-66 { background-image: linear-gradient(-32.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-67 { background-image: linear-gradient(-28.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-68 { background-image: linear-gradient(-25.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-69 { background-image: linear-gradient(-21.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-70 { background-image: linear-gradient(-18deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-71 { background-image: linear-gradient(-14.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-72 { background-image: linear-gradient(-10.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-73 { background-image: linear-gradient(-7.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-74 { background-image: linear-gradient(-3.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-75 { background-image: linear-gradient(0deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-76 { background-image: linear-gradient(3.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-77 { background-image: linear-gradient(7.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-78 { background-image: linear-gradient(10.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-79 { background-image: linear-gradient(14.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-80 { background-image: linear-gradient(18deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-81 { background-image: linear-gradient(21.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-82 { background-image: linear-gradient(25.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-83 { background-image: linear-gradient(28.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-84 { background-image: linear-gradient(32.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-85 { background-image: linear-gradient(36deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-86 { background-image: linear-gradient(39.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-87 { background-image: linear-gradient(43.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-88 { background-image: linear-gradient(46.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-89 { background-image: linear-gradient(50.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-90 { background-image: linear-gradient(54deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-91 { background-image: linear-gradient(57.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-92 { background-image: linear-gradient(61.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-93 { background-image: linear-gradient(64.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-94 { background-image: linear-gradient(68.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-95 { background-image: linear-gradient(72deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-96 { background-image: linear-gradient(75.6deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-97 { background-image: linear-gradient(79.2deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-98 { background-image: linear-gradient(82.8deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-99 { background-image: linear-gradient(86.4deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial.progress-100 { background-image: linear-gradient(90deg, #003480 50%, transparent 50%, transparent), linear-gradient(270deg, #003480 50%, #eee 50%, #eee); }

.progress-radial .overlay { position: absolute; width: 30px; height: 30px; background-color: #fff; border-radius: 50%; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; text-align: center; line-height: 30px; font-size: 10px; font-weight: bold; }

.inline-save { position: relative; background-color: #eee; padding-right: 24px; border: 1px solid rgba(0, 0, 0, 0.2); -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }

.inline-save input, .inline-save textarea, .inline-save select, .inline-save .inline-save-element { background-color: white; border: solid rgba(0, 0, 0, 0.2); border-width: 0 1px 0 0; font-size: inherit; font-family: inherit; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }

.inline-save input:focus, .inline-save textarea:focus, .inline-save select:focus, .inline-save .inline-save-element:focus { border-color: rgba(0, 0, 0, 0.2); box-shadow: none; }

.inline-save #goals { width: 100%; }

.inline-save:hover { border-color: rgba(0, 0, 0, 0.4); }

.inline-save:hover input, .inline-save:hover textarea, .inline-save:hover select, .inline-save:hover .inline-save-element { border-color: rgba(0, 0, 0, 0.4); }

.inline-save:hover .edit-options { opacity: 0.8; filter: alpha(opacity=80); }

.inline-save .save-options { position: absolute; top: 2px; right: 2px; }

.inline-save .save-options button { font-size: 10px; text-align: center; display: block; width: 20px; height: 20px; background-image: none; border: solid 1px; margin-bottom: 2px; }

.inline-save .save-options button.confirm { background-color: #003480; border-color: #003480; }

.inline-save .save-options button.cancel { background-color: #eee; border-color: #ccc; color: #666; }

.inline-save .edit-options { display: block; position: absolute; opacity: 0.2; filter: alpha(opacity=20); top: 7px; right: 7px; }

.inline-save .inline-save-element { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; padding: 6px 12px; overflow-y: auto; }

.inline-save [loading-notification] { position: relative; left: 12px; top: -6px; }

.inline-save.jui-inline-editing { border-color: #005de6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 93, 230, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 93, 230, 0.6); -ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 93, 230, 0.6); -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 93, 230, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 93, 230, 0.6); }

.inline-save.for-textarea, .inline-save.for-textarea .inline-save-element, .inline-save.for-textarea .inline-save-container { min-height: 50px; }

.object-2-html .array { padding-left: 1em; }

.object-2-html .array .array-element { padding-left: 1em; }

.object-2-html .property .propertyName { font-weight: bolder; }

.jui-resource-select .input-group { position: relative; max-width: 400px; }

.jui-resource-select .input-group .input-group-btn { left: -3px; }

.jui-resource-select .input-group input[type="text"] { z-index: 0; cursor: pointer; }

.jui-resource-select .input-group input[type="text"], .jui-resource-select .input-group button { height: 30px; }

.jui-resource-select .input-group .no-module { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }

.testplayer-review-frame { width: 100%; border: none; height: 100%; min-height: 400px; }

.twitter-typeahead { display: block !important; }

.typeahead, .tt-query, .tt-hint { height: 30px; padding: 8px 12px; font-size: 14px; line-height: 30px; }

.typeahead { background-color: #fff; }

.tt-query { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.tt-hint { color: #999; }

.tt-menu { width: 100%; margin: 8px 0; padding: 8px 0; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion { padding: 3px 20px; }

.tt-suggestion:hover { cursor: pointer; color: #ffffff; background-color: #003480; }

.tt-suggestion.tt-cursor { color: #ffffff; background-color: #003480; }

.tt-suggestion p { margin: 0; }

.tt-highlight { background: #FFFFAA; }

.tt-suggestion.tt-cursor .tt-highlight, a:hover .tt-highlight { background: #0049b3; }

body.smart-dashboard { background-color: #f7f7f7; }

#content.dashboard { padding-left: 0; padding-right: 0; width: 960px; }

.dashboard #enroll .button.expand { display: none; }

/* new dashboard */
.dashboard-tile.highlight { color: #ffffff; background-color: #003480; }

.dashboard-tile.highlight a { color: #ffffff; }

.dashboard-tile.discussionpost { background-color: #cccccc; }

/* course tile */
.dashboard-tile.course .header .progress-outer { position: absolute; top: -10px; right: -45px; }

/* dashboard colours */
/* courses adopt the accent colour from styles and images */
.dashboard-tile.course { border-left-color: #003480; }

.dashboard-tile.course .highlight { background-color: #003480; }

.dashboard-tile.course i:before, .dashboard-tile.course a:not(.btn), .dashboard-tile.course .highlight-text { color: #003480; }

.dashboard-tile.course a:not(.btn):hover { color: #001f4d; }

.dashboard-tile.course input[type='submit'], .dashboard-tile.course .button { background-color: #003480; background-image: -webkit-gradient(linear, left top, left bottom, from(#003480), to(#001f4d)); background-image: -webkit-linear-gradient(top, #003480, #001f4d); background-image: -moz-linear-gradient(top, #003480, #001f4d); background-image: -ms-linear-gradient(top, #003480, #001f4d); background-image: -o-linear-gradient(top, #003480, #001f4d); background-image: linear-gradient(top, #003480, #001f4d); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003480', endColorstr='#001f4d',GradientType=0 ); }

.dashboard-tile.course ::selection { background: #003480; }

.dashboard-filters ul li.course a { color: #003480; }

.dashboard-tile.event { border-left-color: #370080; }

.dashboard-tile.event .highlight { background-color: #370080; }

.dashboard-tile.event i:before, .dashboard-tile.event a:not(.btn), .dashboard-tile.event .highlight-text { color: #370080; }

.dashboard-tile.event a:not(.btn):hover { color: #21004d; }

.dashboard-tile.event input[type='submit'], .dashboard-tile.event .button { background-color: #370080; background-image: -webkit-gradient(linear, left top, left bottom, from(#370080), to(#21004d)); background-image: -webkit-linear-gradient(top, #370080, #21004d); background-image: -moz-linear-gradient(top, #370080, #21004d); background-image: -ms-linear-gradient(top, #370080, #21004d); background-image: -o-linear-gradient(top, #370080, #21004d); background-image: linear-gradient(top, #370080, #21004d); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#370080', endColorstr='#21004d',GradientType=0 ); }

.dashboard-tile.event ::selection { background: #370080; }

.dashboard-filters ul li.event a { color: #370080; }

.dashboard-tile.document { border-left-color: #6c0080; }

.dashboard-tile.document .highlight { background-color: #6c0080; }

.dashboard-tile.document i:before, .dashboard-tile.document a:not(.btn), .dashboard-tile.document .highlight-text { color: #6c0080; }

.dashboard-tile.document a:not(.btn):hover { color: #41004d; }

.dashboard-tile.document input[type='submit'], .dashboard-tile.document .button { background-color: #6c0080; background-image: -webkit-gradient(linear, left top, left bottom, from(#6c0080), to(#41004d)); background-image: -webkit-linear-gradient(top, #6c0080, #41004d); background-image: -moz-linear-gradient(top, #6c0080, #41004d); background-image: -ms-linear-gradient(top, #6c0080, #41004d); background-image: -o-linear-gradient(top, #6c0080, #41004d); background-image: linear-gradient(top, #6c0080, #41004d); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c0080', endColorstr='#41004d',GradientType=0 ); }

.dashboard-tile.document ::selection { background: #6c0080; }

.dashboard-filters ul li.document a { color: #6c0080; }

.dashboard-tile.marking { border-left-color: #80005f; }

.dashboard-tile.marking .highlight { background-color: #80005f; }

.dashboard-tile.marking i:before, .dashboard-tile.marking a:not(.btn), .dashboard-tile.marking .highlight-text { color: #80005f; }

.dashboard-tile.marking a:not(.btn):hover { color: #4d0039; }

.dashboard-tile.marking input[type='submit'], .dashboard-tile.marking .button { background-color: #80005f; background-image: -webkit-gradient(linear, left top, left bottom, from(#80005f), to(#4d0039)); background-image: -webkit-linear-gradient(top, #80005f, #4d0039); background-image: -moz-linear-gradient(top, #80005f, #4d0039); background-image: -ms-linear-gradient(top, #80005f, #4d0039); background-image: -o-linear-gradient(top, #80005f, #4d0039); background-image: linear-gradient(top, #80005f, #4d0039); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80005f', endColorstr='#4d0039',GradientType=0 ); }

.dashboard-tile.marking ::selection { background: #80005f; }

.dashboard-filters ul li.marking a { color: #80005f; }

.dashboard-tile.award { border-left-color: #800029; }

.dashboard-tile.award .highlight { background-color: #800029; }

.dashboard-tile.award i:before, .dashboard-tile.award a:not(.btn), .dashboard-tile.award .highlight-text { color: #800029; }

.dashboard-tile.award a:not(.btn):hover { color: #4d0019; }

.dashboard-tile.award input[type='submit'], .dashboard-tile.award .button { background-color: #800029; background-image: -webkit-gradient(linear, left top, left bottom, from(#800029), to(#4d0019)); background-image: -webkit-linear-gradient(top, #800029, #4d0019); background-image: -moz-linear-gradient(top, #800029, #4d0019); background-image: -ms-linear-gradient(top, #800029, #4d0019); background-image: -o-linear-gradient(top, #800029, #4d0019); background-image: linear-gradient(top, #800029, #4d0019); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800029', endColorstr='#4d0019',GradientType=0 ); }

.dashboard-tile.award ::selection { background: #800029; }

.dashboard-filters ul li.award a { color: #800029; }

.dashboard-tile.discussion { border-left-color: #800c00; }

.dashboard-tile.discussion .highlight { background-color: #800c00; }

.dashboard-tile.discussion i:before, .dashboard-tile.discussion a:not(.btn), .dashboard-tile.discussion .highlight-text { color: #800c00; }

.dashboard-tile.discussion a:not(.btn):hover { color: #4d0700; }

.dashboard-tile.discussion input[type='submit'], .dashboard-tile.discussion .button { background-color: #800c00; background-image: -webkit-gradient(linear, left top, left bottom, from(#800c00), to(#4d0700)); background-image: -webkit-linear-gradient(top, #800c00, #4d0700); background-image: -moz-linear-gradient(top, #800c00, #4d0700); background-image: -ms-linear-gradient(top, #800c00, #4d0700); background-image: -o-linear-gradient(top, #800c00, #4d0700); background-image: linear-gradient(top, #800c00, #4d0700); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800c00', endColorstr='#4d0700',GradientType=0 ); }

.dashboard-tile.discussion ::selection { background: #800c00; }

.dashboard-filters ul li.discussion a { color: #800c00; }

.dashboard-tile.custom { border-left-color: #804100; }

.dashboard-tile.custom .highlight { background-color: #804100; }

.dashboard-tile.custom i:before, .dashboard-tile.custom a:not(.btn), .dashboard-tile.custom .highlight-text { color: #804100; }

.dashboard-tile.custom a:not(.btn):hover { color: #4d2700; }

.dashboard-tile.custom input[type='submit'], .dashboard-tile.custom .button { background-color: #804100; background-image: -webkit-gradient(linear, left top, left bottom, from(#804100), to(#4d2700)); background-image: -webkit-linear-gradient(top, #804100, #4d2700); background-image: -moz-linear-gradient(top, #804100, #4d2700); background-image: -ms-linear-gradient(top, #804100, #4d2700); background-image: -o-linear-gradient(top, #804100, #4d2700); background-image: linear-gradient(top, #804100, #4d2700); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804100', endColorstr='#4d2700',GradientType=0 ); }

.dashboard-tile.custom ::selection { background: #804100; }

.dashboard-filters ul li.custom a { color: #804100; }

.dashboard-tile.tagtype { border-left-color: #807700; }

.dashboard-tile.tagtype .highlight { background-color: #807700; }

.dashboard-tile.tagtype i:before, .dashboard-tile.tagtype a:not(.btn), .dashboard-tile.tagtype .highlight-text { color: #807700; }

.dashboard-tile.tagtype a:not(.btn):hover { color: #4d4700; }

.dashboard-tile.tagtype input[type='submit'], .dashboard-tile.tagtype .button { background-color: #807700; background-image: -webkit-gradient(linear, left top, left bottom, from(#807700), to(#4d4700)); background-image: -webkit-linear-gradient(top, #807700, #4d4700); background-image: -moz-linear-gradient(top, #807700, #4d4700); background-image: -ms-linear-gradient(top, #807700, #4d4700); background-image: -o-linear-gradient(top, #807700, #4d4700); background-image: linear-gradient(top, #807700, #4d4700); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807700', endColorstr='#4d4700',GradientType=0 ); }

.dashboard-tile.tagtype ::selection { background: #807700; }

.dashboard-filters ul li.tagtype a { color: #807700; }

.bug-reporter { width: 400px; position: fixed; bottom: 0; height: 100%; right: -401px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; border-left: 1px solid #e1e1e1; z-index: 1000; background: #eeeeee; }

.bug-reporter.open { right: 0; }

.bug-reporter .bug-container { position: absolute; padding: 3%; height: 94%; width: 380px; overflow-y: auto; }

.bug-reporter .bug-opener { position: absolute; width: 28px; height: 28px; left: -30px; line-height: 30px; top: 100px; background: #003480; color: #ffffff; display: block; text-align: center; font-size: 16px; padding: 0; }

.bug-reporter .bug-counter { font-size: 10px; font-weight: bold; background-color: #ff0000; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(darker(#ff0000, 10%))); background-image: -webkit-linear-gradient(top, #ff0000, darker(#ff0000, 10%)); background-image: -moz-linear-gradient(top, #ff0000, darker(#ff0000, 10%)); background-image: -ms-linear-gradient(top, #ff0000, darker(#ff0000, 10%)); background-image: -o-linear-gradient(top, #ff0000, darker(#ff0000, 10%)); background-image: linear-gradient(top, #ff0000, darker(#ff0000, 10%)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='darker(#ff0000, 10%)',GradientType=0 ); position: absolute; left: -7px; top: -11px; color: #fff; }

.bug-reporter .bug-counter.page-counter { left: -15px; top: 3px; }

.bug-reporter .bug-counter.assigned-counter { background: #4a4ae7; }

.bug-reporter .bug-nav { margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; }

.bug-reporter .bug-nav a { display: inline-block; padding: 8px; color: #000; font-weight: bold; border-bottom: 2px solid #eeeeee; }

.bug-reporter .bug-nav a.current { border-bottom-color: #003480; }

.bug-reporter .issues { margin-bottom: 10px; }

.bug-reporter .issues ul { list-style: none; margin: 0; padding: 0; }

.bug-reporter .issues ul li { position: relative; margin-bottom: 6px; padding-left: 50px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); background: #fff; }

.bug-reporter .issues ul li .bug-tab { position: absolute; left: 0; top: 0; width: 40px; bottom: 0; height: 100%; background: #c9c9c9; text-align: center; }

.bug-reporter .issues ul li .bug-tab .bug-avatar img { -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; width: 28px; height: 28px; margin-top: 12px; }

.bug-reporter .issues ul li .meta { font-size: 10px; color: #999; margin-left: 20px; }

.bug-reporter .issues ul li .bug-icons { padding-right: 10px; position: absolute; left: 10px; top: 10px; display: none; }

.bug-reporter .issues ul li .bug-icons .bug-assignee { background: #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; font-size: 10px; font-weight: bold; padding: 2px 5px; display: inline-block; }

.bug-reporter .issues ul li a.issue-link { display: block; padding: 10px 10px 10px 0; }

.bug-reporter .issues ul li a.issue-link .bug-summary { display: block; margin-left: 20px; }

.bug-reporter .issues.assigned ul li .bug-tab { background: #fff; }

.bug-reporter .issues.assigned ul li .bug-tab i { font-size: 22px; margin-top: 10px; color: #DADADA; }

.bug-reporter .bug-footer { margin-top: 20px; padding: 20px 0; border-top: 1px solid #efefef; text-align: right; }

.screenshot-wrapper { width: 72%; float: left; }

.screenshot-wrapper img { max-width: 100%; }

.time-highlight { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background-color: #fafafa; border: solid 1px #dadada; padding: 0.5em; }

.time-highlight .time-text { font-weight: bold; }

/* Test attempt feedback for the user */
.user-feedback-wrapper { padding: 0 15px; margin: 0 -15px; }

.user-feedback-wrapper.correct { border-left: 3px solid #138144; }

.user-feedback-wrapper.incorrect { border-left: 3px solid #C52B31; }

.user-feedback-wrapper.omitted { border-left: 3px solid #808080; }

.user-feedback-wrapper.partialpass { border-left: 3px solid #5bc0de; }

.user-test-feedback { margin-left: 15px; margin-right: 15px; margin-top: 15px; }

.user-test-feedback h4 { font-size: 15px; margin-top: 0; }

.user-test-feedback .expandable.expanded { margin-bottom: 0; padding-bottom: 2em; }

.user-test-feedback .expandable > .expandable-header > i.icon-chevron-right { margin-top: 5px; }

.user-test-feedback .expandable.expanded.incorrect > .expandable-header > i.icon-chevron-right { color: #C52B31; }

.user-test-feedback .expandable.expanded.omitted > .expandable-header > i.icon-chevron-right { color: #737373; }

.user-test-feedback .expandable.expanded.partialpass > .expandable-header > i.icon-chevron-right { color: #46b8da; }

.user-test-feedback .user-test-feedback-row .feedback-outer { font-size: 15px; }

.user-test-feedback .user-test-feedback-row.expanded .feedback-outer { border-bottom: 0; }

.user-test-feedback .user-test-feedback-row.correct .mark-awarded { color: #138144; }

.user-test-feedback .user-test-feedback-row.incorrect .mark-awarded, .user-test-feedback .user-test-feedback-row.omitted .mark-awarded { color: #C52B31; }

#content #competencies.list { margin: 30px 0; }

#content #competencies.list tbody tr { border-top: 1px solid rgba(0, 0, 0, 0.1); }

#content #competencies.list tbody tr:first-child { border-top: 1px solid rgba(0, 0, 0, 0.2); }

#content #competencies.list tbody tr:nth-child(even) { background: #fafafa; }

#content #competencies.list > tbody > tr > td { vertical-align: top; padding-top: 10px; }

#content #competencies.list > tbody > tr > td:first-child { padding-top: 0; }

#content #competencieswithassets.list { margin: 30px 0; }

#content #competencieswithassets.list tbody tr { border-top: 1px solid rgba(0, 0, 0, 0.1); }

#content #competencieswithassets.list tbody tr:first-child { border-top: 1px solid rgba(0, 0, 0, 0.2); }

#content #competencieswithassets.list tbody tr:nth-child(even) { background: #fafafa; }

#content #competencieswithassets.list > tbody > tr > td { vertical-align: top; padding-top: 10px; }

#content #competencieswithassets.list > tbody > tr > td:first-child { padding-top: 0; }

.file-upload-box { margin-bottom: 4px; }

.file-upload-box .file-upload-header { color: #7C7D7E; }

.file-upload-box .file-upload-directive { margin: 8px 0px 8px 0px; }

.file-upload-box .editor-field { margin-bottom: 0; }

.file-upload-box .editor-field button { background: none; border: none; color: #FF0000; font-size: 1em; }

.file-upload-box .editor-field button span.t-delete { display: none; }

.resource .file-upload-box .file-upload-header { line-height: 100%; margin-right: 0; padding: 4px 0; float: left; clear: left; width: 20%; }

.resource .file-upload-box .file-upload-header strong { font-weight: normal; color: #565656; }

.resource .file-upload-box .file-upload-directive { display: none; }

.resource .file-upload-box .editor-field { display: inline-block; }

.file-upload-box .file-upload-header { display: none; }

.file-upload-box .form-group { margin: 10px 0 20px 0; }

.file-upload-box .form-group .k-widget.k-upload { width: auto; margin-bottom: 10px; border: 1px solid #eee; }

.file-upload-box .form-group .k-widget.k-upload .k-dropzone { margin-bottom: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; border: none; }

.file-upload-box .form-group .k-widget.k-upload .k-upload-files { border: none; margin-bottom: 0; }

.file-upload-box .form-group .k-widget.k-upload .k-upload-files .k-file { color: inherit; border: none; border-top: 1px solid #eee; }

.file-upload-box .form-group .k-widget.k-upload .k-upload-files .k-file .k-icon { display: none; }

.form-group .k-widget.k-upload .k-dropzone { padding: 5px; margin-bottom: 0; }

.form-group .k-widget.k-upload .k-upload-files { border-top: none; margin-bottom: 0; }

.k-upload-status .k-button, .k-upload-status .k-warning { vertical-align: middle; }

.grid-container.catalog-items tbody tr td, .jui-grid.catalog-items tbody tr td { border: solid 1px #dadada; }

.marking-project-subheader .days-info-panel { border-color: #dadada; }

.user.details .certificates .user-certificates .grid-container table tr td { border-color: #dadada; }

.manage-session-subheader .places-info-panel { border-color: #dadada; }

.catalogue .catalogue-item { border-color: #ffffff; }

.catalogue .catalogue-item:hover { background: #003480; /* The Fallback */ background: rgba(0, 52, 128, 0.1); zoom: 1; border-color: #003480; }

.catalogue#Grid.t-grid td.standout-column img { max-width: 4em; max-height: 4em; margin-right: 20px; }

.learning-type-icon.facetofaceevent { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-learningevent.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.assessmentevent { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-learningevent.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.bookedassessmentevent { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-learningevent.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.otherlearning { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-other.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.program { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-program.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.scormcourse { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-scorm.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.janisoncourse { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-scorm.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.janisoncourse { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-scorm.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.selfassessment { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-selfassessment.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.survey { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-survey.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.test { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-test.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.trackabledocument { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-trackable-document.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.externallearning { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-external.png?18-8-51-4) center center no-repeat; }

.learning-type-icon.ltiresource { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/90x90/lt-lti.png?18-8-51-4) center center no-repeat; }

.calendar-items .icons { width: 32px; height: 32px; background: transparent url(//onlinelearning.cls.janison.com/theme/content/images/folder.png?18-8-51-4) no-repeat scroll center center; display: block; }

.calendar-items .icons.Unknown { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/32x32/book_32.png?18-8-51-4) center center no-repeat; }

.calendar-items .icons.facetofaceevent { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/32x32/learningevent_32.png?18-8-51-4) center center no-repeat; }

.calendar-items .icons.Program { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/32x32/program_32.png?18-8-51-4) center center no-repeat; }

.calendar-items .icons.SCORMCourse { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/32x32/scorm_32.png?18-8-51-4) center center no-repeat; }

.calendar-items .icons.Survey { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/32x32/survey_32.png?18-8-51-4) center center no-repeat; }

.calendar-items .icons.Test { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/32x32/test_32.png?18-8-51-4) center center no-repeat; }

.calendar-items .icons.TrackableDocument { background: transparent url(//onlinelearning.cls.janison.com/theme/resources/icons/32x32/trackable_document_32.png?18-8-51-4) center center no-repeat; }

.post-actions .icon-active { line-height: revert; margin-left: 8px; border-radius: 50%; }

.post-actions .icon-active:hover { color: #00007d !important; }

.post-actions .icon-active:active { background-color: #b872fe !important; }

.securable-areas:hover { background-color: rgba(0, 52, 128, 0.08); }

body[class^='ui-refresh'] #header, body[class*=' ui-refresh'] #header { padding: 1px 5px; color: #000000; }

body[class^='ui-refresh'] .social-learning-layout #header, body[class*=' ui-refresh'] .social-learning-layout #header { padding: 15px 15px !important; height: 75px; color: #000000; }

body[class^='ui-refresh'] #top-menu-handle, body[class*=' ui-refresh'] #top-menu-handle { color: #003480; }

body[class^='ui-refresh'] #header #account-info, body[class*=' ui-refresh'] #header #account-info { position: absolute; }

body[class^='ui-refresh'] #header #account-info .user-portrait, body[class*=' ui-refresh'] #header #account-info .user-portrait { box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); width: 40px; object-fit: cover; }

body[class^='ui-refresh'] #header #account-info .social-learning-notifications-new, body[class*=' ui-refresh'] #header #account-info .social-learning-notifications-new { background: #003480; color: #ffffff !important; height: 28px; min-width: 28px; display: block; float: left; margin-right: 5px; line-height: 25px; font-weight: bold; text-align: center; padding: 0 3px; box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 2px 4px rgba(0, 0, 0, 0.2); }

body[class^='ui-refresh'] #header #account-info .social-learning-notifications-new i, body[class*=' ui-refresh'] #header #account-info .social-learning-notifications-new i { font-size: 1.6em; margin-top: 7px; }

body[class^='ui-refresh'] #header #account-info .social-learning-notifications-new span, body[class*=' ui-refresh'] #header #account-info .social-learning-notifications-new span { line-height: 1.5em; right: 3px; top: 3px; border-radius: 0; color: #fff; }

body[class^='ui-refresh'] #header #account-info .social-learning-help-new, body[class*=' ui-refresh'] #header #account-info .social-learning-help-new { height: 28px; min-width: 28px; display: block; float: left; margin-right: 5px; line-height: 31px; text-align: center; border: 2px solid; }

body[class^='ui-refresh'] #header #account-info .social-learning-help-new .fa-question-circle, body[class*=' ui-refresh'] #header #account-info .social-learning-help-new .fa-question-circle { font-size: 18px !important; margin-top: -3px; }

body[class^='ui-refresh'] #header #account-info .social-learning-help-new i, body[class*=' ui-refresh'] #header #account-info .social-learning-help-new i { color: #ffffff; }

body[class^='ui-refresh'] #header #account-info .social-learning-help-new span, body[class*=' ui-refresh'] #header #account-info .social-learning-help-new span { line-height: 1.5em; right: 3px; top: 3px; border-radius: 50%; color: #fff; }

.social-learning .social-leadning-side .dashboard-search .social-search-result .social-search-result-click:hover { background-color: #003480; color: #ffffff; }

.social-learning .social-leadning-side .dashboard-search .social-search-result .social-search-result-click a:hover { background-color: #003480; color: #ffffff; }

.social-learning .social-leadning-side ul li a { background: #f7f7f7; color: #003480; }

.social-learning .social-leadning-side ul li a:hover { background: #666666; color: #fff; }

.social-learning .social-leadning-side ul li.active a { color: #ffffff; background: #003480; }

.social-learning .dashboard-title h1 { color: #003480; }

.social-learning .side-panel .side-panel-header { background: #003480; color: #ffffff; }

.social-learning .side-panel .side-panel-header a { color: #ffffff; }

.social-learning .dashboard-item, .social-learning .dark-bg { background: #F5F5F5; }

.social-learning .text-fade:after { background: -moz-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(100%, whitesmoke)); background: -webkit-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 100%); background: -o-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 100%); background: -ms-linear-gradient(top, rgba(245, 245, 245, 0) 0%, whitesmoke 100%); background: linear-gradient(to bottom, rgba(245, 245, 245, 0) 0%, whitesmoke 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00F5F5F5', endColorstr='#F5F5F5',GradientType=0 ); }

.social-learning-layout #header { padding: 15px 25px; }

.social-learning-layout #header nav { border: none; top: 50%; margin-top: -20px; right: 0; height: 40px; width: 40px; color: #003480; }

.social-learning-layout #header nav.hoverActive { background: #ffffff; color: #003480; }

.social-learning-layout #header nav #top-menu-handle { left: 50%; margin-left: -6px; }

.social-learning-layout #header nav #top-menu { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12); border: none; top: 40px; right: 0; }

.social-learning-layout #header #account-info { top: 50%; right: 40px; margin-top: -20px; padding-right: 0; border: none; }

.social-learning-layout #header #account-info .user-name { float: right; }

.social-learning-layout #header #account-info .user-name span { display: none; }

.social-learning-layout #header #account-info img { margin-right: 0; }

.social-learning-layout #header #account-info .social-learning-rank { height: 40px; line-height: 40px; padding: 0 10px; display: inline-block; margin-right: 0 !important; }

.social-learning-layout #header #account-info .social-learning-notifications, .social-learning-layout #header #account-info .social-learning-help { background: #fff; color: #999; height: 40px; min-width: 40px; display: block; float: left; margin-right: 0; line-height: 40px; text-align: center; padding: 0 3px; }

.social-learning-layout #header #account-info .social-learning-notifications i, .social-learning-layout #header #account-info .social-learning-help i { font-size: 1.6em; margin-top: 7px; padding: 4px 2px 0 0; }

.social-learning-layout #header #account-info .social-learning-notifications span, .social-learning-layout #header #account-info .social-learning-help span { line-height: 1.5em; right: 3px; top: 3px; border-radius: 0; color: #fff; }

@media print { .no-print { display: none !important; }
  body, html { width: 100% !important; height: auto; min-height: 100%; print-color-adjust: exact; -webkit-print-color-adjust: exact; background-color: #fff !important; }
  body.modal-open { background: #fff !important; overflow: visible !important; }
  body.modal-open #wrap, body.modal-open .bug-reporter { display: none; }
  body.modal-open .modal-backdrop, body.modal-open #footer { display: none !important; }
  body.modal-open .modal { position: static; overflow: visible; }
  body.modal-open .modal .modal-header { display: none; }
  body.modal-open .modal .modal-dialog { width: 100%; border: none; margin: 0; }
  body.modal-open .modal .modal-content { box-shadow: none; border: none; border-radius: 0; } }

.clipboard-copy-area { position: fixed; top: 0; left: 0; width: 2em; height: 2em; padding: 0; border: none; outline: none; background: transparent; }

/*# sourceMappingURL=janison.web.ui.css.map */