@import url(theme.css);
@import url(menus.css);
@import url(tables.css);
@import url(buttons.css);
@import url(navtabs.css);
@import url(dynamicforms.css);
@import url(submenu.css);
@import url(progress-bar.css);
@import url(textinput.css);
@import url(wsafield.css);
@import url(form.css);
@import url(pagination.css);
@import url(slider.css);
@import url(input.css);
@import url(cards.css);
@import url(tab.css);
@import url(forms.css);
@import url(data_visualization.css);
@import url(draggable.css);
@import url(forms.css);
@import url(dual-lists.css);
@import url(navbuttons.css);

/* ------ debug stylesheet - remove before release ------ */
@import url(debug.css);
@import url(filters.css);
/* ------ global styles ------ */
body {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: var(--dtm-main-text);
    background-color: var(--dtm-background-color);
	overflow-x: hidden;
}

#hua_main_page {
	padding: 1.5rem !important;
    overflow-x: hidden;
}

/* ----- START: styles for global alerts ----- */
.alert-float-container {
    position: relative;
    top: 0.5rem;
    padding-inline: 1.5rem;
    height: 0;
    z-index: 1049;
    display: flex;
    flex-direction: column;
    align-items: center;
transition: top 200ms ease;
}

.alert-float-container-fixed {
    position: fixed;
    top: 1rem;
    left: 0;
    right: 0;
    width: 100%;
}

.alert-float-container > div {
    height: fit-content;
    width: 50%;
}

.dark .alert a#next-error-trigger {
    filter: brightness(0.8);
}

@media (max-width: 768px) {
    .alert-float-container > div {
        width: 80%;
    }
}

@media (max-width: 576px) {
    .alert-float-container > div {
        width: 100%;
    }
}
/* ----- END: styles for global alerts ----- */
a:link, a:visited {
  color: var(--dtm-link);
}
a:hover, a:active, .btn-link:hover, .btn-link:active {
  color: var(--dtm-link-hover);
}
a.disabled { cursor: no-drop; }
h1, .h1 {
  font-size:26px;
  font-weight: 500;
}

h1 small, .h1 small {
  display:block;
  font-size:18px;
  font-weight: 500;
  color: var(--dtm-text-muted);
}

h2, .h2 {
  font-size:22px;
  font-weight: 500;
}

h3, .h3 {
  font-size:20px;
  font-weight: 500;
}

h4, .h4 {
  font-size:18px;
  font-weight: 500;
}

h5, .h5 {
  font-size:16px;
  font-weight: 500;
}

h6, .h6 {
  font-size:14px;
  font-weight: 500;
}
.card {
	border: 1px solid var(--dtm-card-border-color);
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	border-radius: 5px;
	background-color: var(--dtm-card-background-color);
}

.dropdown-toggle {
    font-size: 14px;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'><path stroke='rgba(253, 253, 253, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>");
}

.icon-flip-color-right {
    font-size: 25px;
}

.icon-flip-color-right .path1::before {
    content: "\E980";
    color: #0069aa;
}
.icon-flip-color-right .path2::before {
    content: "\E981";
    margin-left: -1em;
    color: #13b5ea;
}
.icon-flip-color-left .path2::before {
    content: "\E97F";
    margin-left: -1em;
    color: #13b5ea;
}
.icon-flip-color-left .path1::before {
    content: "\E97E";
    color: #0069aa;
}
.icon-flip-color-left .path1::before {
    content: "\E97E";
    color: #0069aa;
}
.icon-flip-color-left .path2::before {
    content: "\E97F";
    margin-left: -1em;
    color: #13b5ea;
}
.nav-tabs li {
    border-color: transparent;
    --bs-nav-tabs-border-width: 0;
}
.nav-tabs li.nav-item a {
    font-weight: 400;
    color: var(--dtm-navtab-default-text-color);
}
.nav-tabs li.nav-item a.active,
.nav-tabs li.nav-item a.active:focus{
    color: var(--dtm-active-tab-text);
    font-weight: 600;
}
.nav-tabs li.active {
    border-bottom: 3px solid var(--dtm-navtabs-active) !important;
    text-decoration: none;
    color: var(--dtm-active-tab-text);
}
/*.nav-tabs li:hover {
    border-bottom: 3px solid var(--dtm-navtab-hover-border-bottom-color);
    text-decoration: none;
}*/
.nav-tabs li.nav-item a:hover {
    font-weight: 400;
    color: var(--dtm-navtab-hover-text-color);
}
.pad-left-11 {
	padding-left: 11px;
}

.scroll_tabs_theme_light .scroll_tab_left_button::before {
    content: "\25C0";
    line-height: 44px;
    padding-left: 5px;
}

.scroll_tabs_theme_light .scroll_tab_right_button::before {
    content: "\25B6";
    line-height: 40px;
    padding-left: 5px;
}

.scroll_tabs_theme_light .scroll_tab_left_button_disabled,
.scroll_tabs_theme_light .scroll_tab_right_button_disabled {
    color: var(--dtm-horizontal-scroll-disabled-color);
}

/* TFS 1895845 minor styles for the ribbon action menu toggle */
.dropdown#ribbon_action_menu_Actions {
    box-sizing: border-box;
    display: inline-block;
    padding: 6px 7px;
    border: 1px solid var(--dtm-ribbon-action-menu-toggle-border);
    border-radius: 4px;
}

.dropdown#ribbon_action_menu_Actions > .ribbon-dropdown-toggle {
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
    color: var(--dtm-ribbon-action-menu-toggle-text);
    text-decoration: none;
    display: flex;
    align-items: center;
}
.card {
    border: 1px solid var(--dtm-card-border-color);
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
    border-radius: 6px;
    background-color: var(--dtm-card-background-color);
}

.layout_column_left {
	width: 49%;
}
.layout_column_right {
	width: 49%;
}
.layout_column_left, .layout_float_left {
	float: left;
}
.layout_column_right {
	float: left;
	margin-inline-start: 10px;
}

.text-right {
	text-align: end;
}
.align_center {
	text-align: center !important;
}
.clear {
	clear: both;
}

.mar-neg {
    margin-top:-30px
}

div.iframeCover, div.loadingScreen{
    background-color: rgba(190,190,190,0.3);
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    visibility: hidden;
}
div.loadingScreen .loadingScreen_messageDiv{
    -moz-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-border-radius: 10px;
	border: var(--dtm-loading-screen);
    border-radius: 10px;
    border-radius: 10px;
	background-color: var(--dtm-loading-screen-background-color);
    height: 100px;
    width: 200px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    vertical-align: middle;
}
div.loadingScreen .loadingScreen_messageDiv p{
    padding: 5px 10px 0px;
}
/* ------ merge code container styles ------ */
div.merge_code_container {
    max-height: 300px;
    overflow-y: scroll;
}
.mergeCodeContainerPanel .card {
    word-wrap: anywhere;
}

.elem_hide {
    display: none;
}
.visible-scale {
    display: none !important;
}

@media (max-width: 767px) {
    .hidden-scale {
        display: none !important;
    }
    .visible-scale {
        display: block !important;
    }
    .visible-xs-inline-block {
        display: inline-block !important;
    }

    .hidden-xs {
        display: none !important;
    }
}
#skillsProfileForm .tabbed_interface_pages_area,
#competenciesProfileForm .tabbed_interface_pages_area {
        background-color: var(--dtm-loading-screen-background-color);
        border-radius: 4px;
        display: grid;
        margin-bottom: 15px;
        margin-inline-start: 0;
        padding: 1px;
}
#skillsProfileForm .nav-tabs>li,
#competenciesProfileForm .nav-tabs>li {
        display: inline;
        margin-bottom: -1px;
        padding: 3px;
}
#skillsProfileForm .tabbed_interface_container, #competenciesProfileForm .tabbed_interface_container {
        float: left;
        width: 100%;
        clear: both;
        margin-bottom: 20px;
}
#skillsProfileForm .tabbed_interface_container .nav-tabs .nav-link,
#competenciesProfileForm .tabbed_interface_container .nav-tabs .nav-link {
        margin-bottom: -1px;
        background: none;
        border: 1px solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
}
#competenciesProfileForm .tab-pane {
        margin-top: 0;
}

.sc-profile-tabs li.nav-item a.nav-link.active {
        border-radius: 0;
        font-size: 110%;
        background-color: transparent;
        font-weight: bold;
        color: var(--dtm-active-tab-text) !important;
}
.sc-profile-tabs .nav li a {
        display: inline;
        padding: 0;
        position: relative;
}
.sc-profile-tabs ul li, .sc-profile-tabs ul li a {
        background-color: var(--dtm-secondary-bg);
}
.sc-profile-tabs ul li.active a, .sc-profile-tabs ul li.active a:hover, .sc-profile-tabs ul li a, .sc-profile-tabs ul li a:hover {
        border: none;
}
.sc-profile-tabs ul li {
        border: 1px solid var(--dtm-border);
        border-radius: 4px;
        clear: both;
        margin: 3px;
        width: 100%;
}
.sc-profile-tabs .nav-tabs {
        border-bottom: none;
}
.sc-profile-tabs ul {
        width: 30% !important;
        float: left;
        margin-inline-end: 2%;
}
.table-responsive {
        width: 100%;
}
.sc-profile-tabs div.row {
        display: block;
}

.full_width_text {
    width: 100%;
  }

/*removing margin from text preview because it is only one line */
.carousel .text-truncate p {
    margin-bottom: 0;
}

/*using previous colors for DLZ for now, will tokenize if needed */
/* tfs 1918454 new color variations in review */
/* .carousel-color1{
    background:rgba(14, 181, 235, 1);
}
.carousel-color2{
    background:rgba(60, 127, 182, 1);
}
.carousel-color3{
    background:rgba(61, 86, 152, 1);
}
.carousel-color4{
    background:rgba(78, 56, 131, 1);
} */
.highlight {
    color: var(--dtm-highlight);
    font-weight: bold;
}

.label-danger {
    background-color: var(--dtm-label-danger);
}
.label-block {
    display: block;
    border-radius: 0.25em;
}

.disableScroll{
	overflow-y:hidden !important;
	overflow-x:hidden !important;
}

.bg-duotone {
	background: linear-gradient(0deg, var(--dtm-badge-duotone-first) 50%, var(--dtm-badge-duotone-second) 50%);
}

a.badge-org-link {
	color: #7c7474;
	padding: 0.5em;
	border-radius: 0.375rem;
	border: 1px solid #7c7474;
}


.history-popover {
	max-height: 350px;
	max-width: 1000px;
	overflow-y: auto;
	overflow-x: auto;
}

.hide {
    display: none;
}

.elem_hide {
	display: none;
}


/*Org level items styles */
.orgLevelItemUL {
    margin-bottom: 0;
    text-decoration: underline;
}

/* indented list */
.indented_list ul ul,
.indented_list ul ul ul,
.indented_list ul ul ul ul,
.indented_list ul ul ul ul ul{
    padding-inline-start: 10px;
    text-decoration: underline;
}

.icon-menu2
{
    display: flex;
    float: right;
}

.icon-menu2 a.btn-default {
    margin-inline-start: -1px;
    margin-right: 0;
}

.icon-menu2 a.btn-default:hover {
    background-color: var(--dtm-dropdown-menu-active);
}

.manage_campaign_header {
        margin: 0;
}

.manage_campaign_header h1 {
        margin: 0;
}
.manage_campaign_header Div#manage_campaign_header {
        display: flex;
        align-items: center;
}

.view_campaign {
        margin: 0;
}

.view_campaign h1 {
        margin: 0;
}
.view_campaign Div#view_campaign_header {
        display: flex;
        align-items: center;
}
.h-fc {
	height: fit-content;
}

.page-container {
  padding-left: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.notice {
        background-color: var(--dtm-notice-bg);
        padding: 5px;
}
.dark .notice {
        color: var(--dtm-th-colored-text);
}

#workflowManagementSubHeader {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
}

