@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: local("Open Sans Italic"), local("OpenSans-Italic"), url(https://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdc1GAK6b.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format("woff2");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhpKKSTjw.woff2) format("woff2");
}
@font-face {
  font-family: "phricon";
  src: url("/Resources/fonts/phricon.eot?i7zc97");
  src: url("/Resources/fonts/phricon.eot?i7zc97#iefix") format("embedded-opentype"), url("/Resources/fonts/phricon.ttf?i7zc97") format("truetype"), url("/Resources/fonts/phricon.woff?i7zc97") format("woff"), url("/Resources/fonts/phricon.svg?i7zc97#phricon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=phricon-],
[class*=" phricon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "phricon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}

.phricon-diet-snicon5:before {
  content: "\e900";
}

.phricon-fitness-snicon5:before {
  content: "\e901";
}

.phricon-metabolism-snicon5:before {
  content: "\e902";
}

.phricon-skincare-snicon5:before {
  content: "\e903";
}

.phricon-appandportal-standard:before {
  content: "\e904";
}

.phricon-dna-standard4:before {
  content: "\e905";
}

.phricon-healthp-standard4:before {
  content: "\e906";
}

.phricon-messaging-standard4:before {
  content: "\e907";
}

.phricon-other-standard4:before {
  content: "\e908";
}

.phricon-person-standard4:before {
  content: "\e909";
}

.phricon-reminder-standard4:before {
  content: "\e90a";
}

.phricon-shareandcare-standard4:before {
  content: "\e90b";
}

.phricon-courier-standard4:before {
  content: "\e90c";
}

.phricon-dnaanalysis-standard4:before {
  content: "\e90d";
}

.phricon-dnaapproved-standard4:before {
  content: "\e90e";
}

.phricon-dnabox-standard4:before {
  content: "\e90f";
}

.phricon-dnaexclamation-standard4:before {
  content: "\e910";
}

.phricon-dnaquestion4:before {
  content: "\e911";
}

.phricon-dnaresults-standard4:before {
  content: "\e912";
}

.phricon-dnatest-standard4:before {
  content: "\e913";
}

.phricon-accountandsecurty-standard3:before {
  content: "\e914";
}

.phricon-addnavigation-action3:before {
  content: "\e915";
}

.phricon-add-action3:before {
  content: "\e916";
}

.phricon-appointment-standard3:before {
  content: "\e917";
}

.phricon-allergy-standard3:before {
  content: "\e918";
}

.phricon-documentsandletters-standard3:before {
  content: "\e919";
}

.phricon-dismiss-standard3:before {
  content: "\e91a";
}

.phricon-fitnessmonitor-standard3:before {
  content: "\e91b";
}

.phricon-gprecord2-standard3:before {
  content: "\e91c";
}

.phricon-mapoverview-standard3:before {
  content: "\e91d";
}

.phricon-menu-standard3:before {
  content: "\e91e";
}

.phricon-messaging-standard3:before {
  content: "\e91f";
}

.phricon-mygp-standard3:before {
  content: "\e920";
}

.phricon-myhealthrecord-standard3:before {
  content: "\e921";
}

.phricon-navigationarrow-action3:before {
  content: "\e922";
}

.phricon-newmedication-standard3:before {
  content: "\e923";
}

.phricon-newrepeatmed-standard3:before {
  content: "\e924";
}

.phricon-newsfeed-standard3:before {
  content: "\e925";
}

.phricon-prescription-standard3:before {
  content: "\e926";
}

.phricon-repeatprescription-action3:before {
  content: "\e927";
}

.phricon-profile-circle3:before {
  content: "\e928";
}

.phricon-ribbon-standard3:before {
  content: "\e92b";
}

.phricon-shareandcare-standard3:before {
  content: "\e92c";
}

.phricon-speechbnotification-standard3:before {
  content: "\e92d";
}

.phricon-speechbubble-standard3:before {
  content: "\e92e";
}

.phricon-timeline-standard3:before {
  content: "\e92f";
}

.phricon-vaccinations-standard3:before {
  content: "\e930";
}

.phricon-view-standard3:before {
  content: "\e931";
}

.phricon-advanced-circle3:before {
  content: "\e932";
}

.phricon-history-circle3:before {
  content: "\e933";
}

.phricon-logout-circle3:before {
  content: "\e934";
}

.phricon-myaccount-circle3:before {
  content: "\e935";
}

.phricon-mygadgets-circle3:before {
  content: "\e936";
}

.phricon-mygp-circle3:before {
  content: "\e937";
}

.phricon-shareoptions-circle3:before {
  content: "\e938";
}

.phricon-courier-standard3:before {
  content: "\e939";
}

.phricon-dna-circle3:before {
  content: "\e93a";
}

.phricon-dnalogo-circle3:before {
  content: "\e93b";
}

.phricon-dnasnip-standard3:before {
  content: "\e93c";
}

.phricon-allergen1-standard2:before {
  content: "\e93d";
}

.phricon-allergen2-standard2:before {
  content: "\e93e";
}

.phricon-allergen3-standard2:before {
  content: "\e93f";
}

.phricon-allrecords-standard2:before {
  content: "\e940";
}

.phricon-arrow-minimal2:before {
  content: "\e941";
}

.phricon-back-action2:before {
  content: "\e942";
}

.phricon-check-action2:before {
  content: "\e943";
}

.phricon-close-action2:before {
  content: "\e944";
}

.phricon-date-standard2:before {
  content: "\e945";
}

.phricon-delete-standard2:before {
  content: "\e946";
}

.phricon-documents-standard2:before {
  content: "\e947";
}

.phricon-edit-standard2:before {
  content: "\e948";
}

.phricon-eglogo-standard2:before {
  content: "\e949";
}

.phricon-exclamation-action2:before {
  content: "\e94a";
}

.phricon-expandarrow-minimal2:before {
  content: "\e94b";
}

.phricon-facebook-standard2:before {
  content: "\e94c";
}

.phricon-fitness-standard2:before {
  content: "\e94d";
}

.phricon-gprecord-standard2:before {
  content: "\e94e";
}

.phricon-gpsummary-standard2:before {
  content: "\e94f";
}

.phricon-healthorg-standard2:before {
  content: "\e950";
}

.phricon-helathrecord-standard2:before {
  content: "\e951";
}

.phricon-info-standard2:before {
  content: "\e952";
}

.phricon-instagram-standard2:before {
  content: "\e953";
}

.phricon-linkedin-standard2:before {
  content: "\e954";
}

.phricon-lock-standard2:before {
  content: "\e955";
}

.phricon-logout-standard2:before {
  content: "\e956";
}

.phricon-map-standard2:before {
  content: "\e957";
}

.phricon-medconfirmation-standard2:before {
  content: "\e958";
}

.phricon-medication-standard2:before {
  content: "\e959";
}

.phricon-medicationdiary-standard2:before {
  content: "\e95a";
}

.phricon-menu-standard2:before {
  content: "\e95b";
}

.phricon-message-standard2:before {
  content: "\e95c";
}

.phricon-messagegp-standard2:before {
  content: "\e95d";
}

.phricon-myaccountborder-standard2:before {
  content: "\e95e";
}

.phricon-myaccountfill-standard2:before {
  content: "\e95f";
}

.phricon-mygp-standard2:before {
  content: "\e960";
}

.phricon-newsfeed-standard2:before {
  content: "\e961";
}

.phricon-next-action2:before {
  content: "\e962";
}

.phricon-onlinepharmacy-standard2:before {
  content: "\e963";
}

.phricon-reminders-standard2:before {
  content: "\e964";
}

.phricon-repeatprescription-action2:before {
  content: "\e965";
}

.phricon-search-standard2:before {
  content: "\e966";
}

.phricon-shareandcare-standard2:before {
  content: "\e967";
}

.phricon-spinningwheel-action2:before {
  content: "\e968";
}

.phricon-starborder-standard2:before {
  content: "\e969";
}

.phricon-starfill-standard2:before {
  content: "\e96a";
}

.phricon-switchprofile-standard2:before {
  content: "\e96b";
}

.phricon-takenmedication-standard2:before {
  content: "\e96c";
}

.phricon-twitter-standard2:before {
  content: "\e96d";
}

.phricon-vaccinations-standard2:before {
  content: "\e96e";
}

.phricon-upload-action2:before {
  content: "\e96f";
}

.phricon-view-standard2:before {
  content: "\e970";
}

.phricon-warning-standard2:before {
  content: "\e971";
}

.phricon-youtube-standard2:before {
  content: "\e972";
}

.phricon-courier-standard2:before {
  content: "\e973";
}

.phricon-dnaanalysis-standard2:before {
  content: "\e974";
}

.phricon-dnaapproved-standard2:before {
  content: "\e975";
}

.phricon-dnabox-standard2:before {
  content: "\e976";
}

.phricon-dnaexclamation-standard2:before {
  content: "\e977";
}

.phricon-dnalock-action2:before {
  content: "\e978";
}

.phricon-dnaquestion-standard2:before {
  content: "\e979";
}

.phricon-dnaresults-standard2:before {
  content: "\e97a";
}

.phricon-dnatest-standard2:before {
  content: "\e97b";
}

.phricon-openlockdna-action2:before {
  content: "\e97c";
}

.phricon-address-minimal1:before {
  content: "\e97d";
}

.phricon-arrow2-minimal1:before {
  content: "\e97e";
}

.phricon-arrowup-minimal1:before {
  content: "\e97f";
}

.phricon-barcode-minimal1:before {
  content: "\e980";
}

.phricon-bell-minimal1:before {
  content: "\e981";
}

.phricon-camera-minimal1:before {
  content: "\e982";
}

.phricon-check-action1:before {
  content: "\e983";
}

.phricon-close-minimal1:before {
  content: "\e984";
}

.phricon-collapsearrow-minimal1:before {
  content: "\e985";
}

.phricon-courier-minimal1:before {
  content: "\e986";
}

.phricon-email-minimal1:before {
  content: "\e987";
}

.phricon-expandarrow-minimal1:before {
  content: "\e988";
}

.phricon-export-minimal1:before {
  content: "\e989";
}

.phricon-Indeterminate-action1:before {
  content: "\e98a";
}

.phricon-info-minimal1:before {
  content: "\e98b";
}

.phricon-lock-minimal1:before {
  content: "\e98c";
}

.phricon-mute-minimal1:before {
  content: "\e98d";
}

.phricon-navigationarrow-minimal1:before {
  content: "\e98e";
}

.phricon-navigationarrow2-minimal1:before {
  content: "\e98f";
}

.phricon-options-minimal1:before {
  content: "\e990";
}

.phricon-phonenumber-minimal1:before {
  content: "\e991";
}

.phricon-pin-minimal1:before {
  content: "\e992";
}

.phricon-qrcode-minimal1:before {
  content: "\e993";
}

.phricon-search-minimal1:before {
  content: "\e994";
}

.phricon-selectoption-minimal1:before {
  content: "\e995";
}

.phricon-star-minimal1:before {
  content: "\e996";
}

.phricon-www-minimal1:before {
  content: "\e997";
}

.phricon-medicine-bottle:before {
  content: "\e800";
}

.phricon-medication-alt:before {
  content: "\e801";
}

.phricon-disabled:before {
  content: "\e802";
}

.phricon-stethoscope:before {
  content: "\e803";
}

.phricon-book:before {
  content: "\e804";
}

.phricon-image:before {
  content: "\e805";
}

.phricon-family-tree:before {
  content: "\e806";
}

.phricon-person:before {
  content: "\e807";
}

.phricon-mail:before {
  content: "\e808";
}

.phricon-marker:before {
  content: "\e809";
}

.phricon-people-alt:before {
  content: "\e80a";
}

.phricon-stomach:before {
  content: "\e80b";
}

.phricon-kidneys:before {
  content: "\e80c";
}

.phricon-heart:before {
  content: "\e80d";
}

.phricon-lungs:before {
  content: "\e80e";
}

.phricon-hand:before {
  content: "\e80f";
}

.phricon-knee:before {
  content: "\e810";
}

.phricon-fingerprint:before {
  content: "\e811";
}

.phricon-nose:before {
  content: "\e812";
}

.phricon-ear:before {
  content: "\e813";
}

.phricon-back:before {
  content: "\e814";
}

.phricon-star:before {
  content: "\e815";
}

.phricon-running:before {
  content: "\e816";
}

.phricon-ruler:before {
  content: "\e817";
}

.phricon-alarm:before {
  content: "\e818";
}

.phricon-calendar:before {
  content: "\e819";
}

.phricon-time:before {
  content: "\e81a";
}

.phricon-knife-and-fork:before {
  content: "\e81b";
}

.phricon-search:before {
  content: "\e81c";
}

.phricon-speech-bubble:before {
  content: "\e81d";
}

.phricon-arrow-right:before {
  content: "\e81e";
}

.phricon-add:before {
  content: "\e81f";
}

.phricon-delete:before {
  content: "\e820";
}

.phricon-camera:before {
  content: "\e821";
}

.phricon-download-file:before {
  content: "\e822";
}

.phricon-chart-line:before {
  content: "\e823";
}

.phricon-chart-section:before {
  content: "\e824";
}

.phricon-chart-pie:before {
  content: "\e825";
}

.phricon-chart-bar:before {
  content: "\e826";
}

.phricon-eye:before {
  content: "\e827";
}

.phricon-cog:before {
  content: "\e828";
}

.phricon-health-record:before {
  content: "\e829";
}

.phricon-monitor:before {
  content: "\e82a";
}

.phricon-security:before {
  content: "\e82b";
}

.phricon-medication-history:before {
  content: "\e82c";
}

.phricon-sao2:before {
  content: "\e82d";
}

.phricon-respiration:before {
  content: "\e82e";
}

.phricon-respirationrate:before {
  content: "\e82e";
}

.phricon-up:before {
  content: "\e82f";
}

.phricon-temperature:before {
  content: "\e830";
}

.phricon-down:before {
  content: "\e831";
}

.phricon-bloodpressure:before {
  content: "\e832";
}

.phricon-weight:before {
  content: "\e833";
}

.phricon-pulse:before {
  content: "\e834";
}

.phricon-peakexpflow:before {
  content: "\e835";
}

.phricon-bodyfat:before {
  content: "\e836";
}

.phricon-musclemass:before {
  content: "\e836";
}

.phricon-hydration:before {
  content: "\e836";
}

.phricon-bloodglucose:before {
  content: "\e837";
}

.phricon-waisthipratio:before {
  content: "\e838";
}

.phricon-height:before {
  content: "\e839";
}

.phricon-condition:before {
  content: "\e83a";
}

.phricon-allergy:before {
  content: "\e83b";
}

.phricon-medication:before {
  content: "\e83c";
}

.phricon-comment:before {
  content: "\e83d";
}

.phricon-donor-details:before {
  content: "\e83e";
}

.phricon-share:before {
  content: "\e83f";
}

.phricon-new-file:before {
  content: "\e840";
}

.phricon-shield:before {
  content: "\e841";
}

.phricon-report:before {
  content: "\e842";
}

.phricon-history:before {
  content: "\e843";
}

.phricon-capsule-open:before {
  content: "\e844";
}

.phricon-lock:before {
  content: "\e845";
}

.phricon-people:before {
  content: "\e846";
}

.phricon-plaster:before {
  content: "\e847";
}

.phricon-heart-outline:before {
  content: "\e848";
}

.phricon-cholesterol:before {
  content: "\e848";
}

.phricon-visceralfatrating:before {
  content: "\e848";
}

.phricon-head:before {
  content: "\e849";
}

.phricon-brain:before {
  content: "\e84a";
}

.phricon-linkaccount:before {
  content: "\e84d";
}

.phricon-location:before {
  content: "\e84e";
}

.phricon-messages:before {
  content: "\e84f";
}

.phricon-openletter:before {
  content: "\e850";
}

.phricon-phr1:before {
  content: "\e851";
}

.phricon-phr2:before {
  content: "\e852";
}

.phricon-phr3:before {
  content: "\e853";
}

.phricon-prescription:before {
  content: "\e854";
}

.phricon-repeatprescription:before {
  content: "\e855";
}

.phricon-results:before {
  content: "\e856";
}

.phricon-search-1:before {
  content: "\e857";
}

.phricon-summary:before {
  content: "\e858";
}

.phricon-vaccination-1:before {
  content: "\e859";
}

.phricon-allergen1:before {
  content: "\e85a";
}

.phricon-allergen2:before {
  content: "\e85b";
}

.phricon-allergen3:before {
  content: "\e85c";
}

.phricon-appointments:before {
  content: "\e85d";
}

.phricon-bookappointments:before {
  content: "\e85e";
}

.phricon-connectgp:before {
  content: "\e85f";
}

.phricon-extra2:before {
  content: "\e860";
}

.phricon-extra3:before {
  content: "\e861";
}

.phricon-extra4:before {
  content: "\e862";
}

.phricon-filter:before {
  content: "\e863";
}

.phricon-findpractice:before {
  content: "\e864";
}

.phricon-gp:before {
  content: "\e865";
}

.phricon-letter:before {
  content: "\e866";
}

.phricon-egheart:before {
  content: "\e86a";
}

.phricon-lock-1:before {
  content: "\e86b";
}

.phricon-circleuser:before {
  content: "\e86c";
}

.phricon-circlecross:before {
  content: "\e86d";
}

.phricon-noallergy:before {
  content: "\e86e";
}

.phricon-document-manager:before {
  content: "\e929";
}

.phricon-document:before {
  content: "\e929";
}

.phricon-vaccination:before {
  content: "\e92a";
}

/*$primary: #3aaa35;#2A8436;#38b54a;*/
/*****************************
* NEW DESIGN SYSTEM COLOURS: *
******************************/
/* MyDigitalGP Specific Colours */
.phr-widelettering {
  letter-spacing: 2px;
}

h1 {
  color: #003087;
  margin: 0px 0px 0.5em 0px;
  padding: 4px;
}

h1 a,
h2 a {
  color: inherit;
  font-size: 19px;
  text-decoration: underline;
  font-weight: normal;
  float: right;
  padding-top: 13px;
}

div.button {
  text-align: right;
  margin: 6px 0 1px;
}
div.button.bottom {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

input {
  /* Prevent IoS devices overriding input and submit button styles */
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
}

input[type=submit],
button,
a.button {
  color: #fff;
  background: #003087;
  border: 1px solid #60c4ad;
  background-color: #003087;
  font-size: 0.8em;
  text-align: center;
  padding: 0.7em;
  padding-left: 0.5em;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center left 0.25em;
  background-size: 1.75em;
  border-color: #003087;
  border-radius: 100px;
  background-clip: padding-box;
  cursor: pointer;
  white-space: nowrap;
}
input[type=submit].big-icon,
button.big-icon,
a.button.big-icon {
  background-size: 2.5em;
}
input[type=submit]:hover,
button:hover,
a.button:hover {
  color: #fff;
  background-color: #003087;
}
input[type=submit].floating,
button.floating,
a.button.floating {
  float: right;
}
input[type=submit].gap-top,
button.gap-top,
a.button.gap-top {
  margin-top: 0.5em;
}
input[type=submit].warning, input[type=submit].remove,
button.warning,
button.remove,
a.button.warning,
a.button.remove {
  color: #FF2E7E;
  background-color: white;
  border: 1px solid #FF2E7E;
}
input[type=submit].warning:hover, input[type=submit].remove:hover,
button.warning:hover,
button.remove:hover,
a.button.warning:hover,
a.button.remove:hover {
  background-color: rgb(255, 192.3, 216.3);
}
input[type=submit].disabled, input[type=submit]:disabled,
button.disabled,
button:disabled,
a.button.disabled,
a.button:disabled {
  border-color: #989898;
  color: #989898;
  background-color: #eee;
  cursor: default;
}
input[type=submit].disabled:hover, input[type=submit]:disabled:hover,
button.disabled:hover,
button:disabled:hover,
a.button.disabled:hover,
a.button:disabled:hover {
  background-color: #eee;
}
input[type=submit] + button,
button + button,
a.button + button {
  margin-left: 4px;
}
input[type=submit]#modalDialog_confirm font,
button#modalDialog_confirm font,
a.button#modalDialog_confirm font {
  color: #fff;
}
input[type=submit]#modalDialog_confirm, input[type=submit].return, input[type=submit].login, input[type=submit].large,
button#modalDialog_confirm,
button.return,
button.login,
button.large,
a.button#modalDialog_confirm,
a.button.return,
a.button.login,
a.button.large {
  width: 100%;
  height: 2.5em;
  margin: 1em 0 2em;
  line-height: 1;
  border-radius: 100px;
  border: 1px solid #003087;
  background-color: #003087;
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
input[type=submit]#modalDialog_confirm:hover, input[type=submit].return:hover, input[type=submit].login:hover, input[type=submit].large:hover,
button#modalDialog_confirm:hover,
button.return:hover,
button.login:hover,
button.large:hover,
a.button#modalDialog_confirm:hover,
a.button.return:hover,
a.button.login:hover,
a.button.large:hover {
  background-color: #7094DB;
  border-color: #7094DB;
}
input[type=submit]#modalDialog_confirm:active, input[type=submit].return:active, input[type=submit].login:active, input[type=submit].large:active,
button#modalDialog_confirm:active,
button.return:active,
button.login:active,
button.large:active,
a.button#modalDialog_confirm:active,
a.button.return:active,
a.button.login:active,
a.button.large:active {
  background-color: #003087;
  border-color: #003087;
}
input[type=submit]#modalDialog_confirm.warning, input[type=submit].return.warning, input[type=submit].login.warning, input[type=submit].large.warning,
button#modalDialog_confirm.warning,
button.return.warning,
button.login.warning,
button.large.warning,
a.button#modalDialog_confirm.warning,
a.button.return.warning,
a.button.login.warning,
a.button.large.warning {
  background-color: #FF2E7E;
  border-color: #FF2E7E;
}
input[type=submit]#modalDialog_confirm.warning:hover, input[type=submit].return.warning:hover, input[type=submit].login.warning:hover, input[type=submit].large.warning:hover,
button#modalDialog_confirm.warning:hover,
button.return.warning:hover,
button.login.warning:hover,
button.large.warning:hover,
a.button#modalDialog_confirm.warning:hover,
a.button.return.warning:hover,
a.button.login.warning:hover,
a.button.large.warning:hover {
  background-color: rgb(255, 192.3, 216.3);
}
input[type=submit]#modalDialog_confirm.subtle, input[type=submit].return.subtle, input[type=submit].login.subtle, input[type=submit].large.subtle,
button#modalDialog_confirm.subtle,
button.return.subtle,
button.login.subtle,
button.large.subtle,
a.button#modalDialog_confirm.subtle,
a.button.return.subtle,
a.button.login.subtle,
a.button.large.subtle {
  background-color: #f0f0f0;
  color: #454545;
}
input[type=submit]#modalDialog_confirm.subtle:hover, input[type=submit].return.subtle:hover, input[type=submit].login.subtle:hover, input[type=submit].large.subtle:hover,
button#modalDialog_confirm.subtle:hover,
button.return.subtle:hover,
button.login.subtle:hover,
button.large.subtle:hover,
a.button#modalDialog_confirm.subtle:hover,
a.button.return.subtle:hover,
a.button.login.subtle:hover,
a.button.large.subtle:hover {
  background-color: #f7f7f7;
}
input[type=submit].return, input[type=submit].large,
button.return,
button.large,
a.button.return,
a.button.large {
  margin: 0;
}
input[type=submit].login-contact,
button.login-contact,
a.button.login-contact {
  border-radius: 100px;
  height: 48px;
  width: 186px;
  line-height: 1;
  color: #3366cc;
  border: solid 2px #3366cc;
  font-size: 18px;
  font-weight: 600;
  padding-left: 55px;
  background-position: 20px;
  background-image: url("/Resources/Images/Icons/contact_p.svg");
}
input[type=submit].login-contact:hover,
button.login-contact:hover,
a.button.login-contact:hover {
  color: #3366cc;
  background-color: #f0f0f0;
}
input[type=submit].login-contact:active,
button.login-contact:active,
a.button.login-contact:active {
  background-color: #e2e2e2;
}
input[type=submit].cookie,
button.cookie,
a.button.cookie {
  color: #3366cc;
  background-color: #fff;
  min-width: 140px;
  width: 165px;
  height: 40px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}
input[type=submit].create,
button.create,
a.button.create {
  border-color: #b73d80;
  background-color: #b73d80;
  color: white;
}
input[type=submit].create:hover,
button.create:hover,
a.button.create:hover {
  background-color: rgb(204.6, 119.2, 166.1);
}
input[type=submit].nextscreen,
button.nextscreen,
a.button.nextscreen {
  border-color: #5da695;
  background-color: #5da695;
}
input[type=submit].nextscreen:hover,
button.nextscreen:hover,
a.button.nextscreen:hover {
  background-color: #6bc878;
}
input[type=submit].app-slot,
button.app-slot,
a.button.app-slot {
  width: 90%;
  padding-left: 2.3em;
  background-image: url("/Resources/Images/Icons/bookappointments_p.svg");
}
input[type=submit].app-slot:hover,
button.app-slot:hover,
a.button.app-slot:hover {
  background-image: url("/Resources/Images/Icons/bookappointments_white.svg");
}
input[type=submit].busy,
button.busy,
a.button.busy {
  padding-left: 2.3em;
  background-image: url("/Resources/Images/Icons/info_disabled.svg");
}
input[type=submit].busy:hover,
button.busy:hover,
a.button.busy:hover {
  background-image: url("/Resources/Images/Icons/info_disabled.svg");
}
input[type=submit].search,
button.search,
a.button.search {
  padding-left: 2.3em;
  background-image: url("/Resources/Images/Icons/search_p.svg");
}
input[type=submit].search:hover,
button.search:hover,
a.button.search:hover {
  background-image: url("/Resources/Images/Icons/search_white.svg");
}
input[type=submit].page-next,
button.page-next,
a.button.page-next {
  padding-right: 2em;
  float: right;
  background-position: right;
  background-image: url("/Resources/Images/Icons/pagenextsimple_p.svg");
}
input[type=submit].page-next:hover,
button.page-next:hover,
a.button.page-next:hover {
  background-image: url("/Resources/Images/Icons/pagenextsimple_white.svg");
}
input[type=submit].page-next:disabled,
button.page-next:disabled,
a.button.page-next:disabled {
  background-image: url("/Resources/Images/Icons/pagenextsimple_disabled.svg");
}
input[type=submit].page-previous,
button.page-previous,
a.button.page-previous {
  padding-left: 2em;
  float: left;
  background-image: url("/Resources/Images/Icons/pageprevioussimple_p.svg");
}
input[type=submit].page-previous:hover,
button.page-previous:hover,
a.button.page-previous:hover {
  background-image: url("/Resources/Images/Icons/pageprevioussimple_white.svg");
}
input[type=submit].big,
button.big,
a.button.big {
  font-size: 1.4em;
}
input[type=submit],
button,
a.button {
  /*	
  	&.warning {

  		background-image: url("/Resources/Images/Icons/warningoutline.svg");
  		background-size: 1.6em;
  		&:hover { background-image: url("/Resources/Images/Icons/warningoutline.svg"); }

  	}

  	&.remove {
  		background-image: url("/Resources/Images/Icons/minus.svg");
  		background-size: 1.6em;
  		&:hover { background-image: url("/Resources/Images/Icons/minus.svg"); }

  	}
  */
}
input[type=submit].app-book,
button.app-book,
a.button.app-book {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/bookappointments_w.svg");
}
input[type=submit].app-book:hover,
button.app-book:hover,
a.button.app-book:hover {
  background-image: url("/Resources/Images/mdgp/Icons/bookappointments_w.svg");
}
input[type=submit].app-book.invert,
button.app-book.invert,
a.button.app-book.invert {
  background-image: url("/Resources/Images/mdgp/Icons/bookappointments_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].app-book.invert:hover,
button.app-book.invert:hover,
a.button.app-book.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/bookappointments_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].app-book:disabled,
button.app-book:disabled,
a.button.app-book:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/bookappointments_d.svg");
}
input[type=submit].app-book:disabled:hover,
button.app-book:disabled:hover,
a.button.app-book:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/bookappointments_d.svg");
}
input[type=submit].app-past,
button.app-past,
a.button.app-past {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
}
input[type=submit].app-past:hover,
button.app-past:hover,
a.button.app-past:hover {
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
}
input[type=submit].app-past.invert,
button.app-past.invert,
a.button.app-past.invert {
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].app-past.invert:hover,
button.app-past.invert:hover,
a.button.app-past.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].app-past:disabled,
button.app-past:disabled,
a.button.app-past:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/history1_d.svg");
}
input[type=submit].app-past:disabled:hover,
button.app-past:disabled:hover,
a.button.app-past:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/history1_d.svg");
}
input[type=submit].pre-req,
button.pre-req,
a.button.pre-req {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/prescription_w.svg");
}
input[type=submit].pre-req:hover,
button.pre-req:hover,
a.button.pre-req:hover {
  background-image: url("/Resources/Images/mdgp/Icons/prescription_w.svg");
}
input[type=submit].pre-req.invert,
button.pre-req.invert,
a.button.pre-req.invert {
  background-image: url("/Resources/Images/mdgp/Icons/prescription_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].pre-req.invert:hover,
button.pre-req.invert:hover,
a.button.pre-req.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/prescription_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].pre-req:disabled,
button.pre-req:disabled,
a.button.pre-req:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/prescription_d.svg");
}
input[type=submit].pre-req:disabled:hover,
button.pre-req:disabled:hover,
a.button.pre-req:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/prescription_d.svg");
}
input[type=submit].close,
button.close,
a.button.close {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/delete-standard2_w.svg");
}
input[type=submit].close:hover,
button.close:hover,
a.button.close:hover {
  background-image: url("/Resources/Images/mdgp/Icons/delete-standard2_w.svg");
}
input[type=submit].close.invert,
button.close.invert,
a.button.close.invert {
  background-image: url("/Resources/Images/mdgp/Icons/delete-standard2_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].close.invert:hover,
button.close.invert:hover,
a.button.close.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/delete-standard2_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].close:disabled,
button.close:disabled,
a.button.close:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/delete-standard2_d.svg");
}
input[type=submit].close:disabled:hover,
button.close:disabled:hover,
a.button.close:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/delete-standard2_d.svg");
}
input[type=submit].print,
button.print,
a.button.print {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/print_w.svg");
}
input[type=submit].print:hover,
button.print:hover,
a.button.print:hover {
  background-image: url("/Resources/Images/mdgp/Icons/print_w.svg");
}
input[type=submit].print.invert,
button.print.invert,
a.button.print.invert {
  background-image: url("/Resources/Images/mdgp/Icons/print_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].print.invert:hover,
button.print.invert:hover,
a.button.print.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/print_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].print:disabled,
button.print:disabled,
a.button.print:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/print_d.svg");
}
input[type=submit].print:disabled:hover,
button.print:disabled:hover,
a.button.print:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/print_d.svg");
}
input[type=submit].cancel,
button.cancel,
a.button.cancel {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/recyclebin_w.svg");
}
input[type=submit].cancel:hover,
button.cancel:hover,
a.button.cancel:hover {
  background-image: url("/Resources/Images/mdgp/Icons/recyclebin_w.svg");
}
input[type=submit].cancel.invert,
button.cancel.invert,
a.button.cancel.invert {
  background-image: url("/Resources/Images/mdgp/Icons/recyclebin_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].cancel.invert:hover,
button.cancel.invert:hover,
a.button.cancel.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/recyclebin_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].cancel:disabled,
button.cancel:disabled,
a.button.cancel:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/recyclebin_d.svg");
}
input[type=submit].cancel:disabled:hover,
button.cancel:disabled:hover,
a.button.cancel:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/recyclebin_d.svg");
}
input[type=submit].account,
button.account,
a.button.account {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/circleuser_w.svg");
}
input[type=submit].account:hover,
button.account:hover,
a.button.account:hover {
  background-image: url("/Resources/Images/mdgp/Icons/circleuser_w.svg");
}
input[type=submit].account.invert,
button.account.invert,
a.button.account.invert {
  background-image: url("/Resources/Images/mdgp/Icons/circleuser_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].account.invert:hover,
button.account.invert:hover,
a.button.account.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/circleuser_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].account:disabled,
button.account:disabled,
a.button.account:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/circleuser_d.svg");
}
input[type=submit].account:disabled:hover,
button.account:disabled:hover,
a.button.account:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/circleuser_d.svg");
}
input[type=submit].gadgets,
button.gadgets,
a.button.gadgets {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/gadgets2_w.svg");
}
input[type=submit].gadgets:hover,
button.gadgets:hover,
a.button.gadgets:hover {
  background-image: url("/Resources/Images/mdgp/Icons/gadgets2_w.svg");
}
input[type=submit].gadgets.invert,
button.gadgets.invert,
a.button.gadgets.invert {
  background-image: url("/Resources/Images/mdgp/Icons/gadgets2_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].gadgets.invert:hover,
button.gadgets.invert:hover,
a.button.gadgets.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/gadgets2_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].gadgets:disabled,
button.gadgets:disabled,
a.button.gadgets:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/gadgets2_d.svg");
}
input[type=submit].gadgets:disabled:hover,
button.gadgets:disabled:hover,
a.button.gadgets:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/gadgets2_d.svg");
}
input[type=submit].advanced,
button.advanced,
a.button.advanced {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
}
input[type=submit].advanced:hover,
button.advanced:hover,
a.button.advanced:hover {
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
}
input[type=submit].advanced.invert,
button.advanced.invert,
a.button.advanced.invert {
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].advanced.invert:hover,
button.advanced.invert:hover,
a.button.advanced.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].advanced:disabled,
button.advanced:disabled,
a.button.advanced:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/settings_d.svg");
}
input[type=submit].advanced:disabled:hover,
button.advanced:disabled:hover,
a.button.advanced:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/settings_d.svg");
}
input[type=submit].settings,
button.settings,
a.button.settings {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
}
input[type=submit].settings:hover,
button.settings:hover,
a.button.settings:hover {
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
}
input[type=submit].settings.invert,
button.settings.invert,
a.button.settings.invert {
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].settings.invert:hover,
button.settings.invert:hover,
a.button.settings.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/settings_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].settings:disabled,
button.settings:disabled,
a.button.settings:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/settings_d.svg");
}
input[type=submit].settings:disabled:hover,
button.settings:disabled:hover,
a.button.settings:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/settings_d.svg");
}
input[type=submit].history,
button.history,
a.button.history {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
}
input[type=submit].history:hover,
button.history:hover,
a.button.history:hover {
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
}
input[type=submit].history.invert,
button.history.invert,
a.button.history.invert {
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].history.invert:hover,
button.history.invert:hover,
a.button.history.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/history1_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].history:disabled,
button.history:disabled,
a.button.history:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/history1_d.svg");
}
input[type=submit].history:disabled:hover,
button.history:disabled:hover,
a.button.history:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/history1_d.svg");
}
input[type=submit].gp,
button.gp,
a.button.gp {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/gp_w.svg");
}
input[type=submit].gp:hover,
button.gp:hover,
a.button.gp:hover {
  background-image: url("/Resources/Images/mdgp/Icons/gp_w.svg");
}
input[type=submit].gp.invert,
button.gp.invert,
a.button.gp.invert {
  background-image: url("/Resources/Images/mdgp/Icons/gp_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].gp.invert:hover,
button.gp.invert:hover,
a.button.gp.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/gp_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].gp:disabled,
button.gp:disabled,
a.button.gp:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/gp_d.svg");
}
input[type=submit].gp:disabled:hover,
button.gp:disabled:hover,
a.button.gp:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/gp_d.svg");
}
input[type=submit].search,
button.search,
a.button.search {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/search_w.svg");
}
input[type=submit].search:hover,
button.search:hover,
a.button.search:hover {
  background-image: url("/Resources/Images/mdgp/Icons/search_w.svg");
}
input[type=submit].search.invert,
button.search.invert,
a.button.search.invert {
  background-image: url("/Resources/Images/mdgp/Icons/search_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].search.invert:hover,
button.search.invert:hover,
a.button.search.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/search_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].search:disabled,
button.search:disabled,
a.button.search:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/search_d.svg");
}
input[type=submit].search:disabled:hover,
button.search:disabled:hover,
a.button.search:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/search_d.svg");
}
input[type=submit].searchPostcode,
button.searchPostcode,
a.button.searchPostcode {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/findpractice_w.svg");
}
input[type=submit].searchPostcode:hover,
button.searchPostcode:hover,
a.button.searchPostcode:hover {
  background-image: url("/Resources/Images/mdgp/Icons/findpractice_w.svg");
}
input[type=submit].searchPostcode.invert,
button.searchPostcode.invert,
a.button.searchPostcode.invert {
  background-image: url("/Resources/Images/mdgp/Icons/findpractice_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].searchPostcode.invert:hover,
button.searchPostcode.invert:hover,
a.button.searchPostcode.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/findpractice_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].searchPostcode:disabled,
button.searchPostcode:disabled,
a.button.searchPostcode:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/findpractice_d.svg");
}
input[type=submit].searchPostcode:disabled:hover,
button.searchPostcode:disabled:hover,
a.button.searchPostcode:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/findpractice_d.svg");
}
input[type=submit].link,
button.link,
a.button.link {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
}
input[type=submit].link:hover,
button.link:hover,
a.button.link:hover {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
}
input[type=submit].link.invert,
button.link.invert,
a.button.link.invert {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].link.invert:hover,
button.link.invert:hover,
a.button.link.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].link:disabled,
button.link:disabled,
a.button.link:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_d.svg");
}
input[type=submit].link:disabled:hover,
button.link:disabled:hover,
a.button.link:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_d.svg");
}
input[type=submit].letter,
button.letter,
a.button.letter {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/openletter_w.svg");
}
input[type=submit].letter:hover,
button.letter:hover,
a.button.letter:hover {
  background-image: url("/Resources/Images/mdgp/Icons/openletter_w.svg");
}
input[type=submit].letter.invert,
button.letter.invert,
a.button.letter.invert {
  background-image: url("/Resources/Images/mdgp/Icons/openletter_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].letter.invert:hover,
button.letter.invert:hover,
a.button.letter.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/openletter_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].letter:disabled,
button.letter:disabled,
a.button.letter:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/openletter_d.svg");
}
input[type=submit].letter:disabled:hover,
button.letter:disabled:hover,
a.button.letter:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/openletter_d.svg");
}
input[type=submit].message,
button.message,
a.button.message {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/openLetter_w.svg");
}
input[type=submit].message:hover,
button.message:hover,
a.button.message:hover {
  background-image: url("/Resources/Images/mdgp/Icons/openLetter_w.svg");
}
input[type=submit].message.invert,
button.message.invert,
a.button.message.invert {
  background-image: url("/Resources/Images/mdgp/Icons/openLetter_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].message.invert:hover,
button.message.invert:hover,
a.button.message.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/openLetter_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].message:disabled,
button.message:disabled,
a.button.message:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/openLetter_d.svg");
}
input[type=submit].message:disabled:hover,
button.message:disabled:hover,
a.button.message:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/openLetter_d.svg");
}
input[type=submit].no-letter,
button.no-letter,
a.button.no-letter {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/warningoutline_w.svg");
}
input[type=submit].no-letter:hover,
button.no-letter:hover,
a.button.no-letter:hover {
  background-image: url("/Resources/Images/mdgp/Icons/warningoutline_w.svg");
}
input[type=submit].no-letter.invert,
button.no-letter.invert,
a.button.no-letter.invert {
  background-image: url("/Resources/Images/mdgp/Icons/warningoutline_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].no-letter.invert:hover,
button.no-letter.invert:hover,
a.button.no-letter.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/warningoutline_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].no-letter:disabled,
button.no-letter:disabled,
a.button.no-letter:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/warningoutline_d.svg");
}
input[type=submit].no-letter:disabled:hover,
button.no-letter:disabled:hover,
a.button.no-letter:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/warningoutline_d.svg");
}
input[type=submit].save,
button.save,
a.button.save {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/icon-31_w.svg");
}
input[type=submit].save:hover,
button.save:hover,
a.button.save:hover {
  background-image: url("/Resources/Images/mdgp/Icons/icon-31_w.svg");
}
input[type=submit].save.invert,
button.save.invert,
a.button.save.invert {
  background-image: url("/Resources/Images/mdgp/Icons/icon-31_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].save.invert:hover,
button.save.invert:hover,
a.button.save.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/icon-31_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].save:disabled,
button.save:disabled,
a.button.save:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/icon-31_d.svg");
}
input[type=submit].save:disabled:hover,
button.save:disabled:hover,
a.button.save:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/icon-31_d.svg");
}
input[type=submit].help,
button.help,
a.button.help {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
}
input[type=submit].help:hover,
button.help:hover,
a.button.help:hover {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
}
input[type=submit].help.invert,
button.help.invert,
a.button.help.invert {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
  color: #fff;
  border-color: #fff;
}
input[type=submit].help.invert:hover,
button.help.invert:hover,
a.button.help.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
input[type=submit].help:disabled,
button.help:disabled,
a.button.help:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_d.svg");
}
input[type=submit].help:disabled:hover,
button.help:disabled:hover,
a.button.help:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/linkaccount_d.svg");
}
input[type=submit].letter, input[type=submit].no-letter,
button.letter,
button.no-letter,
a.button.letter,
a.button.no-letter {
  width: 17.5em;
  height: 4.2em;
  font-size: 1em;
  white-space: normal;
  background-size: 2.5em;
  background-position-x: 1em;
}
input[type=submit].timeout,
button.timeout,
a.button.timeout {
  font-size: 1.2em;
}
input[type=submit].return, input[type=submit].pre-pharm, input[type=submit].invert,
button.return,
button.pre-pharm,
button.invert,
a.button.return,
a.button.pre-pharm,
a.button.invert {
  color: #003087;
  border: 1px solid #003087;
  background-color: #fff;
}
input[type=submit].settings.warning,
button.settings.warning,
a.button.settings.warning {
  background-image: url("/Resources/Images/Icons/settings_warning.svg");
}
input[type=submit].settings.warning:hover,
button.settings.warning:hover,
a.button.settings.warning:hover {
  background-image: url("/Resources/Images/Icons/settings_warning.svg");
}

