/*** Header ***/
/* Landscape phones and portrait tablets */
/* Portrait phones and smaller */
/* desktops and laptops */
/* Portrait tablets and small desktops */
* {
  font-family: 'Open Sans', sans-serif;
  color: #757575;
}
body {
  background-color: #FFFFFF;
}
header #syfCaLogo .navbar {
  background-color: #FFFFFF;
  border-bottom: 3px solid #FFFFFF;
}
header #syfCaCardBox {
  background-color: #005d63;
}
header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild h2 {
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
}
header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild p {
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
}
main .syfCaBox .syfCaBoxHeading h2 {
  font-family: 'Open Sans', sans-serif;
  color: #3b3c43;
}
main .syfCaBox .syfCaBoxHeading h2 sup {
  color: #3b3c43;
}
main .syfCaBox .syfCaBoxHeading p {
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}
main .syfCaBox .syfCaBoxHeading span {
  font-family: 'Open Sans', sans-serif;
}
main .syfCaBox .confirmationPage ul li {
  color: #333333;
}
main .syfCaBoxForm .input-group {
  background-color: #ffffff;
}
main .syfCaBoxForm .btn-green {
  background-color: #387e79;
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
  border-color: #006564;
}
main .syfCaBoxForm .btn:hover {
  color: #FFFFFF;
}
main .syfCaBoxForm .form-control {
  color: #333333;
}
main .syfCaBoxForm .input-group-addon {
  background-color: #ffffff;
}
main .syfCaBoxForm .help-block {
  font-family: 'Open Sans', sans-serif;
  color: #757575;
}
main .dobForm .form-control {
  color: #333333;
}
main .dobForm .form-group.label-floating label.control-label {
  font-family: 'Open Sans', sans-serif;
}
main .errorBlock .control-label {
  color: #c63527 !important;
}
main .errorBlock .form-control:focus {
  border-color: #c63527;
}
main .errorBlock .input-group {
  border: 1px solid #c63527;
}
main .errorMessage {
  font-family: 'Open Sans', sans-serif;
  color: #c63527;
}
main .mainErrorBlock {
  background: #ededeb;
}
main .mainErrorBlock .mainErrorBlockText {
  font-family: 'Open Sans', sans-serif;
  color: #c63527;
}
.form-group.label-static label.control-label {
  font-family: 'Open Sans', sans-serif;
  color: #757575;
}
.form-group.label-floating.is-focused label.control-label {
  font-family: 'Open Sans', sans-serif;
  color: #757575;
}
.form-group.label-floating:not(.is-empty) label.control-label {
  font-family: 'Open Sans', sans-serif;
  color: #757575;
}
footer #syfCaFooterText p {
  font-family: 'Open Sans', sans-serif;
}
footer #syfCaFooter {
  background-color: #387e79;
}
footer #syfCaFooterMenu ul li {
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
}
footer #syfCaFooterMenu ul li a {
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
}
footer #syfCaFooterMenu ul li .pipe {
  color: #FFFFFF;
}
#syfCaFooterMenu p {
  font-family: 'Open Sans', sans-serif;
  color: #FFFFFF;
}
#chatForHelp a {
  background-color: #387e79;
  color: #FFFFFF;
}
@media (max-width: 768px) {
  header #syfCaCardBox {
    background-color: #005d63;
  }
  header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild h2 {
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
  }
  header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild p {
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
  }
}
@media (max-width: 760px) {
  header #syfCaCardBox {
    background-color: #005d63;
  }
  header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild h2 {
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
  }
  header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild p {
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
  }
}
@media (max-width: 480px) {
  #syfCaCardBox {
    background-color: #005d63;
  }
  footer #syfCaFooterMenu ul li {
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
  }
  footer #syfCaFooterMenu ul li a {
    font-family: 'Open Sans', sans-serif;
  }
  #syfCaFooterMenu p {
    font-family: 'Open Sans', sans-serif;
    color: #757575;
    color: #FFFFFF;
  }
}
@media screen and (orientation: landscape) and (max-device-width: 740px) {
  header #syfCaCardBox {
    background-color: #005d63;
  }
  header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild h2 {
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
  }
  header #syfCaCardBox #syfCaCardBoxPuller .cardArtBox .cardArtBoxChild p {
    font-family: 'Open Sans', sans-serif;
    color: #FFFFFF;
  }
}
/* Register Pages*/
.registerPage {
  background-color: #000000;
}
.registerPage main .syfCaBoxHeading h2 {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}
.registerPage main .syfCaBoxHeading p {
  color: #757575;
  font-family: 'Open Sans', sans-serif;
}
.registerPage main .syfCaBoxForm .btn-white {
  color: #FFFFFF;
}
.registerPage main .syfCaBoxForm h5 {
  font-family: 'Open Sans', sans-serif;
}
.registerPage main .syfCaBoxForm h6 {
  font-family: 'Open Sans', sans-serif;
}
.registerPage main .syfCaBoxForm .normalIcon {
  color: #333 !important;
}
.registerPage main .syfCaBoxForm .normalIcon span {
  color: #333 !important;
}
.registerPage main .syfCaBoxForm .normalIcon span:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f068";
}
.registerPage main .syfCaBoxForm .errorIcon {
  color: #c63527 !important;
}
.registerPage main .syfCaBoxForm .errorIcon span {
  color: #c63527 !important;
}
.registerPage main .syfCaBoxForm .errorIcon span:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f00d";
}
.registerPage main .syfCaBoxForm .checkIcon {
  color: #4a8a3b !important;
}
.registerPage main .syfCaBoxForm .checkIcon span {
  color: #4a8a3b !important;
}
.registerPage main .syfCaBoxForm .checkIcon span:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f00c";
}
.registerPage main .syfCaBoxForm .warningIcon {
  color: #333 !important;
}
.registerPage main .syfCaBoxForm .warningIcon span {
  color: #333 !important;
}
.registerPage main .syfCaBoxForm .warningIcon span:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f05a";
}
.registerPage main .syfCaBoxForm .togglePassword {
  color: #000000;
}
.registerPage main .syfCaBoxForm .errorCheckPassword ul {
  background-color: #f4f4f4;
}
.registerPage main .syfCaBoxForm .errorCheckPassword ul li {
  color: #333333;
  font-family: 'Open Sans', sans-serif;
}
.registerPage main .syfCaBoxForm .formSection label.checkbox-inline {
  color: #333333;
}
.registerPage main .syfCaBoxForm .formSection .form-group i {
  color: #006564;
}
.registerPage main .syfCaBoxForm .formSection .helpTextBox p {
  color: #757575;
  font-family: 'Open Sans', sans-serif;
}
.registerPage main .syfCaBoxForm .formSection .helpTextBox a {
  color: #367d79;
  font-family: 'Open Sans', sans-serif;
}
.registerPage main .syfCaBoxForm .formSection .errorMessage p {
  color: #c63527;
}
.registerPage main .syfCaBoxForm .formSection .iconHead .icon i {
  color: #006564;
}
.registerPage main .syfCaBoxForm .formSection .iconHead .heading h5 {
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}
.registerPage main .syfCaBoxForm .formSection .iconHead .heading h6 {
  font-family: 'Open Sans', sans-serif;
  color: #333333;
}
.registerPage main .syfCaBoxForm .errorMessage .info:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f05a";
  color: #c63527;
}
.registerPage main .syfCaBoxForm .errorMessage span {
  color: #c63527;
}
.registerPage main .syfCaBoxForm .radioButtonBox label span {
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.08), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background-color: #ffffff;
}
.registerPage main .syfCaBoxForm .radioButtonBox input:checked + span {
  border-color: #FFFFFF;
  background-color: #387e79;
  color: #006564;
}
.registerPage main .syfCaBoxForm .radioButtonBox input:checked + span:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  content: "\f00c";
  color: #4a8a3b !important;
}
.modal {
  background: #1d2323b5;
}
.modal .modal-content .modal-header {
  background: #387e79;
  color: #FFFFFF;
}
.modal .modal-content .modal-body {
  background: #ffffff;
}
.modal .close {
  color: #000;
  text-shadow: 0 1px 0 #ffffff;
}
.modal .close i {
  color: #FFFFFF;
  font-size: 1.5em;
  text-shadow: 0 1px 0 #ffffff;
}
.imageProb i {
  color: #005d63;
}
.modal {
  background: #1d2323b5;
}
.modal .modal-content .modal-header {
  background: #387e79;
  color: #FFFFFF;
}
.modal .modal-content .modal-body {
  background: #ffffff;
}
.modal .close i {
  color: #FFFFFF;
  font-size: 1.5em;
}
header sup {
  color: #FFFFFF;
}
#langSwitch .nav > li > a,
#langSwitch .nav > li > a i {
  color: #000000;
}