/*UI Blog*/

.clear-left{clear:left;}
.clear-right{clear:right;}
.clear-both{clear:both;}

.blog-image.left-image,
.blog-image.right-image{
  width: 35%;
  height: auto;
  max-width: 200px;
  /*clear: both;*/
  
}

.blog-image.left-image{
  float: left;
  margin: 0rem 1rem 1rem 0rem;
}

.blog-image.right-image{
  float: right;
  margin: 0rem 0rem 1rem 1rem;
}

@media  screen and (max-width: 767px) {
  .blog-image.left-image,
  .blog-image.right-image{
	width: unset;
	height: auto;
	max-width: 90%;
	float: unset;
	 /*clear: both;*/
	display: block;
  	margin: 1rem auto;
  }
}

/*Generic Content START*/
#ui-site.genericContent .content-intro{
	margin-top: 1em;
}


#ui-site.genericContent .content-intro ul li,
#ui-site.genericContent .content-intro ol li{
	list-style-position: inside;
}

#ui-site.genericContent .rightColumn{
	margin-top: 14px;
}
/*Generic Content END*/


#ui-site .login{
	background-color:  #1a2552;
	border-bottom: 2px solid #1a2552;
}

#ui-site .login .nav-link{
	color: white;
}

#ui-site .login .nav-link:hover,
#ui-site .login .nav-link:focus{
	background-color: rgba(255, 255, 255, 0.125);
	text-decoration: underline;
}

#ui-site  .content table {
    max-width: 100%;
    overflow: auto;
}

table{}
table tr {}
table tr td {}


#ui-site .w-33{
	width: 33%;
}
#ui-site .w-66{
	width: 66%;
}


#ui-site.dashboard .content a{
	color: #161aa2!important;
}

#ui-site  .content  a{
	color: #0050e6!important;
}
#ui-site  .content  a svg{
	color: #151f48;
}

#ui-site .text-wrap{
	white-space: normal;
}

#ui-site  .card{
	color: #151f48;
}

#ui-site  .card a.learn{
	text-decoration: none;/*from UNDERLINE to NONE to kep with standards*/
	font-weight: 500;
	color: #151f48;
}


/* SONJ Carousel Override */
#ui-site .carousel.sonj .carousel-control-next-icon,
#ui-site .carousel.sonj .carousel-control-prev-icon{
	background-color: rgba(0,0,0,1);
	background-size: 50% 50%;
	border-radius: 1rem;
	border: 2px solid white;
}
#ui-site .carousel-control-next, .carousel-control-prev {
    opacity: 1;

}

#ui-site  .carousel.sonj .carousel-caption a.btn {
	white-space: normal;
}

/*XS*/
@media  screen and (max-width: 575px) {
	#ui-site .carousel.sonj .carousel-caption,
	#ui-site.carousel.sonj .carousel-caption.default,
	#ui-site .carousel.sonj .carousel-caption.left,
	#ui-site .carousel.sonj .carousel-caption.right {
		background: rgba(0, 0, 0, 0.4);
		position: relative;
		bottom: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		align-items: center;
		padding-bottom: 2rem;
		top:unset;
		transform: unset;
		box-sizing: content-box;
	}
}


/*List Icons*/
#ui-site  .icon{
	color: #151F48;
}

#ui-site .icon.custom-icon img{
	max-width: 26px;
}

#ui-site   .list-group-item.with-icon,
#ui-site   *.with-icon{
	position: relative;
	padding-left: 3.25em;
}

#ui-site   .list-group-item.with-icon .icon,
#ui-site   *.with-icon .icon{
	position: absolute;
	left: 1.25em;
	top: initial;
	transform: translatex(-50%);
}

/*Custom Accordion*/
#ui-site .accordion  .card-header .btn{
	font-weight: 500;
	color: #151f48;
}

