@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&300,400,600,700');
body {line-height: 20px; background: transparent;}
.ui.text.container, .message img.text.container {font-size: 14px;}

html, body {
	background: ;
  font-size: 14px;
}

body,
.ui.text.container, .message img.text.container,
.ui.form input:not([type]), .message img.form input:not([type]), .ui.form input[type="date"], .message img.form input[type="date"], .ui.form input[type="datetime-local"], .message img.form input[type="datetime-local"], .ui.form input[type="email"], .message img.form input[type="email"], .ui.form input[type="number"], .message img.form input[type="number"], .ui.form input[type="password"], .message img.form input[type="password"], .ui.form input[type="search"], .message img.form input[type="search"], .ui.form input[type="tel"], .message img.form input[type="tel"], .ui.form input[type="time"], .message img.form input[type="time"], .ui.form input[type="text"], .message img.form input[type="text"], .ui.form input[type="file"], .message img.form input[type="file"], .ui.form input[type="url"], .message img.form input[type="url"],
.ui.button, .message img.button,
.ui.steps .step .description, .message img.steps .step .description
{
  font-family: 'Source Sans Pro', sans-serif;;
  color: #000000;
}

.ui.form .field > label, .message img.form .field > label,
.ui.checkbox label, .message img.checkbox label, .ui.checkbox + label, .message img.checkbox + label {
  color: #283583;
}


h1, h2, h3, h4, h5,
.ui.header, .message img.header,
.ui.steps .step.active .title, .message img.steps .step.active .title,
.ui.steps .step .title, .message img.steps .step .title
{
  font-family: 'Source Sans Pro', sans-serif;;
  color: #283583;
}

  h1, h1.ui.header {
    font-size: 24px;
  }
  h2, h2.ui.header {
    font-size: 22px;
  }
  h3, h3.ui.header {
    font-size: 20px;
  }

.ui.panel
{
  background: #ebebeb;
}
.ui.panel, .ui.panel h2 {
  color: #283583;
}

.ui.primary.buttons .button, .message img.primary.buttons .button, .ui.primary.button, .message img.primary.button
{
  background-color:  #283583;
}

.ui.primary.buttons .button:hover, .message img.primary.buttons .button:hover, .ui.primary.button:hover, .message img.primary.button:hover
{
  background-color: #424f9d;
}

a {
	color: #283583;
}

a:hover {
	color: #424f9d;
}

.slick-prev:before, .slick-next:before {
	color: #283583;
}

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

.ui.form .fields.error .field textarea, .message img.form .fields.error .field textarea, .ui.form .fields.error .field select, .message img.form .fields.error .field select, .ui.form .fields.error .field input:not([type]), .message img.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .message img.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .message img.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .message img.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="number"], .message img.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .message img.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .message img.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .message img.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="time"], .message img.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="text"], .message img.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="file"], .message img.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="url"], .message img.form .fields.error .field input[type="url"], .ui.form .field.error textarea, .message img.form .field.error textarea, .ui.form .field.error select, .message img.form .field.error select, .ui.form .field.error input:not([type]), .message img.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .message img.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .message img.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .message img.form .field.error input[type="email"], .ui.form .field.error input[type="number"], .message img.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .message img.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .message img.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .message img.form .field.error input[type="tel"], .ui.form .field.error input[type="time"], .message img.form .field.error input[type="time"], .ui.form .field.error input[type="text"], .message img.form .field.error input[type="text"], .ui.form .field.error input[type="file"], .message img.form .field.error input[type="file"], .ui.form .field.error input[type="url"], .message img.form .field.error input[type="url"] {
  color: #ff0000;
  border-color: #ff0000;
}

.ui.form .field.error textarea:focus, .message img.form .field.error textarea:focus, .ui.form .field.error select:focus, .message img.form .field.error select:focus, .ui.form .field.error input:not([type]):focus, .message img.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .message img.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .message img.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .message img.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="number"]:focus, .message img.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .message img.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .message img.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .message img.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="time"]:focus, .message img.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="text"]:focus, .message img.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="file"]:focus, .message img.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="url"]:focus, .message img.form .field.error input[type="url"]:focus {
  color: #ff0000;
  border-color: #ff0000;
}