/* START: LMS and DLZ Learning Search UI */
.dlz-filters .filter .filter-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    cursor: pointer;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}

.dlz-filters .filter-heading {
    margin: 0 -15px 0 -15px;
    padding: .5rem 1rem;
    border-radius: 0.375rem 0.375rem 0 0;
    border-bottom: 1px solid var(--dtm-border);
    background-color: var(--dtm-secondary-bg);
}


.dlz-filters .filter-group {
    padding: 0 15px 0 15px;
    border: 1px solid var(--dtm-border);
    border-radius: 5px;
    margin-bottom: 10px;
}

.dlz-filters .filter .form-group {
    max-height: 350px;
    overflow-y: auto;
}
.filter-body {
  margin-inline-end: -15px;
}

.dlz-filters .filter .filter-group-name {
    font-weight: bold;
}


.checkbox.have-suboptions + .suboptions {
    margin-left: 15px;
}

.toggle-filter-display {
    cursor: pointer;
    text-decoration: underline;
}

.checkbox-group {
    margin-bottom: 15px;
    padding-right: 5px;
}

.checkbox-group #no_product_selected,
.checkbox-group .checkbox-group-label {
	padding-top: 5px;
}

.checkbox-group-label {
    font-weight: bold;
    color: var(--dtm-main-text);
}

.filter-tools span {
    cursor: pointer;
    color: #455d7c;
    text-decoration: underline;
    opacity: 0.8;
}

.filter-tools span:hover {
    opacity: 1;
}

.dlz-keyword-search {
    width: 100%;
}

.dlz-keyword-search .dlz-keyword-search-input {
    height: 28px;
    font-size: 14px;
    margin-bottom: 8px;
	border-color: var(--dtm-form-field-border);
}

.dlz-keyword-search .input-group-btn .btn {
    padding: 4px 10px 3px;
	margin-inline-end: 0;
    border-radius: 0 4px 4px 0 !important;
}

.dlz-keyword-search .input-group-btn .btn i
.dlz-keyword-search .input-group-inner-addon i {
    color: #384D68;
}

.dlz-keyword-search .input-group-inner-addon {
    position: absolute;
    right: 0;
    top: 4px;
    margin-right: 52px;
    z-index: 10;
}

.dlz-keyword-search .input-group-inner-addon.clear-search {
    cursor: pointer;
}

.matchedKey mark {
	padding: 0;
}

.mark-complete:hover,
.mark-complete,
.launch-url:hover,
.launch-url,
.launch-file:hover,
.launch-file {
	text-decoration: none;
}

.quickfilters>span,
.quickfilters>a {
	margin: 0;
}
.quickfilters a.btn.btn-default {
    background: #fff none no-repeat scroll 0 0;
    border: 1px solid var(--dtm-border);
    color: var(--dtm-quick-filter-text-color);
    padding: 1px 4px;
	border-radius: 100px;
}

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.comments-container {
    position: relative;
    border-top: none !important;
    padding: 0 0 24px 0 !important;
    -webkit-transition: padding-bottom 600ms;
    -moz-transition: padding-bottom 600ms;
    -ms-transition: padding-bottom 600ms;
    -o-transition: padding-bottom 600ms;
    transition: padding-bottom 600ms;
    width: 100%;
}
.comments-container .card {
    border: none;
  }
.comments-container th {
    padding: 0px 4px !important;
}

.comments-container .table {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
}
.comments-main {
    position: relative;
    border: none;
}
.comments-drawer {
    position: relative;
    border-top: 1px solid var(--dtm-border);
}
.pulled {
    border-bottom: 1px solid var(--dtm-border);
    padding-bottom: 0 !important;
}
.comments-drawer-content {
     display: none;
     padding: 24px 0 12px 0;
}

.permission_wrapper label.required span,
.form-group label.required span {
	color: #CC0000;
}

.overall_permission_wrapper label.required span,
.overall_comment_wrapper label.required span {
	color: #CC0000;
}

.btn-pull-drawer {
    width: 24px;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -12px;
    border: 1px solid var(--dtm-border);
    border-top: none;
    background-color: var(--dtm-background-color);
    border-radius: 0 0 3px 3px;
}

form#campaignCreationDetailsForm #campaignDetailsHeader {
        color: var(--dtm-primary);
        font-weight: bold;
}
#campaignLetterTemplateModal {
        border: 1px solid var(--dtm-btn-edit-letter-border);
}
#campaignScheduleForm #field_campaign_letter {
        border-inline-end: 0;
}
#campaignScheduleForm #field_campaign_letter_errors {
        border-inline-start: 0;
}

Div.campaign-details div#ats_campaign_description {
        padding-inline-start: 40px;
}
@media (max-width: 1200px) {
        Div.campaign-details div#ats_campaign_description {
                padding-inline-start: 12px;
                width: 100% !important;
        }
}
@media screen and (max-width: 768px) {
        Div.campaign-details div#ats_campaign_description {
                padding-inline-start: calc(var(--bs-gutter-x) * 0.5);
        }
}
@media (max-width: 1200px) {
        #campaignScheduleForm .col-sm-4, #campaignScheduleForm .col-sm-9, #campaignScheduleForm .col-lg-6,
        #campaignCreationDetailsForm .col-sm-4, #campaignCreationDetailsForm .col-sm-9, Div.campaign-details div#ats_campaign_description
        #campaignCreationDetailsForm .cell_input.col-sm-8, Div.campaign-details div#ats_campaign_description .cell_input.col-sm-8 {
          flex: 0 0 auto;
          width: 100% !important;
        }
}
@media (max-width: 576px) {
        #candidateRecipientsFiltersContainer .layout_column_right {
                float: none;
                margin-inline-start: 0;
        }
}
@media (max-width: 368px) {
        #campaignCreationDetailsForm a#remove_selected_pools {
                margin-top : 0.5rem;
        }
}
@media (max-width: 448px) {
        #campaignCreationDetailsForm a#remove_selected_candidates {
                margin-top : 0.5rem;
        }
}
@media (max-width: 576px) {
        #campaignCreationDetailsForm button#field_finish_later,
        #campaignScheduleForm button#field_finish_later,
        #campaignScheduleForm button#field_previous_button,
        #campaignPreviewForm button#field_previous_button,
        #campaignCreationDetailsForm .campaignDetailsNav button#field_previous_button,
        #campaignPreviewForm button#field_finish_later,
        #campaignCreationDetailsForm button#field_next_button,
        #campaignScheduleForm button#field_next_button,
        #campaignPreviewForm button#field_next_button,
        #campaignCreationDetailsForm a.wizard_cancel,
        #campaignScheduleForm a.wizard_cancel,
        #campaignPreviewForm a.wizard_cancel,
        #campaignScheduleForm a#remove_selected_pools,
        #campaignPreviewForm a#remove_selected_pools,
        #campaignScheduleForm a#remove_selected_candidates,
        #campaignPreviewForm a#remove_selected_candidates,
        #campaignPreviewForm button#field_finish_button,
        #campaignPreviewForm button#field_publish_campaign,
		#workflow_wizard button#field_task_go_to_prev,
		#workflow_wizard button#field_task_go_to_next,
		#workflow_wizard button#field_task_save_workflow,
		#workflow_wizard button#field_task_save_draft,
		#workflow_wizard button#field_task_resume_submit,
		#workflow_wizard button#field_task_copy_resume_submissions,
		#workflow_wizard button#field_task_definition_submit,
		#workflow_wizard button#field_task_copy_trigger_definitions,
		#workflow_wizard button#field_task_select_approval_chain_offer,
		#workflow_wizard button#field_task_copy_requisition_approval_chain_to_offers {
                width: 100% !important;

        }

        #candidatesContainer {
                margin-bottom: 0.5rem;

        }
}
#edit_file_list button.class-remove-attachment {
        margin-inline-end: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
}
.dark #edit_file_list button.class-remove-attachment {
        color: var(--dtm-main-text);
}
.page-container {
        padding-inline-start: 20px;
        padding-inline-end: 20px;
        padding-bottom: 15px;
}
#poolsContainer #ribbon_tabbed_interface_page_campaignRecipientsPublicPools.no_results,
#candidatesContainer #ribbon_tabbed_interface_page_campaignRecipientsCandidates.no_results
{
        border: 0;
        box-shadow: none;
}
div#currentSelectionContainer #field_multiple_selection_save {
        margin-top: 10px;
}
form#campaignCreationDetailsForm, form#campaignScheduleForm, form#campaignPreviewForm {
        margin-inline-start: 12px;
        margin-inline-end: 12px;
}

div#poolsContainer .justify-content-between, div#candidatesContainer .justify-content-between {
        justify-content: flex-start !important;
}
/* My Calendar page CSS*/
form#calendar_search .btn-search {
    margin-left: -40px;
    background: none;
    border: none;
    color: var(--dtm-main-text);
}
form#calendar_search #calendar_search_input {
    width: 50%;
}

form#calendar_search #calendar_search_input::-webkit-search-cancel-button {
    display: none;
}


.cal-week-box .my-week-day-content {
  border-top: 1px solid #e9e9e9;
}
.cal-week-box .my-week-day-content {
    width: 14.285714285714285%;
    float: left;
}
.cal-week-box .my-week-day-content div.my-week-day-item {
    width: 100%;
    float: none;
    margin: 0px;
    margin-top: 1px;
}
.my-week-day-content {
    width: 14.285714285714285%;
    float: left;
}
.cal-week-box div.week-day-item {
		height: 100%;
		line-height: normal;
		padding: 9px;
		white-space: normal;
}
.day-event .cal-hours {
  display: block !important;
}
.week-day-event-name, .day-event-name {
    white-space: nowrap;
}
.week-day-event-details, .day-event-details {
    padding: 5px 0px 5px 0px;
    margin-bottom: 0px;
}
.appt-action-button {
    margin: 5px;
}
#cal-slide-content > ul.unstyled > li >span.event {
    display:inline-block;
}
#apptview_div > div.date {
	font-style: italic;
	font-weight: bold;
}
form.delete_event_week_form .btn-sm {
    padding: 1px !important;
}
#cal-day-box div.cal-day-hour-part {
    height: 45px;
}

#cal-day-box div.day-item-wrapper {
    font-size: 12px;
    line-height: normal;
}
/*END My Calendar css*/

/* Employee Recognition Adjustments */
.text-large {
    font-size : 16px;
}

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

.comment-indent {
    padding-left : 50px;
}

.comment-action {
    padding: 3px;
}

.action-button {
    cursor: pointer;
}

/* End Employee Recognition Adjustments */

#ribbon_expanded_section_educationUnits_gridcard {
    padding: 0;
}

.data_types_container {
        overflow: hidden;
        overflow-y: auto;
        height: 400px;
}

.benefit_package_container .col-xs-12 {
        margin-bottom: 5px;
}
.mar-lft {
        margin-left:15px;
}
.mar-btm {
        margin-bottom:15px;
}
.mar-top {
    margin-top: 15px;
}
.mar-no, .nomargin {
        margin: 0!important;
}
.mar-no-right {
    margin-right: 0!important;
}
.learning-search-panel .contents .content {
    margin-top: 0;
    padding: 22px 0 0 0;
    overflow: unset;
    margin-bottom: 35px;
}

.learning-search-panel > .contents > .content {
    border-radius: 5px;
    box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
}

.learning-search-panel .contents .content .container {
    display: flex;
    padding: 0;
}

.learning-search-panel > .contents > .content:first-child {
    border-top: 1px solid var(--dtm-border);
}

.learning-search-panel .content:hover,
.learning-search-panel .content:hover > .content-drawer > .content-drawer-btn {
    background-color: var(--dtm-table-hover-bg);
}

.learning-search-panel .content:hover table {
    background-color: var(--dtm-form-control-bg);
}