/*
fa-chevron-circle-down
fa-chevron-circle-up
*/
#ui-site .accordion  .card-header .btn.collapsed .fa-minus-circle,
#ui-site .accordion  .card-header .btn.collapsed .fa-chevron-circle-up,
#ui-site .accordion  .card-header .btn.collapsed .fa-circle-minus,
#ui-site .accordion  .card-header .btn.collapsed .fa-circle-chevron-up{
	display: none;
}
#ui-site .accordion  .card-header .btn.collapsed .fa-plus-circle ,
#ui-site .accordion  .card-header .btn.collapsed .fa-chevron-circle-down,
#ui-site .accordion  .card-header .btn.collapsed .fa-circle-plus ,
#ui-site .accordion  .card-header .btn.collapsed .fa-circle-chevron-down {
	display: inline-block;
}
#ui-site .accordion  .card-header .btn .fa-minus-circle,
#ui-site .accordion  .card-header .btn .fa-chevron-circle-up,
#ui-site .accordion  .card-header .btn .fa-circle-minus,
#ui-site .accordion  .card-header .btn .fa-circle-chevron-up{
	display: inline-block;
}
#ui-site .accordion  .card-header .btn .fa-plus-circle ,
#ui-site .accordion  .card-header .btn .fa-chevron-circle-down,
#ui-site .accordion  .card-header .btn .fa-circle-plus ,
#ui-site .accordion  .card-header .btn .fa-circle-chevron-down {
	display: none;
}
#ui-site .accordion  .card-header .btn .fa-plus-circle,
#ui-site .accordion  .card-header .btn .fa-minus-circle,
#ui-site .accordion  .card-header .btn .fa-chevron-circle-down,
#ui-site .accordion  .card-header .btn .fa-chevron-circle-up,
#ui-site .accordion  .card-header .btn .fa-circle-plus,
#ui-site .accordion  .card-header .btn .fa-circle-minus,
#ui-site .accordion  .card-header .btn .fa-circle-chevron-down,
#ui-site .accordion  .card-header .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	color: #151f48;
}
#ui-site .accordion .card.dk-blue .card-header .btn .fa-plus-circle,
#ui-site .accordion .card.dk-blue .card-header .btn .fa-minus-circle,
#ui-site .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-down,
#ui-site .accordion .card.dk-blue .card-header .btn .fa-chevron-circle-up,
#ui-site .accordion .card.dk-blue .card-header .btn .fa-circle-plus,
#ui-site .accordion .card.dk-blue .card-header .btn .fa-circle-minus,
#ui-site .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-down,
#ui-site .accordion .card.dk-blue .card-header .btn .fa-circle-chevron-up{
	color: #fff;
}
#ui-site .accordion  .card-header .btn{
	width: 100%;
	position:relative;
}

#ui-site .accordion.custom-accordion .card,
#ui-site .accordion.custom-accordion .card-header{
	border-radius: .25rem;
	border: 0px;
}

/**updates for per section accortion**/
#ui-site .accordion-header{
	font-weight: 500;
	color: #151f48;
}
#ui-site .accordion-header  .btn.collapsed .fa-minus-circle,
#ui-site .accordion-header  .btn.collapsed .fa-chevron-circle-up,
#ui-site .accordion-header  .btn.collapsed .fa-circle-minus,
#ui-site .accordion-header  .btn.collapsed .fa-circle-chevron-up{
	display: none;
}
#ui-site .accordion-header  .btn.collapsed .fa-plus-circle ,
#ui-site .accordion-header  .btn.collapsed .fa-chevron-circle-down,
#ui-site .accordion-header  .btn.collapsed .fa-circle-plus ,
#ui-site .accordion-header  .btn.collapsed .fa-circle-chevron-down {
	display: inline-block;
}
#ui-site .accordion-header  .btn .fa-minus-circle,
#ui-site .accordion-header  .btn .fa-chevron-circle-up,
#ui-site .accordion-header  .btn .fa-circle-minus,
#ui-site .accordion-header  .btn .fa-circle-chevron-up{
	display: inline-block;
}
#ui-site .accordion-header  .btn .fa-plus-circle ,
#ui-site .accordion-header  .btn .fa-chevron-circle-down,
#ui-site .accordion-header  .btn .fa-circle-plus ,
#ui-site .accordion-header  .btn .fa-circle-chevron-down {
	display: none;
}
#ui-site .accordion-header  .btn .fa-plus-circle,
#ui-site .accordion-header  .btn .fa-minus-circle,
#ui-site .accordion-header  .btn .fa-chevron-circle-down,
#ui-site .accordion-header  .btn .fa-chevron-circle-up,
#ui-site .accordion-header  .btn .fa-circle-plus,
#ui-site .accordion-header  .btn .fa-circle-minus,
#ui-site .accordion-header  .btn .fa-circle-chevron-down,
#ui-site .accordion-header  .btn .fa-circle-chevron-up{
	position:absolute;
	right: 0px;
	top: .75em;
	color: #151f48;
}
#ui-site .accordion-header .card.dk-blue .btn .fa-plus-circle,
#ui-site .accordion-header .card.dk-blue .btn .fa-minus-circle,
#ui-site .accordion-header .card.dk-blue .btn .fa-chevron-circle-down,
#ui-site .accordion-header .card.dk-blue .btn .fa-chevron-circle-up,
#ui-site .accordion-header .card.dk-blue .btn .fa-circle-plus,
#ui-site .accordion-header .card.dk-blue .btn .fa-circle-minus,
#ui-site .accordion-header .card.dk-blue .btn .fa-circle-chevron-down,
#ui-site .accordion-header .card.dk-blue .btn .fa-circle-chevron-up{
	color: #fff;
}
#ui-site .accordion-header  .btn{
	width: 100%;
	position:relative;
}

