/******************************************************************************
 * page_content.css
 *
 * A set of stylings for the page content (not layout) of the project.
 * The rules in this file are applied to all pages.  If you have styles that
 * only apply to a single page, they should go in that page's CSS file, however
 * feel free to add styles that target multiple pages to this file, even if
 * they are not used everywhere (and if you do, add them at the bottom, clearly
 * labelling which pages they apply to, possibly via the use of a
 * body#page-page_name selector).
 ******************************************************************************
 */

/* overrides for foundation default styling */

/* site font styles */

h1, h2, h3, h4, h5, h6 {
  color: #444;
  font-family: 'Lexend Deca', sans-serif;
  line-height: 1.6rem;
}

h1 {
  color: #1AA84C;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 1.7rem;
}

h3 {
  font-size: 1.4rem;
}

h4 {
  font-size: 1.1rem;
}

p, label {
  color: #555;
  font-size: 1.25rem; /* 14/16 x 16 = 14px */
}

label {
  font-weight: bold;
}

a {
  color: #6420B2;
}

a:hover {
  text-decoration: underline;
  color: #1F70DD;
}

table {
  border-collapse: collapse;
  margin: 1.5rem 0;
}

td, th {
  border: 1px solid #ddd;
  font-size: 0.875rem;
}

thead th, tbody td {
  padding: 0.75rem 1rem;
}

th {
  background-color: #1AA84C;
  font-size: 0.9375rem;
  color: #fff;
  border: solid 1px #1AA84C;
  border-bottom: 1px solid #ddd;
}



/* end default site font styles */


/* default form and input styles */

input, select {
  border-radius: 5px;
  border: solid 1px #e5e5e5;
}

select {
  line-height: 1.5rem;
  padding: 0 0 0 0.5rem;
}

.button {
  background-color: #6420B2;
  border-radius: 0.3125rem; /* 5px */
  font-size: 1.25rem;
  padding: 0.75rem 1.25rem;
}

.button:hover {
  background-color: #31007F;
}

.button a {
  color: #fff;
}

.button a:hover {
  text-decoration: none;
}

select {
  color: #555;
  font-size: 1.25rem;
}

input[type="checkbox"] {
  margin-top: 8px;
}

blockquote,
blockquote p,
cite {
  color: #333333;
}

/* end default form and input styles */


/* login form */

#loginstatus {
  font-size: 1.5rem;
}

.signinbox {
  width: 30rem;
}

#frmSharingManage.StandardInputForm {
  margin: 1.5rem 0;
}

.StandardInputForm .signinbox {
  margin: 5rem auto;
}

.StandardInputForm .ButtonGroup {
  margin: 1rem 0 2rem 0;
}


/* registration form fixes */

.StandardInputForm .are-you-a-clinician {
  margin-bottom: 2rem;
}

.StandardInputForm .are-you-a-clinician label {
  width: auto;
  padding-right: 0.5rem
}

.StandardInputForm .are-you-a-clinician input[type="checkbox"] {
  margin-top: 0.875rem;
}


/* add text to box form, overrides default MAF 'required' yellow styling */
.RequiredData {
  background-color: #fefefe;
  border: 1px solid #cacaca;
}


/* Password reset custom styles */

.large-12.columns.content.remote-password-reset p {
margin-left: 2rem;
}

.large-12.columns.content.remote-password-reset #frmPasswordReset p {
margin-left: 0;
}

/* End password reset custom styles */


/* button formatting */
.ButtonGroup {
  margin: 1rem 0 2rem 0;
}

.ButtonGroup .LargeButton {
  background-color: #6420B2;
  border-radius: 0.3125rem;
  border: 0;
  color: #fff;
  padding: 0.5rem 1.25rem;
  margin-right: 1rem;
}

.StandardInputForm .LargeButton {
  background-color: #6420B2;
  border-radius: 0.3125rem;
  border: 0;
  color: #fff;
  padding: 0.5rem 1.25rem;
  margin-right: 1rem;
}

.LargeButton {
  background-color: #6420B2;
  border-radius: 0.3125rem;
  border: 0;
  color: #fff;
  padding: 0.5rem 1.25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
}

.LargeButton:hover {
  background-color: #31007F;
}

/* Links as buttons */
.Button {
  background-color: #6420B2;
  border-radius: 0.3125rem;
  border: 0;
  color: #fff;
  padding: 0.5rem 1.25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
}

.Button:hover {
  text-decoration: none;
  color: #fff;
  background-color: #31007F;  
}

