.ql-snow .ql-editor h1,
.ql-snow .ql-editor h2,
.ql-snow .ql-editor h3,
.ql-snow .ql-editor h4,
.ql-snow .ql-editor h5,
.ql-snow .ql-editor h6,
.u-text-normalize h1,
.u-text-normalize h2,
.u-text-normalize h3,
.u-text-normalize h4,
.u-text-normalize h5,
.u-text-normalize h6 {
    margin-bottom: 10px
}

.admin-resource-tile a,
.ql-snow .ql-editor p a,
.ql-snow .ql-editor p a:hover,
.u-text-normalize p a,
.u-text-normalize p a:hover {
    text-decoration: underline !important
}

.col-auto,
.daterangepicker th.month {
    width: auto
}

#breadcrumb-wrap,
.cat_scroll_header {
    border-bottom: 1px solid transparent
}

.u-bg-white {
    background-color: #fff !important
}

.u-bg-product {
    background-color: #0747a6 !important
}

.u-bg-product-light {
    background-color: #e6f0fe !important
}

.u-bg-product-dark {
    background-color: #00317a !important
}

.u-bg-product-darker {
    background-color: #002356 !important
}

.u-bg-primary {
    background-color: #007eff !important
}

.u-bg-primary-tint {
    background-color: #fff !important
}

.u-bg-primary-light {
    background-color: #e5f2ff !important
}

.u-bg-primary-dark {
    background-color: #005dbd !important
}

.u-bg-primary-darker {
    background-color: #004c99 !important
}

.u-bg-secondary {
    background-color: #0747a6 !important
}

.u-bg-secondary-tint {
    background-color: #e6eef9 !important
}

.u-bg-secondary-light {
    background-color: #e6f0fe !important
}

.u-bg-secondary-dark {
    background-color: #00317a !important
}

.u-bg-secondary-darker {
    background-color: #002356 !important
}

.u-bg-tertiary {
    background-color: #24C875 !important
}

.u-bg-tertiary-tint {
    background-color: #fff !important
}

.u-bg-tertiary-light {
    background-color: #e2faee !important
}

.u-bg-tertiary-dark {
    background-color: #129d57 !important
}

.u-bg-tertiary-darker {
    background-color: #0e7842 !important
}

.u-bg-quat {
    background-color: #ff8d1c !important
}

.u-bg-quat-tint {
    background-color: #fff !important
}

.u-bg-quat-light {
    background-color: #fff3e8 !important
}

.u-bg-quat-dark {
    background-color: #e87300 !important
}

.u-bg-quat-darker {
    background-color: #bf5f00 !important
}

.u-bg-quin {
    background-color: #EF4035 !important
}

.u-bg-quin-tint {
    background-color: #fcf5f4 !important
}

.u-bg-quin-light {
    background-color: #fef3f2 !important
}

.u-bg-quin-dark {
    background-color: #e5190c !important
}

.u-bg-quin-darker {
    background-color: #ba0f04 !important
}

.u-bg-gray-lightest {
    background-color: #f2f5f8 !important
}

.u-bg-gray-lighter {
    background-color: #e8edf2 !important
}

.u-bg-gray-light {
    background-color: #C7D4E0 !important
}

.u-bg-gray {
    background-color: #8ea8c0 !important
}

.u-bg-gray-dark {
    background-color: #6387a9 !important
}

.u-bg-gray-darker {
    background-color: #364c61 !important
}

.u-bg-gray-darkest {
    background-color: #233240 !important
}

.u-bg-warning {
    background-color: #FDB813 !important
}

.u-bg-warning-tint {
    background-color: #fefcf8 !important
}

.u-bg-error {
    background-color: #e5190c !important
}

.u-bg-error-tint {
    background-color: #f2cdcb !important
}

.u-bg-success {
    background-color: #007eff !important
}

.u-bg-success-tint {
    background-color: #c7def5 !important
}

.u-bg-confirm {
    background-color: #24C875 !important
}

.u-bg-confirm-tint {
    background-color: #e0f2e9 !important
}

.u-bg-none {
    background-color: transparent !important
}

