/* certificate custom fonts */
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz@8..144&display=swap');
@import url('/fontawesome/css/all.min.css');

:root {
    /* Colors */
    --aua-blue: #00567a;
    --aua-dark-blue: #092640;
    --aua-light-bright-blue: #62B5E5;
    --aua-bright-blue: #009ACE;
    --aua-slate: #91AABC;
    --aua-fade-blue: #B7D9F2;
    --aua-green: #6FA287;
    --aua-dark-green: #6A7970;
    --aua-fade-green: #B6D0C1;
    --aua-orange: #ED8B00;
    --aua-purple: #582C83;
    --aua-red: #A6192E;
    --aua-yellow: #FBE682;
    --aua-teal: #6BCABA;
    --aua-bright-green: #43B02A;
    --aua-black: #333;
    --aua-grey: #D9D9D9;
    --aua-off-white: #f9fdff;

    --aua-text-body:  Arial, sans-serif;
    --aua-text-callout: Arial, Times, serif;
    --aua-text-header: Arial, Times, serif;
    --aua-header-shadow: rgba(0,0,0,0.1) 0px 3px 6px 0px;

    --aua-box-shadow-left: -2px 2px 4px rgba(9, 38, 64, 0.25);
    --aua-box-shadow-right: 2px 2px 4px rgba(9, 38, 64, 0.25);
    --aua-box-shadow-zach: 0 7px 11px -6px rgba(0,0,0,0.2);

    --aua-light-bright-blue-faded-50: rgba(98,181,229,0.50);
    
    --factor360ButtonBackgroundColor: #00567a;
    --factor360ButtonColor: #fff;
    --oasisFontFamily:  Arial, sans-serif;

    --aua-transition: all 250ms ease-in-out !important;
}

#MainContent_pnlPoweredBy,
#pnlPoweredBy {
    display: none !important;
}

#divUserPageWithSideBar_LeftSideBar.active,
#divAdminPageWithSideBar_LeftSideBar.active {
    background-color: white;
    box-shadow: var(--aua-box-shadow-right);
}