.learning-search-panel .content-drawer .lms-drawer-content {
    padding: 2rem 1rem 1rem 1rem;
	border-top: 1px solid var(--dtm-border);
}

.learning-search-panel .content-icon {
    padding: 0 0 1rem 1rem;
}

.learning-search-panel .content-body {
    width: 100%;
    padding: 0 1rem 1rem 1rem;
}

.learning-search-panel .content-heading {
    position: relative;
}

.learning-search-panel .content-drawer {
    position: relative;
    border-top: 1px solid var(--dtm-border);
}

.learning-search-panel > .contents > .content >.content-drawer.active {
    border: 1px solid var(--dtm-border);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

.learning-search-panel .content-drawer.active {
    border-top: 1px solid var(--dtm-secondary-bg);
	border-bottom: 1px solid var(--dtm-border);
}

.learning-search-panel .lms-drawer-content .content:hover,
.learning-search-panel .lms-drawer-content .content:hover .content-drawer-btn {
    background-color: var(--dtm-form-control-bg);
}

.learning-search-panel .lms-drawer-content .content:hover .content-drawer-btn .dlz-pull-icon {
    color: var(--dtm-th-text);
}

.learning-search-panel .lms-drawer-content .header-copy.table-fixed-header {
    display: none;
}

.learning-search-panel .lms-drawer-content .content {
    background-color: var(--dtm-secondary-bg);
}

.learning-search-panel .lms-drawer-content .content-drawer-btn {
    background-color: var(--dtm-background-color);
}

.learning-search-panel .content-drawer-btn {
    width: 30px;
    height: 21px;
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    border: 1px solid var(--dtm-border);
    border-top: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    color: var(--dtm-drawer-pull);
    background-color: var(--dtm-background-color);
    z-index: 2;
}

.content-drawer-btn .loader {
    display: inline-block;
}

.learning-search-panel .contents {
    margin-bottom: 20px;
    overflow: unset;
}

.learning-search-panel .page-options {
    margin-bottom: 15px;
}
.learning-search-divider {
    margin-left: -35.5px;
    margin-right: -35.5px;
}

.contents .content-title {
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 1rem;
}

.content-title a {
    text-decoration: none !important;
}

.learning-search-panel .contents .content-subheading {
    font-size: 0.75rem;
}

.learning-search-panel .contents .content-title,
.learning-search-panel .contents .content-subheading,
.learning-search-panel .contents .content-description {
    padding-right: 60px;
}

.lms-course-container h4 div {
    font-size:18px;
}
#Courses_page {
    position: relative;
}

#courseGrid_table.lpath-courses .container {
    display: flex;
    align-items: center;
}

.tdhighlight {
	background-color: var(--dtm-table-hover-bg) !important;
}
/********* END - DLZ CSS ELEMENTS *********/

#learning_search_datatable_table .media-heading {
    font-size: 1rem;
}

.lms-course-container h4 div {
    font-size:18px;
}

.lms-course-container {
    position: relative;
    border-top: none !important;
    padding: 12px 0 24px 0 !important;
    -webkit-transition: padding-bottom 600ms;
    -moz-transition: padding-bottom 600ms;
    -ms-transition: padding-bottom 600ms;
    -o-transition: padding-bottom 600ms;
    transition: padding-bottom 600ms;
    border-bottom-width: 0 !important;
}

.lms-course-main {
    position: relative;
}

.lms-course-main:hover,
.lms-course-main:active{
	background-color: var(--dtm-table-hover-bg) !important;
}

.lms-course-drawer > .loader-wrapper {
    min-height: 16px;
    margin-top: 32px;
}

.lms-course-drawer {
    position: relative;
    border-top: solid 1px #aaa;
    padding: 0 15px;
    border-top: 1px solid #b4b4b4;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}


.ttp-course-drawer {
    position: relative;
    border-top: solid 1px #aaa;
    padding: 0 15px;
}

.curriculum-course-child {
    border-radius: 6px;
    margin-top: -1px;
}

.curriculum-child .card,
.lms-curriculum-drawer .card{
	border: 0;
	padding: 0;
	box-shadow: none;
}

.pulled {
    border-bottom: solid 1px #aaa;
    padding-bottom: 0 !important;
}
.lms-drawer-content {
    display: none;
    padding: 24px 0 12px 0;
}
.btn-pull-drawer {
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -12px;
    border: solid 1px #aaa;
    border-top: none;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
}
.icon-flip-horizontal {
    transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
}


/* Custom Text Classes */
.text-green{color:#8A5}
.text-blue{color:#28B;}
.text-red{color:#900;}
.text-red-dark{color:#800;}
.text-black{color:#000;}
.text-orange,a.text-orange:active,a.text-orange:focus,a.text-orange:hover
{
    color:#EA1;
}
.text-orange-light,a.text-orange-light:active,a.text-orange-light:focus,a.text-orange-light:hover
{
    color:#E91;
}
.text-orange-dark,a.text-orange-dark:active,a.text-orange-dark:focus,a.text-orange-dark:hover
{
    color:#C50;
}
.text-gold,a.text-gold:active,a.text-gold:focus,a.text-gold:hover
{
    color:#EC1;
}
.text-teal,a.text-teal:active,a.text-teal:focus,a.text-teal:hover
{
    color:#198;
}
.text-teal-light,a.text-teal-light:active,a.text-teal-light:focus,a.text-teal-light:hover
{
    color:#2B9;
}
.text-mint,a.text-mint:active,a.text-mint:focus,a.text-mint:hover
{
    color:#006559;
}
.text-purple,a.text-purple:active,a.text-purple:focus,a.text-purple:hover
{
    color:#80A;
}
.text-purple-light,a.text-purple-light:active,a.text-purple-light:focus,a.text-purple-light:hover
{
    color:#95B;
}
.text-flat-green,a.text-flat-green:active,a.text-flat-green:focus,a.text-flat-green:hover
{
    color:#27AE60;
}
.text-flat-red,a.text-flat-red:active,a.text-flat-red:focus,a.text-flat-red:hover
{
    color:#C0392B;
}

.divider-bulleted .divider-bullet + .divider-bullet::before {
    content: '\2022';
    margin: 0 5px;
}

.loader-wrapper {
    position: relative;
}

.loader {
    width: 45px;
    height: 45px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #0eb5eb;
    border-radius: 50%;
    animation: spin 0.9s linear infinite;
}

.loader-md {
    width: 27px;
    height: 27px;
}

.loader-sm {
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0eb5eb;
}
#clear_filter + .loader {
    display: inline-block;
    vertical-align: middle;
}

.loader.center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.center-fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.content-lock i.fa-lock {
    float: left;
    padding-top: 2px;
    padding-right: 8px;
    color: var(--dtm-link);
}

#backToTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #4e5a68;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
}

#field_sort_order {
    height:31px;
    width:30%;
    vertical-align:bottom;
    font-size:14px;
    padding-top:2px;
    padding-bottom:2px;
    padding-right:6px;
    padding-left:6px;
}

#dlz-search-header {
    background-color:white;
    padding-top:10px;
    padding-bottom:10px;
    position: -webkit-sticky;
    position:sticky;
    top:0;
    z-index: 10;
}

.ls-sortable .btn.btn-default.btn-sm {
    padding: 5px 10px;
}

#learning_search_datatable #field_sort_order,
#learning_search_datatable #field_sort_order {
    margin-right: 10px;
}

#learning_search_datatable .lms-curriculum-container .title-container {
    position: relative;
}

#learning_search_datatable .lms-curriculum-container .curriculum-title,
#learning_search_datatable .lms-curriculum-container .content-product-role,
#learning_search_datatable .lms-curriculum-container .content-description {
    margin-right: 73px;
}

#learning_search_datatable .content-description {
    margin-top: 5px;
}

#learning_search_datatable .curriculum-actions {
    position: absolute;
    top: 15px;
    right: 0;
}

#learning_search_datatable .curriculum-actions a{
    text-decoration: none;
}

#learning_search_datatable .curriculum-actions a:hover{
    text-decoration: underline;
}

#learning_search_datatable .curriculum-actions ul{
	border-color: var(--bs-dropdown-border-color) !important;
}

#learning_search_datatable .curriculum-actions .btn:active,
#learning_search_datatable .curriculum-actions .btn.show{
	background-color: var(--dtm-primary) !important;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.dropdown-header{
    text-transform:uppercase;
    color: var(--dtm-dropdown-menu-text) !important;
}

.lms-course-container .btn-secondary {
    background: linear-gradient(180deg, rgba(96, 114, 138, 1) 0%, rgba(96, 114, 138, 1) 0%, rgba(49, 64, 82, 1) 100%, rgba(49, 64, 82, 1) 100%);
    border-radius: 4px;
    font-family: 'SourceSansPro-Regular', 'Source Sans Pro';
    font-weight: 400;
    font-style: normal;
    color: #FFFFFF;
    padding: 5px 10px;
}
.lms-course-container .btn-secondary:hover, .lms-course-container .btn-secondary:active {
    background: linear-gradient(0deg, rgba(96, 114, 138, 1) 0%, rgba(96, 114, 138, 1) 0%, rgba(49, 64, 82, 1) 100%, rgba(49, 64, 82, 1) 100%);
    box-shadow: 1px 1px 1px rgba(206, 210, 219, 1);
    color: #FFFFFF;
}

.course-details:before {
    content: "•";
    margin-right: 5px;
}

.cls_filter_panel h3.panel-title{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.cls_filter_panel .card-header {
    background-color: var(--bs-secondary-bg);
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.lms-curriculum-drawer .course-section > .loader-wrapper {
    min-height: 16px;
}

.cls_filter_panel .card-header {
  min-height: 40px;
}

.cls_filter_panel .card-body {
  max-height: 350px;
  overflow: auto;
}

#LearningSearchFilterForm {
  min-width: 275px;
}

/* learning search links need to be underlined on hover*/
#learningSearchPanel .content-title a:hover,
#learningSearchPanel .lms-drawer-content .alert-warning a:hover {
	text-decoration: underline !important;
}

.lms-keyword-search-input::-webkit-search-cancel-button {
  -webkit-appearance:none;
}

.lms-keyword-search{
	border: 1px solid var(--dtm-form-field-border);
	border-radius: 0 1rem 1rem 0;
}

/* END: LMS and DLZ Learning Search UI */

.theme-color {
	border: 1px solid #eaeaea;
	width: 30px;
	height: 30px;
	border-radius: 15px;
	float: left;
}

.theme-color.theme-color-page {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	margin-right: 5px;
}

.theme-color-dropdown {
	height: 0px;
    width: 0px;
	border: 0;
	border-radius: 7.2px;
	border-width: 7.2px;
    border-style: solid;
	margin-right: 10px;
}

.theme-color.tc-default{
	border-right-color: #0069aa;
    border-top-color: #0069aa;
    border-bottom-color: #0069aa;
    border-left-color: #0069aa;
}
.theme-color.tc-red {
	border-right-color: #ca444a;
    border-top-color: #ca444a;
    border-bottom-color: #ca444a;
    border-left-color: #ca444a;
}
.theme-color.tc-orange {
	border-right-color: #ec8437;
    border-top-color: #ec8437;
    border-bottom-color: #ec8437;
    border-left-color: #ec8437;
}
.theme-color.tc-pink {
	border-right-color: #c54382;
    border-top-color: #c54382;
    border-bottom-color: #c54382;
    border-left-color: #c54382;
}
.theme-color.tc-green {
	border-right-color: #408558;
    border-top-color: #408558;
    border-bottom-color: #408558;
    border-left-color: #408558;
}
.theme-color.tc-mint {
	border-right-color: #509d7e;
    border-top-color: #509d7e;
    border-bottom-color: #509d7e;
    border-left-color: #509d7e;
}
.theme-color.tc-purple {
	border-right-color: #6946ba;
    border-top-color: #6946ba;
    border-bottom-color: #6946ba;
    border-left-color: #6946ba;
}
.theme-color.tc-teal {
	border-right-color: #317187;
    border-top-color: #317187;
    border-bottom-color: #317187;
    border-left-color: #317187;
}
.theme-color.tc-gray {
    border-right-color: #6e757c;
    border-top-color: #6e757c;
    border-bottom-color: #6e757c;
    border-left-color: #6e757c;
}
.theme-color.tc-dark-light {
    border-right-color: #3F4850;
    border-top-color: #CCCCCC;
    border-bottom-color: #3F4850;
    border-left-color: #CCCCCC;
	transform: rotate(-45deg)
}
.theme-color.tc-dark-light.size-medium {
	border-radius: 20px;
    border-width: 20px;
}

