.uk-card { margin: 50px; min-width: 20%; }
.uk-card > .uk-button { width: 100%; }
.uk-card > label > *, .uk-card > .uk-button  { margin: 10px; }
.uk-card > label > .uk-textarea { min-height: 200px; resize: vertical; }
iconify-icon { position: relative; top: 4px;}
#dark-mode-switch {
    border-radius: 30px;
    color: black;
    padding: 15px;
    margin: 10px;
    cursor: pointer;
    background-color: aliceblue;
}
.nav-el {
    margin-top: 18px;
    cursor: pointer;
}
.nav-el > p > iconify-icon {
    position: relative;
    top: 7px !important;
    font-size: 24px;
}
.uk-nav > li > a > iconify-icon { position: relative; top: 0px !important; font-size: 16px; }
#reports-dashboard-table iconify-icon, #clipper-dashboard-table iconify-icon, #seeds-dashboard-table iconify-icon { position: relative; top: 5px !important; font-size: 20px; }
#clipper-dashboard-table, #seeds-dashboard-table { display: none; }
#server-nav {
    position: absolute;
    left: 10px !important;
    bottom: 20px !important;
    background-color: whitesmoke;
    border-radius: 30px;
    padding: 17px;
}
#server-nav > iconify-icon {
    font-size: 24px;
}
#logs_table_body > tr > td > button {
    padding: 3px;
}
.pointer { cursor: pointer; }
#builder_progress, #builder_progress_percentage {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px;
}
#builder_progress_percentage {
    position: fixed;
    bottom: -4px;
    left: -10%;
    z-index: 1;
    color: aliceblue;
}
#builder_progress {
    bottom: -20px;
    border-radius: 0%;
}
button:disabled {
    color: whitesmoke !important;
    background-color: #c6c6c6 !important;
}
button > iconify-icon { font-size: 20px; }
label[for^=pypi_], #fake_messagebox_caption_label, #fake_messagebox_text_label {
    display: none;
}
#auto_keylogger_label, #resident_method_label, #clipper_setup, #clipper_label { display: none; }


#clipper_setup > div {
    display: flex;
    align-items: center; 
}

#clipper_setup > div iconify-icon {
    margin-right: 10px;
    font-size: 28px;
    top: 0px;
    transition: ease-in-out 100ms;
}
#clipper_setup > div iconify-icon:hover {
    font-size: 30px;
    margin-top: -1px;
    margin-right: 8px;
    transition: ease-in-out 100ms;
}
#custom_c2 { min-width: 70%; padding: 10px; }
label[for="custom_c2"] { margin: 0.3px; }
label[for="custom_c2"] > button { padding: 1px; }
label[for="custom_c2"] > button > iconify-icon { font-size: 20px; }