body {
    font-family:  Arial, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.freePreviewFont {
    font-family:  Arial, sans-serif;
}

table {
    border-collapse: separate;
    border-spacing: 0; /* default to 5px*/
}

table.table thead,
table.table thead tr,
table.table thead tr th {
    background: #d5d5d5;
    color: var(--aua-blue);
    border-bottom: 5px solid var(--aua-blue);
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: var(--aua-bright-blue);
}

a.factor360ModernHyperlink {
    text-decoration: none;
    border-bottom: none;
    color: inherit !important;
}

a.aspNetDisabled.factor360ModernHyperlink {
    border-bottom: none;
}

a.factor360ModernHyperlink:hover {
    text-decoration: none;
    border-bottom: none;
    color: var(--aua-bright-blue);
}

a.aspNetDisabled.factor360ModernHyperlink:hover {
    border-bottom: none;
    cursor: not-allowed;
    color: var(--aua-slate);
}

label {
    font-weight: inherit;
}

.factor360-informationLabel {
    color: var(--aua-grey);
}

.factor360-informationLabel.factor360-informationLabel-secondary {
    font-size: 80%;
}

.factor360-informationLabel.bootstrapColorStyle,
.factor360-informationLabel.factor360-informationLabel-secondary.bootstrapColorStyle {
    color: var(--aua-blue);
    background-color: var(--aua-fade-blue);
    border-color: var(--aua-dark-blue);
}

.RadGrid .rgFilterBox {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tooltip.in {
    opacity: 1;
}

.tooltip-inner.factor360_tooltip-inner {
    white-space: normal;
    max-width: none;
    font-size: 14px;
    padding: 10px;
    color: #ffffff;
    background-color: black;
    word-wrap: break-word;
}

.tooltip-inner.factor360_tooltip-inner.tooltipInnerMaxWidth300 {
    max-width: 300px;
}

.tooltip-inner.factor360_tooltip-inner.wrapOnLineBreakOnly {
    white-space: pre; 
}

@media only screen and (max-device-width : 1024px) {
    .tooltip {
        display: none !important;
    }
}

input[type='checkbox'] {
    margin-left: 3px;
}

input[type='checkbox'] + label, input[type='radio'] + label {
    margin-left: 5px;
}

.RadComboBoxDropDown .rcbCheckBox, .RadComboBoxDropDown .rcbCheckAllItemsCheckBox {
    vertical-align: top !important;
    margin-right: 2px;
}

a { color: var(--aua-blue) }

a:visited { color: var(--aua-blue); }

a:hover { color: var(--aua-green); text-decoration: none; }

a:active { color: var(--aua-blue); }

p {
    margin-bottom: 5px;
    line-height: 1.2em;
    font-size: 1em;
    margin-left: 0;
    margin-right: 0;
}

h1, h2, h3, h4, h5, h6 {
    /*font-size: 1.5em;*/
    color: var(--aua-blue);
    text-transform: none;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: var(--aua-text-header);
}

h1 {
    font-size: 26px;
    padding-bottom: 0px;
    margin-bottom: 5px;
}

h2 {
    font-size: 22px;
    font-weight: 600;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5, h6 {
    font-size: 16px;
}

fieldset {
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p {
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label {
    display: block;
}

fieldset label.inline {
    display: inline;
}

legend {
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry {
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry {
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo {
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}

/* Top Menu */
.nav_top {
    display: block;
    list-style-type: none;
    padding-left: 0;
    margin-left: 0;
    border-top-left-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    behavior: url(/Styles/PIE.htc);
    text-align: center;
    font-size: 0.8em;
}

.nav_top a {
    color: #fff !important;
}

.nav_top li {
    position: relative;
    float: none;
    list-style: none;
    padding: 0px;
    transition: all 0.1s ease-in-out;
}
/* sub menus */
.nav_top li ul {
    float: left;
    list-style: none;
    padding: 5px;
    display: block;
    margin-top: 3px !important; /* give some space between main menu item and its child*/
    width: 100% !important; /* so that it will have the width of the parent width */
    min-width: 150px; /* so that it won't display too narrow */
}

.nav_top li ul li a {
    width: 100%;
}

.nav_top ul li a {
    color: #fff !important;
    display: inline-block;
    font-size: 1.3em;
    font-weight: 500;
    padding: 15px 15px !important;
    position: relative;
    text-decoration: none !important;
    white-space: normal !important;
    z-index: 1000;
}

.nav_top li ul ul {
    margin-left: 3px !important; /* give some space between sub menu item and its child on the right side*/
    width: auto !important; /* basically for 3rd level, we don't want 100% wide like we have in  .nav_top li ul */
}

.nav_top ul ul /* sub menus: rounded corner */ {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.nav_top ul ul a {
    width: 150px;
    display: inline;
    white-space: normal !important;
}

.nav_top ul ul ul a {
    width: 180px;
    _height: 10px; /*IE6 only*/
    display: inline;
    white-space: normal !important;
}

.nav_top ul ul li {
    top: 0;
    margin: 0;
    _margin: 0; /*IE6 only*/
    border: none;
}

.nav_top ul ul li a {
    padding: 10px !important; /*padding sub menus*/
}

.nav_top ul li { /*main menu item link */
    list-style: none;
}

/*Sub-menu*/
.nav_top a.popout-dynamic { /*removes arrow*/
    background-image: none !important;
}

/* hover */
.nav_top ul li:after, .nav_top ul li:hover {
    z-index: 1000;
    font-weight: 500;
}

/*End of Menu */

.title {
    display: block;
    text-align: left;
    width: auto;
    padding: 5px;
    padding-left: 0px;
    font-weight: bold;
    border: 0;
    font-size: 16px;
    color: var(--aua-blue);
}

span.ui.basic.big.label.label-normalFontWeight {
    border: none;
    color: var(--aua-slate);
    font-weight: 400;
    padding:  0;
    font-size: 14px !important;
    font-style: italic;
}

.title .selected {
    color: #fff;
}

.title.noPadding {
    padding: 0px !important;
}

.title.noMargin {
    margin: 0px !important;
}

.title.noDataReturnedMessage {
    text-align: center;
    font-size: 20px;
    font-weight: normal;
}

.titleBar.subTitle {
    font-size: 14px;
    padding-top: 0px;
    color: inherit;
}

.loginDisplay {
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link {
    color: white;
}

.loginDisplay a:visited {
    color: white;
}

.loginDisplay a:hover {
    color: white;
}

.failureNotification {
    font-size: 1.2em;
    color: var(--aua-red);
}

.label-green {
    color: var(--aua-green) !important;
}

.bold {
    font-weight: bold;
}

.submitButton {
    text-align: right;
    padding-right: 10px;
}

.boxBorder {
    border: 1px solid #CCCCCC;
}

.chartHeight {
    height: auto !important;
}

/* STYLE THAT EXISTS IN THE CONFIGURABLE CSS BUT IS HERE FOR REFERENCE PURPOSE
----------------------------------------------------------------------------------*/
.box {
    border: 1px solid var(--aua-slate);
    padding: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius-: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius-: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius-: 5px;
}

.box_error_small {
    border-color: var(--aua-red)
}



/* BOX_CONTENT */
.box_give_shadow {
    -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0px 1px 8px rgba(0,0,0,.1);
    box-shadow: 0px 1px 8px rgba(0,0,0,.1);
}

.box_content {
    background: #f1f7eb;
    border: 1px solid var(--aua-slate);
    margin: 10px 0;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius-: 5px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.2);
    box-shadow: 0px 1px 3px rgba(0,0,0,.2);
    color: var(--aua-dark-blue);
}

.box_content.box_content-75pShadow {
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 75%)
}

.box_content.box_content-50pShadow {
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 50%)
}

.box_content.dropFiles {
    background-color: transparent;
    border: 1px dashed var(--aua-slate);
    min-height: 70px;
    opacity: 0.7;
}

.box_content.White {
    background: #ffffff;
}

.box_content.Green {
    background: var(--aua-fade-green);
    border: 1px solid var(--aua-green);
}

.box_content.LightGray {
    background: var(--aua-fade-blue);
}

.box_content.Red {
    background: var(--aua-red);
}

.box_content.Info {
    background: var(--aua-fade-blue);
    border-color: var(--aua-dark-blue);
}

.box_content.InfoIcon {
    background-image: url(/images/Button-info_32.png);
    background-repeat: no-repeat;
    background-position: 10px 45%; /* centered position on the left*/
    padding-left: 60px; /*give spaces for content text so that it does not overlap with background image*/
}

.box_content.noMargin {
    margin: 0;
}

.noMargin {
    margin: 0;
}

.box_content.NoPadding {
    padding: 0;
}

.box_content.Thin {
    padding: 5px;
    margin: 5px 0;
}

.box_content.NoBorder {
    border: none;
    -webkit-box-shadow: 0 0 0px rgba(50,50,50,.5) !important;
    -moz-box-shadow: 0 0 0px rgba(50,50,50,.5) !important;
    box-shadow: 0 0 0px rgba(50,50,50,.5) !important;
}

.box_content.Warning {
    background: var(--aua-yellow);
    border-color: var(--aua-yellow);
    margin: 5px 0px;
}

.box_content.WarningIcon {
    background-image: url(/images/warning-icon-32px.png);
    background-repeat: no-repeat;
    background-position: 10px 45%; /* centered position on the left*/
    padding-left: 60px; /*give spaces for content text so that it does not overlap with background image*/
}

.box_content.Error {
    background-color: var(--aua-red);
    border-color: var(--aua-red);
    margin: 5px 0px;
    color: white;
}

.box_content.ErrorIcon {
    background-image: url(/images/error_icon_32.png);
    background-repeat: no-repeat;
    background-position: 10px 45%; /* centered position on the left*/
    padding-left: 60px; /*give spaces for content text so that it does not overlap with background image*/
}

.box_content.Caption {
    margin: -10px 0 0 0;
    padding: 10px 50px;
    border: none;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius-: 0px !important;
    -webkit-box-shadow: 0 0 0px rgba(50,50,50,.5) !important;
    -moz-box-shadow: 0 0 0px rgba(50,50,50,.5) !important;
    box-shadow: 0 0 0px rgba(50,50,50,.5) !important;
}

.box_content.Quiz {
    background-color: var(--aua-off-white);
    margin: 15px 0px 15px 0px;
    padding: 5px;
}

.box_content.QuizIcon {
    background-image: url(/images/Quiz_64.png);
    background-repeat: no-repeat;
    background-position: 0px 45%; /* centered position on the left*/
    padding-left: 70px; /*give spaces for content text so that it does not overlap with background image*/
    min-height: 64px; /* give minimum height to cover the image */
}

.box_content.Exam {
    background-color: var(--aua-off-white);
    margin: 15px 0px 15px 0px;
    padding: 5px;
}

.box_content.ExamIcon {
    background-image: url(/images/Exam_64.png);
    background-repeat: no-repeat;
    background-position: 10px 45%; /* centered position on the left*/
    padding-left: 70px; /*give spaces for content text so that it does not overlap with background image*/
    min-height: 64px; /* give minimum height to cover the image */
}

/* BOX_NOTIFICATION*/
.box_notification {
    border: 1px solid var(--aua-slate);
    margin: 10px 0;
    padding: 20px 20px 20px 20px;
}

.box_notification.White {
    background: #ffffff;
}
/* COOL BOX NOTIFICATION from http://red-team-design.com/cool-notification-messages-with-css3-jquery/ */
.box_notification.cool {
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    border: 1px solid;
    /* text-shadow: 0 1px 0 rgba(0,0,0,.5);*/
    animation: animate-bg 5s linear infinite;
}

.box_notification.cool.success {
    background-color: var(--aua-green);
    border-color: var(--aua-green);
}

.box_notification.cool.info {
    background-color: var(--aua-fade-blue);
    border-color: var(--aua-blue);
}

.box_notification.cool.error {
    background-color: var(--aua-red);
    border-color: var(--aua-red);
}

.box_notification.cool p {
    margin: 0;
}

.box_notification.cool h3 {
    margin: 0 0 5px 0;
}

.box_notification.cool.warning {
    background-color: var(--aua-yellow);
    border-color: var(--aua-yellow);
}

.NoPadding {
    padding: 0;
}

.NoBorder {
    border: none;
}

.box_notification.Thin {
    padding-top: 10px;
    padding-bottom: 10px;
}

.box_notification.roundedCorner {
    border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius-: 2px !important;
    -webkit-box-shadow: 0 0 1px rgba(50,50,50,.5) !important;
    -moz-box-shadow: 0 0 1px rgba(50,50,50,.5) !important;
    box-shadow: 0 0 1px rgba(50,50,50,.5) !important;
}

.box_notification.roundedCorner.roundPX25 {
    border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    -moz-border-radius-: 25px !important;
}

.box_notification.roundedCorner.roundPX8 {
    border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius-: 8px !important;
}

.box_notification.warning {
    background: var(--aua-yellow) url(/images/warning-icon-32px.png?v=360.2.40.15) no-repeat 10px 45%;
    padding-left: 100px;
    border-color: var(--aua-yellow);
}

.box_notification.successful {
    background: var(--aua-fade-green) url(/images/OK_30_green.png?v=360.2.40.15) no-repeat 10px 45%;
    padding-left: 100px;
    border-color: var(--aua-green);
}

.box_notification.error {
    background: var(--aua-off-white) url(/images/Error-icon.png?v=360.2.40.15) no-repeat 10px 45%;
    padding-left: 100px;
    font-size: 110%;
    color: var(--aua-red);
    border-color: var(--aua-red);
}

.box_notification.info {
    background: var(--aua-fade-blue) url(/images/Button-info_32.png?v=360.2.40.15) no-repeat 10px 45%;
    padding: 8px;
    padding-left: 100px;
    border-color: var(--aua-dark-blue);
}

.box_notification.noIcon {
    background-image: none;
    padding-left: 0px;
}

@media only screen and (max-width : 768px) {
    .box_notification.info {
        background: var(--aua-fade-blue);
        padding-left: 8px;
    }
}

.box_notification.mini {
    margin: 0px;
    padding-top: 10px;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-left: 50px !important;
}

.input-group-btn > .btn.factor360CustomBootstrapButton,
.btn.factor360CustomBootstrapButton {
    background: var(--aua-blue);
    color: #fff !important;
}

.button.bigButton {
    padding: 10px 16px;
    font-size: 150%;
}

.button.buttonMargin5 {
    margin-left: 5px;
    margin-right: 5px;
}

.factor360GenericButtonGroup > .factor360GenericButton {
    margin-left: 5px;
    margin-right: 5px;
}

.factor360GenericButtonGroup > .factor360GenericButton:first-child {
    margin-left: 0px;
    margin-right: 5px;
}

.factor360GenericButtonGroup > .factor360GenericButton:last-child {
    margin-left: 5px;
    margin-right: 0px;
}

.factor360GenericButtonGroup > .factor360GenericButton:only-child {
    margin-left: 0px;
    margin-right: 0px;
}

.button.mediumButton {
    padding: 6px 16px;
    font-size: 120%;
}

.button.successButton {
    background: var(--aua-green);
}

.button.failedButton {
    background: var(--aua-red);
}

/* remove the left round corner so that it looks sticked to the previous button*/
.button.inputGroupLastChild {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    padding: 7px 12px;
}


.disabled {
    /* we removed the !important one because it overrides fancybox disabled class*/
    background: #D9D9D9;
    color: var(--aua-slate);
}

.fancybox-zoomout.disabled {
    /* this is to overcome the background to be completely square grey caused by overly generic css class ".disabled"*/
    background-color: transparent;
    color: inherit;
}

.aspNetDisabled.button {
    background: #E0E0E0;
    color: var(--aua-slate);
}

.button.cancel {
    background: var(--aua-slate) !important;
}

.button.delete {
    background: var(--aua-red) !important;
    color: white !important;
}

.button, a.button, .timeOutWindow .ui-dialog-buttonpane button {
    font-family:  Arial, sans-serif;
    font-size: 14px;
}


/*logout button*/
.button.small {
    padding: 2px 5px;
    font-size: 0.85em;
}

.titleBar {
    text-align: left;
    padding: 10px 10px 10px 0px;
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
}

.titleBar.titleBarBottomMargin {
    margin-bottom: 15px;
}

.titleBar.noPadding {
    padding: 0px !important;
}

.titleBar.noMargin {
    margin: 0px !important;
}

.wrapper_container {
    /* background: url("/images/bg.gif") top left repeat-y;*/
    margin-top: 15px;
    border-radius: 0.5em !important;
    -webkit-border-radius: 0.5em !important;
    -moz-border-radius-: 0.5em !important;
    background-color: #ffffff;
    padding: 15px;
    border: 3px solid var(--aua-dark-blue);
    -webkit-box-shadow: 0px 1px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0px 1px 8px rgba(0,0,0,.2);
    box-shadow: 0px 1px 8px rgba(0,0,0,.2);
}
/* we will remove the left rounded corner because the sidebar will be stick to this container */
.wrapper_container.withSideBar {
    border-top-left-radius: 0 !important;
    -webkit-border-top-left-radius: 0 !important;
    -moz-border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-bottom-left-radius-: 0 !important;
}

.main {
    min-height: 420px;
}

.footer {
    width: 90%;
    min-width: 960px; /* turn off for responsive width*/
    max-width: 1200px;
    box-sizing: border-box;
}

.footer .content {
    padding: 0 30px;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink {
    background-color: #3a4f63;
    width: 100%;
}


/*Validator styling*/

/*Validator styling*/
.validatorErrorBox {
    border: none;
    margin: 0px;
    padding: 3px 8px 3px 8px;
    border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius-: 3px !important;
    background-color: var(--aua-off-white);
    color: var(--aua-red) !important;
    font-size: 1em;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
    text-align: left;
}

.validatorErrorBox.simple {
    background-color: transparent;
    font-size: 100%;
    color: var(--aua-red);
}

/* make it inline-block when shown */
.inlineBlockValidator {
    display: inline-block !important;
    vertical-align: top;
}

/* but still hide when the validator sets display:none inline */
.inlineBlockValidator[style*="display:none"],
.inlineBlockValidator[style*="display: none"] {
    display: none !important;
}


/*for highchart*/
/*class would be: [name of your chart]_container*/
.lineSeparator {
    border-bottom: 1px solid #D0D0D0;
    float: none;
    height: 5px;
    margin: 5px 0;
    width: 100%;
}

.lineSeparator.thinSeparator {
    height: 2px;
    margin: 2px 0px;
}

.lineSeparator.px40 {
    height: 40px;
}

.lineSeparator.px20 {
    height: 20px;
}

.lineSeparator.shadow {
    height: 0;
    -webkit-box-shadow: 0 0 2px rgba(50,50,50,.1);
    -moz-box-shadow: 0 0 2px rgba(50,50,50,.1);
    box-shadow: 0 0 2px rgba(50,50,50,.1);
}

.topBorder {
    border-top: 1px solid var(--aua-grey); /* follows our grey number below */
    margin-top: 5px;
    padding-top: 5px;
}

.AJAXLoadingImage {
    position: absolute;
    top: 50%;
    left: 50%;
}

/*Layouts*/

.oasisWrap {
    width: 90%;
    min-width: 960px; /* turn off for responsive width*/
    max-width: 1200px;
    box-sizing: border-box;
}

/*Grid Styles
---------------------------*/
.cellPaleBlue {
    color: Black;
    background-color: var(--aua-fade-blue);
}

.cellGreen {
    color: White;
    background-color: var(--aua-dark-green);
}

.cellNavyBlue {
    color: White;
    background-color: var(--aua-fade-blue);
}

.cellWhite {
    color: Black;
    background-color: White;
}

.cellYellow {
    color: Black;
    background-color: var(--aua-yellow);
}

.cellLightYellow {
    color: Black;
    background-color: #fef9cf;
}

/*Document interface styles*/
.documentDataTable {
    width: 100%;
}

.documentDataTable > tr > td:first-child, .documentDataTable > tbody > tr > td:first-child {
    width: 20%;
    min-width: 120px;
}

/*Border colors*/
.orangeBorder { border-color: var(--aua-orange) }

.redBorder { border-color: var(--aua-red) }

/*Backgrounds*/
.navyBlue {
    background: var(--aua-blue);
}

.greenOasis {
    background: var(--aua-green);
}
/* Custom Tab */

.fullWidthTab ul {
    width: 100%;
}

.customTab, .customTab a {
    font-family:  Arial, sans-serif !important;
    border-top-left-radius: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    -moz-border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-top-right-radius: 4px !important;
}

.customTabStrip .rtsLI .rtsOut {
    padding-right: -1px !important;
}

/* IMPORTANT FOR FIXING RadTabStrip Multi-row stacking issue*/
.rtsUL {
    width: 105%;
}
.customRadPanelBar.rounded .rpRootGroup {
    border-radius: 5px;
    overflow: hidden;
}

/*font setting*/
.customRadPanelBar a.rpLink, .customRadPanelBar div.rpHeaderTemplate, .customRadPanelBar .rpTemplate {
    font-family:  Arial, sans-serif !important;
    font-size: 14px !important;
}

/*RadComboBox */
.customRadComboBoxItemStyle {
    background-color: white;
}

.customRadComboBoxItemStyle li:hover {
    background-color: #ccc;
}

.customRadComboBoxItemStyle li div.comboBoxItemContainer {
    padding: 8px 4px;
}

.customRadGridStyle {
    font-family:  Arial, sans-serif !important;
}

.customRadGridStyle .rgAltRow td {
    border-color: transparent !important;
}

.clientCheckBoxVerticalAligned {
    vertical-align: middle !important;
}

.RadGrid {
    outline: none;
}

.customRadGridStyle .rgSelectedRow td, .customRadGridStyle .rgSelectedRow td.rgSorted {
    border: none !important;
}

.customRadGridStyle .rgRow td, .customRadGridStyle .rgAltRow td, .customRadGridStyle .rgEditRow td, .customRadGridStyle .rgFooter td {
    padding-bottom: 3px;
    padding-top: 4px;
}

.customRadGridStyle, .customRadGridStyle .rgMasterTable, .RadGrid_Default .rgDetailTable, .customRadGridStyle .rgGroupPanel table, .customRadGridStyle .rgCommandRow table, .customRadGridStyle .rgEditForm table, .customRadGridStyle .rgPager table {
    font-family:  Arial, sans-serif !important;
}

.customRadWizardStyle.RadWizard_Default .rwzSelected .rwzLink:before {
    margin-right: 1px;
}


/* Custom Panel*/
.customPanel, .customPanel.selected {
    font-family:  Arial, sans-serif !important;
}

.customSubTab, .customSubTab a {
    border: none !important;
    border-top-left-radius: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    -moz-border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-top-right-radius: 4px !important;
    font-family:  Arial, sans-serif !important;
    font-size: 12pt !important;
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    color: #fff !important;
    padding: 3px 0px !important;
    margin: 2px !important;
}

/* end of custom sub tab*/

/**/
.animatedMenu, .animatedMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.animatedMenu {
    width: 100%;
    position: relative;
    margin: -15px auto;
    border: 1px solid #222;
    background-color: #111;
    background-image: -moz-linear-gradient(#444, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
    background-image: -webkit-linear-gradient(#444, #111);
    background-image: -o-linear-gradient(#444, #111);
    background-image: -ms-linear-gradient(#444, #111);
    background-image: linear-gradient(#444, #111);
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 0 1px 1px #777;
    -webkit-box-shadow: 0 1px 1px #777;
    box-shadow: 0 1px 1px #777;
}



    .animatedMenu:before, .animatedMenu:after {
        content: "";
        display: table;
    }

    .animatedMenu:after {
        clear: both;
    }

.animatedMenu {
    zoom: 1;
}

/*css for submenus*/
.animatedMenu li {
    float: left;
    border-right: 1px solid #222;
    -moz-box-shadow: 1px 0 0 #444;
    -webkit-box-shadow: 1px 0 0 #444;
    box-shadow: 1px 0 0 #444;
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/*Look and feel for the main menu*/
.animatedMenu a {
    float: left;
    padding: 12px 30px;
    color: #999;
    text-transform: uppercase;
    font: bold 12px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

.animatedMenu li:hover > a {
    color: #fafafa;
}

*html .animatedMenu li a:hover {
    /* IE6 only */
    color: #fafafa;
}

/*hide second level menu */
.animatedMenu li ul {
    margin: 50px 0 0 0 !important;
    _margin: 0 !important; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 38px;
    left: 0;
    z-index: 9999;
    background: #444;
    background: -moz-linear-gradient(#444, #111);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
    background: -webkit-linear-gradient(#444, #111);
    background: -o-linear-gradient(#444, #111);
    background: -ms-linear-gradient(#444, #111);
    background: linear-gradient(#444, #111);
    -moz-box-shadow: 0 -1px rgba(255,255,255,.3);
    -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -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;
}

.animatedMenu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0 !important;
}
.animatedMenu ul ul {
    top: 0;
    left: 150px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
    box-shadow: -1px 0 0 rgba(255,255,255,.3);
}

.animatedMenu ul ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

.animatedMenu ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* make sub menu non capitalized*/
.animatedMenu ul ul a {
    padding: 10px;
    width: 130px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}

/*blueish hovering*/
.animatedMenu ul a:hover {
    background-color: #0186ba;
    background-image: -moz-linear-gradient(#04acec, #0186ba);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
    background-image: -webkit-linear-gradient(#04acec, #0186ba);
    background-image: -o-linear-gradient(#04acec, #0186ba);
    background-image: -ms-linear-gradient(#04acec, #0186ba);
    background-image: linear-gradient(#04acec, #0186ba);
}

/*usage: ??*/
.animatedMenu ul li:first-child > a {
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

/*second child has triangle*/
.animatedMenu ul ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}
.animatedMenu ul ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}

/* Fix Extra Space on top of Menu*/
img[alt='Skip Navigation Links'] {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Fix Extra Space on top of Menu*/

.headerLogoWrap {
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.headerLogoWrap .headerLogo {
    width: 90%;
    min-width: 960px; /* turn off for responsive width*/
    max-width: 1200px;
}
/*responsive header logo*/
.headerLogoWrap .headerLogo img {
    max-width: 100%;
    height: auto;
    max-height: 125px; /* limit the logo image to 125px height so that it does not take too much height*/
}

.regularTextBoxMode {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: var(--aua-slate) 1px solid;
}


    .regularTextBoxMode.multilineMode {
        height: 200px;
    }


    .regularTextBoxMode.height100 {
        height: 100px;
    }

    .regularTextBoxMode.height200 {
        height: 200px;
    }

    .regularTextBoxMode.height400 {
        height: 400px;
    }

    .regularTextBoxMode.minHeight400 {
        min-height: 400px;
    }

    .regularTextBoxMode.height50 {
        height: 50px;
    }

    .regularTextBoxMode.minHeight50 {
        min-height: 50px;
    }

    .regularTextBoxMode.minHeight100 {
        min-height: 100px;
    }

    .regularTextBoxMode.minHeight200 {
        min-height: 200px;
    }


/* tinyMCE Custom Skin Settings */
.mce-path > .mce-path-item, .mce-path > .mce-divider, .mce-wordcount {
    display: none !important;
}

/* End of tinyMCE Custom Skin Settings */
.headerHeadLogin {
    height: 55px;
}

.loginWrapper {
    background: #fff;
    border: none;
    margin: 10px 0;
    padding: 0px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius-: 2px;
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.2);
    box-shadow: 0 1px 8px rgba(0,0,0,.2);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius-: 8px;
}

/* Audio */
.audiojs {
    width: 100% !important;
    display: block !important;
}

.audiojs .scrubber {
    width: 65%;
}

.audiojs .loaded {
    width: 65%;
}

.audiojs .time {
    float: left;
}

.progressTrack {
    height: 22px;
    background: none repeat scroll 0 0 #444;
    border: 1px solid #222;
    border-radius: 5px;
    box-shadow: 0 0 5px #333;
    overflow: hidden;
}

    .progressTrack div.progressBar {
        height: 100%;
        color: #fff;
        text-align: right;
        line-height: 22px; /* same as #progressBar height if we want text middle aligned */
        width: 0;
        background-color: #0099ff;
        white-space: nowrap;
    }
/* End of Progress Bar*/

/*Link Tab Bar*/
.linkTabBar {
    background-color: white;
    text-align: center;
}

    .linkTabBar li,
    .linkTabBar .rtsLevel1 .rtsLink {
        position: relative;
        float: left;
        list-style: none;
        padding: 0;
        margin: 2px 8px 0;
        border: none !important;
    }

    .linkTabBar .rtsHovered {
        cursor: pointer;
    }

    .linkTabBar ul li a {
        color: #333;
        display: inline-block;
        font-size: 1em;
        font-weight: 500;
        position: relative;
        padding: 5px 10px;
        text-decoration: none !important;
        white-space: normal !important;
    }

        .linkTabBar ul li a.completed {
            color: black;
            font-weight: 600;
            border: none;
            border-bottom: 2px solid #0088FF;
        }

        .linkTabBar ul li a.selected, .linkTabBar ul li a.rtsSelected,
        .linkTabBar .rtsLevel1 .rtsSelected .rtsLink {
            color: black;
            font-weight: 600;
            border: none;
            border-bottom: 2px solid green !important;
        }
/*End of Link Tab Bar*/


.courseSessionEval table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}

    .courseSessionEval table tr th {
        background-color: #147fb7;
        color: white;
        border-left: 1px solid white;
        border-right: 1px solid white;
        width: auto;
    }

        .courseSessionEval table tr th:first-of-type {
            border-left: none;
            width: 40%;
        }

        .courseSessionEval table tr th:last-of-type {
            border-right: none;
        }

    .courseSessionEval table tr td {
        border: none;
        border-left: 1px solid #777;
        border-right: 1px solid #777;
        padding: 10px;
        width: auto;
    }

        .courseSessionEval table tr td:first-of-type {
            border-left: none;
        }

        .courseSessionEval table tr td:last-of-type {
            border-right: none;
        }

    .courseSessionEval table tr.alternateRow td {
        background-color: #e0e0e0;
    }

    .courseSessionEval table tr td div.RadRating {
        margin: auto;
    }

.dropdownItemLabel {
    margin-left: 50px;
}

#footer-wrap {
    clear: both;
    position: relative;
    z-index: 1;
}

/* Client Specific Custom Footer Class */

.footer-bottom-links {
    margin: 0 0 0.25rem;
    padding: 0;
    text-align: left;
}

    .footer-bottom-links::before, .footer-bottom-links::after {
        content: "";
        display: table;
    }

    .footer-bottom-links::after {
        clear: both;
    }

    .footer-bottom-links li {
        float: left;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .footer-bottom-links a {
        padding-right: 1em;
    }

#subfooter {
    background-color: transparent;
    box-sizing: border-box;
    color: #fff;
    line-height: 1.6em;
    margin: 1em auto;
    padding: 1em 2em;
    position: relative;
}

    #subfooter a {
        color: #fff;
        text-decoration: none;
    }

#footer-wrap {
    background-color: var(--aua-blue);
    clear: both;
    position: relative;
}
/* End of Client Specific Custom Footer Class */
/* RADTREEVIEW*/
.customTreeView {
    height: auto !important;
    white-space: normal !important;
}

    .customTreeView .rtHover .rtIn {
        background: none !important;
        border: none !important;
        border-bottom: 5px solid #8EDC9D !important;
        padding: 2px !important;
        cursor: pointer;
    }

    .customTreeView .rtSelected .rtIn {
        background: none !important;
        border: none !important;
        border-bottom: 5px solid #8EDC9D !important;
        padding: 2px !important;
    }
/* Fancybox CSS*/
/* override the fancybox caption/title to have more padding (just when the title is set inside */
.fancybox-title.fancybox-title-inside-wrap {
    padding: 15px;
}
/* move navigation arrows outside overlay window*/
.fancybox-nav {
    width: 60px !important;
}

    .fancybox-nav span {
        visibility: visible !important;
        opacity: 0.5 !important;
    }

    .fancybox-nav:hover span {
        opacity: 1 !important;
    }

.fancybox-next {
    right: -60px !important;
}

.fancybox-prev {
    left: -60px !important;
}

.fancybox-zoom {
    z-index: 9999 !important;
}
/* Display Icon (tblDisplayIcon) CSS */
.displayIcon {
    background: #fff;
    margin: 5px 0;
    padding: 5px 10px 15px 0px;
    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius-: 5px !important;
    -webkit-box-shadow: 0 0 1px rgba(50,50,50,.5) !important;
    -moz-box-shadow: 0 0 1px rgba(50,50,50,.5) !important;
    box-shadow: 0 0 1px rgba(50,50,50,.5) !important;
    min-height: 32px; /*at least as high as the image */
}

.displayIcon.information {
    padding-top: 15px; /* so that icon is displayed in the center */
    padding-left: 48px; /* spaces for icon */
    background: #aedcf0 url(/images/Button-info_32.png) no-repeat 10px 10px;
}

.displayIcon.warning {
    padding-top: 15px; /* so that icon is displayed in the center */
    padding-left: 48px; /* spaces for icon */
    background: var(--aua-yellow) url(/images/warning-icon-32px.png) no-repeat 10px 10px;
}

.displayIcon.bestPractice {
    padding-top: 15px; /* so that icon is displayed in the center */
    padding-left: 48px; /* spaces for icon */
    background: #B4DCF6 url(/images/best_practice_icon_32.png) no-repeat 10px 10px;
}

.displayIcon.advanced {
    padding-top: 15px; /* so that icon is displayed in the center */
    padding-left: 48px; /* spaces for icon */
    background: #FFBB8E url(/images/advanced_32.png) no-repeat 10px 10px;
}

.displayIcon.default {
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    padding: 5px 10px 5px 10px;
}

/* Rad List Box Common Custom CSS*/

.customRadListBox .rlbItem {
    cursor: pointer !important;
    border: 1px solid #D0D0D0;
}

/*.customRadListBox .rlbGroup .rlbItem:hover {
        background-color: #f4f8fe ;
    }*/

.customRadListBox .rlbGroup .rlbActive {
    border: 0px !important;
}

.customRadListBox .rlbDisabled {
    background-image: url(/images/lock_48_grey.png);
    background-repeat: no-repeat;
    background-position: 100% 50%; /* far right and vertical middle*/
    background-color: #F1F1F1;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.customRadListBox .rlbSelected {
    background-color: var(--aua-fade-green);
}

/* Question Result Action Buttons*/

.customRadtooltip table.rtWrapper td.rtWrapperContent {
    background: none !important;
    padding: 0px !important;
}

.customRadtooltip table.rtWrapper td.rtWrapperTopCenter,
.customRadtooltip table.rtWrapper td.rtWrapperRightMiddle,
.customRadtooltip table.rtWrapper td.rtWrapperBottomCenter,
.customRadtooltip table.rtWrapper td.rtWrapperLeftMiddle {
    background: none !important;
    padding: 0px !important;
}
/* End of RADTOOLTIP STYLE*/

.actionButton {
    border: 1px solid #563d7c;
    -webkit-border-radius: 5px;
    -moz-border-radius-: 5px;
    border-radius: 5px;
    color: black;
    padding: 15px 5px 15px 40px;
    background-color: #fff;
    cursor: pointer;
    width: 225px;
    margin-bottom: 5px;
    text-align: left;
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
    white-space: normal;
}

.actionButton:hover {
    background: var(--aua-blue);
    color: #fff;
    border: 1px solid var(--aua-blue);
}


/* Question Result Action Buttons*/
.actionButton.excel {
    background-image: url(/images/Excel_32.png);
    background-position: 5px 50%; /* Firefox does not support background-position-x or y */
    background-repeat: no-repeat;
}
/* CUSTOM SPRITES PLACEHOLDER */

/************************* SPRITE 32PX *************************/

/* GENERIC SPRITES */
.sprite_generic {
    background-image: url(/images/Generic/sprite_tiny.png?v=360.2.40.15);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite_generic-BlueDude_24 {
    width: 24px;
    height: 24px;
    background-position: -5px -5px;
}

.sprite_generic-Button-info_32 {
    width: 32px;
    height: 32px;
    background-position: -39px -5px;
}

.sprite_generic-Empty_Circle_32 {
    width: 32px;
    height: 32px;
    background-position: -81px -5px;
}

.sprite_generic-GreenDude_24 {
    width: 24px;
    height: 24px;
    background-position: -123px -5px;
}

.sprite_generic-Half_Circle_32 {
    width: 32px;
    height: 32px;
    background-position: -157px -5px;
}

.sprite_generic-OrangeDude_24 {
    width: 24px;
    height: 24px;
    background-position: -199px -5px;
}

.sprite_generic-add_button_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -47px;
}

.sprite_generic-available_status_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -47px;
}

.sprite_generic-blue-throphy_42 {
    width: 42px;
    height: 42px;
    background-position: -89px -47px;
}

.sprite_generic-check_14 {
    width: 14px;
    height: 14px;
    background-position: -199px -39px;
}

.sprite_generic-check_18 {
    width: 18px;
    height: 18px;
    background-position: -141px -63px;
}

.sprite_generic-completed_status_32 {
    width: 32px;
    height: 32px;
    background-position: -169px -63px;
}

.sprite_generic-delete_18 {
    width: 18px;
    height: 18px;
    background-position: -5px -105px;
}

.sprite_generic-delete_32 {
    width: 32px;
    height: 32px;
    background-position: -33px -105px;
}

.sprite_generic-document_preview_20 {
    width: 20px;
    height: 20px;
    background-position: -75px -105px;
}

.sprite_generic-double_arrow_down_18 {
    width: 18px;
    height: 18px;
    background-position: -105px -105px;
}

.sprite_generic-double_arrow_up_18 {
    width: 18px;
    height: 18px;
    background-position: -133px -105px;
}

.sprite_generic-edit_16 {
    width: 16px;
    height: 16px;
    background-position: -161px -105px;
}

.sprite_generic-edit_18 {
    width: 18px;
    height: 18px;
    background-position: -187px -105px;
}

.sprite_generic-edit_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -133px;
}

.sprite_generic-empty_circle_18 {
    width: 18px;
    height: 18px;
    background-position: -5px -133px;
}

.sprite_generic-failed_status_32 {
    width: 32px;
    height: 32px;
    background-position: -147px -133px;
}

.sprite_generic-gray-throphy_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -175px;
}

.sprite_generic-green-throphy_42 {
    width: 42px;
    height: 42px;
    background-position: -57px -175px;
}

.sprite_generic-half_circle_18 {
    width: 18px;
    height: 18px;
    background-position: -189px -133px;
}

.sprite_generic-horizontal_bar_chart_20 {
    width: 20px;
    height: 20px;
    background-position: -189px -161px;
}

.sprite_generic-inprogress_status_32 {
    width: 32px;
    height: 32px;
    background-position: -109px -191px;
}

.sprite_generic-learning-content-icon_32 {
    width: 32px;
    height: 32px;
    background-position: -151px -191px;
}

.sprite_generic-no_14 {
    width: 14px;
    height: 14px;
    background-position: -211px -63px;
}

.sprite_generic-optimize_18 {
    width: 18px;
    height: 18px;
    background-position: -193px -191px;
}

.sprite_generic-optimize_32 {
    width: 32px;
    height: 32px;
    background-position: -233px -5px;
}

.sprite_generic-ready_icon_32 {
    width: 32px;
    height: 32px;
    background-position: -235px -47px;
}

.sprite_generic-red_exclamation_18 {
    width: 18px;
    height: 18px;
    background-position: -215px -89px;
}

.sprite_generic-red_exclamation_32 {
    width: 32px;
    height: 32px;
    background-position: -217px -117px;
}

.sprite_generic-refresh_18 {
    width: 18px;
    height: 18px;
    background-position: -243px -89px;
}

.sprite_generic-refresh_32 {
    width: 32px;
    height: 32px;
    background-position: -221px -159px;
}

.sprite_generic-run_18 {
    width: 18px;
    height: 18px;
    background-position: -221px -201px;
}

.sprite_generic-table_icon {
    width: 21px;
    height: 21px;
    background-position: -5px -229px;
}

.sprite_generic-warning_status_32 {
    width: 32px;
    height: 32px;
    background-position: -36px -229px;
}


/* End of GENERIC SPRITES */

/* NAVIGATION SPRITES*/
.sprite_navigation {
    background-image: url(/images/Navigation/sprite_tiny.png?v=360.2.40.15);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite_navigation-Home_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -5px;
}

.sprite_navigation-Home_42 {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* Solid style */
    font-size: 32px;
    color: var(--aua-blue); /* Adjust as needed */
    text-decoration: none;
    /* background: none; Remove sprite background */
}

.sprite_navigation-Home_42::before {
    content: "\f015"; /* fa-house (home icon) */
}


.sprite_navigation-arrow-down_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -57px;
}

.sprite_navigation-arrow-down_42 {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* Solid style */
    font-size: 32px;
    color: var(--aua-blue); /* Adjust as needed */
    text-decoration: none;
    /* background: none; Remove sprite background */
}

.sprite_navigation-arrow-down_42::before {
    content: "\f063"; /* fa-arrow-down */
}

.sprite_navigation-arrow-next_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -109px;
}

.sprite_navigation-arrow-next_42 {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* Solid style */
    font-size: 32px;
    color: var(--aua-blue); /* Adjust as needed */
    text-decoration: none;
    /* background: none; Remove sprite background */
}

.sprite_navigation-arrow-next_42::before {
    content: "\f061"; /* fa-arrow-left */
}

.sprite_navigation-arrow-previous_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -161px;
}

.sprite_navigation-arrow-previous_42 {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* Solid style */
    font-size: 32px;
    color: var(--aua-blue); /* Adjust as needed */
    text-decoration: none;
    /* background: none; Remove sprite background */
}

.sprite_navigation-arrow-previous_42::before {
    content: "\f060"; /* fa-arrow-left */
}

.sprite_navigation-arrow-up_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -213px;
}

.sprite_navigation-arrow-up_42 {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900; /* Solid style */
    font-size: 32px;
    color: var(--aua-blue); /* Adjust as needed */
    text-decoration: none;
    /* background: none; Remove sprite background */
}

.sprite_navigation-arrow-up_42::before {
    content: "\f062"; /* fa-arrow-up */
}

.sprite_navigation-checkRound_42_gray {
    width: 42px;
    height: 42px;
    background-position: -5px -265px;
}

.sprite_navigation-checkRound_42_green {
    width: 42px;
    height: 42px;
    background-position: -5px -317px;
}

.sprite_navigation-double_arrow_right_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -369px;
}

.sprite_navigation-menu_grid_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -421px;
}

.sprite_navigation-menu_grid_blue_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -473px;
}

.sprite_navigation-menu_grid_green_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -525px;
}

.sprite_navigation-menu_grid_red_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -577px;
}

.sprite_navigation-menu_grid_teal_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -629px;
}

.sprite_navigation-menu_grid_yellow_42 {
    width: 42px;
    height: 42px;
    background-position: -5px -681px;
}
/* End of NAVIGATION SPRITES*/

/* Related Product Card */
.relatedProductCard {
    /*-webkit-flex: 1 0 23%;
    flex: 1 0 23%;*/
    margin: 10px 0px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    /* box-shadow: 2px 3px 10px -2px rgba(50,50,50,0.8);*/
    box-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px inset;
    text-align: left;
    border-radius: 5px;
    font-size: 1.1em;
    padding: 10px;
}

    .relatedProductCard.fullWidth {
        /*width: 100%;*/
        max-width: none;
    }

    .relatedProductCard img {
        width: 32px;
        margin: 0 0 10px 10px;
        float: right;
    }

    .relatedProductCard:hover {
        background: #c9defd;
        cursor: pointer;
    }

    .relatedProductCard a, .relatedProductCard a:link, .relatedProductCard a:visited {
        color: black;
    }

    .relatedProductCard div:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        height: 64px;
    }
/* End of Related Product Card */
/*Backgrounds*/
.navyBlue {
    background: var(--aua-blue);
}

.greenOasis {
    background: var(--aua-green);
}

/* Added February 8, 2016 */
.box_15px {
    width: 30px;
    height: 15px;
    border-radius: 0px;
    background: #000; /*black*/
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    margin: 0px 0%;
    border-right: 1px solid black;
}

.box_15px.grey {
    background: #d2d2d2;
}

.box_15px.green {
    background: var(--aua-green);
}

.box_15px:first-child, .box_15px:last-child {
    border-right: none;
}
/*style for the data label that is presented in a table-styled container*/
.rowDescriptionLabel {
    font-weight: bold;
}
/*Correctly distance buttons placed in one row*/
.factor360ButtonSet {
    margin-right: 5px;
}

.factor360ButtonSet:last-of-type {
    margin-right: 0px;
}
/* styling for image and followed by a div*/
.factor360imageTextCombo {
    position: relative;
}

.factor360imageTextCombo > span {
    position: absolute;
    top: -5px;
    padding: 5px;
    color: var(--aua-dark-blue);
}
/* MENU SPRITES */
.sprite_menu {
    background-image: url(/images/Menu/spritesheet_tiny.png?v=360.2.40.15);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite_menu-Achievement_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}

.sprite_menu-Achievement_48 {
    width: 48px;
    height: 48px;
    background-position: -47px -5px;
}

.sprite_menu-Achievement_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -5px;
}

.sprite_menu-Achievement_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -147px -5px;
}

.sprite_menu-Calendar_32 {
    width: 32px;
    height: 32px;
    background-position: -205px -5px;
}

.sprite_menu-Calendar_48 {
    width: 48px;
    height: 48px;
    background-position: -247px -5px;
}

.sprite_menu-Calendar_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -305px -5px;
}

.sprite_menu-Calendar_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -347px -5px;
}

.sprite_menu-Catalog_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -63px;
}

.sprite_menu-Catalog_48 {
    width: 48px;
    height: 48px;
    background-position: -47px -63px;
}

.sprite_menu-Catalog_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -63px;
}

