/* 
    These properties can be redefined in a theme-specific css file in src/webResource/themes, such as src/webResource/themes/Classic/style.css,
    and they can be redefined in NTM_WebsiteTheme.ThemeData.
    These are the default values for the Modern theme.
*/
:root {
    --button-border-color: #D9E3F8;
    --button-background-color: #D9E3F8;
    --button-font-color: #121C2B;
    --button-hover-font-color: #FFFFFF;
    --button-hover-background-color: #245FA6;
    --button-hover-border-color: #245FA6;
    --font-family: "Averta Regular","Lucida Grande", Verdana, Arial, Helvetica, sans-serif, "Lucida Sans Unicode";
    --footer-background-color: #FFF;
    --footer-link-color: #333333;
    --link-font-color: #10069f;
    --nav-background-color: #FAF9FD;
    --nav-link-font-color: rgba(0,0,0,.5);
    --nav-link-hover-font-color: rgba(0,0,0,.5);
    --mobile-nav-link-hover-font-color: #fff;
    --mobile-nav-link-font-color: #4d4d4d;
    --mobile-header-background-color: #4d4d4d;
    --header-login-background-color: #D5E3FF;
    --header-login-link-color: #333333;
}

/*Switch Lucida San Unicode to the end of the font list because it is not function properly in window 7 for */
/*some instances */
@font-face {
    font-family: "Averta Regular";
    src: url("/resource/fonts/Averta-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Glyphicons Halflings";
    src: url("/resource/fonts/glyphicons-halflings-regular.eot") format("embedded-opentype"),
    url("/resource/fonts/glyphicons-halflings-regular.ttf") format("truetype");
}

* {
    FONT-FAMILY: var(--font-family);
    color: #4d4d4d;
    font-size: 13px !important;
    vertical-align: top;
    margin: 0;
    padding: 0;
    word-break: break-word;
}

a, #headertarget ul li a img, #headertarget h1 a img {
    border: none;
}

#headertarget ul li a img, #headertarget h1 a img {
    color: #fff;
}

.hidden {
    display: none;
}

.hidden-i {
    display: none !important;
}

.altdataline0, .glbdatadark {
    BACKGROUND-COLOR: #efefef;
}

.glbspecialshade {
    BACKGROUND-COLOR: #fdd;
}

#footer, .glbdarkcolor {
    background-color: var(--footer-background-color);
    color: var(--footer-link-color);
}

a:link, a:visited {
    color: var(--link-font-color);
    text-decoration: none;
}

.aWithOnClick {
    cursor: pointer;
    color: #112863;
    text-decoration: none;
}

a.glbportletlink:link, a.glbportletlink:active, a:hover, a:active, #headertarget ul li a:hover, .navbar ul a:hover, #footer ul li a:hover {
    cursor: pointer;
    text-decoration: underline !important;
}

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

a.glbportletlink:visited {
    color: #1c0474;
    text-decoration: underline;
}

a.glbportletlink:visited:hover {
    color: #1c0474;
    text-decoration: none;
}

.glbdatabold {
    font-weight: bold;
}

thead, .glbfieldname {
    background-color: #bababa;
    font-weight: bold;
}

.glblightcolor {
    font-size: 22px;
    color: #10069f;
    font-weight: bold;
}

.glbtableheader {
    padding: 10px 10px 10px 20px;
    font-size: 19px !important;
    color: #4d4d4d;
}

.glberror {
    color: #ae0909;
}

.tabinactive {
    background-color: #bababa;
    color: #fff;
    font-weight: bold;
}

.tabactive {
    background-color: #1c0474;
    color: #fff;
    font-weight: bold;
}

body {
    background-color: #ecece9;
    color: #383838;
    position: relative
}

body, input {
    line-height: normal;
}

.questionheader {
    background-color: #7c7c92;
    color: #fff;
    font-weight: bold;
}

#headingLevelH1 {
    margin-bottom: 1rem;
}

#headertarget h1 {
    float: left;
    margin-bottom: 0;
}

#nav ul, #footer ul {
    list-style-type: none;
}

#nav ul li {
    float: left;
    margin: 9px auto;
    color: #8695bb;
}

#footer ul li {
    float: left;
    width: auto;
    margin: 6px auto;
    color: #8695bb;
    font-size: 11px;
    vertical-align: text-top;
}

#nav ul li a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    margin: 0 30px;
    display: block;
}

#footer ul li a {
    color: var(--footer-link-color);
    text-decoration: none;
    font-weight: bold;
    margin: 0 19px;
}

a.frmmenulink {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}

a.frmmenulink:hover {
    color: #fff;
    text-decoration: underline;
}

#continuing_education, #affiliated_organizations, #instructors {
    float: left;
    color: #808080;
    background-color: #fff;
}

#continuing_education h1, #affiliated_organizations h1, #instructors h1 {
    font-size: 19px !important;
    color: #001e60;
    font-weight: normal;
    margin: 10px 0;
}

#continuing_education, #affiliated_organizations {
    border-right: 1px solid #b2b2b2;
}

#instructors {
    padding-right: 20px;
}

.landing .started a, .landing input[type="button"] {
    cursor: pointer;
    color: var(--button-font-color) !important;
    font-weight: bold;
    text-decoration: none;
    background-color: var(--button-background-color) !important;
    border: 1px solid var(--button-border-color) !important;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 20px;
    margin-bottom: 20px;
}

.started a, .checkout-link, input[type="button"], input[type="submit"] {
    cursor: pointer;
    color: var(--button-font-color) !important;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
    background-color: var(--button-background-color) !important;
    border: 1px solid var(--button-border-color) !important;
    text-transform: uppercase;
    font-size: 10px !important;
    border-radius: 20px;
}

button {
     background-color: var(--button-background-color);
     border: 1px solid var(--button-border-color);
     border-radius: 20px;
     color: var(--button-font-color);
     cursor: pointer;
     font-size: 10px !important;
     font-weight: bold;
     margin-bottom: 20px;
     padding: 6px 12px;
     text-decoration: none;
     text-transform: uppercase;    
}

input.enroll[type="button"] {
    background-color: #112863;
}

input[type="checkbox"] {
    height: 21px;
    width: 21px;
    cursor: pointer;
}

.started a:hover, input[type="button"]:hover:enabled, input[type="submit"]:hover, .landing .started a:hover, button:hover,
.started a:focus, input[type="button"]:focus:enabled, input[type="submit"]:focus, .landing .started a:focus, button:focus,
.checkout-link:hover, .checkout-link:focus {
    color: var(--button-hover-font-color) !important;
    background-color: var(--button-hover-background-color) !important;
    border: 1px solid var(--button-hover-border-color) !important;
}


input.enroll[type="button"]:hover {
    color: #112863;
    background-color: #112863;
    border: 1px solid #112863;
}

label.error, span.error {
    float: none;
    color: #ae0909;
    padding-top: 0.2rem;
    vertical-align: top;
}

.error:not(input[type=radio]) {
    float: none;
    color: #ae0909;
    padding-left: .5em;
    vertical-align: top;
}

label.checkoutMsg, span.checkoutMsg {
    color: #112863;
    font-weight: bold;
    font-size: 12px;
}

label.checkoutstep, span.checkoutstep {
    color: #c0c0c0;
    background-image: url('/resource/images/arrow.png');
    background-repeat: no-repeat;
    background-position: left;
    background-color: #fff;
    padding: 6px 12px;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: lighter;
    font-size: 10px;
}

label.checkoutstep.active, span.checkoutstep.active {
    color: #000;
    font-weight: bold;
}

#footer ul {
    margin-left: 5px;
}

#bodytarget table, #footertarget table {
    width: 100%;
    border-spacing: 0;
}

#offeringnametarget {
    color: #10069f;
    font-family: var(--font-family), "Times New Roman", Times, serif;
    font-weight: normal;
}

.serif, .odd td, .even td, #bodytarget_inner .results table th, #bodytarget_inner_float .results table th, .modal-body table th {
    color: inherit;
    font-family: var(--font-family), "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 100%;
    text-align: left;
}

.even td {
    background-color: #ECECE9;
}

b, .offeringCodeTemplate {
    font-weight: bold;
    color: inherit;
    font-size: inherit;
}

.odd td, .even td, th, td {
    padding: 5px;
    vertical-align: middle;
    text-align: left;
}

.textalignright {
    text-align: right !important;
}

.veralignmiddle {
    vertical-align: middle !important;
}

#bodytarget div.requisites table {
    width: auto;
}

.landing p.started {
    margin: 19px 0;
}

.fontsizesixteen {
    font-size: 16px;
}

.requisites, #availablesectionstarget table tr td table tr td {
    padding-bottom: 10px;
}

#availablesectionstarget {
    margin-top: 19px;
}

div.requisites table tr td {
    padding-right: 10px;
}

#mincarttarget table {
    background-color: #fff;
}

