body.dark {
	background-color: #1d1e20 !important;
	color: #fafafa;
}
body.dark .bg{
	background-color: #1d1e20  !important;
}
body.dark .card-a {
	background-color: #2a2b2e;
}
body.dark .card-b {
	background-color: #202123;
}
body.dark .primary-txt {
	color: #fafafa !important;
}
body.dark .secondary-txt {
	color: #ccc !important;
}
body.dark .tet-txt {
	color: #999 !important;
}
body.dark .primary-btn {
	background-color: #1a81f6;
}
body.dark .primary-btn:hover {
	background-color: #066cdb;
}
body.dark .second-btn:hover {
	color: #1a81f6;
	background-color: rgba(26, 129, 246, 0.1);
}
body.dark .hl-txt{
	color: #1a81f6 !important;
}
body.dark .hl-txt:hover a{
	color: #1a81f6 !important;
}
body.dark .brand-icon {
	color: #f5f5f5;
}

body.dark .t-btn-30 {
	background-color: rgba(255, 255, 255, 0.3);
}
body.dark .t-btn-10 {
	background-color: rgba(255, 255, 255, 0.1);
}
body.dark .custom-nav-btn{
	color: #1a81f6;
}
body.dark .link-btn {
	border: 2px #1a81f6 solid;
	color: #1a81f6;
}
body.dark .link-btn:hover {
	background-color: rgba(26, 129, 246, 0.1);
}
body.dark .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #787C87;
}
body.dark .owl-theme .owl-dots .owl-dot span {
	background: #303236;
}
body.dark .cd-horizontal-timeline .events a {
	color: #fafafa;
}
body.dark .cd-horizontal-timeline .events a.selected {
	color: #1a81f6;
}
body.dark .cd-horizontal-timeline .events a.older-event {
	color: #1a81f6;
}
body.dark .intro-bg {
	background: radial-gradient(
		ellipse at 0% 60%, rgba(23, 86, 183, 0.2) 20%, #1d1e20 50%
	);
	
	/*background: radial-gradient(
		ellipse at 0% 60%,
		rgba(23, 86, 183, 0.3) 35%,
		rgba(88, 190, 255, 0.15) 45%,
		rgba(88, 190, 255, 0.08) 60%,
		rgba(88, 190, 255, 0.02) 75%,
		rgba(29, 30, 32, 1) 85%
	);
	background-size: 70% 100%;
	background-repeat: no-repeat;*/
}



body.light {
	background-color: #f5f6f7  !important;
	color: #3b3b3b;
}
body.light .bg{
	background-color: #f5f6f7  !important;
}
body.light .card-a {
	background-color: #fff;
}
body.light .card-b {
	background-color: #f2f2f2;
}
body.light .primary-txt {
	color: #3b3b3b !important;
}
body.light .secondary-txt {
	color: #595959 !important;
}
body.light .tet-txt {
	color: #808080 !important;
}
body.light .primary-btn {
	background-color: #174489;
}
body.light .primary-btn:hover {
	background-color: #0a3c8a;
}
body.light .second-btn:hover {
	color: #174489;
	background-color: rgba(26, 129, 246, 0.1);
}
body.light .hl-txt{
	color: #174489 !important;
}
body.light .hl-txt:hover {
	border: 1px #174489 solid;
	color: #174489;
}
body.light .brand-icon {
	color: #1d1e20;
}

body.light .t-btn-30 {
	background-color: rgba(255, 255, 255, 0.3);
}
body.light .t-btn-10 {
	background-color: rgba(29, 30, 32, 0.1);
}
body.light .custom-nav-btn{
	color: #174489;
}
body.light .link-btn {
	border: 2px #174489 solid;
	color: #174489;
}
body.light .link-btn:hover {
	background-color: rgba(26, 129, 246, 0.1);
}

