@import "../clientshopcss/app/partials/style_guide.css"; /*WF169960 Robert S. - Import WQA style guide*/
@import "../clientshopcss/app/modules/badge-group.css"; /*WF171091 Megan D: Adding Badge Group CSS from 1.5 Style Guide*/
@import "../clientshopcss/app/modules/card-badge.css"; /*WF171091 Megan D: Adding Card Badge CSS from 1.5 Style Guide*/
@import "../clientshopcss/app/modules/block.css"; /*WF171091 Megan D: Adding Card Badge CSS from 1.5 Style Guide*/
@import "../clientshopcss/app/modules/chart.css"; /*WF171840 Megan D: Adding Chart CSS from 1.5 Style Guide*/
@import "dashboard.css"; /*WF171866_V2_MEH: Adding Dashboard for css specific to dashboard*/
@import "language.css"; /*added for changes in specific languages*/
@import "../clientshopcss/app/modules/user-card.css";/*WF173404_MEH updated and added for hover on graphic tree Mari H.*/
@import "../clientshopcss/app/modules/badge.css"; /*WF179918 Mari H: Adding Badge CSS from 1.5 Style Guide*/
@import "forms.css";
@import "form-check.css";
/*VIEWCARTMODALS WF168320 kjennings*/
.visible.transition {
   /* display: none !important;*/
    visibility: visible!important;
}


body {
	color: #354657;
}

*, h1, h2, h3, h4, h5, .ui.button {
	font-family: 'rawline', sans-serif;	/* WF161388 - Chris H - update fonts */
}

h1 {
	font-size: 32px;
	font-weight: 800 !important;
	line-height: 1;
}

h2 {
	font-size: 22.1px;
	font-weight: 800 !important;
	line-height: 1;
}

h3 {
	font-size: 20px;
	font-weight: 800 !important;
	line-height: 1;
}

h4 {
	font-size: 16px;
	font-weight: 800 !important;
	line-height: 1;
}

.nopadding {
	padding: 0px !important;
}

.nopaddingleft {
	padding-left: 0px !important;
}

.nopaddingright {
	padding-right: 0px !important;
}

.nomargin {
	margin: 0px !important;
}

.noborder {
	border: 0px !important;
}

.closeIcon,
.pointer {
	cursor: pointer;
}

.italic {
	font-style: italic;
}

.bold {
	font-weight: 700 !important;
}

.underline {
    text-decoration: underline;
    color: #0067DC;
;
}

.semibold {
	font-weight: 600 !important;
}

.extrabold {
	font-weight: 800 !important;
}

.ultrabold {
	font-weight: 900;
}

.upper {
	text-transform: uppercase;
}

/* START WF161188 - Chris H */
.font16 {
	font-size: 16px;
}

.font20 {
	font-size: 20px;
}
/* END WF161188 */

.doublesize {
	font-size: 2em;
}

.ui.raised.segment {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
	border: none;
}

.ui.raised.segment .ui.card {
	box-shadow: none;
}

.rounded,
.ui.basic.segment.rounded,
.ui.raised.segment.rounded {
	border-radius: 0.28571429rem;
}

.closeIcon {
	cursor: pointer;
}

.ui.left.aligned.button {
	text-align: left;
}

.ui.right.aligned.button {
	text-align: right;
}

.ui.segment.tablediv {
	padding: 0px !important;
	margin: 1em !important;
	max-height: 70vh;
	overflow: auto;
}

.ui.segment.tabledivnm {
	padding: 0px !important;
	margin: 0px !important;
	max-height: 70vh;
	overflow: auto;
}

.ui.form select {
	border-radius: 0px;
}

.ui.form .field>label,
.ui.form .inline.field>label,
.ui.form .inline.fields>label,
.ui.form .inline.fields .field>label,
.ui.form .grouped.fields>label,
.ui.checkbox label,
.ui.checkbox+label,
.newToggle.ui.checkbox label {
	font-size: 16px;
	/*font-weight: 800;*/ /*WF176340 removed due to not being used for labels anymore Mari H.*/
	color: #354657;
}

/*.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #d1d1d1;
	padding: 0.5em 0em;
}*/

/*.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus {
	border: 0px;
	border-radius: 0px;
	border-bottom: 1px solid #9b9b9b;
	padding: 0.5em 0em;
}*/

input:focus::-webkit-input-placeholder { color:transparent !important; }
input:focus:-moz-placeholder { color:transparent !important; }

.ui.button,
.ui.basic.button {
	border-radius: 4em;
	font-size: 16px;
}

.ui.mini.image:not(.logo),
.ui.tiny.image:not(.logo),
.ui.small.image:not(.logo),
.ui.medium.image:not(.logo),
.ui.big.image:not(.logo) {
	margin: auto;
}

.ui.modal .ui.card {
	width: 100%;
}

.ui.menu {
	min-height: 1em;
}

.ui.table thead tr > th {
     position: sticky !important;
     top: 0;
}

.ui.table thead tr > th.stickyheader2 {
     position: sticky !important;
     top: 41px;
}
/* START WF171091 Megan D: Switching the alternating rows */
.ui.striped.table tbody tr:nth-child(2n),
.ui.striped.table>tr:nth-child(2n) {
	background-color: #FFFFFF;
}
.ui.striped.table tbody tr:nth-child(2n+1),
.ui.striped.table>tr:nth-child(2n+1) {
	background-color: #F4F8FD;
}
/* END WF171091 MD */
.ui.striped.table tbody tr:hover,
.ui.striped.table>tr:hover {
	background-color: #F2E8F4;
}