.Button.LargeButtonCancel {
  background: none;
  color: #6420B2;
}

/* end login form */

.LargeButton.LargeButtonCancel {
  background: none;
  color: #6420B2;
}

.LargeButton.LargeButtonCancel.LargeButtonDisabled {
  background: none;
  color: #757575;
}

.LargeButton.LargeButtonCancel.LargeButtonDisabled:hover {
  background: none;
  color: #757575;
}

.LargeButton.LargeButtonDelete {
  background: #CC0000;
  color: #FFFFFF;
}

.Button.LargeButtonDelete {
  background: #CC0000;
  color: #FFFFFF;
}

.LargeButton.LargeButtonDisabled {
  background-color: #cccccc;
  color: #565656;
}

.LargeButton.LargeButtonDisabled:hover {
  background-color: #cccccc;
  color: #565656;
}

.StandardInputForm h3 {
  color: #1AA84C;
}

#user-details .user-org-email p label {
  display: inline;
  margin-right: 10px;
  font-weight: bold;
}


/* header */

.account-details p {
  color: #333333;
  margin-bottom: 0.3125rem; /* 5px */
}

.xxaccount-details p a {
  color: #fff;
}

.vetting-link p {
  color: #0e3844;
  margin-bottom: 0.3125rem; /* 5px */
}

.vetting-link a {
  xxcolor: #fff;
  margin-left: 1rem;
}

@media screen and (max-width: 1024px) {
    .vetting-link a {
      margin-left: 0;
      margin-right: 1rem;
    }
}

.vetting-link a span {
  background-color: #08c;
  border-radius: 0.75rem;
  display: inline-block;  /* to override underline */
  padding: 0 0.5rem;
}

.site-links ul {
  margin-left: 0;
}

.site-links li {
  display: inline;
  font-size: 1.2rem;
  margin-bottom: 0;
  padding: 0 0 0.4rem 0;
  text-decoration: none;
}

.site-links a {
  xxcolor: #fff;
  margin-left: 1rem;
}

@media screen and (max-width: 1024px) {
  .site-links a {
    margin-left: 0;
    margin-right: 1rem;
  }
}

/* end header */



/* filters */

.filters h3 {
  border-bottom: 1px solid #BBBBBB;
  font-size: 1rem;
  margin-top: 1rem;
  padding-bottom: 0.2rem;
}

.filters img {
  border-radius: 0.3125rem;
  float: left;
  margin: 0 0.75% 1.5% 0.75%;
  width: 18.5%;
}

.filters img {
  border-radius: 0.3125rem;
  float: left;
  margin: 0 0.75% 1.5%;
  width: 18.5%;
}

@media screen and (max-width: 1024px) {
  .filters img {
    margin: 0 0.75% 1.5%;
   }
}

@media screen and (max-width: 640px) {
  .filters img {
    margin: 0 0.75% 1.5%;
    width: 18.5%;
  }
}

.filters a:hover {
  opacity: 0.7;
}

.filters ul {
  margin: 0;
}

.filters li {
  list-style-type: none;
}


/* Bug 11356 Left column image filters with analytics detail */

.user-filter-list li {
  overflow: auto;
  border-bottom: 1px solid #DDDDDD;
  margin-bottom: 8px;
  max-width: 300px;
}

.user-profile-image img {
  margin-bottom: 8px;
}

.profile-detail {
  float: right;
  width: 80%;
}

.username-analytics {
  overflow: auto;
}

.username-analytics .username {
  float: left;
  margin: 0 5px 8px 5px;
}

.username-analytics .username a {
  font-weight: bold;
} 

.username-analytics .analytics {
  float: right;
  margin: 0 0 8px 0;
}

.username-analytics .button {
  padding: 5px 10px;
  margin: 0;
  display: block;
  border-radius: 3px;
  font-size: 1rem;
}

.username-analytics .button:hover {
  text-decoration: none;
  background-color: #31007F;
  opacity: 1; 
}

.userid-syncinfo {
  clear: left;
  overflow: auto;
}

.userid-syncinfo .userid {
  margin: 0 5px 8px 5px;
  margin-right: 5px;
  float: left;
}

