.ContentContainer > .ContentFrame {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-bottom: 15px;
    width: 100%;
    height: auto;
    background-image: linear-gradient(to bottom left, #fff1e6, #ffffff, #fff9ed);
}
    .ContentContainer > .ContentFrame > .GroupHeaderFrame {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 30px 0%;
        padding: 0%;
        width: 100%;
        height: auto;
        font-size: 30px;
        font-weight: 400;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);  
        transition: 0.5s;
    }

    .ContentContainer > .ContentFrame > .HeaderTextFrame {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        margin-bottom: 30px;
        padding: 0%;
        width: 100%;
        height: auto;
        transition: 0.5s;

/*                            background-color: aqua;*/
    }   
        .ContentContainer > .ContentFrame > .HeaderTextFrame > .HeaderText {
            display: block;
            text-align: justify;
            width: 92%;
            max-width: 800px;
            font-size: 18px;
            font-weight: normal;
            transition: 0.5s;

/*                                background-color: lightcoral;*/
        }    
        .ContentContainer > .ContentFrame > .HeaderTextFrame > .ReplyText {
            display: block;
            text-align: center;
            width: 92%;
            max-width: 800px;
            line-height: 28px;
            font-size: 18px;
            font-weight: normal;
            transition: 0.5s;

/*                                background-color: lightcoral;*/
        }   
        
    .ContentContainer > .ContentFrame > .MessageHeaderFrame {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        margin-bottom: 10px;
        padding: 0%;
        width: 100%;
        height: auto;
        transition: 0.5s;

/*                            background-color: aqua;*/
    }       
        .ContentContainer > .ContentFrame > .MessageHeaderFrame > .MessageHeader {
            display: block;
            text-align: center;
            width: 92%;
            font-size: 18px;
            font-weight: normal;
            transition: 0.5s;

/*                                background-color: lightcoral;*/
        
        }
                
    .ContentContainer > .ContentFrame > .AlignFieldsContainer {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin-top: 30px;
        transition: 0.5s;
    }
        .ContentContainer > .ContentFrame > .AlignFieldsContainer > .CustomerInfoContainer {
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            align-items: center;
            width: 100%;
            max-width: 800px;
            height: 50px;
            margin-bottom: 20px;
            transition: 0.5s;
            
/*            background-color: lightcoral;*/
        }
            .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .InfoHeaderFrame {
                display: flex;
                justify-content: flex-end;
                align-items: center;
                width: 25%;
                height: 100%;
                
/*                background-color: aqua;*/
            }
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .InfoHeaderFrame > .InfoHeaderText {
                    display: block;
                    text-align: end;
                    width: auto;
                    height: auto;
                    margin-right: 5px;
                }
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .InfoHeaderFrame > .InfoHeaderText > .part1 {
                    display: block;
                }            
            .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer {
                display: flex;
                justify-content: flex-start;
                align-items: center;
                flex-basis: 100%;
                height: 100%;
/*                                    background-color: lightcoral;*/
            }
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .EnterDataFrame {
                    display: block;
                    width: auto;
                    height: auto;
                    margin-left: 5px;
                }    
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .Short { 
                    width: 25%;
                }                        
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .Medium { 
                    width: 52%;
                }      
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .Large { 
                    width: 92%;
                } 
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .Asterisk {
                    display: block;
                    width: auto;
                    height: auto;
                    margin-left: 5px;
                    font-size: 20px;
                }          
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > text {
                    display: block;
                    width: auto;
                    height: auto;
                    margin-left: 10px;
                    font-size: 16px;
                }                                      
                    .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > div > .combobox { 
                        font-size: 16px; 
                        color: black;
                        -webkit-appearance: none;
                        -moz-appearance: none;
                        appearance: none;
                        padding: 16px; 
                        width: 100%; 
                        border: 1px solid #ccc; 
                        border-radius: 5px; 
                        box-sizing: border-box; 
                        resize: vertical; 
                        background-color: white;
                    }  
                    .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .EnterDataFrame > .TextInput { 
                        font-size: 16px; 
                        padding: 16px; 
                        width: 100%;
                        border: 1px solid #ccc; 
                        border-radius: 5px; 
                        box-sizing: border-box; 
                        resize: vertical; 
                        transition: 0.5s;
                    }
                    .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .EnterDataFrame > .TextInputOK { 
                        font-size: 16px; 
                        padding: 16px; 
                        width: 100%;
                        border: 1px solid #ccc; 
                        border-radius: 5px; 
                        box-sizing: border-box; 
                        resize: vertical; 
                        transition: 0.5s;
                        background-color: #b9ffb9;
                    }                    
                    .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .EnterDataFrame > .SoftAlert {
                        font-size: 16px; 
                        padding: 16px; 
                        width: 100%;
                        border: 1px solid #ccc; 
                        border-radius: 5px; 
                        box-sizing: border-box; 
                        resize: vertical;  
                        transition: 0.5s;
                        background-color: #ffc9c9;
                    }
                    .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .EnterDataFrame > .InputAlert {
                        font-size: 16px; 
                        padding: 16px; 
                        width: 100%;
                        border: 1px solid #ccc; 
                        border-radius: 5px; 
                        box-sizing: border-box; 
                        resize: vertical;  
                        transition: 0.5s;
                        background-color: #ff8d8d;
                    }         

    .ContentContainer > .ContentFrame > .InfoTextFrame {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
        margin-bottom: 0px;
        padding: 0%;
        width: 100%;
        height: auto;
        transition: 0.5s;

/*                            background-color: aqua;*/
    }       
        .ContentContainer > .ContentFrame > .InfoTextFrame > .InfoText {
            display: block;
            text-align: center;
            width: 92%;
            font-size: 16px;
            font-weight: normal;
            transition: 0.5s;

/*                                background-color: lightcoral;*/
        
        }
        
    .ContentContainer > .ContentFrame > .NoteContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
        margin-bottom: 50px;
    }
        .ContentContainer > .ContentFrame > .NoteContainer > .NoteStyle {
            width: 90%;
            height: 150px;
            resize: none;
            padding: 15px;
            font-size: 16px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            border-radius: 10px; 
            outline: none;
            transition: 0.5s;
        }
        .ContentContainer > .ContentFrame > .NoteContainer > .NoteSoftAlert {
            width: 90%;
            height: 150px;
            resize: none;
            padding: 15px;
            font-size: 16px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            border-radius: 10px; 
            outline: none;
            background-color: #ffc9c9;
            transition: 0.5s;     
        }
        .ContentContainer > .ContentFrame > .NoteContainer > .NoteInputAlert {
            width: 90%;
            height: 150px;
            resize: none;
            padding: 15px;
            font-size: 16px;
            border: 1px solid rgba(0, 0, 0, 0.25);
            border-radius: 10px; 
            outline: none;
            background-color: #ff8d8d;   
            transition: 0.5s;            
        }

    .ContentContainer > .ContentFrame > .PrivacyCheckContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: auto;
    }
        .ContentContainer > .ContentFrame > .PrivacyCheckContainer > .PrivacyCheckFrame {
            display: block;
            text-align: center;
            font-size: 16px;
            line-height: 25px;
            width: 90%;
            height: 100px;
        }
            .ContentContainer > .ContentFrame > .PrivacyCheckContainer > .PrivacyCheckFrame > label {
                margin-left: 5px;
            }
            
    .ContentContainer > .ContentFrame > .ButtonContainer {
        display: flex;
        flex-direction: row;
        width: 100%;
        height: auto;
        margin-top: 20px;
        margin-bottom: 100px;
        transition: 0.5s;
/*                            background-color: aqua;*/
    }                        
        .ContentContainer > .ContentFrame > .ButtonContainer > .ButtonFrame {
            display: flex;
            justify-content: center;
            align-content: center;
            width: 100%;
/*                                min-width: 50%;*/
            height: auto;
/*                                background-color: lightcoral;                                */
        }       
            .ContentContainer > .ContentFrame > .ButtonContainer > .ButtonFrame > .ButtonSize {
                width: 300px;
                height: 50px;
                font-size: 16px;   
                color: #000;
            }                                            
            .ContentContainer > .ContentFrame > .ButtonContainer .SendButton {
                background-color: #fff3d9;
                border: 1px solid rgba(0, 0, 0, 0.25);
                border-radius: 5px;
                box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);  
                transition: 0.5s;
            }     
            .ContentContainer > .ContentFrame > .ButtonContainer .SendButton:hover {
                background-color: #ffe9b9;
            }               
            