.subtle button,
.subtle a {
  color: #706f6f;
  width: auto;
  border: 1px solid #706f6f;
  border-radius: 6px;
  background-clip: padding-box;
  font-size: 0.8em;
  padding: 0.2em 1em;
  min-width: 3.5em;
  text-align: center;
  background: none;
}

table.input th {
  text-align: right;
  color: #003087;
  padding-right: 1em;
  white-space: nowrap;
  font-weight: normal;
}
table.input td {
  position: relative;
}
table.input td.firstname {
  width: 30%;
  vertical-align: top;
}
table.input td.surname {
  width: 50%;
  vertical-align: top;
}
table.input td.drop {
  padding-right: 0.5em;
}
table.input select.error {
  color: #000;
}

table.simple {
  width: 100%;
}
table.simple tr {
  text-align: left;
}

td {
  position: relative;
}

table.history {
  width: 100%;
  font-size: 0.8em;
  border: #003087 1px solid;
  border-radius: 5px;
  margin-top: 0.5em;
}
table.history tr {
  text-align: left;
}
table.history th {
  padding-bottom: 3px;
}
table.history td {
  border-bottom: #c0c0c0 1px dotted;
}
table.history .time {
  white-space: nowrap;
}

input::-webkit-input-placeholder {
  color: #c0c0c0;
  font-size: 0.9em;
}

input::-moz-placeholder {
  color: #c0c0c0;
  font-size: 0.9em;
}

input:-ms-input-placeholder {
  color: #c0c0c0;
  font-size: 0.9em;
}

input:-moz-placeholder {
  color: #c0c0c0;
  font-size: 0.9em;
}

span.view-password {
  width: 24px;
  height: 18px;
  display: inline-block;
  background-image: url(/Resources/Images/Icons/view-standard2.svg);
  background-position: center;
  margin-left: -37px;
  margin-bottom: -4px;
  cursor: pointer;
}
span.view-password.hide {
  background-image: url(/Resources/Images/Icons/hide-standard2.svg);
}