.userid-syncinfo .syncinfo {
  float: right;
  padding-left: 35px;
  background: url(https://www.api.myhealthguideapp.co.uk/index.php?Request=image&Path=images%2Fview-sync-icon.png) no-repeat 0 1px;
  margin: 0 0 8px 0;
  font-size: 12px; 
}

/* End bug 11356 */

.secondary-filters fieldset {
max-width: 300px;
}

/* highlights selected user */

.selected {
  border: 2px solid #1AA84C;
}


/* secondary filters */

.filters label, .filters p {
  font-size: 1rem;
  margin-right: 0;
  margin-left: 0;
}

/* end filters column */



/* main content column */

/* list header info */

/* latest activity block */

.latest-activity h1 {
  margin-bottom: 1.25rem;
}

.latest-activity h4 {
  font-size: 1.25rem;
}

/* end latest activity block */


/* block for user info */

.user-detail img {
  border-radius: 0.3125rem;
  float: left;
  margin-right: 0.75rem;
  width: 5rem;
}

.user-detail h1 {
  margin-bottom: 0.125rem;
}

.user-detail h4 {
  font-size: 0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
}

.user-detail p  {
  margin-bottom: 0;
}

.user-detail a:hover {
text-decoration: none;
}

.user-detail h4 a:hover {
text-decoration: underline;
}

.total-shares h2 {
  font-size: 1.4rem;
}

.total-shares p {
  color: #777;
  font-size: 0.75rem;
}

.total-shares img {
  width: 1.5rem;
}

.view-pending-changes, .send-user-alert, .share-list {
  margin-bottom: 0.25rem;
}

.view-pending-changes a, .send-user-alert a, .share-list a {
  font-size: 1rem;
}

/* end block for user info */


/* block for user icons, medical, appointments, contacts */

.user-icons h2 {
  font-size: 1.4rem;
  margin-bottom: 0.375rem;
}

.user-icons p {
  color: #1F70DD;
  font-size: 0.8125rem;
}

.user-icons p.inactive {
  color: #757575;
}

.user-icons img {
  display: block;
  margin: 0 auto;
  width: 2rem;
}

/* end user icons block */


/* user specific serarch */

.search.user input {
  border: 1px solid #e5e5e5;
}


/* end list intro */


/* notifications */
.row #NotificationsPanel{
  padding: 0 !important;
}
.row #NotificationsPanel p {
  background-color: #F0FFF0;
  border: 1px solid #1AA84C;
  color: #02832F;
  border-radius: 0.25rem;
  padding: 0.5rem;
  text-align: center;
  margin: 1rem 0rem 1rem 0rem;
  font-size: 1rem;
}

.row #NotificationsPanel p.Error {
  background-color: #fdf7f7;
  border: 1px solid #CC0000;
  color: #CC0000;
}

.row #NotificationsPanel p.Warning {
  background-color: #FFFFD1;
  border: 1px solid #AB610D;
  color: #AB610D;
}

.row #NotificationsPanel p.DataUpdated{
  background-color: #F0FFF0;
  border-color: #1AA84C;
  color: #02832F;
}

/* end notifications */


/* pending share notification */

#PendingShareCount {
  padding-left: 1.5rem;
}

#PendingShareCount p {
  font-size: 1.125rem;
  background: url(https://www.api.myhealthguideapp.co.uk/index.php?Request=image&Path=images%2Fpending-shares-notification-icon.png) no-repeat 0 0;
  padding-left: 2.5rem;
  line-height: 2rem;
}


/* box title with 'add to box' button */

.box-name.title {
  padding-top: 1.35rem;
  padding-bottom: 0.75rem;
}