.ui.form .fields.error .field textarea, .message img.form .fields.error .field textarea, .ui.form .fields.error .field select, .message img.form .fields.error .field select, .ui.form .fields.error .field input:not([type]), .message img.form .fields.error .field input:not([type]), .ui.form .fields.error .field input[type="date"], .message img.form .fields.error .field input[type="date"], .ui.form .fields.error .field input[type="datetime-local"], .message img.form .fields.error .field input[type="datetime-local"], .ui.form .fields.error .field input[type="email"], .message img.form .fields.error .field input[type="email"], .ui.form .fields.error .field input[type="number"], .message img.form .fields.error .field input[type="number"], .ui.form .fields.error .field input[type="password"], .message img.form .fields.error .field input[type="password"], .ui.form .fields.error .field input[type="search"], .message img.form .fields.error .field input[type="search"], .ui.form .fields.error .field input[type="tel"], .message img.form .fields.error .field input[type="tel"], .ui.form .fields.error .field input[type="time"], .message img.form .fields.error .field input[type="time"], .ui.form .fields.error .field input[type="text"], .message img.form .fields.error .field input[type="text"], .ui.form .fields.error .field input[type="file"], .message img.form .fields.error .field input[type="file"], .ui.form .fields.error .field input[type="url"], .message img.form .fields.error .field input[type="url"], .ui.form .field.error textarea, .message img.form .field.error textarea, .ui.form .field.error select, .message img.form .field.error select, .ui.form .field.error input:not([type]), .message img.form .field.error input:not([type]), .ui.form .field.error input[type="date"], .message img.form .field.error input[type="date"], .ui.form .field.error input[type="datetime-local"], .message img.form .field.error input[type="datetime-local"], .ui.form .field.error input[type="email"], .message img.form .field.error input[type="email"], .ui.form .field.error input[type="number"], .message img.form .field.error input[type="number"], .ui.form .field.error input[type="password"], .message img.form .field.error input[type="password"], .ui.form .field.error input[type="search"], .message img.form .field.error input[type="search"], .ui.form .field.error input[type="tel"], .message img.form .field.error input[type="tel"], .ui.form .field.error input[type="time"], .message img.form .field.error input[type="time"], .ui.form .field.error input[type="text"], .message img.form .field.error input[type="text"], .ui.form .field.error input[type="file"], .message img.form .field.error input[type="file"], .ui.form .field.error input[type="url"], .message img.form .field.error input[type="url"],
.ui.form .fields.error .field .ui.dropdown, .message img.form .fields.error .field .ui.dropdown, .ui.form .fields.error .field .message img.dropdown, .message .ui.form .fields.error .field img.dropdown, .message img.form .fields.error .field img.dropdown, .ui.form .fields.error .field .ui.dropdown .item, .message img.form .fields.error .field .ui.dropdown .item, .ui.form .fields.error .field .message img.dropdown .item, .message .ui.form .fields.error .field img.dropdown .item, .message img.form .fields.error .field img.dropdown .item, .ui.form .field.error .ui.dropdown, .message img.form .field.error .ui.dropdown, .ui.form .field.error .message img.dropdown, .message .ui.form .field.error img.dropdown, .message img.form .field.error img.dropdown, .ui.form .field.error .ui.dropdown .text, .message img.form .field.error .ui.dropdown .text, .ui.form .field.error .message img.dropdown .text, .message .ui.form .field.error img.dropdown .text, .message img.form .field.error img.dropdown .text, .ui.form .field.error .ui.dropdown .item, .message img.form .field.error .ui.dropdown .item, .ui.form .field.error .message img.dropdown .item, .message .ui.form .field.error img.dropdown .item, .message img.form .field.error img.dropdown .item {
  color: #ff0000;
  border-color: #ff0000;
  background: ;
}

.ui.form .fields.error .field .ui.dropdown .menu .item:hover, .message img.form .fields.error .field .ui.dropdown .menu .item:hover, .ui.form .fields.error .field .message img.dropdown .menu .item:hover, .message .ui.form .fields.error .field img.dropdown .menu .item:hover, .message img.form .fields.error .field img.dropdown .menu .item:hover, .ui.form .field.error .ui.dropdown .menu .item:hover, .message img.form .field.error .ui.dropdown .menu .item:hover, .ui.form .field.error .message img.dropdown .menu .item:hover, .message .ui.form .field.error img.dropdown .menu .item:hover, .message img.form .field.error img.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .selected.item, .message img.form .fields.error .field .ui.dropdown .menu .selected.item, .ui.form .fields.error .field .message img.dropdown .menu .selected.item, .message .ui.form .fields.error .field img.dropdown .menu .selected.item, .message img.form .fields.error .field img.dropdown .menu .selected.item, .ui.form .field.error .ui.dropdown .menu .selected.item, .message img.form .field.error .ui.dropdown .menu .selected.item, .ui.form .field.error .message img.dropdown .menu .selected.item, .message .ui.form .field.error img.dropdown .menu .selected.item, .message img.form .field.error img.dropdown .menu .selected.item {
  background: ;
}