.sprite_menu-Catalog_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -147px -63px;
}

.sprite_menu-Discussion_32 {
    width: 32px;
    height: 32px;
    background-position: -205px -63px;
}

.sprite_menu-Discussion_48 {
    width: 48px;
    height: 48px;
    background-position: -247px -63px;
}

.sprite_menu-Discussion_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -305px -63px;
}

.sprite_menu-Discussion_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -347px -63px;
}

.sprite_menu-Donation_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -121px;
}

.sprite_menu-Donation_48 {
    width: 48px;
    height: 48px;
    background-position: -47px -121px;
}

.sprite_menu-Donation_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -121px;
}

.sprite_menu-Donation_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -147px -121px;
}

.sprite_menu-Examination_32 {
    width: 32px;
    height: 32px;
    background-position: -205px -121px;
}

.sprite_menu-Examination_48 {
    width: 48px;
    height: 48px;
    background-position: -247px -121px;
}

.sprite_menu-Examination_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -305px -121px;
}

.sprite_menu-Examination_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -347px -121px;
}

.sprite_menu-Exclamation_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -179px;
}

.sprite_menu-Exclamation_48 {
    width: 48px;
    height: 48px;
    background-position: -47px -179px;
}

.sprite_menu-Exclamation_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -179px;
}

.sprite_menu-Exclamation_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -147px -179px;
}

.sprite_menu-Feedback_32 {
    width: 32px;
    height: 32px;
    background-position: -205px -179px;
}

.sprite_menu-Feedback_48 {
    width: 48px;
    height: 48px;
    background-position: -247px -179px;
}

.sprite_menu-Feedback_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -305px -179px;
}

.sprite_menu-Feedback_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -347px -179px;
}

.sprite_menu-GradeBook_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -237px;
}

.sprite_menu-GradeBook_48 {
    width: 48px;
    height: 48px;
    background-position: -47px -237px;
}

.sprite_menu-GradeBook_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -237px;
}

.sprite_menu-GradeBook_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -147px -237px;
}

.sprite_menu-Help_32 {
    width: 32px;
    height: 32px;
    background-position: -205px -237px;
}

.sprite_menu-Help_48 {
    width: 48px;
    height: 48px;
    background-position: -247px -237px;
}

.sprite_menu-Help_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -305px -237px;
}

.sprite_menu-Help_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -347px -237px;
}

.sprite_menu-Home_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -295px;
}

.sprite_menu-Home_48 {
    width: 48px;
    height: 48px;
    background-position: -47px -295px;
}

.sprite_menu-Home_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -295px;
}

.sprite_menu-Home_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -147px -295px;
}

.sprite_menu-IDP_32 {
    width: 32px;
    height: 32px;
    background-position: -205px -295px;
}

.sprite_menu-IDP_48 {
    width: 48px;
    height: 48px;
    background-position: -247px -295px;
}

.sprite_menu-IDP_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -305px -295px;
}

.sprite_menu-IDP_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -347px -295px;
}

.sprite_menu-InvitationCode_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -353px;
}

.sprite_menu-InvitationCode_48 {
    width: 48px;
    height: 48px;
    background-position: -47px -353px;
}

.sprite_menu-InvitationCode_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -353px;
}

.sprite_menu-InvitationCode_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -147px -353px;
}

.sprite_menu-KnowledgeRepository_32 {
    width: 32px;
    height: 32px;
    background-position: -205px -353px;
}

.sprite_menu-KnowledgeRepository_48 {
    width: 48px;
    height: 48px;
    background-position: -247px -353px;
}

.sprite_menu-KnowledgeRepository_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -305px -353px;
}

.sprite_menu-KnowledgeRepository_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -347px -353px;
}

.sprite_menu-Leaderboard_32 {
    width: 32px;
    height: 32px;
    background-position: -405px -5px;
}

.sprite_menu-Leaderboard_48 {
    width: 48px;
    height: 48px;
    background-position: -405px -47px;
}

.sprite_menu-Leaderboard_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -405px -105px;
}

.sprite_menu-Leaderboard_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -405px -147px;
}

.sprite_menu-Left_Arrow_32 {
    width: 32px;
    height: 32px;
    background-position: -405px -205px;
}

.sprite_menu-Left_Arrow_48 {
    width: 48px;
    height: 48px;
    background-position: -405px -247px;
}

.sprite_menu-MyCourses_32 {
    width: 32px;
    height: 32px;
    background-position: -405px -305px;
}

.sprite_menu-MyCourses_48 {
    width: 48px;
    height: 48px;
    background-position: -405px -347px;
}

.sprite_menu-MyCourses_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -405px;
}

.sprite_menu-MyCourses_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -405px -405px;
}

.sprite_menu-SelfReport_32 {
    width: 32px;
    height: 32px;
    background-position: -105px -405px;
}

.sprite_menu-SelfReport_48 {
    width: 48px;
    height: 48px;
    background-position: -463px -5px;
}

.sprite_menu-SelfReport_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -463px -63px;
}

.sprite_menu-SelfReport_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -463px -105px;
}

.sprite_menu-Transcript_32 {
    width: 32px;
    height: 32px;
    background-position: -463px -163px;
}

.sprite_menu-Transcript_48 {
    width: 48px;
    height: 48px;
    background-position: -463px -205px;
}

.sprite_menu-Transcript_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -463px -263px;
}

.sprite_menu-Transcript_selected_48 {
    width: 48px;
    height: 48px;
    background-position: -463px -305px;
}

/* End of Sprite Menu */
/* Telerik Tabstrip & RadTab CSS */
.factor360TabStrip {
    font-family: inherit !important;
}

.factor360TabStrip .rtsLink {
    padding: 4px 7px !important;
    margin-left: 3px;
}

.factor360TabStrip .rtsLevel1 {
    border-bottom: 3px solid var(--aua-dark-blue) !important;
}

.factor360TabStrip .rtsLevel1 .rtsLink {
    color: var(--aua-dark-blue) !important;
    border-color: var(--aua-fade-blue) !important;
    border-bottom-color: transparent !important;
}

.factor360TabStrip .rtsLevel1 .rtsHovered .rtsLink,
.factor360TabStrip .rtsLevel1 .rtsLink:hover {
    border-color: #eeeeee;
    color: #fff !important;
    background-color: var(--aua-fade-blue) !important;
    border-bottom: 1px solid var(--aua-dark-blue) !important;
}

.factor360TabStrip .rtsLevel1 .rtsSelected .rtsLink,
.factor360TabStrip .rtsLevel1 li a.rtsSelected {
    border-color: #eeeeee;
    color: #fff !important;
    background-color: var(--aua-fade-blue) !important;
    border-bottom: 1px solid var(--aua-dark-blue) !important;
}
/* End of factor360TabStrip */

/* Calendar and RadScheduler */
.calendar-container {
    margin-top: 0;
    padding: 2% 1% 0% 10px;
    border: 0;
    background-image: url(/images/calendar_container_bg.jpg);
    background-repeat: repeat-x;
    background-position: 0% 0%;
}

/** Customize the Scheduler */
.calendar-container .RadScheduler {
    width: 100%;
}

.calendar-container .RadScheduler .rsAptDelete,
.calendar-container .RadScheduler .rsArrowLeft,
.calendar-container .RadScheduler .rsArrowRight {
    display: none;
}

.calendar-container .RadScheduler .rsHorizontalHeaderTable tr {
    height: 25px;
}

.calendar-container .RadScheduler .rsHorizontalHeaderTable div {
    height: 24px;
    line-height: 24px;
}

.calendar-container .RadScheduler .rsHorizontalHeaderTable .rsResourceHeaderPersonal {
    background: var(--aua-fade-green);
}

.calendar-container .RadScheduler .rsHorizontalHeaderTable .rsResourceHeaderWork {
    background: var(--aua-fade-blue);
}
/* dark blue selection to satisfy axeDevtool contrast requirement */
.calendar-container .RadScheduler_Metro .rsSelected > .rsButton, .RadScheduler_Metro .rsPressed > .rsButton, .RadScheduler_Metro .rsButton:active, .RadScheduler_Metro .rsButton.rsPressed {
    background-color: var(--aua-fade-blue) !important;
    border-color: var(--aua-dark-blue) !important;
    color: var(--aua-dark-blue);
}
/* End of Calendar */