.input-dark {
  border-radius: 8px;
  background-clip: padding-box;
  margin-bottom: 18px;
  width: 100%;
  box-sizing: border-box;
  border: solid 2px #dbdbdb;
  background: #f0f0f0;
  background-repeat: no-repeat;
  background-position: center right 10px;
  color: #939393;
  padding-left: 16px;
  font-size: 16px;
  height: 48px;
}
.input-dark:focus {
  background-color: #fff;
}
.input-dark::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #939393;
  font-size: 16px;
}
.input-dark::-moz-placeholder {
  /* Firefox 19+ */
  color: #939393;
  font-size: 16px;
}
.input-dark:-ms-input-placeholder {
  /* IE 10+ */
  color: #939393;
  font-size: 16px;
}
.input-dark:-moz-placeholder {
  /* Firefox 18- */
  color: #939393;
  font-size: 16px;
}
.input-dark.error ~ span.error {
  margin-top: -10px;
  background-color: #fae9f3;
  width: calc(100% - 28px);
  border: none;
  border-radius: 8px;
  color: #454545;
  text-align: center;
  font-size: 14px;
  padding-top: 12px;
}
.input-dark.error ~ span.error b {
  font-weight: 600;
  color: #d8338b;
}
.input-dark.error ~ span.error:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #fae9f3;
  border-width: 8px;
  margin-left: -8px;
}
.input-dark.user {
  padding-right: 40px;
  background-image: url("/Resources/Images/Icons/myaccount_greybg.svg");
  background-repeat: no-repeat;
  background-position: center right 10px;
}
.input-dark.user:focus {
  background-image: url("/Resources/Images/Icons/myaccount_bd_p.svg");
}
.input-dark.password {
  padding-right: 40px;
}
.input-dark.password.hide + span.view-password {
  background-image: url(/Resources/Images/Icons/hide-standard2.svg);
}
.input-dark.valid, .input-dark.valid:focus {
  padding-right: 40px;
  border-color: #6bc878;
  background-image: url("/Resources/Images/mdgp/Icons/icon-31.svg");
}
.input-dark.valid.password, .input-dark.valid:focus.password {
  padding-right: 70px;
  background-position: center right 40px;
}
.input-dark.valid.password + span.view-password, .input-dark.valid:focus.password + span.view-password {
  background-image: url(/Resources/Images/Icons/view-standard2_valid.svg);
}
.input-dark.valid.password.hide + span.view-password, .input-dark.valid:focus.password.hide + span.view-password {
  background-image: url(/Resources/Images/Icons/hide-standard2_valid.svg);
}
.input-dark.error, .input-dark.error:focus {
  padding-right: 40px;
  background-size: 22px;
  background-color: #f5d3e5;
  background-image: url("/Resources/Images/Icons/warning_tr.svg");
  color: #d8338b;
}
.input-dark.error::-webkit-input-placeholder, .input-dark.error:focus::-webkit-input-placeholder {
  color: #d8338b;
}
.input-dark.error::-moz-placeholder, .input-dark.error:focus::-moz-placeholder {
  color: #d8338b;
}
.input-dark.error:-ms-input-placeholder, .input-dark.error:focus:-ms-input-placeholder {
  color: #d8338b;
}
.input-dark.error *:-moz-placeholder, .input-dark.error:focus *:-moz-placeholder {
  color: #d8338b;
}
.input-dark.error.password, .input-dark.error:focus.password {
  padding-right: 70px;
  background-position: center right 40px;
}
.input-dark.error.password + span.view-password, .input-dark.error:focus.password + span.view-password {
  background-image: url(/Resources/Images/Icons/view-standard2_warning.svg);
}
.input-dark.error.password.hide + span.view-password, .input-dark.error:focus.password.hide + span.view-password {
  background-image: url(/Resources/Images/Icons/hide-standard2_warning.svg);
}

.input-light {
  font-size: 1.2em;
  height: 2.5em;
  width: 100%;
  border: 2px solid #e3ecf0;
  background-color: #e3ecf0;
  border-radius: 27px;
  padding: 0.2em 1em 0.3em 1em;
}
.input-light.error {
  border-width: 2px;
  border-style: solid;
}
.input-light.error ~ span.error {
  font-size: 80%;
  margin-top: 0;
}
.input-light.valid {
  border-width: 2px;
  border-color: #bed73b;
  padding-right: 40px;
  background-image: url("/Resources/Images/mdgp/Icons/icon-31.svg");
  background-position: center right 1em;
  background-size: 1.5em;
}
.input-light.inline {
  width: auto;
}
.input-light.inline.error ~ span.error {
  width: auto;
}
.input-light.disabled {
  border-bottom: none;
}
.input-light.contrast {
  background: white;
}
.input-light.contrast.disabled {
  background: lightgrey;
}
.input-light.wide {
  width: 40vw;
}
.input-light.multi {
  line-height: 1.2em;
  margin: 0.25em 0;
}

.input-narrow {
  width: 50%;
}

.light-back {
  background-color: rgb(229.5, 234.3, 243);
}

.light-full-width {
  display: block;
}

.select-light {
  -webkit-appearance: menulist;
  border-color: #003087;
  padding: 2px;
  font-size: 0.9em;
  /*	width: calc(100% + 1em);*/
  width: auto;
  margin: 0;
}
.select-light.inline {
  width: auto;
  padding-right: 3em;
}
.select-light.inline.error ~ span.error {
  margin-top: 0.1em;
  width: auto;
}

#PanelPicker {
  display: inline-block;
  padding: 0 3em 0.25em 0;
}
#PanelPicker #DropDay {
  width: 5em;
}
#PanelPicker #DropMonth {
  width: 7.5em;
}
#PanelPicker #DropYear {
  width: 6em;
}

div.input-container {
  position: relative;
  display: inline-block;
  margin: 0.5em 0;
}
div.input-container.extra-bottom-margin {
  margin-bottom: 2.2em;
}
div.input-container div.input-check label {
  text-align: left;
  font-size: 0.8em;
  padding-top: 0.2em;
  padding-left: 0.2em;
  cursor: pointer;
}
div.input-container textarea {
  margin: 0;
  font-size: 1em;
  line-height: 1.2em;
}
div.input-container label {
  font-size: 0.75em;
  margin-left: 1.5em;
}

div.security-question-box {
  position: relative;
  -webkit-appearance: none;
  padding: 0.25em;
  width: 23em;
  margin: 0 0 0.5em 0;
}
div.security-question-box button,
div.security-question-box input {
  position: absolute;
  right: -2px;
  bottom: -1px;
  padding: 0.5em;
}
div.security-question-box span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  border-bottom: 1px solid #003087;
  width: calc(100% - 4em);
}
div.security-question-box ~ span.error {
  display: inline-block;
  margin-bottom: 0.5em;
}

.input-form label {
  text-align: right;
  color: #003087;
  padding-right: 1em;
  white-space: nowrap;
  font-weight: normal;
  display: inline-block;
  width: 12em;
}
.input-form .label {
  margin-left: 1.15em;
}

.optionswitch input {
  -webkit-appearance: radio;
}

.optionswitch input[type=radio] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  appearance: none;
  /* For iOS < 15 to remove gradient background */
  background-color: #fff;
  /* Not removed via appearance */
  margin: 1em 0.5em 0 0;
  width: 2.5em;
  height: 2.5em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  display: grid;
  place-content: center;
  float: left;
}
.optionswitch input[type=radio]::before {
  content: "";
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 2em 2em #003087;
}
.optionswitch input[type=radio]:checked::before {
  transform: scale(2);
}
.optionswitch label {
  display: block;
  margin-top: 0.8em;
  margin-left: 2.5em;
  font-weight: bold;
}
.optionswitch label span.warning {
  color: #FF2E7E;
}

div#ViewPrescriptions .optionswitch {
  padding: 0.5em;
  display: flex;
  /*&:nth-child(2) {
  	background-color: colour.$colour-input-background;
  }*/
}
div#ViewPrescriptions .optionswitch div.optionsdescription {
  display: inline-block;
  font-size: 0.9em;
}
div#ViewPrescriptions .optionswitch div:has(> input) {
  display: inline-block;
  margin-right: 0;
  margin-left: auto;
}
div#ViewPrescriptions .optionswitch label {
  margin-left: 0;
  display: inline-block;
}

span.fancy input[type=checkbox],
input[type=checkbox].fancy {
  -webkit-appearance: none;
  border: 3px solid #003087;
  padding: 8px;
  border-radius: 6px;
  display: inline-block;
  position: relative;
  margin-left: 8px;
  margin-bottom: -4px;
  height: min-content;
}

span.fancy input[type=checkbox]:checked,
input[type=checkbox].fancy:checked {
  border: 3px solid #003087;
  color: #003087;
}

span.fancy input[type=checkbox]:checked:after,
input[type=checkbox].fancy:checked:after {
  content: "✔";
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: -5px;
  left: 2px;
  color: #003087;
}

img.thumbnail {
  display: block;
  max-width: 230px;
  max-height: 95px;
  width: auto;
  height: auto;
}

img.newsfeed-thumbnail {
  height: 100px;
  margin: 1em;
  float: left;
}

a.disabled-link {
  pointer-events: none;
}

div.detail-list.list-space-large div.list-item {
  padding-top: 1em;
  padding-bottom: 1em;
}

div.list-item {
  position: relative;
  padding: 0.5em 0;
  margin: 0 0.5em 0.5em 1em;
  border-bottom: 1px solid #e3ecf0;
}
div.list-item:not(.current):last-child {
  border-bottom: none;
}
div.list-item.selectable {
  cursor: pointer;
}
div.list-item.selectable:hover {
  background-color: #e3ecf0;
  border-radius: 30px;
  margin-left: 0em;
  margin-right: 0em;
  padding-left: 5em;
  padding-right: 0.5em;
  background-position: center left 1em;
}
div.list-item.selectable:hover div.notify {
  right: 1.5em;
}
div.list-item.last {
  border-bottom: none;
}
div.list-item.icon-left {
  padding-left: 4em;
  background-image: url("/Resources/Images/MDGP/Icons/icon-31.svg");
  background-position: center left;
  background-repeat: no-repeat;
  background-size: 3em;
}
div.list-item.icon-left.create {
  background-image: url("/Resources/Images/MDGP/Icons/icon-31.svg");
}
div.list-item.icon-left.id {
  background-image: url("/Resources/Images/MDGP/Icons/icon-12.svg");
}
div.list-item.icon-left.wait {
  background-image: url("/Resources/Images/MDGP/Icons/icon-29.svg");
}
div.list-item.icon-left.house {
  background-image: url("/Resources/Images/MDGP/Icons/icon-44.svg");
}
div.list-item.icon-left.icon-new {
  background-image: url("/Resources/Images/MDGP/Icons/icon-70.svg");
}
div.list-item.icon-left.icon-past {
  background-image: url("/Resources/Images/MDGP/Icons/icon-04.svg");
}
div.list-item.icon-left.icon-appt {
  background-image: url("/Resources/Images/MDGP/Icons/icon-22.svg");
}
div.list-item.icon-left.icon-camp {
  background-image: url("/Resources/Images/MDGP/Icons/icon-19.svg");
}
div.list-item.icon-left.icon-presc {
  background-image: url("/Resources/Images/MDGP/Icons/icon-64.svg");
}
div.list-item.icon-left.icon-serv {
  background-image: url("/Resources/Images/MDGP/Icons/icon-21.svg");
}
div.list-item.icon-left.icon-rec {
  background-image: url("/Resources/Images/MDGP/Icons/icon-08.svg");
}
div.list-item.icon-left.icon-acc {
  background-image: url("/Resources/Images/MDGP/Icons/icon-54.svg");
}
div.list-item.icon-left.icon-summary {
  background-image: url("/Resources/Images/MDGP/Icons/icon-08.svg");
}
div.list-item.icon-left.icon-consultations {
  background-image: url("/Resources/Images/MDGP/Icons/icon-22.svg");
}
div.list-item.icon-left.icon-medication {
  background-image: url("/Resources/Images/MDGP/Icons/icon-65.svg");
}
div.list-item.icon-left.icon-immunisations {
  background-image: url("/Resources/Images/MDGP/Icons/icon-61.svg");
}
div.list-item.icon-left.icon-letters {
  background-image: url("/Resources/Images/MDGP/Icons/icon-19.svg");
}
div.list-item.icon-left.icon-results {
  background-image: url("/Resources/Images/MDGP/Icons/icon-18.svg");
}
div.list-item.icon-left.icon-location {
  background-image: url("/Resources/Images/MDGP/Icons/icon-47.svg");
}
div.list-item.icon-left.icon-locked {
  background-image: url("/Resources/Images/MDGP/Icons/icon-42.svg");
}
div.list-item div.notify {
  position: absolute;
  top: 0.5em;
  right: 1em;
  width: 2em;
  height: 2em;
  border: 1px solid #FF2E7E;
  border-radius: 50%;
  background-image: url("/Resources/Images/MDGP/Icons/icon-29_w.svg");
  background-size: 1.5em;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #FF2E7E;
  cursor: pointer;
}
div.list-item div.notify div.notify-message {
  display: none;
  position: absolute;
  width: 10em;
  top: 1em;
  right: 1em;
  background-color: #fff;
  border-radius: 20px;
  border: 2px solid #FF2E7E;
  padding: 0.5em;
  text-align: center;
}
div.list-item div.notify:hover div.notify-message {
  display: block;
}
div.list-item:has(div.notify) {
  padding-right: 3em;
}
div.list-item h3 {
  font-weight: normal;
  font-size: 1.5em;
  margin: 0.25em 0;
}
div.list-item p {
  margin: 0.25em 0;
}
div.list-item div.list-item-distance {
  font-weight: bold;
}
div.list-item div.list-item-name {
  line-height: 1.2em;
  font-size: 1.2em;
}
div.list-item span.postcode {
  white-space: nowrap;
}

.settings #DataSharingOptionsContainer {
  max-width: 50%;
}

.switch-container {
  text-align: right;
}

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 24px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #003087;
}

input:focus + .slider {
  box-shadow: 0 0 1px #003087;
}

input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#Record {
  background: none;
}
#Record div.content {
  position: relative;
  background: #fff;
}
#Record div.content div.box-title {
  position: relative;
}
#Record div.content div.box-title div.heading {
  margin-right: 2em;
  position: relative;
}
#Record div.content div.box-title div.warning {
  border-radius: 3px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
  padding: 8px;
  background-color: #f6e081;
  border-color: #fecb2e;
}
#Record div.content div.box-content {
  clear: both;
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}
#lightbox #Record div.content div.box-content {
  height: 100%;
}
#lightbox #Record div.content {
  height: 100%;
}
#lightbox #Record {
  height: 100%;
}
#Record.auto-height div.content div.box-content {
  height: auto;
  margin-bottom: 1em;
}

/* Record selector */
div.box-content div.record-select {
  display: inline;
  text-align: right;
  font-weight: bold;
  position: relative;
}
div.box-content div.record-select a.select-record-link {
  border: 1px solid #30b743;
  border-bottom: none;
  padding: 0 0.4em 0 1.2em;
  background-image: url("/Resources/Images/disclose-closed.png");
  background-repeat: no-repeat;
  background-position: center left;
  white-space: nowrap;
}
div.box-content div.record-select div.record-select-options {
  display: none;
}

div.record-select-options span {
  display: block;
  font-size: 0.9em;
  cursor: pointer;
  padding: 0 4px;
}
div.record-select-options span:hover {
  background: #30b743;
}

/* Medical Record Authenticator */
table.authenticate {
  text-align: center;
  margin-top: 1em;
}
table.authenticate th {
  text-align: right;
}
table.authenticate td {
  text-align: left;
}
table.authenticate td.header {
  text-align: center;
  font-size: 180%;
  font-weight: bold;
  color: #003087;
}
table.authenticate td.description {
  text-align: center;
  font-weight: bold;
}
table.authenticate td.label {
  text-align: right;
}
table.authenticate td.input {
  padding-left: 1em;
}
table.authenticate td.input input {
  width: 2em;
}
table.authenticate td.patient-last-login, table.authenticate td.patient-name, table.authenticate td.patient-dob {
  width: 50%;
  padding-left: 10px;
}
table.authenticate td.patient-name, table.authenticate td.patient-dob {
  font-weight: bold;
}
table.authenticate td.confirm-text {
  text-align: justify;
}
table.authenticate td button {
  width: 100%;
}

table.print {
  margin: auto;
  text-align: center;
}
table.print div.print {
  height: auto;
  border: solid 2px #003087;
  border-radius: 3px;
  background-clip: padding-box;
  color: #107bcc;
  padding: 0.5em;
  margin: 0.5em;
}
table.print a:hover div.print {
  background-color: rgb(127.5, 151.5, 195);
}
table.print img {
  border: none;
}
table.print span.print-label {
  max-width: 7em;
  float: left;
  padding: 2.5em 0.5em 0;
  text-align: center;
}

/* Results table settings */
table.results {
  margin: 0;
  border-collapse: collapse;
  width: 100%;
}
table.results tbody {
  display: grid;
}
table.results tr.clickable,
table.results td.clickable {
  cursor: pointer;
  border-radius: 20px;
}
table.results tr.clickable:hover,
table.results td.clickable:hover {
  background: #f0f0f0;
}
table.results td.clickable {
  text-decoration: underline;
}
table.results th {
  color: #8246af;
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
}
table.results td {
  text-align: left;
  display: block;
  padding-left: 1.5em;
}
@media (min-width: 600px) {
  table.results td {
    display: table-cell;
    vertical-align: top;
  }
}
table.results td:first-child {
  padding-left: 0;
  font-weight: bold;
}
table.results td.date {
  font-weight: bold;
}
table.results td.type {
  padding-left: 0.5em;
}
table.results td.comment {
  padding-left: 10px;
}
table.results a {
  font-weight: bold;
  text-decoration: underline;
}
table.results a.consultation-letter {
  font-size: 0.9em;
}
table.results tr.sub-header td {
  color: #8246af;
  padding-left: 1em;
}
table.results tr.sub-header td.sub-heading {
  font-weight: bold;
  color: #8246af;
  padding-left: 0;
}
table.results tr.sub-header td.date {
  font-weight: bold;
}
table.results tr.sub-header td b {
  color: #8246af;
}
table.results tr.system-update td, table.results tr.system td {
  background-color: #fff;
  padding-left: 2em;
}
table.results tr.system td {
  cursor: pointer;
}
table.results tr.system td:hover {
  background-color: #ccf;
}
table.results span.units {
  color: #989898;
}
table.results span.empty {
  color: #989898;
  font-size: 80%;
}
table.results span.invalid {
  color: #aa4e78;
}
table.results.letters tr.clickable td:last-child {
  width: 100%;
}
table.results.letters span.attachment-type {
  position: relative;
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: block;
  float: right;
  margin: 0.2em 1em 0.4em;
  background-image: url("/Resources/Images/MDGP/Icons/icon-09.svg");
  background-size: 100%;
  background-position: center;
}
table.results.letters span.attachment-type.pdf {
  background-image: url("/Resources/Images/MDGP/Icons/icon-19.svg");
}
table.results.letters span.attachment-type.html {
  background-image: url("/Resources/Images/MDGP/Icons/icon-19.svg");
}

/* Tab panel */
div.panel-info {
  margin: 0 6px;
  font-size: 0.9em;
}
div.panel-info::after {
  content: "";
  clear: both;
  display: table;
}

div.content-info {
  border: solid 1px #003087;
  border-top: none;
  color: #107bcc;
  background-color: rgb(178.5, 192.9, 219);
  padding: 4px;
  display: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
}

div.panel-pager, div.panel-tab {
  margin: 1px 20px 0;
  font-weight: bold;
  display: inline;
}

div.panel-tab {
  text-align: right;
  float: right;
  padding-top: 1px;
}

span.tab-button, span.tab-button-active {
  border: solid 1px #003087;
  background-color: rgb(178.5, 192.9, 219);
  padding: 2px 4px 0;
  display: inline;
  color: #003087;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
  cursor: pointer;
}
span.tab-button a, span.tab-button-active a {
  color: #003087;
}

span.tab-button-active {
  border-top: solid 1px rgb(178.5, 192.9, 219);
  color: #107bcc;
}
span.tab-button-active a {
  color: #107bcc;
}

div.content-info div.definition {
  margin: 4px;
  padding: 4px;
  border: 1px solid #99f;
  background-color: #ccf;
}
div.content-info div.definition div.definition-heading {
  font-weight: bold;
}
div.content-info div.definition div.definition-content {
  margin-left: 4em;
}
div.content-info div.pils {
  margin: 8px;
  padding: 4px;
  max-height: 145px;
  overflow: auto;
}
div.content-info div.pils div.pils-heading {
  font-weight: bold;
}
div.content-info div.pils div.pils-content {
  margin-left: 4em;
}

div.consent {
  text-align: center;
  margin: auto;
  margin-top: 1em;
  padding: 0.1em;
}
div.consent h2 {
  text-align: center;
  font-size: 180%;
  font-weight: bold;
  padding: 0.5em;
  margin: 0;
}
div.consent p {
  margin: 0.5em;
}
div.consent div {
  text-align: left;
  position: relative;
}
div.consent div.buttons {
  float: none;
  margin-left: 2.5em;
  margin-bottom: 1em;
}
div.consent div.error {
  margin: 0.25em;
  padding: 0;
  font-weight: inherit;
}
div.consent div.error.details {
  padding: 0.5em 0 0.5em 2.5em;
  font-weight: bold;
}
div.consent input[type=checkbox] {
  position: absolute;
  top: 1em;
  left: 1em;
  transform: scale(2);
}
div.consent label {
  display: inline-block;
  margin: 0.25em 0.5em 0.25em 2.5em;
  width: calc(100% - 2.5em);
}

div.external.pcg div.link-directory {
  text-align: right;
  margin-top: 0.5em;
}
div.external.pcg h1 {
  margin-bottom: 0;
  padding-bottom: 0;
}
div.external.pcg h1 a {
  float: none;
  font-weight: bold;
  text-decoration: none;
}
div.external.pcg div.box-content {
  padding: 0.5em;
  max-height: 27em;
  overflow-y: scroll;
}
div.external.pcg div.box-content p {
  text-align: justify;
}
div.external.pcg div.button-container {
  text-align: center;
}
div.external.pcg div#PanelContent img {
  width: 3em;
  float: left;
  margin: 0 0.2em;
}
div.external.pcg div#PanelTags {
  clear: both;
  margin: 0.5em 0 2em;
}
div.external.pcg div#PanelTags span.tag {
  display: inline-block;
  margin: 0 0.2em;
  background: #003087;
  color: #fff;
  padding: 0.2em;
  border-radius: 3px;
}
div.external.pcg div.pcg-intro img {
  float: left;
  width: 5em;
  margin: 0.5em;
}
div.external.pcg div.pcg-more-info p {
  display: none;
}
div.external.pcg div.pcg-more-info.show p {
  display: block;
}