.fas.fa-lock.lock_color {
	color: var(--dtm-primary);
}

#multi-dropdown-menu i {
    color: var(--dtm-dropdown-menu-text);
  }

#multi-dropdown-menu li:hover {
    background-color: var(--dtm-dropdown-menu-active);
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  left: 53px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.dropend .dropdown-toggle::after {
  float: right;
  margin-top: 7px;
}

.dropend .dropdown-menu[data-bs-popper] {
  left: -3px;
  overflow: hidden;
  width: 101%;
}

/* ---- DASHBOARD ---- */

.dashboard-index-page-header {
    min-height: 74px;
}

@media (max-width: 767px) {
    .dashboard-index-page-header {
        background-color: var(--dtm-dashboard-mobile-header-bg);
        margin: -1.5rem -2.2rem 0;
        padding: 1.5rem 1.5rem;
    }
}

.dashboard-index-page-header #dashboard-index-header-alerts-badge {
    border-radius: 8px;
    background: var(--dtm-dashboard-header-news-count-bg-color);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.dashboard-index-greeting {
    font-size: 20px;
}

.dashboard-index-main-content #dashboard_index_widget_area > .main-dashboard > .draggable_box > .card {
    box-shadow: none;
    height: 512px;

    & > .card-header {
        height: 60px;
    }

    & > .card-body.widget-body {
        overflow-y: auto;

        & > .table-responsive {
            overflow-x: visible;
        }
    }
}

.dashboard-index-main-content #dashboard_index_widget_area {
    overflow: hidden;
}

.dashboard-index-main-content #dashboard_index_widget_area .highcharts-background {
    fill: transparent;
}

.dashboard-index-main-content #dashboard_index_widget_area .carousel-item button.carousel-control-dismiss {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    background: none;
    border: none;
}

.dashboard-index-main-content #dashboard_index_widget_area .carousel-item:is(.active) button.carousel-control-dismiss > .carousel-control-dismiss-icon > i.fas {
    opacity: 0.4;
    transition: opacity 200ms;

    &:hover {
        opacity: 1;
    }
}

.dashboard-index-main-content #dashboard_index_widget_area .carousel-item:is(.carousel-item-start, .carousel-item-end) button.carousel-control-dismiss > .carousel-control-dismiss-icon > i.fas {
    opacity: 0;
    transition: opacity 100ms;
}

.dashboard-index-main-content #dashboard_index_widget_area .highcharts-axis-labels text {
    fill: var(--dtm-main-text) !important;
}

.dashboard-index-main-content > #dashboard-index-user-info a {
    text-decoration: none;
}

.dashboard-index-greeting {
    color: var(--dtm-dashboard-secondary-text-color);

    & > span#dashboard-greeting-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        /* Truncate at line 2 when on mobile so we can display more of the name */
        @media (max-width: 767px) {
            white-space: normal;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            text-align: center;
        }
    }
}

@media (min-width: 768px) {
    .dashboard-index-greeting {
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .dashboard-index-main-content > #dashboard-index-user-info {
        width: 250px !important;
        min-width: 250px !important;
    }
}

#newsAnnouncementsWrapper {
    border-radius: 4px;
    border: 1px solid #B8DAFF;
    background: #CCE5FF;
    visibility: visible;
    margin-bottom: 1.5rem;
    transition: visibility 600ms;
}

#newsAnnouncementsWrapper > :is(.carousel-inner, .carousel-control-prev, .carousel-control-next) {
    opacity: 1;
    transition: opacity 600ms linear 400ms;
}

#newsAnnouncementsWrapper.hide-news-banner {
    visibility: hidden;
}

#newsAnnouncementsWrapper.hide-news-banner > :is(.carousel-inner, .carousel-control-prev, .carousel-control-next) {
    opacity: 0;
    transition: opacity 0ms;
}

#newsAnnouncementsWrapper :is(.carousel-item.carousel-text, .carousel-item.carousel-content) {
    height: 59px;
}

#newsAnnouncementsWrapper :is(.carousel-control-prev, .carousel-control-next) {
    width: auto;
}

#newsAnnouncementsWrapper :is(.carousel-control-prev-icon, .carousel-control-next-icon) {
    height: 23px;
    opacity: 40%;
}

#newsAnnouncementsWrapper :is(.carousel-control-prev-icon, .carousel-control-next-icon):hover {
    opacity: 100%;
}

#newsAnnouncementsWrapper .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23004085'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

#newsAnnouncementsWrapper .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23004085'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

#newsAnnouncementsWrapper .carousel-caption {
    position: static;
    color: #004085;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    padding: 8px 36px;
    height: 100%;
    width: 100%;

    & > button.carousel-control-dismiss {
        /* Offset the announcement content by the width of the dismiss button */
        margin-inline-start: -22px;
    }
}

#newsAnnouncementsWrapper .carousel-caption a.carousel-link {

    color: var(--dtm-dashboard-news-title-text);

    & .posted-learn-more {
        color: var(--dtm-primary);
    }
}

/* tfs 2059613 hide carousel navigation when there's only 1 item */
#newsAnnouncementsWrapper:has(.carousel-inner > .carousel-item:only-child) > :is(.carousel-indicators, .carousel-control-prev, .carousel-control-next) {
    display: none;
}

#news-carousel-indicators {
    height: 16px;
}


.dashboard-index-main-content > #dashboard-index-user-info > hr.wide {
    margin: 36px 0 39px;
}

@media (max-width: 767px) {
    .dashboard-index-main-content > #dashboard-index-user-info > hr.wide {
        margin: 26px 0;
    }
}

.dashboard-index-main-content .btn-outline-dashboard {
    border-radius: 100px;
    border: 2px solid var(--dtm-primary);
    color: var(--dtm-primary);
}

.dark .dashboard-index-main-content .btn-outline-dashboard {
    border-radius: 100px;
    border: 2px solid var(--dtm-link);
    color: var(--dtm-link);
}

.dashboard-index-main-content > #dashboard-index-user-info > #dashboard-user-details .temp-img {
    width: 100%;
    border-radius: 8px;
    border: 2px solid var(--dtm-background-color);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.30);
}

.dashboard-index-main-content > #dashboard-index-user-info > #dashboard-user-details .temp-img .dashboard-index-photo {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.dashboard-index-main-content > #dashboard-index-user-info > #dashboard-user-details #user-full-name {
    color: var(--dtm-dashboard-main-text-color);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.dashboard-index-main-content > #dashboard-index-user-info > #dashboard-user-details #user-role {
    color: var(--dtm-dashboard-main-text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard-index-main-content > #dashboard-index-user-info :is(#dashboard-alerts-header, #dashboard-news-header, #dashboard-links-header) {
    color: var(--dtm-dashboard-main-text-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.dashboard-index-main-content > #dashboard-index-user-info :is(#dashboard-alerts-header, #dashboard-news-header, #dashboard-links-header) .fas.fa-angle-right {
    rotate: 0;
    transition: rotate 400ms;
}

.dashboard-index-main-content > #dashboard-index-user-info :is(#dashboard-alerts-header, #dashboard-news-header, #dashboard-links-header)[aria-expanded=true] .fas.fa-angle-right {
    rotate: 90deg;
}

@media (max-width: 767px) {
    #dashboard_index_widget_area .card > .card-header > .card-title {
        color: var(--dtm-main-text);
        font-size: 16px;
        font-weight: 600;
    }

    #dashboard_index_widget_area .card > .card-header > .dashboard-widget-btn-panel-wrapper > .widget-action > i.fas {
        color: var(--dtm-primary);
        font-size: 14px;
        font-weight: 900;
    }
}

.dashboard-index-main-content > #dashboard-index-user-info :is(#dashboard-alerts-section > #dashboard-alerts-header > #alert-count, #dashboard-news-section > #dashboard-news-header > .news-count) {
    background: var(--dtm-dashboard-header-news-count-bg-color);
}

.dashboard-index-main-content > #dashboard-index-user-info :is(#alerts-list-container, #news-list-container) {
    max-height: 550px;
    overflow-x: hidden;
    overflow-y: auto;
}

.dashboard-index-main-content > #dashboard-index-user-info > #dashboard-alerts-section > #alerts-container > #alerts-list-container .alert-icon {
    width: 40px;
    height: 40px;
    aspect-ratio: 1 / 1;
    border-radius: 100px;
    background-color: #999;
}

.dashboard-index-main-content > #dashboard-index-user-info > #dashboard-alerts-section {
    scroll-margin-block-start: 24px;
}

.dashboard-index-main-content > #dashboard-index-user-info :is(#alerts-list-container .alert-message, #news-list-container .news-message, #news-list-container .link-text) {
    color: var(--dtm-dashboard-main-text-color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

@media (min-width: 768px) {
    .collapse.dont-collapse-sm {
        display: block;
        height: auto !important;
        visibility: visible;
    }
}

.dashboard-index-main-content > #dashboard-index-user-info :is(#news-list-container .news-message, #link-list-container .link-text) {
    font-weight: 600;
}

.dashboard-index-main-content > #dashboard-index-user-info #news-list-container .news-date {
    color: var(--dtm-dashboard-secondary-text-color);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.dashboard-index-main-content > #dashboard-index-user-info > #dashboard-alerts-section > #alerts-container > #alerts-list-container .alert-action {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dashboard-index-main-content #dashboard_index_widget_area .dashboard-widget-btn-panel-wrapper {
    border: none !important;
}

.dashboard-index-main-content #dashboard_index_widget_area .dashboard-widget-btn-panel-wrapper > a > i {
    color: var(--dtm-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

div.dlz-filters > div {
    margin-block-end: 8px;
}

form#dlz_keyword_search button.dlz-keyword-search-btn {
    margin-inline-end: 0;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-radius: 0.375rem;
}

.dlz-keyword-search-wrapper .dlz-keyword-search-input {
    height: 39px;
}

#dlz_keyword_search > .dlz-search-wrapper > .input-group-append {
    max-height: 39px !important;
	border: 1px solid var(--dtm-btn-send-letter-border) !important;
}

.dlz-dashboard-widget-view-all {

    & a {
        text-decoration: none;
        text-transform: lowercase;
    }

    &::first-letter {
        text-transform: uppercase;
    }
}

.courses-stat-container {

    margin-bottom: 40px;

    & > .courses-stat {
        border-inline-start: solid 5px var(--_stat-border-color);
    }

    & .courses-stat-label {
        color: var(--dtm-dashboard-course-stats-text);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    & .courses-stat-numbers {
        color: var(--dtm-dashboard-course-stats-number);
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-block-start: 10px;

        & i.fas {
            font-weight: 900;
            margin-inline-start: 14px;
        }
    }

    & .courses-stat-enrolled {
        --_stat-border-color: #00A2E7;

        & i.fas {
            color: #00A2E7;
        }
    }

    & .courses-stat-completed {
        --_stat-border-color: #20C997;

        & i.fas {
            color: #20C997;
        }
    }
}

#dashboard_index_widget_area i.fas.fa-th {
    cursor: -webkit-grab;
    cursor: grab;

    &:active {
        cursor: -moz-grabbing;
        cursor: grabbing;
    }
}

