/*=============*/
/* Attractive gadget styles */
.myClass .artBoxTitle {
  border: 1 px solid black;
  border-width: thin;
  background: white;
  }

/*====================================================*/
/* Remove "Recurring Payments" text in application gadget */
.levelRecurring {
display:none;
}

/*====================================================*/
/* Remove the social network login buttons */
/* https://gethelp.wildapricot.com/en/articles/418-log-in-form-gadget */

/* From the Authorization required system page */
.WaGadgetAuthorizationRequired .openAuthFormContainer {
display: none !important;
} 

/* From private member profiles */
#socialLoginContainer, #idSocialLoginContainer {
	display: none;
}

/*====================================================*/
/* Code to block a user to modify her/his ISCA ID field*/

/* In contact profile */
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl10_TextBox14957265 {
    /*width: 10%;*/
    /*user-select: none;*/
    visibility: hidden;
}

/* In becoming member */
#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl09_titleLabel {
    visibility: hidden;
}
#FunctionalBlock1_ctl00_memberApplicationMain_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl09_TextBox14957265 {
    visibility: hidden;
}

/* In membership renewal */
#FunctionalBlock1_ctl00_ctl00_stepTemplate_wizardMemberForm_memberForm_memberFormRepeater_ctl09_TextBox14957265 {
    visibility: hidden;
}


/*====================================================*/
/* Code to hide 'Member since' field in ISCA profile*/

#FunctionalBlock1_ctl00_ctl00_Membership_titleCreatedOn {
    visibility: hidden;
}

#FunctionalBlock1_ctl00_ctl00_Membership_sharedCreatedOn {
    visibility: hidden;
}


/*====================================================*/
/* Code to block a user to modify her/his 'Online Registration' field*/

/* In contact profile */
#FunctionalBlock1_ctl00_ctl00_MemberForm_memberFormRepeater_ctl31_RadioGroup15855943 {
    visibility: hidden;
}

/*====================================================*/
/*Foldable elements:
https://www.digitalocean.com/community/tutorials/css-collapsible
*/

.wrap-collabsible {
  margin-bottom: 1.2rem 0;
}

/* Foldable elements: checkbox */

/* The following element is diabled otherwise all checkboxes on the whole website are hidden. It is replaced by the element below which hides checkboxes of a certain class only*/
/*
input[type='checkbox'] {
  display: none;
}
*/
input[type='checkbox'].checkbox-collabsible {
  display: none;
}

/* Foldable elements: default label */
.lbl-toggle {
  display: block;

  /*font-weight: bold;*/
  /*font-family: monospace;*/
  /*font-size: 1.2rem;*/
  /*text-transform: uppercase;
  text-align: center;*/

  padding: 0.5rem;

  color: #FFFFFF;
  background: #004B80;

  cursor: pointer;

  border-radius: 7px;
  transition: all 0.25s ease-out;
}
.lbl-toggle:hover {
  color: #B3B3B3;
}

/* Foldable elements: small arrow */
.lbl-toggle::before {
  content: ' ';
  display: inline-block;

  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;
  vertical-align: middle;
  margin-right: .7rem;
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}
.toggle:checked + .lbl-toggle::before {
  transform: rotate(90deg) translateX(-3px);
}

/* Foldable elements: folded by default */.collapsible-content {
  max-height: 0px;
  overflow: hidden;
  transition: max-height .25s ease-in-out;
}

/* Foldable elements: size of the unfolded block */
.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 300vh;
}

/* Foldable elements: rotated triangle when opened */
.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* Foldable elements: inner content */
.collapsible-content .content-inner {
  /*background: rgba(250, 224, 66, .2);*/
  /*border-bottom: 1px solid rgba(250, 224, 66, .45);*/
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  padding: .5rem 1rem;
}