.ui.modal #OA_ApplicationCompleteDiv,
.ui.modal #PopUp2,
.ui.modal .scpopupdiv,
.ui.modal #CreditCardDiv,/*WF165927 Adonus*/
.ui.modal #ASH_Box,
.ui.modal #ReturnOldBackoffice /*WF171423 Megan D: Adding backoffice modal*/
{
    max-height: 85vh !important; /*WF169670 Devante H*//*WF171423 Megan D: Updating to 85vh*/
    overflow: auto;
}

.ui.very.basic.table tbody tr {
	border-bottom: 0px;
}

.ui.very.basic.table tr td {
	border-top: 0px;
}

.ui.grid .ui.stackable.grid.nomargin,
.ui.segment:not(.vertical) .ui.stackable.page.grid.nomargin {
	margin-left: 0rem !important;
	margin-right: 0rem !important;
}

.ui.tabular.menu.wrapped {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

body.dimmable.dimmed div.ui.modal.visible.active {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0 !important;
}

.ui.dimmer {
	-webkit-animation-duration: 0s;
	animation-duration: 0s;
	-webkit-transition: background-color 0s linear;
	transition: background-color 0s linear;
	
}

/*------------------- SETUP COLORS -------------------*/

/*-------------------
       Primary
       WF171919_MEH changed color from A25EB5 to 9d57b2 6/22/2022 per WQA style guide Mari H.
--------------------*/

.ui.primary.buttons .button,
.ui.primary.button {
	background: #9d57b2;
	border-radius: 30px;
	border-color: #bd8bca;
	height: auto;
	min-width: 100px;
}


.ui.primary.buttons .button:hover,
.ui.primary.button:hover {
	background-color: #9d57b2;
	border-color: #9d57b2;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%) !important;
}

.ui.primary.buttons .button:focus,
.ui.primary.button:focus {
  	background-color: #9d57b2;
  	border: 3px solid #9d57b2;
}

.ui.primary.buttons .button:active,
.ui.primary.button:active {
  	background-color: #9d57b2;
  	border: 3px solid #9d57b2;
}

.ui.primary.buttons .active.button,
.ui.primary.active.button {
  	background-color: #9d57b2;
  	border: 3px solid #9d57b2;
}

.ui.medium.button{
	padding: 7px 20px;
	min-width: 100px;
	line-height: 1.4;
}

.ui.basic.primary.buttons .button,
.ui.basic.primary.button {
    -webkit-box-shadow: 0 0 0 0px #bd83ca inset!important;
    box-shadow: 0 0 0 0px #9d57b2 inset!important;
  	color: #9d57b2 !important;
  	border: 3px solid #9d57b2;
}

.ui.basic.primary.buttons .button:hover,
.ui.basic.primary.button:hover {
	-webkit-box-shadow: 1px 2px 10px 0px #9d57b2!important;
    box-shadow: 1px 2px 10px 0px #9d57b2!important;
  	color: #A25EB5 !important;
  	border: 3px solid #9d57b2;
}

.ui.basic.primary.buttons .button:focus,
.ui.basic.primary.button:focus {
  	-webkit-box-shadow: 0 0 0 0px #9d57b2 inset!important;
    box-shadow: 0 0 0 0px #9d57b2 inset!important;
  	color: #9d57b2 !important;
  	border: 3px solid #A25EB5;
}

.ui.basic.primary.buttons .button:active,
.ui.basic.primary.button:active {
	-webkit-box-shadow: 0 0 0 0px #A25EB5 inset!important;
    box-shadow: 0 0 0 0px #A25EB5 inset!important;
  	color: #A25EB5 !important;
  	border: 3px solid #9d57b2;
}

.ui.basic.primary.buttons .active.button,
.ui.basic.primary.active.button {
  	-webkit-box-shadow: 0 0 0 3px #9d57b2 inset!important;
    box-shadow: 0 0 0 3px #9d57b2 inset!important;
  	color: #9d57b2 !important;
  	border: 3px solid #9d57b2;
}

.ui.primary.header {
  color: #A25EB5 !important;
}

a.ui.primary.header:hover {
  color: #8b489d !important;
}

.ui.primary.dividing.header {
  border-bottom: 2px solid #A25EB5;
}

i.primary.icon {
  color: #A25EB5 !important;
}

i.inverted.primary.icon {
  color: #A25EB5 !important;
}

i.inverted.bordered.primary.icon,
i.inverted.circular.primary.icon {
  background-color: #A25EB5 !important;
  color: #ffffff !important;
}

.ui.primary.labels .label,
.ui.primary.label {
  background-color: #A25EB5 !important;
  border-color: #A25EB5 !important;
  color: #ffffff !important;
}

.ui.primary.labels .label:hover,
a.ui.primary.label:hover {
  background-color: #8b489d !important;
  border-color: #8b489d !important;
  color: #ffffff !important;
}

.ui.primary.corner.label,
.ui.primary.corner.label:hover {
  background-color: transparent !important;
}

.ui.primary.ribbon.label {
  border-color: #b21e1e !important;
}

.ui.basic.primary.label {
  background-color: #ffffff !important;
  color: #A25EB5 !important;
  border-color: #A25EB5 !important;
}

.ui.basic.primary.labels a.label:hover,
a.ui.basic.primary.label:hover {
  background-color: #ffffff !important;
  color: #8b489d !important;
  border-color: #8b489d !important;
}

.ui.primary.segment:not(.inverted) {
  border-top: 2px solid #A25EB5;
}

.ui.grid > .row > .primary.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ui.grid > .primary.row,
.ui.grid > .primary.column,
.ui.grid > .row > .primary.column {
  background-color: #A25EB5 !important;
  color: #ffffff;
}

.ui.menu .primary.active.item,
.ui.primary.menu .active.item {
  border-color: #A25EB5 !important;
  color: #A25EB5 !important;
}

.ui.inverted.primary.segment {
  background-color: #A25EB5 !important;
  color: #ffffff !important;
}

.ui.inverted.menu .primary.active.item,
.ui.inverted.primary.menu {
  background-color: #A25EB5;
}

.ui.inverted.primary.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}