.box-name.title .button {
  margin-top: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  background-color: #6420b2;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

.box-name.title .button:hover {
  background-color: #31007F;
}


.button.activity-content-switch {
  margin-top: 0.25rem;
}


/* Curated content */

.CuratedBoxName {
float: left;
margin-right: 2rem;
}

/* Edit and delete container */
.BoxActions {
margin-top: 0.4375rem;
}

/* Delete button container */
.BoxActions form {
text-align: left; /* this overrides the default */
margin: 0;
}

.BoxActions form .LargeButtonDelete {
margin: 0 0 0 0.5rem;
padding: 0.3125rem 0.75rem;
background-color: #990000;
font-size: 0.9rem;
transition: opacity .25s ease-in-out;
opacity: 0.75;
}

.BoxActions form .LargeButtonDelete:hover {
opacity: 1;
}

/* Edit & Delete not as buttons */

.AddNewCuratedBoxLink {
font-size: 1rem;
}


.BoxActions {
margin: 0.75rem 0 1.5rem 0;
}

.BoxActions form .LargeButtonDelete {
color: #AC3939;
background: transparent;
padding: 0;
font-size: 1.25rem;
line-height: 1.3;
margin: 0 0 0 1rem;
border: 0;
}

.BoxActions form .LargeButtonDelete:hover {
color: #990000;
text-decoration: underline;
}

.box-name.title .BoxActions .button {
background: transparent;
padding: 0;
margin: 0;
border: 0;
}

.box-name.title .BoxActions .button a {
color: #1F70DD;
font-size: 1.25rem;
line-height: 1.3;
padding: 0;
margin: 0;
border: 0;
}

.box-name.title .BoxActions .button a:hover {
text-decoration: underline;
color: #336699;
}

a.AddNewCuratedBoxLink:hover {
text-decoration: underline;
color: #336699;
}

/* end not as buttons */


.box-name.title .BoxActions .button {
margin: 0;
}

/* Add content type buttons container */
.BoxAddButtons {
clear: left;
margin-top: 1rem;
}

.BoxAddButtons p {
text-align: left;
margin: 0;
}

/* Update to show the curated box items and edit options in one block */
.CuratedBoxItems {
clear: left;
background-color: #fff;
border-radius: 5px;
border: 1px solid #e5e5e5;
margin-bottom: 1rem;
padding: 1rem;
}

.CuratedBoxItems li {
border: 0;
border-bottom: 1px solid #EFEFEF;
padding: 1rem 0;
}

.CuratedBoxItems .BoxActions {
text-align: right;
margin-bottom: 0;
}

.CuratedBoxItems .BoxActions a {
margin-left: 1rem;
font-size: 1.25rem;
}

.CuratedBoxItems .BoxActions a:hover {
color: #336699;
}

.CuratedBoxItems .BoxActions a.DeleteItem {
color: #AC3939;
}

.CuratedBoxItems .BoxActions a.DeleteItem:hover {
color: #990000;
}

.CuratedBoxImage {
margin: 10px 0 20px 0;
float: left;
clear: left;
}


/* End curated content */


/* main content list */

.list li img {
  border-radius: 0.3rem;
}

/* add new content button */
.add-new-content {
  margin-bottom: 0;
}

.add-new-content li .button {
  margin-bottom: 0.3rem;
}

/* end add new content button */


@media screen and (max-width: 1024px) {
  .list h3 {
    margin-top: 1rem;
  }
}

.list h4 {
  float: left;
  font-size: 1.3rem;
  margin-bottom: 0;
  margin-top: 0.25em;
}

@media screen and (max-width: 1024px) {
  .list h4 {
    clear: left;
  }
}

.list img, .search-results img {
  border-radius: 3px;
  float: left;
  margin-bottom: 0.5rem;
  margin-right: 2%;
  width: 18%;
}

.search-results .description {
clear: left;
}

.list .user-image img {
  width: 6rem;
}

.list .box-image img {
  width: 8rem;
}

.activity-list-image-preview li {
  display: block;
  list-style-type: none;
  vertical-align: text-top;
}


/* images box view */

.with-description li {
  display: block;
  float: left;
  list-style-type: none;
  margin-right: 3%;
  min-height: 12rem;
  width: 30%;
}

.list .with-description img {
  width: 100%;
}

.list .with-description p {
  clear: left;
  float: left;
  font-size: 0.8125rem;
  line-height: 1.2rem;
  margin-top: 0.4rem;
}


/* box page specific */

.box-intro .button {
  margin-top: 2rem;
}

.box-intro img {
  width: 100%;
}

/* end box page specific */


/* pending block */

.pending h3 {
  color: #fff;
}

.pending .entry-date a {
  color: #0E3844;
}

.pending p {
  color: #fff;
}



/* appointments page */

.appointments .calendar {
  background: url(https://www.api.myhealthguideapp.co.uk/index.php?Request=image&Path=images%2Freminder-calendar-bg.png) no-repeat 0 0;
  background-size: 5rem 5rem;
  margin-left: 1.75rem;
  margin-top: 0.5rem;
  padding-bottom: 0.2rem;
  padding-top: 2.2rem;
  text-align: center;
  width: 5rem;
  height: 95px;
}

.appointments .calendar .date {
  color: #0088cc;
  font-size: 1.4rem;
  line-height: 1rem;
  margin: 0;
}

.appointments .calendar .month {
  color: #0088cc;
  font-size: 0.875rem;
  margin: 0;
}

.appointments .details p {
  font-size: 0.875rem;
  margin-bottom: 0;
}

.appointments .reminder img {
  text-align: center;
  width: 4.5rem;
}

.appointments .reminder p {
  clear: left;
  color: #0088cc;
  font-size: 0.8125rem;
  margin-bottom: 0;
}

/* Sharing appointments form 13827 */

/* Form input fixes */
#frmAppointmentEdit input,
#frmAppointmentEdit select {
  padding: 5px 10px;
  border-radius: 5px;
}

/* Positions the app user for larger screens */ 
@media screen and (min-width: 1300px) {
  .AppointmentsSelectUserSentContainer p {
    width: 48%;
    margin-right: 4%;
    float: left;
    clear: none;
  }
}

/* Positions the 'from' for larger screens */ 
@media screen and (min-width: 1300px) {
  .AppointmentsSelectUserSentContainer p:last-child {
    margin-right: 0;
  }
}

/* Positions the title for larger screens */ 
@media screen and (min-width: 1300px) {
  .AppointmentsTitleLocationContainer p {
    width: 48%;
    margin-right: 4%;
    float: left;
    clear: none;
  }
}

/* Positions the location for larger screens */ 
@media screen and (min-width: 1300px) {
  .AppointmentsTitleLocationContainer p:last-child {
    margin-right: 0;
  }
}

/* Date */
/* Positions the date for larger screens */ 
@media screen and (min-width: 1300px) {
  #frmAppointmentEdit .AppointmentDateContainer {
    width: 48%;
    float: left;
    margin-right: 4%;
  }
}

