:root {
    --calc-color--white: rgb(255, 255, 255);
    --calc-color--black: rgb(0, 0, 0);
    --calc-color--purple: rgb(128, 29, 90);
    --calc-color--gray: rgb(229, 229, 229);
    --calc-color--gray2: rgb(221,221,221);
    --calc-color--gray-light: rgb(202, 202, 202);
    --calc-color--pink: rgb(238, 67, 99);

    /* New Colors */
    --calc-color--blue: #3399FF;
    --calc-color--orange: #FF9900;
    --calc-color--green: #339900;
    
    --calc-gap: 5px;
    --calc-12: calc((100%/12)*12);
    --calc-11: calc((100%/12)*10.8);
    --calc-10: calc((100%/12)*9.8);
    --calc-9: calc((100%/12)*8.8);
    --calc-8: calc((100%/12)*7.8);
    --calc-7: calc((100%/12)*6.8);
    --calc-6: calc((100%/12)*5.8);
    --calc-5: calc((100%/12)*4.8);
    --calc-4: calc((100%/12)*3.8);
    --calc-3: calc((100%/12)*2.8);
    --calc-2: calc((100%/12)*1.8);
    --calc-1: calc((100%/12)*0.8);
    
    --calc-duration: .2s;
    --calc-transition: ease-in-out;
  }
  
  ::-webkit-input-placeholder { color: var(--calc-color--gray-light); }/* WebKit, Blink, Edge */
  :-moz-placeholder { color: var(--calc-color--gray-light); opacity:  1; }/* Mozilla Firefox 4 to 18 */
  ::-moz-placeholder { color: var(--calc-color--gray-light); opacity:  1; }/* Mozilla Firefox 19+ */
  :-ms-input-placeholder { color: var(--calc-color--gray-light); }/* Internet Explorer 10-11 */
  ::-ms-input-placeholder { color: var(--calc-color--gray-light); }/* Microsoft Edge */
  ::placeholder { color: var(--calc-color--gray-light); }/* Most modern browsers support this now. */

  .calc-row,
  .calc-row--sub {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    align-content: center;
    gap: calc(var(--calc-gap)/2);
    width: 100%;
  }
  
  [class*='calc-col-'] { width:100%; }
  .calc-col-12 { max-width:var(--calc-12); }
  .calc-col-11 { max-width:var(--calc-11); }
  .calc-col-10 { max-width:var(--calc-10); }
  .calc-col-9 { max-width:var(--calc-9); }
  .calc-col-8 { max-width:var(--calc-8); }
  .calc-col-7 { max-width:var(--calc-7); }
  .calc-col-6 { max-width:var(--calc-6); }
  .calc-col-5 { max-width:var(--calc-5); }
  .calc-col-4 { 
      max-width:var(--calc-4);
      z-index: 1;
  }
  .calc-col-3 { max-width:var(--calc-3); }
  .calc-col-2 { max-width:var(--calc-2); }
  .calc-col-1 { max-width:var(--calc-1); }
  
  #titration-calculator {
    width: 100%;
    max-width: 445px;
    margin: 25px auto;
    color: var(--calc-color--purple);
    border:1px solid var(--calc-color--gray);
    font-family: 'Poppins', sans-serif;
    padding:75px 15px;
    box-sizing: border-box;
    position: relative;
  }

  /* Overwrite WordPress Default Styling */
  .wp-block-post-content #titration-calculator a:where(:not(.wp-element-button)) { color: var(--calc-color--purple); text-decoration: none; }
  .wp-block-post-content #titration-calculator a:where(:not(.wp-element-button)):hover,
  .wp-block-post-content #titration-calculator a.calc-btn--ui-big.active,
  .wp-block-post-content #titration-calculator a.calc-btn--ui-pink,
  /*.wp-block-post-content #titration-calculator a.calc-btn--ui-pink:hover { color: var(--calc-color--white); }*/

  .wp-block-post-content #titration-calculator a.calc-btn--restart:hover { color: var(--calc-color--purple); cursor: pointer; }

  #titration-calculator input[type="radio"]{
        -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    margin: 0;
    font: inherit;
    width: 1.15em;
    height: 1.15em;
    border: 0.15em solid var(--calc-color--purple);
      -webkit-border-radius: 50%;
    border-radius: 50%;
    display: grid;
    place-content: center;
    float: left;
    cursor: pointer;

  }

  #titration-calculator input[type="radio"]::before {
    font-family: FontAwesome;
    content: "\f00c";
    display: block;
    width: 1.15em;
    height: 1.15em;
      -webkit-border-radius: 50%;
    border-radius: 50%;
    transform: scale(0);
    display: inline-block;
    text-rendering: auto;
    text-align: center;
    padding: 2px;
    font-size:20px;
    line-height: 32px;
    color: var(--calc-color--white);
    -webkit-font-smoothing: antialiased;
    box-shadow: inset 2em 2em var(--calc-color--purple);
