.cap-wrapper {
              font-size:100%;
}
fieldset,.form-item{
              background:none
              }
.cap-wrapper #capita-myservices-widget-container {
	font-size: 100%;
}
form{
  margin-bottom:0px;
  }
.joyride-content-wrapper p {
  color: #fff
}
.cap-wrapper .cap-table-heading, .cap-wrapper .cap-table-even, .cap-clear tr.odd, .cap-wrapper .cap-table-date-heading{
		background:#F0EFEA;
	}
	.cap-wrapper table, .cap-wrapper ul.cap-tab-index li , .cap-wrapper .cap-tab-outline, .cap-wrapper ul.cap-five-tabs-index li, .cap-wrapper .cap-pagination-items a, .cap-wrapper .cap-pagination-items span{
		border-top:1px solid transparent;
		border-right:1px solid transparent;
		border-left:1px solid transparent;
		border-bottom:1px solid transparent;
	}
	.cap-wrapper ul.cap-tab-index li, .cap-wrapper ul.cap-five-tabs-index li {
		background:#008268;
	}
	/* Setting the colour of icons */

.cap-wrapper .con-dropdown .nav_profile_heading span, .cap-wrapper .con-dropdown-services .nav_profile_heading, .map-button-icon, .cap-wrapper .con-dropdown ul li.profile-child a span, .cap-wrapper .con-dropdown-services ul li.profile-child a span, .cap-wrapper .ks-icon, .capita-icons {
  color:#333;
}

.cap-wrapper h1, .cap-wrapper h2, .cap-wrapper h3, .cap-wrapper h4, .cap-wrapper h5, .cap-wrapper h6 {
		color: #333;
	}
	.cap-wrapper div.detail-type {
	color: #008268;
}
.cap-wrapper input.btn-primary, .cap-wrapper a.btn-primary, .cap-wrapper .btn-primary {
	background-color: #7FD5AB;
	background-image: none;
}
.cap-wrapper .ss-prev.cycle-prev span, .cap-wrapper .ss-next.cycle-next span {
	color: #008268;

}
.cap-wrapper ul#con-progress-bar li.pb-active {
	background-color: #008268;
	color: #FFF;
}

.cap-wrapper .cap-form-help, .cap-wrapper .cap-inline-help div, .cap-wrapper .cap-help, .cap-wrapper  .cap-inline-help-content {
		background:#008268;
	}
	
.cap-wrapper input.btn-primary:hover, .cap-wrapper a.btn-primary-small:hover, .cap-wrapper .btn-primary:hover {
    background-image: none;
}
.cap-wrapper .con-dropdown li:hover a, .cap-wrapper .con-dropdown-services li:hover a { /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
    color:#008268;
}
.cap-wrapper .service-add-button-active, .service-add-button-selected, .register-account .register-button, #modal-content .cap-wrapper .tour-button, .cap-wrapper .service-box-inner .register-button, .cap-wrapper #myservice_modules .register-button  {
    background-color: #008268;
    background-image: none;
}
.cap-wrapper .simulate-sm .carousel-inner .item .data-type{margin-top: -45px;
}
#ui-datepicker-div {
z-index: 9999 !important;
}

.cap-wrapper .activity-card-v2 {
    border-top: solid 5px #7FD4AA;
}
.cap-wrapper .widget-band .bin-dates .bin-type {
    background-color: #7FD4AA;
}

/* Date picker display fix */
#ui-datepicker-div, #ui-datepicker-div table, .ui-datepicker-div, .ui-datepicker-div table, .ui-datepicker-inline, .ui-datepicker-inline table {
    font-size: 14px !important;
} 
.ui-datepicker-header select {
    position: static;
} 
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
    padding: 1em .5em .8em .8em;
    width: 18em;
} 
.ui-datepicker-next {
    left: 15em;
} 

/*SM 01/09/2022 - The 4 items below make the dashboard carousel text appear in the correct order*/
.cap-wrapper .carousel-inner .item span.value.small-text{font-size:24px;margin-top:40px}
.cap-wrapper .carousel-inner .item span.data-type.small-data{margin-top:-55px}
.cap-wrapper .simulate-sm .carousel-inner .item .value{font-size:24px;margin-top:40px}
.cap-wrapper .simulate-sm .carousel-inner .item .data-type{margin-top: -55px;}