body {
    text-align: center;
}

.hiddenMessageDialog {
    display:none;
    padding-top:10px;
}

.select2-dropdown, .select2-results__option, .select2-selection__placeholder, .black {
    color: black;
}

@media screen and (max-width: 1200px), screen and (max-height: 1000px){
    .recorder {
        max-width: 800px;
    }
}

@media screen and (max-width: 1100px), screen and (max-height: 800px){
    .recorder {
        max-width: 600px;
    }
}

@media screen and (max-width: 900px), screen and (max-height: 700px){
    .recorder {
        max-width: 500px;
    }
}

@media screen and (max-width: 700px), screen and (max-height: 600px){
    .recorder {
        max-width: 400px;
    }
}