.AppointmentDateContainer label {
  display: block;
  width: 100%;
}

.AppointmentDateContainer .DateDay {
  width: 50px;
  float: left;
  text-align: center;
}

.AppointmentDateContainer .DateSeparator {
  width: 20px;
  padding-top: 0;
}

.AppointmentDateContainer .DateMonth {
  width: 50px;
  float: left;
  text-align: center;
}

.AppointmentDateContainer .DateYear {
  width: 65px;
  float: left;
  margin-right: 10px;
  text-align: center;
}    

.AppointmentDateContainer img {
  width: 40px;
  height: 40px;
}
/* End date */

/* Time */
/* Sets the time for larger screens */ 
@media screen and (min-width: 1300px) {
  .AppointmentTimeContainer {
    width: 48%;
    float: left;
    margin-right: 0;
  }
}

.AppointmentTimeContainer label {
  display: block;
  width: 100%;
}

#frmAppointmentEdit .AppointmentTimeContainer .TimeHour {
  width: 60px;
  float: left;
  text-align: center;
  padding-right: 25px;
}

.AppointmentTimeContainer .TimeSeparator {
  width: 20px;
  padding-top: 0;
  display: inline-block;
  float: left;
  text-align: center;
}

#frmAppointmentEdit .AppointmentTimeContainer .TimeMinute {
  width: 60px;
  text-align: center;
  padding-right: 25px;
}
/* End time */

/* Repeat */
.AppointmentRepeatContainer label {
  width: auto;
  display: inline;
  vertical-align: top;
  float: none;
}

/* Error notifications */
#frmAppointmentEdit .DataErrorDescription {
  display: inline-block;
  margin-bottom: 1rem;
}

/* Removes bottom margin on the input when an error is shown */
#frmAppointmentEdit .DataEntryError {
  margin-bottom: 0;
}

/* End sharing appointments form 13827 */

/* end appointments page */



/* medical page */

.medical .column:last-child, .medical .columns:last-child {
  float: left;
}

.medical .content h2 {
  margin-bottom: 1rem;
}

.medical .content h3 {
  margin-top: 0.5rem;
}

.medical .title .button {
  margin-bottom: 0.75rem;
}



/* documents page */
.document-list {
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  float: left;
  padding: 3rem 2rem;
  width: 100%;
}

.document-list ul {
  list-style-type: none;
}

.document-list li {
  float: left;
  margin: 2%;
  min-height: 14rem;
  text-align: center;
  width: 21%;
}

.document-list p {
  line-height: 1.3rem;
  margin: 0.5rem 0;
}

.document-list a:hover, .document-list p:hover {
  color: #000;
}


/* vetting form */

#frmSharingManage.StandardInputForm label {
  width: 3rem;
  text-align: center;
  margin-right: 0;
}

#frmSharingManage.StandardInputForm td label img {
  width: 1.875rem;
  text-align: center;
}

#frmSharingManage .radio-item{
  display: none !important;
  }

#frmSharingManage .label-item {
  opacity: 0.1;
  }

#frmSharingManage .radio-item:checked + label {
  opacity: 1;
  }