@font-face {
  font-family: "Frutiger W01";
  src: url("https://assets.nhs.uk/fonts/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix");
  src: url("https://assets.nhs.uk/fonts/fe232554-5489-4874-bb45-bd966c8c5932.eot?#iefix") format("eot"), url("https://assets.nhs.uk/fonts/0811514e-6660-4043-92c1-23d0b8caaa2f.woff2") format("woff2"), url("https://assets.nhs.uk/fonts/aeae8cac-ba4d-40d2-bbcf-936f2c7dcfe6.woff") format("woff"), url("https://assets.nhs.uk/fonts/caedf2e6-fbef-4928-b08e-1f975981ae8d.ttf") format("truetype"), url("https://assets.nhs.uk/fonts/7def0e34-f28d-434f-b2ec-472bde847115.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}
.nhs-login {
  height: 60px;
  display: block;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: 10px;
}
#PanelConnect .nhs-login {
  background-position: left;
}

.nhs-login--svg {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAuMjIgNTkiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDAzMDg3O30uY2xzLTJ7ZmlsbDojMDA1ZWI4O30uY2xzLTN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iNCIgd2lkdGg9IjMyMC4yMiIgaGVpZ2h0PSI1NSIgcng9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHdpZHRoPSIzMjAuMjIiIGhlaWdodD0iNTUiIHJ4PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIyIiB5PSIyIiB3aWR0aD0iMzE3Ljg0IiBoZWlnaHQ9IjUxIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxMDEuMDUiIHk9IjE0IiB3aWR0aD0iMjAwLjc5IiBoZWlnaHQ9IjI3Ii8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTEyLjM4LDMzLjg5YTEzLjgzLDEzLjgzLDAsMCwxLTMuMDYuNDJjLTQuNiwwLTcuMzctMi4zOC03LjM3LTYuNzEsMC00LjU0LDIuNzYtNy4xOCw3LjM3LTcuMThhOC43OCw4Ljc4LDAsMCwxLDMsLjU2bC0uMTksMi4yN2E1LjUxLDUuNTEsMCwwLDAtMi45LS43MWMtMi43MiwwLTQuNTEsMi4wNi00LjUxLDQuODdzMS43Nyw0Ljc5LDQuNTYsNC43OWE3LjYsNy42LDAsMCwwLDMtLjU2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTExOC42OCwzNC4zMWE0Ljg5LDQuODksMCwwLDEtNS4xOC01LjEyLDUuMTksNS4xOSwwLDEsMSwxMC4zNywwQTQuODksNC44OSwwLDAsMSwxMTguNjgsMzQuMzFabTIuNS01LjQyYzAtMS41OC0uODUtMi45NS0yLjUtMi45NXMtMi40OCwxLjM5LTIuNDgsMi45NWMwLDIuMDkuOCwzLjQyLDIuNDgsMy40MlMxMjEuMTgsMzEsMTIxLjE4LDI4Ljg5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzMi40MiwzNC4wOFYyOC41MmMwLTEuNDgtLjMxLTIuNTgtMS42Ny0yLjU4LTEuNjQsMC0yLjI3LDEuNTgtMi4yNywzLjMzdjQuODFIMTI1LjlWMjQuMTdoMi40NHYxLjM1aDBhMy43LDMuNywwLDAsMSwzLjI1LTEuNThjMi4yNywwLDMuMzcsMS41NiwzLjM3LDMuODl2Ni4yNVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNDMuNTUsMzQuMDhhNi41Niw2LjU2LDAsMCwxLTEuODkuMjMsMi45MiwyLjkyLDAsMCwxLTMuMTYtMy4yMXYtNWgtMS45VjI0LjE3aDEuOXYtMmwyLjU4LS44M3YyLjgxaDIuMjl2MS44OWgtMi4yOXY0LjZjMCwxLC4zMywxLjY1LDEuMjMsMS42NWEyLjIxLDIuMjEsMCwwLDAsMS4xNi0uMjdaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQ1LjIsMjIuMzZWMTkuOWgyLjU4djIuNDZabTAsMTEuNzJWMjQuMTdoMi41OHY5LjkxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1NywzNC4wOFYyOC41MmMwLTEuNDgtLjMxLTIuNTgtMS42Ny0yLjU4LTEuNjQsMC0yLjI4LDEuNTgtMi4yOCwzLjMzdjQuODFIMTUwLjVWMjQuMTdoMi40NHYxLjM1aDBhMy42OSwzLjY5LDAsMCwxLDMuMjUtMS41OGMyLjI3LDAsMy4zNywxLjU2LDMuMzcsMy44OXY2LjI1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE2OC45MSwzNC4wOFYzMi43NGgwYTQuMTQsNC4xNCwwLDAsMS0zLjI2LDEuNTdjLTIuMjEsMC0zLjM2LTEuNDgtMy4zNi0zLjg4VjI0LjE3aDIuNTh2NS42NmMwLDIsLjczLDIuNDgsMS42NywyLjQ4LDEuNTYsMCwyLjI3LTEuNDQsMi4yNy0zLjM1VjI0LjE3aDIuNTh2OS45MVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xODIsMzMuNTJhNi43Niw2Ljc2LDAsMCwxLTMuMzguNzljLTMuMjksMC01LjItMS44OC01LjItNS4xMywwLTIuNzgsMS40NS01LjI0LDQuNi01LjI0LDMuMzcsMCw0LjcyLDIuMDgsNC43Miw2aC02Ljg1YTIuNTgsMi41OCwwLDAsMCwyLjg0LDIuNSw2LjY2LDYuNjYsMCwwLDAsMy4yNy0xWm0tMS43My01LjM2Yy0uMDktMS40My0uNzctMi4zMy0yLjExLTIuMzNhMi4yMywyLjIzLDAsMCwwLTIuMjcsMi4zM1oiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xOTYsMzQuMDhhNi41Niw2LjU2LDAsMCwxLTEuODkuMjMsMi45MSwyLjkxLDAsMCwxLTMuMTUtMy4yMXYtNUgxODlWMjQuMTdoMS45MXYtMmwyLjU4LS44M3YyLjgxaDIuMjh2MS44OUgxOTMuNXY0LjZjMCwxLC4zMiwxLjY1LDEuMjMsMS42NWEyLjIsMi4yLDAsMCwwLDEuMTUtLjI3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIwMi4xLDM0LjMxYTQuODksNC44OSwwLDAsMS01LjE4LTUuMTIsNS4xOSw1LjE5LDAsMSwxLDEwLjM3LDBBNC44OSw0Ljg5LDAsMCwxLDIwMi4xLDM0LjMxWm0yLjUtNS40MmMwLTEuNTgtLjg1LTIuOTUtMi41LTIuOTVzLTIuNDgsMS4zOS0yLjQ4LDIuOTVjMCwyLjA5LjgsMy40MiwyLjQ4LDMuNDJTMjA0LjYsMzEsMjA0LjYsMjguODlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjIyLjUyLDM0LjA4bC01LjE0LTEwaDB2MTBoLTIuNTdWMjAuNjVoMy4zbDUuMTIsMTAuMDVoMHYtMTBoMi41OFYzNC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMzYuODgsMzQuMDhWMjguMTloLTUuMzl2NS44OUgyMjguOFYyMC42NWgyLjY5djUuNDNoNS4zOVYyMC42NWgyLjY5VjM0LjA4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI0Mi43MSwzMS4zN2E2LjQ5LDYuNDksMCwwLDAsMywuODNjMSwwLDIuMzktLjUsMi4zOS0xLjczLDAtMS0uOTEtMS40Ny0yLjIzLTItMS43OS0uNjktMy42Ni0xLjQ0LTMuNjYtNCwwLTIuODksMi4xNy00LjEsNC43MS00LjFhMTAsMTAsMCwwLDEsMy4yLjQ4bC0uMjUsMi4yMWE3LjA3LDcuMDcsMCwwLDAtMi43My0uNTcsMS44NywxLjg3LDAsMCwwLTIuMTIsMS44NmMwLDEsMS4xNSwxLjQxLDIuMjcsMS44NSwxLjgxLjY3LDMuNjIsMS41LDMuNjIsNHMtMS44NSw0LjA2LTUuMDYsNC4wNmExMS44MiwxMS44MiwwLDAsMS0zLjQzLS41MloiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNTguNTcsMzQuMDhWMTkuNjVoMi41OFYzNC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNjguNDEsMzQuMzFhNC44OSw0Ljg5LDAsMCwxLTUuMTgtNS4xMiw1LjE5LDUuMTksMCwxLDEsMTAuMzcsMEE0Ljg5LDQuODksMCwwLDEsMjY4LjQxLDM0LjMxWm0yLjUtNS40MmMwLTEuNTgtLjg1LTIuOTUtMi41LTIuOTVzLTIuNDgsMS4zOS0yLjQ4LDIuOTVjMCwyLjA5LjgsMy40MiwyLjQ4LDMuNDJTMjcwLjkxLDMxLDI3MC45MSwyOC44OVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yODIuMTUsMzIuNWgwQTMuNTMsMy41MywwLDAsMSwyNzksMzQuMDhjLTIuNzMsMC00LTIuMDgtNC01LDAtMi4zOSwxLjIzLTUuMTQsNC4yLTUuMTRhMy4zLDMuMywwLDAsMSwzLDEuNThoMFYyNC4xN2gyLjQ3djljMCwzLjM1LTEuNzMsNS4xOS01LjIsNS4xOWE4LjY4LDguNjgsMCwwLDEtMy40Ni0uNjdsLjIxLTIuMTlhNy4zLDcuMywwLDAsMCwyLjkxLjg2YzIuNDIsMCwzLTEuNTYsMy0zLjYxWm0wLTMuNDhjMC0xLjUyLS41NC0zLjA4LTIuMTgtMy4wOHMtMi4yOCwxLjMzLTIuMjgsMy4xNGMwLDEuMzUuNzEsMywyLjE5LDNDMjgxLjUzLDMyLjA4LDI4Mi4xNSwzMC42MiwyODIuMTUsMjlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjg3LjQ0LDIyLjM2VjE5LjlIMjkwdjIuNDZabTAsMTEuNzJWMjQuMTdIMjkwdjkuOTFaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjk5LjI2LDM0LjA4VjI4LjUyYzAtMS40OC0uMzEtMi41OC0xLjY3LTIuNTgtMS42NCwwLTIuMjcsMS41OC0yLjI3LDMuMzN2NC44MWgtMi41OFYyNC4xN2gyLjQ0djEuMzVoMGEzLjcsMy43LDAsMCwxLDMuMjUtMS41OGMyLjI3LDAsMy4zNywxLjU2LDMuMzcsMy44OXY2LjI1WiIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxOC41NCAxNC41NCAxOC41NCA0MC40NiA4NC40MiA0MC40NiA4NC40MiAxNC41NCAxOC41NCAxNC41NCAxOC41NCAxNC41NCIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTg1LjA1LDQxVjE0SDE4VjQxWk00NSwxNi42MSw0MC4zMywzOC4zNEgzMy4wN2wtNC41Ny0xNWgtLjA2bC0zLDE1SDE5Ljg5bDQuNjctMjEuNzNoNy4yOGw0LjQ4LDE1LjA3aC4wNmwzLjA3LTE1LjA3Wm0yMC43NywwTDYxLjIsMzguMzRINTUuMzVMNTcuMjksMjlINTAuMzdsLTEuOTQsOS4zMUg0Mi41OGw0LjU0LTIxLjczSDUzbC0xLjcyLDguMzFoNi45MWwxLjcyLTguMzFabTE2LjgxLjU5LTEuNDEsNC4zM2ExMSwxMSwwLDAsMC00LjgyLTFjLTIuMzEsMC00LjE5LjM0LTQuMTksMi4wOSwwLDMuMDgsOC40OCwxLjkzLDguNDgsOC41MywwLDYtNS42LDcuNTYtMTAuNjcsNy41NmEyNC41OCwyNC41OCwwLDAsMS02Ljc2LTEuMTJsMS4zOC00LjQyYTExLjM3LDExLjM3LDAsMCwwLDUuMzgsMS4yNWMxLjgxLDAsNC42Ni0uMzUsNC42Ni0yLjU5LDAtMy40OS04LjQ4LTIuMTgtOC40OC04LjMxLDAtNS42MSw0Ljk0LTcuMjksOS43My03LjI5YTE3LjkxLDE3LjkxLDAsMCwxLDYuNywxWiIvPjwvZz48L2c+PC9zdmc+");
}

.nhs-login:hover.nhs-login--svg,
.nhs-login:focus.nhs-login--svg {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMjAuMjIgNTkiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMDAzMDg3O30uY2xzLTJ7ZmlsbDojMWU1NjliO30uY2xzLTN7ZmlsbDojZmZmO30uY2xzLTR7ZmlsbDojMDA1ZWI4O308L3N0eWxlPjwvZGVmcz48ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIj48ZyBpZD0iTGF5ZXJfMS0yIiBkYXRhLW5hbWU9IkxheWVyIDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeT0iNCIgd2lkdGg9IjMyMC4yMiIgaGVpZ2h0PSI1NSIgcng9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHdpZHRoPSIzMjAuMjIiIGhlaWdodD0iNTUiIHJ4PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIyIiB5PSIyIiB3aWR0aD0iMzE3Ljg0IiBoZWlnaHQ9IjUxIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB4PSIxMDEuMDUiIHk9IjE0IiB3aWR0aD0iMjAwLjc5IiBoZWlnaHQ9IjI3Ii8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTEyLjM4LDMzLjg5YTEzLjgzLDEzLjgzLDAsMCwxLTMuMDYuNDJjLTQuNiwwLTcuMzctMi4zOC03LjM3LTYuNzEsMC00LjU0LDIuNzYtNy4xOCw3LjM3LTcuMThhOC43OCw4Ljc4LDAsMCwxLDMsLjU2bC0uMTksMi4yN2E1LjUxLDUuNTEsMCwwLDAtMi45LS43MWMtMi43MiwwLTQuNTEsMi4wNi00LjUxLDQuODdzMS43Nyw0Ljc5LDQuNTYsNC43OWE3LjYsNy42LDAsMCwwLDMtLjU2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTExOC42OCwzNC4zMWE0Ljg5LDQuODksMCwwLDEtNS4xOC01LjEyLDUuMTksNS4xOSwwLDEsMSwxMC4zNywwQTQuODksNC44OSwwLDAsMSwxMTguNjgsMzQuMzFabTIuNS01LjQyYzAtMS41OC0uODUtMi45NS0yLjUtMi45NXMtMi40OCwxLjM5LTIuNDgsMi45NWMwLDIuMDkuOCwzLjQyLDIuNDgsMy40MlMxMjEuMTgsMzEsMTIxLjE4LDI4Ljg5WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzMi40MiwzNC4wOFYyOC41MmMwLTEuNDgtLjMxLTIuNTgtMS42Ny0yLjU4LTEuNjQsMC0yLjI3LDEuNTgtMi4yNywzLjMzdjQuODFIMTI1LjlWMjQuMTdoMi40NHYxLjM1aDBhMy43LDMuNywwLDAsMSwzLjI1LTEuNThjMi4yNywwLDMuMzcsMS41NiwzLjM3LDMuODl2Ni4yNVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xNDMuNTUsMzQuMDhhNi41Niw2LjU2LDAsMCwxLTEuODkuMjMsMi45MiwyLjkyLDAsMCwxLTMuMTYtMy4yMXYtNWgtMS45VjI0LjE3aDEuOXYtMmwyLjU4LS44M3YyLjgxaDIuMjl2MS44OWgtMi4yOXY0LjZjMCwxLC4zMywxLjY1LDEuMjMsMS42NWEyLjIxLDIuMjEsMCwwLDAsMS4xNi0uMjdaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMTQ1LjIsMjIuMzZWMTkuOWgyLjU4djIuNDZabTAsMTEuNzJWMjQuMTdoMi41OHY5LjkxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE1NywzNC4wOFYyOC41MmMwLTEuNDgtLjMxLTIuNTgtMS42Ny0yLjU4LTEuNjQsMC0yLjI4LDEuNTgtMi4yOCwzLjMzdjQuODFIMTUwLjVWMjQuMTdoMi40NHYxLjM1aDBhMy42OSwzLjY5LDAsMCwxLDMuMjUtMS41OGMyLjI3LDAsMy4zNywxLjU2LDMuMzcsMy44OXY2LjI1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE2OC45MSwzNC4wOFYzMi43NGgwYTQuMTQsNC4xNCwwLDAsMS0zLjI2LDEuNTdjLTIuMjEsMC0zLjM2LTEuNDgtMy4zNi0zLjg4VjI0LjE3aDIuNTh2NS42NmMwLDIsLjczLDIuNDgsMS42NywyLjQ4LDEuNTYsMCwyLjI3LTEuNDQsMi4yNy0zLjM1VjI0LjE3aDIuNTh2OS45MVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xODIsMzMuNTJhNi43Niw2Ljc2LDAsMCwxLTMuMzguNzljLTMuMjksMC01LjItMS44OC01LjItNS4xMywwLTIuNzgsMS40NS01LjI0LDQuNi01LjI0LDMuMzcsMCw0LjcyLDIuMDgsNC43Miw2aC02Ljg1YTIuNTgsMi41OCwwLDAsMCwyLjg0LDIuNSw2LjY2LDYuNjYsMCwwLDAsMy4yNy0xWm0tMS43My01LjM2Yy0uMDktMS40My0uNzctMi4zMy0yLjExLTIuMzNhMi4yMywyLjIzLDAsMCwwLTIuMjcsMi4zM1oiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0xOTYsMzQuMDhhNi41Niw2LjU2LDAsMCwxLTEuODkuMjMsMi45MSwyLjkxLDAsMCwxLTMuMTUtMy4yMXYtNUgxODlWMjQuMTdoMS45MXYtMmwyLjU4LS44M3YyLjgxaDIuMjh2MS44OUgxOTMuNXY0LjZjMCwxLC4zMiwxLjY1LDEuMjMsMS42NWEyLjIsMi4yLDAsMCwwLDEuMTUtLjI3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTIwMi4xLDM0LjMxYTQuODksNC44OSwwLDAsMS01LjE4LTUuMTIsNS4xOSw1LjE5LDAsMSwxLDEwLjM3LDBBNC44OSw0Ljg5LDAsMCwxLDIwMi4xLDM0LjMxWm0yLjUtNS40MmMwLTEuNTgtLjg1LTIuOTUtMi41LTIuOTVzLTIuNDgsMS4zOS0yLjQ4LDIuOTVjMCwyLjA5LjgsMy40MiwyLjQ4LDMuNDJTMjA0LjYsMzEsMjA0LjYsMjguODlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjIyLjUyLDM0LjA4bC01LjE0LTEwaDB2MTBoLTIuNTdWMjAuNjVoMy4zbDUuMTIsMTAuMDVoMHYtMTBoMi41OFYzNC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yMzYuODgsMzQuMDhWMjguMTloLTUuMzl2NS44OUgyMjguOFYyMC42NWgyLjY5djUuNDNoNS4zOVYyMC42NWgyLjY5VjM0LjA4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI0Mi43MSwzMS4zN2E2LjQ5LDYuNDksMCwwLDAsMywuODNjMSwwLDIuMzktLjUsMi4zOS0xLjczLDAtMS0uOTEtMS40Ny0yLjIzLTItMS43OS0uNjktMy42Ni0xLjQ0LTMuNjYtNCwwLTIuODksMi4xNy00LjEsNC43MS00LjFhMTAsMTAsMCwwLDEsMy4yLjQ4bC0uMjUsMi4yMWE3LjA3LDcuMDcsMCwwLDAtMi43My0uNTcsMS44NywxLjg3LDAsMCwwLTIuMTIsMS44NmMwLDEsMS4xNSwxLjQxLDIuMjcsMS44NSwxLjgxLjY3LDMuNjIsMS41LDMuNjIsNHMtMS44NSw0LjA2LTUuMDYsNC4wNmExMS44MiwxMS44MiwwLDAsMS0zLjQzLS41MloiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNTguNTcsMzQuMDhWMTkuNjVoMi41OFYzNC4wOFoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yNjguNDEsMzQuMzFhNC44OSw0Ljg5LDAsMCwxLTUuMTgtNS4xMiw1LjE5LDUuMTksMCwxLDEsMTAuMzcsMEE0Ljg5LDQuODksMCwwLDEsMjY4LjQxLDM0LjMxWm0yLjUtNS40MmMwLTEuNTgtLjg1LTIuOTUtMi41LTIuOTVzLTIuNDgsMS4zOS0yLjQ4LDIuOTVjMCwyLjA5LjgsMy40MiwyLjQ4LDMuNDJTMjcwLjkxLDMxLDI3MC45MSwyOC44OVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yODIuMTUsMzIuNWgwQTMuNTMsMy41MywwLDAsMSwyNzksMzQuMDhjLTIuNzMsMC00LTIuMDgtNC01LDAtMi4zOSwxLjIzLTUuMTQsNC4yLTUuMTRhMy4zMiwzLjMyLDAsMCwxLDMsMS41OGgwVjI0LjE3aDIuNDd2OWMwLDMuMzUtMS43Myw1LjE5LTUuMiw1LjE5YTguNjgsOC42OCwwLDAsMS0zLjQ2LS42N2wuMjEtMi4xOWE3LjMsNy4zLDAsMCwwLDIuOTEuODZjMi40MiwwLDMtMS41NiwzLTMuNjFabTAtMy40OGMwLTEuNTItLjU0LTMuMDgtMi4xOC0zLjA4cy0yLjI4LDEuMzMtMi4yOCwzLjE0YzAsMS4zNS43MSwzLDIuMTksM0MyODEuNTMsMzIuMDgsMjgyLjE1LDMwLjYyLDI4Mi4xNSwyOVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yODcuNDQsMjIuMzZWMTkuOUgyOTB2Mi40NlptMCwxMS43MlYyNC4xN0gyOTB2OS45MVoiLz48cGF0aCBjbGFzcz0iY2xzLTMiIGQ9Ik0yOTkuMjYsMzQuMDhWMjguNTJjMC0xLjQ4LS4zMS0yLjU4LTEuNjctMi41OC0xLjY0LDAtMi4yNywxLjU4LTIuMjcsMy4zM3Y0LjgxaC0yLjU4VjI0LjE3aDIuNDR2MS4zNWgwYTMuNywzLjcsMCwwLDEsMy4yNS0xLjU4YzIuMjcsMCwzLjM3LDEuNTYsMy4zNywzLjg5djYuMjVaIi8+PHBvbHlnb24gY2xhc3M9ImNscy00IiBwb2ludHM9IjE4LjU0IDE0LjU0IDE4LjU0IDQwLjQ2IDg0LjQyIDQwLjQ2IDg0LjQyIDE0LjU0IDE4LjU0IDE0LjU0IDE4LjU0IDE0LjU0Ii8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNODUuMDUsNDFWMTRIMThWNDFaTTQ1LDE2LjYxLDQwLjMzLDM4LjM0SDMzLjA3bC00LjU3LTE1aC0uMDZsLTMsMTVIMTkuODlsNC42Ny0yMS43M2g3LjI4bDQuNDgsMTUuMDdoLjA2bDMuMDctMTUuMDdabTIwLjc3LDBMNjEuMiwzOC4zNEg1NS4zNUw1Ny4yOSwyOUg1MC4zN2wtMS45NCw5LjMxSDQyLjU4bDQuNTQtMjEuNzNINTNsLTEuNzIsOC4zMWg2LjkxbDEuNzItOC4zMVptMTYuODEuNTktMS40MSw0LjMzYTExLDExLDAsMCwwLTQuODItMWMtMi4zMSwwLTQuMTkuMzQtNC4xOSwyLjA5LDAsMy4wOCw4LjQ4LDEuOTMsOC40OCw4LjUzLDAsNi01LjYsNy41Ni0xMC42Nyw3LjU2YTI0LjU4LDI0LjU4LDAsMCwxLTYuNzYtMS4xMmwxLjM4LTQuNDJhMTEuMzcsMTEuMzcsMCwwLDAsNS4zOCwxLjI1YzEuODEsMCw0LjY2LS4zNSw0LjY2LTIuNTksMC0zLjQ5LTguNDgtMi4xOC04LjQ4LTguMzEsMC01LjYxLDQuOTQtNy4yOSw5LjczLTcuMjlhMTcuOTEsMTcuOTEsMCwwLDEsNi43LDFaIi8+PC9nPjwvZz48L3N2Zz4=");
}

.nhs-login:focus {
  outline: none;
  box-shadow: 0 0 0 3pt #ffb81c;
}

.nhs-login:link,
.nhs-login:visited,
.nhs-login:hover,
.nhs-login:active {
  color: white;
}

div.nhs-logo {
  display: none;
}
@media (min-width: 800px) {
  div.nhs-logo {
    display: block;
    position: relative;
    width: 10.6em;
    height: 2.1em;
    background-image: url("/Resources/Images/nhs.svg");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 2.33em 1.11em;
  }
  div.nhs-logo::after {
    content: "Providing NHS services";
    position: absolute;
    bottom: -1.8em;
    right: 0;
    width: 100%;
    height: 2.72em;
    font-size: 0.66em;
    color: #003087;
    font-weight: 600;
    text-align: right;
  }
  div.nhs-logo.invert {
    background-image: url("/Resources/Images/nhs_w.svg");
  }
  div.nhs-logo.invert::after {
    color: #fff;
  }
}

#PanelConnect {
  display: flex;
  margin-top: 1em;
  max-width: 45em;
}
#PanelConnect div {
  margin-right: 2px;
}
div.box-content #PanelConnect {
  max-width: 100%;
  margin-right: 5px;
}
#PanelConnect div.inline-help span {
  top: 0em;
  width: 20em;
  left: 0.75em;
}

