.wi_hidden {
	display: none;
}

a, a:visited, a:hover, a:active {
  color: inherit;
}

body:has(.fixed-top) {
	/* This is to work with navbar fixed-top */
	margin-top: 120px;
}
/*
@media (max-width: 767px) {
	
	body:has(.fixed-top) {
		margin-top: 200px;
	}
	
}
@media (max-width: 481px) {
	
	body:has(.fixed-top) {
		margin-top: 240px;
	}
	
}
*/


.wi_navigation_component {
	border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #dee2e6;
    border-width: thin;
	width: 100%;
}

.wi_body_index .wi_navigation_component {
	border-style: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #dee2e6;
    border-width: thin;
}


.wi_text-primary {
	/*color: rgb(13, 89, 204) !important;*/
	color: rgb(0 60 111) !important;
}



.wi_customButtonCarrousel {
	background-color: #75a542;
	border-width: 0;
}

.wi_customButtonCarrousel:hover {
	background-color: #2971f4;
	border-width: 0;
}

.wi_customButton:hover {
	background-color: #75a542;
	border-width: 0;
}


.wi_carouselcaptiontitle {
	font-weight: bold;
	font-size: xxx-large;

}

.wi_carouselimage {
	background-position: center;
	background-size: cover;
}

.carousel-caption {
	position: revert !important;
	color: #ffffff;
	
}

.carousel-caption {
	text-shadow: 5px 5px 4px #575757;
	
}

.wi_index .wi_pagetitlediv {
	padding-top: 10px;
	
	margin-top:30px;
	margin-bottom:30px;
	text-align:center;
	
	/* parenthesis - border effect on the sides */
	border-style: solid;
    border-width: thick;
	/* center contents */
	/* done with the row justify-content-center and col-md-10
    margin-left: auto;
    margin-right: auto;
	*/
    margin-left: 30px;
    margin-right: 30px;
    border-top: none;
    border-bottom: none;
    border-radius: 10px;
    border-color: #003c6f;
	
	/* This one makes the text look weird (a couple of words left in the sentence in the line below on each line)
	max-width: 960px;
	*/
}

.wi_index .wi_pagetitlediv .blockquote {
margin: 40px;
}

.wi_horizontal_line {
	height:1px;
	background-color: lightgray;
	margin-top: 20px;
	margin-bottom:20px;
	
	width: 80%;	
	/* below margins "center" the line */
	margin-left: auto;
    margin-right: auto;
}

.wi_groupcontainer {
	padding-top: 30px;
	padding-bottom:30px;
}

.wi_groupcontainer > :first-child {
	padding-top: 30px;

}

.wi_feature_container {
	margin-top: 30px;
}
.wi_feature_container .wi_feature_title {
	text-align: center;
}
.wi_feature_container .wi_sideimage {
	max-width: 200px;
	border-color: white;
}

.wi_feature_container a .wi_sideimage:hover {

border-style: solid;
    border-radius: 20px;
    border-width: 1px;
    border-color: #75b798;
    background-color: aliceblue;

	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	
	-webkit-transition: border-color 1000ms linear;
    -ms-transition: border-color 1000ms linear;
    transition: border-color 1000ms linear;
}

.wi_index .carousel-caption {
	color: #003c6f;
	text-shadow: none;
}
.wi_your_data .carousel-caption {
	color: #003c6f;
	text-shadow: none;
}

/* does not look good in modalviewer.html
.carousel-indicators {
	border-bottom: 1px solid #bbb;
}
*/

.carousel-control-next,
.carousel-control-prev /*, .carousel-indicators */ {
   /* filter: invert(100%);
   */
}

.wi_featuresfooter {
	background-color: #003b6d;
}


/* Contact us top shows on small screens and bottom on big ones */
.wi_contactusdiv_top {
	display:none;
}	
.wi_contactusdiv_bottom {
	display:block;
}	

.wi_integrations_icon_divs div {
	border-style: solid;
    border-radius: 10px;
    border-width: thin;
    border-color: lightslategray;
	
	margin: 6px;
    padding: 6px;
    max-width: 200px;
}

/* These styles apply to the largest screens */
@media (min-width: 1001px) {
	
	/*
	
	These break the modalviewer.html
	
	.carousel {
		
		max-height: 400px; 
	}

	.carousel-inner {
		max-height: 400px;
	}

	.carousel-item {
		max-height: 400px;
	}

*/


	.carousel-caption {
		margin-top: 60px;
		/*margin-bottom: 120px;*/
		margin-left: 120px;
		margin-right: 120px;
		padding: 20px;
	}

	

	.carousel-caption p { 
		margin-left:20px;
		margin-right: 20px;
	}


	.wi_sqlserverimage {
		max-width: 400px;	
	}

	.wi_iccologoimage {
		max-width: 300px;	
	}



	.wi_container-for-features {
		width: 70%;
	}
}

/* These styles apply to the medium screens */
@media (max-width: 1000px) {
	.wi_carouselcaptiontitle {
		font-size: xx-large;
	}

/*
	.carousel {
		max-height: 600px;
	}

	.carousel-inner {
		max-height: 600px;
	}

	.carousel-item {
		max-height: 600px;
	}
	*/

	.carousel-caption {
		margin: 90px
	}

.carousel-caption p { 
	margin-left:unset;
	margin-right:unset;
}

	.wi_container-for-features {
		width: 70%;
	}

}

/* END OF: These styles apply to the medium screens */

