/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: url('https://admin.library.hbs.edu/machform/images/form_resources/machform.png');
background-repeat: no-repeat;
height: 40px;
}

html
{
background-image: url('https://admin.library.hbs.edu/machform/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

#main_body h1
{
background-color: #525252;
background-image: none;
}

#form_container
{
background-color: #ffffff;
border-width: 0px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #444444;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #666666;
}

#machform_review_table td.mf_review_value
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #444444;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span.ap_tp_text
{
color: #444444;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
color: #444444;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 1px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

@import url("https://webassets.hbs.edu/libs/design-system/css/design-system.css");

@font-face {
  font-family: "HBSGraphikCompact-Regular-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphikCompact-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "HBSGraphikCompact-RegularItalic-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphikCompact-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "HBSGraphikCompact-Bold-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphikCompact-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "HBSGraphikCompact-BoldItalic-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphikCompact-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "HBSGraphik-Regular-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "HBSGraphik-RegularItalic-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-RegularItalic-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "HBSGraphik-Medium-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "HBSGraphik-MediumItalic-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-MediumItalic-Web.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "HBSGraphik-Semibold-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "HBSGraphik-SemiboldItalic-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "HBSGraphik-Bold-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "HBSGraphik-BoldItalic-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphik-BoldItalic-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
}
@font-face {
  font-family: "HBSGraphikXCond-Semibold-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphikXCond-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "HBSGraphikXCond-SemiboldItalic-Web";
  src: url("https://libapps.s3.amazonaws.com/sites/61/include/HBSGraphikXCond-SemiboldItalic-Web.woff") format("woff");
  font-weight: 600;
  font-style: italic;
}
@font-face{
font-display:swap;
font-family:"Tiempos-Regular";
font-style:normal;
font-weight:400;
src:url("https://webassets.hbs.edu/libs/design-system/css/fonts/Tiempos/tiempos-text-regular.woff2") format("woff2")
}

@font-face{
font-display:swap;
font-family:"Tiempos-Regular-Italic";
font-style:italic;
font-weight:400
;src:url("https://webassets.hbs.edu/libs/design-system/css/fonts/Tiempos/tiempos-text-regular-italic.woff2") format("woff2")
}

@font-face{
font-display:swap;
font-family:"Tiempos-Medium";
font-style:normal;
font-weight:600;
src:url("https://webassets.hbs.edu/libs/design-system/css/fonts/Tiempos/tiempos-text-medium.woff2") format("woff2")}

@font-face{
font-display:swap;
font-family:"Tiempos-Medium-Italic";
font-style:italic;
font-weight:600;
src:url("https://webassets.hbs.edu/libs/design-system/css/fonts/Tiempos/tiempos-text-medium-italic.woff2") format("woff2")}

html {
    background-image: none !important;
    background: none !important;
}

form.appnitro {
    margin: 20px 0 0;
}

#main_body form li {
  padding: 4px 0 2px 0;
}

#main_body h1 a {
    background-image: none !important;
    background-repeat: no-repeat;
    height: 0px;
}

#main_body #form_container {
    border: none !important;
    width: 100% !important;
    background: none !important;
    box-shadow: none !important;
}

#main_body .form_description {
    border-bottom: none; 
}

#main_body .form_description p, #main_body form li.checkboxes span.description, #main_body form li.multiple_choice span.description, #main_body form .section_break h3, #main_body form .section_break p  {
    font-family: "Tiempos-Regular", sans-serif !important;
    font-size: 1.4em;
    font-weight: normal;
    text-transform: none;
    letter-spacing: -.01em;
}

#main_body .form_description h2 {
    font-family: "HBSGraphik-Bold-Web", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: calc(32px + 45.4*(100vw - 300px)/1140);
    margin-bottom: 30px;
}

#main_body form li label.description, #main_body form li span.description, #main_body .matrix caption, #main_body .matrix td.first_col, #main_body form li.total_payment span, #machform_review_table td.mf_review_label {
    font-family: "HBSGraphik-Semibold-Web", sans-serif !important;
    line-height: 1.6em;
    transform: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 14px;
}

#main_body input.text, #main_body input.file, #main_body textarea.textarea, #main_body select.select, #main_body input.checkbox, #main_body input.radio, #main_body form li span label, #main_body label.choice, #error_message_desc, #error_message_title {
    font-family: "HBSGraphik-Regular-Web", sans-serif !important;
    line-height: 1.2;
    transform: none;
    letter-spacing: .05em;
    font-size: 16px;
    letter-spacing: -.01em;
}