#ui-site .accordion-header.custom-accordion .card,
#ui-site .accordion-header.custom-accordion{
	border-radius: .25rem;
	border: 0px;
}

#ui-site .accordion-header.dk-green{
	background-color: #044547;
	border: 0px;
	color: #ffffff;
}
#ui-site .accordion-header.dk-green .btn-link,
#ui-site .accordion-header.dk-green .accordion-open,
#ui-site .accordion-header.dk-green .accordion-close{
	color: #ffffff!important;
}

/*Custom Tabbed Content*/
#ui-site .custom-tabs{
	border: 0px;
}
#ui-site .custom-tabs li{
	display: flex;
	
	
}
#ui-site .custom-tabs li button{
	font-weight: 500;
	color: #151f48;
	border: 1px solid #ddd;
	background-color: transparent;
}
/*SM and lower*/
@media  screen and (max-width: 767px) {
	#ui-site .custom-tabs li{
		width: 100%;
	}
	#ui-site .custom-tabs li button{
		width: 100%;
	}
	#ui-site .custom-tabs li button br{
		/* display:none; */
	}

}
#ui-site .custom-tabs li button.active{
	background-color: #ddd;
}



#ui-site .custom-tabs li button.active .fa-plus-circle,
#ui-site .custom-tabs li button.active .fa-circle-plus{
	display: none;
	margin-left: .5em;
}
#ui-site .custom-tabs li button  .fa-plus-circle,
#ui-site .custom-tabs li button  .fa-circle-plus{
	display: inline-block;
	margin-left: .5em;
}

/*DEPT NAV*/
#ui-site .department-level,
#ui-site .labor-nav{
	background-color: #4c5870;
}

#ui-site  .department-nav .navbar-nav .nav-link,
#ui-site  .labor-nav .navbar-nav .nav-link {
    color: #fff;
}
#ui-site .department-nav .navbar-nav .nav-link.active,
#ui-site .department-nav   .show >.nav-link,
#ui-site .labor-nav .navbar-nav .nav-link.active,
#ui-site .labor-nav   .show >.nav-link{
	background: #fff;
	color: #4c5870;
}
#ui-site  .department-nav .navbar-brand,
#ui-site  .labor-nav .navbar-brand{
	max-width: 75%;
	margin-right: 0px;
	white-space: normal;
}
/*Site Name*/
#ui-site #site-name.department span.department {
    font-size: 1.375rem;
    font-weight: bold;

}
#ui-site #site-name.department h2 img {
    width: 35%;
    max-width: 550px;
}


/*Site Nav*/
#ui-site .tdi-fli-nav{
	background-color: #fff;
	border-bottom: 2px solid #1a2552;
}

#ui-site  .tdi-fli-nav   .navbar-nav .nav-link {
    color: #1a2552;
}

#ui-site .tdi-fli-nav .navbar-nav .nav-link.active,
#ui-site .tdi-fli-nav   .show >.nav-link{
	background: #1a2552;
	color: #fff;
}
#ui-site .tdi-fli-nav .dropdown-item:focus, 
#ui-site .tdi-fli-nav  .dropdown-item:hover {
	background: #1a2552;
	color: #fff;
}

#ui-site .tdi-fli-nav  ul.dropdown-menu{
	border-bottom: 8px solid #4c5870;
}

#ui-site .tdi-fli-nav  ul>li>ul>li>ul{
	list-style: none;
	padding-left: 1rem;
}