@media (max-width: 700px) {
	/* Contact us top shows on small screens and bottom on big ones */
	.wi_index_main .wi_contactusdiv_top {
		display:block;
	}	
	.wi_index_main .wi_contactusdiv_bottom {
		display:none;
	}	


}


/* These styles apply to the small screens */


@media (max-width: 500px) {

	/* Contact us top shows on small screens and bottom on big ones 
	For attorneys and other microsites, there are fewer buttons so we can go a bit smaller until we flip the contact us
	*/
	.wi_contactusdiv_top {
		display:block;
	}	
	.wi_contactusdiv_bottom {
		display:none;
	}		
	
	
	.wi_contactusdiv {
		/* this prevents it from appearing on the top and then moving down to the next row when expanding */
		min-width: 180px;
		max-width: 180px;
	}
	
	.wi_carouselcaptiontitle {
		font-size: medium;
	}

/*

	.carousel {
		max-height: 800px;
	}

	.carousel-inner {
		max-height: 800px;
	}

	.carousel-item {
		max-height: 800px;
	}
*/
	.carousel-caption {
		margin: 60px
	}

	/* About us text looks better justified when the screen is very small */
	.wi_custom_aboutustextcol {
		text-align: justify;
	}

	.wi_container-for-features {
		width: 100%;
	}

	/* Hide the navbar separator when the screen gets too small on the main site since it has so many button */
	.wi_navbar_nav .wi_nav_item:has(.wi_navbar_separator) {
		display:none;
	}
	
	/* Hide the law icon on the For Attorneys when the screen is small since the separator is disappearing */
	.wi_navbar_forattorneys i {
		display: none;
	}
	
	/* hide brackets (border) on page title */
	.wi_index .wi_pagetitlediv {
		border-style: none;
	}

	

}

/* END OF: These styles apply to the small screens */

/* These styles apply to the smallest screens */
@media (max-width: 350px) {
	.wi_carouselcaptiontitle {
		font-size: small;
	}

/*
	.carousel {
		max-height: 1000px;
	}

	.carousel-inner {
		max-height: 1000px;
	}

	.carousel-item {
		max-height: 1000px;
	}
*/
	.carousel-caption {
		margin: 50px
	}

	/* About us text looks better justified when the screen is very small */
	.wi_custom_aboutustextcol {
		text-align: justify;
	}

	.wi_container-for-features {
		width: 100%;
	}

}

/* END OF: These styles apply to the smallest screens */

/* For creditsoft, we don't use these brute color switches
.card:hover {
	background-color: #2971f4;
	color: #ffffff;
}
 */

.card-title-emphasis {
	font-size: 60px;
}

/* Styles for index.htm */
.wi_index .customButtonCarrouselContact:hover {
	background-color: #2971f4;
	border: 0;
}
.wi_your_data .customButtonCarrouselContact:hover {
	background-color: #2971f4;
	border: 0;
}

.wi_index .card {
	border-width: 0;
}

.wi_featurecard {
	/*display: none;*/
	max-height: 180px;
	/*visibility: hidden;*/
	transition: max-height 0.5s ease-in-out, height 0.5s ease-in-out;
	color: #003b6d !important;
	border-style: solid;
    border-width: thin !important;
}

.wi_featurecard:hover {
	/*display: block;*/
	/*visibility: visible;*/
	max-height: 800px;
	height: 400px;
	transition: max-height 0.5s ease-in-out, height 0.5s ease-in-out;
	background-color: #dff2f5;
}

.wi_featurecard .wi_featurecardtext {
	/*display: none;*/
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s ease-in-out, opacity 0s ease-in-out;

}

.wi_featurecard:hover .wi_featurecardtext {
	/*display: block;*/
	/*display: none;*/
	visibility: visible;
	opacity: 1;
	transition-delay: 1s;
	transition: visibility 0.5s ease-in-out, opacity 0.5s ease-in-out;
	color: #003b6d !important;
}

/* Styles for testimonial box */
.wi_index .wi_rectangle {
	border: 2px solid gainsboro;
	position: relative;
	min-width: 300px;
	margin-bottom: 20px;
}

.wi_index .triangle {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid gainsboro;
	position: absolute;
	bottom: -10px;
	left: 20px;
}

.wi_index .triangle2 {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid white;
	position: absolute;
	bottom: -7px;
	left: 20px;
}

.wi_blockquote_smallfont {
	font-size: small;
	font-weight: 500;
}

.wi_importantstats {
	min-width: 250px;
}

.wi_importantstats_smallerfont .wi_individualimportantinfo h1 {
	font-size: xxx-large;
}