#mincarttarget table tr td.glblightcolor {
    background-color: #10069f;
    color: #fff;
    padding: 8px 16px;
    font-size: 14px;
}

#bodytarget_inner_float {
    background-color: #fff;
    padding: 19px;
    border-right: 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.1);
}

#shopcart_no_shadow {
    padding-top: 1rem;
    background-color: #ecece9;
}

#shopcart_no_shadow h2 {
    border-bottom: 1px solid #c1c1c1;
    font-size: 18px !important;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

#shopcart_no_shadow h3 {
    padding-bottom: 5px;
}

#shopcart_no_shadow ul {
    margin: 0 0 30px 19px;
    border-bottom: 1px solid #c1c1c1;
    padding-bottom: 5px;
}

#carttarget table tr td {
    padding: 10px 10px 0 0;
    text-align: right;
}

#carttarget table tr td.glblightcolor {
    font-size: 13px;
}

#affiliateAdditionalPeopleTable td {
    border-bottom: 0 !important;
}

#departmentOption option {
    font-family: inherit;
}

.related-offering-dropdown, .recentview-offering-dropdown {
    margin-bottom: 1rem;
}

#bodytarget_inner .content-wrapper table, #bodytarget_inner_float .content-wrapper table {
    float: none;
}

.historyResults {
    background: var(--component-background-color);
}

#bodytarget_inner .content-wrapper .innerwrapper, #bodytarget_inner_float .content-wrapper .innerwrapper,
#contactSearchFieldSetInnerWrapper, #sectionSearchFieldSetInnerWrapper,
#selectContactFieldSetInnerWrapper, #availableContactFieldSetInnerWrapper, #availableSectionFieldSetInnerWrapper,
.makePaymentFieldSetInnerWrapper, .quantityFieldSetInnerWrapper {
    padding: 25px;
    background-color: #f5f5f5;
    border: 1px solid #c1c1c1;
    margin: 6px;
}

#bodytarget_inner .payment .content-wrapper, #bodytarget_inner_float .payment .content-wrapper {
    width: 100%;
}

#bodytarget_inner .payment.completed .content-wrapper, #bodytarget_inner_float .payment.completed .content-wrapper {
    background-color: #5cb85c;
}

#bodytarget_inner .payment .results, #bodytarget_inner_float .payment .results {
    width: 100% !important;
}

#bodytarget_inner .payment.completed .confirmationHeader, #bodytarget_inner_float .payment.completed .confirmationHeader {
    width: 270px !important;
}

#bodytarget_inner .payment.completed .paymentFooterText, #bodytarget_inner_float .payment.completed .paymentFooterText {
    width: 100%;
    padding-top: 20px;
}

#bodytarget_inner .payment.completed .paymentFooterText code, #bodytarget_inner_float .payment.completed .paymentFooterText code {
    background-color: #fff;
    padding: 0 20px;
}

#bodytarget_inner .payment.incomplete.failed .content-wrapper, #bodytarget_inner_float .payment.incomplete.failed .content-wrapper {
    background-color: #ae0909;
    margin-top: 10px;
}

#bodytarget_inner .payment.incomplete.failed .error-message, #bodytarget_inner_float .payment.incomplete.failed .error-message {
    padding: 10px;
    line-height: 150%;
    font-size: 120%;
    color: #ae0909;
    border: 1px solid;
    text-align: center;
}

#bodytarget_inner .payment.completed {
    background-color: #93e4b6;
}

#bodytarget_inner .payment.incompleted {
    background-color: #ae0909;
}

td.item-quantity, td.currency {
    text-align: right;
}

td.formatted-date {
    text-align: center;
}

#bodytarget_inner .continue-block, #bodytarget_inner_float .continue-block,
#bodytarget_inner .payment-button-wrapper, #bodytarget_inner_float .payment-button-wrapper {
    width: auto;
    float: right;
}

#bodytarget_inner .hints, #createAccount .hints,
#loginLookupForm .hints, #emailFormBean .hints {
    border-radius: 8px;
    border: 1px solid var(--hints-border-color);
    background: var(--hints-background-color);
    padding: 10px;
}

#bodytarget_inner .hints-text, #createAccount .hints-text,
#loginLookupForm .hints-text, #emailFormBean .hints-text {
    display: inline;
    vertical-align: middle;
    margin-left: 10px;
}

#bodytarget_inner .results h2, #bodytarget_inner_float .results h2 {
    margin: 19px 0 19px 5px;
}

#bodytarget_inner .results table th, #bodytarget_inner_float .results table th, #bodytarget_inner_cart .results table th, .modal-body table th  {
    background-color: var(--cart-table-background-color);
    -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}

#bodytarget_inner .content-wrapper p input, #bodytarget_inner .content-wrapper .results table tr td input, #bodytarget_inner .content-wrapper .results table tr td button, #bodytarget_inner_float .content-wrapper p input, #bodytarget_inner_float .content-wrapper .results table tr td input, .modal-body table tr td button {
    margin-bottom: 0;
}

.usertarget {
    margin-left: 10px;
}

a.enrollment {
    cursor: pointer;
    color: var(--enrollment-link-color) !important;
}

#keywords-mobile .enrollment{
    display: block;
    padding: 0.25rem;
    white-space: nowrap;
}

#bodytarget_inner h2, #bodytarget_inner_float h2 {
    font-family: var(--font-family), "Times New Roman", Times, serif !important;
    font-weight: normal;
    font-size: 22px !important;
    margin: 20px 0;
}

#headerTitle {
    font-family: var(--font-family), "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 22px !important;
    margin: 20px 0;
}

#questionHeader1 {
    font-size: 13px !important;
    text-transform: uppercase;
}

#questionHeader2 {
    font-family: var(--font-family), "Times New Roman", Times, serif;
    font-weight: normal;
    font-size: 22px !important;
    margin: 20px 0;
    text-transform: none !important;
}

.nowrap {
    white-space: nowrap;
}

#receipt {
    background-color: var(--component-background-color);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    padding: 13px;
    display: inline-block;
    margin-bottom: 11px;
}

input.disabled {
    cursor: default;
    background-color: #c1c1c1 !important;
    color: #fff !important;
    border: 1px solid #c1c1c1 !important;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
}

button.disabled {
    cursor: default;
    background-color: #c1c1c1 !important;
    color: #fff !important;
    border: 1px solid #c1c1c1 !important;
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
}

a.disabled {
    color: #c1c1c1 !important;
    cursor: default;
    text-decoration: none;
}

form ol {
    margin-left: 22px;
}

.landing li p input[type=button] {
    margin-bottom: 10px;
}

.validate {
    color: #ae0909;
}

span.step {
    display: block;
    margin-bottom: 1.2rem;
    padding: 1.5rem;
    -moz-box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}

div.step {
    display: block;
    margin-bottom: 1.2rem;
    padding: 1.5rem;
    -moz-box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.2rem 0.2rem rgba(0, 0, 0, 0.1);
}

#form_navigation {
    float: left;
    width: 200px;
}

#demoForm {
    float: left;
    width: 798px;
}

#form_navigation ul li {
    list-style-type: none;
    border-bottom: 1px solid #c1c1c1;
    padding: 10px;
}

.results h2 {
    padding: 5px 10px;
}

h2 i {
    font-weight: normal;
}

h2 i {
    float: right;
    font-style: normal;
    text-transform: capitalize;
}

.inquireOnly {
    color: #808080 !important;
    text-transform: uppercase;
}

.soldOut {
    color: #4d4d4d !important;
    text-transform: uppercase;
}

.addressLabelColumn {
    width: 200px;
}

input.error {
    border: 2px solid #ae0909 !important;
}

textarea.error {
    border: 2px solid #ae0909 !important;
    margin: 0;
}

.resetTableRow {
    border-bottom: 0;
}

.inputTextError {
    border: 2px solid #ae0909;
    margin: 0;
}

.errorDisplayRow {
    background-color: #f2f2f2;
}

.smallerHeader {
    font-size: 0.9em !important;
    padding-top: 10px;
}

.confirmationHeader {
    background: #F2F2F2;
    color: #182C7D;
}

.confirmationHeader, .confirmationNumber {
    font-size: 150%;
}

.messageHeader {
    font-size: 1.2em;
    display: block;
    background: #ffda8a;
    padding: 10px;
    margin-bottom:10px;
    border: 1px solid #CDC9C8;
}

.errorMessageHeader {
    font-size: 1.2em;
    display: block;
    background: #ffda8a;
    padding: 10px;
    color: #000;
    border: 1px solid #CDC9C8;
}

.btnav {
    background-color: #84C1DF;
    border: 1px #000000 solid;
}

.callout {
    padding: 5px;
    border: 1px solid #CDC9C8;
    background-color: #A9F5F2;
    border-radius: 8px 8px 8px 8px;
}

.personEthnicityCheckbox {
    font-size: 0.9em;
    display: inline-block;
    width: 280px;
}

.personEthnicityCheckboxRow {
    font-size: 0.9em;
    display: block;
}