/*makes the content right aligned until the browser reaches below 768 */
@media screen {
    .responsive_right_left_aligned {
        text-align: left;
    }

    .responsive_right_left_aligned.fullWidth {
        width: 100%;
    }

    .responsive_right_center_aligned {
        text-align: center;
    }

    .responsive_left_center_aligned {
        text-align: center;
    }

    .responsive_right_center_aligned.fullWidth {
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .responsive_right_left_aligned {
        text-align: right;
    }

    .responsive_right_left_aligned.md {
        text-align: left;
    }

    .responsive_left_center_aligned {
        text-align: left;
    }

    .responsive_right_center_aligned {
        text-align: right;
    }
}

@media screen and (min-width: 992px) {
    .responsive_right_left_aligned {
        text-align: right;
    }

    .responsive_right_left_aligned.md {
        text-align: right;
    }

    .responsive_left_center_aligned {
        text-align: left;
    }

    .responsive_right_center_aligned {
        text-align: right;
    }
}
/*End of BOOTSTRAP COLUMN CUSTOM*/

/*Styling User Learning activity details page*/
.userLearningActivityDetailTabStrip {
    font-size: 100%;
}

.userLearningActivityDetailTabStrip .rtsLink {
    padding: 7px 15px !important;
    margin-left: 3px;
}

.userLearningActivityDetailTabStrip .rtsLevel1 {
    border: none !important;
}

.userLearningActivityDetailTabStrip .rtsLevel1 .rtsLink {
    color: var(--aua-dark-blue) !important;
}
/* we need both combinations for hovering and selecting here. Telerik Lightweight honer the first one.*/
.userLearningActivityDetailTabStrip .rtsLevel1 .rtsHovered .rtsLink,
.userLearningActivityDetailTabStrip .rtsLevel1 .rtsLink:hover {
    background: none !important;
    border: none;
    border-bottom: 4px solid var(--aua-blue) !important;
}

.userLearningActivityDetailTabStrip .rtsLevel1 .rtsSelected .rtsLink,
.userLearningActivityDetailTabStrip .rtsLevel1 li a.rtsSelected {
    border: none;
    border-bottom: 4px solid var(--aua-blue) !important;
    font-weight: bold;
}

/* Styling for hyperlink  */

.factor360Hyperlink {
    text-decoration: none;
    border-bottom: 2px solid transparent;
    color: inherit !important;
    display: inline; /*so the border is in the text and not the whole block*/
}

.factor360Hyperlink.boldUnderline {
    border-bottom: 2px solid var(--aua-slate);
}

.factor360NoDecorationHyperlink {
    text-decoration: none;
    color: inherit !important;
    display: inline; /*so the border is in the text and not the whole block*/
    opacity: inherit !important /*semantic ui may cause less-than 1 opacity */
}

a.aspNetDisabled.factor360NoDecorationHyperlink,
a.aspNetDisabled.factor360NoDecorationHyperlink:hover {
    opacity: 0.5 !important;
    cursor: not-allowed;
}

.factor360NoDecorationHyperlink:hover {
    text-decoration: none;
    border-bottom: none;
}

.hyperlinkAsButton:hover {
    background-color: #f5f5f5 !important;
}


.factor360Hyperlink.noBorderBottom {
    border-bottom: none;
}

.factor360Hyperlink:hover {
    text-decoration: none;
    border-bottom: 2px solid var(--aua-slate)
}

.factor360HyperlinkForCatalog {
    text-decoration: none;
    border-bottom: none;
    color: inherit !important;
    display: inline; /*so the border is in the text and not the whole block*/
}

.factor360HyperlinkForCatalog:hover {
    text-decoration: none;
    /* border-bottom: 2px solid var(--aua-slate)*/
}

.factor360CatalogButton {
    background-color: var(--aua-green) !important;
    border-color: var(--aua-green) !important;
    color: #FFF !important;
}

.factor360CatalogButton.factor360DisabledCatalogButton {
    background-color: var(--aua-green) !important;
    border-color: var(--aua-green) !important;
    color: #FFF !important;
}

.factor360CatalogButton.factor360CatalogButton-tileView {
    border-radius: 3px;
    padding: 8px !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.factor360CatalogButton:hover {
    background: var(--aua-dark-blue) !important;
    color: white !important;
}

.factor360CatalogItemBadge { /* so when the screen is not wide, the badges are not too close to each other vertically */
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    text-align: left !important; /* so tag text will all be aligned to left*/
}

/* Styling label as badge (bootstrap) */
.factor360badgeColor {
    background-color: var(--aua-blue) !important; /* blue */
}

.factor360ButtonBadge_white {
    color: var(--aua-dark-blue);
    background-color: #fff;
}

.headLoginFixedHeight {
    height: 55px;
}

/* Bootstrap Well derivatives */
.well.well-white {
    background-color: #fff;
}

.well.well-smallMargin {
    margin-bottom: 8px;
}

.well.well-smallPadding {
    padding: 8px;
}

.well.well-noMargin {
    margin: 0px;
}

.well.well-transparent {
    background-color: transparent;
}

.well.well-shadowed {
    box-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px inset;
}
/* End of Bootstrap Well derivatives */
/* semantic ui card derivatives */
.ui.card.greyCard, .ui.cards > .card.greyCard {
    background-color: #f5f5f5;
}

.ui.card.noShadow, .ui.cards > .card.noShadow {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui.card > .content.smallPadding, .ui.cards > .card > .content.smallPadding {
    padding: 5px 3px;
}

.ui.card > .extra.smallPadding, .ui.cards > .card > .extra.smallPadding {
    padding: 0.5em;
}

.ui.card.smallMargin, .ui.cards > .card.smallMargin {
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    margin-top: 8px;
}

.ui.card.margin3px, .ui.cards > .card.margin3px {
    margin: 3px;
}

.ui.basic.dark-orange.label {
    background: none #fff !important;
    color: var(--aua-orange) !important;
    border-color: var(--aua-orange) !important;
}

/* end of semantic ui card derivatives */
.factor360UserQuestionNavigationTopFixed {
    position: fixed;
    top: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #ededed;
    border-bottom: 8px solid black;
    right: 0;
    left: 0; /*right and left 0 to stretch 100% */
    z-index: 8000; /* so that the navigation does not get overlaid by the content, but not overlay fancybox pop up*/
}
/* bootstrap row flex */
/* handling the same height issue with flex*/
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand. 
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* end of bootstrap row flex */

/* question answer-related css */
.factor360AnswerOptionNormativeWrapper {
    margin: 15px 4px;
    padding: 8px;
    border-radius: 4px;
    overflow: auto;
    background-color: transparent;
}

/* checkbox (this class is assigned to the wrapper div of the target checkbox */
.factor360AnswerOptionRadioButtonWrapper {
    margin: 15px -10px 5px -10px;
    padding: 8px;
    border-radius: 4px;
    /*overflow: auto; horizontal scroll bar shows up if we do auto.*/
    overflow: hidden;
    cursor: pointer;
    background-color: transparent;
}

.factor360AnswerOptionRadioButtonWrapper label {
    float: left;
    width: 4.0em;
    text-align: center;
    padding: 3px 0px;
    display: block;
}


.factor360AnswerOptionRadioButtonWrapper span input,
.factor360AnswerOptionRadioButtonWrapper input {
    display: none;
}

.factor360AnswerOptionRadioButtonWrapper:active:hover:not([disabled]),
.factor360AnswerOptionRadioButtonWrapper span input:checked + label,
.factor360AnswerOptionRadioButtonWrapper.answerSelected {
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    -moz-box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    border-color: var(--aua-dark-blue);
    background-color: var(--aua-fade-blue);
    color: var(--aua-blue);
}

.factor360AnswerOptionRadioButtonWrapper.correctAnswer {
    background: var(--aua-fade-green);
    color: var(--aua-green);
    border-color: var(--aua-dark-green);
}

.factor360AnswerOptionRadioButtonWrapper.correctAnswerMissingOtherCorrectOptionSelected {
    background: var(--aua-yellow);
    color: var(--aua-dark-green);
    border-color: var(--aua-yellow);
}

.factor360AnswerOptionRadioButtonWrapper.wrongAnswer {
    background: var(--aua-off-white);
    color: var(--aua-red);
    border-color: var(--aua-red);
}

.factor360AnswerOptionRadioButtonWrapper.correctAnswerNotChosen {
    background: var(--aua-fade-green);
    color: var(--aua-green);
    border: 2px solid var(--aua-green);
}

.factor360AnswerOptionRadioButtonWrapper.correctAnswerNotChosen.red {
    background: var(--aua-off-white);
    color: var(--aua-red);
    border-color: var(--aua-red);
}

.factor360AnswerOptionRadioButtonWrapper.correctAnswerNotChosen.noBackgroundColor {
    background-color: transparent;
}

.factor360AnswerOptionRadioButtonWrapper.correctAnswerNotChosen.hideCorrectAnswerNotChosen {
    background: none;
    color: inherit;
    border-color: #e3e3e3;
}

.factor360AnswerOptionRadioButtonWrapper.wrongAnswer.hideWrongAnswer { /* same as .answerSelected */
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    -moz-box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    border-color: var(--aua-dark-blue);
    background-color: var(--aua-fade-blue);
    background-image: none;
    color: var(--aua-blue);
}

.factor360AnswerOptionRadioButtonWrapper.correctAnswer.hideCorrectAnswer { /* same as .answerSelected */
    -webkit-box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    -moz-box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    box-shadow: inset 0px 0px 0px 1px var(--aua-blue);
    border-color: var(--aua-dark-blue);
    background-color: var(--aua-fade-blue);
    background-image: none;
    color: var(--aua-blue);
}

@media screen and (min-width:768px) {
    .factor360AnswerOptionRadioButtonWrapper.correctAnswer {
        background: var(--aua-fade-green) url(/images/OK_30_green.png?v=360.2.40.15) no-repeat 10px 45%;
    }

    .factor360AnswerOptionRadioButtonWrapper.wrongAnswer {
        background: var(--aua-off-white) url(/images/delete_24.png?v=360.2.40.15) no-repeat 10px 45%;
    }

    .factor360AnswerOptionRadioButtonWrapper.correctAnswerNotChosen {
        background: var(--aua-fade-green) url(/images/OK_30_green.png?v=360.2.40.15) no-repeat 10px 45%;
    }

    .factor360AnswerOptionRadioButtonWrapper.correctAnswerNotChosen.red {
        background: var(--aua-off-white) url(/images/OK_30_red.png?v=360.2.40.15) no-repeat 10px 45%;
    }
}

@media screen {
    .normativeDataAnwerOptionWrapper {
        text-align: right;
        font-size: 90%;
        float: right;
        width: 50%;
    }
}

@media screen and (max-width:768px) {
    .normativeDataAnwerOptionWrapper {
        text-align: right;
        font-size: 90%;
        float: right;
        width: 100%;
    }
}

.normativeDataAnwerOptionWrapper.hideNormativeDataAnswerOption {
    display: none;
}

.tdNormativeDataAnswerOptionPercentageClass {
    width: 10%;
    text-align: right;
    position: absolute;
    bottom: 20px;
}

.tdNormativeDataAnswerOptionPercentageClass.hideNormativeDataAnswerOption {
    display: none;
}
/* end of question answer-related css */

/* Collection 1 Sprites*/
.collection1_sprite {
    background-image: url(/images/Collection1/spritesheet_tiny.png?v=360.2.40.15);
    background-repeat: no-repeat;
    display: inline-block;
}

.collection1_sprite-flash_64 {
    width: 64px;ß
    height: 64px;
    background-position: -5px -5px;
}

.collection1_sprite-flash_grey_64 {
    width: 64px;
    height: 64px;
    background-position: -79px -5px;
}

.userDashboardSidebarItemWrapper.selected {
    border-right: 5px solid var(--aua-blue);
}

.userDashboardSidebarItemWrapper.selected .userDasboardItemTitle {
    color: var(--aua-blue) !important;
}

.sprite_adminSideBar {
    background-image: url(/images/AdminSideBar/spritesheet.png?v=360.2.46.01);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite_adminSideBar-AIAgent_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}

.sprite_adminSideBar-AIAgent_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
}

.sprite_adminSideBar-courseDashboard_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -5px;
}

.sprite_adminSideBar-courseDashboard_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -5px;
}

.sprite_adminSideBar-courseLayout_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -47px;
}

.sprite_adminSideBar-courseLayout_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -47px;
}

.sprite_adminSideBar-creditTypeManager_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -47px;
}

.sprite_adminSideBar-creditTypeManager_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -47px;
}

.sprite_adminSideBar-emailSetting_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -89px;
}

.sprite_adminSideBar-emailSetting_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -89px;
}

.sprite_adminSideBar-examTypeSetting_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -89px;
}

.sprite_adminSideBar-examTypeSetting_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -89px;
}

.sprite_adminSideBar-integrationSetting_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -131px;
}

.sprite_adminSideBar-integrationSetting_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -131px;
}

.sprite_adminSideBar-learningActivityAccess_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -131px;
}

.sprite_adminSideBar-learningActivityAccess_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -131px;
}

.sprite_adminSideBar-loginSetting_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -5px;
}

.sprite_adminSideBar-loginSetting_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -47px;
}

.sprite_adminSideBar-publicCatalogSetting_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -89px;
}

.sprite_adminSideBar-publicCatalogSetting_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -131px;
}

.sprite_adminSideBar-stylesheetSetting_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -173px;
}

.sprite_adminSideBar-stylesheetSetting_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -173px;
}

.sprite_adminSideBar-transcriptSetting_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -173px;
}

.sprite_adminSideBar-transcriptSetting_selected_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -173px;
}

/* End of ADMIN SIDEBAR MENUS*/
/* ACTIVITY SPRITES */
.sprite_activity {
    /*background-image: url(/images/LearningActivity/spritesheet.png?v=360.2.46.sa4);*/
    background-image: url('https://university.auanet.org/migration/sprite-sheet.png') !important;
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite_activity-PARS_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -5px;
}

.sprite_activity-PARS_grey_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -5px;
}

.sprite_activity-SCORM_blue_100 {
    width: 100px;
    height: 100px;
    background-position: -89px -5px;
}

.sprite_activity-SCORM_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -199px -5px;
}

.sprite_activity-SCORM_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -241px -5px;
}

.sprite_activity-all_compliance_status_32 {
    width: 32px;
    height: 32px;
    background-position: -315px -5px;
}

.sprite_activity-archived_status_32 {
    width: 32px;
    height: 32px;
    background-position: -357px -5px;
}

.sprite_activity-available_compliance_status_32 {
    width: 32px;
    height: 32px;
    background-position: -399px -5px;
}

.sprite_activity-available_status_32 {
    width: 32px;
    height: 32px;
    background-position: -441px -5px;
}

.sprite_activity-available_status_external_32 {
    width: 32px;
    height: 32px;
    background-position: -483px -5px;
}

.sprite_activity-available_status_live_event_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -47px;
}

.sprite_activity-available_status_multipart_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -47px;
}

.sprite_activity-badge-dollar-32 {
    width: 32px;
    height: 32px;
    background-position: -199px -47px;
}

.sprite_activity-beta_status_32 {
    width: 32px;
    height: 32px;
    background-position: -315px -47px;
}

.sprite_activity-bundle_blue_100 {
    width: 100px;
    height: 100px;
    background-position: -357px -47px;
}

.sprite_activity-bundle_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -467px -47px;
}

.sprite_activity-bundle_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -5px -89px;
}

.sprite_activity-circle-half-dollar-32 {
    width: 32px;
    height: 32px;
    background-position: -509px -47px;
}

.sprite_activity-completed_compliance_status_32 {
    width: 32px;
    height: 32px;
    background-position: -199px -89px;
}

.sprite_activity-completed_status_32 {
    width: 32px;
    height: 32px;
    background-position: -241px -89px;
}

.sprite_activity-corecompetency_green_32 {
    width: 32px;
    height: 32px;
    background-position: -283px -89px;
}

.sprite_activity-corecompetency_grey_32 {
    width: 32px;
    height: 32px;
    background-position: -467px -89px;
}

.sprite_activity-discussion_32 {
    width: 32px;
    height: 32px;
    background-position: -509px -89px;
}

.sprite_activity-dollar-box-32 {
    width: 32px;
    height: 32px;
    background-position: -79px -131px;
}

.sprite_activity-dollar-sign-32 {
    width: 32px;
    height: 32px;
    background-position: -121px -131px;
}

.sprite_activity-donation_blue_100 {
    width: 100px;
    height: 100px;
    background-position: -163px -157px;
}

.sprite_activity-donation_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -273px -131px;
}

.sprite_activity-donation_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -467px -131px;
}

.sprite_activity-edit_status_32 {
    width: 32px;
    height: 32px;
    background-position: -315px -131px;
}

.sprite_activity-exam_use_online_proctor_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -205px;
}

.sprite_activity-expired_compliance_status_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -205px;
}

.sprite_activity-expired_status_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -205px;
}

.sprite_activity-external_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -273px -205px;
}

.sprite_activity-external_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -315px -205px;
}

.sprite_activity-failed_compliance_status_32 {
    width: 32px;
    height: 32px;
    background-position: -389px -205px;
}

.sprite_activity-failed_status_32 {
    width: 32px;
    height: 32px;
    background-position: -431px -205px;
}

.sprite_activity-gift-32 {
    width: 32px;
    height: 32px;
    background-position: -473px -205px;
}

.sprite_activity-has_accreditation_32 {
    width: 32px;
    height: 32px;
    background-position: -515px -205px;
}

.sprite_activity-has_assessment_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -247px;
}

.sprite_activity-has_assignment_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -247px;
}

.sprite_activity-has_certificate_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -247px;
}

.sprite_activity-has_child_activity_32 {
    width: 32px;
    height: 32px;
    background-position: -273px -247px;
}

.sprite_activity-has_content_32 {
    width: 32px;
    height: 32px;
    background-position: -389px -247px;
}

.sprite_activity-has_custom_certificate_32 {
    width: 32px;
    height: 32px;
    background-position: -431px -247px;
}

.sprite_activity-has_discussion_32 {
    width: 32px;
    height: 32px;
    background-position: -473px -247px;
}

.sprite_activity-has_evaluation_32 {
    width: 32px;
    height: 32px;
    background-position: -515px -247px;
}

.sprite_activity-has_external_link_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -289px;
}

.sprite_activity-has_faq_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -289px;
}

.sprite_activity-has_info_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -289px;
}

.sprite_activity-has_modules_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -289px;
}

.sprite_activity-has_post_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -289px;
}

.sprite_activity-has_postsurvey_32 {
    width: 32px;
    height: 32px;
    background-position: -215px -289px;
}

.sprite_activity-has_practice_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -257px -289px;
}

.sprite_activity-has_pre_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -299px -289px;
}

.sprite_activity-has_precoursesurvey_32 {
    width: 32px;
    height: 32px;
    background-position: -341px -289px;
}

.sprite_activity-has_scorm_package_32 {
    width: 32px;
    height: 32px;
    background-position: -383px -289px;
}

.sprite_activity-has_skill_based_assessment_32 {
    width: 32px;
    height: 32px;
    background-position: -425px -289px;
}

.sprite_activity-has_xxx_32 {
    width: 32px;
    height: 32px;
    background-position: -467px -289px;
}

.sprite_activity-inprogress_compliance_status_32 {
    width: 32px;
    height: 32px;
    background-position: -509px -289px;
}

.sprite_activity-inprogress_status_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -331px;
}

.sprite_activity-late_completion_status_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -331px;
}

.sprite_activity-library_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -331px;
}

.sprite_activity-live_blue_100 {
    width: 100px;
    height: 100px;
    background-position: -131px -331px;
}

.sprite_activity-live_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -241px -331px;
}

.sprite_activity-live_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -283px -331px;
}

.sprite_activity-locked_32 {
    width: 32px;
    height: 32px;
    background-position: -357px -331px;
}

.sprite_activity-multipart_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -399px -331px;
}

.sprite_activity-multipart_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -441px -331px;
}

.sprite_activity-no_accreditation_32 {
    width: 32px;
    height: 32px;
    background-position: -515px -331px;
}

.sprite_activity-no_assessment_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -373px;
}

.sprite_activity-no_assignment_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -373px;
}

.sprite_activity-no_child_activity_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -373px;
}

.sprite_activity-no_content_32 {
    width: 32px;
    height: 32px;
    background-position: -241px -373px;
}