.wi_importantinfoparentdiv {
	background-image: linear-gradient(to right, #005596, #17284b);
}

.wi_onesolutionparentdiv {
	background-image: linear-gradient(to right, #005596, #17284b);
	padding-bottom: 20px;
}

.wi_blogcard {
	max-width: 300px;
	background-color: white;
	padding: 0px;
	margin: 20px;
}

.wi_blogcardimageborder {
	border-radius: 7px 7px 0px 0px;
}

.wi_roundborder {
	border-radius: 7px;
}

.wi_cardbody {
	margin: 20px;
}

.wi_cardbody h5 {
	margin-bottom: 10px;
}

.wi_latestnews {
	padding-bottom: 30px;
}

.wi_featurecard {
	width: 20rem;
	text-decoration: none;
}

.wi_featurecardtext {
	margin: 10px;
}

/* Styles for the Features Pages */

/* 1 carousel Image on Home: Clouds blue sky */
.wi_carouselimage1 {
	background-image: url("https://picsum.photos/id/53/1600/600");
}

.wi_index .wi_carouselimage1 {
	/*background-image: url("https://picsum.photos/id/53/1600/600");
	*/
	background-image: none;
}



/* 2 carousel Image on Home: Finger in Screen */
.wi_carouselimage2 {
	background-image: url("https://picsum.photos/id/341/1600/600");
	background-position: right;
	
	/* This image looks better with right */
}
.wi_index .wi_carouselimage2 {
	/*background-image: url("https://picsum.photos/id/341/1600/600");
	background-position: right;
	*/
	/* This image looks better with right */
	background-image: none;
}
.wi_your_data .wi_carouselimage2 {
	/*background-image: url("https://picsum.photos/id/341/1600/600");
	background-position: right;
	*/
	/* This image looks better with right */
	background-image: none;
}

/* 3 carousel Image on Home: Man Writing with Watch */
.wi_carouselimage3 {
	background-image: url("https://picsum.photos/id/4/1600/600");
	
}
.wi_index .wi_carouselimage3 {
	/*background-image: url("https://picsum.photos/id/4/1600/600");
	*/
	background-image: none;
}

/* 4 carousel Image on Home: Man and woman writing in notebook blur */
.wi_carouselimage4 {
	background-image: url("https://picsum.photos/id/7/1600/600?blur=7");
}

/* 5 carousel Image on Home: Man writing in notebook blur */
.wi_carouselimage5 {
	background-image: url("https://picsum.photos/id/4/1600/600?blur=7");
}

/* 6 carousel Image on Home: glasses on top of a computer blur */
.wi_carouselimage6 {
	background-image: url("https://picsum.photos/id/201/1600/600?blur=7");
}

/* 7 carousel Image on Home: Back of the computer blur */
.wi_carouselimage7 {
	background-image: url("https://picsum.photos/id/48/1600/600?blur=7");
}

/* 8 carousel Image on Home: Tablet with a document blur  */
.wi_carouselimage8 {
	background-image: url("https://picsum.photos/id/367/1600/600?blur=7");
}

/* 9 carousel Image on Home: Man writing on a computer blur */
.wi_carouselimage9 {
	background-image: url("https://picsum.photos/id/1/1600/600?blur=7");
}

/* 10 carousel Image on Home: Man looking at a phone, with computer in the background blur */
.wi_carouselimage10 {
	background-image: url("https://picsum.photos/id/3/1600/600?blur=7");
}

/* 11 carousel Image on Home: Man writing on a computer with the cellphone by his side blur  */
.wi_carouselimage11 {
	background-image: url("https://picsum.photos/id/5/1600/600?blur=7");
}

/* 12 carousel Image on Home: a lot of Locks with blur  */
.wi_carouselimage12 {
	background-image: url("https://picsum.photos/id/336/1600/600?blur=7");
}

/* 13 carousel Image on Home: Computer opened with blur */
.wi_carouselimage13 {
	background-image: url("https://picsum.photos/id/2/1600/600?blur=7");
}

/* 14 carousel Image on Home: Clocks with blur */
.wi_carouselimage14 {
	background-image: url("https://picsum.photos/id/175/1600/600?blur=7");
}

/* 15 carousel Image on Home: interesting pattern*/
.wi_carouselimage15 {
	background-image: url("https://picsum.photos/id/618/1600/600?blur=1");
}

/* 16 carousel Image on Home: Clouds blue sky */
.wi_carouselimage16 {
	background-image: url("https://picsum.photos/id/114/1600/600");
}

/* 17 carousel Image on Home: Cloud Logos*/
.wi_carouselimage17 {
	background-image: url(../../../Images/Cloud_Logos.svg);
}

/* 18 carousel Image on Home: Cloud Logos*/
.wi_carouselimage18 {
	background-image: url(../../../Images/Cloud_Logos.svg);
}


/* Carousel Blog: Computer with a weird Head in the screen with blur*/
.wi_carouselimage19 {
	background-image: url("https://picsum.photos/id/370/1600/600?blur=3");
}

/* Carousel Blog:  */
.wi_carouselimage20 {
	background-image: url("https://picsum.photos/id/370/1600/600?blur=3");
}

/* Carousel Blog: Opened notebook with a phone on top and an opened computer with blur*/
.wi_carouselimage21 {
	background-image: url("https://picsum.photos/id/20/1600/600?blur=2");
}

/* Carousel Blog: Computer and Notebook with blur*/
.wi_carouselimage22 {
	background-image: url("https://picsum.photos/id/668/1600/600?blur=2");
}



/* not all have the wi_bulletpoints class */
ul {
	margin-left: 30px;
}

.wi_bulletpoints {
	text-align: left;
	margin-left: 30px;
}
.wi_bulletpoints li {
	padding:4px;
   border-color: white;

}

.wi_bulletpoints li:hover:has(a) {
border-style: solid;
    border-radius: 10px;
    border-width: 1px;
    padding: 5px;
    background-color: aliceblue;
    border-color: #003c6f; /* dark blue*/
    padding-left: 10px;
	
	-webkit-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
	
	-webkit-transition: border-color 1000ms linear;
    -ms-transition: border-color 1000ms linear;
    transition: border-color 1000ms linear;


}
.wi_bulletpoints li:hover::marker {
 /*font-size: 20px;*/
  color: cornflowerblue;
  
  	
}

.wi_bulletpoints li i {
	/* add a little space around the icon like the video icon */
	padding-left:5px;
	padding-right:5px;
   

}
.wi_bulletpoints li a {
	text-decoration: none;
	
}



blockquote i.fa-solid {
	padding-right: 20px;
	margin-right: 10px;
	margin-left: 10px;
	font-size: x-large;
}

a i.fa-solid {
}

.wi_carouselbottombutton {
	text-align: center;
	margin-bottom: 20px;
}

.wi_takingshadowoff {
	text-shadow: none !important;
}

.wi_listgroupitem {
	margin-bottom: 10px;
	padding: 30px;
}

.wi_findoutmore i {
	/* add a little space around the icon like the video icon */
	padding-left:10px;
	padding-right:5px;
   

}


.wi_heading4div {
	text-align: center;
	background-color: aliceblue;
	border-radius: 10px;
	padding: 10px;
	margin: 20px;
}

.wi_containerwithsideimage {
	padding:30px;
	max-width:1200px;
}
.wi_containerwithsideimage .row .col-md:has(img) {
	text-align: center;
}

.wi_sideimage {
	/* Prevent some images from growing a lot when seen in a small device (like the SQL Server image) */
	max-height: 500px;
}

.wi_center {
	text-align: center;
}
.wi_findoutmore {
	color: white !important; /* we don't want to inherit because the parent text might be gray */
}

.wi_centerimagediv {
	text-align:center;
}

.wi_bulletpointsinfeatures {
	padding-left: 40px;
    padding-top: 10px;
}


.wi_personalphotodiv .image {
	max-width: 20rem; max-height: 70rem;
}

.wi_custom_teampersonalpictures {
	padding-top: 20px;
    padding-bottom: 20px;
}

colgroup col.wi_colspansuccess {
	background-color: green !important;
}

/* This is the For Attorneys on the navbar in the attorney microsite */
.wi_navbar_forattorneys {
	display:none;
}
.wi_site_attorneys .wi_navbar_forattorneys {
	display:block;
	padding: 14px; /* This centers it vertically better than the margin top/bottom auto*/
    font-size: larger;
}
.wi_site_attorneys .wi_nav_item_legal {
	display: none;
}
.wi_site_attorneys .wi_nav_item_educational {
	display: none;
}
.wi_site_attorneys .wi_nav_item_medical {
	display: none;
}
.wi_site_attorneys .wi_nav_item_service {
	display: none;
}

.wi_navbar_forattorneys i {
	padding-right: 20px;
    font-size: x-large;
    background-color: transparent;
	color: #003c6f !important /* #66a944 green*/;
	text-align: center;
}



/* this is the container only for the icons of the navbar */
.wi_navbar_nav {
padding-top: 7px;
}

.wi_navbar_outerdiv {
	/* Needed when the navbar is two rows when shrinking the screen */
	padding-bottom: 10px;
}

/* This is the Contact Us button*/
.wi_navbar_outerdiv .btn.wi_custombutton {
	background-color: #003c6f /*dark blue*/;
    color: white;
	height:52px; /* to match the navbar icons */
}
.wi_navbar_outerdiv .btn.wi_custombutton {
	color: white !important;
	    font-size: large;
max-width: fit-content;		
}

.wi_navbar_outerdiv .btn.wi_custombutton i {
	/* used only on hover when showing the text
		margin-left: 20px;
	*/
    font-size: xx-large;
}
	
/* hover effect on Contact Us */
.wi_navbar_outerdiv .btn.wi_custombutton:hover i {
	margin-left: 20px;    
}
.wi_navbar_outerdiv .btn.wi_custombutton .wi_text_inside_button {
	display:none;
}
.wi_navbar_outerdiv .btn.wi_custombutton:hover .wi_text_inside_button {
	display:block;
}
.wi_navbar_outerdiv .btn.wi_custombutton:hover .wi_text_inside_button {
	display:block;
}


.wi_custom_comparisontablediv table tbody tr td:nth-of-type(2) {
    background-color: #e8ffdc9c;
}
/*#003c6f dark blue*/
/* #66a944 green*/

.wi_navbar_overlayfeaturelist {
	text-align: left;
	margin: 5px;
	/* Unfortunately we need to set a fixed width so the bolding of the text on hover doesn't push make the box grow and shrink as you hover over the longest feature text */
	width: 250px;
}
.wi_navbar_overlayfeaturelist div a {
	color: #003c6f !important;
	text-decoration: none;
}
.wi_navbar_overlayfeaturelist div:hover {
	font-weight: bold;	
	/*
	overflow:hidden;
	background-color: lightgray;
	*/
}
.wi_navbar_overlayfeaturetitle {
	text-align: left;
	font-size: x-large;
	margin-bottom:5px;
}


.wi_navbar_icon i {
	font-size: x-large;
    color: #003c6f !important /* #66a944 green*/;
	background-color: white;
    border-radius: 10px;
	width: 48px;
	text-align: center;
    margin: 5px;
	
	/* new navbar that uses div */
	height: 48px;
    padding-top: 10px;
	display: block;
}


/* Overlay text is visible ONLY on hover or when clicking (on touch devices), so specify the colors as if this was visible (hovered on) */
.wi_navbar_icon_overlaytext {
	font-size: medium;
	background-color: white;
    border-radius: 10px;
	border-top-left-radius: 0px;
    padding: 10px;
    /*margin-top: 15px;*/
	margin-left: 5px;
    /* This margin offsets it so the borders line up. If you comment it out it moves to the middle
		margin-left: -8px;
	*/
	/* hover color */
	color: #003c6f !important /* #66a944 green*/;
	border-style: solid;
	border-width: thin;

}
.wi_navbar_icon:hover .nav-link {
	/* This code below is used to merge the background borders with the overlay text.
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	*/
	background-color: white  /*#003c6f dark blue*/;	
	color: #003c6f !important;
	
}
.wi_navbar_icon:hover .wi_nav_link {
	/* This code below is used to merge the background borders with the overlay text.
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	*/
	background-color: white  /*#003c6f dark blue*/;	
	color: #003c6f !important;
	
}

.wi_navbar_separator {

	width: 1px;
    background-color: darkslategray;
    height: 50px;
    /* padding: 10px; */
    margin: 10px;
    margin-top: 7px;
}


/* Hover effect on navbar icons 
Floats and hides content with height and overflow
*/
.wi_navbar_div_grow {
  float: left;
  overflow: hidden;
  position: relative;

  height: 49px;
  width: 49px;

  transition: height 0.5s;
  -webkit-transition: height 0.5s;

	z-index:0;
  /*
  padding: 5px 5px 5px 5px;
	border-radius: 10px;
  margin: 5px 1% 5px 1%;
  text-align: center;
    */

}
.wi_navbar_icon_grow {
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1; 
	width:100%; 
	background:#FFF; 
	/*
	border:1px solid #999; 
	border-top:0;
	*/
}
/* On hover we make the overflow visible and give the icon to show a higher z index
*/
.wi_navbar_div_grow:hover {
  /*
  height: 145px;
 */
  overflow:visible;

}
.wi_navbar_div_grow:hover .wi_navbar_icon_grow {
	z-index:200;
	}
	/* A different approach. Here we hide the description and show it on hover
*/

.wi_navbar_icon_overlaytext {
	display:none;
	position: absolute;
    /* float: none; */
    top: auto;
    left: auto;	
	z-index:2;
}
.nav-item:hover .wi_navbar_icon_overlaytext {
	display:block;
}
.wi_nav_item:hover .wi_navbar_icon_overlaytext {
	display:block;
}

.wi_brand {
	/* This was not aligning it exactly right because the image itself is not centered
	margin-top: auto;
    margin-bottom: auto;
	*/
	
	margin-top: 10px;
	
	min-width:154px;
}

.wi_brand img {
	height: 50px;
}

.wi_contactusdiv {
	margin-top: auto;
    margin-bottom: auto;
	min-width: 160px;
}
.wi_contactusdiv a {
	
}
.wi_contactusdiv .btn {
	margin:10px;
}



.wi_featuredetailimage {
	max-width: 800px;
}

/* This is the image on the top of some feature pages like TaskPerfectGeminiAI */
.wi_topfeatureimage {
	margin-top: -40px;
    height: 140px;
    color: white;
    text-shadow: 5px 5px 7px black;
    text-align: center;
    padding-top: 20px;
}

/* Content only for attorneys */
.wi_content_attorneys {
	display: none;
}
.wi_site_attorneys .wi_content_attorneys {
	display: block;
}
.wi_site_attorneys .wi_content_generic {
	display: none;
}


.wi_navigation_component + div h3:first-child {
	padding-top:10px;
}

/* ========================================== */
/* RULES MOVED FROM ORIGINAL STYLESHEET */
/* ========================================== */

/* Carousel styles from original stylesheet */
.carousel-item.active {
  display: inline-block !important;
}

.carousel-item {
  width: initial !important;
}

.carousel-item img {
  max-height: none !important;
  /*width: initial !important;*/
  /*max-width: 800px !important;*/
}

.wi_logodiv {
  margin-left: 10px;
}


.wi_body_customercare .wi_customercare_btn {
	display:none; /* no need to show customer care button on the customer care page */
}

.wi_customercare_btn {
	border-style: none;
    border-color: black;
    color: white !important;
    background-color: #123781;
	
	border-radius: 12px;
    padding: 12px;
    margin: 8px;
	text-decoration: none;
}

.card-header {
  background-color: transparent;
  border-bottom: none;
  padding: 5px;
  height: 50px;
  border-radius: 5px;
}

.wi_close_modal {
  text-align: center;
  width: 30%;
margin: auto;
  margin-bottom: 20px;
}

.card {
  border: none;
	/* moved from orig style sheet */
	/*border: none;*/
	 color: #00216c;
}

.btn {
  width: 100%;
  text-align: left;
  color: #00216c;
  /*
  color: black;
  */
  
}

.btn-link {
  color: white;
  font-size: 20px;
}

.col {
  align-self: center;
}

.CS_subHeading {
  margin-top: 10px;
}

.CS_logo {
  width: 25px;
  height: 25px;
float: left;
  margin-right: 10px;
}

.CS_pageBorder {
  border-top: solid;
  padding-top: 25px;
  margin: 0px;
}

.CS_fingerLogo {
  width: 175px;
  float: right;
  padding: 10px;
}

.CS_layoutPhoto {
  height: 500px;
  width: 600px;
  margin: 0px;
  padding: 50px;
  align-content: center;
}

.CS_cardDesc {
  margin-left: 10px;
}

.carousel-inner {
  /*width: 100%;*/
  /*max-height: 800px;*/
}

.wi_carousel_control {
  background-image: none !important;
  background-repeat: no-repeat !important;
}

.wi_carousel_button {
  background-color: dimgray;
  border-radius: 30px;
  /*border-width: 10px;*/
  text-align: center;
  width: 30px !important;
  height: 30px;
  /*align-items: center;*/
  padding-top: 4px;
}

.wi_carousel_button_left {
  padding-right: 3px;
}

html {
  min-height: 100%;
  height: 100%;
}

body {
  /*min-height: 101%;*/
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  /*font-size: 11px;*/
  min-height: 100%;
  height: 100%;
  color: #00216c; /* slightly darker than original*/
	/* moved from orig style sheet */
	/*min-height: 100%;*/
	/*height: 100%;*/
	/*color: #123781;*/
}

a {
	text-decoration: none;
	/* too brute
	color: firebrick;

	*/
}


	/* for creditsoft we use a more subtle approach */
	.industry-card a:hover {
		text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	/* too brute 
		
		color: #C21206;
		*/
}


a:hover:has(.wi_button) {
	
 /* if the anchor has a button inside then dont underline */
	text-decoration: none;

}


.hand {
  cursor: hand;
}

.border-grey {
  border: 1px solid #999999;
}

.wi_nopadding {
  padding-left: 0;
  padding-right: 0;
}

.wi_containerfullheight {
  min-height: 100%;
}

.wi_emphasissection {
  background-color: cornsilk;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.wi_emphasissectionheaderrow {
  margin-bottom: 10px;
  /*padding-top: 10px;*/
  /*padding-bottom: 10px;*/
  /*padding-left: 10px;*/
  padding: 10px;
  border-bottom: solid 1px;
  border-bottom-color: darkgoldenrod;
}

.wi_footer {
	/*
  position: absolute;
  left: 0;
  bottom: 0;*/
  width: 100%;
  /*
  padding-top: 10px;
  padding-left: 10px;
  */
}

.wi_footer .container-fluid {
	padding-top: 10px;
    padding-bottom: 5px;
}

.footer-black {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: #EEEEEE;
}

.footer-white {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: #FFFFFF;
}

.pageslogan-green {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #09357A;
  font-variant: normal;
  font-style: normal;
}

.sidebar-font-border {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #E6E6E6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
  text-decoration: none;
}

.sidebar-title-green {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  font-weight: bold;
  text-transform: capitalize;
  color: #09357A;
}

.footer-gray {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: #666666;
}

.border-left-grey {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCCCCC;
}

.sidebar-font {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
  text-decoration: none;
}

.border-white {
  border: 2px solid #7A96DF;
}

.footer-darkgray {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: none;
  text-decoration: none;
  color: #333333;
}

.formtext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #09357A;
  text-decoration: none;
  font-weight: normal;
}

.formfield {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  background-color: #EEEEEE;
}

.formbuttons {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #000000;
  font-weight: bold;
}

.callout-green {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #09357A;
  background-color: #FCFCFC;
  border: 1px solid #DDF5AF;
}

.subtext-gray {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  color: #666666;
  text-decoration: none;
  font-weight: normal;
}

.border-grey-horizontal {
  border-top: 1px none #CCCCCC;
  border-right: 1px none #CCCCCC;
  border-bottom: 1px none #CCCCCC;
  border-left: 1px none #CCCCCC;
}

.border-right-grey {
  border-left-width: 1px;
  border-left-style: none;
  border-left-color: #CCCCCC;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-top-color: #CCCCCC;
  border-right-color: #CCCCCC;
  border-bottom-color: #CCCCCC;
}

.hometitle {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #0A377C;
  text-decoration: none;
	
}

.wi_rightsidebar .hometitle {
	text-align: center;
	padding: 10px;
	padding-bottom: 20px;
}




.homemain {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 11px;*/
	/*color: #666666;*/
	/*text-decoration: none;*/
}

.hometitles-green {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #09357A;
  font-variant: normal;
  font-style: normal;
  text-decoration: none;
}

.border-ltgrey {
  border: 1px solid #CCCCCC;
}

.homemain-green {
font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #333333;
  text-decoration: none;
}

.callout-light {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: f5fce9;
  background-color: #EEEEEE;
  border: 1px solid #DDF5AF;
}

.page-main-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #0A387B;
}

.page-main-subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #0A387B;
}

