.product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.product-item {
    width: 300px;
    margin: 20px;
    display: flex;
    flex-direction: column;
}

.product-image {
    width: 300px;
    margin-right: 20px;
    flex-direction: row;
    display: flex;
}

    .product-image > img {
        width: 300px;
    }

.product-title {
    font-size: 16px;
    font-weight: bold;
    flex-direction: row;
    text-align: center;
}

.product-details {
    flex: 1;
    text-align: center;
}

.product-button {
    margin-top: 10px;
    text-align: center;
}

    .product-button > .OfferButton > .dca-button {
        float: none !important;
    }

    .product-button > .dca-button {
        float: none !important;
    }

.product-price {
    font-size: 16px;
    color: #1E2226;
    text-align: center
}

.product-footer {
    flex-direction: row;
    display: flex;
    align-self: middle;
}

.product-shipping {
    font-size: 6pt;
    padding-left: 5px;
}

.ui-icon.shop-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: black;
    transform: scale(1.3);
    background-image: url(/content/images/ui-icons_222222_256x240.png);
}

.shop-header {

    font-size: 16px;
    text-align: center;
    padding: 10px
}

    .shop-header > a {
        color: black !important;
    }








/* For segmentation use */
/*
    Note: 
    -- my-update-parent
    -- Please wrap all related to myupdate to my-update-parent class
*/

@keyframes animate-not-print {
    0% {
        transform: rotateZ(0deg);
    }

    10% {
        transform: rotateZ(-10deg);
    }

    35% {
        transform: rotateZ(10deg);
    }

    60% {
        transform: rotateZ(-10deg);
    }

    85% {
        transform: rotateZ(0deg);
    }
}

.DCAContainer .row:first-child {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
}

body {
    background-color: #F2F2F2 !important;
}

.ButtonBar {
    background-color: #F2F2F2;
}

select.UPDTDataCollectionControl {
    margin-left: 5px;
}

.dca-mobile-bkg {
    background-color: rgba(0,0,0,.3);
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 10;
}

.intro-photo-wrapper {
    display: flex;
    margin: 0px;
    align-items: stretch;
    flex-direction: column;
    align-content: space-around;
    justify-content: space-around;
}

    .intro-photo-wrapper .photo-warning {
        font-family: Myriad-Pro;
        color: #3B5AB9;
        font-size: 16px;
        line-height: 24px;
        padding: 12px;
        background-color: #E9EEFE;
        border-radius: 10px;
        border: 2px solid #D3DDFD;
        font-style: italic;
        margin-bottom: 12px;
    }

    .intro-photo-wrapper .dca-icon {
        width: 24px;
        height: 24px;
    }

    .intro-photo-wrapper .photo-warning-text {
        display: inline-block;
        margin-left: 12px;
        width: calc(100% - 42px);
    }

div[id*=divNav] {
    text-align: Right;
    padding: 0px;
    margin-bottom: 0px;
    background-color: transparent;
}

/*
.ui-dialog .ui-dialog-titlebar-close {
   background-color: #585858;
   background-image: url(../../../javascript/jquery/jquery-ui-1.13.2/images/ui-icons_ffffff_256x240.png);
   background-position: -78px -126px;
   border: none;
}
*/

.ui-widget-content:not(.ui-dialog) {
    border: none !important;
    background: transparent !important;
}

input[type="textbox"] {
    width: 100%;
}

input[type="text"] {
    width: 100% !important;
}

.CreditCardPopup input[type="text"] {
    width: 55px !important;
}

