:root{
    --citi-ink-blue: #0F1632;
    --citi-blue: #255BE3;
    --citi-white: #FFFFFF;
    --citi-red: #FF3C28;
    --citi-forest:#193722;
    --citi-forest-bright:#388A42;
    --citi-tan: #916024;
    --citi-tan-bright:#FAB728;
    --citi-mahogany:#460303;
    --citi-gray-01:#A4ACAF;
    --citi-gray-02:#BCC5C9;
    --citi-gray-03: #D3DADD;
    --citi-gray-04:#E6EBED;
    --citi-gray-05:#F0F5F7;
    --citi-gray-06:#F7FAFB;
}

.blue_on_white{
    color: var(--citi-ink-blue);
    background-color: var(--citi-white);
    border: solid 1px var(--citi-gray-01);
}

.blue_on_white h2{
    color: var(--citi-ink-blue);
}

.white_on_blue{
    color: var(--citi-white);
    background-color: var(--citi-ink-blue);
    border: solid 1px var(--citi-ink-blue);
}

.burger_close:hover {
	background-image:url("../images/general_int/header_close_hover.png");
}
.burger_select_title {	
    color: var(--citi-blue);	
}
.burger_select_title:hover{
	color: var(--citi-blue);
}
.burger_title, .bur_sec_title{
	color: var(--citi-blue);
}
.burger_home
{
	background-color: var(--citi-white);
    color: var(--citi-ink-blue) !important;
    border: solid 1px var(--citi-blue);
}
.burger_line{
	background-color: var(--citi-blue);
	color: var(--citi-blue);
}

.instruction{
    color: var(--citi-blue);
}

.nav_content{
	background-color: var(--citi-gray-03);
}	

.branding_holder{
	background-color: var(--citi-ink-blue) !important;
}

.index_logo{
	background-color: var(--citi-white);
	border-radius: 0px 20px 20px 0px;
}

html{
	background-color: var(--citi-ink-blue) !important;
}

.icon_btn{
	color: var(--citi-ink-blue);
}	
.icon_btn_selected {
    color: var(--citi-white);
    background-color: var(--citi-blue);
}
	
.content_text_holder_rt_img, .content_text_holder_lt, .content_text_holder_full, .content_text_holder_rt{
    background-color: var(--citi-ink-blue);
}

@media (min-width:768px){
	.tabs_leadin::before{
		background-color: var(--citi-blue);
    }
}
@media (min-width: 1024px){
    .video_holder::after {
        background-color: var(--citi-ink-blue);
    }
	.slider_bg::before {
        background-color: var(--citi-blue);
    }
}
@media (min-width: 1300px){
    .tabs_leadin::before{
        background-color: var(--citi-ink-blue);
    }
    .flip_card_int_holder::after {
        background-color: var(--citi-ink-blue);
		margin-left: 130px;
    }
    .slider_bg::before {
        background-color: var(--citi-ink-blue);
    }
	.slider_bg_RTL::before{	
		background-color: var(--citi-blue);
	}	
}
@media (min-width: 768px) and (max-width:1024px){
	.flip_card_int_holder::after{
		background-color: var(--citi-blue);
		margin-left: 130px;
	}
}
.slide_focus{	
	border: solid 1px var(--citi-white);
	background-color: var(--citi-white);
}	
.slide_focus.focus{
	border: solid 1px var(--citi-white);
	background-color: var(--citi-blue);
}
.tab_holder {
    background-color: var(--citi-gray-04);
    color: var(--citi-ink-blue);
    border: solid 1px var(--citi-gray-01);
}
.tab_visited{
	background-position: 1px 1px;
}
.tab_selected {
	color: var(--citi-blue);
}	
.tab_reveal_txt h3, .tab_reveal_txt h3, .image_reveal h3, .tab_reveal_txt h3, .four_image_reveal_text h3, .icon_leadin h2 {
    color: var(--citi-ink-blue);
}
.tab_divide{
	background-color: var(--citi-blue);
}

.expando_btn{
    color: var(--citi-ink-blue);
    background-color: var(--citi-gray-04);
    border: solid 1px var(--citi-blue);
}
.expando_reveal_content {
    background-color: var(--citi-white);
    border: solid 1px var(--citi-blue);
    color: var(--citi-ink-blue);
}
.expando_reveal_heading {
    background-color: var(--citi-blue);
    border: solid 1px var(--citi-blue);
}

.image_reveal{
    background-color: var(--white);
    color: var(--citi-ink-blue);
    border: solid 1px var(--citi-gray-01);
}

