.primary-colour {
    color: #d54123;
}

.primary-colour-bg {
    background-color: #d54123;
}

.table th, .dataTables_scrollHead th {
    background-color: #d54123;
}

a.button, input[type=button], input[type=submit] {
    background-color: #d54123;
}

input[type=text], input[type=password], input[type=search], input[type=date], input[type=email] {
    border: 1px solid #d54123;
}


#summary p {
    margin: 0.5em 0;
}
#summary .center {
    margin: -0.25em;
}

#summary .button {
    font-size: 0.8em;
    padding: 0.5em;
    margin-right: 0;
    margin-top: 0em;
    margin-bottom: -0.25em;
}

#summary #gogreen {
    margin-top: -0.25em;
    margin-bottom: 0.25em;
    padding: 0.5em 1em;
    font-size: 0.8em;
    background-color: #4CAF50;
}

#summary #view {
    padding: 0.5em 1em;
    margin-top: -1em;
}

#summary #rewards {
    margin-top: 1em;
    padding: 0.5em 0.65em;
    font-size: 0.9em;
}

#personalInfoForm fieldset {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid #d54123;
    border-radius: 0.5em;
    margin-bottom: 1em;
    padding: 0 1em;
}

#personalInfoForm legend {
    font-weight: bold;
    padding: 0 0.5em;
}

#personalInfoForm h2 {
    text-align: left;
}

#section1 fieldset {
    margin-bottom: 1em;
    padding-bottom: 2em;
}

#section2 fieldset {
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}

#section1 label {
    display: block;
    margin-top: 1.5em;
}

#section1 select {
    margin-top: 0.5em;
}

#section2 select {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 1.5em;
}

#disabled > label {
    display: block;
    margin-top: 1.5em;
}

#optional p {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

#gender span, #disabled span {
    display: block;
    margin: 0.5em 0;
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v92/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format('woff2');
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
}

.infobutton {
    position: relative;
    top: 6px;
    color: #5c5c5c;
}

.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 260px;
    background-color: #4c4c4c;
    color: #fff;
    text-align: center;
    font-size: 0.85em;
    padding: 0.5em;
    border-radius: 0.5em;
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

#mydetails #personalInfo {
    font-size: 0.9em;
    background-color: #d54123;
}

#personalinfomodal {
    display: none;
}