.sprite_activity-no_discussion_32 {
    width: 32px;
    height: 32px;
    background-position: -357px -373px;
}

.sprite_activity-no_evaluation_32 {
    width: 32px;
    height: 32px;
    background-position: -399px -373px;
}

.sprite_activity-no_external_link_32 {
    width: 32px;
    height: 32px;
    background-position: -515px -373px;
}

.sprite_activity-no_faq_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -415px;
}

.sprite_activity-no_info_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -415px;
}

.sprite_activity-no_modules_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -415px;
}

.sprite_activity-no_post_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -241px -415px;
}

.sprite_activity-no_postsurvey_32 {
    width: 32px;
    height: 32px;
    background-position: -283px -415px;
}

.sprite_activity-no_practice_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -325px -415px;
}

.sprite_activity-no_pre_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -367px -415px;
}

.sprite_activity-no_precoursesurvey_32 {
    width: 32px;
    height: 32px;
    background-position: -409px -415px;
}

.sprite_activity-no_registration_is_closed_32 {
    width: 32px;
    height: 32px;
    background-position: -451px -415px;
}

.sprite_activity-no_registration_is_open_32 {
    width: 32px;
    height: 32px;
    background-position: -493px -415px;
}

.sprite_activity-no_scorm_package_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -457px;
}

.sprite_activity-no_skill_based_assessment_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -457px;
}

.sprite_activity-no_xxx_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -457px;
}

.sprite_activity-onDemand_blue_100 {
    width: 100px;
    height: 100px;
    background-position: -551px -5px;
}

.sprite_activity-onDemand_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -551px -115px;
}

.sprite_activity-onDemand_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -593px -115px;
}

.sprite_activity-open_enrollment_32 {
    width: 32px;
    height: 32px;
    background-position: -557px -189px;
}

.sprite_activity-physical_blue_100 {
    width: 100px;
    height: 100px;
    background-position: -557px -231px;
}

.sprite_activity-physical_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -599px -189px;
}

.sprite_activity-physical_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -557px -341px;
}

.sprite_activity-private_enrollment_visible_catalog_32 {
    width: 32px;
    height: 32px;
    background-position: -535px -415px;
}

.sprite_activity-public_enrollment_not_visible_catalog_32 {
    width: 32px;
    height: 32px;
    background-position: -577px -415px;
}

.sprite_activity-published_status_32 {
    width: 32px;
    height: 32px;
    background-position: -619px -415px;
}

.sprite_activity-registration_is_closed_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -457px;
}

.sprite_activity-registration_is_open_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -457px;
}

.sprite_activity-repository_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -215px -457px;
}

.sprite_activity-repository_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -257px -457px;
}

.sprite_activity-retired_status_32 {
    width: 32px;
    height: 32px;
    background-position: -331px -457px;
}

.sprite_activity-self_reported_blue_100 {
    width: 100px;
    height: 100px;
    background-position: -373px -457px;
}

.sprite_activity-self_reported_blue_32 {
    width: 32px;
    height: 32px;
    background-position: -483px -457px;
}

.sprite_activity-self_reported_blue_64 {
    width: 64px;
    height: 64px;
    background-position: -525px -457px;
}

.sprite_activity-session_closed_registration_32 {
    width: 32px;
    height: 32px;
    background-position: -599px -457px;
}

.sprite_activity-session_open_registration_32 {
    width: 32px;
    height: 32px;
    background-position: -5px -499px;
}

.sprite_activity-shipped_32 {
    width: 32px;
    height: 32px;
    background-position: -47px -499px;
}

.sprite_activity-shipping_32 {
    width: 32px;
    height: 32px;
    background-position: -89px -499px;
}

.sprite_activity-timed_exam_32 {
    width: 32px;
    height: 32px;
    background-position: -131px -499px;
}

.sprite_activity-timed_exam_and_use_online_proctor_32 {
    width: 32px;
    height: 32px;
    background-position: -173px -499px;
}

/* END of ACTIVITY SPRITES */

/* Credit Request Sprites*/
.sprite_creditRequest {
    background-image: url(/images/CreditRequest/spritesheet.png?v=360.2.40.15);
    background-repeat: no-repeat;
    display: inline-block;
}

.sprite_creditRequest-Acknowledgement_Gray_100 {
    width: 100px;
    height: 88px;
    background-position: -5px -5px;
}

.sprite_creditRequest-Acknowledgement_Gray_64 {
    width: 64px;
    height: 56px;
    background-position: -115px -5px;
}

.sprite_creditRequest-Acknowledgement_Green_100 {
    width: 100px;
    height: 88px;
    background-position: -189px -5px;
}

.sprite_creditRequest-Acknowledgement_Green_64 {
    width: 64px;
    height: 56px;
    background-position: -299px -5px;
}

.sprite_creditRequest-Approval_Gray_100 {
    width: 100px;
    height: 88px;
    background-position: -299px -71px;
}

.sprite_creditRequest-Approval_Gray_64 {
    width: 64px;
    height: 56px;
    background-position: -115px -71px;
}

.sprite_creditRequest-Approval_Green_100 {
    width: 100px;
    height: 88px;
    background-position: -5px -169px;
}

.sprite_creditRequest-Approval_Green_64 {
    width: 64px;
    height: 56px;
    background-position: -115px -169px;
}

.sprite_creditRequest-Description_Gray_100 {
    width: 100px;
    height: 88px;
    background-position: -189px -169px;
}

.sprite_creditRequest-Description_Gray_64 {
    width: 64px;
    height: 56px;
    background-position: -299px -169px;
}

.sprite_creditRequest-Description_Green_100 {
    width: 100px;
    height: 88px;
    background-position: -299px -235px;
}

.sprite_creditRequest-Description_Green_64 {
    width: 64px;
    height: 56px;
    background-position: -115px -235px;
}

.sprite_creditRequest-Evaluation_Gray_100 {
    width: 100px;
    height: 88px;
    background-position: -5px -333px;
}

.sprite_creditRequest-Evaluation_Gray_64 {
    width: 64px;
    height: 56px;
    background-position: -115px -333px;
}

.sprite_creditRequest-Evaluation_Green_100 {
    width: 100px;
    height: 88px;
    background-position: -189px -333px;
}

.sprite_creditRequest-Evaluation_Green_64 {
    width: 64px;
    height: 56px;
    background-position: -299px -333px;
}

.sprite_creditRequest-Instruction_Gray_100 {
    width: 100px;
    height: 88px;
    background-position: -409px -5px;
}

.sprite_creditRequest-Instruction_Gray_64 {
    width: 64px;
    height: 56px;
    background-position: -5px -103px;
}

.sprite_creditRequest-Instruction_Green_100 {
    width: 100px;
    height: 88px;
    background-position: -409px -103px;
}

.sprite_creditRequest-Instruction_Green_64 {
    width: 64px;
    height: 56px;
    background-position: -189px -103px;
}

.sprite_creditRequest-Submit_Gray_100 {
    width: 100px;
    height: 88px;
    background-position: -409px -201px;
}

.sprite_creditRequest-Submit_Gray_64 {
    width: 64px;
    height: 56px;
    background-position: -409px -299px;
}

.sprite_creditRequest-Submit_Green_100 {
    width: 100px;
    height: 88px;
    background-position: -373px -365px;
}

.sprite_creditRequest-Submit_Green_64 {
    width: 64px;
    height: 56px;
    background-position: -5px -463px;
}
/* END of Credit Request Sprites*/

/* Generic Hyperlink */
.modernHyperlink {
    text-decoration: none;
    border-bottom: 1p solid var(--aua-slate)
}

    .modernHyperlink.whiteBorder {
        border-color: white;
    }

    .modernHyperlink a {
        color: inherit;
    }
/* end of Generic Hyperlink */
/* dashed box */
.factor360DashedBox {
    text-align: center;
    padding: 10px;
    border: 2px dashed var(--aua-slate);
    margin-top: 15px;
    color: var(--aua-slate);
}

.factor360DashedBox_NoMargin {
    text-align: center;
    padding: 10px;
    border: 2px dashed var(--aua-slate);
    color: var(--aua-slate);
}

.factor360DashedBox.mediumPadding {
    padding: 20px;
}
/* end of dashed box */
/* flexbox left-right header  */
.factor360PageHeaderFlexboxWrapper {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
    margin-bottom: 0px;
}

.factor360PageHeaderFlexboxWrapper.columnGap20 {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    -o-column-gap: 10px;
    column-gap: 10px;
}

.factor360PageHeaderFlexboxWrapper.topVerticalAligned {
    -webkit-align-items: flex-start; /* Safari */
    align-items: flex-start;
}

.factor360PageHeaderFlexboxWrapper.verticalBaseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.factor360PageHeaderFlexboxWrapper.verticalCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.factor360PageHeaderFlexboxWrapper.bottomVerticalAligned {
    -webkit-align-items: flex-end; /* Safari */
    align-items: flex-end;
}

.factor360PageHeaderFlexboxWrapper.thinBottom {
    margin-bottom: 8px;
}

.factor360PageHeaderFlexboxWrapper.noBottom {
    margin-bottom: 0px;
}

.factor360PageHeaderFlexboxWrapper.enableWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.factor360PageHeaderFlexboxWrapper.leftAligned {
    -webkit-justify-content: flex-start; /* Safari */
    justify-content: flex-start;
}

.factor360PageHeaderFlexboxWrapper.rightAligned {
    -webkit-justify-content: flex-end; /* Safari */
    justify-content: flex-end;
}