.inquiryImg, .catalogListImg, .catalogGridImg {
    cursor: pointer;

}

.catalogListImg, .catalogGridImg {
    float: right;
}

.catalogListItem {
    background-color: #fff;
    padding-top: 10px;
    padding-left: 10px;
    border-bottom: 1px solid rgb(193, 193, 193);
}

.forEachCatalogImage:hover {
    cursor: pointer;
}

.catalogLink {
    color: #fff !important;
}

.catalogLink:focus {
    background-color: #fff;
    color: #000 !important;
}

.keywordsPanel a, .departmentsPanel a {
    display: block;
    margin-bottom: 0.4rem;
}

.recentViewPanel a, .crossSellPanel a {
    font-weight: normal;
}

#bodytarget {
    overflow: hidden;
    min-height: 250px;
}

#bodytarget_inner #catalogTarget .content-wrapper #fieldsetinnerwrapper {
    padding: 15px;
    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(193, 193, 193);
    margin-right: 0;
}

#bodytarget_inner #catalogTarget .content-wrapper div {
    float: left;
    width: 100%;
    margin: auto;
}

#catalogTarget .result table th {
    background-color: #f2f2f2;
    -moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
}

#catalogTarget .result table tr td {
    border-bottom: 1px solid rgb(193, 193, 193);
    background-color: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    padding: 8px 16px;
    font-size: 14px;
}

#catalogTarget .listCatalogDescription {

    display: block !important;
    padding: 5px 0;
    font-size: 0.90em !important;
}

#m1, #m2, #m3, #m4, #m5, #m6 {
    z-index: 1000;
}

#maidenNameId {
    display: none; /* comment/uncomment this line to add/remove Maiden Name(as NamePart) */
}

#otherNameId {
    display: none; /* comment/uncomment this line to add/remove Other name(as NamePart) */
}

#titleId {
    display: none; /* comment/uncomment this line to add/remove Title(as NamePart) */
}

.attendanceInput, .attendanceExpected {
    width: 80px;
    text-align: right;
}

.studentGradeFormClass {
    display: inline;
}

.gradeScoreDefinitionClass {
    padding: 4px 2px;
}

.inputNote {
    font-style: italic;
    font-size: 10px;
}

#bodytarget_inner .content-wrapper.noBorder, #bodytarget_inner_float .content-wrapper.noBorder {
    border: none;
    background-color: transparent;
}

#bodytarget_inner .content-wrapper .optionContainer p, #bodytarget_inner_float .content-wrapper .optionContainer p {
    padding: 5px 0 5px 0;
}

#displayErrorMessageBlock {
    text-align: center;
}

#displayMessageBlock {
    margin-top: 20px;
    width: 98%;
    text-align: center;
}

.message-block {
    font-size: 1.2em;
    display: block;
    background: #ffda8a;
    padding: 10px;
    border: 1px solid #CDC9C8;
    min-height: 32px;
}

.message-block a, .message-block a:hover, .message-block a:focus, .message-block a:visited {
    color: #264B8D;
    font: inherit;
    background: inherit !important;
}

.message-block img {
    border: none;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
}

#erpIdCollectionBlock {
    display: none; /* comment/uncomment this line to add/remove ERP ID collection block */
}

.holdListPopUp {
    z-index: 30
}

.holdListPopUp div {
    position: absolute;
    display: none;
    background: #ffda8a;
    margin-top: 8px;
    min-width: 120px;
    padding-right: 10px;
    border-style: solid;
    border-color: #666362;
    border-width: 1px;
}

.holdListPopUp div ul {
    position: relative;
    display: block;
    padding: 5px;
    white-space: nowrap;
    text-align: left;
    list-style-position: inside;
    overflow: auto;
    list-style: none;
}

.holdListPopUp div ul li {
    padding-right: 40px;
    padding-top: 5px;
}

.closeButton {
    float: right;
}

.disable_a_href {
    text-decoration: none !important;
    color: #c0c0c0 !important;
}

.disable_a_href:hover .disabled_menu_tooltip {
    display: inline-block;
}

.disabled_menu_tooltip {
    display: none;
    background: #ffda8a;
    padding: 10px;
    position: absolute;
    z-index: 1000;
}

.btn-disable {
    cursor: default;
    pointer-events: none;
    background-color: #bbbeb2 !important;
    color: #ffffff !important;
}

img.btn-disable {
    background-color: transparent !important;
}

#erpRequiredMessageBlock, #displayHoldMessageBlock, #actionMsg, #registrationCodeMsg, #refreshRequired {
    font-family: Verdana;
}

.modal-error, .modal-alert {
    width: 100%;
}

.alert-bar-link {
    font-weight: bold !important;
    color: var(--link-font-color) !important;
}

ul.tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom-color: #a9bfd6;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    border-width: 1px;
    color: #000000;
}

ul.tabs li {
    background: none;
    color: #9f9f9f;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
    font-family: "Times New Roman";
    font-size: 24px;
}

ul.tabs li.current {
    border-bottom-color: #3777BB;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    border-width: 5px;
    color: #000000;
}

#tab_bodytarget {
    padding-top: 19px;
    overflow: auto;
}

a.groupTypes {
    cursor: pointer;
    color: #10069f;
    text-transform: uppercase;
}

#bodytarget_inner .affiliationTypeResults {
    background-color: #fff;
    border: 1px solid #c1c1c1;
    width: auto !important;
    margin: 3px;
}

.status-pending {
    color: #000000;
    font-weight: bold;
    font-family: arial;
}

.status-approved {
    color: #000000;
    font-weight: bold;
    font-family: arial;
}

.status-rejected {
    color: #000000;
    font-weight: bold;
    font-family: arial;
}

.action-link {
    color: #24A024;
}

.membership-status-count {
    padding: 5px;
    display: inline;
    float: right;
    color: #FFFFFF !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.contact-tab {
    /*	visibility: hidden;  comment/uncomment this line to add/remove contact tab */
}

.accountAffiliation {
    margin-bottom: 3rem;
    /*	display: none;  comment/uncomment this line to add/remove Account Affiliation block in profile page */
}

.membership-shop {
    margin: 3px;
}

.membership-shop h5 {
    text-transform: uppercase;
}

.forEachMembership div, .eachMyMebership div {
    margin-bottom: 5px;
}

.forEachMembership tr td {
    padding-left: 50px !important;
}

.definition-title {
    font-size: 22px !important;
}

a.benefit {
    cursor: pointer;
    color: #10069f !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.contactCheckbox {
    list-style-type: none;
    padding: 0;
}

.contactCheckbox label {
    padding-left: 5px;
}

.contactCheckbox li {
    padding-bottom: 2px;
}

.maxbeneficiary {
    font-size: 13px;
    font-weight: normal;
    font-style: italic;
}

.beneficaryManagementBlock h4 {
    padding-bottom: 5px;
}

.currentBeneficiary {
    margin: 1rem 0 0 1.5rem;
    font-weight: bold;
}

.currentBeneficiary .NotificationSentMessage {
    font-weight: normal !important;
}

.definationDetails tr td {
    padding: 0 !important;
}

.definationDetails table {
    margin: 0 !important;
}

.eachMyMebership td {
    border-bottom: 0 !important;
}

.beneficiaryForm .new-selct {
    width: auto !important;
}

.beneficiaryForm select {
    height: initial;
}

.shopping-page hr {
    margin-right: 10px;
    margin-left: 10px;
}

#membershopTarget a img {
    border: 0;
}

/*Custom CSS*/

.grey-background {
    background-color: rgb(223, 223, 223);
}

.hide {
    display: none !important
}

.to-lower-case {
    text-transform: lowercase;
    color: inherit;
}

.no-text-transform {
    text-transform: none !important;
}

.bold {
    font-weight: bold;
    color: inherit;
}

.no-list-style {
    margin-left: 0;
    list-style: none;
}

.li-line-break {
    border: solid 1px #ccc;
    margin-bottom: 10px;
}

li.nested-list-item {
    padding: 5px 20px;
}

li.nested-list-item p {
    padding: 0 !important;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}

.margin-bottom-10 {
    margin-bottom: 1rem;
}

.margin-top-20 {
    margin-top: 2rem;
}

.margin-top-10 {
    margin-top: 1rem;
}

.margin-top-5 {
    margin-top: .5rem;
}

.margin-bottom-0 {
    margin-bottom: 0 !important
}

.margin-right-0 {
    margin-right: 0 !important;
}

.scenario-date {
    color: #6f6f6f;
}

.width-50 {
    width: 50%;
}

.width-55 {
    width: 55%;
}

.left {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both
}

.text-center {
    text-align: center;
}

.relative {
    position: relative;
}

.actionIcon {
    position: relative;
    left: 10px;
}

.action-menu-item {
    right: 0;
}

.action-menu-list {
    border-color: #B0B0B0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    right: 0;
    z-index: 99;
    border-radius: 3px;
    overflow: hidden;
}

