/*  global style for text inputs and textareas */

input[type=text],
input[type=search],
input[type=password],
input[type=number],
input[type=email],
textarea
/* for input[type=submit] see buttons-dropdowns.css */
{
    background-color: #181818 !important;
    color: #eee !important;
    border: 0px !important;
    outline: none;
    padding: 0.5rem !important;
    border-radius: 0 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2) inset;
    outline: none;
}

/* groups of inputs */
fieldset{
    padding: 0 1rem;
}

/* dl seems to group a label and a text input */
fieldset dl{ display: flex; align-items: center; justify-content: flex-start; }

/* labels of e.g. text inputs in fieldsets */
fieldset dl label{ color: grey; }

fieldset dl:hover label{ color: #eee !important; }

/*  */
fieldset.fields1 dd{ margin-left: 0rem; }

fieldset.submit-buttons{ padding: 0.5rem 0 1rem 0; }

/* wrapper around textarea inputs */
div#message-box{  width: 98%; }
div.cp-main div#message-box{ width: 75%; }

/* input[type=checkbox] 
   not committing to this for the moment as it involves some dirty hacking and phpbb's dom structure is not necessarily laid out for it 
   @see https://www.w3schools.com/howto/howto_css_custom_checkbox.asp
*/

select{
    padding: 0.4rem;
    color: #eee;
    background-color: #181818;
    border: none
}