.NHSLogin-Data span {
  font-weight: bold;
}
.NHSLogin-Data div div {
  white-space: pre;
}

div.nhs-login-success {
  margin: 2em auto;
  max-width: 30em;
}

div#NHSLoginMask,
div#NHSLoginMask div.background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#LinkSelect div#NHSLoginMask,
#LinkSelect div#NHSLoginMask div.background {
  top: -0.25em;
  left: -0.25em;
}
#Link #LinkSelect div#NHSLoginMask,
#Link #LinkSelect div#NHSLoginMask div.background {
  top: -0.5em;
  left: calc(-0.25em - 2px);
  width: calc(100% + 0.2em + 1px);
  height: calc(100% + 0.5em + 1px);
}

@media (max-width: 667px) {
  #Link div#NHSLoginMask,
  #Link div#NHSLoginMask div.background {
    top: 1.1em;
    height: calc(100% - 1.35em);
  }
}
div#NHSLoginMask div.background {
  position: absolute;
  background-color: #fff;
  opacity: 75%;
}
div#NHSLoginMask div.nhs-login-info {
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background-clip: padding-box;
  border: 1px solid #d9338b;
  background: rgb(233.75, 210.75, 221.25);
  position: absolute;
  width: 30em;
  padding: 1em;
  top: 8em;
  left: calc(50% - 16.5em);
}
#LinkSelect div#NHSLoginMask div.nhs-login-info, #Link div#NHSLoginMask div.nhs-login-info {
  top: 3em;
  left: 2em;
  width: calc(100% - 7em);
}
div#NHSLoginMask div.nhs-login-info h1 {
  color: #d9338b;
  border-bottom: solid 2px #d9338b;
  font-weight: normal;
  font-size: 140%;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: center;
  padding: 0.1em 0 0.1em 0.25em;
}
div#NHSLoginMask div.nhs-login-info p {
  text-align: justify;
}
div#NHSLoginMask div.nhs-login-info button {
  margin-top: 1em;
  width: 75%;
}

.settings #NHSLoginWarning {
  width: 38em;
  padding: 0 2em;
}

@media (max-width: 769px) {
  .settings #NHSLoginWarning {
    width: auto;
  }
}
div.settings {
  /*display: inline-block; */
  /*vertical-align: top;*/
}

div.account {
  margin-bottom: 2em;
}

table.account {
  width: 100%;
}
table.account th {
  text-align: right;
  vertical-align: top;
  padding-top: 0.35em;
  width: 25%;
  white-space: nowrap;
}
table.account th.date, table.account th.site {
  height: 1.7em;
}
table.account td {
  text-align: justify;
}
table.account td.toggle {
  width: auto;
  vertical-align: top;
  padding-top: 3px;
}
table.account td.text {
  padding-top: 0.35em;
  padding-left: 1.2em;
}
table.account td.inline input[type=submit],
table.account td.inline button {
  width: auto;
}
table.account td.button {
  width: 10%;
  padding-right: 0;
}

table.email th {
  text-align: left !important;
}
table.email td.button {
  width: 10%;
}
table.email input[type=submit],
table.email button {
  width: 100%;
}
table.email input[type=text] {
  width: calc(100% - 0.5em);
}

#PanelPracticeLinker input[type=text] {
  width: auto;
}

#LinkSelect {
  position: relative;
}
#LinkSelect div {
  margin: 0.25em;
}
#LinkSelect div ul {
  color: #003087;
  font-weight: bold;
}

div.site-list {
  height: 20em;
  overflow-y: scroll;
  width: 80%;
}

div.site-item {
  border: 1px solid #003087;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 0.5em;
  margin-bottom: 0.5em;
  cursor: pointer;
  color: #003087;
  padding-left: 3em;
  background-image: url("/Resources/Images/Icons/findpractice_p.svg");
  background-position: center left 0.5em;
  background-repeat: no-repeat;
  background-size: 2em;
}
div.site-item:hover {
  background-color: rgb(127.5, 151.5, 195);
}

div.site-address {
  font-size: 0.8em;
}

span.site-address-item:after {
  content: ",";
}

div#LinkChoose label {
  vertical-align: top;
}

div.link-search {
  display: flex;
  margin-right: 5px;
  max-width: 45em;
}
div.box-content div.link-search {
  max-width: 100%;
}
div.link-search b {
  white-space: nowrap;
  display: block;
  margin-top: 0.25em;
  margin-right: 0.25em;
}
div.link-search .input-container {
  flex-grow: 2;
}
div.link-search .input-container .input-light.inline {
  width: calc(100% - 2em);
}

div.gp-gadget {
  border: 1px solid #003087;
  margin: 5px 5px 5px 0;
  padding: 10px;
  border-radius: 4px;
  background-clip: padding-box;
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 2em);
  min-width: 400px;
}
div.gp-gadget h3 {
  margin: -10px -10px 0;
  padding: 5px;
  font-size: 120%;
  border-radius: 0px;
  background-color: #003087;
  color: #fff;
}
div.gp-gadget h4 {
  font-size: 100%;
  margin: 0;
}
div.gp-gadget h5 {
  display: inline-block;
  width: 4em;
  text-align: right;
  font-size: 100%;
  margin: 0 0 0 5px;
}
div.gp-gadget span.empty {
  color: #989898;
  font-size: 80%;
}
div.gp-gadget div.details-content {
  margin: 0.5em 0;
}
div.gp-gadget div.details label {
  font-weight: bold;
  vertical-align: top;
  min-width: 7em;
}
div.gp-gadget div.details span {
  font-weight: normal;
}
div.gp-gadget::after {
  content: "";
  clear: both;
  display: table;
}

div.details table {
  width: 90%;
  margin: auto;
}
div.details table th {
  text-align: right;
  font-weight: bold;
}
div.details table th.heading {
  text-align: left;
  padding-left: 0;
}
div.details table td.optional {
  font-size: 80%;
  color: #989898;
  display: none;
}
div.details table td.required {
  font-size: 80%;
  color: #aa4e78;
}
div.details div.edit-buttons {
  text-align: center;
}

strong.address-label {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.25em;
}
strong.address-label + span.address {
  display: inline-block;
}

#LabelCurrent {
  font-weight: bold;
  margin-right: 10px;
}

div.gp-services {
  position: relative;
}
div.gp-services div.more-info {
  display: none;
  position: absolute;
  background: #dff3ef;
  padding: 0.5em;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 0px;
  border: none;
  max-width: 350px;
  min-width: 200px;
}
div.gp-services #SupportedServices.active + div.more-info {
  display: block;
  border-radius: 3px;
  right: 10px;
}
div.gp-services #Services div:first-child p {
  margin-top: 0;
}
div.gp-services div {
  padding: 0.2em 0;
}
div.gp-services div span.status {
  color: transparent;
  width: 1.5em;
  display: inline-block;
  background-image: url("/Resources/Images/Icons/cleancheck_p.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 0.9em;
}
div.gp-services div.disabled {
  color: #aa4e78;
}
div.gp-services div.disabled span.status {
  background-image: url("/Resources/Images/Icons/warningoutline.svg");
}
div.gp-services div.disabled.show-help:hover:after {
  content: "This service is not supported by your GP practice";
  position: absolute;
  background: #fff;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
  width: 10em;
  display: block;
  z-index: 99;
  left: 1em;
  font-size: 0.8em;
  padding: 0.5em;
}
div.gp-services div.disabled input[type=checkbox] {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  transform: scale(2);
  padding: 10px;
  margin-right: 15px;
}
div.gp-services div.disabled span.requested:after {
  content: " (Requested)";
}

.gp-links {
  border-top: 1px solid;
  margin-top: 20px;
  padding-top: 10px;
}
.gp-links div {
  display: flex;
}
.gp-links div label {
  text-align: left;
  padding-left: 1em;
  margin: 1em 0;
}
.gp-links div input {
  width: 8em;
  flex: none;
  margin: 1em 0;
}

@media (max-width: 769px) {
  div.gp-gadget {
    width: auto;
    min-width: unset;
    margin-right: 0;
    display: block;
  }
  div.details div.address {
    width: auto;
    float: none;
  }
}
@media (max-width: 376px) {
  div.gp-gadget label {
    text-align: left;
  }
  div.gp-gadget span.current {
    display: block;
    margin-left: 2em;
  }
}
/* moved into the _other_ _links.scss because it's confusing having two.*/
/*
div.settings-links {
	font-size: 1em;
	top: 0;
	position: absolute;

	button {
		width: 8.6em;
		text-align: left;
		display: block;

		& + button {
			margin-left: 0px;
			margin-top: 0.5em;
		}
	}
}
*/
div.gadgets,
div.advanced {
  display: inline-block;
  text-align: justify;
}
div.gadgets div.gadgets-system,
div.advanced div.gadgets-system {
  width: calc(50% - 0.5em);
  float: left;
}
div.gadgets div.gadgets-other,
div.advanced div.gadgets-other {
  width: calc(50% - 0.5em);
  float: right;
}
div.gadgets div.gadgets-other::after,
div.advanced div.gadgets-other::after {
  content: "";
  display: table;
  clear: both;
}
div.gadgets h2.gadget-settings,
div.advanced h2.gadget-settings {
  margin: 0px;
  position: relative;
  background: none;
  padding-right: 0px;
}
div.gadgets input.submit-button,
div.advanced input.submit-button {
  border: 1px solid #d9338b;
  background-color: rgb(233.75, 210.75, 221.25);
  color: #aa4e78;
  cursor: pointer;
}
div.gadgets input.submit-button:hover,
div.advanced input.submit-button:hover {
  background-color: #fcc;
}
div.gadgets div.gadget-item,
div.advanced div.gadget-item {
  border: solid 1px #003087;
  background-color: #fff;
  padding: 0 0 8px;
  margin: 10px 0;
  width: calc(100% - 2px);
  min-width: 300px;
  float: left;
  border-radius: 4px;
  background-clip: padding-box;
}
div.gadgets div.gadget-item.disabled,
div.advanced div.gadget-item.disabled {
  border-color: #989898;
  background-color: #eee;
  color: #989898;
}
div.gadgets div.gadget-item.disabled div.gadget-heading,
div.advanced div.gadget-item.disabled div.gadget-heading {
  background-color: #989898;
}
div.gadgets div.gadget-item.disabled div.gadget-disabled,
div.advanced div.gadget-item.disabled div.gadget-disabled {
  background: white;
  color: #aa4e78;
  padding: 0.2em;
  border: 2px solid #aa4e78;
  font-size: 0.9em;
}
div.gadgets div.gadget-item.delete,
div.advanced div.gadget-item.delete {
  border: solid 2px #d9338b;
  background-color: rgb(233.75, 210.75, 221.25);
  color: #aa4e78;
}
div.gadgets div.gadget-item.delete div.gadget-heading,
div.advanced div.gadget-item.delete div.gadget-heading {
  background-color: #d9338b;
}
div.gadgets div.gadget-heading,
div.advanced div.gadget-heading {
  margin-top: 0;
  font-size: 110%;
  font-weight: 700;
  background-color: #003087;
  padding: 0 2px 0 0;
  color: #fff;
}
div.gadgets span.gadget-heading,
div.advanced span.gadget-heading {
  padding-top: 2px;
  padding-left: 2px;
  float: left;
}
div.gadgets span.gadgets-label,
div.advanced span.gadgets-label {
  display: block;
  margin-top: 2em;
  font-size: 110%;
  padding-left: 20px;
}
div.gadgets,
div.advanced {
  /* Gadget Buttons */
}
div.gadgets div.buttons,
div.advanced div.buttons {
  font-size: 85%;
}
div.gadgets input[type=button],
div.gadgets input[type=submit],
div.gadgets button:not(.sharingoptions),
div.advanced input[type=button],
div.advanced input[type=submit],
div.advanced button:not(.sharingoptions) {
  float: left;
  margin: 0 0 4px 4px;
  display: block;
  padding: 1px 4px;
  font-size: 90%;
  background-color: #d8338b;
  border-color: #870083;
  color: #fff;
}
div.gadgets input[type=button]:hover,
div.gadgets input[type=submit]:hover,
div.gadgets button:not(.sharingoptions):hover,
div.advanced input[type=button]:hover,
div.advanced input[type=submit]:hover,
div.advanced button:not(.sharingoptions):hover {
  background-color: #c69;
}
div.gadgets input[type=button]#ButtonAdd, div.gadgets input[type=button]#ButtonLink,
div.gadgets input[type=submit]#ButtonAdd,
div.gadgets input[type=submit]#ButtonLink,
div.gadgets button:not(.sharingoptions)#ButtonAdd,
div.gadgets button:not(.sharingoptions)#ButtonLink,
div.advanced input[type=button]#ButtonAdd,
div.advanced input[type=button]#ButtonLink,
div.advanced input[type=submit]#ButtonAdd,
div.advanced input[type=submit]#ButtonLink,
div.advanced button:not(.sharingoptions)#ButtonAdd,
div.advanced button:not(.sharingoptions)#ButtonLink {
  color: #107bcc;
  background-color: rgb(178.5, 192.9, 219);
  border: 1px solid #003087;
}
div.gadgets input[type=button]#ButtonAdd:hover, div.gadgets input[type=button]#ButtonLink:hover,
div.gadgets input[type=submit]#ButtonAdd:hover,
div.gadgets input[type=submit]#ButtonLink:hover,
div.gadgets button:not(.sharingoptions)#ButtonAdd:hover,
div.gadgets button:not(.sharingoptions)#ButtonLink:hover,
div.advanced input[type=button]#ButtonAdd:hover,
div.advanced input[type=button]#ButtonLink:hover,
div.advanced input[type=submit]#ButtonAdd:hover,
div.advanced input[type=submit]#ButtonLink:hover,
div.advanced button:not(.sharingoptions)#ButtonAdd:hover,
div.advanced button:not(.sharingoptions)#ButtonLink:hover {
  background-color: rgb(127.5, 151.5, 195);
}
div.gadgets input[type=button]:disabled, div.gadgets input[type=button]#ButtonAdd:disabled,
div.gadgets input[type=submit]:disabled,
div.gadgets input[type=submit]#ButtonAdd:disabled,
div.gadgets button:not(.sharingoptions):disabled,
div.gadgets button:not(.sharingoptions)#ButtonAdd:disabled,
div.advanced input[type=button]:disabled,
div.advanced input[type=button]#ButtonAdd:disabled,
div.advanced input[type=submit]:disabled,
div.advanced input[type=submit]#ButtonAdd:disabled,
div.advanced button:not(.sharingoptions):disabled,
div.advanced button:not(.sharingoptions)#ButtonAdd:disabled {
  color: #989898;
  background-color: #ddd;
  cursor: default;
  border-color: #989898;
}
div.gadgets input[type=button].gadget-add,
div.gadgets input[type=submit].gadget-add,
div.gadgets button:not(.sharingoptions).gadget-add,
div.advanced input[type=button].gadget-add,
div.advanced input[type=submit].gadget-add,
div.advanced button:not(.sharingoptions).gadget-add {
  float: right;
}
div.gadgets div.gadget-details,
div.advanced div.gadget-details {
  padding: 0.5em;
}
div.gadgets span.gadget-label-name,
div.advanced span.gadget-label-name {
  margin: 8px 0 0 8px;
  width: 4em;
  text-align: right;
  display: block;
  float: left;
}
div.gadgets span.gadget-label-detail,
div.gadgets input.gadget-label-detail,
div.advanced span.gadget-label-detail,
div.advanced input.gadget-label-detail {
  margin: 8px 0 0 4px;
  font-weight: 700;
  display: block;
  float: left;
}
div.gadgets span.gadget-label-description,
div.advanced span.gadget-label-description {
  clear: both;
  display: block;
  margin: 5px 5px 0;
  font-size: 90%;
}
div.gadgets span.gadget-label-description.empty,
div.advanced span.gadget-label-description.empty {
  font-style: italic;
  color: #989898;
}
div.gadgets div.gadget-item-delete span.gadget-edit-button,
div.gadgets div.gadget-item-delete span.gadget-button,
div.advanced div.gadget-item-delete span.gadget-edit-button,
div.advanced div.gadget-item-delete span.gadget-button {
  border-color: #989898;
  color: #989898;
  background-color: #eee;
  cursor: default;
}
div.gadgets div.suggestions,
div.advanced div.suggestions {
  box-sizing: border-box;
  border: 1px solid #99f;
  position: absolute;
  background: #fff;
  z-index: 999;
}
div.gadgets div.suggestions div,
div.advanced div.suggestions div {
  cursor: default;
  padding: 0 4px;
}
div.gadgets div.suggestions div.current,
div.advanced div.suggestions div.current {
  background-color: #99f;
  color: #006;
}
div.gadgets table.add-gadget,
div.advanced table.add-gadget {
  width: auto;
  margin: 10px 20px;
  border-collapse: collapse;
}
div.gadgets table.add-gadget tr.error,
div.advanced table.add-gadget tr.error {
  display: none;
}
div.gadgets table.add-gadget th,
div.advanced table.add-gadget th {
  text-align: right;
  width: 25%;
}
div.gadgets table.add-gadget td,
div.advanced table.add-gadget td {
  padding: 4px;
}

div.page {
  padding: 0;
  margin: 0;
  position: relative;
}
div.page::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url("/Resources/Images/mdgp/background_400.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  width: 100vw;
}
@media (min-width: 400px) {
  div.page::before {
    background-image: url("/Resources/Images/mdgp/background_800.png");
  }
}
@media (min-width: 800px) {
  div.page::before {
    background-image: url("/Resources/Images/mdgp/background_1200.png");
  }
}
@media (min-width: 1200px) {
  div.page::before {
    background-image: url("/Resources/Images/mdgp/background_1800.png");
  }
}

.page-margin {
  display: inline-block;
}
.page-margin h1 {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
  color: #003087;
  padding-left: 0px;
}
.page-margin h2 {
  margin-bottom: 0px;
  border-bottom: 2px solid;
  margin-right: 20px;
  margin-top: 5px;
  color: #003087;
}
.page-margin h3 {
  color: #003087;
}
.page-margin.settings {
  text-align: left;
}
.page-margin.settings p {
  margin-right: 1.2em;
}

.page-content-column {
  width: calc(100% - 2em);
  max-width: 650px;
  margin: 1em auto;
  border-radius: 30px;
  padding: 1em;
}
.page-content-column a.back {
  display: none;
}
@media (min-width: 800px) {
  .page-content-column a.back {
    display: inline-block;
  }
}
.page-content-column h2 {
  text-align: center;
  font-size: 1.5em;
  margin-block-start: 0;
  margin-bottom: 0;
}
@media (min-width: 800px) {
  .page-content-column h2 {
    font-size: 1.9em;
  }
}
.page-content-column p {
  margin: 0.5em 0;
}
.page-content-column ul {
  background-color: #fff;
  border-radius: 14px;
  padding: 0.25em;
  padding-inline-start: 1.25em;
}
@media (min-width: 600px) {
  .page-content-column ul {
    padding: 1em;
    padding-inline-start: 2em;
  }
}
.page-content-column ul li {
  font-weight: bold;
}
.page-content-column div.buttons {
  float: none;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  flex-wrap: wrap;
}
.page-content-column div.buttons a, .page-content-column div.buttons input[type=submit], .page-content-column div.buttons button {
  flex-flow: column;
  width: 100%;
  display: block;
  min-height: 1.2em;
  font-size: 1.2em;
  margin: 0.25em 0;
}
@media (min-width: 800px) {
  .page-content-column div.buttons {
    flex-wrap: nowrap;
    gap: 10px;
    justify-content: space-between;
  }
}
.page-content-column div.check {
  display: flex;
  align-items: center;
  padding: 0.5em;
  margin: 0.5em;
  border-width: 2px;
  border-radius: 22px;
  border-style: solid;
  border-color: #fff;
  background-color: #fff;
  background-clip: padding-box;
  font-weight: bold;
  text-align: left;
}
.page-content-column div.check.error {
  border-color: #FF2E7E;
}
.page-content-column div.check input[type=checkbox] {
  margin-right: 1.5em;
  transform: scale(2);
}
.page-content-column div.check label {
  display: inline-block;
  padding-right: 1em;
  width: calc(100% - 50px);
  color: #003087;
  font-weight: bold;
}
.page-content-column div.check label span {
  color: #003087;
  text-decoration: underline;
}