.action-menu-list li {
    border-bottom: solid 1px #B0B0B0;
}

.action-menu-list li:last-child {
    border-bottom: none;
}

.action-menu-list li a {
    text-decoration: none;
    color: #000
}

.width-10-per {
    width: 10%
}

.width-15-per {
    width: 15%
}

.width-30-per {
    width: 30%
}

.width-45-per {
    width: 45%
}

/*
*   Image class for icon
*/
.jz-icon-16 {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
}

.jz-edit {
    background: url(./../images/edit.png) no-repeat center center;
    background-size: 12px !important;
}

.jz-warning {
    background: url(./../images/warning.png) no-repeat center center;
}

/*
*   Jz-Tooltip
*/
.jz-tooltip {
    margin: 8px;
    padding: 8px;
    border: 1px solid rgb(128, 128, 128);
    background-color: #FFF;
    position: absolute;
    z-index: 2;
}

.jz-tooltip ul {
    margin-top: 15px;
}

.jz-tooltip ul li {
    margin-left: 20px;
}

.cursor, ._request-state {
    cursor: pointer;
}

.resultTableNoBorder tbody tr td {
    border-width: 0 !important;
}

.resultTableNoBorder {
    margin: 0 !important;
}

.resultTableNoBorderOptionalItem {
    margin: 0 !important;
}

.btn-span {
    cursor: pointer;
    padding: 5px 5px 5px 7px;
    text-decoration: none;
    font-size: 10px;
    border-radius: 5px;
    width: 130px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 18px;
    -moz-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
}

.btn-span-non-hover {
    color: #fff !important;
    background-color: #10069f;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}

.btn-span-hover {
    background-color: #fff;
    border: 1px solid #10069f;
    border-bottom: 2px solid #10069f;
    color: #10069f;
}

#add_to_cart_button {
    width: 134px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip;
    text-align: center;
    float: right;
}

#select-box {
    height: 15px;
    float: right;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    width: 20px;
    border: 1px solid #fff;
    cursor: pointer;
    background-color: #10069f;
    margin-top: 1px;
    padding: 3px 0;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.1);
}

.dropbtn {
    color: #fff;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 154px;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 0;
}

.dropdown-content a {
    color: #10069f;
    text-decoration: none;
    display: block;
    padding: 6px 7px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.dropdown-content a:hover {
    color: #fff;
    background-color: #10069f;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

.refresh-icon {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEZCNjYxN0I3ODQyMTFFN0E0RTVEMEJDQzI2NDk1MjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEZCNjYxN0M3ODQyMTFFN0E0RTVEMEJDQzI2NDk1MjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRkI2NjE3OTc4NDIxMUU3QTRFNUQwQkNDMjY0OTUyMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRkI2NjE3QTc4NDIxMUU3QTRFNUQwQkNDMjY0OTUyMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prqf/o0AAAk8SURBVHja7F0LsJdD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) no-repeat;
    background-size: contain;
    display: block;
    width: 25px;
    height: 25px;
    margin-top: 25px;
    margin-right: 10px;
    cursor: pointer
}

.ms-nested-table {
    background-color: rgb(223, 223, 223);
}

.md-show {
    display: table-row
}

.color-green {
    color: #10069f !important
}

.color-white {
    background-color: #ffffff !important;
}

#scenarion-item-target .results {
    background: none;
    border: none
}

#scenarion-item-target .results nav {
    background: none;
}

.ms-nested-table .results tr:last-child td.grey-background {
    border-bottom: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.section-number-padding {
    padding: 10px 0 !important;
}

.td-width-50 {
    width: 50% !important;
}

.td-width-20 {
    width: 20% !important;
}

.td-width-18 {
    width: 18% !important;
}

.td-width-12 {
    width: 12% !important;
}

.padding-right-10 {
    padding-right: 10px;
}

.padding-left-10 {
    padding-left: 10px;
}

.padding-bottom-5 {
    padding-bottom: 5px;
}

.padding-bottom-10 {
    padding-bottom: 1rem;
}

.td-width-25 {
    width: 25%;
}

.td-width-5 {
    width: 5%;
}

.td-width-10 {
    width: 10%;
}

#btn_apply_promocode {
    padding: 5px 10px !important;
    vertical-align: middle;
}

div.contact-item {
    cursor: pointer;
    margin: 0;
}

.close-modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin: 15px 15px 0 0;
}

.jz-icon-12 {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 2px;
}

.jz-error {
    background: url(./../images/error-sign.png) no-repeat center center;
}

#affiliateIconHolder {
    float: left;
    background: url(./../images/logo.png) no-repeat center center;
    width: 0;
    height: 0;
    margin: 20px 20px 0 0;
}

#holderIcon {
    padding: 15px 0 0 30px;
}

.requestTitleHolder, .waitListRequestTitleHolder {
    margin: 10px 10px 10px 10px;
    background-color: #c1c1c1;
}

.waitListRequestTitleHolder {
    margin-bottom: 0;
}

.waitListDetails {
    margin: 5px 10px 5px;
    width: 100%;
}

.waitListDetails td {
    border-bottom: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.waitListSummary {
    background-color: rgb(223, 223, 223);
    margin: 0 10px;
    padding: 10px;
}

.vertical-row {
    Float: left;
    height: 50px;
    width: 1px; /* edit this if you want */
    background-color: black;
}

.dependencyDiv {
    padding-left: 30px;
    margin-bottom: 5px;
}

.dependencyDiv h3 {
    margin: 0 0 19px 0 !important;
    color: #251169;
    font-weight: 600;
    margin-bottom: 10px !important;
}

.resolutionDiv {
    color: #3e8e41;
}

.issueText {
    padding-left: 3px;
}

.resText a {
    padding-left: 3px;
    color: #10069f;
}

#carttarget {
    line-height: 2em !important;
}

#pageLabel {
    color: #251169;
    font-weight: 600;
    margin-bottom: 10px !important;
    padding: 0 0 10px 4px;
}

#pageDesc {
    padding-left: 4px;
}

.jz-icon-12 {
    padding-top: 15px !important;
}

.requestDiv {
    margin-bottom: 1.5rem;
    -webkit-box-shadow: 0 3px 5px 2px #dedede;
    -moz-box-shadow: 0 3px 5px 2px #dedede;
    box-shadow: 0 3px 5px 2px #dedede;
    border: 1px solid #ececec;
}

.requestDiv table {
    border: 1px solid #ccc;
}

.forTasks, .forIssues {
    background-color: rgb(223, 223, 223);
    margin: 10px;
}

.bottomPadding {
    padding-bottom: 10px;
}

.infoUrlContainer {
    position: relative;
    top: -12px;
    left: 50px;
    width: 14px;
    float: right !important;
}

#cartpayment {
    margin-bottom: 2rem;
}

#cartpayment table {
    border-top: 1px solid #999 !important;
}

#cartpayment table th,
#cartpayment table td {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #999;
}

.leftText {
    text-align: left;
    padding-left: 0 !important;
}

.rightText {
    text-align: right;
}

#paymentStatus {
    color: #251169;
    font-weight: 600;
    margin-bottom: 10px !important;
}

/*tippy tooltip styles*/
.tippy-tooltip.custom-theme {
    /* background-color: #A9F5F2; */
    background-color: var(--button-background-color);
    border: 1px solid #CDC9C8;
    padding: 5px;
    border-radius: 8px 8px 8px 8px;
    color: #333;
}

.tippy-popper[x-placement^=right] .tippy-tooltip.custom-theme .tippy-arrow {
    border-right: 7px solid var(--button-background-color);
}

.tippy-popper[x-placement^=bottom] .tippy-tooltip.custom-theme .tippy-arrow {
    border-bottom: 7px solid var(--button-background-color);
}

.tippy-popper[x-placement^=top] .tippy-tooltip.custom-theme .tippy-arrow {
    border-top: 7px solid var(--button-background-color);
}

.tippy-popper[x-placement^=left] .tippy-tooltip.custom-theme .tippy-arrow {
    border-left: 7px solid var(--button-background-color);
}

h4 {
    text-align: left;
}

/* tippy tooltip styles end */

.calloutDetailTemplate {
    max-width: 430px;
}

.calloutDetailTemplate p {
    display: block !important;
}

.unSelectableAllContent {
    pointer-events: none;
    opacity: 0.4;
}

.dropdown-list {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 8px 8px 16px 8px rgba(0, 0, 0, 0.2);
    z-index: 1;
    width: 150px;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 5px 0;
    margin-right: 19px;
    right: 0;
    top: 10%;
}

.dropdown-list a {
    color: #10069f !important;
    text-decoration: none !important;
    display: block;
    padding: 6px 7px;
    font-size: 10px !important;
    font-weight: bold;
    text-align: left;
}

.dropdown-list a:hover {
    color: #fff !important;
    background-color: #10069f !important;
}

.showing {
    display: block;
}

.hasError td {
    border-bottom: 0 !important;
    padding: 8px 10px 0 10px !important;
}