#dashboard_index_widget_area .draggable_box {

    &.widget-one-wide {
        width: 49.5%;

        /* One wide widgets will become full width on mobile/tablet */
        @media (max-width: 992px) {
            width: 100%;
        }
    }

    &.widget-two-wide {
        width: 100%;
    }
}

/* ---- DASHBOARD ---- */

/* START: Resume Dashboard UI Overhaul */

#resume-dashboard-container .dropdown-menu button.dropdown-item {
    color: var(--dtm-dropdown-menu-text) !important;
    font-size: 14px !important;
    padding: 4px 16px;
    font-weight: normal;
}

#resume-dashboard-container a:has(.fab.fa-google) {
    color: var(--dtm-google-color);
}

#resume-dashboard-container .dropdown-menu button.dropdown-item.disabled {
    color: var(--bs-dropdown-link-disabled-color) !important;
    pointer-events: none;
    background-color: transparent;
}

#resume-dashboard-container span.fas.fa-angle-right {
    transition: rotate 400ms;
}

#resume-dashboard-container .card-header[aria-expanded=true] span.fas.fa-angle-right {
    rotate: 90deg;
}

#resume-dashboard-container .card > span > .resume-dashboard-card-action {
    padding: 12px 20px;
    border-bottom: solid 1px var(--dtm-border);
    border-radius: 8px 8px 0 0;
}

#resume-dashboard-container .card .card-header:first-child[aria-expanded=false] {
    border-radius: 8px 8px 0 8px;
}

#resume-dashboard-container .card .card-header:first-child {
    border-radius: 8px 8px 0 0;
}

.dark #resume-dashboard-container .card .card-header:first-child {
    border-inline-end: 0;
    border-radius: 0;
}

.dark #resume-dashboard-container .card > span > .resume-dashboard-card-action {
    border: solid 1px var(--dtm-border);
    border-inline-start: 0;
    border-radius: 0;
}

.dark #resume-dashboard-container #container_resume_page_page .resume-dashboard-newest-resume-container {
    border: solid 1px var(--dtm-border);
    border-inline: 0;
}

@media (min-width: 768px) {
    #badge-requisition-container > div#user-badge-container{
        position: relative;
    }

    #badge-requisition-container > div#user-badge-container::after {
        content: "";
        display: inline-block;
        width: 10px;
        height: 100%;
        border-radius: 4px;
        background-color: var(--dtm-border);
        position: absolute;
        top: 0;
        right: -5px;
    }

    #badge-requisition-container > div#req-dropdown-container {
        width: 25%;
    }

    .resume-dashboard-sequence-nav:is(:hover, :focus-visible) {
        background-color: var(--dtm-hover-bg);
        color: var(--dtm-link-hover);
    }

    .resume-dashboard-sequence-nav:active {
        background-color: transparent !important;
    }
}

#resume-dashboard-container tr.nested-header > th {
    color: var(--dtm-main-text);
    text-transform: capitalize;
    font-weight: bold;
}

#resume-dashboard-container #container_resume_page_page a {
    text-decoration: none;
}

.tabbed_interface_printview #resume_page_page .dynamic_form_page .section-title > div table {
    width: 100%;

    & .control-label {
        padding-top: 0;
    }
}

#resume-dashboard-container #container_resume_page_page .resume-dashboard-newest-resume-container {
    border-bottom: solid 1px var(--dtm-border);

    & button[name="view_resume"] {
        border: none;
        background: transparent;
        font-weight: normal;
        font-size: 14px;
        padding-inline: 2px !important;
    }
}

@media (max-width: 767px) {
    #resume-dashboard-container #resume_dashboard_pages .card-title {
        font-size: 14px;
    }

    #resume-dashboard-container #resume_dashboard_pages .card-header {
        padding-inline-end: 2px !important;
    }

    #resume-dashboard-container .card > span > .resume-dashboard-card-action {
        padding-inline: 2px 12px !important;
    }

    #resume-dashboard-container .resume-dashboard-card-action > .dropdown > ul.dropdown-menu {
        width: -moz-fit-content;
        width: fit-content;
    }
}

.page-container.popup_desktop {
    padding: calc(var(--bs-gutter-x) * 0.5);
}

.printable-section-item > :is(.form-group, .printable-section-name) {
    margin: 0;
}

.tabbed_interface_tabs_horizontal.tabbed_interface_tabs_printing_mode {

    & ul.tabbed_interface_tabs {
        padding-inline: 1rem;
        margin-block-end: 0;
    }

    & ul.tabbed_interface_tabs > li {
        list-style-type: none;
        font-size: 20px;
    }
}

.resume-dashboard-printview > .resume_dashboard_header > .container {
    margin-inline: 1rem;
}

/* tfs 2066458 fix for resume printview popup */
body:has(.resume-dashboard-printview) p.text-right > .btn-expand-toggle {
    display: none;
}

@media print {
    /**
    * Hardcoded colors for printing
    * Because when in dark mode, contrast for fonts are lost.
    * tfs 2007478
    */

    .dark .resume-dashboard-printview, table td {
        color: #333333;

        & a {
            color: var(--dtm-link);
        }
    }

    .dark .card {

        & .card-title {
            color: #333333;
        }

        & table thead th {
            color: #333333 !important;
        }

        & .card-header {
            border: none;
            border-bottom: 1px solid var(--dtm-border);
        }
    }

    .header-copy.header-fixed {
        display: none;
    }

    .print-view-submit-container {
        display: none;
    }

    #successOrFail {
        display: none;
    }
}

#resume-dashboard-container :is(#secondary_app_section, #background_checks_section) a {
    text-decoration: none;
}

#container_information_page_page #user_social_profile .social-profile-btn {
    font-size: 14px;
}

#container_information_page_page #user_social_profile div.input-group:has(span.btn-group) {

    & input {
        border-start-start-radius: 4px !important;
        border-start-end-radius: 0 !important;
        border-end-end-radius: 0 !important;
        border-end-start-radius: 4px !important;
    }

    & span.btn-group:has(button[style*='display: none']) button:first-child {
        border-start-start-radius: 0 !important;
        border-start-end-radius: 4px !important;
        border-end-end-radius: 4px !important;
        border-end-start-radius: 0 !important;
    }
}

.dark #container_information_page_page #user_social_profile div.input-group:has(span.btn-group) .btn.btn-default {
    border-start-end-radius: 0;
    border-end-end-radius: 0;

    &:last-child {
        border-start-end-radius: 0.375rem;
        border-end-end-radius: 0.375rem;
    }
}

#add_feedback_div_current > .add_note_link > .fas.fa-plus {
    color: var(--dtm-button-text) !important;
}

#resume-dashboard-container .social-profile-btn {
    color: var(--dtm-link);
    border-color: var(--dtm-link);

    &:hover {
        color: var(--dtm-link-hover);
        background-color: var(--dtm-hover-bg);
    }
}

:is(.light, .dark) #resume-dashboard-container .tabbed_interface_container .nav-tabs > li {

    &:is(.active) {
        border-color: var(--dtm-link) !important;
    }

    & > a {
        color: var(--dtm-link);
        margin: 0;
    }

    &.active > a {
        padding-bottom: 8px;
        border-bottom: none;
    }
}

#resume-dashboard-container .tabbed_interface_container .nav-tabs-wide {
    padding-inline: 50px;
    margin-inline: -36px;
}

@media (max-width: 767px) {
    #resume-dashboard-container ul.tabbed_interface_tabs > li {
        margin-block: 4px;
    }

    #resume-dashboard-container ul.tabbed_interface_tabs > li > a {
        width: 100%;
        padding-block: 8px;
        text-align: center;
    }

    #resume-dashboard-container ul.tabbed_interface_tabs > li.active > a {
        background: var(--dtm-hover-bg);
    }

    #resume-dashboard-container .tabbed_interface_container .nav-tabs-wide {
        padding-inline: 15px;
    }

    /* tfs 2022336 truncate the View Newest Resume button on mobile view */
    #resume-dashboard-container .resume-dashboard-newest-resume-container {
        max-width: 40%;

        & button#field_view_resume {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 120px;
        }
    }
}


/* END: Resume Dashboard UI Overhaul */

/* START: Survey UI */
#surveyScheduleAudienceForm #field_hua_survey_start_container,
#surveyScheduleAudienceForm #field_hua_survey_end_container,
#newsAnnouncementsDefineContentForm #field_hua_news_announcements_start_container,
#newsAnnouncementsDefineContentForm #field_hua_news_announcements_end_container,
#defineRequisitionForm #field_status_change_effective_date_container {
    width: 40%;
    float: left;
	max-width:190px;
}
#surveyScheduleAudienceForm .validation_errors,
#newsAnnouncementsDefineContentForm .validation_errors,
#defineRequisitionForm .validation_errors {
    line-height: 35px;
}
#surveyReviewForm div.btn-panel-wrapper.section-edit-link-panel-wrapper.text-end.pad-hor.editlink,
#surveyReviewForm a.btn-panel.section-edit-link-panel-wrapper.prevent_collapsing {
	position: unset !important;
	right: unset !important;
	float: none !important;
    padding-top: 0 !important;
    border-left: 0 !important;
	border: unset !important;
	font-size: 18px !important;
}
#surveyReviewForm hr.hr-wide {
	margin-left: unset !important;
	margin-right: unset !important;
}
#submitSurveyForm label.form-check {
	padding-left: 0 !important;
}
#submitSurveyForm div.survey_question_ranking.ps-4 {
	padding-left: 0 !important;
}
#submitSurveyForm div.slider.slider-horizontal {
	width: 100% !important;
}
#surveyDefineContentForm button#addQuestionOption {
	border-color: var(--dtm-form-field-border);
}
#surveyScheduleAudienceForm div#field_start_time_container,
#surveyScheduleAudienceForm div#field_end_time_container {
	float: left;
	width: 50%;
	max-width: 210px;
	margin-left: 5px;
	margin-right: 10px;
}
div#fooey {
	margin-bottom: 15px !important;
}
.survey-button-popover {
	margin-inline-end: 2px !important;
}
.survey-question-label {
	margin-top: 10px !important;
}
/* END: Survey UI */

/* START: Development Plans UI */
#DevelopmentPlanItemsForm select#field_hua_competency_id.monitor_field_update,
#DevelopmentPlanItemsForm select#field_hua_skill_id.monitor_field_update {
	background-color: var(--dtm-background-color);
	color: var(--dtm-main-text);
}
/* END: Development Plans UI */

/* Burning Glass Match Score styles */
.lens-badge {
	border-radius: 5px;
}

.lens-badge:after {
	content: "";
	padding: 10px 9px;
}

.badge-fair {
    background-color: var(--lens-badge-fair);
}

.badge-good {
    background-color: var(--lens-badge-good);
}

.badge-great {
    background-color: var(--lens-badge-great);
}

.badge-text-fair {
    color: var(--lens-badge-fair);
    font-weight: 600;
}

.badge-text-good {
    color: var(--lens-badge-good);
    font-weight: 600;
}

.badge-text-great {
    color: var(--lens-badge-great);
    font-weight: 600;
}

.badge-range-text {
    color: var(--dtm-th-text);
    font-weight: 600;
}
/* END of Burning Glass Match Score CSS changes*/

.panel-group {
    margin-bottom: 20px;
}
.form-horizontal .submit {
    clear: both;
}
#skillsProfile_pages, #competencyProfile_pages {
    float: left;
    width: 65%;
    clear: right;
}
#skillsProfile_pages div.tab-pane {
    margin-top: 0px !important;
}

/* Start: Course Profile UI Elements */
.text-flat-green {
	color: var(--dtm-text-flat-green);
}

/* dark mode adjustment for text color */
.dark .text-danger {
    color: var(--dtm-danger) !important;
}
.text-purple-light {
	color: var(--dtm-text-purple-light);
}

