.Submitter-header-cls {
    background: rgb(40, 136, 208)
}

.Submitter-header-cls label {
    color: #fff;
    font-weight: 600 !important;
    font-family: 'Roboto', sans-serif;

}

.Submitter-header-cls #platform_id_x5FHbciw-2 .pfm-two-column-layout-col {
    display: flex;
    align-items: center;
}

div#platform_id_x5FHbciw-7 {
    display: flex;
    align-items: center;
}

div#platform_id_x5FHbciw-8 {
    display: flex;
}

.client-data-container label,
.request-container-cls label {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
}

.client-data-container input,
.request-container-cls input,
.client-data-container select,
.request-container-cls select {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 100% !important
}

.client-data-container,
.request-container-cls {
    border: 2px solid #ddd;
    border-radius: 4px;
    column-gap: 10px !important;
    padding: 0px 10px !important;
    margin-left: 10px;
    margin-right: 10px;
}

label#platform_id_WyFGESkx
 {
    font-family: 'Roboto', sans-serif;
    padding-left: 10px;
}
label#platform_id_bOphInsR{
     font-family: 'Roboto', sans-serif;
    padding-left: 12px;
}
.request-container-cls textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 4px;
    max-width: 100% !important;
    resize: none;
}

label#platform_id_WyFGESkx {
    padding-bottom: 8px;
}

.submitter-button-col button {
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
}

/***** New *****/
main {
    margin: 0px !important;
}

.top-navigation,
#footer,
#side-navigation {
    display: none
}

#page-content,
#platform-view-content-wrapper {
    height: 100vh !important;
    top: 0px !important;
    left: 0px !important;
}

#page-content {
    padding: 0px !important;
}

#platform_id_ZQSg7YWo,
.client-data-main-container {
    padding: 3px 5px;
}

.platform-uploaded-file-container th,
.platform-uploaded-file-container-body td {
    font-family: 'Roboto', sans-serif;
    font-size: 12px !important;
}

div#platform_id_ZQSg7YWo {
    padding-left: 0px;
    padding-right: 0px;
}

.submitter-button-col button {
    text-align: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    float: right;
    /* width: 100px; */
}

.submitter-button-col button svg {
    padding-right: 5px;
}




.success-popup .modal-header {
    display: none;
}

.success-popup .main-message {
    font-size: 18px;
    color: #333;
    margin-top: 22px;
    font-weight: 600;
}

.success-popup .message {
    font-size: 14px;
    color: #333;
    margin-top: 18px;
    font-weight: 600;
}

.success-popup .modal-footer button {
    background-color: #4CAF50;
    /* Green */
    color: white;
    border: none;
    padding: 12px 25px;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 30px;
    transition: background-color 0.3s;
    margin-top: 10px !important;
    font-weight: bold;
}

.success-popup .modal-footer button:hover {
    background-color: #45a049;
}

/* Animation for the popup */
@keyframes popup-appear {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Animation for the circle */
@keyframes circle-appear {
    to {
        opacity: 1;
    }
}

/* Animation for the checkmark */
@keyframes checkmark-appear {
    to {
        opacity: 1;
        transform: scale(1.2);
    }
}

.success-popup .modal-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 400px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
    opacity: 0;
    transform: scale(0.5);
    animation: popup-appear 0.6s ease-out forwards;
}

.success-popup .circle-background {
    width: 100px;
    height: 100px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    position: relative;
}

.success-popup .circle {
    width: 75px;
    height: 75px;
    background-color: #4CAF50;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    opacity: 0;
    animation: circle-appear 0.5s ease-out 0.2s forwards;
}

.success-popup svg.checkmark {
    width: 60px;
    height: 60px;
    opacity: 0;
    transform: scale(0);
    animation: checkmark-appear 0.6s ease-out 0.4s forwards;
}

.success-popup .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.success-popup .modal-footer {
    padding-top: 0px !important;
    border: none;
}



div#platform_id_2Blh3ojk-4 {
    padding-top: 0px;
}

div#platform_id_2Blh3ojk-3 {
    padding-top: 0px;
}

div#platform_id_2Blh3ojk-2,
#platform_id_2Blh3ojk-3{
    min-height:30px
}

div#platform_id_2Blh3ojk-2 {
    display: flex !important;
    align-items: center !important;
}

button#platform_id_vsw3zkT {
    margin-right: 8px;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    background: transparent;
    color: #00B5BE;
    border: none;
    text-decoration: underline;
    cursor: pointer;
    padding-right: 0px;
}
#platform_id_9OwabeR div{
    padding-top:0px;
    padding-bottom:0px
}
#platform_id_2Blh3ojk-4 button:focus {
    border:none !important;
    outline: none;
    box-shadow:none !important;
}
div#platform_id_jKv2vXs-2,
#platform_id_jKv2vXs-3{
    min-height:32px;
    padding-top:0px;
    padding-bottom: 0px;
}
#platform_id_jKv2vXs{
     padding-top:0px;
}

select#platform_id_glLnQIze {
    font-size: 12px;
    margin-bottom: 2px;
    border: none;
    border-radius: 4px !important;
    background: transparent !important;
    color: #fff;
    font-weight: 500;
    position: absolute;
    top: -4px;
    background-color: transparent !important;
}

div#platform_id_sXC6di4Q {
    position: relative;
}
select#platform_id_glLnQIze:focus{
    box-shadow:none;
}
#platform_id_glLnQIze option{
background: transparent;
    color: #242121;
    font-weight: 500;
}

.d-flex .btn-sm{
    background-color:#00B5BE;
    border-color:#00B5BE;
}