.ui.inverted.primary.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.ui.primary.message {
  background-color: #ffe8e6;
  color: #A25EB5;
}

.ui.primary.message .header {
  color: #A25EB5;
}

.ui.primary.table {
  border-top: 0.2em solid #A25EB5;
}

.ui.inverted.primary.table {
  background-color: #A25EB5 !important;
  color: #ffffff !important;
}

.ui.primary.cards > .card,
.ui.cards > .primary.card,
.ui.primary.card {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #A25EB5, 0px 1px 3px 0px #d4d4d5;
}

.ui.primary.cards > .card:hover,
.ui.cards > .primary.card:hover,
.ui.primary.card:hover {
  box-shadow: 0px 0px 0px 1px #d4d4d5, 0px 2px 0px 0px #8b489d, 0px 1px 3px 0px #bcbdbd;
}

.ui.primary.statistics .statistic > .value,
.ui.statistics .primary.statistic > .value,
.ui.primary.statistic > .value {
  color: #A25EB5;
}

.ui.inverted.primary.statistics .statistic > .value,
.ui.statistics .inverted.primary.statistic > .value,
.ui.inverted.primary.statistic > .value {
  color: #ff695e;
}

.ui.primary.progress .bar {
  background-color: #A25EB5;
}

.ui.primary.inverted.progress .bar {
  background-color: #ff695e;
}

.ui.inverted.primary.header {
  color: #ff695e !important;
}

a.ui.inverted.primary.header:hover {
  color: #ff5144 !important;
}

/*-------------------
      Secondary
--------------------*/

.ui.secondary.buttons .button,
.ui.secondary.button {
  	background-color: #354657;
  	border: 3px solid #354657;
}

.ui.secondary.buttons .button:hover,
.ui.secondary.button:hover {
  	background-color: #27333f;
  	box-shadow: 1px 2px 10px 0px #27333f;
  	border: 3px solid #27333f;
}

.ui.secondary.buttons .button:focus,
.ui.secondary.button:focus {
  	background-color: #27333f;
  	border: 3px solid #27333f;
}

.ui.secondary.buttons .button:active,
.ui.secondary.button:active {
  	background-color: #14191f;
  	border: 3px solid #14191f;
}

.ui.secondary.buttons .active.button,
.ui.secondary.active.button {
  	background-color: #14191f;
  	border: 3px solid #14191f;
}

.ui.basic.secondary.buttons .button,
.ui.basic.secondary.button {
	-webkit-box-shadow: 0 0 0 0px #354657 inset!important;
    box-shadow: 0 0 0 0px #354657 inset!important;
  	color: #354657 !important;
  	border: 3px solid #354657;
}

.ui.basic.secondary.buttons .button:hover,
.ui.basic.secondary.button:hover {
	-webkit-box-shadow: 1px 2px 10px 0px #27333f!important;
    box-shadow: 1px 2px 10px 0px #27333f!important;
  	color: #27333f !important;
  	border: 3px solid #27333f;
}

.ui.basic.secondary.buttons .button:focus,
.ui.basic.secondary.button:focus {
  	-webkit-box-shadow: 0 0 0 0px #27333f inset!important;
    box-shadow: 0 0 0 0px #27333f inset!important;
  	color: #27333f !important;
  	border: 3px solid #27333f;
}

.ui.basic.secondary.buttons .button:active,
.ui.basic.secondary.button:active {
	-webkit-box-shadow: 0 0 0 0px #14191f inset!important;
    box-shadow: 0 0 0 0px #14191f inset!important;
  	color: #14191f !important;
  	border: 3px solid #14191f;
}

.ui.basic.secondary.buttons .active.button,
.ui.basic.secondary.active.button {
  	-webkit-box-shadow: 0 0 0 0px #14191f inset!important;
    box-shadow: 0 0 0 0px #14191f inset!important;
  	color: #14191f !important;
  	border: 3px solid #14191f;
}

.ui.secondary.header {
  color: #354657 !important;
}

a.ui.secondary.header:hover {
  color: #27333f !important;
}

.ui.secondary.dividing.header {
  border-bottom: 2px solid #354657;
}

i.secondary.icon {
  color: #354657 !important;
}

i.inverted.secondary.icon {
  color: #354657 !important;
}