span.return {
  float: right;
  font-size: 80%;
  margin-right: 20px;
  color: #fff;
}

div.viewItem {
  position: relative;
}
div.viewItem.loading {
  min-height: 80vw;
}
@media (min-width: 800px) {
  div.viewItem.loading {
    min-height: 633px;
  }
}
div.viewItem iframe {
  height: calc(100vh - 10.5em);
  width: 100%;
  border: none;
}
@media (min-width: 600px) {
  div.viewItem iframe {
    height: calc(100vh - 13.5em);
  }
}

div.holder {
  height: 1px;
}

div.box {
  margin: 0 0em 1em 0;
  background: #fff;
  border-radius: 4px;
  background-clip: padding-box;
}

div.loading {
  user-select: none;
}
div.loading::before {
  display: block;
  position: fixed;
  content: "";
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0.7;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url("/Resources/Images/mdgp/loading.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-clip: content-box;
  border-radius: 6px;
  z-index: 9;
}

div.box {
  position: relative;
}
div.box.warning div.content {
  border-color: #d8338b;
}
div.box.warning div.box-title {
  background-color: #d8338b;
}
div.box.warning div.box-title div.heading {
  color: #fff;
}
div.box.warning div.box-content {
  padding: 0.5em;
}
#lightbox div.box {
  height: 100%;
}
#lightbox div.box .content {
  height: 100%;
  background-color: #fff;
}
div.box div.hold {
  background-color: #ddd;
}
div.box div.help-wrapper {
  padding: 0.5em;
}
div.box div.help-wrapper div.button {
  text-align: right;
  margin-top: 0.5em;
}
div.box div.hide-message {
  border: 1px solid pink;
  position: absolute;
  display: none;
  background-color: #f6e081;
  border: 1px solid #fecb2e;
  color: #ff8513;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
  position: absolute;
  right: 1px;
  padding: 5px;
}
div.box.removed div.content {
  border-color: #fecb2e;
  padding: 1em;
  text-align: center;
  background-color: #f6e081;
}
div.box .animate-shadow {
  border-radius: 6px;
  animation: shadowThrob 2s 10;
  animation-direction: alternate;
  -webkit-animation: shadowThrob 2s ease-out 10;
  -webkit-animation-direction: alternate;
}
@keyframes shadowThrob {
  from {
    box-shadow: 0 0 30px 10px rgba(216, 51, 139, 0);
  }
  to {
    box-shadow: 0 0 30px 10px rgba(216, 51, 139, 0.8);
  }
}
@-webkit-keyframes shadowThrob {
  from {
    box-shadow: 0 0 30px 10px rgba(216, 51, 139, 0);
  }
  to {
    box-shadow: 0 0 30px 10px rgba(216, 51, 139, 0.8);
  }
}

div.help-icon {
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 4px;
  left: 4px;
  background-image: url("/Resources/Images/Icons/info_white.svg");
  background-size: contain;
  width: 20px;
  height: 20px;
}

div.drag {
  z-index: 150;
  position: absolute;
}
div.drag div.content {
  background-color: #fff;
}

div.fade {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}

div.box-title div.heading,
div.box-title span.box-heading {
  font-weight: bold;
  font-size: 1.5em;
  display: block;
}
div.box-title div.heading a,
div.box-title span.box-heading a {
  color: #fff;
}
#Record div.box-title div.heading,
#Record div.box-title span.box-heading {
  background-image: url("/Resources/Images/Icons/record_white.svg");
}
#Prescriptions div.box-title div.heading,
#Prescriptions div.box-title span.box-heading {
  background-image: url("/Resources/Images/Icons/prescriptions_white.svg");
  background-size: 1.6em;
  background-position: 0.1em;
}
#Appointments div.box-title div.heading,
#Appointments div.box-title span.box-heading {
  background-image: url("/Resources/Images/Icons/appointments_white.svg");
}
#Messages div.box-title div.heading,
#Messages div.box-title span.box-heading {
  background-image: url("/Resources/Images/Icons/messages_white.svg");
}
#Link div.box-title div.heading,
#Link div.box-title span.box-heading {
  background-image: url("/Resources/Images/Icons/linkaccount_white.svg");
}
#lightbox div.box-title {
  cursor: default;
  padding: 0.5em 0.25em;
}

span.expand {
  cursor: pointer;
  float: right;
  margin: 2px;
  background-image: url("/Resources/Images/expand.png");
  width: 18px;
  height: 18px;
  display: block;
  background-size: 100%;
  background-repeat: no-repeat;
}
span.expand.shrink {
  background-image: url("/Resources/Images/shrink.png");
  width: 28px;
  height: 28px;
  margin: 0px;
}

div.content,
div.box-holder {
  overflow: visible;
  border-radius: 6px;
  background-clip: padding-box;
  text-align: left;
}
div.content h1,
div.box-holder h1 {
  font-size: 1.3em;
  border: none;
  margin: 0.25em 0 0.3em 0;
}

div.clear,
span.clear {
  clear: both;
  margin-top: 4px;
}

div.gap-top {
  margin-top: 0.5em;
}

div.external div.content {
  border-color: #d8338b;
}
div.external div.box-title {
  background-color: #d8338b;
}
div.external div.box-title div.heading {
  color: #fff;
}
div.external div.box-content {
  padding: 0.5em;
}
div.external.readcodes div.content, div.external.results div.content {
  border-color: #d8338b;
}
div.external.readcodes div.box-title, div.external.results div.box-title {
  background-color: #d8338b;
}
div.external.readcodes div.box-title div.heading, div.external.results div.box-title div.heading {
  color: #fff;
}
div.external div.tp-image {
  float: left;
  margin: 0.5em;
}

tr.paging {
  position: absolute;
  width: 100%;
  background: #fff;
  display: inline-table;
  text-align: right;
}
tr.paging input.pager {
  background: #003087;
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 1.1em;
  letter-spacing: -0.15em;
  padding-right: 0.35em;
}
tr.paging input.pager:hover {
  background: #1c8e33;
}
tr.paging input.aspNetDisabled {
  border-color: #989898;
  background-color: #eee;
  color: #989898;
  cursor: default;
}
tr.paging input.aspNetDisabled:hover {
  background-color: #eee;
}
tr.paging + tr td {
  padding-top: 2.2em;
}

div.pager {
  display: inline-block;
  margin-left: 3em;
}
div.pager span {
  margin: 0 0.5em;
}
div.pager button.pager {
  color: transparent;
  text-indent: -1000px;
  white-space: nowrap;
  height: 2em;
  width: 2em;
  overflow: hidden;
  background-position: center center;
  background-size: 2.8em;
}
div.pager button.pager.first {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/pagefirstsimple_w.svg");
}
div.pager button.pager.first:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagefirstsimple_w.svg");
}
div.pager button.pager.first.invert {
  background-image: url("/Resources/Images/mdgp/Icons/pagefirstsimple_w.svg");
  color: #fff;
  border-color: #fff;
}
div.pager button.pager.first.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagefirstsimple_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
div.pager button.pager.first:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/pagefirstsimple_d.svg");
}
div.pager button.pager.first:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagefirstsimple_d.svg");
}
div.pager button.pager.previous {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/pageprevioussimple_w.svg");
}
div.pager button.pager.previous:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pageprevioussimple_w.svg");
}
div.pager button.pager.previous.invert {
  background-image: url("/Resources/Images/mdgp/Icons/pageprevioussimple_w.svg");
  color: #fff;
  border-color: #fff;
}
div.pager button.pager.previous.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pageprevioussimple_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
div.pager button.pager.previous:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/pageprevioussimple_d.svg");
}
div.pager button.pager.previous:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pageprevioussimple_d.svg");
}
div.pager button.pager.next {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/pagenextsimple_w.svg");
}
div.pager button.pager.next:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagenextsimple_w.svg");
}
div.pager button.pager.next.invert {
  background-image: url("/Resources/Images/mdgp/Icons/pagenextsimple_w.svg");
  color: #fff;
  border-color: #fff;
}
div.pager button.pager.next.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagenextsimple_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
div.pager button.pager.next:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/pagenextsimple_d.svg");
}
div.pager button.pager.next:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagenextsimple_d.svg");
}
div.pager button.pager.last {
  background-position: center right 0.5em;
  background-image: url("/Resources/Images/mdgp/Icons/pagelastsimple_w.svg");
}
div.pager button.pager.last:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagelastsimple_w.svg");
}
div.pager button.pager.last.invert {
  background-image: url("/Resources/Images/mdgp/Icons/pagelastsimple_w.svg");
  color: #fff;
  border-color: #fff;
}
div.pager button.pager.last.invert:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagelastsimple_w.svg");
  background-color: #fff;
  border-color: #003087;
  color: #003087;
}
div.pager button.pager.last:disabled {
  background-image: url("/Resources/Images/mdgp/Icons/pagelastsimple_d.svg");
}
div.pager button.pager.last:disabled:hover {
  background-image: url("/Resources/Images/mdgp/Icons/pagelastsimple_d.svg");
}

.expandable {
  cursor: pointer;
  padding-left: 1.5em;
  background-image: url("/Resources/Images/Icons/plus_p.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 1em;
  position: relative;
}
.expandable.open {
  background-image: url("/Resources/Images/Icons/minus_p.svg");
}

.i-details {
  display: none;
  position: absolute;
  background: #eee;
  padding: 0.5em;
  left: 1.5em;
  top: 1.5em;
  width: 65%;
  min-width: 15em;
  border: 1px solid #003087;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  font-size: 0.9em;
  z-index: 2;
}

.i-info {
  background: #eee;
  padding: 0.5em;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 10px;
  left: 1.5em;
  top: 1.5em;
  border: 1px solid #003087;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 0.9em;
  z-index: 2;
}

header {
  font-size: 1.5em;
  border-bottom: 1px solid #fff;
  align-items: center;
  padding: 1em;
}
@media (min-width: 800px) {
  header {
    display: flex;
    justify-content: space-between;
  }
}
header div.mdgp-logo {
  background-image: url("/Resources/Images/mdgp/logo.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9em;
  width: 100%;
  height: 2.2em;
}
@media (min-width: 800px) {
  header div.mdgp-logo {
    background-size: 10.5em;
    height: 2.4em;
    width: 10.6em;
  }
}
header div.back {
  float: left;
}
@media (min-width: 800px) {
  header div.back {
    float: none;
    flex-basis: 25%;
    min-width: 205px;
  }
}
header div.back a {
  display: inline-block;
}
header div.back a.hidden {
  display: none;
}
header div.back a {
  height: 45px;
  width: 45px;
  margin: 5px 8px 0 0;
  border: 1px solid #8246af;
  border-radius: 50%;
  vertical-align: middle;
  background-color: #fff;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: center;
}
header div.back a.link-back {
  background-image: url("/Resources/Images/mdgp/Icons/icon-back.svg");
}
header div.back a.link-logout {
  background-image: url("/Resources/Images/mdgp/Icons/icon-logout.svg");
}
@media (min-width: 800px) {
  header div.back a {
    height: 50px;
    width: 50px;
    background-size: 25px;
    margin: 0 8px 0 0;
  }
}
header div.powered-by {
  font-size: 0.5em;
  font-weight: 600;
  text-align: center;
  margin-top: -0.5em;
}
@media (min-width: 800px) {
  header div.powered-by {
    margin-top: 0.8em;
    font-size: 0.6em;
    text-align: right;
    flex-basis: 25%;
    min-width: 205px;
  }
}

/* Panel Items */
div.panel-item {
  border-bottom: dotted 1px #99f;
  padding: 0;
  padding-bottom: 0.5em;
}

div.last {
  border-bottom: none;
}

h3.panel-item-heading {
  font-size: 1.25em;
  margin: 0;
  text-align: left;
  padding-top: 0.5em;
  padding-bottom: 0.25em;
}
@media (min-width: 600px) {
  h3.panel-item-heading {
    font-size: 1.5em;
  }
}
h3.panel-item-heading button.warning.inline {
  line-height: 0.2em;
  float: right;
}

/* Panel Item expander */
div.panel-item span.size-change {
  width: 1.6em;
  height: 1.2em;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center 0;
  cursor: pointer;
  background-image: url("/Resources/Images/mdgp/Icons/icon-35.svg");
  background-size: 1.5em;
  margin-bottom: -2px;
  display: none;
}
div.panel-item.min span.size-change {
  background-image: url("/Resources/Images/mdgp/Icons/icon-34.svg");
}
div.panel-item.min div.panel-item-content {
  display: none;
}

/* Panel Content */
div.panel-item-content {
  margin: 0;
  margin-left: 0.5em;
  padding-left: 0.5em;
}
div.panel-item-content p {
  margin: 0;
}
div.panel-item-content p.newslink {
  font-size: 0.9em;
  margin-bottom: 0.5em;
}
div.panel-item-content h4 {
  margin: 0;
}
div.panel-item-content img {
  float: left;
  padding: 4px 4px 0 0;
}
div.panel-item-content a.info-link img {
  float: none;
  padding: 0;
  height: 0.8em;
  /*@include image(info, png, 12px, 12px);*/
}
div.panel-item-content dt,
div.panel-item-content dd {
  white-space: nowrap;
}
div.panel-item-content hr {
  display: block;
  clear: left;
  visibility: hidden;
  margin: 0;
}
div.panel-item-content tr.alt td,
div.panel-item-content div.alt {
  background-color: #e3ecf0;
}

div#ViewPrescriptions div.pre-list {
  overflow-y: auto;
  margin-right: -4px;
  margin-left: -4px;
  max-height: 80vh;
}
div#ViewPrescriptions div.pre-list .panel-item-content > div {
  padding-top: 5px;
  padding-bottom: 5px;
}
div#ViewPrescriptions div.pre-list div.alt {
  margin-left: -1em;
  padding-left: 2em;
}
div#ViewPrescriptions div.pre-list span.status {
  display: block;
  margin-left: 0.5em;
  background-image: url(/Resources/Images/Icons/clock-minimal.svg);
  padding-left: 20px;
  padding-top: 1px;
  padding-bottom: 3px;
  margin-top: 8px;
  margin-bottom: 4px;
  font-size: 1em;
  font-weight: bold;
  color: #003087;
}
div#ViewPrescriptions div.pre-list span.size-change {
  margin-left: 0.25em;
}
div#ViewPrescriptions #PrescriptionSelectionPanel {
  font-size: 0.9em;
}
div#ViewPrescriptions table.prescriptions {
  margin-top: 1em;
  border-collapse: collapse;
}
div#ViewPrescriptions table.prescriptions tr.header td {
  font-weight: bold;
}
div#ViewPrescriptions table.prescriptions tr.order-button-row td {
  padding-bottom: 10px;
}
div#ViewPrescriptions table.prescriptions td {
  padding: 2px 6px;
  vertical-align: top;
}
div#ViewPrescriptions table.prescriptions td.order {
  vertical-align: top;
  text-align: center;
  font-weight: bold;
}
div#ViewPrescriptions table.prescriptions td.order input {
  font-size: 110%;
}
div#ViewPrescriptions table.prescriptions td.date {
  white-space: nowrap;
}
div#ViewPrescriptions table.prescriptions td.details {
  padding-bottom: 4px;
}
div#ViewPrescriptions table.prescriptions td.status {
  text-align: right;
}
div#ViewPrescriptions table.prescriptions td.reason {
  padding: 0;
}
div#ViewPrescriptions table.prescriptions td.reason div.input-container {
  display: block;
}
div#ViewPrescriptions table.prescriptions td.reason input {
  margin-bottom: 2px;
  margin-left: 0;
  border: #c0c0c0 1px solid;
  line-height: 2em;
  border-radius: 3px;
}
div#ViewPrescriptions table.prescriptions td.reason input:disabled {
  border-style: solid;
  border-width: 1px;
}
div#ViewPrescriptions table.prescriptions tr.selected td {
  color: #003087;
  background-color: #e3ecf0;
}
div#ViewPrescriptions table.prescriptions tr.selected td.order {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
div#ViewPrescriptions table.prescriptions tr.selected td.date {
  border-top-right-radius: 20px;
}
div#ViewPrescriptions table.prescriptions tr.selected td.details {
  border-bottom-right-radius: 20px;
}
div#ViewPrescriptions table.prescriptions tr.disabled td {
  color: #989898;
}
div#ViewPrescriptions div.response {
  margin: 0.25em 0;
}
div#ViewPrescriptions div.slide-drawer {
  text-align: center;
  border-top-color: black;
  border-top-width: 1px;
  border-top-style: dotted;
  padding-top: 4px;
  margin-top: 4px;
}
div#ViewPrescriptions div.phr-prescriptionitem,
div#ViewPrescriptions div.phr-prescription-meta {
  margin-left: 1em;
  font-size: 1em;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
  flex-direction: row;
}
div#ViewPrescriptions div.phr-prescriptionitem span.phricon,
div#ViewPrescriptions div.phr-prescription-meta span.phricon {
  margin: 4px;
  top: 2px;
  position: relative;
}
div#ViewPrescriptions div.phr-prescriptionitem b,
div#ViewPrescriptions div.phr-prescriptionitem span,
div#ViewPrescriptions div.phr-prescription-meta b,
div#ViewPrescriptions div.phr-prescription-meta span {
  padding-bottom: 4px;
}
div#ViewPrescriptions div.phr-prescriptionitem div,
div#ViewPrescriptions div.phr-prescription-meta div {
  display: flex;
  flex-direction: column;
  padding-left: 4px;
}
div#ViewPrescriptions div.phr-prescriptionitem div.phr-prescription-statusinfo,
div#ViewPrescriptions div.phr-prescription-meta div.phr-prescription-statusinfo {
  display: flex;
  flex-direction: row;
  margin-left: -4px;
}
div#ViewPrescriptions div.phr-prescriptionitem div.phr-prescription-statusinfo span,
div#ViewPrescriptions div.phr-prescription-meta div.phr-prescription-statusinfo span {
  padding-right: 0.2em;
}
div#ViewPrescriptions div.phr-prescriptionitem a,
div#ViewPrescriptions div.phr-prescription-meta a {
  padding-top: 5px;
  padding-left: 4px;
}
div#ViewPrescriptions div#PanelPrescriptionStatusReason {
  flex-direction: row;
}
div#ViewPrescriptions div#PanelPrescriptionStatusReason em {
  padding-top: 6px;
  padding-left: 4px;
}
div#ViewPrescriptions .phr-prescriptionitem-description {
  font-weight: bold;
}
div#ViewPrescriptions h4 {
  margin: 0;
  padding-top: 8px;
  color: #003087;
}
div#ViewPrescriptions h1,
div#ViewPrescriptions h2,
div#ViewPrescriptions h3 {
  color: #454545;
}
div#ViewPrescriptions div.heading,
div#ViewPrescriptions div.gadget-heading {
  color: #fff;
}
div#ViewPrescriptions div#pharmacy {
  padding-left: 0.25em;
}

div.ask > h2 {
  text-align: center;
}
div.ask div.buttons {
  float: none;
  clear: both;
  margin: auto;
  width: 100%;
  max-width: 600px;
  padding: 16px;
}
div.ask div.buttons button {
  display: block;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  background-color: #fff;
  width: calc(100% - 32px);
}
div.ask div.buttons button + button {
  margin-left: 0;
  margin-top: 1em;
}
div.ask div.buttons button::before {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  margin-right: 12px;
  background-color: #003087;
  border-radius: 16px;
  float: left;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
div.ask div.buttons button.new::before {
  background-image: url("/Resources/Images/External/ask-request-new.svg");
}
div.ask div.buttons button.prev::before {
  background-image: url("/Resources/Images/External/ask-request-prev.svg");
}
div.ask div.buttons button h2 {
  margin: 0;
  text-align: left;
}
div.ask div.buttons button p {
  margin: 0;
  text-align: left;
}

table.select-view {
  width: 70%;
  margin: auto;
  margin-top: 20px;
  text-align: center;
}
table.select-view img {
  border: solid 2px #eef;
}
table.select-view img.solid {
  height: 0;
  border: none;
}
table.select-view a span.subtle {
  color: #669;
}
table.select-view a:hover span.subtle {
  color: #99f;
}
table.select-view a:hover img {
  height: 0;
  border: none;
}
table.select-view a:hover img.solid {
  height: auto;
  border: solid 2px #ccf;
}

#overlay, #timeout {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  padding-top: 2em;
}

#overlay-background, #timeout-background {
  opacity: 0.5;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#OverlayHelp {
  position: absolute;
  width: 90%;
  top: 70px;
  left: 0;
  right: 0;
  border: 4px solid #003087;
  border-radius: 30px;
  margin: auto;
  padding-top: 1em;
  padding-bottom: 10px;
  font-weight: bold;
  opacity: 0.95;
  color: #003087;
  background: #e3ecf0;
}
#OverlayHelp div.overlay-help-hide-button {
  float: right;
  padding-right: 10px;
  padding-top: 20px;
}
#OverlayHelp div.overlay-help-hide-button input[type=checkbox] {
  margin-right: 20px;
  transform: scale(2);
  margin-left: 1em;
  position: relative;
  top: -0.2em;
  margin-bottom: 1em;
}

#overlay-holder {
  position: relative;
  margin: 0 0.5em;
}
#overlay-holder #overlay-links {
  display: flex;
  justify-content: space-between;
}
#overlay-holder a {
  color: #fff;
  font-size: 20px;
  display: inline-block;
  font-weight: bold;
}
#overlay-holder a.open::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  display: inline-block;
  background-image: url("/Resources/Images/MDGP/Icons/icon-54.svg");
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: center bottom 3px;
  background-color: #fff;
  border-radius: 50%;
  margin-right: 0.25em;
  position: relative;
  top: 0.25em;
}
#overlay-holder a.close::after {
  content: "";
  display: inline-block;
  background-image: url("/Resources/Images/MDGP/Icons/icon-back.svg");
  background-position: right;
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  margin-left: 0.25em;
  position: relative;
  top: 0.25em;
}
#overlay-holder a.print {
  display: none;
}

#overlay-content {
  border: none;
  padding: 0;
  background: #000;
  height: calc(100vh - 5em);
  min-height: 50vh;
  border-radius: 30px;
  overflow: scroll;
}
#overlay-content.image-viewer {
  height: unset;
  min-height: unset;
}
#overlay-content iframe {
  background-color: #fff;
  border-radius: 30px;
}

#timeout {
  z-index: 100000;
}