body.light .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #CCC;
}
body.light .owl-theme .owl-dots .owl-dot span {
	background: #999;
}
body.light .cd-horizontal-timeline .events a {
	color: #3b3b3b;
}
body.light .cd-horizontal-timeline .events a.selected {
	color: #174489;
}
body.light .cd-horizontal-timeline .events a.older-event {
	color: #174489;
}


body.dark .disable-txt {
	color: #6c6d6f;
}
body.light .disable-txt {
	color: #a6a6a6;
}
body.dark .disable-btn {
	background: rgba(58, 59, 61, 0.5);
}
body.light .disable-btn {
	background: rgba(58, 59, 61, 0.5);
}


body.dark .breadcrumb-item + .breadcrumb-item::before {
    color: #fafafa;      /* Custom color */
    font-weight: bold;   /* Optional: bold the '>' */
    font-size: 1.1em;    /* Optional: size it up */
}

body.light .breadcrumb-item + .breadcrumb-item::before {
    color: #3b3b3b;      /* Custom color */
    font-weight: bold;   /* Optional: bold the '>' */
    font-size: 1.1em;    /* Optional: size it up */
}


body.dark .btn-c {
	border: 1px #fafafa solid;
	color:#fafafa;
}
body.dark .btn-c:hover,
body.dark .btn-c.active {
	background-color:#fafafa;
	color:#1a81f6;
} 


body.light .btn-c {
	border: 2px #3b3b3b solid;
	color:#3b3b3b;
}
body.light .btn-c:hover,
body.light .btn-c.active {
	background-color:#3b3b3b;
	color:#1a81f6;
} 


body.dark .hover-btn-a:hover {
	color: #1a81f6;
	background-color: rgba(26, 129, 246, 0.1);
}

body.light .hover-btn-a:hover {
	color: #174489;
	background-color: rgba(26, 129, 246, 0.1);
}



body.dark .comment-input {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: #999;
}
body.light .comment-input {
	background-color: #fff;
	border-color: #808080;
}




body.dark .banking-req {
	color: #1a81f6;
	background-color: rgba(26, 129, 246, 0.1);
}

body.light .banking-req {
	color: #174489;
	background-color: rgba(26, 129, 246, 0.1);
}



body.dark .accordion-button,
body.dark .accordion-item {
	background-color: #2a2b2e;
	color: #fafafa;
	border: transparent;
}
body.dark .accordion-collapse {
	background-color: rgba(26, 129, 246, 0.1) !important;
	color: #1a81f6;
}
body.dark .accordion-button:not(.collapsed){
	background-color: rgba(26, 129, 246, 0.1) !important;
}
body.dark .accordion-button::after{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a81f6' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
	transition: all 0.5s;
	width: 30px;
    height: 30px;
    background-size: 30px;
}
body.dark .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a81f6' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}



body.light .accordion-button,
body.light .accordion-item {
	background-color: #fff;
	color: #3b3b3b;
	border: transparent;
}
body.light .accordion-collapse {
	background-color: rgba(26, 129, 246, 0.1);
	color: #174489;
}
body.light .accordion-button:not(.collapsed){
	border-color: #174489;
}
body.light .accordion-button:not(.collapsed){
	background-color: rgba(26, 129, 246, 0.1);
}
body.light .accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23174489' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
	transition: all 0.5s;
	width: 30px;
    height: 30px;
    background-size: 30px
}
body.light .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23174489' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}



/* 
======================================================================================================================
	GENERAL COLORING 
======================================================================================================================
*/