#frmSharingManage label {
  cursor: pointer;
  }


/* IE11 fix where <img> inside <label> will not work in a <form> */
_:-ms-fullscreen, :root #frmSharingManage.StandardInputForm label img {
  pointer-events: none;
  }

_:-ms-fullscreen, :root #frmSharingManage.StandardInputForm label {
  display: inline-block!important;
  }


/* end vetting form */


/* sharing form */
#jstree {
  margin-bottom: 1.5rem;
}

#share_vetting_list {
  margin-bottom: 2rem;
}

#share_vetting_list li {
  border-bottom: 1px #efefef solid;
  margin-bottom: 0.5rem;
  list-style: none;
  padding-bottom: 0.5rem;
  color: #0088cc;
  }

#share_vetting_list li.sub_list_parent {
  border: 0;
  background: none;
  margin: 0;
  padding: 0;
}

.app_users {
  margin-left: 0rem;
}

.app_users li {
  font-size: 0.875rem;
  background: url(https://www.api.myhealthguideapp.co.uk/index.php?Request=image&Path=images%2Fcontacts-icon.png) no-repeat 0.5rem 0;
  background-size: 1.5rem 1.5rem;
  padding-left: 2.5rem;
  color: #08c;
  cursor: pointer;
}

.list_clinicians input {
  margin-top: 1.3rem;
  margin-right: 0.5rem;
}

#share_vetting_list li.clinician {
  color: #000;
  font-size: 1.5rem;
 }

.app_users input {
  margin-top: 0.4rem;
}

.shared_items {
  margin-left: 2.5rem;
}

.shared_items li {
  background: url(https://www.api.myhealthguideapp.co.uk/index.php?Request=image&Path=images%2Fbox-icon.png) no-repeat 0.5rem 0;
  background-size: 1.5rem 1.5rem;
  padding-left: 2.5rem;
}

/* end sharing form */



/* pending table */

.pending-status {
  width: 15%;
}

.pending-box {
  width: 15%;
}

.pending-value {
  width: 55%;
}

.pending-date {
  width: 15%;
}

td.pending-status,  td.pending-box, td.pending-value, td.pending-date {
  vertical-align: top;
}

/* end pending table */

/* sortable tables */

tr.SortableTableHeader th a {
  color: #FFFFFF;
}

/* end sortable tables */

/* Questionnaires list table */
.Actions img {
  height: 20px;
  margin-right: 5px;
}

#SurveyListTable tbody tr:nth-child(2n) {
background: none;
}

/* contacts page */

address {
  color: #333333;
  font-style: normal;
}

/* Image Popup */
.activity .modalDialog img {
width: 100%;
float: none;
}

.activity .modalDialog > div {
margin: 5% auto;
}

/* end main list content */


/* footer */

footer .logo img {
  float: left;
  margin: 2rem 0 2rem 1rem;
  width: 100%;
  max-width: 13rem;
}

@media screen and (max-width: 1024px) {
  footer .logo img {
    margin-left: 0;
  }
}

footer .site-links a {
  xxcolor: #fff;
  font-size: 1.25rem;
  letter-spacing: 0;
  font-weight: bold;
  white-space: nowrap;
}

.social-media img {
  float: right;
  width: 3rem;
}

@media screen and (max-width: 1024px) {
  .social-media img {
    float: left;
  }
}

.social-media h4 {
  color: #fff;
  float: left;
  font-size: 1rem;
  margin: 0.8rem 1rem 0 8rem;
}

/* end footer */




/* SurveyJS overrides */


/* This removes the SurveyJS and Zurb margin conflict */

#editor_tab_id_general.row,
#editor_tab_id_data.row {
  margin-left: 0;
  margin-right: 0;
}


/* TODO Initial investigation of button colour updates */

/*.svd_container .svd_toolbar .btn-primary {
  background-color: #1AA84C;
}

.svd-survey-placeholder-root .svd-survey-placeholder .svd-empty-message-container .svd-empty-message {
  color: #1AA84C!important;
}*/


/* Imporoves the vertical alignment of the right column down arrow */  
.svd-accordion-tab-header .icon-toolbox-arrow {
  margin-top: 10px !important;
}

/* Removes the unwanted space under the top right dropdown */  
.svd-toolbar-dropdown__select {
  margin-bottom: 0;
}

/* Fixes 'hamburger' icon placement */
.svd_container .icon-actiondragelement {
  top: 8px;
}

/* Fixes question option drop down arrow position */
.svda_current_type {
  padding-right: 20px !important;
}