.flip_leadin{
    background-color: var(--citi-gray-04);
    color: var(--citi-ink-blue);
    border: none;
}
.flip_leadin h2{
	color: var(--citi-ink-blue);
}
.flip_card_front, .flip_card_back{
    border: solid 1px var(--citi-blue);
}
.flip_card_back{
    background-color: var(--citi-gray-04);
    color: var(--citi-ink-blue);
    border: solid 1px var(--citi-blue);
}
.flip_card_front_visited{
	background-image: url('../images/custom_int/tab_visited_tick.png');
	background-repeat: no-repeat;	
	background-size: 30px;
	background-position: 1px 1px;
}
.flip_back_title {
    color: var(--citi-ink-blue);
}
.flip_content::-webkit-scrollbar-track {
	background-color: var(--citi-gray-01);
}
 
.flip_content::-webkit-scrollbar-thumb {
  	background-color: var(--citi-ink-blue);
}
	
.four_image_reveal_content {
    background-color: var(--citi-white);
    color: var(--citi-ink-blue);
    border: solid 1px var(--citi-gray-01);
}


.squaredBox{
    border: solid 1px var(--citi-blue);
}
.squaredBox label::after{
    background: var(--citi-blue) !important;
}

/* client testing requirements 2024 v2.3: */
/* if the learner answers enough questions incorrectly that they can no longer pass the test-out, they must be informed that they have failed the test-out and be given the option to finish the test-out or proceed to the content */
.submit_btn, .retake_assess_btn, .print_btn, .transcript_btn, .home_assess_btn, .continue_pretest_btn{
    color: var(--citi-ink-blue) !important;   
}

.submit_btn.disabled{
    color: var(--citi-gray-01);
}

.icon_leadin{
    background-color: var(--citi-gray-04);
    color: var(--citi-ink-blue);
}

.icon_content {
    color: var(--citi-ink-blue);
}


.timeline_item {
    border: solid 1px var(--citi-blue);
}

.tItem_right{
    background-color: var(--citi-gray-03);
    color: var(--citi-blue);
}
.tLine{
    background-color: var(--citi-red);
}

.statement_text{
    color: var(--citi-blue);
}

.multi_col_table_content td, .multi_col_table_content th{
	border: 1px solid var(--citi-white);
}

.multi_col_table_content td{
	background-color: var(--citi-white);
	color: var(--citi-ink-blue);
	border: 1px solid var(--citi-ink-blue);
}
.multi_col_table_content th{
	background-color: var(--citi-ink-blue);
	color: var(--citi-white);
}
.multi_col_table_content tfoot td:first-child {
	border-right: solid 1px var(--citi-white);
}
.multi_col_table_content tfoot td:last-child {
	border-left: solid 1px var(--citi-white);
}
@media screen and (max-width: 1008px) {
	.multi_col_table_content td {
		border-bottom: 1px solid var(--citi-ink-blue);
	}	
	.multi_col_table_content tfoot td:first-child {
		border-right: solid 1px var(--citi-ink-blue);
	}
	.multi_col_table_content tfoot td:last-child {
		border-left: solid 1px var(--citi-ink-blue);
	}
}

.two_col_table_content td, .two_col_table_content th{
	border: 1px solid var(--citi-white);
}

.two_col_table_content td{
	background-color: var(--citi-white);
	color: var(--citi-ink-blue);
	border: 1px solid var(--citi-ink-blue);
	
}
.two_col_table_content th{
	background-color: var(--citi-ink-blue);
	color: var(--citi-white);	
}

.two_col_table_content tfoot td:first-child {
	border: solid 1px var(--citi-white);
}
.two_col_table_content tfoot td:last-child {
	border-left: solid 1px var(--citi-white);
}

.two_col_table_content tfoot td {
	background-color: var(--citi-ink-blue);
	color: var(--citi-white);
	border: solid 1px var(--citi-white);
}

.index_banner_holder
{
	border-bottom: none;
	background-color: transparent;	
}

.box_container {
    background-color: var(--citi-white);
    border: solid 1px var(--citi-blue);
}

.box_title, .box_message {
    color: var(--citi-ink-blue);
}
.bookmark_nav_start, .bookmark_nav_resume{
    border: solid 1px var(--citi-blue);
    color: var(--citi-ink-blue);
    background-color: var(--citi-white);
    color: var(--citi-ink-blue) !important;
}




.menu_btns{
    border: solid 1px var(--citi-blue);
    background-color: var(--citi-white);
    padding: 40px;
    border-radius: 20px;
}
.menu_btns_header{
    color: var(--citi-ink-blue);
}

.top_wrapper{
    background-color: var(--citi-gray-01);
}
.top_wrapper.unlocked{
    background-color: var(--citi-blue);
}
.top_wrapper.complete{
    background-color: var(--citi-ink-blue);
}

.slider_wrapper {
    border: solid 1px var(--citi-blue);
}