/* home */
.bento-content .bento-pill {
	color: #fafafa;
}
.bento-content .bento-title {
	color: #fafafa;
}
/* iconography */
.cd-horizontal-timeline .events a.first-node::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.44232 11.3333H9.55761M7.99996 2V2.66667M12.2426 3.75736L11.7712 4.22876M14 7.99997H13.3333M2.66667 7.99996H2M4.22873 4.22876L3.75732 3.75736M5.64294 10.357C4.34119 9.05529 4.34119 6.94474 5.64294 5.64299C6.94469 4.34125 9.05524 4.34125 10.357 5.64299C11.6587 6.94474 11.6587 9.05529 10.357 10.357L9.99226 10.7218C9.57033 11.1437 9.3333 11.7159 9.3333 12.3126V12.6667C9.3333 13.403 8.73634 14 7.99996 14C7.26359 14 6.66663 13.403 6.66663 12.6667V12.3126C6.66663 11.7159 6.4296 11.1437 6.00767 10.7218L5.64294 10.357Z' stroke='%23FAFAFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.cd-horizontal-timeline .events a.other-node.selected::after,
.cd-horizontal-timeline .events a.other-node.older-event::after {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3337 4L6.00033 11.3333L2.66699 8' stroke='%23FAFAFA' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;;
}
.cd-horizontal-timeline .events a.last-node.selected::after {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14V11.3333M2 11.3333V3.33333C2 2.59695 2.59695 2 3.33333 2H7.66667L8.33333 2.66667H14L12 6.66667L14 10.6667H8.33333L7.66667 10H3.33333C2.59695 10 2 10.597 2 11.3333ZM8 2.33333V6' stroke='%23FAFAFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;;
}

/* button */
.btn-d {
	border: 1px #fafafa solid !important;
	color:#fafafa !important;
}
.btn-d:hover,
.btn-d.active {
	background-color:#fafafa !important;
	color:#1a81f6 !important;
} 
.karir-icon {
	background-color: rgba(26, 129, 246, 0.1);
}
.sucor-search-group{
	background: #fafafa;
}
.sucor-search-group span{
	background: #fafafa;
	border: none;
}
.sucor-search-group input{
	background: #fafafa;
	border: none;
}
.sucor-select:focus {
	box-shadow: none !important;
}

/* sucor academy */
.academy-progress-bar{
	background-color: #D9D9D9;
}

/* karir */
.greenbox {
	background-color: rgba(52, 168, 83, 0.2);
}

/* 
======================================================================================================================
	DARK 
======================================================================================================================
*/


/* home */
body.dark .home-bg {
	background-image: url('/web/assets/newsucor/dark/home/hero_bg.jpg');
}
body.dark .hashtag-q {
	color: #CCCCCC;
	background-color: #2A2B2E;
}
body.dark .quote-txt {
	color: #FAFAFA;
}

body.dark .bento-item:hover{
	outline: 1px solid #1a81f6;
}
body.dark .bento-content .bento-cap {
	color: #ccc;
}
body.dark .bento-1 {
	background-image: url('/web/assets/newsucor/dark/home/bento_1.png');
}
body.dark .bento-2-1 {
	background-image: url('/web/assets/newsucor/dark/home/bento_2_1.png');
}
body.dark .bento-2-2 {
	background-image: url('/web/assets/newsucor/dark/home/bento_2_2_b.png');
}
body.dark .bento-3 {
	background-image: url('/web/assets/newsucor/dark/home/bento_3.png');
}
body.dark .bento-4-1 {
	background-image: url('/web/assets/newsucor/dark/home/bento_4_1.png');
}
body.dark .bento-4-2 {
	background-image: url('/web/assets/newsucor/dark/home/bento_4_2.png');
}

body.dark .quote-bar {
	background-image: url('/web/assets/newsucor/dark/home/quote.png');
}

/* product */
body.dark .x-timeline-bar {
	background-image: url('/web/assets/newsucor/dark/product/timeline.png');
}
body.dark .cd-horizontal-timeline .events a::after {
	background-color: #FAFAFA;
	border: 2px solid rgb(250, 250, 250);
}
body.dark .about-banner {
	mask-image: linear-gradient(to bottom, transparent 0%, black 0%, black 75%, transparent 100%);
}

/* boris */
body.dark .see-all {
	background-color: #1a81f6;
}