#ui-site  .tdi-fli-nav .navbar-brand{
	color: #1a2552;
	max-width: 75%;
	margin-right: 0px;
	white-space: normal;
}
#ui-site  .tdi-fli-nav .navbar-toggler {
    color: #1a2552!important;
    border-color: #1a2552!important;
    /*rgba(27, 37, 82, 1)*/
}
#ui-site  .tdi-fli-nav button .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;
	/*
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(27, 37, 82, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")!important;
	*/
}

/* Step 1: Common Properties: All required to make icons render reliably
#ui-site  .tdi-fli-nav button .navbar-toggler-icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}
 */
/* Step 2: Reference Individual Icons
#ui-site  .tdi-fli-nav button .navbar-toggler-icon::before {
	font-family: "FontAwesome";
	content: "\f0c9";
	font-size: 1.5em;
}
 */

/*Homepage Row 1 - Right Column*/

#ui-site  .card .card-body + .card-header {
	border-top: 1px solid rgba(0,0,0,.125);
}


#ui-site .card.cust-list{
	/*border-top: 10px solid #999;*/
	color: #151f48;
}
#ui-site .card.cust-list a{
	color: #151f48;
}
#ui-site  .card.cust-list .card-body > *:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/*Orange Theme*/
#ui-site .card.orange .capped{
	border-top: 9px solid #CC5B11 !important;
}

#ui-site .card.orange .booted,
#ui-site .orange.booted{
	border-bottom: 4px solid #CC5B11 !important;
}
#ui-site .card.orange .booted.thick,
#ui-site .orange.booted.thick{
	border-bottom: 13px solid #CC5B11 !important;
}

#ui-site svg.orange,
#ui-site a>svg.orange{color:#CC5B11;}
#ui-site .card .fa.orange,
#ui-site .card .fas.orange,
#ui-site .card .fab.orange,
#ui-site .card .svg-inline--fa.orange  {
	color: #CC5B11;
}

#ui-site .card.orange.muted-bkg{
	background-color: #f7ece8;
}


/*Homepage Row 2*/
#ui-site .hp-row-2 .card,
#ui-site .hp-row-2 .card a{
	color: #151f48;
}

#ui-site .hp-row-2 .card a{
	/*text-decoration: none;/*from UNDERLINE to NONE to kep with standards*/
	font-weight: 500;
}
/*BLUE THEME*/
/*#ui-site .card.blue{
	border-top: 9px solid #31688D !important;
}*/
#ui-site svg.blue,
#ui-site a>svg.blue{color:#31688D;}
#ui-site .card.blue .capped,
#ui-site .blue.capped,
#ui-site .card.blue>img.card-img-top.capped{
	border-top: 9px solid #31688D !important;
}

#ui-site .card.blue .booted,
#ui-site .blue.booted{
	border-bottom: 4px solid #31688D !important;
}
#ui-site .card.blue .booted.thick,
#ui-site .blue.booted.thick{
	border-bottom: 13px solid #31688D !important;
}

#ui-site .card.blue .card-header:not(.default){
	background-color: #31688D;
	border: 0px;
}

#ui-site .card.blue .card-header.muted,
#ui-site .card.blue .bg-color.muted,
#ui-site .blue.bg-color.muted{
	background-color: #b1d9f6;
}

/*DK-BLUE theme #1a2552*/
#ui-site svg.bk-blue,
#ui-site a>svg.bk-blue{color:#1a2552;}
#ui-site .card.dk-blue .capped,
#ui-site .dk-blue.capped,
#ui-site .card.dk-blue>img.card-img-top.capped{
	border-top: 9px solid #1a2552 !important;
}

#ui-site .card.dk-blue .booted,
#ui-site .dk-blue.booted{
	border-bottom: 4px solid #1a2552 !important;
}
#ui-site .card.dk-blue .booted.thick,
#ui-site .dk-blue.booted.thick{
	border-bottom: 13px solid #1a2552 !important;
}

#ui-site .card.dk-blue .card-header{
	/*background-color: #1a2552;*/
	border: 0px;
}

#ui-site .card.dk-blue .card-header.muted,
#ui-site .card.dk-blue .bg-color.muted,
#ui-site .dk-blue.bg-color.muted{
	/*background-color: #b1d9f6;*/
}

#ui-site .card.hero.dk-blue > .card-header{
	background-color: #1a2552;
	color: #fff;
}