.page-secondary-subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #0A387B;
}

.callouttext-red {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #C51900;
  font-variant: normal;
  font-style: normal;
}

.hometitles-gray {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  font-variant: normal;
  font-style: normal;
  text-decoration: none;
}

.hometitle-red {
font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #BD0000;
  text-decoration: none;
}

.hometitles-red {
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  /*font-size: 12px;*/
  font-weight: bold;
  color: firebrick;
  /*color: #bd0000;*/
  /*font-variant: normal;*/
  /*font-style: normal;*/
  /*text-decoration: none;*/
}

.hometitles-alt {
  font-weight: bold;
  color: deepskyblue;
}

.main {
  min-height: 101%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: darkgray;
  font-weight: bold;
}

.nav-pills {
  /*background-color: antiquewhite;*/
}

.nav-pills > a {
  color: black;
}

.wi_left-menu {
  padding-top: 10px;
  background-color: #ecf5ff;
  padding-bottom: 10px;
}

.wi_left-menu .nav-link:hover {
	background-color: white;
}

.wi_chatbox {
  vertical-align: middle;
  align-items: center;
  display: flex;
  padding-left: 20px;
  padding-bottom: 5px;
}

.wi_featurelist {
  background-color: transparent;
  padding: 20px 0;
  margin-bottom: 20px;
  margin-top: 20px;
}