#main_body input.checkbox[type=checkbox]:checked, #main_body input.radio[type=radio]:checked{
    accent-color: #a41034;
}

#main_body input.checkbox[type=checkbox]:checked + label.choice, #main_body input.radio[type=radio]:checked + label.choice{
    color: #a41034;
}

#main_body li.checkboxes label.choice, #main_body li.multiple_choice label.choice {
    font-family: "HBSGraphik-Semibold-Web", sans-serif !important;
    transform: none;
    letter-spacing: .05em;
    text-transform: uppercase;
    font-size: 14px;
    vertical-align: middle;
    padding-left: 7px;
}

#main_body input.button_text { 
    font-family: "HBSGraphik-Regular-Web", sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.01em;
    align-items: baseline;
    border-radius: 4px;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-weight: 600;
    padding: 12px 20px;
    text-decoration: none;
    transition: .2s cubic-bezier(.65,0,.35,1);
    background: #a41034;
    text-shadow: none;
    color: #fff;
    border: none;
}

#main_body input.button_text:hover {
    background: #000;
    text-shadow: none;
    color: #fff;
} 

#main_body input.checkbox {
    height: 1.4em;
    width: 1.4em !important;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #000;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    position: relative;
    transition: background-color .2s cubic-bezier(.65,0,.35,1), border-color .2s cubic-bezier(.65,0,.35,1);
    vertical-align: middle;
}

#main_body input.radio {
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.01em;
    height: 1.4em !important;
    width: 1.4em !important;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    flex-shrink: 0;
    vertical-align: middle;
    position: relative;
}


#main_body form li, #main_body form li.highlighted, #main_body .matrix tbody tr:hover td, #machform_review_table tr.alt {
    background-color: transparent !important;
    margin-bottom: 25px;
}

#main_body input.text, #main_body select.select, #main_body textarea.textarea {
    background: white;
    border: none;
    margin: 0;
    overflow: visible;
    padding: 12px 12px 12px 0;
    text-align: inherit;
    width: auto;
    color: inherit;
    font: inherit;
    line-height: normal;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    font-size: 16px;
    font-family: Graphik, sans-serif, system-ui;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -.01em;
    padding: 12px;
    border-radius: 4px;
    transition: border-color .2s cubic-bezier(.65,0,.35,1), background-color .2s cubic-bezier(.65,0,.35,1);
}

#main_body select.select {
    padding: 12px !important;
    width: 100% !important;
    height: initial;
    -webkit-appearance: none;
}

#main_body select.select[class] {
    font-weight: bold;
}

#main_body select.select option {
    font-weight: normal;
}

#main_body textarea.textarea {
    width: 98%;
}

li.dropdown div::before {
    content: " ";
    display: block;
    position: absolute;
    top: 60%;
    right: 0;
    height: .5em;
    width: .5em;
    margin-left: 18px;
    margin-right: 25px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    pointer-events: none;
    transform: translateY(-70%) rotate(45deg);
}

#main_body input.text:focus, #main_body select.select:focus, #main_body textarea.textarea:focus {
    outline: 4px solid #a41034;
    outline-offset: -7px;
}

#main_body form li div span.right, #main_body form li div span.left {
    margin-bottom: 15px;
}

#main_body form li.matrix table tbody tr td fieldset input[type=radio]:checked {
    accent-color: #a41034;
}

#main_body .matrix th {
    font-family: "HBSGraphik-Regular-Web", sans-serif !important;
    font-size: 14px;
}

#error_message_title {
    color: #a41034;
    font-size: 125%;
    margin: 7px 0 5px !important;
    padding: 0 !important;
}

#error_message_desc strong,  {
    color: #a41034;
    padding: 2px 3px;
    border: 1px solid #a41034;
    background-color: transparent;
    font-family: "HBSGraphik-Regular-Web", sans-serif !important;
}

#main_body form li.error {
    background-color: transparent !important;
    border: none !important;
    margin: 0;
}

#main_body form li.error label.description, #main_body form li.error p.error {
    color: #a41034 !important; 
    font-family: "HBSGraphik-Regular-Web", sans-serif !important;
    font-size: 14px;
    padding-bottom: 10px;
}

#main_body form li.error input, #main_body form li.error input, #main_body form li.error textarea {
    border: 1px solid #a41034 !important;
}