/*         -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; */
  }
  #titration-calculator .calc-week-description .split-ui { display: block; width: 100%; }
  #titration-calculator input[type="radio"].checked:before { transform: scale(1); }
  #titration-calculator input[type="radio"] + label { float: right; width: 90%; display: block; }

  #titration-calculator hr {
    border-top: 1px var(--calc-color--black) dashed;
    background-color: transparent;
    opacity: 1;
    margin-left: -10px;
    margin-right: -10px;
  }

  #titration-calculator input[type="text"],
  #titration-calculator input[type="text"]:focus {
    width: 95%;
    padding: 7px 15px;
    display: block;
    border: 2px solid var(--calc-color--purple);
    outline: none;
      -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 24px;
    color: var(--calc-color--purple);
    box-sizing: border-box;
  }

  #titration-calculator textarea {
    border: 1px solid var(--calc-color--black);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 100px;
    padding: 16px 10px;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 16px;
  }

  #titration-calculator .hide { display:none!important; }
  #titration-calculator .no-border { border: none!important; }
  #titration-calculator .uom-shim {
    white-space: nowrap;
    color:inherit!important;
  }
  .calc-btn--restart {
    font-size: 14px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
  }
  footer .calc-btn--restart {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 25px;
  }

  .calc-header .calc-subheader { font-size: 14px; margin: 0; font-weight: 500; font-family: 'Nimbus Sans L', sans-serif; color: var(--calc-color--purple); }
  .calc-header .calc-headline { font-size: 3em; margin: 0 0 25px; font-weight: 600; font-family: 'Poppins', sans-serif; color: var(--calc-color--purple); }
  
  .calc-nav--header { padding-bottom: 12px; text-align: right; }
  .calc-nav--header .calc-row--sub {
    /*justify-content: end;*/
    display:block;
  }
  .calc-nav--header .calc-row--sub #full-link {
    float: left;
    text-align: left;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    margin-top: 5px;
  }
  .calc-nav--header .calc-row--sub #other-drugs {
    text-align: left;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    display:block;
    width:100%;
    cursor: pointer;
  }
  .calc-nav--header .calc-row--sub #other-drugs:hover {
    color:var(--calc-color--purple);
  }
  .calc-nav--header .calc-row--sub #other-drugs i {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid var(--calc-color--purple);
      -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: -2px !important;
    padding-top: 0px !important;
    margin-top: 12px;
    margin-right: 2px !important;
  }
  .calc-nav--header .calc-row--sub #full-link {
    color: var(--calc-color--purple);
    text-decoration: underline;
  }
  .calc-nav--header .calc-row--sub #full-link + div { float: right; }
  
  .calc-btn--ui-big {
    padding: 15px 10px;
    display: block;
    border: 2px solid var(--calc-color--purple);
      -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }

  .calc-surface--ui-big {
    padding: 15px 25px;
    display: block;
    border: 2px solid var(--calc-color--purple);
      -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 0px;
    font-weight: 400;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  .calc-btn--ui-big.active,
  .calc-btn--ui-big:hover { color: var(--calc-color--white) !important; background: var(--calc-color--purple); }
  .calc-btn--ui-big.disabled { opacity: .1; }
  .calc-btn--ui-big span { font-weight: 400; font-size: 16px; font-family: 'Poppins', sans-serif; }
  
  #calc-patient-ages .calc-btn--ui-big {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: center;
    padding: 9px 10px;
  }

  #calc-patient-ages .calc-btn--ui-big .ages,
  #calc-patient-ages .calc-btn--ui-big .ages + span {  text-align: center; position: relative;}
  #calc-patient-ages .calc-btn--ui-big .ages { flex-grow: 1; padding-right: 15px; }
  #calc-patient-ages .calc-btn--ui-big .ages:after {
    content: '';
    display: block;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    border-right: 1px solid var(--calc-color--purple);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  
  #calc-patient-ages .calc-btn--ui-big.active .ages:after,
  #calc-patient-ages .calc-btn--ui-big:hover .ages:after { border-right: 1px solid var(--calc-color--white); }
  #calc-patient-ages .calc-btn--ui-big .ages + span { flex-grow: 2; }
  #calc-patient-ages .calc-btn--ui-big .ages + span { font-size: 18px; }
  #calc-patient-ages .calc-btn--ui-big .ages span { display: block; }
  #calc-patient-ages .calc-btn--ui-big .ages span:first-of-type { font-size: 24px; }
  #calc-patient-ages .calc-row .calc-col-12:nth-child(3) .calc-btn--ui-big .ages + span { text-align: left; padding-left: 15px; }
  
  #calc-schedule-type .calc-row > div:first-of-type { margin-right: 5px; }
  #calc-schedule-type .calc-btn--ui-big,
  #calc-adult-disorders .calc-btn--ui-big { font-size: 16px; text-align: center; padding: 20px 10px; }

  #calc-patient-meds .calc-row > div {
    display: flex;
    padding: 5px 0;
    min-height: 80px;
    border-radius: 5px;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    margin: 5px 0;
  }
  #calc-patient-meds .calc-row > div label {
    width: 75%;
    color: var(--calc-color--white);
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
  }
  #calc-patient-meds .calc-row > div input[type="radio"] {
    align-self: center;
    width: 35px;
    height: 35px;
    margin: 0 5%;
    border-color: transparent;
    background: var(--calc-color--white);
  }
  #calc-patient-meds .calc-row > div input[type="radio"]:before { width: 36px; height: 36px; }
  
  #titration-calculator #not-taking-any-container { background:var(--calc-color--orange); }
  #titration-calculator #not-taking-any-container input[type="radio"]::before { box-shadow: inset 2em 2em var(--calc-color--orange); }
  #taking-v-container { background:var(--calc-color--blue); }
  #titration-calculator #taking-v-container input[type="radio"]::before { box-shadow: inset 2em 2em var(--calc-color--blue); }
  #taking-all-but-v-container { background:var(--calc-color--green); }
  #titration-calculator #taking-all-but-v-container input[type="radio"]::before { box-shadow: inset 2em 2em var(--calc-color--green); }
  #taking-l { background:var(--calc-color--white); }

  #calc-patient-weight { margin: 10px 0; position: relative; }
  #calc-patient-weight .calc-row--sub .calc-col-4:after {
    font-family: FontAwesome;
    content: "\f078";
    display: block;
    width: 24px;
    height:17px;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 40px;
    z-index: -1;
  }
  #calc-patient-weight label,
  #calc-provider-notes > div:first-of-type {
    text-align: left;
    display: inline-block;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
  }
  #calc-patient-weight select {
    box-sizing: border-box;
    appearance: none;
    background-color: transparent;
    border: none;
    padding: 0 1em 0 0;
    margin: 0;
    width: 100%;
    font-family: inherit;
    cursor: pointer;
    line-height: inherit;
    padding: 8px 10px;
    display: block;
    border: 2px solid var(--calc-color--purple);
    outline: none;
      -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 24px;
    font-family: 'Poppins', sans-serif;
    color: var(--calc-color--purple);
  }

  .calc-btn--ui-pink,
  .calc-btn--ui-pink:hover {
    color: var(--calc-color--white) !important;
    background: var(--calc-color--pink);
    border: 1px solid var(--calc-color--pink);
    text-align: center;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
  }

  .calc-btn--ui-pink > i { display: inline-block; margin-left: 10px; }

  #calc-titration-schedule .calc-wrapper { border: 1px solid var(--calc-color--black); margin-top: 10px; }
  .calc-titration-schedule--title { margin: 15px 0; }
  .calc-titration-schedule--title span { display: flow-root; }
  .calc-titration-schedule--title span i {
    display: inline-block;
    width: 16px;
    margin: auto;
    height: 16px;
  }
  .calc-titration-schedule--title span span { float: right; width: 90%; font-size: 16px; }
  .calc-titration-schedule--title span span i { display:inline; }

  #calc-titration-schedule .calc-week--title {
    font-size: 18px;
    background: var(--calc-color--black);
    padding: 10px;
    color: var(--calc-color--white);
    font-weight: 600;
    margin: 0;
    padding: 20px 10px;
    font-family: 'Poppins', sans-serif;
  }
  #calc-titration-schedule .calc-week-description { padding: 10px; color: var(--calc-color--black); font-family: 'Poppins', sans-serif; }
  #calc-titration-schedule .calc-val { font-weight: 600; }

  #calc-titration-schedule .thirds div,
  #calc-titration-schedule .regular:not(.calc-week--title) { border: 1px solid var(--calc-color--black); }

  #calc-titration-schedule .regular:not(.calc-week--title) {
      -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    color: var(--calc-color--black);
  }
  #calc-titration-schedule .regular:not(.calc-week--title) p { margin-bottom: 0; }
  
  #calc-titration-schedule .thirds { display: flex; }
  #calc-titration-schedule .thirds div { width: 33.33%; text-align: center; }
  #calc-titration-schedule .thirds:not(.calc-week--title) div { padding:18px 0; color: var(--calc-color--black);}
  #calc-titration-schedule .thirds:not(.calc-week--title) div:first-of-type { -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px;}
  #calc-titration-schedule .thirds:not(.calc-week--title) div:last-of-type { -webkit-border-radius: 0 0 5px 0; border-radius: 0 0 5px 0; }

  #calc-titration-schedule header,
  #calc-titration-schedule footer { color: var(--calc-color--black); font-weight: 700; }

  #calc-titration-schedule header { margin-bottom: 15px; }
  #calc-titration-schedule footer { margin-top: 15px; }
  #calc-titration-schedule .calc-schedule--adjustment hr { margin-left: 0; margin-right: 0; }

  #calc-week-maintenance ul,
  #calc-provider-notes > div:first-of-type { color: var(--calc-color--black); }

  #calc-provider-notes { margin: 15px 0; }
  #calc-provider-notes > div:first-of-type { margin-bottom: 10px; }

  #print-download .calc-btn--print { padding: 15px 25px; }

  .calc-tooltip { font-size: 11px; }

  #titration-calculator hr.calc-conversion-calculator-divider { 
    border-top-color: #801d5a; 
    border-top-style: dashed;
    border-bottom-color: transparent;
    margin: 0px 0 15px !important; 
  }

  #calc-conversion-calculator .calc-row { width: auto; }
  #calc-conversion-calculator .calc-row:hover { color: var(--calc-color--purple); background: transparent; }

  .conversion-fields {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 250px;
    font-size: 16px;
    vertical-align: middle;
    margin: 5px 0 5px 0;
  }

  .conversion-fields label { font-weight: 400; }

  .conversion-fields input,
  .conversion-fields input:focus,
  .conversion-fields input:active {
    max-width: 75px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid var(--calc-color--purple);
    line-height: 32px;
    color: var(--calc-color--purple);
    font-weight: 600;
    text-align: center;
    outline: var(--calc-color--purple);
  }

  .conversion-fields .calc-symbol { line-height: 38px; }

  #other-drugs-pop-up {
      -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid var(--calc-color--purple);
    padding: 20px;
        -webkit-box-shadow: 0 3px 12px 0 rgba(0,0,0,0.16);
    box-shadow: 0 3px 12px 0 rgba(0,0,0,0.16);
    position: absolute;
    top: 170px;
    background: var(--calc-color--white);
  }

  #other-drugs-pop-up .pop-up-wrapper { position: relative; }
  #other-drugs-pop-up .pop-up-wrapper #pop-up-close {
    position: absolute;
    z-index: 1;
    top: -10px;
    right: 0;
    cursor: pointer;
  }

  #other-drugs-pop-up .pop-up-wrapper h3 {
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
    color: var(--calc-color--purple);
    margin-top: 0;
  }

  #disclaimer p,
  #footnotes p { font-size: 12px; color: var(--calc-color--black); }
  .generate-disclaimer {
    color: var(--calc-color--black);
    background-color: var(--calc-color--gray2);
    margin-bottom:0;
    padding: 4px;
    font-size:12px;
    text-align: center;
  }

  /*
   * Client Edits
   */
   #titration-calculator { margin: 0px auto; border: 0px solid var(--calc-color--gray); padding: 0px 0px; }
  .calc-header .calc-headline { margin: 0 0 25px -3px; font-weight: 600; }
  .calc-row, .calc-row--sub { justify-content: space-between; }
  .calc-nav--header .calc-row--sub #full-link { line-height: 12pt; font-size: 10pt; margin-top: 4px; }
  .calc-btn--ui-pink, .calc-btn--ui-pink:hover { margin-top: 5px; }
  #calc-patient-meds .calc-row > div label { font-size: 12pt; margin: 10px 5px 10px 0; line-height: 17pt; }
  #calc-patient-weight label, #calc-provider-notes > div:first-of-type { margin-bottom: 10px; }
  #titration-calculator input[type="text"], #titration-calculator input[type="text"]:focus { padding: 8px 15px; line-height: inherit; }



  @media (min-width:424px) {
    .calc-btn--ui-big,
    #calc-patient-ages .calc-btn--ui-big,
    #calc-schedule-type .calc-btn--ui-big,
    #calc-adult-disorders .calc-btn--ui-big  { padding: 15px 25px; }
  }

  @media (min-width:454px) {
    #calc-patient-meds .calc-row > div label {
      width: 80%
    }
  }

  /* @media print {
    .print-disclaimer {
      display: block;
    }
  }

  @media screen {
    .print-disclaimer {
      display: none;
    }
  } */

/* NEW CSS EDITS AS OF 7/19/2024 BELOW... CSS will need re-organized soon */

input[type=number] {
  border: 2px solid #801d5a !important;
  padding: 0 !important;
  margin-right: 4px !important;
}

.fa {
  line-height: 1.5 !important;
}

.calc-increase-increment {
  display: inline;
  inline-size: fit-content;
  padding: 0;
}

b, strong {
  font-weight: 600 !important;
}
  
.max-dose-precaution {
  border-radius: 4px;
  border-width: 2px;
  padding: 5px;
  font-size: 10pt;
  line-height: 1.3em;
  border-style: solid;
  border-color: black;
}