i.inverted.bordered.secondary.icon,
i.inverted.circular.secondary.icon {
  background-color: #354657 !important;
  color: #ffffff !important;
}

.ui.secondary.labels .label,
.ui.secondary.label {
  background-color: #354657 !important;
  border-color: #354657 !important;
  color: #ffffff !important;
}

.ui.secondary.labels .label:hover,
a.ui.secondary.label:hover {
  background-color: #27333f !important;
  border-color: #27333f!important;
  color: #ffffff !important;
}

.ui.secondary.corner.label,
.ui.secondary.corner.label:hover {
  background-color: transparent !important;
}

.ui.secondary.ribbon.label {
  border-color: #aaaaaa !important;
}

.ui.basic.secondary.label {
  background-color: #ffffff !important;
  color: #354657 !important;
  border-color: #354657 !important;
}

.ui.basic.secondary.labels a.label:hover,
a.ui.basic.secondary.label:hover {
  background-color: #ffffff !important;
  color: #27333f !important;
  border-color: #27333f !important;
}

.ui.secondary.segment:not(.inverted) {
  border-top: 2px solid #354657;
}

.ui.grid > .row > .secondary.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ui.grid > .secondary.row,
.ui.grid > .secondary.column,
.ui.grid > .row > .secondary.column {
  background-color: #354657 !important;
  color: #ffffff;
}

.ui.menu .secondary.active.item,
.ui.secondary.menu .active.item {
  border-color: #354657 !important;
  color: #354657 !important;
}

.ui.inverted.secondary.segment {
  background-color: #354657 !important;
  color: #ffffff !important;
}

.ui.inverted.menu .secondary.active.item,
.ui.inverted.secondary.menu {
  background-color: #354657;
}

.ui.inverted.secondary.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}

.ui.inverted.secondary.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.ui.secondary.message {
  background-color: #ffffff;
  color: #354657;
}

.ui.secondary.message .header {
  color: #354657;
}

.ui.secondary.table {
  border-top: 0.2em solid #354657;
}

.ui.inverted.secondary.table {
  background-color: #354657 !important;
  color: #ffffff !important;
}

.ui.secondary.cards > .card,
.ui.cards > .secondary.card,
.ui.secondary.card {
  box-shadow: 0px 0px 0px 1px #27333f, 0px 2px 0px 0px #354657, 0px 1px 3px 0px #27333f;
}

.ui.secondary.cards > .card:hover,
.ui.cards > .secondary.card:hover,
.ui.secondary.card:hover {
  box-shadow: 0px 0px 0px 1px #27333f, 0px 2px 0px 0px #c1c1c1, 0px 1px 3px 0px #bcbdbd;
}

.ui.secondary.statistics .statistic > .value,
.ui.statistics .secondary.statistic > .value,
.ui.secondary.statistic > .value {
  color: #354657;
}

.ui.inverted.secondary.statistics .statistic > .value,
.ui.statistics .inverted.secondary.statistic > .value,
.ui.inverted.secondary.statistic > .value {
  color: #354657;
}

.ui.secondary.progress .bar {
  background-color: #354657;
}

.ui.secondary.inverted.progress .bar {
  background-color: #354657;
}

.ui.inverted.secondary.header {
  color: #354657 !important;
}

a.ui.inverted.secondary.header:hover {
  color: #27333f !important;
}

/*-------------------
      Tertiary
--------------------*/

.ui.tertiary.buttons .button,
.ui.tertiary.button {
  	background-color: #5597e2;
  	border: 3px solid #5597e2;
}

.ui.tertiary.buttons .button:hover,
.ui.tertiary.button:hover {
  	background-color: #3b87de;
  	box-shadow: 1px 2px 10px 0px #3b87de;
  	border: 3px solid #3b87de;
}

.ui.tertiary.buttons .button:focus,
.ui.tertiary.button:focus {
  	background-color: #3b87de;
  	border: 3px solid #3b87de;
}

.ui.tertiary.buttons .button:active,
.ui.tertiary.button:active {
  	background-color: #216dc4;
  	border: 3px solid #216dc4;
}

.ui.tertiary.buttons .active.button,
.ui.tertiary.active.button {
  	background-color: #216dc4;
  	border: 3px solid #216dc4;
}

.ui.basic.tertiary.buttons .button,
.ui.basic.tertiary.button {
	-webkit-box-shadow: 0 0 0 0px #5597e2 inset!important;
    box-shadow: 0 0 0 0px #5597e2 inset!important;
  	color: #5597e2 !important;
  	border: 3px solid #5597e2;
}

.ui.basic.tertiary.buttons .button:hover,
.ui.basic.tertiary.button:hover {
	-webkit-box-shadow: 1px 2px 10px 0px #3b87de!important;
    box-shadow: 1px 2px 10px 0px #3b87de!important;
  	color: #3b87de !important;
  	border: 3px solid #3b87de;
}

.ui.basic.tertiary.buttons .button:focus,
.ui.basic.tertiary.button:focus {
  	-webkit-box-shadow: 0 0 0 0px #3b87de inset!important;
    box-shadow: 0 0 0 0px #3b87de inset!important;
  	color: #3b87de !important;
  	border: 3px solid #3b87de;
}