.text-orange-light {
	color: var(--dtm-text-orange-light);
}

/* Start: LMS/DLZ ui for the course profile*/
.course-profile-link,
.class-profile-link,
.learning-profile-link,
.sample-download-link
{
	text-decoration: none;
}

.class-profile-link {
    word-wrap: break-word;
}

.learning-profile-link:hover,
.sample-download-link:hover,
.course-profile-link:hover,
.class-profile-link:hover {
	text-decoration: underline;
}

.course-profile-description .dhtml_editor_render > *:last-child {
	margin-bottom: 0;
}

ul.dlz-course-profile-ul {
	padding: 0;
	margin: 0;
}

ul.dlz-course-profile-ul > li{
	list-style-type:none
}

#learning_search_datatable_table > tbody > tr:hover,
.descriptionwrap table > tbody > tr:hover {
  --bs-table-accent-bg: none;
}

.descriptionwrap .table td.fit,
.descriptionwrap .table th.fit {
    white-space: nowrap;
    width: 1%;
}

/* END: LMS/DLZ ui for the course profile*/

.js-badge-buttons {
    height: 100%;

    & .disabled {
        cursor: not-allowed;
        opacity: 0.4;
    }
}

a.js-badge-email {
    text-decoration: none;
}
/* End: Course Profile UI Elements */

#reviewScaleForm h3 > a > i.fas.fa-pencil-alt {
    font-size: 14px;
}

/* START: LMS/DLZ Icon Change UI Elements*/
.badge-lms-instructor-led,
.badge-lms-instructor-led > * {
	background-color: var(--dtm-text-flat-green) !important;
}

.badge-lms-elearning,
.badge-lms-elearning > * {
	background-color: var(--dtm-text-purple-light) !important;
}

.badge-lms-read-and-sign,
.badge-lms-read-and-sign > * {
	background-color: var(--dtm-text-orange-light) !important;
}

.badge-lms-learning-path,
.badge-lms-learning-path  > * {
	background-color: var(--dtm-text-blue-light) !important;
}

.badge-lms-instructor-led,
.badge-lms-elearning,
.badge-lms-read-and-sign,
.badge-lms-learning-path {
    font-size: 0.75rem;
    font-weight: normal;
    color: var(--bs-badge-color) ;
}
/* END: LMS/DLZ Icon Change UI Elements*/

/* Monster search page*/
div.TwoTierCheckBoxList > .two_tier_options {
    max-height: 140px;
    overflow-y: scroll;
    margin-bottom: 5px;
}
div.TwoTierCheckBoxList div.folder-expand ,
div.TwoTierCheckBoxList div.folder-collapse ,
div.TwoTierCheckBoxList div.cbl_folder {
    display: inline !important;
}
/* end Monster search page*/

.link_no_underline {
    text-decoration: none;
}
.translation_icon {
    margin-right: 5px;
}

/*THR - TTP custom CSS settings here */
.thr_pronoun_icon {
    font-size: 14px;
}
.thr_pronoun_span {
    font-size: 14px;
}
.header-last-updated {
    font-size: 12px;
}
/* End: THR - TTP CSS settings here */

/*====START: TFS 1994680 Bulk edit button update====*/
#ttp_action .btn-link{
    text-decoration: none;
    font-size: 16px;
}
/*====END: TFS 1994680 Bulk edit button update====*/

/* TTP Header Styling */
#ttp #profile-content h4 {
padding-right: 6px;
font-size: 16px;
color: var(--dtm-navtab-default-text-color);
font-weight: bold;
margin-top:20px;
}

/* Start: TFS 2020353 : Employee Recognition Badges UI Issues */
.iconpicker, .iconpicker-items {
    background-color: var(--dtm-background-color) !important;
}

.iconpicker-popover.popover {
    background-color: var(--dtm-border) !important;
}
/* End : TFS 2020353 : Employee Recognition Badges UI Issues*/

/* Start: Journal Entries */
.timeline {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    position: relative;
}

.timeline:before,
.timeline>li.timeline-child:before {
  background-color: var(--dtm-main-color);
  position: absolute;
  content: " ";
  width: 3px;
  left: 0;
  top: 0;
  bottom: 0;
}

.timeline>li {
    margin-bottom: 20px;
    position: relative;
}

.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline>li:before,
.timeline>li:after {
  content: " ";
  display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li>.timeline-panel {
    margin-inline-start: 25px;
    border: 1px solid var(--dtm-border);
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline>li>.timeline-panel:before {
    position: absolute;
    top: 26px;
    left: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-right: 15px solid var(--dtm-border);
    border-left: 0 solid var(--dtm-border);
    border-bottom: 15px solid transparent;
    content: " ";
}

.timeline>li>.timeline-panel:after {
    position: absolute;
    top: 27px;
    left: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-inline-end: 14px solid var(--dtm-background-color);
    border-inline-start: 0px solid var(--dtm-background-color);
    border-bottom: 14px solid transparent;
    content: " ";
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-heading>p>small {
    margin-inline-start: 10px;
}

.timeline-heading>p>small:first-child {
    margin-inline-start: 0;
}

.timeline-body>p,
.timeline-body>ul {
    margin-bottom: 0;
}

.timeline-body>p+p {
    margin-top: 5px;
}

.timeline>li.timeline-child>.timeline-panel {
    margin-inline-start: 50px;
}

.timeline>li.timeline-child:before {
    display: block;
    background-color: var(--dtm-border);
    left: 25px;
}

.timeline .btn-primary {
    border-start-end-radius: 4px;
    border-end-end-radius: 4px;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border: 1px solid var(--dtm-border);
    border-left: 0;
    margin-inline-start: -1px;
    background-color: var(--dtm-background-color);
    color: var(--dtm-main-text);
    font-weight: 900;
    font-size: 16px;
}
/* End: Journal Entries */

.eeo1-top-header {
    background-color: var(--dtm-eeo1-top-header-bg) !important;
    color: var(--dtm-eeo1-top-header-color);
    text-align: center;
}

/* styles for appraisal index page */
div#appraisal-index-phases label,
.appraisal-index-approval-chain .form-group label,
.appraisal-scale .form-group label {
    vertical-align: top;
    padding-right: 20px;
}

.appraisal-scale .form-group div,
.appraisal-index-approval-chain .form-group div,
div#appraisal-index-chain-superseded-by .cell_input {
    display: inline-block;
    width: auto;
}

div#appraisal-index-phases label,
.appraisal-index-approval-chain .form-group label,
.appraisal-scale .form-group label {
    vertical-align: top;
    padding-right: 20px;
}

div#appraisal-index-phases .form-group .cell_input,
.appraisal-index-approval-chain .form-group .cell_input{
    display: inline-block;
}

.appraisal-index-approval-chain .form-group .cell_input{
    padding-top: 8px;
}

.appraisal-index-approval-chain {
    word-wrap: break-word;
    word-break: break-word;
}

div#display_approvers_list li{
    margin-bottom: 5px;
}

div#display_approvers_list ul{
    padding-left: 10px;
}

div#display_approvers_list ol{
    padding-left: 14px;
}

@media (max-width: 768px) {
    div#appraisal-index-phases .form-group .cell_input,
    .appraisal-index-approval-chain .form-group .cell_input {
        width: auto;
    }
}

.presentItem {
	color: var(--dtm-text-orange);
}

.ribbon-action-border-start {
    border-left: 1px solid var(--dtm-border) !important;
    padding-left: 10px;
}

.descriptionContent > *{
    color: var(--dtm-text) !important;
    background-color: var(--dtm-background-color) !important;
}

/* === CSS Overrides ===*/
.bs-modal-w-80
{
    --bs-modal-width: 80% !important;
}

.bs-modal-m-1 {
    --bs-modal-margin: 1rem !important;
}

.top-30 {
    top: 30%;
}

.bot-30 {
    bottom: 30%;
}

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

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

.mt-80 {
    margin-top: 80px;
}

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

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

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

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

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

.mb-auto {
    margin-bottom: auto;
}

.pad-right-unset
{
    padding-right: unset;
}

.dtm-primary
{
    color: var(--dtm-primary);
}

.font-size-20
{
    font-size: 20px;
}

.width-300
{
    width: 300px;
}

/* === END ===*/

/*===Start: TFS 2020312====*/

li#editUrl a.dropdown-item{
    font-size: 16px !important;
}

li#editUrl a.dropdown-item:hover,
li#editUrl a.dropdown-item:focus{
    color: var(--bs-dropdown-link-hover-color) !important;
    background-color: var(--bs-dropdown-link-hover-bg);
}

/*===End: TFS 2020312======*/

/* START: My Employees */
.my-employee-details-link {
    cursor: pointer;
    width: 50vw;
    max-width: 50vw;
}

.my-employee-details-link-text-only {
    cursor: pointer;
    width: max-content;
    max-width: 50vw;
}

.my-employee-details-link .container {
    max-height: 75vh;
    max-width: 60vw;
    overflow: auto;
}
.my-employee-details-link.popover {
    --bs-popover-max-width : auto !important;
}

.dropdown.my-employee-dropdown-actions {
    box-sizing: border-box;
    display: inline-block;
    padding: 6px 7px;
    border: 1px solid var(--dtm-ribbon-action-menu-toggle-border);
    border-radius: 4px;
    text-decoration: none;
}

.dropdown.my-employee-dropdown-actions > .ribbon-dropdown-toggle {
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 18px;
    color: var(--dtm-ribbon-action-menu-toggle-text);
    text-decoration: none;
    display: flex;
    align-items: center;
}

.dropdown-menu.my-employee-dropdown-actions {
    padding: 10px;
    min-width: max-content;
    text-decoration: none;
}

.dropdown-menu.my-employee-dropdown-actions li:hover {
    background-color: var(--dtm-dropdown-menu-active);
}

.dropdown-menu.my-employee-dropdown-actions li {
    padding: 10px;
}

a.my-employee-action {
    padding: 10px;
    text-decoration: none;
    color: var(--dtm-main-text)
}

#myEmployees_pages .card-body {
    padding-bottom: 15px;
}

#myEmployees_pages .card-header {
    line-height: 230%;
}

#myEmployees_pages .card-header * {
    line-height: normal;
}
.thumbnail_badge {
    display: block;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    border: 3px solid white;
}

.hua_badge_vital_info ul.list-unstyled{
    display: inline !important;
}
/* END: My Employees */

/* Status for TTP */

.status-sprite {
	min-width: 30px;
	min-height: 30px;
	padding: 0px 5px 0px 12px;
	margin-right: 5px;
	border-radius: 4px;
}

.status-sprite.active {
	background-color: var(--bs-teal);
}

.status-sprite.terminated {
	background-color: var(--bs-red);
}

.status-sprite.dormant {
	background-color: var(--bs-yellow);
}

.status-sprite.inactive {
	background-color: var(--bs-gray-500);
}

/* End status for TTP */

/* fa-location-dot for Font-Awesome */

.fa-location-dot:before {
	content: "\f3c5";
}

/* TFS 2016784 */
#ttp-above-tab li, #ttp-above-tab-2 li {
	min-width: 33.33%;
	cursor: auto;
}

.report-search-icon {
    top: 10px;
    right: 10px;
}

.appraisal-scoring-tip {
    background-color: var(--dtm-inactive-pill-bg) !important;
    color:  var(--dtm-main-text) !important;
    margin-top: 5px;
    flex: 0 0 auto;
    width: 40.50%;
    padding: 8px;
}

#ribbon_action_menu_appraisalScoringActions {
    border-radius: 0;
    border: none;
    padding-left: 20px;
}
#socialMediaButtons #twitter_bookmarklet, #socialMediaButtons #linkedinContainer {
        height: 20px;
}

/*====START: TFS 2026233=====*/
@media (max-width: 768px) {
    #ttp_action .dropdown-menu.show{
        width: auto;
    }
}
/*====END: TFS 2026233=====*/