.errorMsg td {
    padding: 0 10px 10px 10px !important;
}

.select-recipient-section-name-column {
    padding: 0 50px 0 0 !important;
    width: 80%;
}

.select-recipient-section-name-header {
    margin: 10px 0 !important;
}

.select-recipient-quantity-count-column {
    padding: 0 !important;
}

.select-recipient-quantity-count-column-fieldset {
    margin: 0 !important;
    padding: 6px;
}

.select-recipient-quantity-count-column-table {
    background-color: white;
}

.select-recipient-unspecified-quantity {
    border-bottom: 0.5px solid #959595;
}

.select-recipient-search-title {
    margin-bottom: 2rem;
}

.select-recipient-search-title span, .select-recipient-search-title a, .select-recipient-search-title u {
    font-size: 1.1rem !important;
}

.select-recipient-selected-contacts-header {
    margin: 15px 0 !important;
    font-size: 18px !important;
}

.select-recipient-selected-contacts-fieldset {
    margin-bottom: 0 !important;
}

.select-recipient-selected-contacts-table {
    margin: 0 !important;
}

.select-recipient-selected-contacts-empty-msg {
    padding: 0 !important;
}

.select-recipient-add-contact-table {
    border: 1.5px solid #959595;
}

.select-recipient-available-contacts-header {
    margin: 0 !important;
    font-size: 18px !important;
}

.available-sign-up-sheet-header {
    margin: 0 !important;
    font-size: 18px !important;
}

.select-recipient-add-contacts-header {
    margin: 0 !important;
    font-size: 18px !important;
}

.sign-up-sheet-header {
    margin: 0 !important;
    font-size: 18px !important;
}

.select-recipient-available-contacts-fieldset {
    margin: 6px 6px 2px 6px !important;
    padding: 1.2rem !important;
}

.select-recipient-assign-selection-header {
    margin: 0 !important;
    border-bottom: 4px solid #d4d4d4;
    background-color: #f5f5f5;
    padding: .5rem;
}

.select-recipient-assign-selection-header tr td {
    padding: 8px !important;
    border-bottom: 0 !important;
}

.select-recipient-assign-contact-image {
    margin-right: 0 !important;
    margin-top: 5px;
}

.select-recipient-assign-contact-image a {
    vertical-align: middle;
}

.select-recipient-assign-contact-select-text {
    margin-right: 0 !important;
}

.assignContact {
    text-align: center;
    padding: 0 !important;
}

.assignSection {
    text-align: center;
    padding: 0 !important;
}

#btn_submit_add_contact, #btn_cancel_add_contact {
    margin: 0 !important;
}

#sectionLink {
    font-size: 1.5rem !important;
    font-family: var(--font-family), "Times New Roman", Times, serif;
    font-weight: normal;
    text-transform: none;
}

#quantityDetails table {
    -webkit-border-radius: 3px;
    border-bottom: 0.5px solid #959595;
    border-right: 0.5px solid #959595;
}

#quantityDetails th {
    font-family: var(--font-family), "Times New Roman", Times, serif;
    font-weight: normal;
    border-top: 0.5px solid #959595;
    border-left: 0.5px solid #959595;
    background-color: #f2f2f2;
}

#quantityDetails td {
    border-top: 0.5px solid #959595;
    border-left: 0.5px solid #959595;
}

#quantityDetails .form-group {
    font-family: var(--font-family), "Times New Roman", Times, serif;
    font-weight: normal;
    border: 0.5px solid #959595;
    background-color: #f2f2f2;
    padding: 5px;
    margin-left: 15px;
    margin-right: 10px;
}

#assignSelectedCount {
    padding-left: 30px;
}

#addContactDiv {
    padding-bottom: 10px;
}

#selectedAddressBookTarget {
    margin: 0 6px 6px 6px !important;
}

#unspecifiedQuantity {
    text-align: center;
    font-weight: bold;
}

#selectedContactList .content-wrapper, #availableContactList .content-wrapper {
    margin: 0.9rem 0 0 0 !important;
}

.errorMsg td:not(:nth-child(1)) {
    display: none !important;
}

#selectedRow td:not(:nth-child(1)) {
    display: none !important;
}

#noDataFound td:not(:nth-child(1)) {
    display: none !important;
}

#loadMoreContact, #emptyRegistrantMsg, #noDataFound, #loadMoreSection, #emptySectionMsg {
    padding: .6rem;
}

#loadMoreContact td:not(:nth-child(1)) {
    display: none !important;
}

.editContactRow td:not(:nth-child(1)) {
    display: none !important;
}

.editSignUpSheet td:not(:nth-child(1)) {
    display: none !important;
}

.availableRegistrantTable tr td {
    padding: 0.5rem !important;
}

.selectedRegistrantTable tr td {
    padding: 0.5rem !important;
}

.selectedSectionTable tr td {
    padding: 0.5rem !important;
}

.action-required-block {
    width: 45%;
    margin-bottom: 30px;
    background: #ffda8a;
    padding: 15px;
}

/*
    Controls department filter block
    For show -> display: block !important
    For hide -> display: none !important;
*/
.departmentFilterBlock {
    display: none !important;
}

/*
    Controls account address block
    For show -> display: block !important
    For hide -> display: none !important;
*/
.accountAddressBlock {
    display: none !important;
}

/*
    Controls account telephone block
    For show -> display: block !important
    For hide -> display: none !important;
*/
.accountTelephoneBlock {
    display: none !important;
}

/*
    Controls account telephone block -> telephone number field
    For show -> display: block !important
    For hide -> display: none !important;
*/
.accountTelephoneBlockTelephoneNumber {
    display: none !important;
}

/*
    Controls account govID block
    For show -> display: block !important
    For hide -> display: none !important;
*/
.accountGovIDBlock {
    display: none !important;
}

/*
    Controls share registration link
    For show -> display: block !important
    For hide -> display: none !important;
*/
.shareRegistrationLink {
    display: none !important;
}

/*
    Controls if birthday is required for creating an account
    For required -> remove the --optional-field: ‘yes’
    For not required -> --optional-field: 'yes';
*/
#CreateAccountForm [name=Birthday] {
    /*--optional-field: 'yes';*/
}

/*
    Controls if birthday is required for updating an account
    For required -> remove the --optional-field: ‘yes’
    For not required -> --optional-field: 'yes';
*/
#profileForm [name=birthdateText] {
    /*--optional-field: 'yes';*/
}

/*
    Controls if birthday is required for adding a contact
    For required -> remove the --optional-field: ‘yes’
    For not required -> --optional-field: 'yes';
*/
#addContactsForm [name^=birthDate] {
    /*--optional-field: 'yes';*/
}

.action-block-ul {
    padding: 0 0 0 2rem !important;
}

#emptyDataBtn {
    float: right;
    padding-right: 10px;
}

#paymentTitle, .payment-message-block {
    text-align: center;
}

#poCartTarget {
    padding: 0 0 1rem 0 !important;
}

#headerTitle_tag_question {
    margin: 20px 0 10px 5px !important;
    height: 30px;
    font-size: 17px !important;
}

#marketingCodeTitle {
    font-weight: bold;
    padding: 0 0 .5rem .2rem !important;
}

.marketingCodeAsterisk {
    padding: .5rem 0 .5rem .2rem !important;
}

.tagQuestionAsterisk {
    padding: .5rem 0 .5rem .2rem !important;
}

#recipientNameTitle {
    font-weight: normal;
    padding: 0 0 0 .2rem !important;
}

#recipientNameTitleTag {
    font-weight: normal;
    padding: 0 0 0 .5rem !important;
}

#sectionName {
    margin: 10px 0 !important;
}

.questionHeaderTitle {
    margin-top: 1rem;
    margin-bottom: .5rem;
    padding-right: .5rem;
}

.questionHeaderBtn {
    text-align: right;
}

.questionHeaderBtn button {
    margin: 0;
}

.skipNextBtn, .finishBtn, .nextBtn .skipAllBtn {
    margin-right: 0.2rem;
}

.payment-message-block {
    font-size: 1.2em;
    background: #ffda8a;
    padding: 13px;
    border: 1px solid #CDC9C8;
    min-height: 56px;
}

.payment-message-block img, .errorMessageHeader img {
    border: none;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

.specify-recipient-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.specify-recipient-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 2rem;
}

.ms-container {
    background: transparent url('./../images/switch.png') no-repeat 50% 50%;
}

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection {
    background: #fff;
    color: #555555;
    float: left;
    width: 45%;
}

.ms-container .ms-selection {
    float: right;
}

.ms-container .ms-list {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    height: 200px;
    padding: 0;
    overflow-y: auto;
}

.ms-container .ms-list.ms-focus {
    border-color: rgba(82, 168, 236, 0.8);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0;
    outline: thin dotted \9;
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0 0 5px;
    cursor: pointer;
    color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
    border-bottom: 1px #eee solid;
    padding: 2px 10px;
    color: #555;
    font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
    background-color: #eee;
    color: #aaa;
    cursor: text;
}