.u-bg.primary-primary {
    background: repeat-x #0065cc !important;
    background-image: -webkit-linear-gradient(135deg, #0065cc, #3398ff) !important;
    background-image: -o-linear-gradient(135deg, #0065cc, #3398ff) !important;
    background-image: linear-gradient(135deg, #0065cc, #3398ff) !important
}

.u-bg.primary-secondary {
    background: repeat-x #007eff !important;
    background-image: -webkit-linear-gradient(135deg, #007eff, #0747a6) !important;
    background-image: -o-linear-gradient(135deg, #007eff, #0747a6) !important;
    background-image: linear-gradient(135deg, #007eff, #0747a6) !important
}

.u-bg.primary-tertiary {
    background: repeat-x #007eff !important;
    background-image: -webkit-linear-gradient(135deg, #007eff, #24C875) !important;
    background-image: -o-linear-gradient(135deg, #007eff, #24C875) !important;
    background-image: linear-gradient(135deg, #007eff, #24C875) !important
}

.u-bg.primary-quat {
    background: repeat-x #007eff !important;
    background-image: -webkit-linear-gradient(135deg, #007eff, #ff8d1c) !important;
    background-image: -o-linear-gradient(135deg, #007eff, #ff8d1c) !important;
    background-image: linear-gradient(135deg, #007eff, #ff8d1c) !important
}

.u-bg.primary-quin {
    background: repeat-x #007eff !important;
    background-image: -webkit-linear-gradient(135deg, #007eff, #EF4035) !important;
    background-image: -o-linear-gradient(135deg, #007eff, #EF4035) !important;
    background-image: linear-gradient(135deg, #007eff, #EF4035) !important
}

.u-bg.secondary-primary {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #007eff) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #007eff) !important;
    background-image: linear-gradient(135deg, #0747a6, #007eff) !important
}

.u-bg.secondary-secondary {
    background: repeat-x #053275 !important;
    background-image: -webkit-linear-gradient(135deg, #053275, #095cd7) !important;
    background-image: -o-linear-gradient(135deg, #053275, #095cd7) !important;
    background-image: linear-gradient(135deg, #053275, #095cd7) !important
}

.u-bg.secondary-tertiary {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #24C875) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #24C875) !important;
    background-image: linear-gradient(135deg, #0747a6, #24C875) !important
}

.u-bg.secondary-quat {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #ff8d1c) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #ff8d1c) !important;
    background-image: linear-gradient(135deg, #0747a6, #ff8d1c) !important
}

.u-bg.secondary-quin {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #EF4035) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #EF4035) !important;
    background-image: linear-gradient(135deg, #0747a6, #EF4035) !important
}

.u-bg.tertiary-primary {
    background: repeat-x #24C875 !important;
    background-image: -webkit-linear-gradient(135deg, #24C875, #007eff) !important;
    background-image: -o-linear-gradient(135deg, #24C875, #007eff) !important;
    background-image: linear-gradient(135deg, #24C875, #007eff) !important
}

.u-bg.tertiary-secondary {
    background: repeat-x #24C875 !important;
    background-image: -webkit-linear-gradient(135deg, #24C875, #0747a6) !important;
    background-image: -o-linear-gradient(135deg, #24C875, #0747a6) !important;
    background-image: linear-gradient(135deg, #24C875, #0747a6) !important
}

.u-bg.tertiary-tertiary {
    background: repeat-x #1c9d5c !important;
    background-image: -webkit-linear-gradient(135deg, #1c9d5c, #42dd8f) !important;
    background-image: -o-linear-gradient(135deg, #1c9d5c, #42dd8f) !important;
    background-image: linear-gradient(135deg, #1c9d5c, #42dd8f) !important
}

.u-bg.tertiary-quat {
    background: repeat-x #24C875 !important;
    background-image: -webkit-linear-gradient(135deg, #24C875, #ff8d1c) !important;
    background-image: -o-linear-gradient(135deg, #24C875, #ff8d1c) !important;
    background-image: linear-gradient(135deg, #24C875, #ff8d1c) !important
}

.u-bg.tertiary-quin {
    background: repeat-x #24C875 !important;
    background-image: -webkit-linear-gradient(135deg, #24C875, #EF4035) !important;
    background-image: -o-linear-gradient(135deg, #24C875, #EF4035) !important;
    background-image: linear-gradient(135deg, #24C875, #EF4035) !important
}

.u-bg.quat-primary {
    background: repeat-x #ff8d1c !important;
    background-image: -webkit-linear-gradient(135deg, #ff8d1c, #007eff) !important;
    background-image: -o-linear-gradient(135deg, #ff8d1c, #007eff) !important;
    background-image: linear-gradient(135deg, #ff8d1c, #007eff) !important
}

.u-bg.quat-secondary {
    background: repeat-x #ff8d1c !important;
    background-image: -webkit-linear-gradient(135deg, #ff8d1c, #0747a6) !important;
    background-image: -o-linear-gradient(135deg, #ff8d1c, #0747a6) !important;
    background-image: linear-gradient(135deg, #ff8d1c, #0747a6) !important
}

.u-bg.quat-tertiary {
    background: repeat-x #ff8d1c !important;
    background-image: -webkit-linear-gradient(135deg, #ff8d1c, #24C875) !important;
    background-image: -o-linear-gradient(135deg, #ff8d1c, #24C875) !important;
    background-image: linear-gradient(135deg, #ff8d1c, #24C875) !important
}

.u-bg.quat-quat {
    background: repeat-x #e87300 !important;
    background-image: -webkit-linear-gradient(135deg, #e87300, #ffa74f) !important;
    background-image: -o-linear-gradient(135deg, #e87300, #ffa74f) !important;
    background-image: linear-gradient(135deg, #e87300, #ffa74f) !important
}

.u-bg.quat-quin {
    background: repeat-x #ff8d1c !important;
    background-image: -webkit-linear-gradient(135deg, #ff8d1c, #EF4035) !important;
    background-image: -o-linear-gradient(135deg, #ff8d1c, #EF4035) !important;
    background-image: linear-gradient(135deg, #ff8d1c, #EF4035) !important
}

.u-bg.quin-primary {
    background: repeat-x #EF4035 !important;
    background-image: -webkit-linear-gradient(135deg, #EF4035, #007eff) !important;
    background-image: -o-linear-gradient(135deg, #EF4035, #007eff) !important;
    background-image: linear-gradient(135deg, #EF4035, #007eff) !important
}

.u-bg.quin-secondary {
    background: repeat-x #EF4035 !important;
    background-image: -webkit-linear-gradient(135deg, #EF4035, #0747a6) !important;
    background-image: -o-linear-gradient(135deg, #EF4035, #0747a6) !important;
    background-image: linear-gradient(135deg, #EF4035, #0747a6) !important
}

.u-bg.quin-tertiary {
    background: repeat-x #EF4035 !important;
    background-image: -webkit-linear-gradient(135deg, #EF4035, #24C875) !important;
    background-image: -o-linear-gradient(135deg, #EF4035, #24C875) !important;
    background-image: linear-gradient(135deg, #EF4035, #24C875) !important
}

.u-bg.quin-quat {
    background: repeat-x #EF4035 !important;
    background-image: -webkit-linear-gradient(135deg, #EF4035, #ff8d1c) !important;
    background-image: -o-linear-gradient(135deg, #EF4035, #ff8d1c) !important;
    background-image: linear-gradient(135deg, #EF4035, #ff8d1c) !important
}

.u-bg.quin-quin {
    background: repeat-x #df1e12 !important;
    background-image: -webkit-linear-gradient(135deg, #df1e12, #f36d64) !important;
    background-image: -o-linear-gradient(135deg, #df1e12, #f36d64) !important;
    background-image: linear-gradient(135deg, #df1e12, #f36d64) !important
}

.u-bg.product-primary {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #007eff) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #007eff) !important;
    background-image: linear-gradient(135deg, #0747a6, #007eff) !important
}

.u-bg.product-secondary {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #0747a6) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #0747a6) !important;
    background-image: linear-gradient(135deg, #0747a6, #0747a6) !important
}

.u-bg.product-tertiary {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #24C875) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #24C875) !important;
    background-image: linear-gradient(135deg, #0747a6, #24C875) !important
}

.u-bg.product-quat {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #ff8d1c) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #ff8d1c) !important;
    background-image: linear-gradient(135deg, #0747a6, #ff8d1c) !important
}

.u-bg.product-quin {
    background: repeat-x #0747a6 !important;
    background-image: -webkit-linear-gradient(135deg, #0747a6, #EF4035) !important;
    background-image: -o-linear-gradient(135deg, #0747a6, #EF4035) !important;
    background-image: linear-gradient(135deg, #0747a6, #EF4035) !important
}

.u-bg.product-product {
    background: repeat-x #053275 !important;
    background-image: -webkit-linear-gradient(135deg, #053275, #095cd7) !important;
    background-image: -o-linear-gradient(135deg, #053275, #095cd7) !important;
    background-image: linear-gradient(135deg, #053275, #095cd7) !important
}

.u-bg.gray-darkest {
    background: repeat-x #233240 !important;
    background-image: -webkit-linear-gradient(135deg, #233240, #364c61) !important;
    background-image: -o-linear-gradient(135deg, #233240, #364c61) !important;
    background-image: linear-gradient(135deg, #233240, #364c61) !important
}

.u-bg.gray-darker {
    background: repeat-x #364c61 !important;
    background-image: -webkit-linear-gradient(135deg, #364c61, #6387a9) !important;
    background-image: -o-linear-gradient(135deg, #364c61, #6387a9) !important;
    background-image: linear-gradient(135deg, #364c61, #6387a9) !important
}

.u-bg.gray-dark {
    background: repeat-x #6387a9 !important;
    background-image: -webkit-linear-gradient(135deg, #6387a9, #8ea8c0) !important;
    background-image: -o-linear-gradient(135deg, #6387a9, #8ea8c0) !important;
    background-image: linear-gradient(135deg, #6387a9, #8ea8c0) !important
}

.u-bg.gray-gray {
    background: repeat-x #8ea8c0 !important;
    background-image: -webkit-linear-gradient(135deg, #8ea8c0, #C7D4E0) !important;
    background-image: -o-linear-gradient(135deg, #8ea8c0, #C7D4E0) !important;
    background-image: linear-gradient(135deg, #8ea8c0, #C7D4E0) !important
}

.u-bg.gray-light {
    background: repeat-x #C7D4E0 !important;
    background-image: -webkit-linear-gradient(135deg, #C7D4E0, #e8edf2) !important;
    background-image: -o-linear-gradient(135deg, #C7D4E0, #e8edf2) !important;
    background-image: linear-gradient(135deg, #C7D4E0, #e8edf2) !important
}

.u-bg.gray-lighter {
    background: repeat-x #e8edf2 !important;
    background-image: -webkit-linear-gradient(135deg, #e8edf2, #f2f5f8) !important;
    background-image: -o-linear-gradient(135deg, #e8edf2, #f2f5f8) !important;
    background-image: linear-gradient(135deg, #e8edf2, #f2f5f8) !important
}

.u-bg.gray-lightest {
    background: repeat-x #f2f5f8 !important;
    background-image: -webkit-linear-gradient(135deg, #f2f5f8, #fff) !important;
    background-image: -o-linear-gradient(135deg, #f2f5f8, #fff) !important;
    background-image: linear-gradient(135deg, #f2f5f8, #fff) !important
}

.u-color-white,
.u-color-white h1,
.u-color-white h2,
.u-color-white h3,
.u-color-white h4,
.u-color-white h5,
.u-color-white h6,
.u-color-white p {
    color: #fff !important
}

.u-color-base,
.u-color-base h1,
.u-color-base h2,
.u-color-base h3,
.u-color-base h4,
.u-color-base h5,
.u-color-base h6,
.u-color-base p {
    color: #364c61 !important
}

.u-color-product,
.u-color-product h1,
.u-color-product h2,
.u-color-product h3,
.u-color-product h4,
.u-color-product h5,
.u-color-product h6,
.u-color-product p {
    color: #0747a6 !important
}

.u-color-product-dark,
.u-color-product-dark h1,
.u-color-product-dark h2,
.u-color-product-dark h3,
.u-color-product-dark h4,
.u-color-product-dark h5,
.u-color-product-dark h6,
.u-color-product-dark p {
    color: #00317a !important
}

.u-color-product-darker,
.u-color-product-darker h1,
.u-color-product-darker h2,
.u-color-product-darker h3,
.u-color-product-darker h4,
.u-color-product-darker h5,
.u-color-product-darker h6,
.u-color-product-darker p {
    color: #002356 !important
}

.u-color-primary,
.u-color-primary h1,
.u-color-primary h2,
.u-color-primary h3,
.u-color-primary h4,
.u-color-primary h5,
.u-color-primary h6,
.u-color-primary p {
    color: #007eff !important
}

.u-color-primary-dark,
.u-color-primary-dark h1,
.u-color-primary-dark h2,
.u-color-primary-dark h3,
.u-color-primary-dark h4,
.u-color-primary-dark h5,
.u-color-primary-dark h6,
.u-color-primary-dark p {
    color: #005dbd !important
}

.u-color-primary-darker,
.u-color-primary-darker h1,
.u-color-primary-darker h2,
.u-color-primary-darker h3,
.u-color-primary-darker h4,
.u-color-primary-darker h5,
.u-color-primary-darker h6,
.u-color-primary-darker p {
    color: #004c99 !important
}

.u-color-secondary,
.u-color-secondary h1,
.u-color-secondary h2,
.u-color-secondary h3,
.u-color-secondary h4,
.u-color-secondary h5,
.u-color-secondary h6,
.u-color-secondary p {
    color: #0747a6 !important
}

.u-color-secondary-dark,
.u-color-secondary-dark h1,
.u-color-secondary-dark h2,
.u-color-secondary-dark h3,
.u-color-secondary-dark h4,
.u-color-secondary-dark h5,
.u-color-secondary-dark h6,
.u-color-secondary-dark p {
    color: #00317a !important
}

.u-color-secondary-darker,
.u-color-secondary-darker h1,
.u-color-secondary-darker h2,
.u-color-secondary-darker h3,
.u-color-secondary-darker h4,
.u-color-secondary-darker h5,
.u-color-secondary-darker h6,
.u-color-secondary-darker p {
    color: #002356 !important
}

.u-color-tertiary,
.u-color-tertiary h1,
.u-color-tertiary h2,
.u-color-tertiary h3,
.u-color-tertiary h4,
.u-color-tertiary h5,
.u-color-tertiary h6,
.u-color-tertiary p {
    color: #24C875 !important
}

.u-color-tertiary-dark,
.u-color-tertiary-dark h1,
.u-color-tertiary-dark h2,
.u-color-tertiary-dark h3,
.u-color-tertiary-dark h4,
.u-color-tertiary-dark h5,
.u-color-tertiary-dark h6,
.u-color-tertiary-dark p {
    color: #129d57 !important
}

.u-color-tertiary-darker,
.u-color-tertiary-darker h1,
.u-color-tertiary-darker h2,
.u-color-tertiary-darker h3,
.u-color-tertiary-darker h4,
.u-color-tertiary-darker h5,
.u-color-tertiary-darker h6,
.u-color-tertiary-darker p {
    color: #0e7842 !important
}

.u-color-quat,
.u-color-quat h1,
.u-color-quat h2,
.u-color-quat h3,
.u-color-quat h4,
.u-color-quat h5,
.u-color-quat h6,
.u-color-quat p {
    color: #ff8d1c !important
}

.u-color-quat-dark,
.u-color-quat-dark h1,
.u-color-quat-dark h2,
.u-color-quat-dark h3,
.u-color-quat-dark h4,
.u-color-quat-dark h5,
.u-color-quat-dark h6,
.u-color-quat-dark p {
    color: #e87300 !important
}

.u-color-quat-darker,
.u-color-quat-darker h1,
.u-color-quat-darker h2,
.u-color-quat-darker h3,
.u-color-quat-darker h4,
.u-color-quat-darker h5,
.u-color-quat-darker h6,
.u-color-quat-darker p {
    color: #bf5f00 !important
}

.u-color-quin,
.u-color-quin h1,
.u-color-quin h2,
.u-color-quin h3,
.u-color-quin h4,
.u-color-quin h5,
.u-color-quin h6,
.u-color-quin p {
    color: #EF4035 !important
}

.u-color-quin-dark,
.u-color-quin-dark h1,
.u-color-quin-dark h2,
.u-color-quin-dark h3,
.u-color-quin-dark h4,
.u-color-quin-dark h5,
.u-color-quin-dark h6,
.u-color-quin-dark p {
    color: #e5190c !important
}

.u-color-quin-darker,
.u-color-quin-darker h1,
.u-color-quin-darker h2,
.u-color-quin-darker h3,
.u-color-quin-darker h4,
.u-color-quin-darker h5,
.u-color-quin-darker h6,
.u-color-quin-darker p {
    color: #ba0f04 !important
}

.u-color-primary-tint,
.u-color-primary-tint h1,
.u-color-primary-tint h2,
.u-color-primary-tint h3,
.u-color-primary-tint h4,
.u-color-primary-tint h5,
.u-color-primary-tint h6,
.u-color-primary-tint p {
    color: #fff !important
}

.u-color-secondary-tint,
.u-color-secondary-tint h1,
.u-color-secondary-tint h2,
.u-color-secondary-tint h3,
.u-color-secondary-tint h4,
.u-color-secondary-tint h5,
.u-color-secondary-tint h6,
.u-color-secondary-tint p {
    color: #e6eef9 !important
}

.u-color-quat-tint,
.u-color-quat-tint h1,
.u-color-quat-tint h2,
.u-color-quat-tint h3,
.u-color-quat-tint h4,
.u-color-quat-tint h5,
.u-color-quat-tint h6,
.u-color-quat-tint p,
.u-color-tertiary-tint,
.u-color-tertiary-tint h1,
.u-color-tertiary-tint h2,
.u-color-tertiary-tint h3,
.u-color-tertiary-tint h4,
.u-color-tertiary-tint h5,
.u-color-tertiary-tint h6,
.u-color-tertiary-tint p {
    color: #fff !important
}

.u-color-quin-tint,
.u-color-quin-tint h1,
.u-color-quin-tint h2,
.u-color-quin-tint h3,
.u-color-quin-tint h4,
.u-color-quin-tint h5,
.u-color-quin-tint h6,
.u-color-quin-tint p {
    color: #fcf5f4 !important
}

.u-color-gray-lightest,
.u-color-gray-lightest h1,
.u-color-gray-lightest h2,
.u-color-gray-lightest h3,
.u-color-gray-lightest h4,
.u-color-gray-lightest h5,
.u-color-gray-lightest h6,
.u-color-gray-lightest p {
    color: #f2f5f8 !important
}

.u-color-gray-lighter,
.u-color-gray-lighter h1,
.u-color-gray-lighter h2,
.u-color-gray-lighter h3,
.u-color-gray-lighter h4,
.u-color-gray-lighter h5,
.u-color-gray-lighter h6,
.u-color-gray-lighter p {
    color: #e8edf2 !important
}

.u-color-gray-light,
.u-color-gray-light h1,
.u-color-gray-light h2,
.u-color-gray-light h3,
.u-color-gray-light h4,
.u-color-gray-light h5,
.u-color-gray-light h6,
.u-color-gray-light p {
    color: #C7D4E0 !important
}

.u-color-gray,
.u-color-gray h1,
.u-color-gray h2,
.u-color-gray h3,
.u-color-gray h4,
.u-color-gray h5,
.u-color-gray h6,
.u-color-gray p {
    color: #8ea8c0 !important
}

.u-color-gray-dark,
.u-color-gray-dark h1,
.u-color-gray-dark h2,
.u-color-gray-dark h3,
.u-color-gray-dark h4,
.u-color-gray-dark h5,
.u-color-gray-dark h6,
.u-color-gray-dark p {
    color: #6387a9 !important
}

.breadcrumb>li+li:before,
.u-color-gray-darker,
.u-color-gray-darker h1,
.u-color-gray-darker h2,
.u-color-gray-darker h3,
.u-color-gray-darker h4,
.u-color-gray-darker h5,
.u-color-gray-darker h6,
.u-color-gray-darker p {
    color: #364c61 !important
}

.u-color-gray-darkest,
.u-color-gray-darkest h1,
.u-color-gray-darkest h2,
.u-color-gray-darkest h3,
.u-color-gray-darkest h4,
.u-color-gray-darkest h5,
.u-color-gray-darkest h6,
.u-color-gray-darkest p {
    color: #233240 !important
}

.u-color-warning,
.u-color-warning h1,
.u-color-warning h2,
.u-color-warning h3,
.u-color-warning h4,
.u-color-warning h5,
.u-color-warning h6,
.u-color-warning p {
    color: #FDB813 !important
}

.u-color-error,
.u-color-error h1,
.u-color-error h2,
.u-color-error h3,
.u-color-error h4,
.u-color-error h5,
.u-color-error h6,
.u-color-error p {
    color: #e5190c !important
}

.u-color-success,
.u-color-success h1,
.u-color-success h2,
.u-color-success h3,
.u-color-success h4,
.u-color-success h5,
.u-color-success h6,
.u-color-success p {
    color: #007eff !important
}

.u-color-confirm,
.u-color-confirm h1,
.u-color-confirm h2,
.u-color-confirm h3,
.u-color-confirm h4,
.u-color-confirm h5,
.u-color-confirm h6,
.u-color-confirm p {
    color: #24C875 !important
}

@font-face {
    font-family: FontAwesomeLight;
    src: url(../webfonts/fa-light-300.eot);
    src: url(../webfonts/fa-light-300.eot) format('embedded-opentype'), url(../webfonts/fa-light-300.woff2) format('woff2'), url(../webfonts/fa-light-300.woff) format('woff'), url(../webfonts/fa-light-300.ttf) format('truetype'), url(../webfonts/fa-light-300.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FontAwesomeRegular;
    src: url(../webfonts/fa-regular-400.eot);
    src: url(../webfonts/fa-regular-400.eot) format('embedded-opentype'), url(../webfonts/fa-regular-400.woff2) format('woff2'), url(../webfonts/fa-regular-400.woff) format('woff'), url(../webfonts/fa-regular-400.ttf) format('truetype'), url(../webfonts/fa-regular-400.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FontAwesomeSolid;
    src: url(../webfonts/fa-solid-900.eot);
    src: url(../webfonts/fa-solid-900.eot) format('embedded-opentype'), url(../webfonts/fa-solid-900.woff2) format('woff2'), url(../webfonts/fa-solid-900.woff) format('woff'), url(../webfonts/fa-solid-900.ttf) format('truetype'), url(../webfonts/fa-solid-900.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

.fal {
    font-family: FontAwesomeLight !important
}

.far {
    font-family: FontAwesomeRegular !important
}

.fa {
    font-family: FontAwesomeSolid !important
}

.u-hover-grow-1,
.u-hover-grow-2,
.u-hover-grow-3,
.u-hover-grow-4 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: transform .15s ease-in-out;
    -moz-transition: transform .15s ease-in-out;
    -ms-transition: transform .15s ease-in-out;
    -o-transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out
}

.u-hover-grow-1:focus,
.u-hover-grow-1:hover {
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    -ms-transform: scale(1.025);
    -o-transform: scale(1.025);
    transform: scale(1.025)
}

.u-hover-grow-2:focus,
.u-hover-grow-2:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.u-hover-grow-3:focus,
.u-hover-grow-3:hover {
    -webkit-transform: scale(1.075);
    -moz-transform: scale(1.075);
    -ms-transform: scale(1.075);
    -o-transform: scale(1.075);
    transform: scale(1.075)
}

.u-hover-grow-4:focus,
.u-hover-grow-4:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.u-aria-focus-inner:focus:focus,
.u-aria-focus:focus:focus,
a.u-aria-focus-inner:focus:focus,
a.u-aria-focus:focus:focus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 2px #007eff !important;
    -moz-box-shadow: 0 0 0 2px #007eff !important;
    box-shadow: 0 0 0 2px #007eff !important;
    outline: 0 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.u-aria-focus-inner:focus:focus,
a.u-aria-focus-inner:focus:focus {
    -webkit-box-shadow: inset 0 0 0 2px #007eff !important;
    -moz-box-shadow: inset 0 0 0 2px #007eff !important;
    box-shadow: inset 0 0 0 2px #007eff !important;
    outline: 0 !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none
}

.ql-snow .ql-editor h1,
.ql-snow .ql-editor h2,
.ql-snow .ql-editor h3,
.ql-snow .ql-editor h4,
.ql-snow .ql-editor h5,
.ql-snow .ql-editor h6,
.u-text-normalize h1,
.u-text-normalize h2,
.u-text-normalize h3,
.u-text-normalize h4,
.u-text-normalize h5,
.u-text-normalize h6 {
    font-weight: 500;
    line-height: 1.1
}

.ql-snow .ql-editor h1 small,
.ql-snow .ql-editor h2 small,
.ql-snow .ql-editor h3 small,
.ql-snow .ql-editor h4 small,
.ql-snow .ql-editor h5 small,
.ql-snow .ql-editor h6 small,
.u-text-normalize h1 small,
.u-text-normalize h2 small,
.u-text-normalize h3 small,
.u-text-normalize h4 small,
.u-text-normalize h5 small,
.u-text-normalize h6 small {
    font-weight: 400;
    line-height: 1
}

.ql-snow .ql-editor h1 small,
.ql-snow .ql-editor h2 small,
.ql-snow .ql-editor h3 small,
.u-text-normalize h1 small,
.u-text-normalize h2 small,
.u-text-normalize h3 small {
    font-size: 65%
}

.ql-snow .ql-editor h4 small,
.ql-snow .ql-editor h5 small,
.ql-snow .ql-editor h6 small,
.u-text-normalize h4 small,
.u-text-normalize h5 small,
.u-text-normalize h6 small {
    font-size: 75%
}

.ql-snow .ql-editor h1,
.u-text-normalize h1 {
    font-size: 36px
}

.ql-snow .ql-editor h2,
.u-text-normalize h2 {
    font-size: 30px
}

.ql-snow .ql-editor h3,
.u-text-normalize h3 {
    font-size: 24px
}

.ql-snow .ql-editor h4,
.u-text-normalize h4 {
    font-size: 18px
}

.ql-snow .ql-editor h5,
.u-text-normalize h5 {
    font-size: 14px
}

.ql-snow .ql-editor h6,
.u-text-normalize h6 {
    font-size: 12px
}

.ql-snow .ql-editor p,
.u-text-normalize p {
    margin: 0 0 10px
}

.ql-snow .ql-editor strong,
.u-text-normalize strong {
    text-transform: none;
    font-style: normal
}

.ql-snow .ql-editor p strong,
.u-text-normalize p strong {
    color: #364c61
}

.u-text-italic {
    font-style: italic !important
}

.u-text-bold {
    font-weight: 700 !important
}

.u-text-word-wrap {
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -pre-wrap;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
    word-break: break-all
}

.u-float-none {
    float: none !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: none
}

.u-outline-0 {
    outline: 0 !important
}

.u-pos-static {
    position: static !important
}

.alert_message_group {
    overflow: hidden
}

.alert_message_group .alert_message {
    border-radius: 0 !important
}

.alert_message_group .alert_message+.alert_message {
    border-top: 1px solid rgba(0, 0, 0, .06) !important;
    margin: 0
}

.container,
.container-fluid {
    max-width: 1150px !important;
    padding-left: 15px;
    padding-right: 15px
}

table {
    font-size: inherit
}

table.table.table-condensed tbody tr td,
table.table.table-condensed tbody tr th,
table.table.table-condensed thead tr td,
table.table.table-condensed thead tr th {
    padding-left: .65em !important;
    padding-right: .65em !important
}

table.table.table-condensed tbody tr td,
table.table.table-condensed thead tr td {
    padding-top: .5em !important;
    padding-bottom: .5em !important
}

.page-content {
    min-height: 600px
}

.checkbox-toggle {
    position: relative
}

.checkbox-toggle input[type=checkbox],
.checkbox-toggle input[type=radio] {
    display: inline-block !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    -webkit-opacity: 0 !important;
    opacity: 0 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
    filter: alpha(opacity=0) !important;
    position: absolute !important
}

.checkbox-toggle input[type=checkbox]:focus+span.psuedo-checkbox,
.checkbox-toggle input[type=radio]:focus+span.psuedo-checkbox {
    -webkit-box-shadow: 0 0 3px 4px rgba(32, 166, 252, .5) !important;
    -moz-box-shadow: 0 0 3px 4px rgba(32, 166, 252, .5) !important;
    box-shadow: 0 0 3px 4px rgba(32, 166, 252, .5) !important
}

.checkbox-toggle-sm {
    margin: -5px -11px !important
}

.checkbox {
    position: relative
}

.checkbox input[type=checkbox],
.checkbox input[type=radio] {
    display: inline-block !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    -webkit-opacity: 0 !important;
    opacity: 0 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
    filter: alpha(opacity=0) !important;
    position: absolute !important
}

.checkbox input[type=checkbox]:focus+span,
.checkbox input[type=radio]:focus+span {
    -webkit-box-shadow: 0 0 3px 4px rgba(32, 166, 252, .5) !important;
    -moz-box-shadow: 0 0 3px 4px rgba(32, 166, 252, .5) !important;
    box-shadow: 0 0 3px 4px rgba(32, 166, 252, .5) !important
}

#breadcrumb-wrap {
    margin-bottom: -1px
}

.u-bg.secondary-secondary .breadcrumb>li+li:before {
    color: #FFF !important
}

.hidden_btn_wrap {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
    text-align: center;
    z-index: -1;
    white-space: nowrap
}

.hidden_btn_wrap .hidden_btn_wrap_btn {
    position: relative;
    background: #005695;
    color: #fff;
    padding: 5px 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
    -moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
    box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    width: 170px;
    text-align: center;
    display: inline-block;
    font-weight: 600
}

.hidden_btn_wrap .hidden_btn_wrap_btn:focus {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    z-index: 2001
}

.cat_scroll_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-weight: 600;
    height: auto;
    display: none;
    background: #005695;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-animation: CAT_SCROLL_BAR_ANIMATION .25s 1 ease-in-out;
    -moz-animation: CAT_SCROLL_BAR_ANIMATION .25s 1 ease-in-out;
    -ms-animation: CAT_SCROLL_BAR_ANIMATION .25s 1 ease-in-out;
    animation: CAT_SCROLL_BAR_ANIMATION .25s 1 ease-in-out
}

.cat_scroll_header.cat_scroll_header_dropped {
    display: block
}

.cat_scroll_header .cat_scroll_header_inner {
    position: relative;
    width: 100%;
    padding: 10px 15px;
    background: #005695;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 2px 0 15px 0 rgba(99, 135, 169, .2);
    -moz-box-shadow: 2px 0 15px 0 rgba(99, 135, 169, .2);
    box-shadow: 2px 0 15px 0 rgba(99, 135, 169, .2)
}

@-moz-keyframes CAT_SCROLL_BAR_ANIMATION {
    0% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes CAT_SCROLL_BAR_ANIMATION {
    0% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes CAT_SCROLL_BAR_ANIMATION {
    0% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes CAT_SCROLL_BAR_ANIMATION {
    0% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-40px);
        -moz-transform: translateY(-40px);
        -ms-transform: translateY(-40px);
        -o-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    100% {
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width:768px) {
    .w-push-menu .cat_scroll_header {
        padding-left: 85px
    }

    .w-uber-nav .cat_scroll_header {
        padding-left: 200px
    }

    .w-inner-left-side .cat_scroll_header {
        padding-left: 350px
    }
}

.w-push-menu.push-menu-open .cat_scroll_header {
    padding-left: 285px
}

.completed-course-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    width: 65px;
    height: 65px;
    overflow: hidden
}

.completed-course-corner:before {
    position: absolute;
    display: block;
    content: '';
    top: -46px;
    left: -46px;
    height: 91.92px;
    width: 91.92px;
    background: #24C875;
    border: 1px solid #24C875;
    z-index: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .15)
}

.completed-course-corner .fa {
    top: 0;
    left: 0
}

.completed-course-corner.completed-course-corner-lg {
    width: 150px;
    height: 150px
}

.completed-course-corner.completed-course-corner-lg:before {
    top: -106.35px;
    left: -106.35px;
    height: 212.13px;
    width: 212.13px
}

.completed-course-corner.completed-course-corner-lg .fa-stack {
    margin-top: 18.75px;
    margin-left: 18.75px
}

.completed-course-corner.completed-course-corner-lg .fa {
    margin-top: 0;
    margin-left: 0
}

.completed-course-corner .fa,
a .completed-course-corner .fa,
a.floating-tile .completed-course-corner .fa,
button.floating-tile .completed-course-corner .fa {
    position: absolute;
    z-index: 2;
    margin-top: 8px;
    margin-left: 8px;
    color: #FFF !important
}

.cat-thumb-underlay {
    -moz-opacity: .65 !important;
    -khtml-opacity: .65 !important;
    -webkit-opacity: .65 !important;
    opacity: .65 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
    filter: alpha(opacity=65) !important
}

.cat-thumb-overlay {
    background: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0)
}

.category-card-tile:active .hiding-child,
.category-card-tile:focus .hiding-child {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    filter: alpha(opacity=100) !important
}

.course-thumb-underlay {
    -moz-opacity: .5 !important;
    -khtml-opacity: .5 !important;
    -webkit-opacity: .5 !important;
    opacity: .5 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;
    filter: alpha(opacity=50) !important
}

.course-thumb-overlay {
    background: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .8) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, .8) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0)
}

.course-card-tile:active .hiding-child,
.course-card-tile:focus .hiding-child {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
    filter: alpha(opacity=100) !important;
    display: block !important
}

.course-card-tile:active .visible-child,
.course-card-tile:focus .visible-child {
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    -webkit-opacity: 0 !important;
    opacity: 0 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0) !important;
    filter: alpha(opacity=0) !important;
    display: block !important
}

.train-row-underlay {
    -moz-opacity: .65 !important;
    -khtml-opacity: .65 !important;
    -webkit-opacity: .65 !important;
    opacity: .65 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
    filter: alpha(opacity=65) !important
}

.train-row-overlay {
    background: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#cc000000', GradientType=0)
}

.hiding-parent .hiding-child:focus,
.hiding-parent:focus .hiding-child,
.training-row-tile:focus .icon-ring.hiding-child {
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    -webkit-opacity: 1 !important;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important
}

.training-row-tile:focus .icon-ring.hiding-child {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

@media screen and (max-width:767px) {
    .training-row-tile {
        margin-bottom: 15px
    }

    .training-row-tile .content {
        height: 170px
    }
}

.progress-bar {
    -webkit-animation: PROGRESS_GROW .5s 1 ease-in-out;
    -moz-animation: PROGRESS_GROW .5s 1 ease-in-out;
    -ms-animation: PROGRESS_GROW .5s 1 ease-in-out;
    animation: PROGRESS_GROW .5s 1 ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#typeahead_course_search::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6) !important
}

#typeahead_course_search::-moz-placeholder {
    color: rgba(255, 255, 255, .6) !important
}

#typeahead_course_search:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6) !important
}

#typeahead_course_search:-moz-placeholder {
    color: rgba(255, 255, 255, .6) !important
}

.fixed-floating-back-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px
}

.fixed-floating-back-to-top .icon-ring {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .25);
    -moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, .25);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .25)
}

#site-section-banner .badge {
    margin-top: 5px
}

.inner-side-nav-dark {
    background: #364C61;
    border: 0
}

.ci_player,
.quiz_question_div {
    border: none !important
}

.inner-side-nav-dark ul.nav.nav-pills li {
    background: 0 0 !important
}

.inner-side-nav-dark ul.nav.nav-pills li>a {
    color: #FFF;
    padding: 10px 15px
}

.inner-side-nav-dark ul.nav.nav-pills li>a:active,
.inner-side-nav-dark ul.nav.nav-pills li>a:focus,
.inner-side-nav-dark ul.nav.nav-pills li>a:hover {
    background: rgba(255, 255, 255, .1) !important
}

.quiz_question_div {
    outline: 0 !important
}

.question_btn_wrapper .question_btn {
    width: 100%;
    position: relative;
    cursor: default !important
}

.question_btn_wrapper .question_btn .answer_row_validation_icon {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    -webkit-transform: translate(-10px, -10px);
    -moz-transform: translate(-10px, -10px);
    -ms-transform: translate(-10px, -10px);
    -o-transform: translate(-10px, -10px);
    transform: translate(-10px, -10px);
    font-size: 20px;
    width: 20px;
    height: 20px
}

.question_btn_wrapper .question_btn .answer_num_icon {
    border-radius: 100px;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out;
    background: rgba(0, 0, 0, .1)
}

.question_btn_wrapper .question_btn .answer_num_icon .answercontrol-wrap {
    text-align: center
}

.question_btn_wrapper .question_btn .answer_num_icon .answercontrol-wrap .fake-answercontrol {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    color: #fff
}

.question_btn_wrapper .question_btn .answer_num_icon .answercontrol-wrap .fake-answercontrol:before {
    font: normal normal normal 14px/1;
    font-family: FontAwesome;
    font-size: 24px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    content: "\f00c"
}

.question_btn_wrapper .question_btn .answer_num_icon .answercontrol-wrap input {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0)
}

.question_btn_wrapper .question_btn .answer_num_icon .answercontrol-wrap input:checked+.fake-answercontrol {
    color: #fff !important;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.question_btn_wrapper .question_btn .answer_text {
    color: #364c61 !important
}

.question_btn_wrapper.quiz_selected_answer,
.question_btn_wrapper.quiz_selected_answer .question_btn {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-border-radius: 7px !important;
    -moz-border-radius: 7px !important;
    border-radius: 7px !important;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.question_btn_wrapper.quiz_selected_answer .answer_num_icon,
.question_btn_wrapper.quiz_selected_answer .question_btn .answer_num_icon {
    background: #007eff !important
}

.question_btn_wrapper.quiz_selected_answer .answer_num_icon .answercontrol-wrap .fake-answercontrol,
.question_btn_wrapper.quiz_selected_answer .question_btn .answer_num_icon .answercontrol-wrap .fake-answercontrol {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.answer_feedback_header_correct {
    background: #e2faee
}

.answer_feedback_header_incorrect {
    background: #fef3f2
}

.quiz_my_score_tile {
    position: relative
}

.quiz_my_score_tile,
.quiz_my_score_tile h2,
.quiz_my_score_tile p {
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    -ms-transition: all .15s ease-out;
    -o-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.sl_quiz_passed .content:before {
    font: normal normal normal 14px/1;
    font-family: FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 300px;
    content: "\f00c";
    margin-top: 50%;
    -moz-opacity: .2;
    -khtml-opacity: .2;
    -webkit-opacity: .2;
    opacity: .2;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    filter: alpha(opacity=20);
    -webkit-transform: translateY(-45%);
    -moz-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    -o-transform: translateY(-45%);
    transform: translateY(-45%);
    -webkit-animation: QUIZ_PASS_CHECK_ANIMATION .75s 1 ease-in-out;
    -moz-animation: QUIZ_PASS_CHECK_ANIMATION .75s 1 ease-in-out;
    -ms-animation: QUIZ_PASS_CHECK_ANIMATION .75s 1 ease-in-out;
    animation: QUIZ_PASS_CHECK_ANIMATION .75s 1 ease-in-out
}

@-moz-keyframes QUIZ_PASS_CHECK_ANIMATION {

    0%,
    75% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-45%) scale(1.5);
        -moz-transform: translateY(-45%) scale(1.5);
        -ms-transform: translateY(-45%) scale(1.5);
        -o-transform: translateY(-45%) scale(1.5);
        transform: translateY(-45%) scale(1.5)
    }

    100% {
        -moz-opacity: .2;
        -khtml-opacity: .2;
        -webkit-opacity: .2;
        opacity: .2;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
        filter: alpha(opacity=20);
        -webkit-transform: translateY(-45%) scale(1);
        -moz-transform: translateY(-45%) scale(1);
        -ms-transform: translateY(-45%) scale(1);
        -o-transform: translateY(-45%) scale(1);
        transform: translateY(-45%) scale(1)
    }
}

@-webkit-keyframes QUIZ_PASS_CHECK_ANIMATION {

    0%,
    75% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-45%) scale(1.5);
        -moz-transform: translateY(-45%) scale(1.5);
        -ms-transform: translateY(-45%) scale(1.5);
        -o-transform: translateY(-45%) scale(1.5);
        transform: translateY(-45%) scale(1.5)
    }

    100% {
        -moz-opacity: .2;
        -khtml-opacity: .2;
        -webkit-opacity: .2;
        opacity: .2;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
        filter: alpha(opacity=20);
        -webkit-transform: translateY(-45%) scale(1);
        -moz-transform: translateY(-45%) scale(1);
        -ms-transform: translateY(-45%) scale(1);
        -o-transform: translateY(-45%) scale(1);
        transform: translateY(-45%) scale(1)
    }
}

@-o-keyframes QUIZ_PASS_CHECK_ANIMATION {

    0%,
    75% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-45%) scale(1.5);
        -moz-transform: translateY(-45%) scale(1.5);
        -ms-transform: translateY(-45%) scale(1.5);
        -o-transform: translateY(-45%) scale(1.5);
        transform: translateY(-45%) scale(1.5)
    }

    100% {
        -moz-opacity: .2;
        -khtml-opacity: .2;
        -webkit-opacity: .2;
        opacity: .2;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
        filter: alpha(opacity=20);
        -webkit-transform: translateY(-45%) scale(1);
        -moz-transform: translateY(-45%) scale(1);
        -ms-transform: translateY(-45%) scale(1);
        -o-transform: translateY(-45%) scale(1);
        transform: translateY(-45%) scale(1)
    }
}

@keyframes QUIZ_PASS_CHECK_ANIMATION {

    0%,
    75% {
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0);
        -webkit-transform: translateY(-45%) scale(1.5);
        -moz-transform: translateY(-45%) scale(1.5);
        -ms-transform: translateY(-45%) scale(1.5);
        -o-transform: translateY(-45%) scale(1.5);
        transform: translateY(-45%) scale(1.5)
    }

    100% {
        -moz-opacity: .2;
        -khtml-opacity: .2;
        -webkit-opacity: .2;
        opacity: .2;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
        filter: alpha(opacity=20);
        -webkit-transform: translateY(-45%) scale(1);
        -moz-transform: translateY(-45%) scale(1);
        -ms-transform: translateY(-45%) scale(1);
        -o-transform: translateY(-45%) scale(1);
        transform: translateY(-45%) scale(1)
    }
}

.answer-key-correct {
    -webkit-box-shadow: inset 0 0 0 4px #24c875;
    -moz-box-shadow: inset 0 0 0 4px #24c875;
    box-shadow: inset 0 0 0 4px #24c875
}

.icon-ring.icon-ring-decorative {
    -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, .15);
    -moz-box-shadow: 3px 3px 15px rgba(0, 0, 0, .15);
    box-shadow: 3px 3px 15px rgba(0, 0, 0, .15)
}

.course_resource_tile ul {
    margin-bottom: 15px;
    margin-top: -5px;
    border-bottom: 1px solid #dbe3eb;
    padding-bottom: 15px;
    overflow: hidden;
    position: relative
}

.course_resource_tile ul:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 30px;
    height: 100%;
    background: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, #fff 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffffff', GradientType=1)
}

.course_resource_tile ul:last-of-type {
    border: none !important;
    margin-bottom: 0
}

.course_resource_tile strong {
    color: #364c61 !important;
    text-transform: none !important;
    font-style: normal !important
}

.course_resource_tile a,
.course_resource_tile a strong,
.course_resource_tile p {
    color: #005695 !important;
    font-size: 12px !important
}

.course_resource_tile a strong:hover,
.course_resource_tile a:hover {
    color: #20A6FC !important
}

#course_resource_panel {
    font-size: 12px !important;
    font-weight: 600 !important;
    z-index: 400 !important
}

.admin-resource-tile {
    font-weight: 400 !important
}

.admin-resource-tile a {
    font-weight: 700 !important
}

ol.TOC {
    list-style-type: none;
    padding: 0;
    margin: 0
}

ol.TOC .TOC_item {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

ol.TOC .TOC_item:not(.TOC_item__locked):hover {
    background: rgba(0, 126, 255, .04) !important
}

#player_layout {
    -ms-overflow-style: none;
    scrollbar-width: none
}

#player_layout::-webkit-scrollbar {
    display: none
}

#player {
    border: 1px solid #233240 !important
}

.sl_interactive_player,
.sl_interactive_player .slip_wrapper,
.sl_interactive_player:focus {
    border-color: transparent !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

#player-layout-container {
    padding: 2em 0;
    -webkit-animation: PLAYER_STAGE_GROW .75s 1 ease-in-out;
    -moz-animation: PLAYER_STAGE_GROW .75s 1 ease-in-out;
    -ms-animation: PLAYER_STAGE_GROW .75s 1 ease-in-out;
    animation: PLAYER_STAGE_GROW .75s 1 ease-in-out;
    overflow: hidden
}

@media screen and (max-width:767px) {
    #player-layout-container {
        padding: 0;
        -webkit-animation: PLAYER_STAGE_GROW_SMALL .75s 1 ease-in-out;
        -moz-animation: PLAYER_STAGE_GROW_SMALL .75s 1 ease-in-out;
        -ms-animation: PLAYER_STAGE_GROW_SMALL .75s 1 ease-in-out;
        animation: PLAYER_STAGE_GROW_SMALL .75s 1 ease-in-out
    }

    #sl_jwplayer .floating-tile,
    .sl_interactive_player,
    .sl_interactive_player .slip_wrapper {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important
    }
}

@media screen and (max-width:767px) and (orientation:landscape) {
    #sl_jwplayer {
        width: 100%;
        max-width: 420px;
        margin: auto;
        left: 0;
        right: 0
    }
}

@-webkit-keyframes PLAYER_STAGE_GROW {

    0%,
    50% {
        max-height: 0;
        padding: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 800px;
        padding: 2em 0;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes PLAYER_STAGE_GROW {

    0%,
    50% {
        max-height: 0;
        padding: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 800px;
        padding: 2em 0;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@-o-keyframes PLAYER_STAGE_GROW {

    0%,
    50% {
        max-height: 0;
        padding: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 800px;
        padding: 2em 0;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@keyframes PLAYER_STAGE_GROW {

    0%,
    50% {
        max-height: 0;
        padding: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 800px;
        padding: 2em 0;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@-webkit-keyframes PLAYER_STAGE_GROW_SMALL {

    0%,
    50% {
        max-height: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 500px;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@-moz-keyframes PLAYER_STAGE_GROW_SMALL {

    0%,
    50% {
        max-height: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 500px;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@-o-keyframes PLAYER_STAGE_GROW_SMALL {

    0%,
    50% {
        max-height: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 500px;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@keyframes PLAYER_STAGE_GROW_SMALL {

    0%,
    50% {
        max-height: 0;
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }

    100% {
        max-height: 500px;
        -moz-opacity: 1;
        -khtml-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        filter: alpha(opacity=100)
    }
}

@media screen and (max-width:768px) {
    #topBarAccountDropdown {
        border: none !important
    }
}

.inner-left-side-nav {
    z-index: 600
}

#login_error_message,
#login_error_message p {
    font-size: 12px !important;
    font-weight: 600 !important;
    z-index: 400 !important
}

.u-hover-bg-gray-dark:hover,
.u-hover-bg-gray-dark:hover .fa,
.u-hover-bg-gray-dark:hover .glyphicon,
.u-hover-bg-gray-dark:hover .sl,
.u-hover-bg-gray-dark:hover .sl-icon,
.u-hover-bg-gray-dark:hover div,
.u-hover-bg-gray-dark:hover h1,
.u-hover-bg-gray-dark:hover h2,
.u-hover-bg-gray-dark:hover h3,
.u-hover-bg-gray-dark:hover h4,
.u-hover-bg-gray-dark:hover h5,
.u-hover-bg-gray-dark:hover h6,
.u-hover-bg-gray-dark:hover p,
.u-hover-bg-gray-darker:hover,
.u-hover-bg-gray-darker:hover .fa,
.u-hover-bg-gray-darker:hover .glyphicon,
.u-hover-bg-gray-darker:hover .sl,
.u-hover-bg-gray-darker:hover .sl-icon,
.u-hover-bg-gray-darker:hover div,
.u-hover-bg-gray-darker:hover h1,
.u-hover-bg-gray-darker:hover h2,
.u-hover-bg-gray-darker:hover h3,
.u-hover-bg-gray-darker:hover h4,
.u-hover-bg-gray-darker:hover h5,
.u-hover-bg-gray-darker:hover h6,
.u-hover-bg-gray-darker:hover p,
.u-hover-bg-gray-darkest:hover,
.u-hover-bg-gray-darkest:hover .fa,
.u-hover-bg-gray-darkest:hover .glyphicon,
.u-hover-bg-gray-darkest:hover .sl,
.u-hover-bg-gray-darkest:hover .sl-icon,
.u-hover-bg-gray-darkest:hover div,
.u-hover-bg-gray-darkest:hover h1,
.u-hover-bg-gray-darkest:hover h2,
.u-hover-bg-gray-darkest:hover h3,
.u-hover-bg-gray-darkest:hover h4,
.u-hover-bg-gray-darkest:hover h5,
.u-hover-bg-gray-darkest:hover h6,
.u-hover-bg-gray-darkest:hover p,
.u-hover-bg-gray-light:hover,
.u-hover-bg-gray-light:hover .fa,
.u-hover-bg-gray-light:hover .glyphicon,
.u-hover-bg-gray-light:hover .sl,
.u-hover-bg-gray-light:hover .sl-icon,
.u-hover-bg-gray-light:hover div,
.u-hover-bg-gray-light:hover h1,
.u-hover-bg-gray-light:hover h2,
.u-hover-bg-gray-light:hover h3,
.u-hover-bg-gray-light:hover h4,
.u-hover-bg-gray-light:hover h5,
.u-hover-bg-gray-light:hover h6,
.u-hover-bg-gray-light:hover p,
.u-hover-bg-gray-lighter:hover,
.u-hover-bg-gray-lighter:hover .fa,
.u-hover-bg-gray-lighter:hover .glyphicon,
.u-hover-bg-gray-lighter:hover .sl,
.u-hover-bg-gray-lighter:hover .sl-icon,
.u-hover-bg-gray-lighter:hover div,
.u-hover-bg-gray-lighter:hover h1,
.u-hover-bg-gray-lighter:hover h2,
.u-hover-bg-gray-lighter:hover h3,
.u-hover-bg-gray-lighter:hover h4,
.u-hover-bg-gray-lighter:hover h5,
.u-hover-bg-gray-lighter:hover h6,
.u-hover-bg-gray-lighter:hover p,
.u-hover-bg-gray-lightest:hover,
.u-hover-bg-gray-lightest:hover .fa,
.u-hover-bg-gray-lightest:hover .glyphicon,
.u-hover-bg-gray-lightest:hover .sl,
.u-hover-bg-gray-lightest:hover .sl-icon,
.u-hover-bg-gray-lightest:hover div,
.u-hover-bg-gray-lightest:hover h1,
.u-hover-bg-gray-lightest:hover h2,
.u-hover-bg-gray-lightest:hover h3,
.u-hover-bg-gray-lightest:hover h4,
.u-hover-bg-gray-lightest:hover h5,
.u-hover-bg-gray-lightest:hover h6,
.u-hover-bg-gray-lightest:hover p,
.u-hover-bg-primary:hover,
.u-hover-bg-primary:hover .fa,
.u-hover-bg-primary:hover .glyphicon,
.u-hover-bg-primary:hover .sl,
.u-hover-bg-primary:hover .sl-icon,
.u-hover-bg-primary:hover div,
.u-hover-bg-primary:hover h1,
.u-hover-bg-primary:hover h2,
.u-hover-bg-primary:hover h3,
.u-hover-bg-primary:hover h4,
.u-hover-bg-primary:hover h5,
.u-hover-bg-primary:hover h6,
.u-hover-bg-primary:hover p,
.u-hover-bg-quat:hover,
.u-hover-bg-quat:hover .fa,
.u-hover-bg-quat:hover .glyphicon,
.u-hover-bg-quat:hover .sl,
.u-hover-bg-quat:hover .sl-icon,
.u-hover-bg-quat:hover div,
.u-hover-bg-quat:hover h1,
.u-hover-bg-quat:hover h2,
.u-hover-bg-quat:hover h3,
.u-hover-bg-quat:hover h4,
.u-hover-bg-quat:hover h5,
.u-hover-bg-quat:hover h6,
.u-hover-bg-quat:hover p,
.u-hover-bg-quin:hover,
.u-hover-bg-quin:hover .fa,
.u-hover-bg-quin:hover .glyphicon,
.u-hover-bg-quin:hover .sl,
.u-hover-bg-quin:hover .sl-icon,
.u-hover-bg-quin:hover div,
.u-hover-bg-quin:hover h1,
.u-hover-bg-quin:hover h2,
.u-hover-bg-quin:hover h3,
.u-hover-bg-quin:hover h4,
.u-hover-bg-quin:hover h5,
.u-hover-bg-quin:hover h6,
.u-hover-bg-quin:hover p,
.u-hover-bg-secondary:hover,
.u-hover-bg-secondary:hover .fa,
.u-hover-bg-secondary:hover .glyphicon,
.u-hover-bg-secondary:hover .sl,
.u-hover-bg-secondary:hover .sl-icon,
.u-hover-bg-secondary:hover div,
.u-hover-bg-secondary:hover h1,
.u-hover-bg-secondary:hover h2,
.u-hover-bg-secondary:hover h3,
.u-hover-bg-secondary:hover h4,
.u-hover-bg-secondary:hover h5,
.u-hover-bg-secondary:hover h6,
.u-hover-bg-secondary:hover p,
.u-hover-bg-tertiary:hover,
.u-hover-bg-tertiary:hover .fa,
.u-hover-bg-tertiary:hover .glyphicon,
.u-hover-bg-tertiary:hover .sl,
.u-hover-bg-tertiary:hover .sl-icon,
.u-hover-bg-tertiary:hover div,
.u-hover-bg-tertiary:hover h1,
.u-hover-bg-tertiary:hover h2,
.u-hover-bg-tertiary:hover h3,
.u-hover-bg-tertiary:hover h4,
.u-hover-bg-tertiary:hover h5,
.u-hover-bg-tertiary:hover h6,
.u-hover-bg-tertiary:hover p,
.u-hover-color-white:hover,
.u-hover-color-white:hover .fa,
.u-hover-color-white:hover .glyphicon,
.u-hover-color-white:hover .sl,
.u-hover-color-white:hover .sl-icon,
.u-hover-color-white:hover div,
.u-hover-color-white:hover h1,
.u-hover-color-white:hover h2,
.u-hover-color-white:hover h3,
.u-hover-color-white:hover h4,
.u-hover-color-white:hover h5,
.u-hover-color-white:hover h6,
.u-hover-color-white:hover p {
    color: inherit !important
}

.push-menu ul.push-menu-list>li.list-item.active>.list-item-inner:before {
    background: #20A6FC !important;
    border: 1px solid #20A6FC !important
}

#site-section-banner {
    border-bottom: 1px solid transparent;
    margin-bottom: -1px
}

.tooltipster-box {
    border: 1px solid #233240 !important
}

.dropdown-menu,
.dropdown-menu-right {
    border: 1px solid transparent !important
}

.launch-course-btn {
    position: relative;
    z-index: 1;
    display: inline-block
}

.launch-course-btn:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: #FFF;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    animation: LAUNCH_COURSE_PULSE 2s infinite ease-in-out;
    z-index: 0
}

@keyframes LAUNCH_COURSE_PULSE {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -moz-opacity: .5;
        -khtml-opacity: .5;
        -webkit-opacity: .5;
        opacity: .5;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
        filter: alpha(opacity=50)
    }

    100%,
    75% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        -o-transform: scale(1.8);
        transform: scale(1.8);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        -webkit-opacity: 0;
        opacity: 0;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
        filter: alpha(opacity=0)
    }
}

#course-hero-description {
    max-height: 200px;
    position: relative;
    overflow: hidden
}

#course-hero-description-thumbnail {
    border-radius: 5px;
    min-height: 370px
}

.floating-tile,
.modal .modal-dialog .modal-content {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

.modal.fade .modal-dialog,
.modal.fade.in .modal-dialog {
    -webkit-transition: transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -ms-transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out
}

#toast-container {
    margin-top: 10px !important
}

.job-tile {
    overflow: hidden
}

.job-tile .job-tile-controls button {
    position: relative;
    display: block;
    width: 100%;
    height: 0 !important;
    padding: 0 !important;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.job-tile .job-tile-controls button:before,
.js-table_nav .js-table_nav-nav {
    -webkit-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out
}

.job-tile .job-tile-controls button:before {
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.job-tile .job-tile-controls button:focus,
.job-tile:hover .job-tile-controls button {
    padding: .5em !important;
    height: 32px !important
}

.job-tile:hover .job-tile-controls button:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.show-password-field {
    position: relative
}

.show-password-field .show-password-toggle {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 34px;
    display: inline-block;
    cursor: pointer;
    text-align: center
}

.show-password-field .show-password-toggle:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    display: inline-block
}

.floating-tile-load {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    margin: 0 !important;
    display: inline-block;
    background: linear-gradient(-60deg, #f9fafc, #e8edf3, #f9fafc, #e8edf3);
    background-size: 400% 400%;
    -webkit-animation: LOADING_PULSE 2s linear infinite;
    -moz-animation: LOADING_PULSE 2s linear infinite;
    animation: LOADING_PULSE 2s linear infinite;
    vertical-align: middle;
    height: 40px
}

@-webkit-keyframes LOADING_PULSE {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@-moz-keyframes LOADING_PULSE {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

@keyframes LOADING_PULSE {
    0% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.floating-tile .floating-tile.floating-tile-layer {
    display: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none
}

.floating-tile.floating-tile-stacked {
    position: relative;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
    margin-top: 20px;
    z-index: 0
}

.floating-tile.floating-tile-stacked .floating-tile-layer-content {
    position: relative;
    z-index: 3
}

.floating-tile.floating-tile-stacked .floating-tile-layer {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    height: 100%;
    content: '';
    position: absolute;
    left: 50%
}

.floating-tile.floating-tile-stacked .floating-tile-layer.floating-tile-layer-1 {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none
}

.floating-tile.floating-tile-stacked .floating-tile-layer.floating-tile-layer-2 {
    top: 10px;
    width: 97%;
    z-index: 1
}

.floating-tile.floating-tile-stacked .floating-tile-layer.floating-tile-layer-3 {
    top: 20px;
    width: 93%;
    z-index: 0
}

@media screen and (max-width:768px) {
    .floating-tile.floating-tile-section {
        border-radius: 0 !important
    }
}

.data-tree {
    overflow: hidden
}

.data-tree .data-tree-item {
    position: relative;
    height: 30px
}

.data-tree .data-tree-item>div {
    position: relative
}

.data-tree .data-tree-item:before {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: -50%;
    height: 30px;
    width: 200%;
    background: #f2f5f8;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transition: opacity .15s ease-in-out;
    -moz-transition: opacity .15s ease-in-out;
    -ms-transition: opacity .15s ease-in-out;
    -o-transition: opacity .15s ease-in-out;
    transition: opacity .15s ease-in-out
}

.data-tree .data-tree-item:focus:before,
.data-tree .data-tree-item:hover:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100)
}

.data-tree .data-tree-item.active,
.data-tree .data-tree-item.active button,
.data-tree .data-tree-item.active div {
    color: #FFF !important
}

.data-tree .data-tree-item.active:before {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    background: #005695
}

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #ddd;
    width: 278px;
    max-width: none;
    padding: 0;
    margin-top: 7px;
    top: 100px;
    left: 20px;
    z-index: 10000;
    display: none;
    font-family: arial;
    font-size: 15px;
    line-height: 1em
}

.daterangepicker:after,
.daterangepicker:before {
    position: absolute;
    display: inline-block;
    content: ''
}

.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc
}

.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent
}

.daterangepicker.opensleft:before {
    right: 9px
}

.daterangepicker.opensleft:after {
    right: 10px
}

.daterangepicker.openscenter:after,
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto
}

.daterangepicker.opensright:before {
    left: 9px
}

.daterangepicker.opensright:after {
    left: 10px
}

.daterangepicker.drop-up {
    margin-top: -7px
}

.daterangepicker.drop-up:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc
}

.daterangepicker.drop-up:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff
}

.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
    float: none
}

.daterangepicker.single .drp-selected {
    display: none
}

.daterangepicker.show-calendar .drp-buttons,
.daterangepicker.show-calendar .drp-calendar {
    display: block
}

.daterangepicker.auto-apply .drp-buttons {
    display: none
}

.daterangepicker .drp-calendar {
    display: none;
    max-width: 270px
}

.daterangepicker .drp-calendar.left {
    padding: 8px 0 8px 8px
}

.daterangepicker .drp-calendar.right {
    padding: 8px
}

.daterangepicker .drp-calendar.single .calendar-table {
    border: none
}

.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    color: #fff;
    border: solid #000;
    border-width: 0 2px 2px 0;
    border-radius: 0;
    display: inline-block;
    padding: 3px
}

.daterangepicker .calendar-table .next span {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.daterangepicker .calendar-table .prev span {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.daterangepicker .calendar-table td,
.daterangepicker .calendar-table th {
    text-align: center;
    vertical-align: middle;
    min-width: 32px;
    width: 32px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer
}

.daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 4px;
    background-color: #fff
}

.daterangepicker .calendar-table table {
    width: 100%;
    margin: 0;
    border-spacing: 0;
    border-collapse: collapse
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc
}

.daterangepicker td.off,
.daterangepicker td.off.end-date,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date {
    background-color: #fff;
    border-color: transparent;
    color: #999
}

.daterangepicker td.in-range {
    background-color: #ebf4f8;
    border-color: transparent;
    color: #000;
    border-radius: 0
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff
}

.daterangepicker option.disabled,
.daterangepicker td.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%
}

.daterangepicker select.yearselect {
    width: 40%
}

.daterangepicker select.ampmselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect {
    width: 50px;
    margin: 0 auto;
    background: #eee;
    border: 1px solid #eee;
    padding: 2px;
    outline: 0;
    font-size: 12px
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 4px auto 0;
    line-height: 30px;
    position: relative
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed
}

.daterangepicker .drp-buttons {
    clear: both;
    text-align: right;
    padding: 8px;
    border-top: 1px solid #ddd;
    display: none;
    line-height: 12px;
    vertical-align: middle
}

.daterangepicker .drp-selected {
    display: inline-block;
    font-size: 12px;
    padding-right: 8px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 700;
    padding: 4px 8px
}

.daterangepicker.show-ranges .drp-calendar.left {
    border-left: 1px solid #ddd
}

.daterangepicker .ranges {
    float: none;
    text-align: left;
    margin: 0
}

.daterangepicker.show-calendar .ranges {
    margin-top: 8px
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%
}

.daterangepicker .ranges li {
    font-size: 12px;
    padding: 8px 12px;
    cursor: pointer
}

.daterangepicker .ranges li:hover {
    background-color: #eee
}

.daterangepicker .ranges li.active {
    background-color: #08c;
    color: #fff
}

@media (min-width:564px) {

    .daterangepicker.ltr .drp-calendar.right .calendar-table,
    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .daterangepicker.ltr .drp-calendar.left .calendar-table,
    .daterangepicker.rtl .drp-calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .daterangepicker {
        width: auto
    }

    .daterangepicker .ranges ul {
        width: 140px
    }

    .daterangepicker.single .ranges ul {
        width: 100%
    }

    .daterangepicker.single .drp-calendar.left {
        clear: none
    }

    .daterangepicker.single.ltr .drp-calendar,
    .daterangepicker.single.ltr .ranges {
        float: left
    }

    .daterangepicker.single.rtl .drp-calendar,
    .daterangepicker.single.rtl .ranges {
        float: right
    }

    .daterangepicker.ltr {
        direction: ltr;
        text-align: left
    }

    .daterangepicker.ltr .drp-calendar.left {
        clear: left;
        margin-right: 0
    }

    .daterangepicker.ltr .drp-calendar.left .calendar-table {
        padding-right: 8px
    }

    .daterangepicker.ltr .drp-calendar.right {
        margin-left: 0
    }

    .daterangepicker.ltr .drp-calendar,
    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl {
        direction: rtl;
        text-align: right
    }

    .daterangepicker.rtl .drp-calendar.left {
        clear: right;
        margin-left: 0
    }

    .daterangepicker.rtl .drp-calendar.left .calendar-table {
        padding-left: 12px
    }

    .daterangepicker.rtl .drp-calendar.right {
        margin-right: 0
    }

    .daterangepicker.rtl .drp-calendar,
    .daterangepicker.rtl .ranges {
        text-align: right;
        float: right
    }
}

@media (min-width:730px) {
    .daterangepicker .ranges {
        width: auto
    }

    .daterangepicker.ltr .ranges {
        float: left
    }

    .daterangepicker.rtl .ranges {
        float: right
    }

    .daterangepicker .drp-calendar.left {
        clear: none !important
    }
}

#toast-container {
    top: 15px !important
}

@media screen and (max-width:768px) {

    #toast-container,
    #toast-container .toast {
        width: 100%;
        bottom: 0;
        top: initial;
        margin: 0
    }

    #toast-container {
        position: fixed;
        left: 0;
        right: 0
    }

    #toast-container .toast {
        position: absolute
    }
}

.hiding-parent .hiding-child:focus,
.hiding-parent:focus .hiding-child {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important
}

.js-table_nav {
    position: relative;
    overflow-x: hidden
}

.js-table_nav .table-responsive {
    position: relative;
    width: 100%;
    min-height: 500px
}

.js-table_nav .js-table_nav-nav {
    position: absolute;
    top: 100px;
    height: 120px;
    width: 60px;
    background: rgba(0, 0, 0, .7);
    cursor: pointer;
    -moz-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -moz-opacity: .4;
    -khtml-opacity: .4;
    -webkit-opacity: .4;
    opacity: .4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    filter: alpha(opacity=40);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.js-table_nav .js-table_nav-nav:hover {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25)
}

.js-table_nav .js-table_nav-nav .js-table_nav-arrow {
    position: absolute;
    display: block;
    color: #FFF;
    height: 30px;
    width: 30px;
    font-size: 30px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    -webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.js-table_nav .js-table_nav-nav.js-left-nav {
    -webkit-border-radius: 0 60px 60px 0;
    -moz-border-radius: 0 60px 60px 0;
    border-radius: 0 60px 60px 0;
    left: -24px
}

.js-table_nav .js-table_nav-nav.js-left-nav .js-table_nav-arrow {
    left: 13px
}

.js-table_nav .js-table_nav-nav.js-left-nav:hover {
    left: 0
}

.js-table_nav .js-table_nav-nav.js-left-nav:hover .js-table_nav-arrow {
    left: -5px
}

.js-table_nav .js-table_nav-nav.js-left-nav.js-nav-hidden {
    left: -60px
}

.js-table_nav .js-table_nav-nav.js-right-nav {
    -webkit-border-radius: 60px 0 0 60px;
    -moz-border-radius: 60px 0 0 60px;
    border-radius: 60px 0 0 60px;
    right: -24px
}

.js-table_nav .js-table_nav-nav.js-right-nav .js-table_nav-arrow {
    right: 13px
}

.js-table_nav .js-table_nav-nav.js-right-nav:hover {
    right: 0
}

.js-table_nav .js-table_nav-nav.js-right-nav:hover .js-table_nav-arrow {
    right: -5px
}

.js-table_nav .js-table_nav-nav.js-right-nav.js-nav-hidden {
    right: -60px
}

.nav.nav-pills.small {
    font-size: 80%
}

.nav.nav-pills li.active a {
    background: #006fb6 !important
}

@media screen and (max-width:768px) {

    .nav.nav-pills,
    .nav.nav-pills>li {
        display: block !important;
        width: 100% !important
    }

    .nav.nav-pills>li {
        margin-bottom: 5px
    }
}

.train_mobile_page_nav {
    position: relative;
    z-index: 200;
    height: 50px;
    overflow: hidden
}

.train_mobile_page_nav .train_mobile_scroll {
    height: 50px;
    z-index: 200;
    width: 100%
}

.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: table;
    height: 50px;
    white-space: nowrap
}

.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item {
    position: relative;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    padding: 0;
    vertical-align: middle;
    height: 50px;
    white-space: normal;
    display: table-cell
}

.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item a {
    font-weight: 600;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px
}

.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item .fa {
    margin-right: 7px;
    color: #FFF
}

.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item .fa,
.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item .fa+span {
    display: inline-block;
    vertical-align: middle
}

.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item.active,
.train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item.active a {
    cursor: default;
    font-weight: 700
}

.train_mobile_page_nav .train_mobile_scroll .train_mobile_scroll_list_left_arrow,
.train_mobile_page_nav .train_mobile_scroll .train_mobile_scroll_list_right_arrow {
    display: none
}

@media screen and (max-width:767px) {

    .train_mobile_page_nav,
    .train_mobile_page_nav .train_mobile_scroll {
        height: 55px
    }

    .train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list {
        width: 100%;
        height: 55px;
        display: table
    }

    .train_mobile_page_nav .train_mobile_scroll ul.train_mobile_scroll_list .train_list_item {
        height: 55px;
        display: table-cell
    }
}

@media screen and (max-width:540px) {
    .train_mobile_page_nav {
        height: 55px
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list {
        height: 55px;
        padding: 0
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .container {
        padding: 0
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list ul.train_mobile_scroll_list {
        height: 55px;
        width: 100%;
        display: block;
        overflow: hidden;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list ul.train_mobile_scroll_list .train_list_item {
        padding: 0;
        overflow: hidden;
        height: 55px;
        width: 33.333333%;
        display: inline-block;
        margin-right: -4px
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_left_arrow,
    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_right_arrow {
        display: none;
        width: 35px;
        height: 55px;
        position: absolute;
        top: 0;
        border-radius: 0;
        border: none;
        outline: 0;
        cursor: pointer;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_left_arrow .fa,
    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_right_arrow .fa {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_left_arrow .fa:before,
    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_right_arrow .fa:before {
        font-size: 16px;
        height: 30px;
        width: 30px;
        position: absolute;
        display: block;
        text-align: center;
        top: 14px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_left_arrow {
        left: -35px
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list .train_mobile_scroll_list_right_arrow {
        right: -35px
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list.train_mobile_scroll_has_arrows {
        padding: 0 35px
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list.train_mobile_scroll_has_arrows .train_mobile_scroll_list_left_arrow,
    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list.train_mobile_scroll_has_arrows .train_mobile_scroll_list_right_arrow {
        display: block
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list.train_mobile_scroll_has_left_arrow .train_mobile_scroll_list_left_arrow {
        left: 0
    }

    .train_mobile_page_nav .train_mobile_scroll#mobile_scroll_list.train_mobile_scroll_has_right_arrow .train_mobile_scroll_list_right_arrow {
        right: 0
    }
}

.note-editor .btn-group .btn:hover .fa {
    color: #0085da !important
}

.note-editor .btn-group .btn.active {
    background: #6387a9 !important
}

.dropdown-menu.daterangepicker:after,
.dropdown-menu.daterangepicker:before {
    display: none
}

.dropdown-menu.daterangepicker .active,
.dropdown-menu.daterangepicker .active :hover {
    border: 1px solid transparent
}

.progress-ring {
    transform: rotate(-90deg)
}

.progress-ring .progress-ring-meter,
.progress-ring .progress-ring-value {
    fill: none;
    stroke: #20A6FC
}

.progress-ring .progress-ring-meter {
    stroke-opacity: .15
}

.progress-ring .progress-ring-value {
    stroke-linecap: round;
    animation: PROGRESS_RING_GROW .75s ease-in-out
}

.progress-ring.progress-ring-complete .progress-ring-meter,
.progress-ring.progress-ring-complete .progress-ring-value,
.progress-ring.progress-ring-correct .progress-ring-meter,
.progress-ring.progress-ring-correct .progress-ring-value {
    stroke: #24C875
}

.progress-ring.progress-ring-error .progress-ring-meter,
.progress-ring.progress-ring-error .progress-ring-value {
    stroke: #e5190c
}

@keyframes PROGRESS_RING_GROW {
    0% {
        stroke-dashoffset: 395.84067435;
        opacity: 0
    }

    20% {
        stroke-dashoffset: 395.84067435;
        opacity: 1
    }
}

.train_course_thumbnail {
    position: relative
}

.train_course_thumbnail_img,
.train_course_thumbnail_img_wide {
    position: absolute
}

.train_course_thumbnail_img {
    left: -9999px;
    right: -9999px;
    top: 0;
    bottom: 0;
    margin: 0 auto;
    height: 100%
}

.train_course_thumbnail_img_wide {
    left: 0;
    right: 0;
    top: -9999px;
    bottom: -9999px;
    margin: auto 0;
    width: 100%
}

.top-nav-area .function-bar .function-bar-table>tbody>tr td .brand-logo {
    max-height: 48px
}

.launch_padding {
    padding: 50px
}

@media screen and (max-width:768px) {

    .launch_padding,
    .launch_padding_mobile {
        padding: 30px
    }
}

.safety-exit-wrap {
    position: fixed;
    right: 1.5em;
    float: right;
    margin: 0;
    width: 65px;
    height: 65px;
    pointer-events: auto;
    z-index: 2000
}

#safety-exit-button {
    width: 65px;
    height: 65px;
    border: none;
    color: #fff;
    text-align: center;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    -webkit-box-shadow: 0 10px 15px 0 rgba(99, 135, 169, .15);
    -moz-box-shadow: 0 10px 15px 0 rgba(99, 135, 169, .15);
    box-shadow: 0 10px 15px 0 rgba(99, 135, 169, .15)
}

#safety-exit-button:hover {
    background-color: #000
}

.safety-exit-button-text {
    font-weight: 700;
    font-size: 1em
}

.fa-xmark:before {
    content: "\f00d"
}

.page-col {
    position: relative;
    min-height: 1px;
    width: 100%
}

@media screen and (min-width:769px) {
    .wrapper-body.wo-top-nav {
        margin-top: 0
    }

    .wrapper-body.wo-top-nav .top-nav-area {
        display: none
    }

    .wrapper-body.wo-top-nav .inner-left-side-nav,
    .wrapper-body.wo-top-nav .inner-right-side-nav {
        top: 0;
        padding-bottom: 0
    }

    .page-col {
        padding-right: 15px;
        padding-left: 15px;
        float: left
    }
}

.wrapper-body.w-uber-nav {
    padding-left: 180px
}

.wrapper-body.w-uber-nav .function-bar {
    padding-left: 200px
}

.wrapper-body.w-uber-nav.w-inner-left-side {
    padding-left: 500px
}

.wrapper-body.w-uber-nav.w-inner-left-side .inner-left-side-nav {
    left: 180px
}

.wrapper-body .function-bar {
    padding-left: 1.5em
}

.uber-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 180px;
    height: 100%;
    background: #FFF;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -webkit-box-shadow: 2px 0 15px 0 rgba(99, 135, 169, .1);
    -moz-box-shadow: 2px 0 15px 0 rgba(99, 135, 169, .1);
    box-shadow: 2px 0 15px 0 rgba(99, 135, 169, .1);
    -webkit-transition: left .25s ease-in-out;
    -moz-transition: left .25s ease-in-out;
    -ms-transition: left .25s ease-in-out;
    -o-transition: left .25s ease-in-out;
    transition: left .25s ease-in-out;
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    overflow: hidden
}

.uber-nav .brand-logo {
    max-width: 100%;
    max-height: 100px
}

.uber-nav .uber-btn-space,
.uber-nav .uber-logo-space {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.uber-nav .uber-nav-space {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.uber-nav .uber-nav-space>.uber-nav-space-inner {
    overflow: auto;
    max-width: 100%
}

.uber-nav .uber-nav-space>.uber-nav-space-inner>div,
.uber-nav .uber-nav-space>.uber-nav-space-inner>ul {
    max-width: 100%
}

.uber-nav .uber-btn-space {
    display: -ms-flexbox;
    display: flex;
    align-items: center !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.uber-nav .uber-nav-space .btn {
    height: 40px;
    min-height: 40px
}

.uber-nav .nav-header {
    position: relative;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    align-items: center !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.uber-nav ul {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    display: block
}

.uber-nav ul li.list-item {
    white-space: nowrap;
    width: 100%;
    border-radius: 4px
}

.uber-nav ul li.list-item .list-item-inner {
    width: 100%;
    padding: 6px 0;
    display: block
}

.uber-nav ul li.list-item .list-item-icon,
.uber-nav ul li.list-item .list-item-text {
    display: inline-block;
    vertical-align: middle
}

.uber-nav ul li.list-item:hover .list-item-icon,
.uber-nav ul li.list-item:hover .list-item-icon div,
.uber-nav ul li.list-item:hover .list-item-text,
.uber-nav ul li.list-item:hover .list-item-text div {
    color: #005695 !important
}

.uber-nav ul li.list-item.active {
    background: rgba(0, 86, 149, .07)
}

.uber-nav ul li.list-item.active .list-item-text {
    width: 100%;
    display: inline-block
}

@media screen and (max-width:768px) {
    .uber-nav {
        width: 290px;
        left: -290px
    }

    .wrapper-body.w-uber-nav {
        padding-left: 0
    }

    .wrapper-body.w-uber-nav .function-bar {
        padding-left: 1.5em !important
    }

    .wrapper-body.w-uber-nav.uber-nav-open .uber-nav {
        left: 0
    }

    .wrapper-body.w-uber-nav.uber-nav-open .uber-nav .uber-btn-space,
    .wrapper-body.w-uber-nav.uber-nav-open .uber-nav .uber-nav-space {
        z-index: 1
    }

    .wrapper-body.w-uber-nav.uber-nav-open .uber-nav:before {
        content: '';
        position: fixed;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, .5);
        z-index: 0
    }
}