.wi_featurelist_index {
   background-color: transparent;
  padding: 20px 0;
  margin-bottom: 20px;
  margin-top: 20px;
    display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.industry-card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 24px;
  margin: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid #e2e8f0;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 200px;
}

	.industry-card:hover {
		transform: translateY(-2px);
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
		/* for creditsoft a subtler approach
  border-color: #3b82f6;
	 */
	}

.card-icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
margin-bottom: 16px;
}

.card-icon i {
  font-size: 20px;
  color: #3b82f6;
  background-color: #eff6ff;
  padding: 12px;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.card-icon a:hover i {
  color: #dc2626;
  background-color: #fef2f2;
  transform: scale(1.1);
}

.card-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;	
}

.card-content h5 {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 12px;
  line-height: 1.3;
}

.card-content h5 a {
  color: #dc2626;
  text-decoration: none;
  transition: color 0.3s ease;
}

.card-content h5 a:hover {
  color: #991b1b;
  text-decoration: none;
}

.card-content p {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 14px;
  color: #475569;
  line-height: 1.5;
  margin: 0;
}

.card-content p a {
  color: #3b82f6;
  text-decoration: none;
  font-weight: 500;
}

.card-content p a:hover {
  color: #1d4ed8;
  text-decoration: underline;
}

.alt-card {
  background-color: #f8fafc;
  border: 2px dashed #cbd5e1;
  height: fit-content;
}