/* button */
body.dark .search-highlight:focus::placeholder{
	color: #1a81f6;
	transition: color 0.3s ease; 
}
body.dark .search-highlight:focus {
	border: 1px solid #1a81f6;
	color: #1a81f6;
	background-color: rgba(26, 129, 246, 0.1) !important;
	transition: color 0.3s ease; 
}
body.dark .karir-icon-svg{
	fill: #fafafa;
}
body.dark .sucor-search-group{
	border: 1px solid #999;
}
body.dark .sucor-search-group:focus-within {
	border: 1px solid #1a81f6;
}
body.dark .sucor-search-group:focus-within span{
	background-color: rgba(26, 129, 246, 0.1) !important;
	color: #1a81f6;
	transition: color 0.3s ease; 
}
body.dark .sucor-search-group:focus-within input{
	background-color: rgba(26, 129, 246, 0.1) !important;
	color: #1a81f6;
	transition: color 0.3s ease; 
}
body.dark .sucor-select {
	border: 1px #6c6d6f solid !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* listing */
body.dark .card-listing-headline:hover{
	outline: 1px solid #1a81f6;
	border-radius: 16px;
	background-color: rgba(26, 129, 246, 0.1) !important;
}

/* sucor academy */
body.dark .category-card.active,
body.dark .category-card:hover {
	background-color: rgba(26, 129, 246, 0.1) !important;
	border-color: #1a81f6;
}
body.dark .academy-fill-bar {
	background-color: #1a81f6;
}
body.dark .custom-pagination .page-item.active .page-link {
	background: #1a81f6;
}
body.dark .custom-pagination .page-item.disabled .page-link {
	background: #222326;
}

/* karir */
body.dark .career-search {
	border: 1px solid #999 !important;
}

/* extra */
body.dark .note-card {
	background-color: #202123;
}

/* iconography */
body.dark .menu-icon {
	background-color: rgba(26, 129, 246, 0.1);
}
body.dark .sucor_ico {
	fill: #fafafa;
}
body.dark .navbar-icon {
	fill: #1a81f6;
}
body.dark .socmed-icon {
	stroke: #fafafa;
}
body.dark .tv-icon {
	fill: #fafafa;
}
body.dark .theme-icon {
	fill: #fafafa;
}
body.dark .share-soc-icon{
	fill: #FFF;
}
body.dark .burger-circle {
	fill: #202123;
}
body.dark .burger-burger {
	fill: #FAFAFA;
}
body.dark .cd-horizontal-timeline .events a.other-node::after {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3337 4L6.00033 11.3333L2.66699 8' stroke='%23D1DCFA' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.dark .cd-horizontal-timeline .events a.last-node::after {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14V11.3333M2 11.3333V3.33333C2 2.59695 2.59695 2 3.33333 2H7.66667L8.33333 2.66667H14L12 6.66667L14 10.6667H8.33333L7.66667 10H3.33333C2.59695 10 2 10.597 2 11.3333ZM8 2.33333V6' stroke='%23D1DCFA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* 
======================================================================================================================
	LIGHT 
======================================================================================================================
*/


/* home */
body.light .home-bg {
	background-image: url('/web/assets/newsucor/light/home/hero_bg.jpg');
}
body.light .hashtag-q {
	color: #174489;
	background-color: #F2F2F2;
}
body.light .quote-txt {
	color: #174489;
}

body.light .bento-item:hover {
	outline: 1px solid #174489;
}
body.light .bento-content .bento-cap {
	color: #fafafa;
}
body.light .bento-1 {
	background-image: url('/web/assets/newsucor/light/home/bento_1.png');
}
body.light .bento-2-1 {
	background-image: url('/web/assets/newsucor/light/home/bento_2_1.png');
}
body.light .bento-2-2 {
	background-image: url('/web/assets/newsucor/light/home/bento_2_2_b.png');
}
body.light .bento-3 {
	background-image: url('/web/assets/newsucor/light/home/bento_3.png');
}
body.light .bento-4-1 {
	background-image: url('/web/assets/newsucor/light/home/bento_4_1.png');
}
body.light .bento-4-2 {
	background-image: url('/web/assets/newsucor/light/home/bento_4_2.png');
}

body.light .quote-bar {
	background-image: url('/web/assets/newsucor/light/home/quote.jpg');
}

/* product */
body.light .x-timeline-bar {
	background-image: url('/web/assets/newsucor/light/product/timeline.png');
}
body.light .cd-horizontal-timeline .events a::after {
	background-color: #F2F2F2;
	border: 2px solid rgb(250, 250, 250);
}

/* boris */
body.light .see-all {
	background-color: #174489;
}

/* button */
body.light .search-highlight:focus::placeholder{
	color: #174489;
	transition: color 0.3s ease; 
}
body.light .search-highlight:focus {
	border: 1px solid #174489;
	color: #174489;
	background-color: rgba(26, 129, 246, 0.1) !important;
	transition: color 0.3s ease; 
}
body.light .karir-icon-svg{
	fill: #3b3b3b;
}
body.light .sucor-search-group{
	border: 1px solid #808080;
}
body.light .sucor-search-group:focus-within {
	border: 1px solid #174489;
}
body.light .sucor-search-group:focus-within span{
	background-color: rgba(26, 129, 246, 0.1) !important;
	color: #174489;
	transition: color 0.3s ease; 
}
body.light .sucor-search-group:focus-within input{
	background-color: rgba(26, 129, 246, 0.1) !important;
	color: #174489;
	transition: color 0.3s ease; 
}
body.light .sucor-select {
	border: 1px #a6a6a6 solid !important;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23595959' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* listing */
body.light .card-listing-headline:hover{
	outline: 1px solid #174489;
	border-radius: 16px;
	background-color: rgba(26, 129, 246, 0.1) !important;
}

/* sucor academy */
body.light .category-card.active,
body.light .category-card:hover {
	background-color: rgba(26, 129, 246, 0.1) !important;
	border-color: #174489;
}
body.light .academy-fill-bar {
	background-color: #174489;
}
body.light .custom-pagination .page-item.active .page-link {
	background: #174489;
}
body.light .custom-pagination .page-item.disabled .page-link {
	background: rgba(26, 129, 246, 0.1);
}

/* karir */
body.light .career-search {
	border: 1px solid #808080 !important;
}

/* extra */
body.light .note-card {
	background-color: #fff;
}

/* iconography */
body.light .menu-icon {
	background-color: rgba(26, 129, 246, 0.1);
}
body.light .sucor_ico {
	fill: #174489;
}
body.light .navbar-icon {
	fill: #174489;
}
body.light .socmed-icon {
	stroke: #3b3b3b;
}
body.light .tv-icon {
	fill: #3b3b3b;
}
body.light .theme-icon {
	fill: #3b3b3b;
}
body.light .share-soc-icon{
	fill: #2a2b2e;
}
body.light .burger-circle {
	fill: #F2F2F2;
}
body.light .burger-burger {
	fill: #3B3B3B;
}
body.light .cd-horizontal-timeline .events a.other-node::after {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3337 4L6.00033 11.3333L2.66699 8' stroke='rgba%2823%2C%2068%2C%20137%2C%200.4%29' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
body.light .cd-horizontal-timeline .events a.last-node::after {
	background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 14V11.3333M2 11.3333V3.33333C2 2.59695 2.59695 2 3.33333 2H7.66667L8.33333 2.66667H14L12 6.66667L14 10.6667H8.33333L7.66667 10H3.33333C2.59695 10 2 10.597 2 11.3333ZM8 2.33333V6' stroke='rgba%2823%2C%2068%2C%20137%2C%200.4%29' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}