.ufd.plain button {
    width: 18px !important;
    height: 18px !important;
    margin-left: 1px !important; /* for divider */
    background: url(/javascript/jquery/ufd/css/plain/icon.gif) no-repeat 0px 0px !important;
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
    .my-update-parent input[dnpselectors].UPDTDataCollectionCheckBoxControl {
        width: 18px;
        height: 18px;
        margin: 0px;
    }

    .my-update-parent select {
        height: 34px;
        font-family: Poppins, sans-serif !important;
    }

        .my-update-parent select:focus,
        .my-update-parent select:focus-within,
        .my-update-parent select:focus-visible {
            border: 1px solid #0053cc;
            outline: none;
        }

    .dca-button {
        float: right;
    }

        .dca-button:focus,
        .dca-button:focus-within,
        .dca-button:focus-visible {
            outline: 1px solid #0053cc !important;
        }

    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible {
        outline: 1px solid #0053cc !important;
    }

        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible + label {
            text-decoration: underline;
            color: #0053cc;
        }

    .UPDTDataCollectionSectionScript a:focus-visible {
        outline: 1px solid rgba(0,0,0,.5);
        padding: 1px 2px;
    }

    .UPDTDataCollectionTextAreaControl {
        height: 200px;
        width: 100%;
        box-sizing: border-box;
    }

        .UPDTDataCollectionTextAreaControl:focus,
        .UPDTDataCollectionTextAreaControl:focus-visible,
        .UPDTDataCollectionTextAreaControl:focus-within {
            outline: none;
            border-color: #0053cc;
        }

    .svg-icon-wrapper:hover, .highlight .svg-icon-wrapper {
        animation-name: animate-not-print;
        animation-iteration-count: infinite;
        animation-play-state: running;
        animation-duration: 1s;
    }

    .dca-group-introduction .svg-icon-wrapper {
        position: absolute;
        right: 22px;
        top: 14px;
    }

    .dca-group-introduction .UPDTDataCollectionControlContainer {
        display: inline-block;
        margin-left: 10px;
        font-size: 10pt;
        width: 94%;
        vertical-align: middle;
    }

    .UPDTDataCollectionSection:not(.dca-group-introduction) .svg-icon-wrapper {
        position: absolute;
        right: 0px;
        top: 6px;
    }

    .dca-hamburguer-btn.hbtn-open {
        display: inline-block;
        position: absolute;
        top: 48px;
        right: 24px;
        cursor: pointer;
        background-image: url(/schools/common/images/MyupdateAssests/img_hbtn_close.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        z-index: 101;
    }

    .dca-hamburguer-btn.hbtn-close {
        display: inline-block;
        position: absolute;
        top: 40px;
        right: 24px;
        cursor: pointer;
        background-image: url(/schools/common/images/MyupdateAssests/img_hbtn_open.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }

    .hbtn-mobile {
        top: 20px !important;
        right: 24px !important;
    }

    .dca-mobile-menu-close {
        position: fixed;
        top: 20px;
        right: -350px;
        bottom: 0px;
        z-index: 100;
        width: auto !important;
        padding: 28px 52px 24px 24px;
        list-style-type: none;
        transition: all 300ms linear 0s;
        min-width: 246px;
    }

    .dca-mobile-menu-open {
        position: fixed;
        top: 20px;
        right: 0px;
        bottom: 0px;
        z-index: 100;
        width: auto !important;
        padding: 28px 52px 24px 24px;
        transition: all 300ms linear 0s;
        min-width: 246px;
    }

        .dca-mobile-menu-open .myupdate-li-bar {
            display: block;
            width: 100%;
        }

            .dca-mobile-menu-open .myupdate-li-bar a {
                display: block;
                width: 100%;
                box-sizing: border-box;
            }

    .dca-group-introduction {
        margin: 0px 2% 24px 2%;
    }

    .isInPrintLayout {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 3px;
        right: 7px;
    }

    .dca-update-info-content {
        background-color: #F2F2F2;
    }

    .ButtonBar {
        display: flex;
        align-self: flex-end;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        justify-content: flex-end;
        margin: 0px;
        padding: 12px 24px;
        color: Black;
    }

    .dca-nav {
        padding-top: 0px;
    }

    .dca-gray-logo {
        display: inline-block;
        width: 100px;
        height: auto;
        margin: 0px 16px;
        padding: 0px;
        vertical-align: middle;
        max-height: 60px;
        object-fit: contain;
    }

    .UPDTDataCollectionControlContainer {
        display: inline-block;
        font-size: 10pt;
        line-height: 35px;
        vertical-align: middle;
        width: calc(100% - 42px);
    }

    .dca-image-banner-wrapper {
        margin-bottom: 10px;
    }

        .dca-image-banner-wrapper img {
            border: none;
        }

    .ui-state-default[role="tab"] {
        background-image: none;
        background-color: #F2F2F2;
    }

        .ui-state-default[role="tab"] a {
            color: #1E2226;
        }

        .ui-state-default[role="tab"]:hover {
            background-image: none;
            background-color: rgb(120, 120, 120);
            border-radius: unset;
            box-shadow: rgb(88 88 88) 0px 0px 2px;
        }

            .ui-state-default[role="tab"]:hover a {
                color: rgb(255, 255, 255) !important;
            }

    .myupdate-li-bar:focus, .myupdate-li-bar:focus-within {
        outline: solid rgba(255,255,255,0.5) 1px;
    }

    .ui-state-default.ui-tabs-active.ui-state-active {
        padding: 0px;
    }

        .ui-state-default.ui-tabs-active.ui-state-active a {
            color: #1E2226;
            border-left: 3px solid #1E2226;
            padding-left: 8px;
        }

    div.DCAContainer {
        background-color: #FFFFFF;
        padding: 0px;
    }

    .dca-menu-wrapper {
        width: calc(100% - 156px);
        display: inline-block;
        background-color: rgb(88, 88, 88) !important;
        background-image: none !important;
        padding: 0px 12px;
        vertical-align: middle;
        min-height: 60px;
    }

    .myupdate-ul-bar {
        background-color: #F2F2F2;
        border-radius: unset;
        vertical-align: middle;
        margin: 0px;
    }

    .CookieDisclaimer, .CookieDisclaimer:focus, .CookieDisclaimer:focus-within {
        font-family: Poppins, sans-serif;
        color: rgb(255, 255, 255);
        background-color: #090D11;
        padding: 2.3px 6px;
        border-radius: 0px;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        top: 0px;
        right: 0px;
        left: 0px;
        text-align: center;
    }

        .CookieDisclaimer:hover {
            color: rgb(255, 255, 255);
            background-color: #090D11;
            padding: 2.3px 6px;
            border-radius: 0px;
            text-decoration: underline;
            display: inline-block;
            cursor: pointer;
            width: 100%;
            top: 0px;
            right: 0px;
            left: 0px;
            text-align: center;
        }

    .my-update-parent {
        border: none;
        padding: 0px;
    }

        .my-update-parent .ui-tabs-panel {
            padding: 0px 0px;
            background-color: #F2F2F2;
        }

        .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) {
            padding: 20px;
            margin: 0px 2% 24px 2%;
            border-radius: 10px;
            background-color: #FFFFFF;
            border: 2px solid #E6E6E6;
        }

            .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) .UPDTDataCollectionControlContainer {
                display: inline-block;
                margin-left: 10px;
                font-size: 10pt;
                width: 100%;
                vertical-align: middle;
            }

        .my-update-parent input:not(input[type="checkbox"]) {
            font-family: poppins, sans-serif !important;
            font-size: 13px !important;
            height: 34px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent input:focus {
            outline: none;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent .UPDTDataCollectionLabel {
            font-family: poppins, sans-serif;
            font-size: 13px;
            line-height: 21px;
            color: #5F5F5F;
            font-weight: 400;
            width: 100%;
            vertical-align: middle;
            display: inline-block;
        }

            .my-update-parent .UPDTDataCollectionLabel.UPDTDataCollectionLabelCheckBox {
                color: #1E2226;
            }

        .my-update-parent .UPDTDataCollectionControlContainer input:focus,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-within,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-visible {
            outline: none;
            border-color: #0053cc;
            border-width: 1px;
            transition: all 300ms linear 0s;
        }

        /*.my-update-parent .highlight .UPDTDataCollectionLabel {
                color: var(--sixth-color);
            }*/

        .my-update-parent .LayoutSpecification {
            display: block;
            vertical-align: middle;
            padding: 12px 6px;
            position: relative;
        }

        .my-update-parent .UPDTDataCollectionSectionScript {
            font-family: poppins, sans-serif;
            font-size: 16px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
        }

            .my-update-parent .UPDTDataCollectionSectionScript a {
                color: #0054B4 !important;
                font-weight: 400;
            }

            .my-update-parent .UPDTDataCollectionSectionScript strong font {
                font-family: Poppins, sans-serif;
                font-weight: 400;
                font-size: 16px !important;
                color: #1E2226;
            }

        .my-update-parent .info-print-bubble {
            border-radius: 8px;
            border: 2px solid #E6E6E6;
            margin-bottom: 12px;
            background-color: #FFFFFF;
        }

        .my-update-parent .info-print-book:not(:first-child) {
            border-top: 1px solid #E6E6E6;
        }

        .my-update-parent .info-print-book {
            padding: 18px 24px;
            vertical-align: middle;
        }

        .my-update-parent .info-print-text {
            text-transform: uppercase;
            color: #1E2226;
            font-weight: 600;
            display: inline-block;
            padding-left: 12px;
            vertical-align: middle;
            width: calc(100% - 36px);
        }

        .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer {
            border-radius: 8px;
        }

            .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer input[type="checkbox"] {
                width: 18px;
                height: 18px;
                border-radius: 8px;
                background-color: #3A5AB8;
                vertical-align: middle;
                margin: 0px;
            }

        .my-update-parent span.ufd.plain {
            border-radius: 4px;
            background-color: #FFFFFF;
            /*border: 1px solid #E6E6E6;*/
            height: 34px;
            margin-top: 0px !important;
        }

        .my-update-parent .ufd.plain input {
            border-radius: 4px;
            height: 34px !important;
            margin: 0px;
            box-shadow: none;
        }

        .my-update-parent .ufd.plain button {
            position: absolute;
            right: 0px;
            bottom: 0px;
            top: 6px;
        }

        .my-update-parent input[type="checkbox"].UPDTDataCollectionDoNotPrint {
            position: absolute;
            top: 5px;
            right: 32px;
            width: 18px;
            height: 18px;
        }

        .my-update-parent .UPDTBlockTable {
            padding: 20px;
        }

        .my-update-parent .myupdate-li-bar {
            border: none;
            font-family: poppins, sans-serif;
            font-style: normal;
        }

            .my-update-parent .myupdate-li-bar a {
                font-size: 16px;
                line-height: 36px;
                font-style: normal;
                font-weight: 400 !important;
                text-decoration: none;
                outline: none;
            }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

    .my-update-parent input[dnpselectors].UPDTDataCollectionCheckBoxControl {
        width: 18px;
        height: 18px;
        margin: 0px;
    }

    .my-update-parent select {
        height: 34px;
        font-family: Poppins, sans-serif !important;
    }

        .my-update-parent select:focus,
        .my-update-parent select:focus-within,
        .my-update-parent select:focus-visible {
            border: 1px solid #0053cc;
            outline: none;
        }

    .dca-button {
        float: right;
    }

        .dca-button:focus,
        .dca-button:focus-within,
        .dca-button:focus-visible {
            outline: 1px solid #0053cc !important;
        }

    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible {
        outline: 1px solid #0053cc !important;
    }

        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible + label {
            text-decoration: underline;
            color: #0053cc;
        }

    .UPDTDataCollectionSectionScript a:focus-visible {
        outline: 1px solid rgba(0,0,0,.5);
        padding: 1px 2px;
    }

    .UPDTDataCollectionTextAreaControl {
        height: 200px;
        width: 100%;
        box-sizing: border-box;
    }

        .UPDTDataCollectionTextAreaControl:focus,
        .UPDTDataCollectionTextAreaControl:focus-visible,
        .UPDTDataCollectionTextAreaControl:focus-within {
            outline: none;
            border-color: #0053cc;
        }

    .svg-icon-wrapper:hover, .highlight .svg-icon-wrapper {
        animation-name: animate-not-print;
        animation-iteration-count: infinite;
        animation-play-state: running;
        animation-duration: 1s;
    }

    .dca-group-introduction .svg-icon-wrapper {
        position: absolute;
        right: 22px;
        top: 14px;
    }

    .dca-group-introduction .UPDTDataCollectionControlContainer {
        display: inline-block;
        margin-left: 10px;
        font-size: 10pt;
        width: 100%;
        vertical-align: middle;
    }

    .UPDTDataCollectionSection:not(.dca-group-introduction) .svg-icon-wrapper {
        position: absolute;
        right: 0px;
        top: 6px;
    }

    .dca-hamburguer-btn.hbtn-open {
        display: inline-block;
        position: absolute;
        top: 48px;
        right: 24px;
        cursor: pointer;
        background-image: url(/schools/common/images/MyupdateAssests/img_hbtn_close.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        z-index: 101;
    }

    .dca-hamburguer-btn.hbtn-close {
        display: inline-block;
        position: absolute;
        top: 40px;
        right: 24px;
        cursor: pointer;
        background-image: url(/schools/common/images/MyupdateAssests/img_hbtn_open.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }

    .hbtn-mobile {
        top: 20px !important;
        right: 24px !important;
    }

    .dca-mobile-menu-close {
        position: fixed;
        top: 20px;
        right: -428px;
        bottom: 0px;
        z-index: 100;
        width: auto !important;
        padding: 28px 52px 24px 24px;
        list-style-type: none;
        transition: all 300ms linear 0s;
        min-width: 352px;
    }

    .dca-mobile-menu-open {
        position: fixed;
        top: 20px;
        right: 0px;
        bottom: 0px;
        z-index: 100;
        width: auto !important;
        padding: 28px 52px 24px 24px;
        transition: all 300ms linear 0s;
        min-width: 352px;
    }

        .dca-mobile-menu-open .myupdate-li-bar {
            display: block;
            width: 100%;
        }

            .dca-mobile-menu-open .myupdate-li-bar a {
                display: block;
                width: 100%;
                box-sizing: border-box;
            }

    .dca-group-introduction {
        margin: 0px 12% 24px 12%;
    }

    .isInPrintLayout {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 3px;
        right: 7px;
    }

    .dca-update-info-content {
        background-color: #F2F2F2;
    }

    .ButtonBar {
        display: flex;
        align-self: flex-end;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        justify-content: flex-end;
        margin: 0px;
        padding: 12px 24px;
        color: Black;
    }

    .dca-nav {
        padding-top: 0px;
    }

    .dca-gray-logo {
        display: inline-block;
        width: 100px;
        height: auto;
        margin: 0px 16px;
        padding: 0px;
        vertical-align: middle;
        max-height: 60px;
        object-fit: contain;
    }

    .UPDTDataCollectionControlContainer {
        display: inline-block;
        font-size: 10pt;
        line-height: 35px;
        vertical-align: middle;
        width: calc(100% - 42px);
    }

    .dca-image-banner-wrapper {
        margin-bottom: 10px;
    }

        .dca-image-banner-wrapper img {
            border: none;
        }

    .ui-state-default[role="tab"] {
        background-image: none;
        background-color: #F2F2F2;
    }

        .ui-state-default[role="tab"] a {
            color: #1E2226;
        }

        .ui-state-default[role="tab"]:hover {
            background-image: none;
            background-color: rgb(120, 120, 120);
            border-radius: unset;
            box-shadow: rgb(88 88 88) 0px 0px 2px;
        }

            .ui-state-default[role="tab"]:hover a {
                color: rgb(255, 255, 255) !important;
            }

    .myupdate-li-bar:focus, .myupdate-li-bar:focus-within {
        outline: solid rgba(255,255,255,0.5) 1px;
    }

    .ui-state-default.ui-tabs-active.ui-state-active {
        padding: 0px;
    }

        .ui-state-default.ui-tabs-active.ui-state-active a {
            color: #1E2226;
            border-left: 3px solid #1E2226;
            padding-left: 8px;
        }

    div.DCAContainer {
        background-color: #FFFFFF;
        padding: 0px;
    }

    .dca-menu-wrapper {
        width: calc(100% - 156px);
        display: inline-block;
        background-color: rgb(88, 88, 88) !important;
        background-image: none !important;
        padding: 0px 12px;
        vertical-align: middle;
        min-height: 60px;
    }

    .myupdate-ul-bar {
        background-color: #F2F2F2;
        border-radius: unset;
        vertical-align: middle;
        margin: 0px;
    }

    .CookieDisclaimer, .CookieDisclaimer:focus, .CookieDisclaimer:focus-within {
        font-family: Poppins, sans-serif;
        color: rgb(255, 255, 255);
        background-color: #090D11;
        padding: 2.3px 6px;
        border-radius: 0px;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        top: 0px;
        right: 0px;
        left: 0px;
        text-align: center;
    }

        .CookieDisclaimer:hover {
            color: rgb(255, 255, 255);
            background-color: #090D11;
            padding: 2.3px 6px;
            border-radius: 0px;
            text-decoration: underline;
            display: inline-block;
            cursor: pointer;
            width: 100%;
            top: 0px;
            right: 0px;
            left: 0px;
            text-align: center;
        }

    .my-update-parent {
        border: none;
        padding: 0px;
    }

        .my-update-parent .ui-tabs-panel {
            padding: 0px 0px;
            background-color: #F2F2F2;
        }

        .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) {
            padding: 20px;
            margin: 0px 12% 24px 12%;
            border-radius: 10px;
            background-color: #FFFFFF;
            border: 2px solid #E6E6E6;
        }

            .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) .UPDTDataCollectionControlContainer {
                display: inline-block;
                margin-left: 10px;
                font-size: 10pt;
                width: 100%;
                vertical-align: middle;
            }

        .my-update-parent input:not(input[type="checkbox"]) {
            font-family: poppins, sans-serif !important;
            font-size: 13px !important;
            height: 34px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent input:focus {
            outline: none;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent .UPDTDataCollectionLabel {
            font-family: poppins, sans-serif;
            font-size: 13px;
            line-height: 21px;
            color: #5F5F5F;
            font-weight: 400;
            width: 100%;
            vertical-align: middle;
            display: inline-block;
        }

            .my-update-parent .UPDTDataCollectionLabel.UPDTDataCollectionLabelCheckBox {
                color: #1E2226;
            }

        .my-update-parent .UPDTDataCollectionControlContainer input:focus,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-within,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-visible {
            outline: none;
            border-color: #0053cc;
            border-width: 1px;
            transition: all 300ms linear 0s;
        }

        /*.my-update-parent .highlight .UPDTDataCollectionLabel {
                color: var(--sixth-color);
            }*/

        .my-update-parent .LayoutSpecification {
            display: block;
            vertical-align: middle;
            padding: 12px 6px;
            position: relative;
        }

        .my-update-parent .UPDTDataCollectionSectionScript {
            font-family: poppins, sans-serif;
            font-size: 16px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
        }

            .my-update-parent .UPDTDataCollectionSectionScript a {
                color: #0054B4 !important;
                font-weight: 400;
            }

            .my-update-parent .UPDTDataCollectionSectionScript strong font {
                font-family: Poppins, sans-serif;
                font-weight: 400;
                font-size: 16px !important;
                color: #1E2226;
            }

        .my-update-parent .info-print-bubble {
            border-radius: 8px;
            border: 2px solid #E6E6E6;
            margin-bottom: 12px;
            background-color: #FFFFFF;
        }

        .my-update-parent .info-print-book:not(:first-child) {
            border-top: 1px solid #E6E6E6;
        }

        .my-update-parent .info-print-book {
            padding: 18px 24px;
            vertical-align: middle;
        }

        .my-update-parent .info-print-text {
            text-transform: uppercase;
            color: #1E2226;
            font-weight: 600;
            display: inline-block;
            padding-left: 12px;
            vertical-align: middle;
            width: calc(100% - 36px);
        }

        .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer {
            border-radius: 8px;
        }

            .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer input[type="checkbox"] {
                width: 18px;
                height: 18px;
                border-radius: 8px;
                background-color: #3A5AB8;
                vertical-align: middle;
                margin: 0px;
            }

        .my-update-parent span.ufd.plain {
            border-radius: 4px;
            background-color: #FFFFFF;
            /*border: 1px solid #E6E6E6;*/
            height: 34px;
            margin-top: 0px !important;
        }

        .my-update-parent .ufd.plain input {
            border-radius: 4px;
            height: 34px !important;
            margin: 0px;
            box-shadow: none;
        }

        .my-update-parent .ufd.plain button {
            position: absolute;
            right: 0px;
            bottom: 0px;
            top: 6px;
        }

        .my-update-parent input[type="checkbox"].UPDTDataCollectionDoNotPrint {
            position: absolute;
            top: 5px;
            right: 32px;
            width: 18px;
            height: 18px;
        }

        .my-update-parent .UPDTBlockTable {
            padding: 20px;
        }

        .my-update-parent .myupdate-li-bar {
            border: none;
            font-family: poppins, sans-serif;
            font-style: normal;
        }

            .my-update-parent .myupdate-li-bar a {
                font-size: 16px;
                line-height: 36px;
                font-style: normal;
                font-weight: 400 !important;
                text-decoration: none;
                outline: none;
            }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .my-update-parent input[dnpselectors].UPDTDataCollectionCheckBoxControl {
        width: 18px;
        height: 18px;
        margin: 0px;
    }

    .my-update-parent select {
        height: 34px;
        font-family: Poppins, sans-serif !important;
    }

        .my-update-parent select:focus,
        .my-update-parent select:focus-within,
        .my-update-parent select:focus-visible {
            border: 1px solid #0053cc;
            outline: none;
        }

    .dca-button {
        float: right;
    }

        .dca-button:focus,
        .dca-button:focus-within,
        .dca-button:focus-visible {
            outline: 1px solid #0053cc !important;
        }

    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible {
        outline: 1px solid #0053cc !important;
    }

        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible + label {
            text-decoration: underline;
            color: #0053cc;
        }

    .UPDTDataCollectionSectionScript a:focus-visible {
        outline: 1px solid rgba(0,0,0,.5);
        padding: 1px 2px;
    }

    .UPDTDataCollectionTextAreaControl {
        height: 200px;
        width: 100%;
        box-sizing: border-box;
    }

        .UPDTDataCollectionTextAreaControl:focus,
        .UPDTDataCollectionTextAreaControl:focus-visible,
        .UPDTDataCollectionTextAreaControl:focus-within {
            outline: none;
            border-color: #0053cc;
        }

    .svg-icon-wrapper:hover, .highlight .svg-icon-wrapper {
        animation-name: animate-not-print;
        animation-iteration-count: infinite;
        animation-play-state: running;
        animation-duration: 1s;
    }

    .dca-group-introduction .svg-icon-wrapper {
        position: absolute;
        right: 22px;
        top: 14px;
    }

    .dca-group-introduction .UPDTDataCollectionControlContainer {
        display: inline-block;
        margin-left: 10px;
        font-size: 10pt;
        width: calc(70% - 94px);
        vertical-align: middle;
    }

    .UPDTDataCollectionSection:not(.dca-group-introduction) .svg-icon-wrapper {
        position: absolute;
        right: 0px;
        top: 17px;
    }

    .dca-hamburguer-btn.hbtn-open {
        display: inline-block;
        position: absolute;
        top: 48px;
        right: 24px;
        cursor: pointer;
        background-image: url(/schools/common/images/MyupdateAssests/img_hbtn_close.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        z-index: 101;
    }

    .dca-hamburguer-btn.hbtn-close {
        display: inline-block;
        position: absolute;
        top: 40px;
        right: 24px;
        cursor: pointer;
        background-image: url(/schools/common/images/MyupdateAssests/img_hbtn_open.png);
        background-repeat: no-repeat;
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
    }

    .hbtn-mobile {
        top: 20px !important;
        right: 24px !important;
    }

    .dca-mobile-menu-close {
        position: fixed;
        top: 20px;
        right: -428px;
        bottom: 0px;
        z-index: 100;
        width: auto !important;
        padding: 28px 52px 24px 24px;
        list-style-type: none;
        transition: all 300ms linear 0s;
        min-width: 352px;
    }

    .dca-mobile-menu-open {
        position: fixed;
        top: 20px;
        right: 0px;
        bottom: 0px;
        z-index: 100;
        width: auto !important;
        padding: 28px 52px 24px 24px;
        transition: all 300ms linear 0s;
        min-width: 352px;
    }

        .dca-mobile-menu-open .myupdate-li-bar {
            display: block;
            width: 100%;
        }

            .dca-mobile-menu-open .myupdate-li-bar a {
                display: block;
                width: 100%;
                box-sizing: border-box;
            }

    .dca-group-introduction {
        margin: 0px 12% 24px 12%;
    }

    .isInPrintLayout {
        width: 25px;
        height: 25px;
    }

    .dca-update-info-content {
        background-color: #F2F2F2;
    }

    .ButtonBar {
        display: flex;
        align-self: flex-end;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        justify-content: flex-end;
        margin: 0px;
        padding: 12px 24px;
        color: Black;
    }

    .dca-nav {
        padding-top: 0px;
    }

    .dca-gray-logo {
        display: inline-block;
        width: 100px;
        height: auto;
        margin: 0px 16px;
        padding: 0px;
        vertical-align: middle;
        max-height: 60px;
        object-fit: contain;
    }

    .UPDTDataCollectionControlContainer {
        display: inline-block;
        font-size: 10pt;
        line-height: 35px;
        vertical-align: middle;
        width: calc(100% - 42px);
    }

    .dca-image-banner-wrapper {
        margin-bottom: 10px;
    }

        .dca-image-banner-wrapper img {
            border: none;
        }

    .ui-state-default[role="tab"] {
        background-image: none;
        background-color: #F2F2F2;
    }

        .ui-state-default[role="tab"] a {
            color: #1E2226;
        }

        .ui-state-default[role="tab"]:hover {
            background-image: none;
            background-color: rgb(120, 120, 120);
            border-radius: unset;
            box-shadow: rgb(88 88 88) 0px 0px 2px;
        }

            .ui-state-default[role="tab"]:hover a {
                color: rgb(255, 255, 255) !important;
            }

    .myupdate-li-bar:focus, .myupdate-li-bar:focus-within {
        outline: solid rgba(255,255,255,0.5) 1px;
    }

    .ui-state-default.ui-tabs-active.ui-state-active {
        padding: 0px;
    }

        .ui-state-default.ui-tabs-active.ui-state-active a {
            color: #1E2226;
            border-left: 3px solid #1E2226;
            padding-left: 8px;
        }

    div.DCAContainer {
        background-color: #FFFFFF;
        padding: 0px;
    }

    .dca-menu-wrapper {
        width: calc(100% - 156px);
        display: inline-block;
        background-color: rgb(88, 88, 88) !important;
        background-image: none !important;
        padding: 0px 12px;
        vertical-align: middle;
        min-height: 60px;
    }

    .myupdate-ul-bar {
        background-color: #F2F2F2;
        border-radius: unset;
        vertical-align: middle;
        margin: 0px;
    }

    .CookieDisclaimer, .CookieDisclaimer:focus, .CookieDisclaimer:focus-within {
        font-family: Poppins, sans-serif;
        color: rgb(255, 255, 255);
        background-color: #090D11;
        padding: 2.3px 6px;
        border-radius: 0px;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        top: 0px;
        right: 0px;
        left: 0px;
        text-align: center;
    }

        .CookieDisclaimer:hover {
            color: rgb(255, 255, 255);
            background-color: #090D11;
            padding: 2.3px 6px;
            border-radius: 0px;
            text-decoration: underline;
            display: inline-block;
            cursor: pointer;
            width: 100%;
            top: 0px;
            right: 0px;
            left: 0px;
            text-align: center;
        }

    .my-update-parent {
        border: none;
        padding: 0px;
    }

        .my-update-parent .ui-tabs-panel {
            padding: 0px 0px;
            background-color: #F2F2F2;
        }

        .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) {
            padding: 20px;
            margin: 0px 12% 24px 12%;
            border-radius: 10px;
            background-color: #FFFFFF;
            border: 2px solid #E6E6E6;
        }

            .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) .UPDTDataCollectionControlContainer {
                display: inline-block;
                margin-left: 10px;
                font-size: 10pt;
                width: calc(70% - 66px);
                vertical-align: middle;
            }

        .my-update-parent input:not(input[type="checkbox"]) {
            font-family: poppins, sans-serif !important;
            font-size: 13px !important;
            height: 34px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent input:focus {
            outline: none;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent .UPDTDataCollectionLabel {
            font-family: poppins, sans-serif;
            font-size: 13px;
            line-height: 21px;
            color: #5F5F5F;
            font-weight: 400;
            width: 30%;
            vertical-align: middle;
            display: inline-block;
        }

            .my-update-parent .UPDTDataCollectionLabel.UPDTDataCollectionLabelCheckBox {
                color: #1E2226;
            }

        .my-update-parent .UPDTDataCollectionControlContainer input:focus,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-within,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-visible {
            outline: none;
            border-color: #0053cc;
            border-width: 1px;
            transition: all 300ms linear 0s;
        }

        /*.my-update-parent .highlight .UPDTDataCollectionLabel {
                color: var(--sixth-color);
            }*/

        .my-update-parent .LayoutSpecification {
            display: block;
            vertical-align: middle;
            padding: 12px 6px;
            position: relative;
        }

        .my-update-parent .UPDTDataCollectionSectionScript {
            font-family: poppins, sans-serif;
            font-size: 16px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
        }

            .my-update-parent .UPDTDataCollectionSectionScript a {
                color: #0054B4 !important;
                font-weight: 400;
            }

            .my-update-parent .UPDTDataCollectionSectionScript strong font {
                font-family: Poppins, sans-serif;
                font-weight: 400;
                font-size: 16px !important;
                color: #1E2226;
            }

        .my-update-parent .info-print-bubble {
            border-radius: 8px;
            border: 2px solid #E6E6E6;
            margin-bottom: 12px;
            background-color: #FFFFFF;
        }

        .my-update-parent .info-print-book:not(:first-child) {
            border-top: 1px solid #E6E6E6;
        }

        .my-update-parent .info-print-book {
            padding: 18px 24px;
            vertical-align: middle;
        }

        .my-update-parent .info-print-text {
            text-transform: uppercase;
            color: #1E2226;
            font-weight: 600;
            display: inline-block;
            padding-left: 12px;
            vertical-align: middle;
            width: calc(100% - 36px);
        }

        .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer {
            border-radius: 8px;
        }

            .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer input[type="checkbox"] {
                width: 18px;
                height: 18px;
                border-radius: 8px;
                background-color: #3A5AB8;
                vertical-align: middle;
                margin: 0px;
            }

        .my-update-parent span.ufd.plain {
            border-radius: 4px;
            background-color: #FFFFFF;
            /*border: 1px solid #E6E6E6;*/
            height: 34px;
            margin-top: 0px !important;
        }

        .my-update-parent .ufd.plain input {
            border-radius: 4px;
            height: 34px !important;
            margin: 0px;
            box-shadow: none;
        }

        .my-update-parent .ufd.plain button {
            position: absolute;
            right: 0px;
            bottom: 0px;
            top: 6px;
        }

        /*div.DCAContainer > div.row > div > span > div.my-update-parent {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }*/

        .my-update-parent input[type="checkbox"].UPDTDataCollectionDoNotPrint {
            position: absolute;
            top: 20px;
            right: 32px;
            margin: 0px;
            width: 18px;
            height: 18px;
        }

        .my-update-parent .LayoutSpecification.highlight img:not(.PhotoThumbnail) {
            border-radius: 50%;
            background-color: rgba(255,255,255, .8);
            padding: 2px;
        }

        .my-update-parent .UPDTBlockTable {
            padding: 20px;
        }

        .my-update-parent .myupdate-li-bar {
            border: none;
            font-family: poppins, sans-serif;
            font-style: normal;
        }

            .my-update-parent .myupdate-li-bar a {
                font-size: 16px;
                line-height: 36px;
                font-style: normal;
                font-weight: 400 !important;
                text-decoration: none;
                outline: none;
            }
}

@media only screen and (min-width: 992px) {

    .my-update-parent input[dnpselectors].UPDTDataCollectionCheckBoxControl {
        width: 18px;
        height: 18px;
        margin: 0px;
    }

    .my-update-parent select {
        height: 34px;
        font-family: Poppins, sans-serif !important;
    }

        .my-update-parent select:focus,
        .my-update-parent select:focus-within,
        .my-update-parent select:focus-visible {
            border: 1px solid #0053cc;
            outline: none;
        }

    .dca-button {
        float: right;
    }

        .dca-button:focus,
        .dca-button:focus-within,
        .dca-button:focus-visible {
            outline: 1px solid #0053cc !important;
        }

    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within,
    .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible {
        outline: 1px solid #0053cc !important;
    }

        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-within + label,
        .UPDTDataCollectionControlContainer input[type="checkbox"]:focus-visible + label {
            text-decoration: underline;
            color: #0053cc;
        }

    .UPDTDataCollectionSectionScript a:focus-visible {
        outline: 1px solid rgba(0,0,0,.5);
        padding: 1px 2px;
    }

    .UPDTDataCollectionTextAreaControl {
        height: 200px;
        width: 100%;
        box-sizing: border-box;
    }

        .UPDTDataCollectionTextAreaControl:focus,
        .UPDTDataCollectionTextAreaControl:focus-visible,
        .UPDTDataCollectionTextAreaControl:focus-within {
            outline: none;
            border-color: #0053cc;
        }

    .svg-icon-wrapper:hover, .highlight .svg-icon-wrapper {
        animation-name: animate-not-print;
        animation-iteration-count: infinite;
        animation-play-state: running;
        animation-duration: 1s;
    }

    .dca-group-introduction .svg-icon-wrapper {
        position: absolute;
        right: 22px;
        top: 14px;
    }

    .dca-group-introduction .UPDTDataCollectionControlContainer {
        display: inline-block;
        margin-left: 10px;
        font-size: 10pt;
        width: calc(70% - 94px);
        vertical-align: middle;
    }

    .UPDTDataCollectionSection:not(.dca-group-introduction) .svg-icon-wrapper {
        position: absolute;
        right: 0px;
        top: 17px;
    }

    .dca-group-introduction {
        margin: 0px 12% 24px 12%;
    }

    .isInPrintLayout {
        width: 25px;
        height: 25px;
    }

    .dca-update-info-content {
        background-color: #F2F2F2;
    }

    .ButtonBar {
        display: flex;
        align-self: flex-end;
        align-items: flex-end;
        flex-wrap: nowrap;
        flex-direction: row;
        align-content: center;
        justify-content: flex-end;
        margin: 0px !important;
        padding: 12px 24px;
        color: Black !important;
    }

    .dca-nav {
        padding-top: 0px;
    }

    .dca-gray-logo {
        display: inline-block;
        width: 100px;
        height: auto;
        margin: 0px 16px;
        padding: 0px;
        vertical-align: middle;
        max-height: 60px;
        object-fit: contain;
    }

    .UPDTDataCollectionControlContainer {
        display: inline-block;
        font-size: 10pt;
        line-height: 35px;
        vertical-align: middle;
        width: calc(100% - 42px);
    }

    .dca-image-banner-wrapper {
        margin-bottom: 10px;
    }

        .dca-image-banner-wrapper img {
            border: none;
        }

    .ui-state-default[role="tab"] {
        background-image: none;
        background-color: rgb(88, 88, 88);
    }

        .ui-state-default[role="tab"] a {
            color: #FFFFFF;
        }

        .ui-state-default[role="tab"]:hover {
            background-image: none;
            background-color: rgb(120, 120, 120);
            border-radius: unset;
            box-shadow: rgb(88 88 88) 0px 0px 2px;
            transition: all 300ms linear 0s;
        }

            .ui-state-default[role="tab"]:hover a {
                color: rgb(255, 255, 255) !important;
            }

    .myupdate-li-bar:focus, .myupdate-li-bar:focus-within {
        outline: solid rgba(255,255,255,0.5) 1px;
        color: #FFFFFF;
    }

    .ui-state-default.ui-tabs-active.ui-state-active a {
        color: #FFFFFF;
        border-bottom: 3px solid #FFFFFF;
        padding-bottom: 8px;
    }

    div.DCAContainer {
        background-color: transparent;
        padding: 0px;
    }

    .dca-menu-wrapper {
        width: calc(100% - 156px);
        display: inline-block;
        background-color: rgb(88, 88, 88) !important;
        background-image: none !important;
        padding: 0px 12px;
        vertical-align: middle;
    }

    .myupdate-ul-bar {
        background-color: rgb(88, 88, 88);
        border-radius: unset;
        vertical-align: middle;
        margin: 0px;
    }

    .CookieDisclaimer, .CookieDisclaimer:focus, .CookieDisclaimer:focus-within {
        font-family: Poppins, sans-serif;
        color: rgb(255, 255, 255);
        background-color: #090D11;
        padding: 2.3px 6px;
        border-radius: 0px;
        display: inline-block;
        cursor: pointer;
        width: 100%;
        top: 0px;
        right: 0px;
        left: 0px;
        text-align: center;
    }

        .CookieDisclaimer:hover {
            color: rgb(255, 255, 255);
            background-color: #090D11;
            padding: 2.3px 6px;
            border-radius: 0px;
            text-decoration: underline;
            display: inline-block;
            cursor: pointer;
            width: 100%;
            top: 0px;
            right: 0px;
            left: 0px;
            text-align: center;
        }

    .my-update-parent {
        border: none;
        padding: 0px;
    }

        .my-update-parent .ui-tabs-panel {
            padding: 0px 0px;
            background-color: #F2F2F2;
        }

        .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) {
            padding: 20px;
            margin: 0px 12% 24px 12%;
            border-radius: 10px;
            background-color: #FFFFFF;
            border: 2px solid #E6E6E6;
        }

            .my-update-parent .UPDTDataCollectionSection:not(.dca-group-introduction) .UPDTDataCollectionControlContainer {
                display: inline-block;
                margin-left: 10px;
                font-size: 10pt;
                width: calc(70% - 66px);
                vertical-align: middle;
            }

        .my-update-parent input:not(input[type="checkbox"]) {
            font-family: poppins, sans-serif !important;
            font-size: 13px !important;
            height: 34px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent input:focus {
            outline: none;
            border: 1px solid #E6E6E6;
        }

        .my-update-parent .UPDTDataCollectionLabel {
            font-family: poppins, sans-serif;
            font-size: 13px;
            line-height: 21px;
            color: #5F5F5F;
            font-weight: 400;
            width: 30%;
            vertical-align: middle;
            display: inline-block;
        }

            .my-update-parent .UPDTDataCollectionLabel.UPDTDataCollectionLabelCheckBox {
                color: #1E2226;
            }

        .my-update-parent .UPDTDataCollectionControlContainer input:focus,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-within,
        .my-update-parent .UPDTDataCollectionControlContainer input:focus-visible {
            outline: none;
            border-color: #0053cc;
            border-width: 1px;
            transition: all 300ms linear 0s;
        }

        /*.my-update-parent .highlight .UPDTDataCollectionLabel {
                color: var(--sixth-color);
            }*/

        .my-update-parent .LayoutSpecification {
            display: block;
            vertical-align: middle;
            padding: 12px 6px;
            position: relative;
        }

        .my-update-parent .UPDTDataCollectionSectionScript {
            font-family: poppins, sans-serif;
            font-size: 16px;
            line-height: 24px;
            color: #1E2226;
            font-weight: 400;
        }

            .my-update-parent .UPDTDataCollectionSectionScript a {
                color: #0054B4 !important;
                font-weight: 400;
            }

            .my-update-parent .UPDTDataCollectionSectionScript strong font {
                font-family: Poppins, sans-serif;
                font-weight: 400;
                font-size: 16px !important;
                color: #1E2226;
            }

        .my-update-parent .info-print-bubble {
            border-radius: 8px;
            border: 2px solid #E6E6E6;
            margin-bottom: 12px;
            background-color: #FFFFFF;
        }

        .my-update-parent .info-print-book:not(:first-child) {
            border-top: 1px solid #E6E6E6;
        }

        .my-update-parent .info-print-book {
            padding: 18px 24px;
            vertical-align: middle;
        }

        .my-update-parent .info-print-text {
            text-transform: uppercase;
            color: #1E2226;
            font-weight: 600;
            display: inline-block;
            padding-left: 12px;
            vertical-align: middle;
        }

        .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer {
            border-radius: 8px;
        }

            .my-update-parent .UPDTCheckbox .UPDTDataCollectionControlContainer input[type="checkbox"] {
                width: 18px;
                height: 18px;
                border-radius: 8px;
                background-color: #3A5AB8;
                vertical-align: middle;
                margin: 0px;
            }

        .my-update-parent input[type="checkbox"].UPDTDataCollectionDoNotPrint {
            margin: 0px;
            position: absolute;
            top: 20px;
            right: 32px;
            width: 18px;
            height: 18px;
        }

        .my-update-parent span.ufd.plain {
            border-radius: 4px;
            background-color: #FFFFFF;
            /*border: 1px solid #E6E6E6;*/
            height: 34px;
            margin-top: 0px !important;
        }

        .my-update-parent .ufd.plain input {
            border-radius: 4px;
            height: 34px !important;
            margin: 0px;
            box-shadow: none;
        }

        .my-update-parent .ufd.plain button {
            position: absolute;
            right: 0px;
            bottom: 0px;
            top: 6px;
        }

        .my-update-parent .LayoutSpecification.highlight img:not(.PhotoThumbnail) {
            border-radius: 50%;
            background-color: rgba(255,255,255, .8);
            padding: 2px;
        }

        .my-update-parent .UPDTBlockTable {
            padding: 20px;
        }

        .my-update-parent .myupdate-li-bar {
            border: none;
            font-family: poppins, sans-serif;
            font-style: normal;
            display: inline-block;
            list-style: none;
            padding: 12px;
            margin-top: 1px;
            margin-bottom: 1px;
        }

            .my-update-parent .myupdate-li-bar a {
                font-size: 16px;
                line-height: 36px;
                font-style: normal;
                font-weight: 400;
                text-decoration: none;
                border-bottom: 1px solid rgba(255,255,255, 0);
                transition: all 300ms linear 0s;
                text-decoration: none;
                outline: none;
            }
}