.alt-card::before {
  background: linear-gradient(90deg, #64748b 0%, #94a3b8 100%);
}

.alt-card h5 {
  color: #64748b;
}

.alt-card p {
  color: #64748b;
}

.wi_featurelist h5 {
  color: #123781;
  border-radius: 5px;
  padding: 5px;
  min-height: 60px;
}

.wi_featurelist h6 {
  color: dimgray;
  margin-left: -50px;
}

.wi_featurelist .wi_rowheader {
  background-color: lightgray;
  margin-top: 10px;
}

.wi_featurelist .wi_colheader {
  background-color: lightgray;
  margin-top: 5px;
}

.wi_featurelist .wi_comment {
  font-style: italic;
  font-size: small;
  margin-bottom: 5px;
}

.wi_industry-header {
  border-bottom: dimgray 2px solid !important;
  /*border-top: dimgray 2px solid;*/
  /*background-color: #343a40;*/
  color: darkgrey;
  /*font-weight: bold;*/
  text-align: center;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: x-large;
}

.wi_h3 {
}

.wi_question {
  font-weight: bold;
}

.wi_answer {
}

.wi_testimonial {
}

.wi_testimonial_1 {
  background-color: lightcyan;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 20px;
}

.wi_testimonial_2 {
  background-color: cornsilk;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-left: 20px;
}

.wi_testimonial_3 {
  background-color: lavenderblush;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-right: 20px;
}

.wi_testimonial_4 {
  background-color: lightblue;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-left: 20px;
}

.wi_emptyrow {
  height: 20px;
}

.wi_remarkbox {
  background-color: lightcyan;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.wi_hover_img a {
  position: relative;
}

.wi_hover_img a span {
  position: absolute;
  display: none;
  z-index: 99;
}

.wi_hover_img a:hover span {
  display: block;
}

.wi_chevroncircle {
  font-size: 48px;
  color: skyblue;
}

.tab-pane {
  padding-top: 10px;
  padding-bottom: 10px;
}

.wi_verticalaligndivparent {
  display: table;
  width: 100%;
}

.wi_verticalaligndivchild {
  vertical-align: middle;
display: inline-table;
}

/* Media queries from original stylesheet */
@media (max-width: 575.98px) {
  .wi_visible-md-up {
    display: none;
  }
}

@media (max-width: 767.98px) {
  .wi_visible-md-up {
    display: none;
  }
}

@media (max-width: 991.98px) {
  .wi_visible-md-up {
  }
}

@media (max-width: 1199.98px) {
  .wi_visible-md-up {
  }
}

@media (min-width: 1200px) {
  .wi_visible-md-up {
  }
}

/* Content display classes from original stylesheet */
.wi_content_creditcounseling
, .wi_content_debtsettlement
, .wi_content_billpayment
, .wi_content_studentloan
, .wi_content_creditrepair
, .wi_content_medicalbilling
, .wi_content_housingcounseling
, .wi_content_loanconsolidation
 {
  display: none;
}

.wi_site_creditcounseling .wi_content_creditcounseling {
  display: revert;
}

.wi_site_debtsettlement .wi_content_debtsettlement {
  display: revert;
}

.wi_site_billpaymentsoftware .wi_content_billpayment {
  display: revert;
}

.wi_site_studentloansoftware .wi_content_studentloan {
  display: revert;
}

.wi_site_creditrepairsoftware .wi_content_creditrepair {
  display: revert;
}

.wi_site_medicalbilling .wi_content_medicalbilling {
  display: revert;
}
.wi_site_housingcounseling .wi_content_housingcounseling {
  display: revert;
}
.wi_site_loanconsolidation .wi_content_loanconsolidation {
  display: revert;
}




.wi_ai_features_page .wi_ai {
  display: block;
}

.wi_improved_communication_page .wi_improvedcommunication {
  display: block;
}

.wi_left-menu a {
	color: #00216c;
	/*
  color: black;
  */
}

.wi_rightsidebar .row {
	padding: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
}


.wi_topannouncement {
	background-color: lemonchiffon;
	padding: 20px;
	font-size: larger;
	font-weight: 300;
}

.wi_rightsidebar .row:hover {
	background-color: #f3f3f3;
	-webkit-transition: background-color 1000ms linear;
	-ms-transition: background-color 1000ms linear;
	transition: background-color 1000ms linear;
}

.wi_rightsidebar a {
	text-decoration: none;
}
.wi_left-menu a {
	text-decoration: none;
}


.wi_left-menu .nav-pills .nav-link.active, .wi_left-menu .nav-pills .show > .nav-link {
    color: #123781;
    background-color: white;
    font-weight: bold;
    border-style: solid;
    border-color: #123781;
    border-width: thin;
}
.wi_left-menu .nav-link:focus, .wi_left-menu .nav-link:hover {
    color: #123781;
}

.card .card-header .btn-outline-secondary {
	border-color: #768095;
}
.card .card-header .btn-outline-secondary:hover {
	background-color: #123781;
}
    

.accordion .card .card-body .row .col-md-4 i {
	font-size: 70px;
}


.wi_microsoftlogo {
	text-align: center;
}

.wi_microsoftlogo img {
	min-width:300px;
	text-align: center;	
	
}

.navbar-brand a {
text-decoration: none;
}
.wi_for_industry  {
    position: relative;
    top: -20px;
    margin-left: 20px;
font-size:large;
color: #00216c;

}

.card-header .btn i.fa-plus {
	display:none;
}
.card-header .btn[aria-expanded="false"] i.fa-plus {
	display:block;
	position: absolute;
    right: 15px;
    top: 20px;
}

/* in the main page we show "for debt portfolio management" for the others just the logo*/
.wi_creditsoftlogo {
	display:none;
}
.wi_creditsoftlogo2 {
	display:block;
}
.wi_body_index .wi_creditsoftlogo {
	display:block;
}
.wi_body_index .wi_creditsoftlogo2 {
	display:none;
}

 .wi_button a:hover {
	text-decoration: none;
}

.wi_pressitem_logo {
    width: 40px;
	margin-left: 10px;
}
.wi_pressitem_logo_big {
    width: 80px;
	margin-left: 10px;
}

.wi_presscenter .row:nth-of-type(1) {
	border-style: solid;
    border-top: none;
    border-right: none;
    border-left: none;
    border-width: thin;
}
.wi_presscenter .row:nth-of-type(1) i {
	font-size: x-large;
}

.wi_presscenter .row {
	padding: 5px;
}
.wi_presscenter .row:nth-of-type(2) {
	padding-top: 10px;
}


.wi_supportsite_btn {
    border-style: none;
    border-color: black;
    color: white !important;
    background-color: #123781;
    border-radius: 12px;
    padding: 12px;
    margin: 8px;
    text-decoration: none;
	display: inline-block;
}


/* BOOTSTRAP MD or HIGHER */
@media (min-width: 768px) {
  /* Styles applied when the viewport width is 768px or greater */
  
  .wi_microsoftlogo img {
	max-width:500px;
	}
	
	.wi_navigation_component .navbar-brand {
	height: 100px;
	}
	
	
}

/* BOOTSTRAP SM or SMALLER */
@media (max-width: 767px) {
  /* Styles applied when the viewport width is 767px or smaller */
  .wi_rightsidebar_item  div {
	  text-align: center;
  }
  
  .wi_rightsidebar {
	/* show a border on the top when the items are one under another to separate it from the microsoft logo above */	  
    border-top: solid;

    border-color: #dee2e6;
    border-width: thin;
  }
  
  
   .wi_microsoftlogo img {
	max-width:300px;
	}
	
	.wi_creditsoftlogo, .wi_creditsoftlogo2  {
		width: 200px;
	}
	
  	.wi_for_industry {
		top: -10px;
    margin-left: 14px;
    font-size: medium;
	}
	
	.wi_navigation_component .navbar-brand {
		height:80px;
	}
	
	/* hide the big card icon on the right on smaller screens */
	.accordion .card .card-body .row .col-md-4 i {
	display: none;
	}

	
}

/* BOOTSTRAP XSMALL or SMALLER */
@media (max-width: 576px) {
  /* Styles applied when the viewport width is 576px or smaller */
  
	
	.wi_creditsoftlogo, .wi_creditsoftlogo2  {
		width: 150px;
	}
	.wi_body_index .wi_creditsoftlogo, .wi_creditsoftlogo2  {
		width: 200px; /* not needed with the logo without the text*/
	}
	
	.wi_customercare_btn {
		font-size: small;
	}
  
	.wi_for_industry {
		top: -10px;
    margin-left: 14px;
    font-size: medium;
	}
	
	.wi_body_index .wi_navigation_component .navbar-brand {
		height:60px;
	}
	.wi_navigation_component .nav-link {
		padding:0px;
	}
  
	/*only show creditsoft without the "for debt portfolio management"*/
	.wi_body_index .wi_creditsoftlogo {
	display:none;
	}
	.wi_body_index .wi_creditsoftlogo2 {
		display:block;
	}
	/* on small screens the margin was too big on the product info cards */
	.card-body ul {
		margin-left: 0px;
	}
  
}