.ui.basic.tertiary.buttons .button:active,
.ui.basic.tertiary.button:active {
	-webkit-box-shadow: 0 0 0 0px #216dc4 inset!important;
    box-shadow: 0 0 0 0px #216dc4 inset!important;
  	color: #216dc4 !important;
  	border: 3px solid #216dc4;
}

.ui.basic.tertiary.buttons .active.button,
.ui.basic.tertiary.active.button {
  	-webkit-box-shadow: 0 0 0 0px #216dc4 inset!important;
    box-shadow: 0 0 0 0px #216dc4 inset!important;
  	color: #216dc4 !important;
  	border: 3px solid #216dc4;
}

.ui.tertiary.header {
  color: #5597e2 !important;
}

a.ui.tertiary.header:hover {
  color: #3b87de !important;
}

.ui.tertiary.dividing.header {
  border-bottom: 2px solid #5597e2;
}

i.tertiary.icon {
  color: #5597e2 !important;
}

i.inverted.tertiary.icon {
  color: #5597e2 !important;
}

i.inverted.bordered.tertiary.icon,
i.inverted.circular.tertiary.icon {
  background-color: #5597e2 !important;
  color: #ffffff !important;
}

.ui.tertiary.labels .label,
.ui.tertiary.label {
  background-color: #5597e2 !important;
  border-color: #5597e2 !important;
  color: #ffffff !important;
}

.ui.tertiary.labels .label:hover,
a.ui.tertiary.label:hover {
  background-color: #3b87de !important;
  border-color: #3b87de!important;
  color: #ffffff !important;
}

.ui.tertiary.corner.label,
.ui.tertiary.corner.label:hover {
  background-color: transparent !important;
}

.ui.tertiary.ribbon.label {
  border-color: #aaaaaa !important;
}

.ui.basic.tertiary.label {
  background-color: #ffffff !important;
  color: #5597e2 !important;
  border-color: #5597e2 !important;
}

.ui.basic.tertiary.labels a.label:hover,
a.ui.basic.tertiary.label:hover {
  background-color: #ffffff !important;
  color: #3b87de !important;
  border-color: #3b87de !important;
}

.ui.tertiary.segment:not(.inverted) {
  border-top: 2px solid #5597e2;
}