.registration-header {
    width: 200px;
    font-weight: bold;
}

.registration-details-table td {
    border-bottom: 0 !important;
}

.clear {
    clear: both;
    margin: 0 !important;
    padding: 0 !important;
}

.banner {
    display: none;
}

header a:focus, footer a:focus {
    outline: 1px auto #fff;
}

.avatar, .nav-cart {
    height: 25px;
    border-radius: 50%;
    padding: 5px;
    margin: 5px 10px;
}

.avatar {
    width: 25px;
    background-color: #fff;
}

.avatar img {
    height: 100%;
    width: 100%;
}

.footer-menu .nav-link {
    padding-left: 0;
    padding-right: 0;
}

#footer li {
    border-right: 1px solid #8695bb;
}

.nav-item.dropdown:last-child, #footer li:last-child {
    border-right: none;
}

.overlay {
    top: 0;
    bottom: 0;
    position: fixed;
    left: -100%;
    right: 100%;
    margin: auto;
    background-color: rgba(0, 0, 0, .5);
    z-index: 998;
    display: none;
}

.overlay.open {
    left: 0;
    right: 0;
}

.ni-last {
    margin-bottom: 30px !important;
}

.menu-hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

#sectionAffiliateBuyerTarget td {
    border-bottom: none !important;
}

.right-btns {
    margin: 20px 0;
}

.full-schedule {
    text-align: right;
}

.form-h4 {
    padding: 30px 0 10px 0;
}

.custom-hr {
    padding-bottom: 10px;
}

.showSectionInquiry {
    margin-top: 10px;
}

.courseActionHeader {
    text-align: center !important;
    width: 30%;
}

.affiliateCourseHeader {
    text-align: center !important;
    width: 16%;
}

.courseActionColumn {
    vertical-align: top;
    text-align: center !important;
}

.mincart-table {
    margin-bottom: 10px;
}

.mincart-quantity {
    width: 26%;
}

.login-left {
    border-right: 1px solid lightgrey;
    padding-left: 30px;
    padding-top: 15px;
}

.login-right {
    padding-left: 30px;
    padding-top: 15px;
}

.membershipShopLinkPanel a:hover {
    text-decoration: none !important;
}

.form-information {
    padding-left: 20px;
}

.createAccountHeader {
    padding-left: 0;
}

ul.footer-menu {
    list-style-type: none;
}

.tablefixed {
    table-layout: fixed;
}

.tablefixed td {
    vertical-align: middle;
}

.section-name {
    width: 18%;
}

.more {
    display: none;
}

.r-input {
    margin-top: 6px;
}

.showSectionName, .desc-row {
    vertical-align: top;
}

#profiletarget h2 {
    font-family: inherit;
    font-size: 13px !important;
    font-weight: bold;
    margin: 20px 0;
}

.rel-actions {
    clear: both;
}

.rel-actions button {
    margin-bottom: 0;
    padding: 5px;
}

.answerTable {
    margin-left: 15px;
}

#marketingCode {
    padding-bottom: 20px;
}

#marketingCode h4 {
    margin-left: 5px;
    margin-bottom: 5px;
}

#profileQuestionTarget {
    padding: 0.8rem 0.8rem 0 0.8rem;
}

#registrationQuestionTarget {
    padding: 0 0.8rem 0.8rem 0.8rem;
}

#createERPLink {
    margin: 10px 0 0 20px;
}

.recentViews, .relatedOfferings {
    padding: 5px 2px !important;
}

.cartitem {
    width: 46%;
}

.aff-cartitem {
    width: 50%;
}

.cartfooter, .validationfooter, .paycheckout-footer, .paybalances-footer {
    background-color: var(--cart-footer-background-color);
    padding: 1rem;
    margin-right: 0;
}

.paycheckout-footer, .paybalances-footer {
    margin-left: 0;
}

.cartfooter button {
    margin-bottom: 0;
}

.validationfooter {
    margin-left: 0;
}

.cf-order, .cf-btn {
    text-align: right;
}

#carttotaltarget {
    text-align: left;
}

#carttarget .fooicon, .uc-action .fooicon {
    top: 6px;
}

#carttarget .footable-detail-row, #validationCartTarget .footable-detail-row,
#checkoutItemDisplayTarget .footable-detail-row, .makePaymentItemDisplayTarget .footable-detail-row {
    background-color: #f2f2f2;
}

#carttarget .footable-details th, #validationCartTarget .footable-details th,
#checkoutItemDisplayTarget .footable-details th, .makePaymentItemDisplayTarget .footable-details th {
    background-color: #fff !important;
}

.cartOptionals + .footable-detail-row .footable-details,
.recipient-list + .footable-detail-row .footable-details {
    margin-left: 3rem !important;
    width: 93% !important;
}

.validationDisplay {
    display: block;
    margin-top: 1rem;
}

.empty-cart, .exception-cart, .goback-shopping {
    text-align: center;
    display: inline-block;
    width: 100%;
}

#continueNextButton {
    float: right;
}

#paymentOptionsTarget {
    margin-top: 2rem;
    padding: 2rem;
}    

.po-label {
    padding-top: 0;
    text-align: right;
}

.po-item {
    display: inline !important;
    margin-right: 1rem;
}

.btn-apply-promo {
    padding-top: 3px;
}

.pay-now {
    padding: 2rem 0;
}

.ext-gateway-footer {
    border-bottom: 0;
    padding: 1rem !important;
}

.action {
    text-align: center;
}

.action button {
    min-width: 80px;
}

#step1Target {
    padding-top: 1rem;
}

.uc-action {
    width: 20%;
}

.boi-cost {
    width: 17%;
}

.boi-action {
    text-align: center !important;
    width: 10%;
}

.reglist-btns button {
    margin-bottom: 0;
}

.left-container {
    padding-right: 0;
}

.additionalBenifitLinkBlock, .beneficiaryManagementBlock, .addNewBeneficiaryBlock, .beneficiaryForm, .contactFormTarget {
    padding-top: 1rem;
}

.removeButton {
    width: 85px;
    margin-bottom: 0;
}

.uploadBlock button {
    margin-bottom: 0.8rem;
}

.proceedCheckoutBlock {
    margin-top: 2rem;
}

p#paymentOptionPlaceHolder:empty {
    padding: 0;
}

.orderItemPaymentAmount {
    opacity: 1 !important;
}

.copyright {
    text-align: right;
    padding-right: 10px;
}

.questionsSectionAsterisk {
    padding: 1rem 0 .2rem 0 !important;
}

#summary, span[id^="summary_"] {
    color: #ae0909 !important;
}

.sectionactivity-actionheader, .completedsec-actionheader, .ins-sectionactivity-actionheader {
    width: 11%;
}

.completedsec-gradeheader {
    width: 14%;
}

.action-dropdown .dropdown-toggle::before {
    display: none !important;
}

.action-dropdown button {
    background-color: transparent !important;
}

.r-sections {
    width: 12%;
}

.course-col {
    width: 20%;
}

.programs-header {
    width: 20%;
}

.programs-action-header {
    width: 18%;
}

.moreData {
    padding-top: 1rem;
    text-align: center;
}

.program-course-header {
    width: 30%;
}

.manageregistration-status, .manageregistration-actions {
    width: 50%;
}

.reglist-actionheader {
    width: 10%;
}

.aff-ordertotal {
    text-align: right;
}

.ins-assign-grade {
    width: 22%;
}

.ins-attendance-actual {
    width: 12%;
}

.userDiscountMsg {
    padding: 10px 0 !important;
    color: #ae0909;
}

.userDiscountMsgSuccess {
    padding: 10px 0 !important;
    color: #10069f;
}

#sectionAddToCart, #sectionBuyForOthers {
    margin-bottom: 3rem !important;
}

#actionButtons {
    text-align: right;
}

#skiplink {
    position: static;
    display: inline-block;
    margin: 40px 50px 0 0;
    color: #fff !important;
}

#relatedDepartmentsZone {
    list-style-type: none;
}

#TermsAndConditionsIDError {
    display: inline-block;
}

/* override calendar plugin styles */
.ui-state-highlight, .ui-datepicker-calendar th span {
    color: #222 !important;
}

/* override bootstrap styles */

.container {
    overflow-x: hidden;
}

/* commented out !important to avoid overriding custom.css */
.navbar,
.navbar-toggler:hover,
.navbar-toggler:focus,
.navbar .dropdown-menu,
.navbar .dropdown-item
{
 background-color: var(--nav-background-color) /*!important*/;
 border: unset !important;
}