#timeout-content {
  position: relative;
  top: 2em;
  min-height: 200px;
  margin: 1em;
  padding: 8em 2em 1em 2em;
  border: 2px solid #003087;
  border-radius: 20px;
  background: #fff;
  background-image: url("/Resources/Images/mdgp/Icons/icon-33.svg");
  background-repeat: no-repeat;
  background-position: center 2em;
  background-size: 6em;
}
@media (min-width: 600px) {
  #timeout-content {
    max-width: calc(600px - 2em);
    margin: 1em auto;
  }
}
#timeout-content p a {
  color: #107bcc;
}
#timeout-content button {
  margin-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
  font-size: 1em;
}
#timeout-content button#ButtonTimeoutStay {
  background-color: #003087;
  border: 1px #003087 solid;
  color: white;
}
#timeout-content button#ButtonTimeoutStay:hover {
  background-color: white;
  color: #003087;
}

#modalDialog {
  z-index: 99999;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#modalDialog div.background {
  background: #666;
  opacity: 0.4;
  width: 100%;
  height: 100%;
}
#modalDialog div.modal-container {
  position: absolute;
  top: 5em;
  max-height: calc(100vh - 6em);
  width: calc(100vw - 1em);
  max-width: 600px;
  margin: 0 auto;
  padding: 0.5em;
  left: 0.5em;
  right: 0.5em;
  background: #fff;
  border-radius: 30px;
  text-align: center;
}
@media (min-width: 600px) {
  #modalDialog div.modal-container {
    padding: 2em;
  }
}
#modalDialog div.modal-container h1 {
  font-weight: bold;
  font-size: 1.8em;
  margin: 0.25em 0;
  text-align: center;
}
#modalDialog div.modal-container div.modal-content {
  max-height: calc(100vh - 14.5em);
  overflow-y: auto;
}
#modalDialog div.modal-container div.modal-content div.signup-message {
  margin-top: 1em;
  text-align: left;
}
#modalDialog div.modal-container div.modal-content div.signup-message img {
  float: left;
  width: 30%;
  margin-right: 1em;
}
#modalDialog div.modal-container div.modal-content h3 {
  font-weight: normal;
  margin: 0;
  font-size: 1.4em;
}
#modalDialog div.modal-container .left {
  text-align: left;
}
#modalDialog .modal-buttons {
  padding-top: 0.5em;
}
#modalDialog button.demo {
  font-size: 0.8em;
  padding-right: 1em;
}
#modalDialog button.modal-default {
  margin-bottom: 1em;
  padding-left: 2.3em;
  padding-right: 2.3em;
  font-size: 1em;
}

#loadingBlocker {
  z-index: 99;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
#loadingBlocker #loadingBlocker_background {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  background-image: url("/Resources/Images/mdgp/loading.svg");
  background-size: 10em;
  background-repeat: no-repeat;
  background-position: center;
}

#lightbox {
  display: none;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 50px;
}
#lightbox:before {
  content: "";
  opacity: 0.5;
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#lightbox-content {
  position: relative;
  margin: auto;
  width: 80%;
  height: 80%;
  font-size: 1.2em;
}

.hidden {
  display: none;
}

.error {
  border-color: #FF2E7E;
  color: #FF2E7E;
  /*
  	border: solid 2px colour.$colour-warning-border;
  	color: colour.$colour-warning-text;	
  	@include snippets.border-radius(4px);
  */
}

div.error {
  font-weight: bold;
  text-align: center;
  padding: 1em;
  margin: 1em;
  border-radius: 20px;
  border-width: 2px;
  border-style: solid;
}
div.error h3 {
  text-align: left;
  background-color: #d9338b;
}
div.error.nhslogin {
  margin: auto;
  max-width: 600px;
}
div.error.message {
  position: absolute;
  top: 25%;
  width: 75%;
  margin: 0 10%;
  z-index: 9;
}
div.error.message a.close {
  float: right;
  margin-top: -30px;
  margin-right: -30px;
  cursor: pointer;
  border: 2px solid #d9338b;
  border-radius: 30px;
  background: #d9338b;
  background-image: url("/Resources/Images/close.png");
  width: 1em;
  height: 1em;
  background-position: center;
  background-repeat: no-repeat;
}
div.error.error-site {
  font-weight: normal;
  margin: 0 0 1em;
}
div.error.error-site h1 {
  color: #d9338b;
  border-bottom-color: #d9338b;
  font-weight: normal;
  font-size: 140%;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: center;
  padding: 0.1em 0 0.1em 0.25em;
}
div.error.error-site.error-banner {
  z-index: 999;
  display: block;
  margin: 0 1em;
  position: absolute;
  top: 1.5em;
  width: calc(100% - 4em);
  opacity: 0.95;
}
div.error .error-details {
  font-weight: normal;
}
div.error .error-details span.label {
  font-weight: bold;
}
div.error .error-details span.label:after {
  content: ": ";
}

span.error {
  border: 1px solid;
  padding: 5px;
  text-align: left;
  color: #aa4e78;
  border-radius: 4px;
  background-clip: padding-box;
}

td.error {
  text-align: center;
  padding: 0.25em;
}

div.error-message {
  background: #aa4e78;
  color: white;
  text-align: center;
  font-size: 0.7em;
  font-weight: normal;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 0.3em;
  background-image: url("/Resources/Images/Icons/warningoutline_white.svg");
  background-repeat: no-repeat;
  background-position: center right 1em;
  background-size: 1.25em;
  position: relative;
}
div.error-message span.error-info {
  display: none;
  position: absolute;
  top: 2em;
  left: 0;
  padding: 1em;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #aa4e78;
  z-index: 50;
}
div.error-message:hover span.error-info {
  display: block;
}

input.error,
select.error,
textarea.error {
  border-color: #FF2E7E;
  border-width: 3px;
  background-color: #fff;
}
input.error ~ span.error,
select.error ~ span.error,
textarea.error ~ span.error {
  display: block;
  margin: -0.5em -0.5em 0em 0em;
  padding: 0.5em 0.25em 0.25em 0.25em;
}

input.error,
select.error,
#PanelPicker.error,
textarea.error {
  background-image: url("/Resources/Images/mdgp/Icons/icon-37.svg");
  background-position: center right 1em;
  background-size: 1.25em;
  background-repeat: no-repeat;
}
input.error ~ span.error,
select.error ~ span.error,
#PanelPicker.error ~ span.error,
textarea.error ~ span.error {
  display: none;
  position: absolute;
  width: calc(100% - 2.5em);
  z-index: 999;
  margin-left: 1.7em;
  padding: 1em;
  font-size: 0.7em;
  font-weight: 600;
  color: #fff;
  background-color: #FF2E7E;
  border-color: #FF2E7E;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 27px;
  border-bottom-right-radius: 27px;
}
input.error:hover ~ span.error,
select.error:hover ~ span.error,
#PanelPicker.error:hover ~ span.error,
textarea.error:hover ~ span.error {
  display: block;
}

#PanelPicker.error {
  font-weight: normal;
  text-align: left;
  padding: 0 3em 0.25em 0;
  margin: 0;
  background-color: #fff;
  border: none;
  display: inline-block;
}
#PanelPicker.error select {
  background-image: none;
}

select.error ~ span.error {
  margin-left: 0;
  margin-right: 0;
}

div.success {
  font-weight: bold;
  text-align: center;
  padding: 1em;
  margin-top: 1em;
}

.tick {
  background-image: url(/Resources/Images/tick.svg);
  background-size: 70px;
  background-position: 10px;
}

div.login-links,
div.navigation {
  margin-left: 0.5em;
}
div.login-links button,
div.navigation button {
  display: inline-block;
  margin: 0px;
  padding: 0.4em 1em;
  width: auto;
  min-width: 3.5em;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-clip: padding-box;
  border-top-left-radius: initial;
  border-top-right-radius: initial;
  border-top: none;
  border-width: 1px;
  border-color: #706f6f;
  cursor: pointer;
  background-color: #989898;
  border-color: #989898;
  color: #fff;
  font-size: 0.8em;
  text-align: center;
}
div.login-links button.link-logout,
div.navigation button.link-logout {
  flex-shrink: 0;
  height: 2.2em;
  margin-right: 8px;
  width: 7.5em;
  background-color: #fff;
  color: #706f6f;
  border-width: 2px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
div.login-links button.link-logout:hover,
div.navigation button.link-logout:hover {
  color: #fff;
}
div.login-links button.selected,
div.navigation button.selected {
  background-color: #706f6f;
  border-color: #706f6f;
  color: white;
}
div.login-links button:hover,
div.navigation button:hover {
  background-color: #706f6f;
  border-color: #706f6f;
}
div.login-links button.expanded,
div.navigation button.expanded {
  border-radius: initial;
}
div.login-links div.button-container:hover button.selected,
div.navigation div.button-container:hover button.selected {
  background-color: #989898;
  border-color: #989898;
}
div.login-links div.button-container:hover button.selected:hover,
div.navigation div.button-container:hover button.selected:hover {
  background-color: #706f6f;
  border-color: #706f6f;
}

nav.site-nav div.site-nav-menu {
  display: none;
}
nav.site-nav ul {
  margin: 0;
  list-style-type: none;
  padding-left: 0;
}
nav.site-nav ul:hover a.selected {
  background-color: #989898;
  border-color: #989898;
}
nav.site-nav ul:hover a.selected:hover {
  background-color: #706f6f;
  border-color: #706f6f;
}
nav.site-nav ul li:first-child {
  margin-top: 0px;
}
nav.site-nav ul li {
  float: left;
  margin: -1px 0.1em 1px;
  position: relative;
}
nav.site-nav ul li > a {
  display: inline-block;
  margin: 0px;
  margin-bottom: 1px;
  padding: 0.4em 1em;
  min-width: 3.5em;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-clip: padding-box;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  border-top: none;
  border-width: 1px;
  background-color: #989898;
  border-color: #989898;
  color: #fff;
  font-size: 0.8em;
  text-align: center;
}
nav.site-nav ul li > a.selected {
  background-color: #706f6f;
}
nav.site-nav ul li > a:hover {
  color: #fff;
  background-color: #706f6f;
}
nav.site-nav ul li:hover a.sub-menu {
  color: #fff;
  background-color: #706f6f;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
}
nav.site-nav ul li.warning > a {
  font-size: 1em;
  font-weight: bold;
  border: 1px solid #d8338b;
  border-top: unset;
  color: #d8338b;
  background-color: #fae9f3;
}
nav.site-nav ul li.warning:hover > a {
  color: #d8338b;
  background-color: #f5d3e5;
}
nav.site-nav ul li > ul, nav.site-nav ul li > div {
  display: none;
}
nav.site-nav ul li > ul > ul, nav.site-nav ul li > div > ul {
  display: block;
}
nav.site-nav ul li > ul, nav.site-nav ul li > div {
  position: absolute;
  z-index: 999;
}
nav.site-nav ul li > ul li, nav.site-nav ul li > div li {
  float: none;
  margin-left: 0;
  margin-bottom: 0;
}
nav.site-nav ul li > ul li a, nav.site-nav ul li > div li a {
  font-weight: lighter;
  font-size: 0.8em;
  width: 9em;
  text-align: left;
  margin: 0px;
  padding: 1.2em 1em 1.2em 3em;
  border-top: #fff 1px solid;
  border-radius: unset;
  color: #fff;
  background-color: #989898;
  background-position: center left 0.8em;
  background-repeat: no-repeat;
  background-size: 1.75em;
  /* override green-ness.  Font icons will help here */
}
nav.site-nav ul li > ul li a.account, nav.site-nav ul li > div li a.account {
  background-image: url("/Resources/Images/Icons/circleuser_white.svg");
}
nav.site-nav ul li > ul li a.gadgets, nav.site-nav ul li > div li a.gadgets {
  background-image: url("/Resources/Images/Icons/gadgets2_white.svg");
}
nav.site-nav ul li > ul li a.gp, nav.site-nav ul li > div li a.gp {
  background-image: url("/Resources/Images/Icons/gp_white.svg");
}
nav.site-nav ul li > ul li a.advanced, nav.site-nav ul li > div li a.advanced {
  background-image: url("/Resources/Images/Icons/settings_white.svg");
}
nav.site-nav ul li > ul li a.history, nav.site-nav ul li > div li a.history {
  background-image: url("/Resources/Images/Icons/history1_white.svg");
}
nav.site-nav ul li > ul li a.data, nav.site-nav ul li > div li a.data {
  background-image: url("/Resources/Images/Icons/shareoptions-circle3-ffffff.svg");
}
nav.site-nav ul li > ul li a.link, nav.site-nav ul li > div li a.link {
  background-image: url("/Resources/Images/Icons/linkaccount_white.svg");
}
nav.site-nav ul li > ul li a:hover, nav.site-nav ul li > div li a:hover {
  background-color: #706f6f;
}
nav.site-nav ul li > ul li a.proxy, nav.site-nav ul li > div li a.proxy {
  width: 25em;
  padding: 0.2em;
}
nav.site-nav ul li > ul li a.proxy div.proxy-link, nav.site-nav ul li > div li a.proxy div.proxy-link {
  padding: 1em 0.8em 1em 3.5em;
  background-color: #989898;
  min-height: 3.5em;
}
nav.site-nav ul li > ul li a.proxy div.proxy-link.active, nav.site-nav ul li > div li a.proxy div.proxy-link.active {
  background-color: #fff;
  color: #d8338b;
  min-height: 5em;
}
nav.site-nav ul li > ul li a.proxy div.proxy-link div.active, nav.site-nav ul li > div li a.proxy div.proxy-link div.active {
  font-weight: bold;
  font-size: 1.1em;
  padding-bottom: 0.5em;
}
nav.site-nav ul li > ul li a.proxy div.proxy-link span.proxy-item-label, nav.site-nav ul li > div li a.proxy div.proxy-link span.proxy-item-label {
  width: 5em;
  display: inline-block;
  text-align: right;
  padding-right: 0.5em;
}
nav.site-nav ul li > ul li a.proxy div.proxy-link span.proxy-item-details.name, nav.site-nav ul li > div li a.proxy div.proxy-link span.proxy-item-details.name {
  font-size: 1.1em;
  font-weight: bold;
}
nav.site-nav ul li > ul li a.proxy:hover div.proxy-link, nav.site-nav ul li > div li a.proxy:hover div.proxy-link {
  background-color: #706f6f;
}
nav.site-nav ul li > ul li a.proxy:hover div.proxy-link.active, nav.site-nav ul li > div li a.proxy:hover div.proxy-link.active {
  background-color: #706f6f;
  color: #fff;
}
nav.site-nav ul li > ul li:last-child a, nav.site-nav ul li > ul li:last-child a div.proxy-link, nav.site-nav ul li > div li:last-child a, nav.site-nav ul li > div li:last-child a div.proxy-link {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-clip: padding-box;
}
nav.site-nav ul li #ProxyList li a,
nav.site-nav ul li #ProxyList li a div.proxy-link {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
}
nav.site-nav ul li #ProxyListOther {
  margin-top: -1px;
  max-height: calc(100vh - 440px);
  overflow: scroll;
}

div.login-links {
  margin-top: -0.8em;
  margin-bottom: 1em;
  text-align: left;
}

div.footer-links {
  font-size: 0.9em;
}
div.footer-links ul {
  list-style-type: none;
}
div.footer-links li a {
  float: left;
  margin-bottom: 0.5em;
  margin-right: 1em;
}
div.public ~ div.footer-links {
  font-size: 1em;
  margin-left: 186px;
}

.version {
  color: #989898;
  margin-top: 10.4em;
  margin-left: 0.7em;
  font-size: 0.8em;
  position: absolute;
}

div.user-warning {
  z-index: 99999;
  position: absolute;
  width: 100%;
  height: 500%;
  top: -150px;
  left: 0px;
}
div.user-warning div.background {
  background: #000;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}
div.user-warning div.content {
  position: absolute;
  top: 18em;
  background: #fff;
  background-image: url("/Resources/Images/record_lock_d.svg");
  background-repeat: no-repeat;
  background-position: center 1.5em;
  border: 2px solid #003087;
  border-radius: 6px;
  background-clip: padding-box;
  padding: 10em 3em 1em 3em;
  margin: 0 25%;
  text-align: center;
  -webkit-box-shadow: 0px 0px 12px #939393;
  box-shadow: 0px 0px 12px #939393;
  color: #706f6f;
}
div.user-warning div.content img {
  margin: 1em;
  height: 7em;
}
div.user-warning div.content h1 {
  color: #706f6f;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0.5em;
  text-align: center;
  padding: 0.1em 0 0.1em 0.25em;
}
div.user-warning div.content button {
  background-color: #003087;
  border-color: #003087;
  color: #fff;
  background-image: none;
  padding-left: 0.5em;
}
div.user-warning span.user-label {
  font-weight: bold;
  color: #d8338b;
}

span.practice-message,
.system-message {
  display: block;
  padding: 1em;
  margin-bottom: 4px;
  text-align: justify;
  background-color: #e3ecf0;
  border: 1px solid #8246af;
  color: #003087;
  border-radius: 30px;
}
span.practice-message.center,
.system-message.center {
  text-align: center;
}
span.practice-message h1,
.system-message h1 {
  color: #d8338b;
  text-align: center;
}

.readable-code {
  font-family: "Consolas", serif;
  font-size: 20px;
  background-color: #fff1c0;
  padding: 8px;
  border-radius: 8px;
  letter-spacing: 2px;
}

div#cookie {
  align-items: center;
  background-color: #f0f0f0;
  color: #003087;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
  min-height: 60px;
  line-height: 24px;
  padding: 8px 30px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
div#cookie span {
  display: block;
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 16px;
  line-height: 24px;
  margin-right: 16px;
  max-width: 100%;
  flex: 1 1 auto;
}
div#cookie span a {
  white-space: nowrap;
  color: #003087;
  text-decoration: underline;
}

@media (max-width: 414px) {
  div#cookie {
    padding: 16px 16px;
    flex-direction: column;
  }
  div#cookie span {
    padding-bottom: 16px;
  }
}
.signup #practices {
  margin-top: 20px;
}
.signup #signup-selected {
  display: none;
}
.signup #signup-selected div.practice {
  cursor: auto;
}
.signup #signup-selected div.practice:hover {
  background-color: #fff;
  border-color: #fff;
}
.signup #signup-register,
.signup #signup-list {
  display: none;
}
.signup #signin-link-mob {
  display: none;
}

div.sorter {
  text-align: right;
  position: relative;
  margin-right: 0.25em;
  z-index: 1;
}

div.sort-options {
  -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.2);
  position: absolute;
  display: none;
  right: 0.2em;
  top: 1.1em;
  background: white;
  border: 1px solid green;
  border-radius: 3px;
  text-align: left;
  padding: 0.2em;
}

a.sort-name {
  width: 6em;
  display: inline-block;
}

div#account-overview div.account-heading {
  display: flex;
  border-bottom: 1px solid #dbdbdb;
  padding-top: 1em;
}
div#account-overview div.account-heading div.initials {
  flex-shrink: 0;
  background-color: #8246af;
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  margin: 0.25em 0.75em 0.75em;
  text-align: center;
  line-height: 2.5em;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
}
div#account-overview div.account-heading div.account-id-details h2 {
  margin: 0px;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}
div#account-overview div.account-heading div.account-id-details div {
  font-size: 12px;
  color: #8246af;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  margin-bottom: 1em;
}
div#account-overview div.account-section {
  border-bottom: 1px solid #dbdbdb;
  padding: 5px 20px;
}
div#account-overview div.account-section h2 {
  font-weight: 600;
  text-align: left;
  color: #8246af;
}
div#account-overview div.account-section > div:not(.hidden) {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
div#account-overview div.account-section > div:not(.hidden) h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
div#account-overview div.account-section > div:not(.hidden) div {
  text-align: right;
  font-size: 14px;
}
div#account-overview div.account-section.warning {
  margin-left: -0.5em;
  margin-right: -0.5em;
  background-color: #FF2E7E;
  border-bottom: none;
  padding-bottom: 10px;
}
@media (min-width: 600px) {
  div#account-overview div.account-section.warning {
    margin-left: -2em;
    margin-right: -2em;
  }
}
div#account-overview div.account-section.warning:last-child {
  margin-bottom: -0.6em;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
@media (min-width: 600px) {
  div#account-overview div.account-section.warning:last-child {
    margin-bottom: -2.25em;
  }
}
div#account-overview div.account-section.warning h2,
div#account-overview div.account-section.warning h3,
div#account-overview div.account-section.warning p,
div#account-overview div.account-section.warning i {
  color: white;
}
div#account-overview div.account-section.warning h2,
div#account-overview div.account-section.warning h3 {
  font-weight: 600;
}
div#account-overview div.account-section.warning input[type=text] {
  margin-bottom: 1em;
}
div#account-overview div.account-section.warning > div:not(.hidden) {
  display: block;
}

.gp-link__services {
  list-style-type: none;
  text-align: left;
}

.gp-link__service-item:before {
  content: "";
  height: 25px;
  width: 25px;
  display: inline-block;
  background-image: url(/Resources/Images/Icons/cleancheck_p.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin-right: 8px;
}

div.help {
  position: absolute;
  z-index: 9999;
  left: -4.5em;
  top: 0.5em;
}
div.box div.help {
  left: unset;
  right: 2em;
  width: 19em;
}
div.help#Menu {
  display: none;
}
div.help div.help-wrapper {
  position: absolute;
  top: 20px;
  left: 25px;
  z-index: 99;
  padding-top: 12px;
  min-width: 300px;
  font-weight: normal;
  opacity: 0.95;
}
div.help div.help-wrapper div.help-content {
  background: #d8338b;
  color: #fff;
  padding: 1em;
  padding-bottom: 0.01em;
  text-align: justify;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-box-shadow: 0px 0px 12px #939393;
  box-shadow: 0px 0px 12px #939393;
}
div.help div.help-wrapper div.help-content:before {
  display: block;
  position: absolute;
  top: 0;
  left: 6em;
  content: " ";
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #d8338b;
}
div.box div.help div.help-wrapper div.help-content:before {
  left: 12em;
}
div.help div.help-wrapper div.help-content div.close {
  background: url("/Resources/Images/Icons/close_w.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center right;
  float: right;
  margin: -0.5em -0.5em 0 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

div.inline-help {
  display: inline-block;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: -0.5em;
  background-image: url("/Resources/Images/Icons/info_p.svg");
  background-position: center center;
  background-size: 1em;
}
div.inline-help span {
  display: none;
  position: absolute;
  top: 1em;
  min-width: 8em;
  max-width: 14em;
  padding: 0.25em;
  /* make sure the mous pointer isn't in the way: */
  margin-top: 16px;
  z-index: 9;
  background: #f9f9f9;
  border: 1px solid #003087;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.2);
}
div.inline-help:hover span {
  display: block;
}

#ProxyWarningUserLabel {
  white-space: nowrap;
}

.proxy-subject {
  font-size: 1em;
  font-weight: bold;
  position: relative;
  color: #fff !important;
}
.proxy-subject .proxy-details {
  position: relative;
  margin: 0 8px 10px 10px;
  padding: 4px 6px 4px 65px;
  border-radius: 6px;
  background-clip: padding-box;
  background: #d8338b;
}
.proxy-subject .proxy-details a {
  font-size: 0.8em;
  color: #fff;
  text-decoration: underline;
  white-space: nowrap;
  padding-left: 2em;
}
.content .proxy-subject .proxy-details {
  text-align: left;
  margin-right: 0;
}
.content .proxy-subject .proxy-details span {
  padding: 0 !important;
}
#Messages .proxy-subject .proxy-details {
  margin-left: 4px;
}
.proxy-subject .proxy-details .proxy-subject-container {
  padding: 4px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: #d8338b;
}
.proxy-subject .proxy-details .proxy-subject-container .proxy-subject-initials {
  font-size: 24px;
  color: #d8338b;
  background-color: #fff;
}
.proxy-subject.fixed {
  position: fixed;
  z-index: 9999;
  top: 16px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  margin-top: -15px;
}
.proxy-subject.fixed div.proxy-details {
  margin-top: 15px;
  margin-bottom: 0;
}
.proxy-subject.fixed + div.navigation {
  margin-top: 2.5em;
}
.proxy-subject.top-gap {
  margin-top: 1em;
}