.fs_ItemNumber { font-size: 16px; }

@media screen and (max-width: 1000px) {
  
        .ContentContainer > .ContentFrame > .AlignFieldsContainer > .CustomerInfoContainer {
            max-width: 800px;
        }
        
}

@media screen and (max-width: 600px) { 

    .ContentContainer > .ContentFrame > .GroupHeaderFrame {
        font-size: 6.0vw;
    }                                                                                                                   

    .ContentContainer > .ContentFrame > .AlignFieldsContainer {
        margin-top: 10px;
    }
    
        .ContentContainer > .ContentFrame > .AlignFieldsContainer > .CustomerInfoContainer {
            flex-direction: column;
            width: 95%;
            margin-top: 30px;
        }
            .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .InfoHeaderFrame {
                justify-content: flex-start;
                width: 100%;
                margin-bottom: 5px;
            }
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .InfoHeaderFrame > .InfoHeaderText {
                    padding-left: 20px;
/*                                        background-color: aqua;*/
                }
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .InfoHeaderFrame > .InfoHeaderText > .part1 {
                    display: inline-block;
                }                                    
            .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer {
                width: 100%;
            }
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .Short { 
                    width: 52%;
                }                                           
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > .Large { 
                    width: 95%;
                }
                .ContentContainer > .ContentFrame > .AlignFieldsContainer  > .CustomerInfoContainer > .EnterDataContainer > text {
                    width: 40%;
                }       
    
        .ContentContainer > .ContentFrame > .OrderNoteContainer > .OrderNote {
            width: 100%;
            margin: 0px 10px;
        }
        
    .ContentContainer > .ContentFrame > .ButtonNextContainer {
        margin: 60px 0px;
    }
    
}

@media screen and (max-width: 400px) {

    .ContentContainer > .ContentFrame > .GroupHeaderFrame {
        font-size: 7.0vw;
    }                                                                                                                                                               

}