/* Tuition Fee Assistance */
.text-underline-hover:hover{
    text-decoration: underline !important;
}

/* ===START TFS 2027145 ===  */
.form-required-sometimes .control-label:after {
    content: " * \2020" !important;
}
/* ===END TFS 2027145 ===  */

/* START : TFS 2043298 */

/* Configure Potential Matrix Report */
table.potential_matrix_configuration_model_container td {
    width: 160px;
    vertical-align:middle;
    text-align:center;
}

table.potential_matrix_configuration_model td,
.potential_matrix_body {
    width: 50px;
    height: 50px;
}

.potential_matrix_setting_configuration_form {
    width: 60%;
}

table.potential_matrix_configuration_model td, .potential_matrix_body {
    border:1px solid var(--dtm-main-text);
    border-collapse:collapse;
}
.potential_matrix_display_container {
    border-collapse:collapse;
    padding:5px;
}

.regular-label {
    color: var(--dtm-main-text);
}

/* END : TFS 2043298 */

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

/* LMS Gradebook */
.gradebook tr:hover {
    --bs-table-accent-bg: none;
}

.gradebook>tbody>tr.info {
    background-color: var(--dtm-gradebook-info-bg-color);
}

.gradebook tr:hover td:not(.test_grade) {
    --bs-table-accent-bg: var(--dtm-table-hover-bg);
}

.test_grade {
    background-color: var(--dtm-gradebook-bg-color) !important;
    line-height: 120%;
    padding: 2px;
    color: var(--dtm-menu-text) !important;
}
.test_grade_highlight {
    background-color: var(--dtm-gradebook-info-bg-color);
    line-height: 120%;
    padding: 2px;
}

/* === TFS 2053032 START ===  */
.scale-warning {
    color: var(--dtm-danger);
}
/* === TFS 2053032 END ===  */

#campaignRecipientsPublicPools_table td.actions_td a.talent_pools_actions {
        padding-top : 0;
}
#campaignRecipientsCandidates_table td.actions_td a {
        padding-top : 0;
}
#current_selection td.actions_td a {
        padding-top : 0;
}
#candidateRecipientsFiltersContainer #recruiter div.input-group,
#candidateRecipientsFiltersContainer #hiring_manager div.input-group
{
        align-items: self-start !important;
}
#candidateRecipientsFiltersContainer #recruiter div.input-group span.input-group-btn a,
#candidateRecipientsFiltersContainer #hiring_manager div.input-group span.input-group-btn a
{
        padding: 7px 15px !important;
}
.viewLetter.well {
        background-color: var(--dtm-well-background-color);
        box-shadow: inset 0 0 4px var(--dtm-well-border-color);
        padding: 12px !important;
}

/* === TFS 2055894 START ===  */

.tree {
    overflow: hidden;
}

.tree * {
    margin: 0;
    padding: 0;
}

.tree ul {
    padding-top: 20px;
    position: relative;
    display: table;
    margin: -5px auto 0;
    overflow: hidden;
}

.tree li {
    display: block;
    float: left;
    list-style-type: none;
    padding: 20px 5px 0;
    position: relative;
    text-align: center;
}

.tree li::before,
.tree li::after {
    border-top: 2px solid var(--dtm-main-text);
    content: "";
    height: 20px;
    position: absolute;
    right: 50%;
    top: 0;
    width: 50%;
}

.tree li::after {
    border-left: 2px solid var(--dtm-main-text);
    left: 50%;
    right: auto;
}

.tree li:only-child::after,
.tree li:only-child::before {
    display: none;
}

.tree li:only-child {
    padding-top: 0;
}

.tree li:first-child::before,
.tree li:last-child::after {
    border: 0 none;
}

.tree li:last-child::before {
    border-radius: 0 5px 0 0;
    border-right: 2px solid var(--dtm-main-text);
}

.tree li:first-child::after {
    border-radius: 5px 0 0;
}

.tree ul ul::before {
    border-left: 2px solid var(--dtm-main-text);
    content: "";
    height: 20px;
    left: 50.8%;
    position: absolute;
    top: 0;
    width: 0;
}

.tree .media {
    border: 1px solid var(--dtm-main-text);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    max-width: 245px;
    min-width: 220px;
    padding: 4px;
    margin-bottom: 5px;
}

.tree .media .media-left {
    display: block;
    float: left;
    padding-right: 10px;
}

.tree .media .media-body {
    display: block;
    overflow: hidden;
    text-align: left;
    width: auto;
}

.tree .position {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 99%;
}

.tree .label {
    padding: 0.2em 0.6em 0.3em;
}

.tree .text-right {
    margin-right: 4px;
}

.badge-heading {
    text-decoration: none;
    font-weight: bold;
}
.smalltext {
    font-size: 11px;
}

/* HUA Employee Photos throughout the system: rounded corners. */
.hua_employee_photo_container,
.hua_employee_photo_container_large {
    height: auto;
    width: auto;
    position: relative;
    overflow: hidden;
}
.current_photo_normal {
    clear: both;
}
.hua_employee_photo_container a img, .hua_employee_photo_container img {
    width: 120px !important;
    height: 120px !important;
}
.hua_employee_photo_container a.img-thumbnail {
    box-shadow:none;
}

/* === TFS 2055894 END ===  */

/* === TFS 2055075 START === */
.rating_input > div {
    display : flex;
    align-items: flex-start;
}
/* === TFS 2055075 END === */
/* Start 2033596 : 9 Box */
.ninebox {
    flex-grow: 1;
}

.boxes-arrow-vertical {
    width: 190px;
}

.boxes-arrow-vertical>.boxes-arrow {
    float: right;
    margin-top: 44px;
}

.boxes-arrow-vertical>.boxes-arrow:before {
    content: " ";
    display: block;
    margin: 0 auto;
    position: relative;
    height: 0;
    width: 0;
    border-bottom: 80px solid var(--dtm-box-arrow-bg);
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
}

.boxes-arrow-vertical>div>div {
    padding: 20px 0;
    height: 222px;
    border-left: 15px solid var(--dtm-background-color);
    border-right: 15px solid var(--dtm-background-color);
}

.boxes-arrow>div {
    padding: 20px 15px;
    background-color: var(--dtm-box-arrow-bg);
    text-align: center;
}

.boxes-arrow>div>span {

    color: var(--dtm-active-tab-text);
    font-weight: 700;
}

.boxes-arrow-horizontal>.boxes-arrow {
    display: flex;
    >div {
        padding-left: 5px;
        padding-right: 5px;
        border-top: 10px solid var(--dtm-background-color);
        border-bottom: 10px solid var(--dtm-background-color);
    }
}

.boxes-arrow-horizontal>.boxes-arrow:after {
    content: " ";
    display: block;
    border-left: 40px solid var(--dtm-box-arrow-bg);
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
}

.boxes-wrapper .row {
    margin-left: -5px;
    margin-right: -5px;
    >div {
        padding: 5px;
    }
}

.boxes-wrapper .panel {
    border-width: 5px;
    margin-bottom: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.panel {
    margin-bottom: 20px;
    background-color: var(--dtm-background-color);
    border: 1px solid transparent;
    border-radius: 4px;
}

.panel-heading:not(div#features *) {
    color: var(--dtm-main-text);
    padding: 7px;
    border-bottom: 1px solid var(--dtm-border);
}

h3.panel-title {
    line-height: normal;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
}

.boxes-wrapper .panel>.panel-body {
    overflow: auto;
    padding: 0;
}

.potential_matrix_cell_body {
    height: 158px;
    overflow: auto;
    padding: 10px;
}

.potential_matrix_cell_body ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-image: url();
}

.boxes-wrapper .panel-footer {
    padding: 10px 15px;
    border-top: 1px solid var(--dtm-border);
}

.potential_matrix_axis_label_smallfont {
    overflow: hidden;
    line-height: 16px;
    white-space: normal;
    text-overflow: ellipsis;
}

.potential_matrix_axis_label {
    text-align: center;
}

.boxes-arrow-vertical .text-vertical {
    float: right;
    margin-top: -400px;
}

.text-vertical {
    transform: rotate(-90deg);
    vertical-align: top;
    width: 320px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

@media (min-width: 992px) and (max-width: 1400px) {
    .tenth-box {
        width: 100%;
    }

    .tenth-box .boxes-wrapper .panel {
        margin-bottom: 5px;
    }
}

.layout9box_print .layout_column_left {
    width: 582px;
}

.layout9box_print .layout_column_right {
    width: auto;
}

.layout9box_print .potential_matrix_10th_cell {
    margin-top: 20px;
    border: 1px solid var(--dtm-combo-select-input-border);
}

.potential_matrix_10th_cell {
    width: 193px;
}

.layout9box_print .potential_matrix_cell_body {
    padding: 5px;
}

.potential_matrix_display_container {
    border-collapse: collapse;
    padding: 5px;
    width: auto;
}

table.potential_matrix_display_container td {
    padding: 0px;
    line-height: 1.5;
}

.potential_matrix_body {
    border: 1px solid var(--dtm-combo-select-input-border);
    vertical-align: top;
    border-collapse: collapse;
    height: 213px;
    width: 193px;
}

.potential_matrix_cell_header {
    background-color: var(--dtm-main-color);
    padding: 3px;
    color: var(--dtm-button-text);
    font-weight: bold;
    font-size: 13px;
}

.potential_matrix_cell_footer {
    background-color: var(--dtm-border);
    border-top: 1px solid var(--dtm-combo-select-input-border);
    padding: 5px;
}

.potential_matrix_cell_edit {
    background-color: var(--dtm-edit-box-background);
    border: 4px solid var(--dtm-btn-send-letter-border);
    border-radius: 4px;
    height: auto;
    line-height: 14px;
    padding: 0;
}

.potential_matrix_cell_body {
    .btn-block {
        display: block;
        width: 100%;
    }
}

.potential_matrix_cell_edit fieldset.potential_matrix_cell_edit_fieldset {
    margin: 10px;
}

.layout9box fieldset.submit {
    background-color: var(--dtm-edit-label-background);
    border-top: 1px solid var(--dtm-combo-select-input-border);
    padding: 5px 0;
    text-align: center;
    >.btn {
        margin-inline-end: 0;
        margin: 5px 0;
    }
}

.boxes-arrow-horizontal form button[type="submit"] {
    margin-top: 10px;
}
/* End 2033596 : 9 Box */

/* === TFS 2042040 START ===  */
.dtm-main-content {
    min-width: 350px;
}

@media (max-width: 1000px) {
    /* makes the badge 100% if the menu is shown to place tables underneath */
    .display-table:has(#vertical-menu.shown) .employee-info {
        width:100%;
    }
    /* makes tables the entire width of the column if side menu is shown*/
    .display-table:has(#vertical-menu.shown) .col-sm-9.hua_ribbon_info {
        width: 100%;
    }
}
/* === TFS 2042040 END === */

/* Start 2059637: Dashboard Widget 9 Box */
#potential_matrix_widget .boxes-row {
    margin: 4px 0;
    .boxes {
        display: inline-block;
        width: 30px;
        height: 30px;
        border: 1px solid var(--dtm-border);
        text-align: center;
        span {
            display: inline-block;
            vertical-align: middle;
            line-height: 28px;
        }
    }
}

#potential_matrix_widget .text-vertical {
    width: auto;
}

.boxes-row:last-child {
    margin: 20px 0 0 7px !important;
}

.table-nowrap>tbody>tr>td {
    white-space: nowrap;
}
/* End 2059637: Dashboard Widget 9 Box */

/* TFS 2023509 START */
#edit_only_mode {
    margin-bottom: 25px;
}
/* TFS 2023509 END */

/* TFS 2030228 START */
.dropdown-menu.show {
    line-height: normal;
}
/* TFS 2030228 END */