.proxy-subject-container {
  border-radius: 50%;
  padding: 4px;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 10px;
  background-color: #fff;
}
.active .proxy-subject-container {
  background-color: #d8338b;
}
a:hover .proxy-subject-container {
  background-color: #fff;
}
.proxy-subject-container .proxy-subject-initials {
  height: 100%;
  background-color: #989898;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.active .proxy-subject-container .proxy-subject-initials {
  color: #d8338b;
  background-color: #fff;
}
a:hover .proxy-subject-container .proxy-subject-initials {
  background-color: #706f6f;
  color: #fff;
}

#ProxyMenu .proxy-scroll-up,
#ProxyMenu .proxy-scroll-down {
  color: #fff;
  background-color: #989898;
  cursor: pointer;
  height: 2em;
  width: calc(100% - 2px);
  position: absolute;
  margin-left: 0;
  z-index: 11;
}
#ProxyMenu .proxy-scroll-up::after,
#ProxyMenu .proxy-scroll-down::after {
  content: "";
  display: block;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  width: 1em;
  height: 1em;
  margin: 0 auto;
}
#ProxyMenu .proxy-scroll-up {
  margin-top: -1px;
  border-bottom: solid 1px #fff;
}
#ProxyMenu .proxy-scroll-up + #ProxyListOther {
  padding-top: 2em;
}
#ProxyMenu .proxy-scroll-up + #ProxyListOther li:last-child a,
#ProxyMenu .proxy-scroll-up + #ProxyListOther li:last-child a div.proxy-link {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-clip: padding-box;
}
#ProxyMenu .proxy-scroll-up::after {
  margin-top: 0.75em;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
#ProxyMenu .proxy-scroll-down {
  margin-bottom: 0;
  border-top: solid 2px #fff;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-clip: padding-box;
}
#ProxyMenu .proxy-scroll-down::after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.proxy-warning-agree {
  display: inline-block;
  margin: 0 0.5em;
  padding: 0 0.5em;
  cursor: pointer;
}
.proxy-warning-agree input[type=checkbox] {
  font-size: 2em;
  vertical-align: top;
}

#GadgetAppLink div.heading {
  background-image: url("/Resources/Images/Icons/download_white.svg");
}
#GadgetAppLink box-content {
  padding: 0 10px;
}
#GadgetAppLink #appLinkImg {
  float: left;
  margin-right: 18px;
  width: 104px;
  display: none;
}
#GadgetAppLink #appLinkImg + p::after {
  content: "";
  clear: both;
  display: table;
}
#GadgetAppLink #appLinkLink {
  color: #3366cc;
  font-weight: 600;
}
#GadgetAppLink #appLinkScan {
  display: none;
}
#GadgetAppLink #appLinkLife {
  color: #3366cc;
  font-weight: bold;
}
#GadgetAppLink #appLinkSample {
  width: 100%;
  text-align: center;
  padding-top: 6px;
  margin-bottom: -9px;
}
#GadgetAppLink #appLinkSample img {
  width: calc(100% - 20px);
  max-width: 400px;
}
#GadgetAppLink #appLinkSample::after {
  content: "";
  clear: both;
  display: table;
}
#GadgetAppLink #appLinkButtons {
  margin: 15px 5px 5px 5px;
  display: none;
}
#GadgetAppLink #appLinkButtons button {
  padding-left: 2.3em;
  background-image: url("/Resources/Images/Icons/download_p.svg");
}
#GadgetAppLink #appLinkButtons button:hover {
  background-image: url("/Resources/Images/Icons/download_white.svg");
}
#GadgetAppLink #appLinkButtons::after {
  content: "";
  clear: both;
  display: table;
}
#GadgetAppLink #appPanelInfo {
  display: block;
  color: #454545;
  font-size: 12px;
  display: none;
}

.phr-service-list {
  text-align: left;
}

.phr-service-list-item {
  cursor: pointer;
  display: flex;
}
.phr-service-list-item img {
  max-width: 60px;
  max-height: 60px;
  float: left;
  margin: 8px;
}
.phr-service-list-item div.phr-service-header {
  font-size: 1.3em;
}
.phr-service-list-item div.phr-service-content {
  font-size: 0.8em;
}

.phr-dont-show {
  text-align: right;
  margin-top: 8px;
}

@media (max-width: 320px) {
  .phr-dont-show {
    display: flex;
  }
}
img.phr-logo-brand-large {
  max-height: 100px;
  max-width: 100%;
}

.public {
  max-width: none;
  text-align: left;
  width: 90%;
  min-height: calc(100vh - 21em);
  /*
  	margin-right: -116px;
  	max-width: none;
  	*/
}
.public th {
  text-align: left;
  padding: 0 5px;
}
.public th.nowrap {
  white-space: nowrap;
}
.public td {
  vertical-align: top;
  padding: 2px;
}
.public blockquote {
  margin: 1em;
  padding: 0.5em;
  text-align: justify;
}
.public cite:before {
  content: "— ";
}
.public iframe {
  display: block;
  margin: auto;
}

table.prereg {
  border-spacing: 0;
}
table.prereg td.label {
  white-space: pre;
  padding-left: 15px;
}
table.prereg td.error-right, table.prereg td.error-left {
  border: 1px solid #aa4e78;
  background-color: rgb(233.75, 210.75, 221.25);
}
table.prereg td.error-left {
  border-right: none;
}
table.prereg td.error-right {
  border-left: none;
}

div.prereg-title {
  border: 1px solid #ccf;
  background-color: #eef;
  padding: 10px;
  margin: 10px;
}

div.prereg-submit {
  padding-right: 50px;
  text-align: right;
}

div.prereg-error-message {
  border: 1px solid #aa4e78;
  background-color: rgb(233.75, 210.75, 221.25);
  color: #aa4e78;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

div.status h2 {
  margin: 1em;
}
div.status div.success, div.status div.error {
  margin: 0 1.5em;
  max-width: 35em;
  text-align: left;
  font-weight: normal;
}
div.status div.success {
  border-color: #1c8e33 !important;
  background-color: #8246af;
}

div.settings div.account h2 {
  margin-top: 2em;
}
div.settings div.account h3.with-button {
  padding-right: 1.26em;
}

div.password table,
div.email table,
div.user-name table {
  width: 100%;
  margin: 10px 0px;
}
div.password table th,
div.email table th,
div.user-name table th {
  text-align: right;
  vertical-align: top;
  padding-top: 0.35em;
  width: 25%;
}
div.password table td,
div.email table td,
div.user-name table td {
  width: 25em;
  vertical-align: top;
}
div.password table td.toggle,
div.email table td.toggle,
div.user-name table td.toggle {
  width: auto;
  padding-top: 3px;
}
div.password table td.email,
div.email table td.email,
div.user-name table td.email {
  width: 5em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  white-space: nowrap;
  max-width: 11em;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.password table td.button,
div.email table td.button,
div.user-name table td.button {
  width: 10%;
}
div.password table input[type=text],
div.password table input[type=password],
div.email table input[type=text],
div.email table input[type=password],
div.user-name table input[type=text],
div.user-name table input[type=password] {
  font-size: 1em;
  border-radius: 4px;
  background-clip: padding-box;
  border: solid 1px #ddd;
  padding: 2px;
}
div.password table input[type=text].error,
div.password table input[type=password].error,
div.email table input[type=text].error,
div.email table input[type=password].error,
div.user-name table input[type=text].error,
div.user-name table input[type=password].error {
  padding: 1px;
}
div.password table input[type=submit].verified,
div.email table input[type=submit].verified,
div.user-name table input[type=submit].verified {
  border-color: #1c8e33;
  background-color: #8246af;
  color: #1c8e33;
}
div.password table.account input[type=submit],
div.email table.account input[type=submit],
div.user-name table.account input[type=submit] {
  width: 16em;
}

.settings-page label {
  display: inline-block;
  min-width: 11em;
  height: 1.6em;
  padding-right: 0.5em;
  text-align: right;
}
.settings-page #PanelCurrent {
  margin-bottom: 0.5em;
}
.settings-page #PanelCurrent label {
  vertical-align: top;
}
.settings-page .current {
  font-weight: bold;
  display: inline-block;
}
.settings-page .address-holder:after {
  clear: both;
  content: "";
  display: block;
  visibility: hidden;
}
.settings-page .address-holder .address {
  vertical-align: top;
}
.settings-page .address-holder #ButtonEdit {
  margin-top: 0.4em;
  margin-bottom: 1em;
}
.settings-page .link-buttons {
  margin: 1em 0 0 11.25em;
}
.settings-page #PanelUnlinkButtons label {
  margin-bottom: 1em;
}
.settings-page div.system-message {
  margin-right: 14px;
  margin-top: 4px;
}

div.user-name div.input-form,
div.email div.input-form {
  margin: 1em 1.5em;
}

div.details div.address,
div.gp-services {
  min-width: 230px;
  border: 1px solid #003087;
  margin: 5px 5px 5px 0;
  padding: 10px;
  border-radius: 4px;
  background-clip: padding-box;
  display: inline-block;
}
div.details div.address h3,
div.gp-services h3 {
  margin: -10px -10px 0;
  padding: 5px;
  font-size: 120%;
  border-radius: 0px;
  background-color: #003087;
  color: #fff;
}
div.details div.address h4,
div.gp-services h4 {
  font-size: 100%;
  margin: 0;
}
div.details div.address h5,
div.gp-services h5 {
  display: inline-block;
  width: 4em;
  text-align: right;
  font-size: 100%;
  margin: 0 0 0 5px;
}
div.details div.address span.empty,
div.gp-services span.empty {
  color: #989898;
  font-size: 80%;
}
div.details div.address div.details-content,
div.gp-services div.details-content {
  margin: 0.5em 0;
}
div.details div.address div.details label,
div.gp-services div.details label {
  font-weight: bold;
  vertical-align: top;
  min-width: 7em;
}
div.details div.address div.details span,
div.gp-services div.details span {
  font-weight: normal;
}

div.details table {
  width: 90%;
  margin: auto;
}
div.details table th {
  text-align: right;
  font-weight: bold;
}
div.details table th.heading {
  text-align: left;
  padding-left: 0;
}
div.details table td.optional {
  font-size: 80%;
  color: #989898;
  display: none;
}
div.details table td.required {
  font-size: 80%;
  color: #aa4e78;
}
div.details div.edit-buttons {
  text-align: center;
}

strong.address-label {
  display: inline-block;
  vertical-align: top;
  margin-right: 0.25em;
}
strong.address-label + span.address {
  display: inline-block;
}

/*
div.signup {
	margin: 0;
	padding: 0;

	table {
		width: 90%;
		margin: auto;
	}

	div.buttons {
		float: none;
		margin-top: 1em;
	}

	span.current {
		font-weight: bold;
		padding-right: 1em;
	}

	strong.address-label { vertical-align: top; }
	span.address {
		display: inline-block;
		padding: 1px 0 0.5em 0.5em;
	}
}
*/
table.select-view div.selected {
  border: 1px solid #003087;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: rgb(178.5, 192.9, 219);
}

p.no-reg-warning {
  max-width: 40em;
}

#panelReview ul li {
  padding-top: 4px;
  padding-bottom: 4px;
}

div.security label {
  vertical-align: top;
  padding-top: 0.25em;
}
div.security select.select-light {
  margin: 0.2em 0 0.2em 0;
  width: 21.5em;
}
div.security div.success,
div.security div.error {
  margin: 2em 0 1em 0;
  width: calc(100% - 3.7em);
}
div.security input.settings.floating {
  width: 16em;
}
div.security span.sms {
  font-weight: bold;
}
div.security input.settings.floating.warning {
  width: 21em;
  margin-right: 1.9em;
  margin-top: -1em;
}

div.login {
  color: #003087;
  width: 100vw;
  height: 100vh;
}
div.login a {
  color: #8246AF;
  text-decoration: none;
  font-weight: bold;
}
div.login::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url("/Resources/Images/mdgp/background_fade.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  height: 100vh;
  width: 100vw;
}
@media (min-width: 800px) {
  div.login::before {
    background-image: url("/Resources/Images/mdgp/background.jpg");
    background-position: center right 30%;
  }
}
@media (min-width: 1200px) {
  div.login::before {
    background-position: center right 10%;
  }
}

div.content-container {
  position: relative;
  width: 100%;
}

div.digital div.details {
  padding: 0;
  height: 100vh;
}
@media (min-width: 800px) {
  div.digital div.details {
    padding-left: 10vw;
    padding-top: 1.11em;
    font-size: 2em;
  }
}
@media (min-width: 1200px) {
  div.digital div.details {
    padding-left: 10vw;
  }
}
@media (min-width: 1800px) {
  div.digital div.details {
    padding-left: 26vw;
    font-size: 2.25em;
  }
}
div.digital div.details::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 20vh;
  width: 100%;
  background-image: linear-gradient(to bottom, #fff, rgba(255, 0, 0, 0));
  z-index: -1;
}
@media (min-width: 800px) {
  div.digital div.details::before {
    display: none;
  }
}
div.digital div.details div.mdgp-logo {
  width: 100%;
  height: 8em;
  margin-top: 0;
  padding-top: 6em;
  background-size: 75%;
  background-position: center top 3em;
}
@media (min-width: 600px) {
  div.digital div.details div.mdgp-logo {
    height: 10em;
  }
}
@media (min-width: 800px) {
  div.digital div.details div.mdgp-logo {
    height: 2.3em;
    width: 10.6em;
    margin-top: 10vw;
    padding-top: 0;
    background-position: left center;
    background-size: 10.5em;
  }
}
div.digital div.details div.mdgp-logo::before {
  content: "Welcome to";
  display: block;
  height: 1em;
  text-align: center;
  margin-top: -4.5em;
}
@media (min-width: 800px) {
  div.digital div.details div.mdgp-logo::before {
    display: none;
  }
}
div.digital div.details div.nhs-logo {
  position: absolute;
  right: 2.77em;
}
div.digital div.details div.login-content {
  position: absolute;
  bottom: 0;
  width: 100%;
}
@media (min-width: 800px) {
  div.digital div.details div.login-content {
    position: relative;
  }
}
div.digital div.details h2 {
  text-align: center;
  margin: auto;
  margin-bottom: 1em;
  width: 80%;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.07em;
  color: #fff;
}
@media (min-width: 800px) {
  div.digital div.details h2 {
    text-align: left;
    margin: 1em 0;
    width: 10em;
  }
}
div.digital div.details p.details {
  line-height: 1.25em;
  text-align: center;
  margin: auto;
  color: #fff;
  width: 80%;
  margin-bottom: 1em;
}
@media (min-width: 800px) {
  div.digital div.details p.details {
    color: #003087;
    text-align: left;
    width: 16em;
    margin: 0;
  }
}
div.digital div.details p.powered-by {
  text-align: center;
  margin: 0 auto 1em auto;
  color: #fff;
  width: 80%;
  font-size: 0.55em;
  line-height: 1.25em;
  font-size: 0.9em;
}
@media (min-width: 800px) {
  div.digital div.details p.powered-by {
    font-size: 0.55em;
    width: 28em;
    margin: 0;
    color: #003087;
    text-align: left;
  }
}
div.digital div.details p.existing {
  text-align: center;
  margin: 0 auto 1em auto;
  color: #fff;
  width: 80%;
  font-size: 0.9em;
}
@media (min-width: 800px) {
  div.digital div.details p.existing {
    color: #003087;
    margin: 0;
    width: 20em;
    font-size: 0.55em;
  }
}
div.digital div.details a.button {
  display: block;
  width: 80%;
  margin: 1.05em auto;
}
@media (min-width: 800px) {
  div.digital div.details a.button {
    display: inline-block;
    width: 20em;
    margin: 1.45em auto;
    font-size: 0.55em;
  }
}
div.digital div.details a.nhs-login {
  margin: 1em auto;
  width: 20em;
}
@media (min-width: 800px) {
  div.digital div.details a.nhs-login {
    font-size: 0.55em;
    margin: 1em 0;
  }
}

.forgotten {
  margin-top: 13px;
}

* {
  background-repeat: no-repeat;
  font-family: Poppins, Open Sans, Arial, sans-serif;
  color: #003087;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  font-size: 16px;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.cookie {
  margin-bottom: 4em;
}
body.modal-open {
  overflow: hidden;
}

div.mdgp-logo {
  background-image: url("/Resources/Images/mdgp/logo.svg");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 10.5em;
  height: 2.3em;
  width: 10.6em;
}

.bg-solid {
  padding: 0.5em;
  border-radius: 30px;
  background-color: #fff;
}
@media (min-width: 600px) {
  .bg-solid {
    padding: 2em;
  }
}
@media (min-width: 1200px) {
  .bg-solid.bg-image-right {
    max-width: 1000px;
  }
  .bg-solid.bg-image-right #ViewDefault {
    padding-right: 50%;
    position: relative;
  }
  .bg-solid.bg-image-right #ViewDefault::after {
    content: "";
    background-image: url("/Resources/Images/MDGP/background_2.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 1em;
    right: 1em;
    bottom: 1em;
    width: 45%;
    border-radius: 20px;
  }
}

.hidden {
  display: none;
}

a {
  color: #8246AF;
  text-decoration: none;
}
a:hover {
  color: #ac27bf;
}
a.visible {
  text-decoration: underline;
}
a.info-link {
  padding: 0 2px;
}
a.info-link img {
  /*@include image(info, png, 12px, 12px);*/
  height: 0.9em;
}

img {
  border: none;
}

span.justify {
  text-align: justify;
  display: inline-block;
}

/* Box content */
div.box-content div.rss-source {
  width: 100%;
  text-align: right;
}
div.box-content {
  word-wrap: break-word;
}

div.box-content.newsfeed {
  min-height: calc(100px + 2em);
  padding: 1em;
}

div.helper {
  position: absolute;
}

div.guidelines {
  margin: 1em;
  border: solid 1px #99f;
  background: rgb(63.75, 99.75, 165);
  padding: 1em;
  float: left;
}

div.new-user {
  width: 99%;
  float: left;
  text-align: center;
  padding-top: 10px;
}
div.new-user p {
  width: 60%;
  margin: auto;
  margin-top: 10px;
}

footer {
  font-size: 0.8em;
  color: white;
  background-color: #6c6c6c;
  padding-top: 0.5em;
  padding-bottom: 1em;
  padding-left: 2em;
  padding-right: 2em;
  margin-top: 1em;
  clear: both;
  text-align: left;
}
footer ul {
  list-style-type: none;
  padding-left: 0em;
}
footer li {
  display: inline-block;
  margin-right: 1em;
}
footer li a {
  color: white;
  font-weight: bold;
}
footer li a:hover {
  color: #d0d0d0;
}
footer p {
  margin-left: 0em;
  font-size: 0.9em;
}

.page div.login {
  display: inline-block;
  position: relative;
}

#BannerDropDown {
  display: none;
  position: absolute;
  z-index: 999;
  top: 0px;
  left: -150px;
  width: 280px;
  min-height: 600px;
  margin-right: 20px;
  background-color: #eee;
  border: #706f6f 1px solid;
  border-right: none;
  text-align: left;
  font-weight: lighter;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#BannerDropDown h3 {
  background-color: #706f6f;
  font-weight: normal;
  color: #fff;
  margin: 0px;
  font-size: 1.6em;
  padding: 30px 20px 25px 20px;
}
#BannerDropDown h3 .close {
  position: relative;
  float: right;
  top: 0px;
  cursor: pointer;
}
#BannerDropDown div {
  padding: 16px 20px 10px 20px;
  font-size: 1.1em;
}
#BannerDropDown div ul {
  padding-left: 0;
  margin-top: 0px;
}
#BannerDropDown div ul li {
  list-style: none;
  border-bottom: #ddd 1px solid;
  padding-bottom: 12px;
  padding-top: 12px;
}
#BannerDropDown div ul li a {
  color: rgb(63.75, 99.75, 165);
}
#BannerDropDown div ul li a:visited {
  color: rgb(63.75, 99.75, 165);
}
#BannerDropDown div ul li ul {
  display: none;
  margin-top: 1em;
  margin-left: 1.5em;
}
#BannerDropDown div ul li ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#BannerDropDown div ul li:first-child {
  padding-top: 0px;
}

/*
	TOAST
*/
#toast-container > .toast-info {
  background-color: #989898;
}

#toast-container > .toast-success {
  background-color: #69c0ac;
}

#toast-container > .toast-error {
  background-color: #b73d80;
}

div.debug {
  margin: 0.5em;
}
div.debug div {
  display: block;
  white-space: pre;
  width: 40em;
}
div.debug span {
  font-weight: bold;
}
div.debug span:after {
  content: "";
}

div.ie-warn {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
div.ie-warn div.ie-back {
  background-color: white;
  opacity: 0.7;
  width: 100%;
  height: 100%;
}
div.ie-warn div.ie-cont {
  position: fixed;
  top: 25%;
  left: 25%;
  width: 50%;
  padding: 2em;
  background: white;
  border: solid 2px #3366cc;
  border-radius: 6px;
  background-clip: padding-box;
}