.factor360PageHeaderFlexboxWrapper.centerAligned {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.factor360PageHeaderFlexboxWrapper.responsiveWrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (min-width : 768px) {
    .factor360PageHeaderFlexboxWrapper.responsiveWrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}


.factor360PageHeaderFlexboxItem {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.factor360PageHeaderFlexboxItem.growItem {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.factor360PageHeaderFlexboxItem.full100 {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.factor360PageHeaderFlexboxItem.noShrinkItem {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.factor360PageHeaderFlexboxItem.paddedFlexboxItem {
    padding: 5px;
}


.factor360PageHeaderFlexboxItem.paddedFlexboxItem3px {
    padding: 3px;
}

.factor360PageHeaderFlexboxItem.formLabel {
    flex: 0 1 25%;
    text-align: right;
    padding: 5px 8px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formLabel10 {
    flex: 0 1 10%;
    text-align: right;
    padding: 5px 8px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formLabel15 {
    flex: 0 1 15%;
    text-align: right;
    padding: 5px 8px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formLabel20 {
    flex: 0 1 20%;
    text-align: right;
    padding: 5px 8px 0px 0px;
}

.factor360PageHeaderFlexboxItem.flex20 {
    flex: 0 1 20%;
}

.factor360PageHeaderFlexboxItem.formLabel30 {
    flex: 0 1 30%;
    text-align: right;
    padding: 5px 8px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formLabel40 {
    flex: 0 1 40%;
    text-align: right;
    padding: 5px 8px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formLabel.leftAligned {
    text-align: left;
}

.factor360PageHeaderFlexboxItem.tabularFormLabel {
    flex: 0 1 33%;
    text-align: right;
    padding: 5px 8px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formLabel.formLabelBold {
    font-weight: bold;
}

.factor360PageHeaderFlexboxItem.formLabel.topAligned,
.factor360PageHeaderFlexboxItem.topAligned {
    align-self: flex-start;
}

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

.factor360PageHeaderFlexboxItem.baselineAligned {
    align-self: baseline;
}

.factor360PageHeaderFlexboxItem.bottomAligned {
    align-self: flex-end;
}

.factor360PageHeaderFlexboxItem.centerAligned {
    align-self: center;
}

.factor360PageHeaderFlexboxItem.textRightAligned {
    text-align: right;
}

.factor360PageHeaderFlexboxItem.textCenterAligned {
    text-align: center;
}

.factor360PageHeaderFlexboxItem.textLeftAligned {
    text-align: left;
}

.factor360PageHeaderFlexboxItem.formLabel.centerAligned {
    align-self: center;
}

.factor360PageHeaderFlexboxItem.formInput {
    flex: 0 1 75%;
    padding: 5px 0px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formInput60 {
    flex: 0 1 60%;
    padding: 5px 0px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formInput70 {
    flex: 0 1 70%;
    padding: 5px 0px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formInput80 {
    flex: 0 1 80%;
    padding: 5px 0px 0px 0px;
}

.factor360PageHeaderFlexboxItem.flex70 {
    flex: 0 1 70%;
}

.factor360PageHeaderFlexboxItem.formInput85 {
    flex: 0 1 85%;
    padding: 5px 0px 0px 0px;
}

.factor360PageHeaderFlexboxItem.formInput90 {
    flex: 0 1 90%;
    padding: 5px 0px 0px 0px;
}

.factor360PageHeaderFlexboxItem.twoColumn {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%;
}

.factor360PageHeaderFlexboxItem.twoColumnEnableWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 992px) {
    .factor360PageHeaderFlexboxItem.twoColumnEnableWrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

.factor360PageHeaderFlexboxItem.threeColumnEnableWrap {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 992px) {
    .factor360PageHeaderFlexboxItem.threeColumnEnableWrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33%;
        flex: 0 1 33%;
    }
}

.factor360PageHeaderFlexboxItem.twoColumnGrow {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 768px) {
    .factor360PageHeaderFlexboxItem.twoColumnGrow {
        -webkit-box-flex: 0;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}

.factor360PageHeaderFlexboxItem.oneThirdResponsive {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 768px) {
    .factor360PageHeaderFlexboxItem.oneThirdResponsive {
        -webkit-box-flex: 0;
        -ms-flex: 1 1 30%;
        flex: 1 1 30%;
    }
}

.factor360PageHeaderFlexboxItem.twoThirdResponsive {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 768px) {
    .factor360PageHeaderFlexboxItem.twoThirdResponsive {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%;
    }
}

.factor360PageHeaderFlexboxItem.exactOneThirdResponsive {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 768px) {
    .factor360PageHeaderFlexboxItem.exactOneThirdResponsive {
        -webkit-box-flex: 0;
        -ms-flex: 1 1 calc(100%/3);
        flex: 1 1 calc(100%/3);
    }
}

.factor360PageHeaderFlexboxItem.exactTwoThirdResponsive {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 768px) {
    .factor360PageHeaderFlexboxItem.exactTwoThirdResponsive {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% *2/3);
        flex: 0 1 calc(100% *2/3);
    }
}

.factor360PageHeaderFlexboxItem.mainContent {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%;
}

.factor360PageHeaderFlexboxItem.imageFlexboxItem img {
    width: 100px;
    height: auto;
}

.factor360PageHeaderFlexboxItem.descriptionFlexboxItem {
    -webkit-box-flex: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.factor360PageHeaderFlexboxItem.oneThird {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
}

.factor360PageHeaderFlexboxItem.twoThird {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
}

.factor360PageHeaderFlexboxItem.oneFourth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;
}

.factor360PageHeaderFlexboxItem.threeFourth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%;
}

.factor360PageHeaderFlexboxItem.oneFifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
}

.factor360PageHeaderFlexboxItem.twoFifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
}

.factor360PageHeaderFlexboxItem.threeFifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
}

.factor360PageHeaderFlexboxItem.percent15 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
}

.factor360PageHeaderFlexboxItem.percent35 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 35%;
    flex: 0 1 35%;
}

.factor360PageHeaderFlexboxItem.percent65 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 65%;
    flex: 0 1 65%;
}

.factor360PageHeaderFlexboxItem.fourFifth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%;
}

.factor360PageHeaderFlexboxItem.oneTenth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 10%;
    flex: 0 1 10%;
}

.factor360PageHeaderFlexboxItem.nineTenth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 90%;
    flex: 0 1 90%;
}

.factor360PageHeaderFlexboxItem.eightTenth {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%;
}

.factor360PageHeaderFlexboxItem.rightContent {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%;
}

.factor360PageHeaderFlexboxItem.width100p {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}

.factor360PageHeaderFlexboxItem.headerTitle {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%;
}

.factor360PageHeaderFlexboxItem.headerButton {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 15%;
    flex: 0 1 15%;
    text-align: right;
}

.factor360PageHeaderFlexboxItem.leftAlignedInFlexEndParent {
    align-self: center;
    margin-right: auto;
}

.factor360PageHeaderFlexboxItem.flexGrowOne {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.factor360PageHeaderFlexboxItem.orderedMinusOne {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.factor360PageHeaderFlexboxItem.orderedMinusOne {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.factor360PageHeaderFlexboxItem.rightAligned {
    margin-left: auto;
}

.factor360PageHeaderFlexboxItem.verticalGapBetweenItem:not(:last-child) {
    margin-right: 16px;
}

.factor360PageHeaderFlexboxItem.itemMoveToRight {
    margin-left: auto;
}
/* end of flexbox left-right header  */
.factor360ColumnFlexboxWrapper {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex; /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-justify-content: space-between; /* Safari */
    justify-content: space-between;
    -webkit-align-items: center; /* Safari */
    align-items: stretch;
}

.factor360ColumnFlexboxItem {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 3px;
    text-align: center;
    margin: 3px 0;
}

.factor360ColumnFlexboxItem.leftAligned {
    text-align: left;
}

.factor360ColumnFlexboxItem.topSeparatorBorder {
    border-top: 1px solid rgba(0,0,0,.05);
}
/* Bootstrap breadcrumb css override */
.factor360BreadCrumbWrapper {
    margin-left: 20px;
    margin-top: -10px;
}

.factor360BreadCrumbWrapper.noMarginLeft {
    margin-left: 0px;
}

.factor360BreadCrumbWrapper .breadcrumb {
    margin-bottom: 0px;
    padding-left: 0px;
    background-color: transparent;
}

.factor360BreadCrumbWrapper .breadcrumb li a {
    font-weight: bold;
    color: inherit;
    text-decoration: none;
}

.factor360BreadCrumbWrapper .breadcrumb li a:hover {
    text-decoration: underline;
}

.factor360BreadCrumbWrapper .breadcrumb .active {
    text-decoration: none;
    font-weight: bold;
    color: var(--aua-bright-blue);
}

/* End of Bootstrap breadcrumb css override */
/* big button responsive*/
.button.responsiveBigSingleButton {
    width: 90%;
    font-size: 130%;
    padding: 8px 18%;
}

.button.responsiveButton {
    width: 100%;
    font-size: 130%;
    padding: 8px 18%;
    margin: 8px 0;
}
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .button.responsiveBigSingleButton {
        width: 90%;
    }
}
/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .button.responsiveBigSingleButton {
        width: 90%;
    }

    .button.responsiveButton {
        width: auto;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .button.responsiveBigSingleButton {
        width: 30%;
        padding: 6px 10%;
    }

    .button.responsiveButton {
        width: auto;
        padding: 6px 5%;
    }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .button.responsiveBigSingleButton {
        width: 30%;
        padding: 6px 10%;
    }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .button.responsiveBigSingleButton {
        width: 30%;
        padding: 6px 10%;
    }
}
/* end of big button responsive*/
/* Responsive layout for panel containing buttons (button will be centered in mobile sizes, and right aligned when wider) */
.buttonSetPanelContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-end;
}

.buttonSetPanelItem {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 5px;
}

.buttonSetPanelItem:first-of-type {
    margin-left: 0px;
}

@media only screen and (max-width : 768px) {
    .buttonSetPanelContainer {
        justify-content: center;
    }

    .buttonSetPanelItem {
        margin: 10px;
    }
}
/* End of Responsive layout for panel containing buttons */

/* Responsive layout for panel containing texts (text will be centered in mobile sizes, and left aligned when wider) */
.textSetPanelContainer {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.textSetPanelItem {
    -webkit-box-flex: 0 1 auto;
    -moz-box-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0 5px;
}

.textSetPanelItem:first-of-type {
    margin-left: 0px;
}

@media only screen and (max-width : 768px) {
    .textSetPanelContainer {
        justify-content: center;
    }
}
/* End of Responsive layout for panel containing buttons */

/* Featured learning activity CSS */
.publicCatalogFeaturedLearningActivityBoxWrapper {
    border: 1px solid black;
    border-radius: 4px;
    background-color: var(--aua-dark-blue);
}

.publicCatalogFeaturedLearningActivityBoxWrapper.purchasedOrTaken {
    background-color: #ffffff;
}

.publicCatalogFeaturedLearningActivityBoxWrapper .featuredLearningActivityTitleHyperlink {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
}

.publicCatalogFeaturedLearningActivityBoxWrapper .featuredLearningActivityTitleHyperlink:hover {
    border-bottom: 0px solid var(--aua-slate);
}

.publicCatalogFeaturedLearningActivityBoxWrapper .featuredLearningActivityTitleHyperlink.purchasedOrTaken {
    color: #000;
}

.publicCatalogFeaturedLearningActivityBoxWrapper .featuredLearningActivityLocalization {
    color: #fff;
}

.publicCatalogFeaturedLearningActivityBoxWrapper .featuredLearningActivityLocalization.purchasedOrTaken {
    color: #000;
}

.featuredLearningActivityItemBadge {
    font-size: 15px;
    background-color: white;
    color: var(--aua-blue);
    margin-left: 20px;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid var(--aua-blue);
    border-radius: 4px;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.featuredLearningActivityItemBadge:hover {
    z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
}

.featuredLearningActivityItemBadge .featuredLearningActivityItemBadgeAlignedLeft {
    text-align: left;
}

.featuredLearningActivityItemText {
    white-space: normal;
    color: #ffffff;
    font-size: 15px;
    margin-left: 20px;
    text-align: left;
}

.publicCatalogFeaturedLearningActivityBody_coverImage {
    flex: 0 1 15%; /* proper flex basis to keep 125px consistent across any screen sizes */
    min-width: 125px;
    margin-left: 5px; /* don't be too close with the other item */
}

@media screen and (min-width:768px) {
    .publicCatalogFeaturedLearningActivityBody_coverImage {
        min-width: 125px;
    }
}
/* custom card box colors */
.factor360Card {
    padding: 5px 12px;
    background: var(--aua-blue) !important;
    color: #fff !important;
}

.aspNetDisabled.factor360Card {
    background: #D9D9D9 !important;
    color: var(--aua-slate) !important;
}

.factor360ExtraContentCardButton {
    /* use important to override default semantic ui card */
    background-color: var(--aua-blue) !important;
    background-color: var(--factor360ButtonBackgroundColor) !important;
    color: #fff !important;
    color: var(--factor360ButtonColor) !important;
}

/* end of custom card box colors */
/* making slick.js carousel items all have the same height
    https://github.com/kenwheeler/slick/issues/179#issuecomment-204768021 */
.slick-track {
    display: flex !important;
    align-items: stretch;
    justify-content: center;
}

.slick-slide {
    height: auto !important;
}

/* modified css for telerik Radrating */
.RadRating.RadRating_Default {
    width: 100% !important; /* so the stars are shown fully, not chopped because 75px width default */
}
/* end of modified css for telerik Radrating */
/* 5-star rating display */
.factor360fiveStarRating {
    display: block;
    /*background: url(/images/star-rating-sprite-20-tiny.png?v=360.2.40.15);*/
    background-repeat: no-repeat;
}

.factor360fiveStarRating.greyStars {
    width: 112px;
    height: 20px;
    background-position: 0px -24px;
}

.factor360fiveStarRating.singleStar {
    width: 24px;
    height: 20px;
    background-position: 0px -2px;
}

.factor360fiveStarRating.lightupStars {
    width: 50%; /* default to 50% */
    height: 20px;
    background-position: 0px -2px;
}

.factor360ReadMore {
    background: linear-gradient(hsla(0,0%,100%,0),hsla(0,0%,100%,.95),#fff);
    bottom: 0;
    display: block;
    padding-top: 10%;
    position: absolute;
    width: 100%;
    text-align: center;
}

.factor360ReadMore.expanded {
    padding-top: 0px;
    position: relative; /* so that the gradient dissapear*/
}

.panel-heading.smallPadding {
    padding: 5px 10px;
}

.panel.smallMargin {
    margin-bottom: 8px;
}

.panel-body.smallPadding {
    padding: 8px;
}
.factor360-progress-bar-nofill {
    /*background: #dcdcdc;*/
    background: var(--aua-slate);
    color: inherit;
    opacity: 0.75; /* for the text label */
}

.factor360-progress-bar-separator {
    border-right: 1px solid white;
}

.factor360-progress-bar-separator:last-child {
    border-right: none;
}

.factor360-progress-bar-height-16 {
    height: 16px;
}

.factor360-progress-bar-height-16 .progress-bar {
    line-height: 16px;
}

.factor360-progress-bar-height-25 {
    height: 25px;
}

.factor360-progress-bar-height-30 {
    height: 30px;
}
/* end of bootstrap progress bar custom type */
/* learning activity title and progress row*/
.factor360LearningActivityTitleFlexboxItem {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%;
}

.factor360LearningActivityProgressFlexboxItem {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
}

@media screen and (min-width: 768px) {
    .factor360LearningActivityTitleFlexboxItem {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%;
    }

    .factor360LearningActivityProgressFlexboxItem {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%;
    }
}
/* end of learning activity title and progress row*/
/* multipart features */
.factor360MultipartSprite {
    background-image: url(/images/MultiPart/spritesheet_tiny.png?v=360.2.40.15);
    background-repeat: no-repeat;
    display: inline-block;
}

.factor360MultipartSprite-Header_and_List_40 {
    width: 40px;
    height: 42px;
    background-position: -5px -5px;
}

.factor360MultipartSprite-List_Display_40 {
    width: 40px;
    height: 42px;
    background-position: -55px -5px;
}

.factor360MultipartSprite-Randomly_Selected_40 {
    width: 40px;
    height: 40px;
    background-position: -5px -57px;
}

.factor360MultipartSprite-Standard_40 {
    width: 40px;
    height: 40px;
    background-position: -55px -57px;
}

.factor360MultipartSprite-User_Selected_40 {
    width: 40px;
    height: 40px;
    background-position: -105px -5px;
}

/* end of multipart features */
/* flip any icon */
.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}
/* end of flip any icon*/
.factor360CreditationLabel {
    color: var(--aua-slate);
    font-size: 0.9em;
    font-style: italic;
}
/* custom information box styling*/
.factor360-information-topic {
    color: #f30;
    display: block;
    font-family: 'ff-scala-sans-web-pro', Helvetica, Arial, sans-serif;
    padding-bottom: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: .12em;
}

.factor360-information-title {
    box-sizing: border-box;
    color: rgb(26, 26, 26);
    font-family: ff-quadraat-web-pro, 'Times New Roman', serif;
    font-kerning: normal;
    font-size: 21px;
    font-variant: common-ligatures lining-nums;
    font-variant-ligatures: common-ligatures;
    font-variant-numeric: lining-nums;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-decoration: none solid rgb(26, 26, 26);
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    touch-action: manipulation;
    column-rule-color: rgb(26, 26, 26);
    perspective-origin: 0px 0px;
    transform-origin: 0px 0px;
    caret-color: rgb(26, 26, 26);
    border: 0px none rgb(26, 26, 26);
    list-style: none outside none;
    margin: 0px 0px -3px;
    outline: rgb(26, 26, 26) none 0px;
    padding: 3px 0px 0px;
}

    .factor360-information-title:after {
        box-sizing: border-box;
        color: rgb(26, 26, 26);
        content: '';
        display: block;
        font-family: ff-quadraat-web-pro, "Times New Roman", serif;
        font-kerning: normal;
        font-size: 21px;
        font-variant: common-ligatures lining-nums;
        font-variant-ligatures: common-ligatures;
        font-variant-numeric: lining-nums;
        font-weight: 600;
        height: 1px;
        line-height: 24px;
        text-align: left;
        text-decoration: none solid rgb(26, 26, 26);
        text-rendering: optimizeLegibility;
        text-size-adjust: 100%;
        touch-action: manipulation;
        width: 279.1px;
        column-rule-color: rgb(26, 26, 26);
        perspective-origin: 139.55px 0.5px;
        transform-origin: 139.55px 0.5px;
        caret-color: rgb(26, 26, 26);
        border: 0px none rgb(26, 26, 26);
        list-style: none outside none;
        margin: -1px 0px 0px;
        outline: rgb(26, 26, 26) none 0px;
    }

.factor360-information-author {
    font-family: 'ff-scala-sans-web-pro', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: -3px;
    padding-top: 3px;
    color: #999;
}

.factor360-information-articleBody {
    font-family: "ff-quadraat-web-pro", "Times New Roman", serif;
    color: #4d4d4d;
    margin: 15px 0px;
    font-size: 16px;
    line-height: 20px;
}

.factor360-information-bottom-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
}

.factor360-information-bottom-part-item {
    font-family: "ff-scala-sans-web-pro", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    font-style: normal;
    margin-bottom: -1px;
    padding-top: 1px;
    text-transform: uppercase;
    letter-spacing: .12em;
}

    .factor360-information-bottom-part-item.leftSide {
        text-align: left;
        color: #B10DC9;
        font-weight: bold;
    }

    .factor360-information-bottom-part-item.rightSide {
        text-align: right;
        color: #999;
        font-family: "ff-scala-sans-web-pro", Helvetica, Arial, sans-serif;
        font-size: 12px;
        line-height: 16px;
        font-weight: 400;
        font-style: normal;
        margin-bottom: -1px;
        padding-top: 1px;
        text-transform: uppercase;
        letter-spacing: .12em;
    }
/* end of custom information box styling*/
/* sidebar */
.factor360LeftSideBarWrapper {
    margin-left: -150px;
    /* "#divAdminPageWithSideBar_LeftSideBar" width */
    width: 150px;
    position: absolute;
    top: 0;
    left: 0;
    height: auto; /* prevent scrolling on the left side bar */
    /* bottom: 0;*/ /* bottom auto to adjust according to the content */
    z-index: 1000;
    /* so the divAdminPageWithSideBar_LeftSideBar or its navicon stays above all content */
    background: transparent;
    background-color: transparent;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 5px;
    border-top-left-radius: 0.5em !important;
    -webkit-border-top-left-radius: 0.5em !important;
    -moz-border-top-left-radius: 0.5em !important;
    border-bottom-left-radius: 0.5em !important;
    -webkit-border-bottom-left-radius: 0.5em !important;
    -moz-border-bottom-left-radius-: 0.5em !important;
    border-right: 2px solid #e3e3e3;

    border: none !important;
}
/* end of sidebar*/
/* assess - analyze - improve panels */

.factor360IndividualPanel {
    position: relative;
    border: none;
}

    .factor360IndividualPanel.assess {
        background-color: #dff6fa;
    }

        .factor360IndividualPanel.assess > .panel-heading {
            background-color: var(--aua-blue);
            color: white;
            border: none;
        }

    .factor360IndividualPanel.improve > .panel-heading {
        background-color: #66a02b;
        color: white;
        border: none;
    }

    .factor360IndividualPanel.analyze {
        background-color: #feddd5;
    }

        .factor360IndividualPanel.analyze > .panel-heading {
            background-color: #fb7958;
            color: white;
            border: none;
        }

    .factor360IndividualPanel.improve {
        background-color: #cce9ad;
    }

@media screen and (min-width:768px) {
    .factor360IndividualPanel.arrow {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 0 30px 30px;
        border-color: transparent transparent transparent white;
        background-color: transparent !important; /*important to avoid arrow being colored the whole rectangle*/
        line-height: 0px;
        _border-color: #000000 #000000 #000000 #007bff;
        _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
        position: absolute;
        left: 100%;
        top: 40%;
        z-index: 1;
        content: " ";
    }

        .factor360IndividualPanel.arrow.assess {
            border-color: transparent transparent transparent #dff6fa;
        }

        .factor360IndividualPanel.arrow.analyze {
            border-color: transparent transparent transparent #feddd5;
        }

    .factor360IndividualPanel, .factor360IndividualPanel > .panel-heading {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
}
/* end of assess - analyze - improve panels */
/* tags */
.factor360tag.factor360tagWords {
    font-size: 90%;
}

.factor360tag.factor360tagActionIcon {
    margin-left: 8px;
}
/* end of tags */
/* custom semantic ui label */
.label.label-normalFontWeight {
    font-weight: normal;
}

.label.label-normalFontSize {
    font-size: inherit;
}

.label.label-clickable {
    box-shadow: 1px 1px 3px 1px #f5f5f5 !important;
}

.label.label-clickable:hover {
    background-color: var(--aua-slate-blue) !important;
    color: white !important;
}



.label.label-fontGrey4 {
    color: var(--aua-grey) !important;
}

.label.label-MarginBottom10 {
    margin-bottom: 10px;
}

.label.label-inheritFontSize {
    font-size: inherit !important;
}

.label.label-paddingX5Y1 {
    padding: 1px 5px !important;
}


.label.label-padding5 {
    padding: 5px !important;
}

.label.label-padding8 {
    padding: 8px !important;
}

.ui.factor360normal.label, .ui.factor360normal.labels .label {
    font-size: 14px;
    font-weight: normal;
}

/* end ofcustom semantic ui label */
/* custom bootstrap icon colors */
.glyphicon-red {
    color: #d9534f; /*this is bootstrap red*/
}

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

.glyphicon-medium {
    font-size: 1.3em;
}

.glyphicon-small {
    font-size: 0.9em;
}
/* end of custom bootstrap icon colors */
/* foreground color defaults */
.factor360Color_Green {
    color: #28a745; /* from bootstrap */
}

.factor360Color_VeryLightGrey {
    color: #e4e4e4; /* from bootstrap */
}
/* end of foreground color defaults */
i.icon.factor360SemanticUIIcon_small, i.icons.factor360SemanticUIIcon_small {
    font-size: 1.5em;
}

.factor360LearningActivityAssetMetaKey {
    opacity: 0.7;
    margin-right: 5px;
    border-right: 1px solid var(--aua-slate);
    padding-right: 5px;
}

.factor360BorderTop {
    border-top: 1px solid var(--aua-slate);
}

.factor360BorderBottom {
    border-bottom: 1px solid var(--aua-slate);
}

.factor360LearningActivityMetaKey {
    opacity: 0.7;
    margin-right: 5px;
    border-right: 1px solid var(--aua-slate);
    padding-right: 5px;
}

.factor360CMSMetaKey {
    opacity: 0.7;
    margin-right: 5px;
    border-right: 1px solid var(--aua-slate);
    padding-right: 5px;
}

/* custom button from bootstrap button */
.input-group-btn > .btn.factor360CustomBootstrapButton,
.btn.factor360CustomBootstrapButton {
    background: var(--aua-blue);
    color: #fff;
}
/* end of custom button from bootstrap button */
/* avoids long characters out of box */
.wrapLongText {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
/* end of avoids long characters out of box */
/* extras for bootstrap alert box */
.alert.bottomMargin5 {
    margin-bottom: 5px;
}

.alert.bottomMargin0 {
    margin-bottom: 0px;
}

.alert.smallPadding {
    padding: 3px 3px 3px 8px;
}

.alert.smallPadding5 {
    padding: 5px 5px 5px 8px;
}

.alert.smallPadding8 {
    padding: 8px;
}

.alert.factor360BasicAlert {
    color: inherit;
    background-color: inherit;
    border-color:var(--aua-fade-blue);
}

.alert.alert-factor360Warning {
    background-color: var(--aua-yellow);
    border-color: var(--aua-yellow);
    color: #333333; /* dark grey*/
}

.factor360CustomFontSize14 {
    font-size: 14px;
}
/* end of extras for bootstrap alert box */
.learningActivityAssetSingleViewWrapper {
    justify-content: center;
    /*align-items: center;  video won't display if you use row nowrap */
    display: flex;
    flex-flow: column nowrap; /* video won't display if you use row nowrap */
    margin: 15px 5px 5px 5px;
    min-height: 0;
}

@media screen and (min-width: 768px) {
    .learningActivityAssetSingleViewWrapper {
        margin: 8px 15px 5px 15px;
        min-height: 150px;
    }
}

.learningActivityAssetSingleViewTitle {
    text-align: center;
    font-size: 20pt;
    /*margin-top: 15px;*/
}

.learningActivityAssetSingleViewOrigin {
    text-align: center;
    margin: 8px 0px 15px 0px;
    font-size: 12pt;
}
/* pure-css drop down for grouping action buttons */
.factor360DropdownTooltip {
    position: relative;
    display: inline-block;
    text-align: left;
}

.factor360DropdownTooltip .factor360DropdownTooltipContent {
    visibility: hidden;
    opacity: 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 100%;
    margin-left: -180px; /* Use half of the width (120/2 = 60), to center the tooltip */
    z-index: 9;
}

.factor360DropdownTooltip:hover .factor360DropdownTooltipContent {
    visibility: visible;
    opacity: 1;
}

.factor360DropdownTooltipContent > .factor360DropdownTooltipContentItem {
    padding: 5px 5px;
}

.factor360DropdownTooltipContentButton {
    width: 100%;
    margin: 5px 0px;
}

.factor360TwoLineText,
.aua-two-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.factor360ThreeLineText,
.aua-three-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.tinymce_icon {
    background-image: url(/images/tinymceIcons/28/spritesheet.png?v=360.2.40.15) !important;
    background-repeat: no-repeat !important;
    display: block !important;
}

.tinymce_icon-smallcap_32 {
    width: 28px !important;
    height: 28px !important;
    background-position: -5px -43px !important;
}

.factor360ElasticSearchHighlightTag {
    font-weight: bold;
}

.smallsprite_activity {
    background-image: url('/images/\LearningActivity_SmallIcons/spritesheet.png?v=360.2.40.15');
    background-repeat: no-repeat;
    display: inline-block;
}

.smallsprite_activity-OnDemand_18 {
    width: 18px;
    height: 16px;
    background-position: -5px -5px;
}

.factor360AutoCompleteCategory {
    font-size: 12px;
    margin: 5px 15px 5px 0px;
    padding: 3px 8px 0px 8px;
    border-bottom: 1px solid #D0D0D0;
    color: hsla(0, 0%, 51%, 1);
}

.factor360buttonGroup > input[type="button"] {
    margin: 0px 3px;
}

.factor360buttonGroup > input[type="button"]:first-child {
    margin-left: 0px;
}

.factor360buttonGroup > input[type="button"]:last-child {
    margin-right: 0px;
}

.factor360Subtitle {
    font-size: 12pt;
    color: var(--aua-slate);
}

.factor360SmallerSubtitle {
    font-size: smaller;
    color: var(--aua-slate);
}

.factor360Color_grey1 {
    color: var(--aua-dark-blue);
}

.factor360Color_grey2 {
    color: var(--aua-slate);
}

.factor360Color_grey3 {
    color: var(--aua-slate);
}

.factor360Color_grey4 {
    color: var(--aua-grey);
}

.factor360Color_grey5 {
    color: var(--aua-slate-blue);
}

.factor360Color_grey6 {
    color: #f5f5f5;
}

.factor360BackgroundColor_grey {
    background-color: #eeeeee;
}

.factor360Color_yellow1 {
    color: var(--aua-yellow);
}

.factor360Color_ratingStar {
    color: var(--aua-orange);
}

.evaluationQuestionType {
    background-image: url(/images/EvalQuestionType/spritesheet.png?v=360.2.40.15);
    background-repeat: no-repeat;
    display: inline-block;
}

.evaluationQuestionType-Date-Future {
    width: 24px;
    height: 18px;
    background-position: -5px -5px;
}

.evaluationQuestionType-Date-Past {
    width: 24px;
    height: 18px;
    background-position: -5px -33px;
}

.evaluationQuestionType-Positive-Number {
    width: 24px;
    height: 18px;
    background-position: -5px -61px;
}

.evaluationQuestionType-checkbox {
    width: 18px;
    height: 18px;
    background-position: -5px -89px;
}

.evaluationQuestionType-date {
    width: 18px;
    height: 18px;
    background-position: -5px -117px;
}

.evaluationQuestionType-dropdown {
    width: 18px;
    height: 18px;
    background-position: -5px -145px;
}

.evaluationQuestionType-instruction {
    width: 18px;
    height: 18px;
    background-position: -5px -173px;
}

.evaluationQuestionType-matrix {
    width: 18px;
    height: 18px;
    background-position: -5px -201px;
}

.evaluationQuestionType-matrix-with-total {
    width: 24px;
    height: 18px;
    background-position: -5px -229px;
}

.evaluationQuestionType-number-1 {
    width: 18px;
    height: 18px;
    background-position: -5px -257px;
}

.evaluationQuestionType-paragraph {
    width: 18px;
    height: 18px;
    background-position: -5px -285px;
}

.evaluationQuestionType-radio {
    width: 18px;
    height: 18px;
    background-position: -5px -313px;
}

.evaluationQuestionType-short-answer {
    width: 18px;
    height: 18px;
    background-position: -5px -341px;
}

.ui.list:last-child, ol.ui.list:last-child, ul.ui.list:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.ui.list, ol.ui.list, ul.ui.list {
    list-style-type: none;
    padding: 1.5px 0px;
}

.ui.list .list > .item:first-child, .ui.list > .item:first-child, ol.ui.list li:first-child, ul.ui.list li:first-child {
    padding-top: 0;
}

.ui.list .list > .item, .ui.list > .item, ol.ui.list li, ul.ui.list li {
    display: list-item;
    table-layout: fixed;
    list-style-type: none;
    list-style-position: outside;
    padding: .21428571em 0;
    line-height: 1.14285714em;
}

.ui.list > .item:after, .ui.list > .list > .item, ol.ui.list > li:first-child:after, ul.ui.list > li:first-child:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui.list .list > .item > i.icon, .ui.list > .item > i.icon {
    display: table-cell;
    margin: 0;
    padding-top: 0;
    padding-right: .28571429em;
    vertical-align: top;
    -webkit-transition: color .1s ease;
    transition: color .1s ease;
}

.ui.list .list > .item > .icon + .content, .ui.list .list > .item > .image + .content, .ui.list > .item > .icon + .content, .ui.list > .item > .image + .content {
    display: table-cell;
    width: 100%;
    padding: 0 0 0 .5em;
    vertical-align: top;
}

.dark-grey {
    color:var(--aua-slate) !important;
}

.ui.card > .image, .ui.cards > .card > .image {
    background: transparent;
}

.ui.card > .content,
.ui.cards > .card > .content.smallPaddedContent {
    padding: 5px;
}

.ui.card > .content,
.ui.cards > .card > .content.threeFourthEM {
    padding: 0.75em;
}

.ui.card > .content.content-initialFontSize {
    font-size: initial;
}
/* end of custom css for semantic ui*/
.LearningActivityAssetContactUsFormWrapper {
    margin-top: 8px;
    margin: 15px 0px 0px 0px;
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f5f5f5;
}

.LearningActivityAssetContactUsForm {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 400px;
    flex: 0 1 400px;
}

.buttonGroup .buttonGroupItem {
    margin-left: 5px;
}

.buttonGroup .buttonGroupItem:first-of-type {
    margin-left: 0px;
}

.bubbleNotificationTitle {
    font-size: 14px;
    font-weight: bold;
}

.bubbleNotificationHeader {
    font-size: 12px;
    border: 1px solid var(--aua-slate);
    display: inline-block;
    padding: 5px;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    -o-transition: background .1s ease;
    transition: background .1s ease;
    border: 1px solid var(--aua-dark-blue);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
}

.bubbleNotificationMessage {
    font-size: 16px;
    padding-top: 5px;
}

.confidenceLevelSelectionButton {
    margin: 5px 8px;
    width: 160px;
    border-color: none;
    text-shadow: 0px 0px var(--aua-slate-blue);
    font-weight: bold !important;
    letter-spacing: 0.05em;
    font-size: 90%;
}

.confidenceLevelSelectionButton.pureGuess_selection {
    border-color: var(--aua-orange) !important;
    color: var(--aua-orange) !important;
}

.confidenceLevelSelectionButton.semiConfident_selection {
    border-color: var(--aua-yellow) !important;
    color: var(--aua-yellow) !important;
}

.confidenceLevelSelectionButton.fairlyConfident_selection {
    border-color: var(--aua-fade-green) !important;
    color: var(--aua-fade-green) !important;
}

.confidenceLevelSelectionButton.fullyCertain_selection {
    border-color: var(--aua-green) !important;
    color: var(--aua-green) !important;
}

@media screen and (min-width: 768px) {
    .confidenceLevelSelectionButton {
        font-size: 100%;
    }
}


/* this must be below the other ones to avoid css being overridden */
.btn-primary.confidenceLevelSelectionButton.pureGuess_selection {
    background-color: var(--aua-orange);
    color: #fff !important;
    -webkit-box-shadow: inset 0px 0px 2px var(--aua-orange);
    box-shadow: inset 0px 0px 2px var(--aua-orange);
}

.btn-primary.confidenceLevelSelectionButton.semiConfident_selection {
    background-color: var(--aua-yellow);
    color: #fff !important;
    -webkit-box-shadow: inset 0px 0px 2px var(--aua-yellow);
    box-shadow: inset 0px 0px 2px var(--aua-yellow);
}

.btn-primary.confidenceLevelSelectionButton.fairlyConfident_selection {
    background-color: var(--aua-fade-green);
    color: #fff !important;
    -webkit-box-shadow: inset 0px 0px 2px var(--aua-green);
    box-shadow: inset 0px 0px 2px var(--aua-green);
}

.btn-primary.confidenceLevelSelectionButton.fullyCertain_selection {
    background-color: var(--aua-green);
    color: #fff !important;
    -webkit-box-shadow: inset 0px 0px 2px var(--aua-dark-green);
    box-shadow: inset 0px 0px 2px var(--aua-dark-green);
}

.factor360QuestionBox {
    margin-left: -10px;
    margin-right: -10px;
}

.factor360QuestionBox a {
    text-decoration: none;
    color: inherit;
    padding-top: 8px;
    padding-bottom: 8px;
}

.factor360QuestionBox a:hover {
    text-decoration: none;
}

.factor360BoxLabel {
    display: inline-block;
    line-height: 1;
    vertical-align: baseline;
    margin: 0 .14285714em;
    padding: .5833em .833em;
    text-transform: none;
    font-weight: 700;
    border: 0 solid transparent;
    border-radius: .28571429rem;
    -webkit-transition: background .1s ease;
    transition: background .1s ease;
    background: none #fff;
    border: 1px solid rgba(34,36,38,.15);
    color: rgba(0,0,0,.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 1.28571429rem;
    word-wrap: break-word;
}
/* custom pop over for confidence level label show */
.factor360confidenceLevelPopover {
    width: 100%;
    max-width: 500px;
    min-width: 300px;
}

.factor360CustomGridFooter, .rgFooter .factor360CustomGridFooter {
    background: var(--aua-blue) !important;
}

.tag.icon.factor360FacultyTagIcon,
.tags.icon.factor360FacultyTagIcon {
    font-size: 20px !important; /* this is because tag icon has bigger size than the rest */
}

.userDashboardItemIcon {
    font-size: 24px !important;
    color: var(--aua-slate);
}

.userDashboardItemIcon.selectedUserDashboard {
    color: var(--aua-blue);
}

.actionButtonSetBottomPart {
    text-align: right;
    margin-top: 8px;
}
/* user type icons */
.userTypeIcon_administrator {
    color: var(--aua-blue);
    font-size: 24px !important;
}

.userTypeIcon_examEditor {
    color: var(--aua-purple);
    font-size: 24px !important;
}

.userTypeIcon_faculty {
    color: var(--aua-orange);
    font-size: 24px !important;
}

.userTypeIcon_supervisor {
    color: var(--aua-purple);
    font-size: 24px !important;
}

.userTypeIcon_learner {
    color: var(--aua-green);
    font-size: 24px !important;
}

.factor360StackLayoutSearchAndSideBar {
    background: #f7f7f7;
}

.factor360StackLayoutSearchAndSideBarSecondLayout {
    background: #f7f7f7;
}

.factor360CustomStackNavBar {
    background: var(--aua-blue) !important;
    color: #ffffff !important;
    border-radius: 0px;
    margin-top: 0px !important;
    margin-bottom: 2px !important;
}
/*  end of factor 360 custom stack navbar*/

/*css for rad multi select*/

.RadMultiSelect .k-multiselect-wrap .k-clear-value {
    right: 18px !important;
}

.k-multiselect:after {
    transition: all .1s ease;
    cursor: text;
    content: "\25BC";
    opacity: 0.5;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 4px;
    cursor: pointer;
    right: 6px;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-multiselect.k-state-border-down:after {
    content: "\25B2";
}

/*end of css for rad multi select*/
.factor360smallLabelOnTopOfTitle {
    font-size: 0.9em;
    font-weight: bold;
    color: var(--aua-slate);
}

.factor360FontSize1_1 {
    font-size: 1.1em;
}

.factor360FontSize1_2 {
    font-size: 1.2em;
}

.factor360FontSize1_3 {
    font-size: 1.3em;
}


/*`.userPageWithSideBar_hamburger` represents the responsive menu toggle that shows/hides onsmall screens.*/
.userPageWithSideBar_hamburger {
    position: absolute;
    display: block;
    /* show this only on small screens */
    top: -50px; /* so it does not overlap with banner */
    left: 0;
    font-size: 1.5em;
    /* change this value to increase/decrease button size */
    z-index: 5; /* so that it does not show up on top of the bootstrap My Account menu dropdown. increase to five so all clickable area is clickable.  */
    height: auto;
    padding: 5px;
    color: inherit !important;
    cursor: pointer;
    border-radius: 0px 16px 16px 0px;
    background-color: grey;
    color: white !important;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.userPageWithSideBar_hamburger:hover {
    color: inherit;
}

@media all {
    .userPageWithSideBar_hamburger {
        display: block;
    }

    .userPageWithSideBar_hamburger.active {
        left: 150px; /* for the active left sidebar width*/
    }
}

@media all and (min-width:1075px) {
    .userPageWithSideBar_hamburger {
        display: none;
    }

    .userPageWithSideBar_hamburger.active {
        left: 150px; /* for the active left sidebar width*/
    }
}

@media all and (min-width:1300px) {
    .userPageWithSideBar_hamburger {
        display: none;
    }

    .userPageWithSideBar_hamburger.active {
        left: 150px; /* for the active left sidebar width*/
    }
}

@media all and (min-width:1401px) {
    .userPageWithSideBar_hamburger {
        display: none;
    }
}
/* SVG ICONS */
.svgIcon_PersonalReport {
    width: 48px;
    height: 48px;
    display: inline-block;
    -webkit-mask: url(/images/svg/PersonalReport-original.svg) no-repeat 50% 50%;
    mask: url(/images/svg/PersonalReport-original.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: black;
}

.svgIcon_ReportSearchForInstructors {
    width: 48px;
    height: 48px;
    display: inline-block;
    -webkit-mask: url(/images/svg/ReportSearchForInstructors.svg) no-repeat 50% 50%;
    mask: url(/images/svg/ReportSearchForInstructors.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: black;
}

/* End of SVG Icons */
/* Colors */
.factor360-forecolor-red {
    color: var(--aua-red);
}
/* end of Colors */
/* jw player related*/
.jw-rightclick {
    display: none !important; /* don't display anything if user clicks on right click */
}
/* end of jw player related css*/
/* highlighter */
.factor360HighlightCursor {
    cursor: url(/images/highlighter-32.png?v=360.2.40.15) -10 50, auto; /* we need small size to make this visible as cursor */
}

.questionHighlighter {
    background-repeat: no-repeat;
    padding: 5px 12px;
    background-size: contain;
}

.questionHighlighter.highlightOn {
    background-image: url(/images/highlighter-64.png?v=360.2.40.15);
}

.questionHighlighter.highlightOff {
    background-image: url(/images/highlighter-disabled-64.png?v=360.2.40.15);
}

.questionHighlighterSmallIcon {
    background-image: url(/images/highlighter-disabled-24.png?v=360.2.40.15);
    background-repeat: no-repeat;
    padding: 5px 12px;
    background-size: contain;
    padding: 0px 3px;
    background-position: bottom;
}

.r6o-annotation {
    background-color: var(--aua-yellow) !important;
    border-bottom-width: 1px !important;
}

.btn-default {
    color: var(--aua-blue);
    background-color: #fff;
    border-color: var(--aua-dark-blue);
}


.btn-default .badge,
a span.badge {
    color: white;
    background-color: var(--aua-blue);
}

.ui.icon.button, 
.ui.icon.buttons .button {
    box-shadow: var(--aua-box-shadow-zach);
    color: var(--aua-slate);
}

.ui.basic.active.button, 
.ui.basic.buttons .active.button {
    background: var(--aua-fade-blue);
    color: var(--aua-dark-blue);
}

/* end of highlighter */
.factor360CenteredContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.BackgroundImageClass {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/* flex's justify content */
.factor360-content-justify-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.factor360-content-justify-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important;
}

.factor360-cards-sideMargin12 .card {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (min-width:768px) {
    .factor360-cards-sideMargin12 .card {

        margin-right: 12px !important;
    }
}

.label {
    white-space: inherit !important;
    text-align: left;
    line-height: inherit !important;
}

.pnlComponentToEdit .toggle-off {
    background-color: var(--aua-dark-blue) !important;
}

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

.remainingTimeLabelDiv {
    padding: 10px 10px 10px 0px;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    text-align: right;
    display: inline;
}

.aspNetDisabled.factor360Panel {
    opacity: 0.65;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.learningActivityTitleForMultiLevelDisplay {
    font-size: 115%;
}

.aspNetDisabled.learningActivityTitleForMultiLevelDisplay {
    border-bottom: none;
    cursor: default;
}

.swal2-popup {
    font-size: 125%;
}
/* ui autocmplete custom css*/
.ui-autocomplete {
    color: black;
    font-size: inherit;
    background: #f2f3f5;
    margin-top: 5px;
    padding-bottom: 24px;
    z-index: 2000;
}

.ui-autocomplete.ui-widget {
    font-family: inherit;
    font-size: 100%;
}

.ui-menu-item {
    padding: 5px 12px 5px 12px !important;
}

.ui-menu-item.ui-state-focus {
    border: none;
    background: #d6d6d6;
    font-weight: normal;
    color: inherit;
}

.centeredTextWithDashInTheMiddleWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.centeredTextWithDashInTheMiddleWrapper:before,
.centeredTextWithDashInTheMiddleWrapper:after {
    content: "";
    flex: 1;
    border-bottom: 1px solid var(--aua-slate-blue);
    margin: 0 20px;
}

.viewMoreButton {
    border-radius: 4px;
    border: 1px solid var(--aua-slate-blue);
    background-color: #f1f3f4;
    padding: 5px 24px;
}

.searchResultHighlightedText {
    font-weight: bolder !important;
    font-style: italic !important;
}

.modal-footer.footer-small {
    padding: 8px 15px 8px 15px;
}

.goldilockCarouselNextPrev {
    z-index: 10;
    padding-top: 2px;
    border-radius: 100rem;
    opacity: 0;
    background-color: var(--aua-dark-blue);
    border: 1px solid var(--aua-blue);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .08);
    color: white;
    top: 50%;
    display: inline-flex;
    align-items: center;
    transform: translateY(-50%);
    height: 2.3rem;
    width: 2.3rem;
    font-size: 1.3rem !important;
    justify-content: center !important;
}

.carouselWrapper:hover .goldilockCarouselNextPrev {
    opacity: 0.65;
}

.goldilockCarouselNextPrev:focus {
    opacity: 0;
}

.goldilockCarouselNextPrev > .icon {
    margin: 0px 0px;
}

.carouselWrapper:hover > .goldilockCarouselNextPrev:hover {
    opacity: 1;
}

.goldilockCarouselNextPrev.prev {
    margin-left: 10px;
}

.goldilockCarouselNextPrev.next {
    padding-left: 10px;
    margin-right: 10px;
}

.veryThinBorderTile {
    border: none;
}

ui.card > :first-child, .ui.cards > .card .veryThinBorderTile {
    border: none;
}

.goldilockDivider {
    border-top: .5px solid rgba(0, 0, 0, 0.15);
}

.publicMenuHeaderLogoWrapBorder {
    border-bottom: 1px solid white;
}

.goldilockOasisWrap {
    max-width: 1680px;
    min-width: 300px;
    margin: 0 auto;
}

.goldiLockTemplateTagLine_text {
    font-weight: 700;
    color: rgba(0, 0, 0, 0.88);
    line-height: 1.23;
}

.goldiLockTemplateTagLine_text.linkable {
    opacity: 1;
    cursor: pointer;
}

.goldiLockTemplateTagLine_text.linkable i {
    text-align: center;
    height: 100%;
    vertical-align: middle;
}

.goldiLockTemplateTagLine_text.linkable:hover {
    text-decoration: underline !important;
}

.goldiLockTemplateTagLine_subtitle {
    font-weight: 400;
    line-height: 1.47;
    color: rgba(0, 0, 0, 0.56);
}
/* styling telerik's combobox similar to bootstrap dropdown */
.RadComboBox_Bootstrap.radComboboxBootstrapStyle .rcbActionButton,
.RadComboBox_Bootstrap.radComboboxBootstrapStyle .rcbFocused .rcbActionButton,
.RadComboBox_Bootstrap.radComboboxBootstrapStyle .rcbHovered .rcbActionButton {
    background-color: white;
    border-left: none;
    box-shadow: none;
}

.RadComboBox_Bootstrap:hover,
.RadComboBoxDropDown:hover,
.RadComboBox_Bootstrap :hover,
.RadComboBoxDropDown :hover,
.RadComboBox_Bootstrap .rcbActionButton .p-icon,
.RadComboBox_Bootstrap .p-icon:before,
.RadComboBox_Bootstrap .p-icon:after {
    cursor: pointer !important;
}

/** radCombobox Multiple rows and columns */
.radComboboxMultipleRowsColumns .rcbItem,
.radComboboxMultipleRowsColumns .rcbHovered {
    float: left;
    margin: 0 1px;
    min-height: 13px;
    overflow: hidden;
    padding: 2px 19px 2px 6px;
    width: 150px;
}

.max-width-100 {
    max-width: 100%;
}

.headerLogoWrap.headerLogo.fullwidth {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
}

.oasisWrap.fullwidth {
    width: 98%; /* to add more padding*/
    max-width: 100%;
    margin: 0 auto;
}

.oasisWrap.fullwidth.main {
    width: 100%; /* to add more padding*/
    max-width: 1680px;
    margin: 0 auto;
}

.oasisWrap.fullwidth.main.fullScreenWithSideBar {
    width: 99%; /* to add more padding*/
    max-width: 100%;
    margin: 0 auto;
}

.oasisWrap.fullwidth.divFooterAndPoweredBy {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

.button.secondary {
    color: #ffffff !important;
    background: var(--aua-green) !important;
}

.button.secondary:hover {
    background-color:var(--aua-slate) !important;
    color: white !important;
}
/* font-awesome custom styling */
.learningActivity-rounded-fa-iconWrapper {
    vertical-align: bottom;
    text-align: center;
    display: inline-block;
    background-color: var(--aua-green);
    width: 32px;
    height: 32px;
    border-radius: 50px;
}

.learningActivity-fa-iconWrapper {
    vertical-align: bottom;
    text-align: center;
    display: inline-block;
}

.learningActivity-rounded-fa-iconWrapper .custom-fa-icon {
    color: #fff;
    margin-top: 5px;
    font-size: 1.5em;
}

.learningActivity-fa-iconWrapper .custom-fa-icon {
    color: var(--aua-green);
    font-size: 2.2em;
    width: 32px;
}

.factor360PageHeaderFlexboxItem.oneFourthResponsive {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

.factor360PageHeaderFlexboxItem.threeFourthResponsive {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}

@media only screen and (min-width : 768px) {
    .factor360PageHeaderFlexboxItem.oneFourthResponsive {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
    }

    .factor360PageHeaderFlexboxItem.threeFourthResponsive {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%;
    }
}

.btn {
    transition: all 275ms ease-in-out !important;
}

.btn.btn-danger {
    background-color: #fff;
    color: var(--aua-red);
    border-color: var(--aua-red);
}

.btn.btn-danger:hover {
    color: #fff;
    background-color: var(--aua-red);
    border-color: var(--aua-red);
}

.radDataPagerTemplateWrapper {
    margin-top: 5px;
    margin-left: 5px;
    opacity: 1;
}

.factor360srOnly {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.swal2-container {
    z-index: 30000 !important;
}

.factor360-displayNone {
    display: none;
}

.infinitySymbol {
    font-size: 2em !important;
    font-weight: bold !important;
    line-height: 0.6 !important;
}

.clientAgentDetailsBreadcrumb > .breadcrumb {
    margin-bottom: 3px;
    background-color: transparent;
}



input[type="radio"] {
    accent-color: var(--aua-bright-blue);
}

.pnlLearningActivityInformationDescriptionClass {
    padding: 20px 0;
}

.pnlLearningActivityInformationDescriptionClass div h2:first-of-type,
.pnlLearningActivityInformationDescriptionClass div h3:first-of-type,
.pnlLearningActivityInformationDescriptionClass div h4:first-of-type {
    margin-top: 0px !important;
}

.pnlLearningActivityInformationDescriptionClass div div { 
    font-size: 1.1em !important;
    font-weight: 500 !important;
}

a,
.factor360BreadCrumbWrapper .breadcrumb li a,
.pnlLearningActivityInformationDescriptionClass div div a:not(first-of-type) {
    color: var(--aua-blue) !important;
    cursor: pointer;
    text-decoration: none !important;  
}

.pnlLearningActivityInformationDescriptionClass div div a:first-of-type {
    color: var(--aua-dark-blue) !important;
    cursor: pointer;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.factor360BreadCrumbWrapper .breadcrumb li a:active,
.pnlLearningActivityInformationDescriptionClass div div a:active,
a:active {
    color: var(--aua-light-bright-blue);
    text-decoration: none; 
}

.factor360BreadCrumbWrapper .breadcrumb li a:hover,
.pnlLearningActivityInformationDescriptionClass div div a:hover,
a:hover {
    color: var(--aua-dark-green);
    text-decoration: none;   
}

.headerLogoWrap {
    background-color: none;
    background-image: none;
}

#header {
    width: 100%;
    float: none;
    background: #fff;
    display: block;
    position: relative;
    z-index: 5;
    /*margin: 0 0 16px 0;*/
    margin: 0 0 0 0;
    padding-bottom: 0;
    border-top: 10px solid transparent;
    box-shadow: var(--aua-header-shadow);
    /*display: flex;*/
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-radius: 0px;
}

.headerLogoWrap.publicMenuHeaderLogoWrapBorder{
    /*width: 50%;*/
}

#divSiteMasterNavigationMenuWrapper {
    background-color: var(--aua-blue) !important;
    color: white;
    /*margin-top: 8px;*/
}

.catalogItemTitleAndStatus {
    font-size: initial !important;
}

.catalogItemTitleAndStatus:hover {
    font-size: initial !important; 
}

/*.catalogItemTitle {
    flex-direction: row;
}

.catalogItemTitle a {
    display: block;
    max-width: calc(80% - 8px);
    padding-right: 8px;
    overflow: hidden;
    word-wrap: nowrap;
    text-overflow: ellipsis;
}*/

.userPageWithSideBar_hamburger {
    background-color: var(--aua-blue);
    border-radius: 0px;
    padding-right: 8px;
}

.factor360PageHeaderFlexboxItem {
    max-width: 100%;
    /*overflow-x: hidden;*/
}

div.factor360PageHeaderFlexboxWrapper.enableWrap.topAligned div.factor360PageHeaderFlexboxItem.factor360LearningActivityCatalogTopAndSectionItemCoverImageWrapper {
    max-width: 200px;
}

.factor360BreadCrumbWrapper {
    margin-left: 0 !important;
}

.factor360PageHeaderFlexboxWrapper.enableWrap.topAligned,
.factor360LearningActivityCatalogItem_container {
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.factor360LearningActivityCatalogItemContent .catalogItemTitle:hover {
    /*font-size: initial;*/
    color: var(--aua-green);
}

.factor360LearningActivityCatalogItemCoverImageWrapper {
    min-width: 150px;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
}

.factor360LearningActivityCatalogItemCoverImage {
    object-position: center;
    object-fit: contain;
    overflow: hidden;
}

.catalogItemTitle span {
    /*font-size: 32px !important;*/
    /*line-height: 40px;*/
}

.factor360LearningActivityCatalogItem_favorite.favorited {
    color: var(--aua-green) !important;
}

.sidebarItemWrapper:hover a {
    cursor: pointer;
    color: var(--aua-dark-green);
}

.media-element.file-wysiwyg {
    width: 100%;
    height: auto;
    object-position: center;
    object-fit: contain;
    overflow: hidden;
}

.pnlLearningActivityInformationTagClass .titleBar { 
    color: var(--aua-blue); 
    font-family: var(--aua-text-header); 
    font-size: 18px;
    line-height: 1.5;
}

.pnlLearningActivityInformationDescriptionClass div:first-of-type {
    margin-left: 0px !important;
}

.pnlLearningActivityInformationDescriptionClass div h4 strong {
    text-transform: unset;
    margin-bottom: 5px;
}

.pnlLearningActivityInformationDescriptionClass img {
    max-width: 100% !important;
}

.factor360PageHeaderFlexboxItem table,
.pnlLearningActivityInformationDescriptionClass table {
    width: auto;
    min-width: 25%;
    max-width: 100%;
    margin-bottom: 1rem;
    color: var(--aua-dark-blue);
    border-collapse: collapse;
    border-spacing: 0px;
    border: 1px solid var(--aua-slate);
}

.factor360PageHeaderFlexboxItem table th,
.factor360PageHeaderFlexboxItem table td,
.pnlLearningActivityInformationDescriptionClass table th,
.pnlLearningActivityInformationDescriptionClass table td {
    padding: 0.75rem;
    vertical-align: top;
    border-bottom: 1px solid var(--aua-slate);
}

.pnlLearningActivityInformationDescriptionClass table,
.pnlLearningActivityInformationDescriptionClass table th,
.pnlLearningActivityInformationDescriptionClass table td {
    border: none !important;
    vertical-align: middle;
    /*text-align: center;*/
    justify-content: center;
    align-items: center;
    padding:  5px !important;
}

.factor360PageHeaderFlexboxItem table th p,
.factor360PageHeaderFlexboxItem table td p,
.pnlLearningActivityInformationDescriptionClass table th p,
.pnlLearningActivityInformationDescriptionClass table td p  {
    margin: 0px;
    padding: 0px;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}

.factor360PageHeaderFlexboxItem table thead th,
.pnlLearningActivityInformationDescriptionClass table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid var(--aua-fade-blue);
    text-align: left;
    background: var(--aua-fade-blue);
    color: var(--aua-blue);
}

.pnlLearningActivityInformationDescriptionClass table tbody tr:nth-of-type(odd) {
    background: transparent;
    color: var(--aua-dark-blue);
}


.pnlLearningActivityInformationDescriptionClass ul {
    font-size: 1.1em;
    padding-left: 20px;
}

.ui.image.label > .detail {
    font-weight: 400;
}

table td img {
    max-width: 100px;
    /*width: 100%;*/
    height: auto;
    object-fit: contain;
    object-position: center;
}

.ui.image.label i.icon {
    color: var(--aua-dark-blue);
}

.RadComboBox_Default .rcbReadOnly,
.RadComboBox_Default .rcbReadOnly.rcbHovered,
.RadComboBox_Default {
    color: var(--aua-blue);
    border-radius: 0px;
    background: white;
    border-color: var(--aua-blue);
    cursor: pointer;
}

.RadComboBox_Default .rcbReadOnly.rcbFocused, 
.RadComboBox_Default .rcbReadOnly.rcbExpand,
.RadComboBox_Default:active {
    background: var(--aua-blue);
    border-radius: 0px;
    color: white;
    border-color: var(--aua-blue);
    cursor: pointer;
}

.RadComboBox_Default:hover {
    background: var(--aua-green);
    border-color: var(--aua-green);
}

.ui.basic.orange.label {
    color: var(--aua-red) !important;
    border-color: var(--aua-red) !important;
}

.ui.four.cards {
    margin: 0;
    border: none;
}

.ui.three.cards>.card {
    /*margin: 0;*/
    border: none;
}

.box_notification.successful {
    color: var(--aua-dark-green);
    color: white;
    background-color: var(--aua-green);
    border-color: var(--aua-dark-green);
}

.box_notification.warning {
    color: var(--aua-dark-blue);
    /*color: white;*/
    background-color: var(--aua-yellow);
    border-color: var(--aua-yellow);
}

.nav-gradient {
    box-shadow: var(--aua-box-shadow-zach) !important;
}

.button {
    transition: all 275ms ease-in-out !important;
}

.button,
.button:hover,
a.button,
a.button:hover {
    border-color: var(--aua-blue) !important;
    border-radius: 5px !important;
    box-shadow: var(--aua-box-shadow-zach) !important;
}

.button.cancel,
a.button.cancel {
    background: white;
    border-color: var(--aua-dark-blue);
    color: var(--aua-dark-blue);
}

.button.cancel:hover,
a.button.cancel:hover {
    border-color: var(--aua-dark-blue);
}

.evalMatrixTable tr > td:first-child {
    padding: 7px !important;
}

.button.disabled, 
a.button.disabled, 
.timeOutWindow .ui-dialog-buttonpane button.disabled {
    background-color: var(--aua-grey);
}

.progress-bar-primary,
.progress-bar-info,
.progress-bar.factor360-progress-bar-separator { background-color: var(--aua-blue); }

.progress-bar-success,
.progress-bar-secondary { background-color: var(--aua-green) !important; }

.progress-bar.factor360-progress-bar-nofill { background-color: var(--aua-slate)  !important; }

.progress-bar-danger { background-color: var(--aua-red) !important; }

.progress-bar-warning { background-color: var(--aua-yellow) !important; }

.wrapper_container {
    border-color: transparent;
    margin-top: 15px;
    border-radius: 0px !important;
}

.box_content.Warning {
    background: var(--aua-yellow);
    border-color: var(--aua-yellow);
    color: var(--aua-dark-blue);
    margin: 5px 0px;
}

.box_notification.info {
    background-color: var(--aua-fade-blue);
    border-color: var(--aua-dark-blue);
    color: var(--aua-dark-blue);
}

.btn-primary {
    color: white !important;
    background-color: var(--aua-blue);
    border-color: var(--aua-blue);
}

.btn-primary:hover {
    /*background-color: white;
    color: var(--aua-blue) !important;
    border-color: var(--aua-blue);*/

    background-color: var(--aua-light-bright-blue);
    color: white !important;
    border-color: var(--aua-light-bright-blue);
}


.thin-box {
    margin-top: 16px;
    padding: 8px;
}

.thin-box .us-header {
    margin: 0;
}

.us-header span,
.us-header {
    border: none;
    line-height: 1.25;
}

.ui.yellow.label, .ui.yellow.labels .label {
    background-color: var(--aua-yellow)!important;
    border-color: var(--aua-yellow) !important;
}

div.us-panel { width: 40%; }


.thin-box ol,
.thin-box ul {
    padding-left: 20px;
}

.bc4-Boxes.bc4-rowNoPad {
    text-align: center;
    display: block;
    overflow: hidden;
    margin: 20px;
    width: calc(25% - 40px);
    min-width: 100px;
    min-height: 360px;
    border-radius: 10px;
    background-color: white;
    height: 371px;
}

.bc4-Boxes.bc4-rowNoPad div:last-of-type p {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 15px;
    font-weight: 400;
}

.bc4-Boxes.bc4-rowNoPad div:last-of-type p:first-of-type {
    font-size: 18px;
    font-weight: 600;
}

.bc4-Boxes.bc4-rowNoPad div:last-of-type p.bc4-buybox {
    margin-bottom: 0px;
    padding-top: 10px;
}

.bc4-Boxes.bc4-rowNoPad div:last-of-type p.bc4-buybox a.bc4-buyboxlink{
    text-decoration: none;
    color: white !important;
    margin-bottom: 0px;
}

.bc4-blackBox h1,
.bc4-blackBox h2,
.bc4-blackBox h3,
.bc4-blackBox h4,
.bc4-blackBox h5,
.bc4-blackBox h6 {
    color: white;
    font-family: var(--aua-text-body);
}

.alert-info {
    color: var(--aua-dark-blue);
    font-weight: 400;
}

.alert-info a {
    color: var(--aua-bright-blue);
    text-decoration: none;
    font-weight: 500;
}

.alert-info a:hover {
    color: var(--aua-bright-green);
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}

.learningActivityItemBadge,
.factor360CatalogItemBadge {
    background-color: white !important;
    color: var(--aua-dark-blue) !important;
    border: 1px solid rgba(34,36,38,.15) !important;
    padding: 6px 12px !important;
}

.sidebarItemWrapper.selected {
    font-weight: 900;
}

.dynamicLabel {
    color: var(--aua-blue);
    position: absolute;
    right: 19px;
    top: -10px;
    padding: 5px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
}

.customHoverEffectPop
.customHoverEffectBigPop,
.customHoverEffectSmallPop,
.customHoverEffectZoom,
.customHoverEffectBigZoom,
.customHoverEffectSmallZoom
/*.customHoverEffectPo:hover,
.customHoverEffectBigPop:hover,
.customHoverEffectSmallPop:hover,
.customHoverEffectZoom:hover,
.customHoverEffectBigZoom:hover,
.customHoverEffectSmallZoom:hover*/
/*, .py-2 div,*/
/*[id^="MainContent_MainContent_ctl00_row1_ucCardHyperlinkWithImageAndTextComponent"] */
{
    /*transition: all 275ms ease-in-out !important;*/
    /*box-shadow: var(--aua-box-shadow-zach)*/
    /*transition: transform 0.275s ease-out !important;*/
}

/*.py-2 div:first-of-type,*/
[id^="MainContent_MainContent_ctl00_row"] {    
    /*transition: all 275ms ease-in-out !important;*/
    transition: all 0.3s ease-in-out !important;
    transition: transform 0.275s ease-out !important;
    /*box-shadow: var(--aua-box-shadow-zach);*/
}

.stickyIcons {
    justify-content: space-between;
    left: 0;
}

.learningActivityCatalogItem_ListView_UserStatus img {
    transform: scale(0.9);
}

footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
    font-family: var(--aua-text-body) !important;
    font-weight: 400;
}

footer .container {   
    /*max-width: 80%;*/
    margin: auto;
}

footer .container.divFooterAndPoweredBy,
.oasisWrap.divFooterAndPoweredBy {
    width: 100%;
    max-width: 100vw;
    background: var(--aua-blue);
}

.oasisWrap.divFooterAndPoweredBy footer:first-of-type {
    width: 90%;
    min-width: 960px;
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto;
}

footer .container .row {
    margin-left: 0;
    margin-right: 0;
}

footer a {
    color: white !important;
}

.u_body .u_row .container {
    --bs-gutter-x: 0px;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    width: inherit;
    max-width: 100% !important;
}

#pnlPoweredBy {
    margin-top: 15px;
    position: fixed;
    bottom: 35px;
    right: 5px;
}

.intercom-lightweight-app-launcher {
    bottom: 80px !important;
}

.backToCatalogClass:hover,
a.button:hover,
.button:hover {
    color: white !important;
}

.filterTagItem {
    padding: 5px 0px 5px 5px !important;
}


.u_content_button a {
    color: white !important;
    background: var(--aua-blue) !important;
}

.u_content_button a:hover {
    background: var(--aua-light-bright-blue);
}

@media (max-width: 1024px) {
    .headerLogoWrap .headerLogo {
        width: 100%;
        min-width: 0; /* turn off for responsive width*/
        max-width: none;
    }

    .fullWidthBackground {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .oasisWrap {
        width: 90%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .oasisWrap.divFooterAndPoweredBy footer:first-of-type {
        width: 90%;
        min-width: 0;
        max-width: none;
        box-sizing: border-box;
        margin: 0 auto;
    }

    footer .container.divFooterAndPoweredBy, .oasisWrap.divFooterAndPoweredBy {
        overflow: hidden;
    }

    .userPageWithSideBar_hamburger {
        top: 0 !important;
    }
}



@media screen and (max-width: 768px) {
    .factor360PageHeaderFlexboxWrapper.responsiveWrap {
        flex-direction: column;
    }

    .pnlFilterBySearchCriteriaExpandedMode  {
        width: 100%;
        margin: 0 0 15px 0;
    }
}