.ui.form .field.error textarea:focus, .message img.form .field.error textarea:focus, .ui.form .field.error select:focus, .message img.form .field.error select:focus, .ui.form .field.error input:not([type]):focus, .message img.form .field.error input:not([type]):focus, .ui.form .field.error input[type="date"]:focus, .message img.form .field.error input[type="date"]:focus, .ui.form .field.error input[type="datetime-local"]:focus, .message img.form .field.error input[type="datetime-local"]:focus, .ui.form .field.error input[type="email"]:focus, .message img.form .field.error input[type="email"]:focus, .ui.form .field.error input[type="number"]:focus, .message img.form .field.error input[type="number"]:focus, .ui.form .field.error input[type="password"]:focus, .message img.form .field.error input[type="password"]:focus, .ui.form .field.error input[type="search"]:focus, .message img.form .field.error input[type="search"]:focus, .ui.form .field.error input[type="tel"]:focus, .message img.form .field.error input[type="tel"]:focus, .ui.form .field.error input[type="time"]:focus, .message img.form .field.error input[type="time"]:focus, .ui.form .field.error input[type="text"]:focus, .message img.form .field.error input[type="text"]:focus, .ui.form .field.error input[type="file"]:focus, .message img.form .field.error input[type="file"]:focus, .ui.form .field.error input[type="url"]:focus, .message img.form .field.error input[type="url"]:focus {
  background: ;
}

.ui.red.labels .label, .message img.red.labels .label, .ui.red.label, .message img.red.label {
  background: #ff0000!important;
}

.ui.error.message, .message img.error.message, .ui.attached.error.message, .message img.attached.error.message {
  -webkit-box-shadow: 0px 0px 0px 1px #ff0000 inset, 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 1px #ff0000 inset, 0px 0px 0px 0px transparent;
}

.ui.error.message, .message img.error.message {
  background-color: ;
  color: #ff0000;
}

.ui.info.message, .message img.info.message, .ui.attached.info.message, .message img.attached.info.message {
  -webkit-box-shadow: 0px 0px 0px 1px  inset, 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 1px  inset, 0px 0px 0px 0px transparent;
}

.ui.info.message, .message img.info.message {
  background-color: ;
  color: ;
}

.field.boolean.optional.donation_charity_donation_amounts_signup {display: none}

body > .ui.container.segment, body > .ui.container {
    max-width: none !important; width: auto !important; padding: .9375rem; border: none; box-shadow: none; background: transparent;
}
body {
    padding-top: 0;
}
/* Add some space between charities */
div.ui.items .item + .item {
    margin-top: 3em;
}
/* Notice name isn't an H2 any more */
ul.notices-list img + a {
    margin-bottom: 0.5em;
    display: block;
}
/* Override font-size settings and reset to follow body */
.ui.segment {
    font-size: inherit;
}
.ui.text.container,
.message img.text.container,
.ui.items > .item .meta {
    font-size: inherit;
    line-height: inherit;
}
.ui.table,.message img.table {
    color: inherit;
}
/* Add This text */
.at-share-btn-elements:before {
    content: "Share:";
    font-size: 16px;
    line-height: 30px;
    vertical-align: top;
    margin-right: 0.25em;
  }
  
/* Center align images */
.center img {
    margin-left: auto;
    margin-right: auto;
}
/* Center align logo and FD address when service details printed */
@media print {
    .container > .logo {
        text-align: center;
    }
    .container > p:last-child {
        text-align: center;
    }
}
/* Mobile styling on profile search */
@media (max-width: 600px) {
    input#search_surname {
        flex: 0 1 auto;
    }    
}
/* Mobile styling on payment steps */
@media (max-width: 600px) {
    .active.step > .content {
        display: none !important;
    }
    .ui.form .field.currency.required.donation_charity_donation_amounts_amount input {
        max-width:unset;
        width: 0;
    }    
}
/* Mobile styling on notices page */
@media (max-width: 600px) {
    .profiles_show .segment .eight.wide.column {width: 100% !important;text-align: center;}
    .profiles_show .segment .eight.wide.column > a {float: none;}
    .profiles_show > .container > .ui.items > .item > .content {text-align:center;}
    #service-details + p {text-align:center; margin: 0 !important; padding-top: 1em;}
}