.socMedSharingLinkedIn {
        margin-block-start: 0.4em;
}
@media (max-width: 576px) {
        #linkedinContainer, #facebookContainer, #twitterContainer{
                margin-block-end: 1em;
        }
}

@media (max-width: 780px) {
        #linkedinContainer, #facebookContainer, #twitterContainer{
                width: 100% !important;
        }
}
.dark .fb_iframe_widget {
    height: 20px;
    width: 260px;
    border-radius: 4px;
    background-color: #ddd;
    display: inline-block;
}
.my-employees-job-title > a{
    text-decoration: none !important;
    font-size: 14px;
}
.top_reports {
        width: 80%;
        vertical-align: top;
}
.more_reports {
        width: 20%;
        vertical-align: top;
}
#monster_report_table {
        width: 100%;
}

@media (max-width: 744px) {
        .top_reports {
                width: 50% !important;
        }
        .more_reports {
                width: 40% !important;
        }

        #talentDashboardForm select, #talentDashboardForm .cell_input {
                width: 100% !important
        }
}

.actionPanel {
    border: 1px solid var(--dtm-combo-select-input-border);
    padding: 6px;
    width: 520px;
    background-color: var(--dtm-background-color);
    position: absolute;
    z-index: 10;
    margin-left: -1px;
}
input.dashboard_report_pagination {
    background-color: var(--dtm-calendar-background-color);
    background-image: none;
    border: 1px solid var(--dtm-calendar-border-color);
    color: var(--dtm-text);
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 35px;
    min-width: 0px;
}
a.buttonChart {
    text-decoration: none;
    padding-left: 5px;
    padding-right: 5px;
}
.graph {
    float: left;
    margin-top: 1px;
    background-color: var(--dtm-inactive-pill-bg);
    position: relative;
    width: 115px;
    padding: 0;
}
.graph .bar {
    display: block;
    position: relative;
    background-image: url(/images/bar_graph.gif);
    background-position: right center;
    background-repeat: repeat-x;
    border-right: var(--dtm-success) 1px solid;
    color: #fff;
    height: 11px;
    line-height: 1.9em;
}

.genai_modal_editor_wrapper {
    position: relative;
}

.genai_modal_editor_greyout {
    text-align: center;
    position: absolute;
    top: 28px;
    background: rgba(51,51,51,0.5);
}

.font_large {
    font-size: 2.5rem;
}

/* GenAI loader (tfs 2103080) */
#cke_field_assistant #cke_1_contents:has(#genai-textarea-loader) {
    position: relative;
}

#genai-textarea-loader {
    position: absolute;
    bottom: 0;
    left: 1px;
    width: calc(100% - 20px);
    height: 100%;
    padding-inline: 10px;
    box-sizing: border-box;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.loading-line {
    --loading-line-width: 100%;
    --loading-line-delay: 0ms;

    height: 10px;
    box-sizing: border-box;
    width: var(--loading-line-width);
    background: linear-gradient(90deg, #f0f0f0 25%, #808080 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer 4s infinite;
    animation-delay: var(--loading-line-delay);
}

@keyframes shimmer {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

/* Multicolumn Sort - TFS 2023825 */
.datatable_sortbox {
    display: table;
    background-color: var(--dtm-hover-bg);
    border: 1px solid var(--dtm-border);
    border-radius: 6px;
    width: 98%;
    margin: 0 auto;

    span {
        width: auto;
        margin: 5px 5px 5px 0;
        padding: 0.4em;
        line-height: 16px;
        float: left;
    }

    ul, ul li {
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
    }

    ul li {
        background-color: var(--dtm-main-color);
        border-radius: 6px;
        display: block;
        height: auto;
        line-height: 15px;
        margin: 5px 5px 5px 0;
        padding: 0.3em;
        width: auto;
        float: left;

        a {
            color: var(--dtm-button-text);
            text-decoration: none;
        }
    }
}

/* Start 2117031: Extra space in career path list */

td.career-path-grid-row {
    display: none;
}

/* End 2117031: Extra space in career path list  */
/* TFS 2018278: Ensure the tooltips are hidden when a modal is opened. Modal z-index = 1055 so we place it under it with 1050. Bootstrap 5 issue which may be resolved in a new release. */
.tooltip {
	z-index: 1050 !important;
}

.dark .cal-row-head [class*=cal-cell].cal-day-today, .dark .week-day-event-details, .day-highlight {
    color: var(--dtm-calendar-today-color) !important;
}

.delete_event_week_form a, .cal-day-today a {
   color: var(--dtm-calendar-today-link-color) !important;
}

.ppeframe {
    background-color: #efefef;
}

.slider-tooltip {
   position: absolute;
}

/*Start PBI 2128241*/
.html-viewer {
    background-color: rgb(50, 54, 57);
}

.html-viewer-header {
    color: var(--bs-white);
    font-weight: 600;
    height: 56px;
    padding: 16px 24px 16px 24px;
    box-shadow: 0 -2px 8px rgba(0,0,0,.09),
                0 4px 8px rgba(0,0,0,.06),
                0 1px 2px rgba(0,0,0,.3),
                0 2px 6px rgba(0,0,0,.15);
}

.html-doc-container {
    background-color: var(--dtm-background-color);
    height: 97vh;
    width: 80%;
    margin: 20px auto;
    margin-top: 0;
    border: 1px solid var(--dtm-border);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
}

.html-doc-content {
    width: 100%;
    height: 85%;
    overflow: auto;
    padding: 100px;
}

.html-doc-content p span:not([style*="color"]),
.html-doc-content p:not([style*="color"])
{
    color: var(--dtm-main-text);
}

@media (max-width: 576px) {
    .html-doc-container {
        width: 90%;
        height: 90vh;
    }

    .html-doc-content {
        padding: 10px;
    }
}
/*End PBI 2128241*/

/*mobile display reduced margin for very small screens*/
@media (max-width: 374px) {
    #hua_main_page {
        padding:0.5rem !important;
    }
}

/*genai buttons 2222770*/
.genai-btn {
    background: linear-gradient(119deg, #8A33C2 17.59%, #423FE2 77.78%);
    font-family:Lexend,Roboto,sans-serif;
    border: 2px solid transparent;
}
i.genai-sparkles {
    width: 17px;
    height:17px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0222 4.37769C11.3238 4.37769 11.5889 4.57763 11.6718 4.86765L12.4043 7.43133C12.7249 8.55346 13.602 9.43059 14.7241 9.7512L17.2878 10.4837C17.5778 10.5665 17.7778 10.8316 17.7778 11.1332C17.7778 11.4349 17.5778 11.6999 17.2878 11.7828L14.7241 12.5153C13.602 12.8359 12.7249 13.713 12.4043 14.8352L11.6718 17.3988C11.5889 17.6888 11.3238 17.8888 11.0222 17.8888C10.7206 17.8888 10.4555 17.6888 10.3727 17.3988L9.64018 14.8352C9.31957 13.713 8.44243 12.8359 7.32031 12.5153L4.75663 11.7828C4.46661 11.6999 4.26666 11.4349 4.26666 11.1332C4.26666 10.8316 4.46661 10.5665 4.75663 10.4837L7.32031 9.7512C8.44243 9.43059 9.31957 8.55345 9.64018 7.43133L10.3727 4.86765C10.4555 4.57763 10.7206 4.37769 11.0222 4.37769Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.91111 0.111084C4.08573 0.111084 4.2392 0.226844 4.28717 0.394749L4.71124 1.87898C4.89686 2.52864 5.40467 3.03645 6.05432 3.22207L7.53856 3.64613C7.70646 3.69411 7.82222 3.84757 7.82222 4.0222C7.82222 4.19682 7.70646 4.35029 7.53856 4.39826L6.05432 4.82233C5.40467 5.00794 4.89686 5.51576 4.71124 6.16541L4.28717 7.64964C4.2392 7.81755 4.08573 7.93331 3.91111 7.93331C3.73649 7.93331 3.58302 7.81755 3.53505 7.64964L3.11098 6.16541C2.92537 5.51576 2.41755 5.00794 1.7679 4.82232L0.283665 4.39826C0.11576 4.35029 0 4.19682 0 4.0222C0 3.84757 0.11576 3.69411 0.283665 3.64613L1.7679 3.22206C2.41755 3.03645 2.92537 2.52863 3.11098 1.87898L3.53505 0.394749C3.58302 0.226844 3.73649 0.111084 3.91111 0.111084Z" fill="white"/></svg>');
}

.genai-btn:hover {
    background-image: none !important;
    background-color: #fff !important;
    color: #4A01E0 !important;
    border:2px solid !important;
    border-image: linear-gradient(#8A33C2, #423FE2) 1;
}
.genai-btn:hover i.genai-sparkles {
    width: 17px;
    height:17px;
    display: inline-block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 17 17" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.0222 4.37769C11.3238 4.37769 11.5889 4.57763 11.6718 4.86765L12.4043 7.43133C12.7249 8.55346 13.602 9.43059 14.7241 9.7512L17.2878 10.4837C17.5778 10.5665 17.7778 10.8316 17.7778 11.1332C17.7778 11.4349 17.5778 11.6999 17.2878 11.7828L14.7241 12.5153C13.602 12.8359 12.7249 13.713 12.4043 14.8352L11.6718 17.3988C11.5889 17.6888 11.3238 17.8888 11.0222 17.8888C10.7206 17.8888 10.4555 17.6888 10.3727 17.3988L9.64018 14.8352C9.31957 13.713 8.44243 12.8359 7.32031 12.5153L4.75663 11.7828C4.46661 11.6999 4.26666 11.4349 4.26666 11.1332C4.26666 10.8316 4.46661 10.5665 4.75663 10.4837L7.32031 9.7512C8.44243 9.43059 9.31957 8.55345 9.64018 7.43133L10.3727 4.86765C10.4555 4.57763 10.7206 4.37769 11.0222 4.37769Z" fill="%234A01E0"/><path fill-rule="evenodd" clip-rule="evenodd" d="M3.91111 0.111084C4.08573 0.111084 4.2392 0.226844 4.28717 0.394749L4.71124 1.87898C4.89686 2.52864 5.40467 3.03645 6.05432 3.22207L7.53856 3.64613C7.70646 3.69411 7.82222 3.84757 7.82222 4.0222C7.82222 4.19682 7.70646 4.35029 7.53856 4.39826L6.05432 4.82233C5.40467 5.00794 4.89686 5.51576 4.71124 6.16541L4.28717 7.64964C4.2392 7.81755 4.08573 7.93331 3.91111 7.93331C3.73649 7.93331 3.58302 7.81755 3.53505 7.64964L3.11098 6.16541C2.92537 5.51576 2.41755 5.00794 1.7679 4.82232L0.283665 4.39826C0.11576 4.35029 0 4.19682 0 4.0222C0 3.84757 0.11576 3.69411 0.283665 3.64613L1.7679 3.22206C2.41755 3.03645 2.92537 2.52863 3.11098 1.87898L3.53505 0.394749C3.58302 0.226844 3.73649 0.111084 3.91111 0.111084Z" fill="%234A01E0"/></svg>');
}

.genai-btn.btn-default:hover {
    padding: 5px 8px 4px;
}
.genai-btn.btn-primary:hover {
    padding: 7px 14px 7px 13px;
}
.btn-primary.genai-btn, .btn-default.genai-btn {
    border: none;
}

/*2274288 upgrade numbers*/
#versionLogo, #versionNumbers {
    display: inline-block;
    position: relative;
    vertical-align: bottom;
}

#versionLogo > img {
    height: 60px;
}

span#versionNumbers {
    font-size: 81px;
    color: #0069aa;
    line-height: 57px;
}

.lockout_page {
    margin-block-end: 20px;
}

@media (max-width: 892px) {
    span#versionNumbers {
        font-size: 70px;
        line-height: normal;
        margin: 0 -5px;
        clear:both;
        display:block;
    }
}
/*end upgrade numbers*/