.navbar-left, .navbar-right {
    display: inline-flex;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.nav-item .dropdown-toggle::after {
    display: none !important;
}

.navbar-light .navbar-nav .nav-link,
.navbar .dropdown-item
 {
       color: var(--nav-link-font-color) ;
 } 

 .navbar-light .navbar-nav .nav-link:hover,
.navbar .dropdown-item:hover
 {
       color: var(--nav-link-hover-font-color) ;
 } 

.nav-tabs .nav-link {
    color: #000 !important;
}

.nav-tabs .nav-link.active {
    color: #10069f !important;
    text-decoration: none !important;
}

.navbar ul li a {
    text-decoration: none;
    font-weight: bold;
    margin: 0 20px;
}

.dropdown-menu a {
    margin: 0 !important;
}

.dropdown-menu.right-panel {
    width: 300px;
}

.dropdown-menu.right-panel.show {
    padding: 1.5rem 0.5rem;
    transform: translate3d(-245px, 23px, 0px) !important;
}

.ins-serial-number {
    width: 10%;
}

h2, h4 {
    font-weight: bold;
    margin-bottom: 0;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1.0;
    margin-top: 0;
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
}

hr {
    margin-bottom: 0;
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.4);
}

button {
    line-height: initial;
    white-space: nowrap;
}

.table {
    margin-bottom: 0;
}

.table th {
    padding: 5px !important;
}

.form-check-input {
    margin-top: .2rem !important;
}

.form-check-label {
    vertical-align: middle;
}

.form-radio-input {
    padding: 0 0 .6rem 1.25rem !important;
}

.form-check {
    padding-bottom: 8px;
}

/* modal styles */
.modal {
    padding-top: 10rem;
}

.modal-dialog {
    min-width: 990px;
}

.footable-details {
    margin: 1rem 0 !important;
}

.footable-details th {
    width: 40% !important;
    box-shadow: none !important;
}

.footable-details td {
    background-color: #fff;
    box-shadow: -2px 0 #eee;
    text-align: left !important;
}

.footable-details th, .footable-details td {
    border-bottom: 1px solid #eee !important;
}

.fooicon {
    font-size: 12px !important;
}

.dropdown-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.footable-loader {
    height: 30px;
}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .container {
        max-width: 100% !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    nav.navbar {
        height: var(--header-height);
        margin: 0 auto;
    }

    .dropdown:hover > .dropdown-menu {
        display: block;
    }

    .r-input {
        display: none;
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 0.3rem;
        padding-right: 0.3rem;
    }
}

/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .dropdown {
        padding-right: 0px;
    }

    .nav-link {
        padding-left: 0!important;
        padding-right: 0!important;
    }

    #skiplink {
        margin-right: 0;
    }

    #bodytarget_inner {
        width: 100%;
    }

    .courseActionHeader {
        width: 34%;
    }

    .affiliateCourseHeader {
        width: 19%;
    }

    .section-name {
        width: 27%;
    }

    .modal-dialog {
        min-width: 880px;
    }

    .ins-serial-number {
        width: 15%;
    }
}