.ui.grid > .row > .tertiary.column {
  margin-top: -1rem;
  margin-bottom: -1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.ui.grid > .tertiary.row,
.ui.grid > .tertiary.column,
.ui.grid > .row > .tertiary.column {
  background-color: #5597e2 !important;
  color: #ffffff;
}

.ui.menu .tertiary.active.item,
.ui.tertiary.menu .active.item {
  border-color: #5597e2 !important;
  color: #5597e2 !important;
}

.ui.inverted.tertiary.segment {
  background-color: #5597e2 !important;
  color: #ffffff !important;
}

.ui.inverted.menu .tertiary.active.item,
.ui.inverted.tertiary.menu {
  background-color: #5597e2;
}

.ui.inverted.tertiary.menu .item:before {
  background-color: rgba(34, 36, 38, 0.1);
}

.ui.inverted.tertiary.menu .active.item {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.ui.tertiary.message {
  background-color: #ffffff;
  color: #5597e2;
}

.ui.tertiary.message .header {
  color: #5597e2;
}

.ui.tertiary.table {
  border-top: 0.2em solid #5597e2;
}

.ui.inverted.tertiary.table {
  background-color: #5597e2 !important;
  color: #ffffff !important;
}

.ui.tertiary.cards > .card,
.ui.cards > .tertiary.card,
.ui.tertiary.card {
  box-shadow: 0px 0px 0px 1px #3b87de, 0px 2px 0px 0px #5597e2, 0px 1px 3px 0px #3b87de;
}

.ui.tertiary.cards > .card:hover,
.ui.cards > .tertiary.card:hover,
.ui.tertiary.card:hover {
  box-shadow: 0px 0px 0px 1px #3b87de, 0px 2px 0px 0px #c1c1c1, 0px 1px 3px 0px #bcbdbd;
}

.ui.tertiary.statistics .statistic > .value,
.ui.statistics .tertiary.statistic > .value,
.ui.tertiary.statistic > .value {
  color: #5597e2;
}

.ui.inverted.tertiary.statistics .statistic > .value,
.ui.statistics .inverted.tertiary.statistic > .value,
.ui.inverted.tertiary.statistic > .value {
  color: #5597e2;
}

.ui.tertiary.progress .bar {
  background-color: #5597e2;
}

.ui.tertiary.inverted.progress .bar {
  background-color: #5597e2;
}

.ui.inverted.tertiary.header {
  color: #5597e2 !important;
}

a.ui.inverted.tertiary.header:hover {
  color: #3b87de !important;
}

/*-------------------
      Custom
--------------------*/
.ui.dimmer {
	background-color: rgba(0,0,0,0); /*WF166893 Ash S: transparent modal dimmers*/
}

a {
	color: #bd83ca;
}

a:hover {
	color: #a25eb5;
}

.white {
	color: #354657;/* WF161494 - Devante H*/
}

/* START WF161798 - Chris H */
.whitetext {
	color: #ffffff;
}
/* END WF161798 */

.ui.basic.button.whitebg:focus,	/* WF161798 - Chris H */
.whitebg,
.ui.basic.segment.whitebg,
.ui.basic.button.whitebg,
.ui.basic.button.whitebg:hover {
	background-color: #ffffff !important;
}

.primary1 {
	color: #a25eb5;
}

.primarybg1 {
	background-color: #a25eb5 !important;
}

.primary2 {
	color: #bd83ca !important;
}

.primarybg2,
.ui.basic.segment.primarybg2,
.ui.raised.segment.primarybg2 {
	background-color: #bd83ca;
}

.primary3 {
	color: #f5eef7;
}

.primarybg3 {
	background-color: #f5eef7;
}

.secondary1 {
	color: #354657;
}

.secondary1bg,
.ui.basic.segment.secondary1bg {
	/*background-color: #354657;*//*WF165927 Adonus*/
	background-color: White;
}

.tertiary1,
.ui.basic.button.tertiary1 {
	color: #5597e2 !important;
}

.tertiary2 {
	color: #95c0f1;
}

.tertiary3 {
	color: #f4f8fd;
}

.ui.segment.tertiary3bg {
	background-color: #f4f8fd;
}

.grey1 {
	color: #9b9b9b;
}

.grey2 {
	color: #d1d1d1;
}

.grey3 {
	color: #eeeeee;
}

.success1 {
	color: #7bb739;
}

.danger1 {
	color: #de6c6c;
}

.warning1 {
	color: #f8b259;
}

i.icon.closeIcon {
	color: #000000;
}

.uipopup {
	cursor: pointer;
}

.ui.white.button {
	background: #ffffff;
	color: #354657;
}

.ui.white.button:hover {
	background: #cacbcd;
	color: #354657;
}

.ui.table,
.ui.table thead th {
	color: #354657;
}

.ui.checkbox input~.box:before,
.ui.checkbox input~label:before {
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

.ui.checkbox input~.box:after,
.ui.checkbox input~label:after {
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

.ui.checkbox input:checked~.box:before,
.ui.checkbox input:checked~label:before,
.ui.checkbox input:focus~.box:before,
.ui.checkbox input:focus~label:before {
	border-color: #9d57b2 !important;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

.ui.checkbox input:checked~.box:after,
.ui.checkbox input:checked~label:after {
	background-color: #9d57b2 !important;
	color: #ffffff !important;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	padding-top: 2px;
}

.ui.radio.checkbox input:checked~.box:after,
.ui.radio.checkbox input:checked~label:after,
.ui.radio.checkbox input:focus~.box:after,
.ui.radio.checkbox input:focus~label:after {
	background-color: #9d57b2 !important;
    width: 30px;
    height: 30px;
    top: -4px;
    left: -5px;
}

.ui.radio.checkbox input~.box:before,
.ui.radio.checkbox input~label:before {
	width: 20px;
	height: 20px;
}

.error,
.ui.error.message,
.ui.error.message .header,
.ui.form .field.error .input,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .fields.error .field label {
    color: #de6c6c;
}

#progressrow {
	background: linear-gradient(to bottom,#ffffff,#ffffff 43%,#787878 47%,#787878 53%,#ffffff 57%,#ffffff);
}

.ui.form .field.success input:not([type]), .ui.form .field.success input[type=text], .ui.form .field.success input[type=email], .ui.form .field.success input[type=search], .ui.form .field.success input[type=password], .ui.form .field.success input[type=date], .ui.form .field.success input[type=datetime-local], .ui.form .field.success input[type=tel], .ui.form .field.success input[type=time], .ui.form .field.success input[type=url], .ui.form .field.success input[type=number], .ui.form .field.success select, .ui.form .field.success textarea, .ui.form .fields.success .field input:not([type]), .ui.form .fields.success .field input[type=text], .ui.form .fields.success .field input[type=email], .ui.form .fields.success .field input[type=search], .ui.form .fields.success .field input[type=password], .ui.form .fields.success .field input[type=date], .ui.form .fields.success .field input[type=datetime-local], .ui.form .fields.success .field input[type=tel], .ui.form .fields.success .field input[type=time], .ui.form .fields.success .field input[type=url], .ui.form .fields.success .field input[type=number], .ui.form .fields.success .field select, .ui.form .fields.success .field textarea{
	box-shadow: 0 0 0 1px #a3c293 inset,0 0 0 0 transparent;
	background-color: #fcfff5;
	color: #2c662d;
}

.ui.form .field.success .input, .ui.form .field.success label, .ui.form .fields.success .field .input, .ui.form .fields.success .field label{
	color: #2c662d;
}
/*
#footer a {
	color:#333333;
}

#footer a:hover {
	color:#000000;
}*/

#CombinedHeader {
	background-color: #ffffff;
	border-top: 5px solid #bd83ca;
}

.ui.segment.Copyright {
	font-size: 0.9em;
}

/*START WF170529 Robert S. Tooltip Icon positioning and hiding*/
.question.circle.outline.icon.nomargin.tiny {
	position: relative;
	top: -1.15em;
} /*END WF170529*/

/*START WF170779 Robert S.-Add styling for footer alignment*/
#footer_alignment_wrapper {
	position: relative;
	min-height: 100vh;
}/*END WF170779*/

@media only screen and (max-width: 767px) {
	.ui.segment {
		padding: 0.4em 0.6em;
	}
	
	.ui.grid {
		margin-top: 0rem;
		margin-bottom: 0rem;
	}
	
	.ui.grid>.column:not(.row),
	.ui.grid>.stackable.stackable.row>.column,
	.ui.stackable.grid>.column.grid>.column,
	.ui.stackable.grid>.column.row>.column,
	.ui.stackable.grid>.column:not(.row),
	.ui.stackable.grid>.row>.column,
	.ui.stackable.grid>.row>.wide.column,
	.ui.stackable.grid>.wide.column {
		padding: 0.4em 0.6em !important;
	}
	
	.ui[class*="very compact"].table th,
	.ui[class*="very compact"].table td {
	    padding-left: .6em;
	    padding-right: .6em;
	}
	
	.ui.table thead th {
		padding: .4em .6em;
	}
	
	.ui.table thead tr > th.stickyheader2 {
	     position: sticky !important;
	     top: 34px;
	}
}

@media only screen and (max-width: 599px) {
	.ui.segment {
		padding: 0.4em 0.4em;
	}
	
	.ui.grid>.column:not(.row),
	.ui.grid>.stackable.stackable.row>.column,
	.ui.stackable.grid>.column.grid>.column,
	.ui.stackable.grid>.column.row>.column,
	.ui.stackable.grid>.column:not(.row),
	.ui.stackable.grid>.row>.column,
	.ui.stackable.grid>.row>.wide.column,
	.ui.stackable.grid>.wide.column {
		padding: 0.4em 0.4em !important;
	}
	
	.ui[class*="very compact"].table th,
	.ui[class*="very compact"].table td {
	    padding-left: .4em;
	    padding-right: .4em;
	}
	
	.ui.table thead th {
		padding: .4em .4em;
	}
	
	.ui.grid.prevnext input {
		font-size: 0.9em;
	}

    /*START WF170529 'hide' tooltip icon for mobile phones*/
    .question.circle.outline.icon.nomargin.tiny {
        display: none;
    }/*END WF170529*/
}

@media only screen and (max-width: 449px) {
	.ui.segment {
		padding: 0.2em 0.2em;
	}
	
	/*.ui.grid>.column:not(.row),
	.ui.grid>.stackable.stackable.row>.column,
	.ui.stackable.grid>.column.grid>.column,
	.ui.stackable.grid>.column.row>.column,
	.ui.stackable.grid>.column:not(.row),
	.ui.stackable.grid>.row>.column,
	.ui.stackable.grid>.row>.wide.column,
	.ui.stackable.grid>.wide.column {
		padding: 0.2em 0.2em !important;
	}*/
	
	.ui[class*="very compact"].table th,
	.ui[class*="very compact"].table td {
	    padding-left: .2em;
	    padding-right: .2em;
	}
	
	.ui.table thead th {
		padding: .2em .2em;
	}
	
	.ui.table thead tr > th.stickyheader2 {
	     position: sticky !important;
	     top: 32px;
	}
	
	.ui.grid.prevnext input {
		font-size: 0.8em;
	}
	
	i.huge.icon,
	i.huge.icons {
		font-size: 3em;
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.ui.container {
	    width: 95%;
	}
}

@media (min-width: 480px) {
	h2 {
		font-size: 32px;
	}
}

@media (min-width: 768px) {
	h1 {
		font-size: 40px;
	}
}
/*START:WF162343*/
.po3inactive {
    text-color: #354657 !important;
    border: 3px solid #354657 !important;
	background-color:#FFFFFF !important;
	box-shadow: 0 0 0 0 rgba(34,36,38,.15) inset !important;
	text-shadow: none;
    background-image: none !important;
}
/*END:WF162343*/

/* START WF162841 - Chris H */
label.labelweight700 {
	font-weight: 700 !important;
}

label.lineheight24 {
	line-height: 24px !important;
}

.bmargin10 {
	margin-bottom: 10px !important;
}

body.dimmable.dimmed.lightbg .ui.dimmer {
	background-color: #e5e5e5;
}

.checkbox{
	border-radius:50%;
	}
input:checked + .checkbox{
	background-color: #bd83ca;
}
/* END WF162841 */

ui.toggle.checkbox:after{
	background-color: #A25EB5;
	color: #A25EB5 !important;
  	border: 3px solid #A25EB5
}
ui.toggle.checkbox:before{
	background-color: white;
	border: 5px;
	border-color: #A25EB5;
}

/* START WF170571 Megan D: Adding styling for EVO Header box and new fonts*/
.evo__header--rectangle{
	position: absolute;
	width: 100%;
	height: 450px;/*Updating px amount for WF171416 from 460 to 450 kjennings*/
	left: 0;
	top: 0;
}
.evo__header--title{
	padding-top: 30px;
}
	.evo__header--title h2{
		text-align: center;
		font-size: 30px;
		line-height: 48px;
		padding-bottom: 30px;
	}
	@media (max-width: 480px) {
		.evo__header--rectangle{
			height: 250px;/*uUpdating px amount for WF171416 from 460 to 450 kjennings*/
		}
		.evo__header--title{
			padding-top: 20px;
		}
		.evo__header--title h2{
			font-size: 22px;
			line-height: 30px;
			padding-bottom: 20px;
		}
	}
	/* START WF174726 Megan D: adding h3 title and description */
	.evo__header--title h3{
		text-align: center;
		font-size: 20px;
		line-height: 22px;
		margin-bottom: 16px;
		padding-bottom: 0;
	}
	@media screen and (min-width: 768px) {
		.evo__header--title h3 {
			font-size: 30px;
			line-height: 34px;
		}
	}
	.evo__header--description p {
		font-size: 16px;
		line-height: 24px;
		margin: auto auto 20px;
		max-width: 355px;
	}
	@media screen and (min-width: 768px) {
		.evo__header--description p {
			margin-bottom: 24px;
			max-width: 680px;
		}
	}
	/* END WF174726 */
/* END WF170571 MD */

.evo__dashboard-column-left{
	padding-right: 1rem !important;
	max-width: 353px;
}
.evo__dashboard-column-right{
	padding-left: 0;
}
@media (max-width: 600px) {
	.evo__dashboard-column-left{
		max-width: 600px;
	}
	.evo__dashboard-column-right .grid{
		padding-left: 0.6rem !important;
		padding-right: 0.6rem !important;
	}
}

/* START WF171663 Megan D: Adding css for toggles */
.newToggle.ui.checkbox input:checked~.box:before,
.newToggle.ui.checkbox input:checked~label:before {
	background:#bd83ca;
	border-color:rgba(34,36,38,.35)
}
.newToggle.ui.toggle.checkbox {
	min-height:1.5rem
}
.newToggle.ui.toggle.checkbox input {
	width:3.5rem;
	height:1.5rem
}
.newToggle.ui.toggle.checkbox .box,
.newToggle.ui.toggle.checkbox label {
	min-height:1.5rem;
	padding-left:4.5rem;
}
.newToggle.ui.toggle.checkbox label {
	padding-top:.15em
}
.newToggle.ui.toggle.checkbox .box:before,
.newToggle.ui.toggle.checkbox label:before {
	display:block;
	position:absolute;
	content:'';
	z-index:1;
	-webkit-transform:none;
	transform:none;
	border:none;
	top:0;
	background:rgba(0,0,0,.05);
	-webkit-box-shadow:none;
	box-shadow:none;
	width:3.5rem;
	height:1.5rem;
	border-radius:500rem
}
.newToggle.ui.toggle.checkbox .box:after,
.newToggle.ui.toggle.checkbox label:after {
	background:#fff -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));
	background:#fff -webkit-linear-gradient(transparent,rgba(0,0,0,.05));
	background:#fff linear-gradient(transparent,rgba(0,0,0,.05));
	position:absolute;
	content:''!important;
	opacity:1;
	z-index:2;
	border:none;
	-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
	box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
	width:1.5rem;
	height:1.5rem;
	top:0;
	left:0;
	border-radius:500rem;
	-webkit-transition:background .3s ease,left .3s ease;
	transition:background .3s ease,left .3s ease
}
.newToggle.ui.toggle.checkbox input~.box:after,
.newToggle.ui.toggle.checkbox input~label:after {
	left:-.05rem;
	-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
	box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset
}
.newToggle.ui.toggle.checkbox input:focus~.box:before,
.newToggle.ui.toggle.checkbox input:focus~label:before {
	border:none
}
.newToggle.ui.toggle.checkbox .box:hover::before,
.newToggle.ui.toggle.checkbox label:hover::before {
	background-color:rgba(0,0,0,.15);
	border:none
}
.newToggle.ui.toggle.checkbox input:checked~.box:before,
.newToggle.ui.toggle.checkbox input:checked~label:before {
	background-color:#bd83ca !important
}
.newToggle.ui.toggle.checkbox input:checked~.box:after,
.newToggle.ui.toggle.checkbox input:checked~label:after {
	left:2.15rem;
	-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;
	box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset
}
.newToggle.ui.toggle.checkbox input:focus:checked~.box:before,
.newToggle.ui.toggle.checkbox input:focus:checked~label:before {
	background-color:#bd83ca !important;
}
.newToggle.ui.checkbox input:checked~.box:after,
.newToggle.ui.checkbox input:checked~label:after {
	background-color: #ffffff !important;
}
.newToggle.ui.toggle.checkbox input:checked~.box,
.newToggle.ui.toggle.checkbox input:checked~label {
	font-size: 16px;
	font-weight: 800;
	color: #364657 !important;
}
/* END WF171663 MD */

/* WF172073_JE */
.promo_div_mobile {
	width: 100%;
	height: 100%;
	padding: 16px;
}

.promo_div_mobile > .mobile-menu-promo {
	width: 100%;
	object-fit: cover;
}
.promo_div_mobile img {
	border-radius: 5px;
}
.promo_div_mobile a {
	width: 100% !important;
}

.promo-hidden {
	display: none;
}

.sponsor-count {
	min-width: 20px;
	min-height: 20px;
	padding: 0.2em!important;
	font-size: 10px;
	font-weight: 700;
	line-height: 15px;
	text-align: center;
	border-radius: 500rem;
	background-color: #BD8BCA !important;
	border-color: #BD8BCA !important;
	color: #ffffff !important;
	position: absolute;
	transform: translate(-4px, -2px);
	z-index: 99;
}
.nocontent {
	padding: 1rem 2rem 1rem 0rem;
}
#cssmenu ul ul li .nocontent {
	padding-top: 0.5rem;
}

.nocontent:before, .nocontent:after {
	content: none !important;
}

/* WF172073_JE End */