.creator-lms-page {

    .crlms-notices-wrapper {
        background-color: #FCE8E8;

        .crlms-NoticeGroup {
            max-width: 1230px;
            width: 100%;
            margin: 0 auto;
            padding: 28px 15px;
        }

        ul.crlms-error {
            list-style: none;
            position: relative;
            padding: 0 0 0 84px;
            margin: 0;

            &:before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                height: 50px;
                width: 50px;
                box-shadow: 0px 2px 2px rgba(218, 175, 175, 0.40);
                background: #fff;
                border-radius: 100%;
                background-image: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMjcgMjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI0ZGNkY2RiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTMuNSAwQzIwLjk1NCAwIDI3IDYuMDQ1IDI3IDEzLjUgMjcgMjAuOTU0IDIwLjk1NCAyNyAxMy41IDI3IDYuMDQ1IDI3IDAgMjAuOTU0IDAgMTMuNSAwIDYuMDQ1IDYuMDQ1IDAgMTMuNSAwem0tMS40NDYgMTQuNjYyVjcuNzEzYzAtLjc5Ni42NS0xLjQ0NiAxLjQ0Ni0xLjQ0Ni43OTcgMCAxLjQ0Ni42NTYgMS40NDYgMS40NDZ2Ni45NDljMCAuNzktLjY1IDEuNDQ2LTEuNDQ2IDEuNDQ2YTEuNDUgMS40NSAwIDAxLTEuNDQ2LTEuNDQ2em0xLjQ0IDIuOTk3YTEuNjQgMS42NCAwIDExMCAzLjI4IDEuNjQgMS42NCAwIDAxMC0zLjI4eiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");
                background-repeat: no-repeat;
                background-position: center;
                background-size: 26px 26px;
                z-index: 1;
            }

            li {
                color: var(--creator-lms-heading-color);
                font-size: 15px;
                font-weight: 400;
                line-height: 1.2;
                margin-bottom: 11px;
                position: relative;

                &::before {
                    content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgNiA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxjaXJjbGUgY3g9IjMiIGN5PSIzIiByPSIzIiBmaWxsPSIjMDAwRDI1Ii8+PC9zdmc+");
                    position: absolute;
                    top: 0px;
                    left: -14px;
                    width: 6px;
                    height: auto;
                    line-height: 1;
                }

                &:last-child {
                    margin-bottom: 0;
                }
            }

            &.only-one-error {
                list-style: none;
                padding: 0 0 0 66px;

                li:before {
                    display: none;
                }
            }
        }

        .crlms-message {
            color: #fff;
            font-size: 15px;
            font-weight: 500;
            line-height: 1.2;
            position: relative;
            display: flex;
            gap: 10px;
            padding: 0 10px;
            flex-flow: row wrap;

            &::before {
                content: url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTYgMTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjRjhGOUZBIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMSA3bDQgNEwxNSAxIi8+PC9zdmc+");
                display: block;
                width: 16px;
                height: auto;
            }
        }

        .crlms-success {
            background-color: #35BD4C;

            .crlms-NoticeGroup {
                padding: 13px 10px;
                
            }
        }

        .single-error {
            ul.crlms-error {
                padding-left: 70px;

                li::before {
                    display: none;
                }
            }
        }

        .more-then-two-error {
            ul.crlms-error:before {
                top: 0;
                transform: translateY(0);
            }
        }
        
    }
    
}


@media screen and (max-width: 767px) {
    .creator-lms-page .crlms-notices-wrapper ul.crlms-error:before {
        height: 40px;
        width: 40px;
        background-size: 19px 19px;
    }

    .creator-lms-page .crlms-notices-wrapper ul.crlms-error {
        padding-left: 66px;
    }
    .creator-lms-page .crlms-notices-wrapper ul.crlms-error li {
        font-size: 14px;
    }

    .creator-lms-page .crlms-notices-wrapper ul.crlms-error.only-one-error {
        padding: 0 0 0 53px;
    }

    .creator-lms-page .crlms-notices-wrapper .single-error ul.crlms-error {
        padding-left: 54px;
    }

}

@media screen and (max-width: 575px) {
    .creator-lms-page .crlms-notices-wrapper .crlms-NoticeGroup {
        padding: 16px 15px;
    }

}