/*Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
    .courseActionHeader {
        width: 43%;
    }

    .affiliateCourseHeader {
        width: 23%;
    }

    .forEachCatalogCaption {
        width: 95%;
    }

    .keysearch {
        box-shadow: none !important;
        background-color: #fff !important;
    }

    .keysearch::after {
        color: #000 !important;
    }

    .marketingCodeSelectOption {
        padding-top: 0.4rem;
    }

    .uc-action {
        width: 25%;
    }

    .completedsec-dateheader, .ins-sectionactivity-dateheader {
        width: 16%;
    }

    .orderhistory-itemheader {
        width: 28%;
    }

    .reglist-actionheader {
        width: 12%;
    }

    .left-container {
        padding-left: 0;
    }

    .modal-dialog {
        min-width: 690px;
    }

    .r-sections {
        width: 15%;
    }

    .course-col {
        width: 25%;
    }

    .ins-serial-number {
        width: 18%;
    }

    .ins-assign-grade {
        width: 28%;
    }

    .ins-attendance-actual {
        width: 15%;
    }
}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {

    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        max-width: 280px;
        z-index: 999;
        background-color: #fff;
        overflow-y: auto;
    }

    .navbar-collapse.collapsing {
        left: -100%;
        -webkit-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        transition: all ease 0.25s;
    }

    .navbar-collapse.show {
        left: 0;
        -webkit-transition: all ease 0.25s;
        -o-transition: all ease 0.25s;
        -moz-transition: all ease 0.25s;
        transition: all ease 0.25s;
    }

    .r-sections, .programs-desc {
        display: none !important;
    }

    #programresults a.enrollment {
        text-transform: initial;
    }

    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        max-width: 100% !important;
    }

    .navbar {
        width: 100%;
    }

    .navbar .dropdown-item {
        background-color: transparent !important;
        color: var(--mobile-nav-link-font-color);
    }

    .navbar .dropdown-menu {
        position: static !important;
        transform: translate3d(0, 0, 0) !important;
        background-color: transparent;
        border: none;
    }

    .navbar ul li a {
        font-weight: normal;
        margin: 0 20px !important;
    }

    .nav-item .dropdown-toggle::after {
        display: inline-block !important;
    }
    
    .navbar-light .navbar-nav .nav-link 
    {
        color: var(--mobile-nav-link-font-color);
    }

    .nav-stick {
        display: none;
    }

    #footertarget {
        display: none;
    }

    .overlay {
        display: block;
        transition: all 0.5s ease;
    }

    .overlay button {
        top: 10px;
        left: 290px;
        position: absolute;
        font-size: 2rem !important;
        background-color: transparent;
        box-shadow: none;
        border: none;
        width: 42px;
        height: 42px;
    }

    .overlay button:focus {
        background-color: #fff !important;
        border-radius: 50%;
    }

    .sidebar-copyright p {
        left: -100%;
    }

    .show .sidebar-copyright p {
        position: fixed;
        bottom: 0;
        left: 0;
        margin: 0;
        padding: 15px 0 5px 44px;
        display: block;
        width: 250px;
        transition: all .25s ease;
        background-color: #fff;
    }

    .banner {
        display: flex !important;
        background-color: var(--mobile-header-background-color);
        padding: 10px;
        height: 60px;
    }

    .banner p {
        padding-top: 10px;
        font-weight: bold;
        color: #fff;
    }

    .discount-amount {
        text-align: right;
    }

    .addthis_toolbox {
        float: none !important;
        padding-bottom: 0 !important;
    }

    .offeringInquiryButton {
        display: none !important;
    }

    .inquiryBtn {
        display: block !important;
        width: 100%;
    }

    .right-btns {
        float: right;
        margin: 10px 0;
    }

    #bodytarget_inner h2 {
        font-size: 18px !important;
    }

    .courseActionHeader {
        width: 36%;
    }

    .affiliateCourseHeader {
        width: 30%;
    }

    .courseActionColumn input[type="button"] {
        padding: 6px 4px;
    }

    .login-footer, .landing-footer {
        display: block !important;
    }

    .login-footer {
        margin-top: 1rem !important;
    }

    .login-left {
        border-bottom: 1px solid lightgrey;
    }

    .login-right {
        padding: 10px 30px;
    }

    .glbtableheader {
        font-size: 14px !important;
    }

    /* .catalog-desc {
        display: block;
        color: #fff;
        font-size: 0.8rem !important;
    } */

    body {
        background-color: #fff;
    }

    .createAccount-submit {
        float: right;
        margin-right: 26%;
    }

    .createAccountHeader {
        font-size: 19px !important;
    }

    #validationCartTarget a.enrollment,
    .makePaymentItemDisplayTarget a.enrollment {
        font-size: 10px !important;
    }

    #carttarget a.enrollment, #checkoutItemDisplayTarget a.enrollment {
        font-size: 12px !important;
    }

    .item-type {
        font-size: 10px !important;
    }

    .payment-item-type {
        font-size: 13px !important;
    }

    .cart-item-type {
        font-size: 13px !important;
    }

    .cartitem {
        width: 56%;
    }

    .aff-cartitem {
        width: 35%;
    }

    .cartfooter, .validationfooter, .paymentCheckoutFixedFooter, .paybalances-footer {
        position: static;
        left: 0;
        bottom: 0;
        width: 100%;
        margin: 0;
    }

    .cartfooter {
        height: 7rem;
    }

    .validationfooter {
        height: 4rem;
    }

    .paymentCheckoutFixedFooter {
        background-color: #ddd;
    }

    .ordertotal {
        text-align: left;
    }

    .aff-ordertotal {
        text-align: right;
    }

    #carttotaltarget {
        text-align: right;
    }

    #footerCart {
        margin-bottom: 7rem;
    }

    .validationCartWrapper, .paymentCartWrapper, .paymentGatewayWrapper {
        padding: 0 !important;
        margin: 3px !important;
    }

    .qmarketingWrapper, .tagquestionsWrapper, .buyOptionalItemWrapper {
        padding: 0.6rem !important;
        margin: 3px !important;
    }

    #paymentOptionsTarget {
        margin: 0 2rem;
        padding: 1rem 0;
    }

    .pay-now {
        padding: 2rem;
    }

    #validationCartTarget, #checkoutItemDisplayTarget, .makePaymentItemDisplayTarget {
        margin: 0 !important;
    }

    #btn_validation_next_step {
        margin-right: 1rem;
    }

    .m-below {
        margin-bottom: 4rem;
    }

    .po-label {
        text-align: left;
    }

    .action-required-block {
        width: 100%;
    }

    .uc-action {
        width: 31%;
    }

    .certificates-action {
        width: 25%;
    }

    .sectionactivity-dateheader {
        width: 21%;
    }

    .completedsec-dateheader, .ins-sectionactivity-dateheader {
        width: 25%;
    }

    .completedsec-gradeheader {
        width: 18%;
    }

    .completedsec-actionheader {
        width: 15%;
    }

    .ins-sectionactivity-actionheader {
        width: 28%;
    }

    .reglist-actionheader {
        width: 15%;
    }

    .actionSelectbtn {
        padding-left: 25px;
    }

    .payamount {
        width: 27%;
    }

    .modal-dialog {
        min-width: 530px;
    }

    .course-col {
        width: 30%;
    }

    .showSectionName, .showOfferingName {
        vertical-align: top !important;
    }

    .programs-header {
        width: 60%;
    }

    .programs-action-header {
        width: 22%;
    }

    #shopcart_no_shadow {
        background-color: #fff;
    }

    .ins-assign-grade {
        width: 22%;
    }

    .ins-attendance-actual {
        width: 20%;
    }

    #headermiddle {
        justify-content: normal;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .sectionRegisterButtons {
        margin-top: 10px;
    }

    .footable-toggle {
        margin-top: 2px;
    }

    #own-invitations .footable-toggle {
        margin-top: 5px;
    }

    .reg-me, .reg-others {
        padding: 6px !important;
    }

    .full-schedule {
        text-align: left;
    }

    .time {
        text-align: right;
    }

    .login-footer, .landing-footer {
        display: none !important;
    }

    .glbtableheader {
        font-size: 16px !important;
    }

    .customer-login, .affiliate-login, .instructor-login {
        text-align: center;
    }

    .createAccount-submit {
        margin-right: 9%;
    }

    .section-name {
        width: 56%;
    }

    .affiliateCourseHeader {
        width: 44%;
    }

    .course-col {
        width: 40%;
    }

    .desc-col {
        width: 60%;
    }

    .btn_section_addtoCart, .btn_section_buy_for_others {
        padding: 6px 7px;
    }

    .select-race {
        font-size: 0.9rem !important;
        margin-bottom: 10px;
    }

    .rel-status {
        float: right;
    }

    .questionHeaderBtn {
        margin-top: 0.5rem;
        text-align: right;
    }

    .carttotal, .dueamount {
        width: 27%;
    }

    .dueamount {
        width: 29%;
    }

    .cartOptionals + .footable-detail-row .footable-details,
    .recipient-list + .footable-detail-row .footable-details {
        width: 88% !important;
    }

    .application.action {
        width: 50%;
        padding-left: 0 !important;
    }

    .application-status {
        padding-left: 0 !important;
    }

    .uc-action {
        width: 51%;
    }

    .certificates-issuedate {
        width: 20%;
    }

    .certificates-action {
        width: 40%;
    }

    .tablefixed-sm {
        table-layout: fixed;
    }

    .boi-cost {
        width: 27%;
    }

    .boi-action {
        width: 17%;
    }

    .sectionactivity-dateheader {
        width: 32%;
    }

    .sectionactivity-actionheader, .completedsec-actionheader {
        width: 23%;
    }

    .ins-sectionactivity-actionheader {
        width: 45%;
    }

    .orderhistory-itemheader {
        width: 50%;
    }

    .orderhistory-balanceheader {
        width: 36%;
    }

    .reglist-actionheader {
        width: 23%;
    }

    .submit-btn-for-select-recipient {
        margin-top: 1.2rem;
    }

    .filter-for-select-recipient {
        margin-top: 1rem;
    }

    .add-sing-up-sheet-div {
        margin-top: 1rem;
    }

    .select-recipient-search-title {
        margin: 0 !important;
    }

    .select-more-for-select-recipient {
        margin-top: 1.2rem;
        padding-left: 15px;
        padding-right: 15px;
    }

    .specify-recipient-modal-content {
        width: 24rem;
        padding: 1rem;
    }

    .specify-recipient-modal-header {
        margin-bottom: 2.5rem !important;
    }

    .select-recipient-available-contacts-fieldset {
        padding: 1.2rem 0 1.2rem 0 !important;
    }

    .availableRegistrantTable .footable-details tbody tr:first-child {
        display: none;
    }

    .availableSectionTable .footable-details tbody tr:first-child {
        display: none;
    }

    #selectedRow td:first-child {
        display: table-cell !important;
    }

    #noDataFound td:first-child {
        display: table-cell !important;
    }

    #loadMoreContact td:first-child {
        display: table-cell !important;
    }

    .membership-price {
        float: right;
    }

    .availableEmailHeader {
        width: 40%;
    }

    .availableFirstNameHeader {
        width: 25%;
    }

    .availableActionHeader {
        width: 35%;
    }

    .selectSectionNameHeader {
        width: 40%;
    }

    .program-details {
        margin-right: 0;
    }

    .editContactRow td:first-child {
        display: table-cell !important;
    }

    .uploadBlock {
        margin-top: 0.8rem;
    }

    .uploadBlock button {
        width: 85px;
    }

    .discountTarget {
        padding-top: 0;
    }

    #paymentOptionsTarget {
        padding-bottom: 0;
    }

    .modal-dialog {
        min-width: 0;
        margin: 0.5rem 1.5rem;
    }

    .expiration span:nth-child(1) {
        display: block !important;
    }

    .paycheckout-footer {
        background-color: #ddd;
        padding: 0.5rem 0 0.5rem 0;
        margin-right: 0;
    }

    .paymentScheduleItem {
        width: 45%;
    }

    .payamount {
        width: 43%;
    }

    .paymentScheduleError span.error {
        padding: 0 !important;
    }

    .paymentScheduleError {
        text-align: left !important;
    }

    .orderItemPaymentAmountCell .fooicon {
        margin-top: .2rem !important;
    }

    .payment-schedule-balance {
        display: none !important;
    }

    .sec-schedule-date {
        width: 30%;
    }

    .aff-ordertotal {
        text-align: left;
    }

    .aff-cartitem {
        width: 45%;
    }

    #quantityDetails {
        padding: 1rem !important;
    }

    .ins-serial-number {
        width: 36%;
    }

    #sectionAddToCart, #sectionBuyForOthers {
        margin-bottom: 1rem !important;
    }

    .sec-btn-right {
        text-align: left;
    }

    .amountToPay {
        text-align: left !important;
    }
}

/* For phones smaller than iPhoneX (less than 375px)*/
@media (max-width: 374.98px) {
    #wrap {
        position: relative;
        width: 375px;
        height: 812px;
    }
}

/*Medium devices (tablets, 768px > width < 992px)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .container {
        max-width: 100% !important;
    }

    .navbar ul li a {
        margin: 0 8px;
    }

    .payhistory-amountmethod {
        white-space: nowrap;
    }

    #headerrightcorner {
        width: 110px;
    }
}

/* updated cart icon  */
.cartIcon img {
    width: 18px !important;
    height: 18px !important;
    position: relative !important;
}

/* Card design */
.card {
    /* width: 38%; */
    min-width: 200px;
    max-width: 280px;
    height: 311px;
    border: 1px solid #ccc;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    background-color: var(--component-background-color) !important;
  }

.card:hover {
    transform: scale(1.05); /* Increase the size on hover */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a box shadow on hover */
  }

  .card-image img {
    width: 100%;
    height: 50%;
    object-fit: cover;
  }

  .card-content {
    padding: 10px;
    background-color: #fff;
    height: 50%;
    box-sizing: border-box;
  }

  .card-content h2 {
    margin: 0;
    font-size: 18px;
  }

  .card-content p {
    margin: 10px 0 0;
    font-size: 14px;
    color: #555;
  }

  .card-divider {
    width: 100%;
    height: 9px;
    background-color: var(--card-divider-color) !important;
  }

  #successTarget {
    padding-right: 20px !important;
  }

  #goToLogin {
    margin-left: 20px !important;
  }

  @media (min-width: 770px) {
    #addressTarget label {
        margin-right: -8.5%;
    }
}

#poInfoTarget label  {
    margin-right: 0px !important;
}

@media (max-width: 575px)  {
    .showAddToCart {
        margin-right: -10px !important;
    }

    .gradeScoreDefinitionClass {
        margin-bottom: 10px;
    }

}

.backIcon {
    width: 15px;
    height: 15px;
    margin-bottom: 2px;
}

#sectionFactSheet ul,
#sectionFactSheet ol,
#sectionDetailsTarget ul,
#sectionDetailsTarget ol
 {
    margin-left: 1em;
}