#ui-site .tab-pane .card.dk-blue > .card-header,
#ui-site .tab-pane .card.dk-blue > .card-header button,
#ui-site .tab-pane .card.dk-blue > .card-header button .fa-plus-circle, 
#ui-site .tab-pane .card.dk-blue > .card-header button .fa-minus-circle,
#ui-site .tab-pane .card.dk-blue > .card-header button .fa-circle-plus, 
#ui-site .tab-pane .card.dk-blue > .card-header button .fa-circle-minus{
	background-color: #1a2552;
	color: #fff;
}


/*YELLOW THEME*/
/*#ui-site .card.yellow{
	border-top: 9px solid #C99232 !important;
}*/
#ui-site svg.yellow,
#ui-site a>svg.yellow{color:#C99232;}
#ui-site .card.yellow .capped,
#ui-site .card.yellow>img.card-img-top.capped{
	border-top: 9px solid #C99232 !important;
}
#ui-site .card.yellow .booted,
#ui-site .yellow.booted{
	border-bottom: 4px solid #C99232 !important;
}
#ui-site .card.yellow .booted.thick,
#ui-site .yellow.booted.thick{
	border-bottom: 13px solid #C99232 !important;
}

#ui-site .card.yellow .card-header:not(.default){
	background-color: #C99232;
	border: 0px;
}
#ui-site .card.yellow .card-header.muted{
	background-color: #f5de98;
}
/*GREEN THEME*/
#ui-site svg.green,
#ui-site a>svg.green{color:#207612;}
#ui-site .card.green .capped,
#ui-site .card.green>img.card-img-top.capped{
	border-top: 9px solid #207612 !important;
}

#ui-site .card.green .booted,
#ui-site .green.booted{
	border-bottom: 4px solid #207612 !important;
}
#ui-site .card.green .booted.thick,
#ui-site .green.booted.thick{
	border-bottom: 13px solid #207612 !important;
}

/*
#ui-site .card.green{
	border-top: 9px solid #207612 !important;
}
*/

#ui-site .card.green .card-header{
	/*background-color: #207612;*/
	border: 0px;
}
#ui-site .card.green .card-header.muted,
#ui-site .card.green .muted,
#ui-site .green.muted{
	background-color: #c5eae3;
}

/*DK-GREEN THEME*/
#ui-site svg.dk-green,
#ui-site a>svg.dk-green{color:#044547;}
#ui-site .card.dk-green .capped,
#ui-site .dk-green.capped,
#ui-site .card.dk-green>img.card-img-top.capped{
	border-top: 9px solid #044547 !important;
}

#ui-site .card.dk-green .booted,
#ui-site .dk-green.booted{
	border-bottom: 4px solid #044547 !important;
}
#ui-site .card.dk-green .booted.thick,
#ui-site .dk-green.booted.thick{
	border-bottom: 13px solid #044547 !important;
}


#ui-site .card.dk-green .card-header{
	background-color: #044547;
	border: 0px;
}
#ui-site .accordion .card.dk-green .card-header .btn,
#ui-site .accordion .card.dk-green .card-header .btn svg{
	color: white;
}

#ui-site .card.dk-green .card-header.muted,
#ui-site .card.dk-green .bg-color.muted,
#ui-site .dk-green.bg-color.muted{
	background-color: #799c9d;
}

/*GREY / GRAY THEME*/
/*#ui-site .card.grey,
#ui-site .card.gray{
	border-top: 9px solid #969fa4 !important;
}*/
#ui-site svg.gray,
#ui-site a>svg.gray{color:#969fa4;}
#ui-site .card.grey .capped,
#ui-site .card.gray .capped,
#ui-site .grey.capped,
#ui-site .gray.capped,
#ui-site .card.grey>img.card-img-top.capped,
#ui-site .card.gray>img.card-img-top.capped{
	border-top: 9px solid #969fa4 !important;
}

#ui-site .card.grey .booted,
#ui-site .card.gray .booted,
#ui-site .grey.booted,
#ui-site .gray.booted{
	border-bottom: 4px solid #969fa4 !important;
}

#ui-site .card.gray .booted.thick,
#ui-site .gray.booted.thick{
	border-bottom: 13px solid #969fa4 !important;
}

#ui-site .card.grey .card-header,
#ui-site .card.gray .card-header{
	background-color: #969fa4;
	border: 0px;
}

