/*
    Utility Page style.
*/


#prepareAndDownloadForm ,
#mergeAndDownloadForm{
    background-color: #ffffff;
}

#prepareAndDownloadForm .jcf-select.jcf-unselectable,
#mergeAndDownloadForm .jcf-select.jcf-unselectable {
    width: 350px;
    margin-left: 20px;
    margin-bottom: 0;
    padding-right: 40px;
}

#prepareAndDownloadForm .choose-template,
#mergeAndDownloadForm .sound-set{
    display: flex;
    align-items: center;
}

.utility-description,
.choose-template,
.upload-xlsx,
.sound-set {
    margin: 20px 0;
}

.delay-input {
    padding : 8px 10px;
    margin-left: 16px;
    width: 12%;
}

div.empty-field {
    font-size: 15px;
    color: #ff0000;
}

.download-button,
.show-sounds {
    background-color: #9bc4d3;
    padding: 8px 25px;
    border-radius: 22px !important;
    font-size: 18px;
    border: none;
    font-weight: 700;
    text-decoration: none;
}

.sequences-input,
.download-button,
.show-sounds,
.delay-input,
.sound-lists {
    color : #000000;
    border-color: #000000;
    border-width: 1px;
}

.show-sounds {
    margin-left: 24px;
    background-color: #e4eaf9;
}

.download-button-container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.create-sound-sequences-steps {
    padding-inline-start: 0;
    list-style-position: inside;
}

.d-flex {
    display: flex;
}

.d-block {
    display: block;
}

.utility-header {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 1146px;
    margin-bottom: 24px;
}

.utility-header a {
    color: #1a212b;
}

.sequences-description {
    margin-bottom: 8px;
    display: block;
}

.merge-download-description {
    margin-bottom: 12px;
    margin-top: 42px;
}
.error-details {
    color: red;
    font-size: 12px;
}
#downloadPPTX {
    margin-left: 15px;
}

#convertNumberToWordForm .jcf-select {
    width: 50%!important;
}

#convertNumberToWordForm .download-button-container {
    padding-top: 30px;
}

#experimentCompilerForm .jcf-select {
    min-width: 585px!important;
}