#ui-site .card.grey .card-header.muted,
#ui-site .card.grey .bg-color.muted,
#ui-site .grey.bg-color.muted,
#ui-site .card.gray .card-header.muted,
#ui-site .card.gray .bg-color.muted,
#ui-site .gray.bg-color.muted{
	background-color: #dee7ec;
}
.pagination.gray .page-link {
	background-color: #dee7ec;
}
.pagination.gray .page-link:hover {
	background-color: #fff;
}


#ui-site .card.NoCap .capped,
#ui-site .card.NoCap>.capped{
	border-top: 0px solid transparent !important;
}


/*Homepage Row 3*/
#ui-site .hp-row-3 .card,
#ui-site .hp-row-3 .card a{
	color: #151f48;
}

#ui-site .hp-row-3 .card a{
	text-decoration: none;/*from UNDERLINE to NONE to kep with standards*/
	font-weight: 500;
}

/*Landing page*/
#ui-site .card.hero .card-header{
	font-size: 2rem;
	line-height: 1.75rem;
	padding-top: 1.25rem;
}
#ui-site .card.hero .card-header .sub{
	font-size: 1rem;
}
#ui-site .slick-prev::before,
#ui-site .slick-next::before {
	color: #000;
	text-shadow: 0px 0px 4px #fff;
	background-color: #fff;
	border-radius: 1em;
	padding: 2px 1px 0px 1px;
	opacity: 1;
}
#ui-site .slick-prev {
    left: 5px;
    z-index: 200;
}
#ui-site .slick-next {
    right: 5px;
    z-index: 200;
}

#ui-site .slick-slide .card,
#ui-site .slick-slide .card a{
	color: #151f48;
}

#ui-site .slick-slide .card a{
	text-decoration: none;/*from UNDERLINE to NONE to kep with standards*/
	font-weight: 500;
}
#ui-site .slick-slide .card{
	position: relative;
}
#ui-site .slick-slide .card .index-tag{
	position: absolute;
	top: .5rem;
	right: 1rem;
	font-size: 1rem;
	background-color: rgba(255,255,255,.5);
	border-radius: .5rem;
	padding: .25rem 1rem;
	font-weight: 500;
}

/*Footer*/
#ui-site footer.site,
.footer.site-footer {
    background: #4c5870;
}


/*Modal Message*/

.modal.customModal .modal-header , .modal.customModal .modal-footer {
	background-color: rgba(0,0,0,.03);
}

.modal.customModal .modal-header.orange.capped {
    border-top: 9px solid #f87048 !important;
}

.modal.customModal .modal-header.blue.capped {
    border-top: 9px solid #7bbcea !important;
}


.modal.customModal .modal-header.yellow.capped {
    border-top: 9px solid #f5ca47 !important;
}

.modal.customModal .modal-header.green.capped {
    border-top: 9px solid #43b5a7 !important;
}

.modal.customModal .modal-header.gray.capped {
    border-top: 9px solid #969fa4  !important;
}

.modal.customModal .modal-header.dk-blue.capped {
    border-top: 9px solid #1a2552  !important;
}



/*Step-by-step*/
/*#192652*/

#ui-site  .step-by-step .step-title{
	color: #192652;
}
#ui-site .step-by-step.step-row{
	background-color:#f1eff0;
}

#ui-site .step-by-step .card,
#ui-site .step-by-step .card a{
	color: #151f48;
}

#ui-site .step-by-step .card a{
	text-decoration: none;/*from UNDERLINE to NONE to kep with standards*/
	font-weight: 500;
}
#ui-site .step-by-step .card,
#ui-site .step-by-step .img-wrapper{
	position: relative;
}
#ui-site .step-by-step .card .index-tag{
position: absolute;
top: .5rem;
left: 1.5rem;
font-size: 1rem;
background-color: rgba(255,255,255,.95);
border-radius: .5rem;
padding: .25rem .5rem;
font-weight: bold;
border-color: #888;
border-width: 1px;
border-style: solid;
}

#ui-site .step-by-step.step-row .img-wrapper .index-tag{
position: absolute;
top: .5rem;
left: .5rem;
font-size: 1rem;
background-color: rgba(255,255,255,.95);
border-radius: .5rem;
padding: .25rem .5rem;
font-weight: bold;
border-color: #888;
border-width: 1px;
border-style: solid;
}