/* maintenance.css - a css template for maintenance.html                                                             */

/* started - 19-May-2022                                                                                             */
/* author -- Geoffrey Jarman                                                                                         */

/* References:                                                                                                       */

/*         HTML & CSS for Beginners Part 22: How to create a basic layout - the CSS                                  */

/* Log Entries */

/*     19-May-2022 -- started                                                                                        */
/*     02-Oct-2023 -- add message styles                                                                             */
/*     14-Nov-2024 -- change resultsarea to results-textarea                                                         */
/*     28-May-2025 -- add fields for database item maintenance                                                       */
/*     18-May-2025 -- add filter field formatting                                                                    */
/*     19-Jun-2025 -- add global selector * and box-sizing                                                           */
/*     13-Jun-2025 -- add formatting for edits on categories, projects and users                                     */                                                           */
/*     06-Nov-2025 -- change filename from collectText.css to maintenance.csss                                     */                                                           */

*
*::before,
*::after
{
    box-sizing: border-box;
}

#heading-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: center;
}

#serverdate-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: left;
}

#serverdate-label
{
    margin-left: 287px;
}

#assignedto-label
{
    margin-left: 20px;
}

#scheduleaction-label
{
    margin-left: 10px;
}

#source-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: left;
}

#filtercategory-label
{
    margin-left: 10px;
}

#filterproject-label
{
    margin-left: 27px;
}

#filter-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: left;
}

#input-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: left;
}

#results-div
{
    width: 80%;
    margin: auto; 
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
}

#results-textarea
{
    width: 100%;
    margin: auto;
    background-color: lightgrey;
}

#textlist-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: left;
}

#dbmaint-div
{
    width: 80%;
    max-width: 800px;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    margin-left: 60px;
    text-align: left;
}

#maintheading-div
{
    width: 80%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: center;
}

#maintenancemode-label
{
    display: inline-block;
    width: 35px;
    text-align: right;
}

#dbid-div
{
    margin-bottom: 5px;
}

#dbid-label
{
    margin-right: 102px;
    margin-bottom:10px;
}

#dbid-input
{
}

#requiredfields-span
{
    display: inline-block;
    width: 350px;
    text-align: center;
}

#dbitem-div
{
    margin-bottom: 5px;
}

#dbitem-label
{
    margin-right: 54px;
    margin-bottom:10px;
}

#dbitem-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#dbcategory-div
{
    margin-bottom: 5px;
}

#dbcategoryid-label
{
    margin-right: 60px;
    margin-bottom:10px;
}

#dbcategoryid-input
{
}

#dbcategoryname-select
{
    display: inline-block;
    width: 120px;
    height: 22px;
    background-color: #FFFFE0;         // light yellow required field
    background-color: #FFFFE0;         // light yellow required field
}

#dbproject-div
{
    margin-bottom: 5px;
}

#dbprojectid-label
{
    margin-right: 73px;
    margin-bottom:10px;
}

#dbprojectid-input
{
}

#dbprojectname-select
{
    display: inline-block;
    width: 120px;
    height: 22px;
    background-color: #FFFFE0;         // light yellow required field
    background-color: #FFFFE0;         // light yellow required field
}

#dbcreatedon-div
{
    margin-bottom: 5px;
}

#dbcreatedon-label
{
    margin-right: 46px;
    margin-bottom:10px;
}

#dbcreatedon-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#dbcreatedby-div
{
    margin-bottom: 5px;
}

#dbcreatedby-label
{
    margin-right: 47px;
    margin-bottom:10px;
}

#dbcreatedbyid-input
{
}

#dbcreatedbyname-select
{
    display: inline-block;
    width: 170px;
    height: 22px;
    background-color: #FFFFE0;         // light yellow required field
}

#dblastchangedon-div
{
    margin-bottom: 5px;
}

#dblastchangedon-label
{
    margin-right: 8px;
    margin-bottom:10px;
}

#dblastchangedon-input
{
}

#dblastchangedby-div
{
    margin-bottom: 5px;
}

#dblastchangedby-label
{
    margin-right: 9px;
    margin-bottom:10px;
}

#dblastchangedbyId-input
{
}

#dblastchangedbyname-select
{
    display: inline-block;
    width: 170px;
    height: 22px;
}

#dbassignedto-div
{
    margin-bottom: 5px;
}

#dbassignedto-label
{
    margin-right: 40px;
    margin-bottom:10px;
}

#dbassignedtoid-input
{
}

#dbassignedtoname-select
{
    display: inline-block;
    width: 170px;
    height: 22px;
    background-color: #FFFFE0;         // light yellow required field
}

#dbscheduledfor-div
{
    margin-bottom: 5px;
}

#dbscheduledfor-label
{
    margin-right: 27px;
    margin-bottom:10px;
}

#dbscheduledfor-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#dbscheduleaction-div
{
    margin-bottom: 5px;
}

#dbscheduleaction-label
{
    margin-right: 14px;
    margin-bottom:10px;
}

#dbscheduleaction-select
{
    display: inline-block;
    width: 70px;
    height: 22px;
    background-color: #FFFFE0;         // light yellow required field
}

#dbcompletedon-div
{
    margin-bottom: 5px;
}

#dbcompletedon-label
{
    margin-right: 27px;
    margin-bottom:10px;
}

#dbcompletedon-input
{
}

#dbclosedon-div
{
    margin-bottom: 5px;
}

#dbclosedon-label
{
    margin-right: 52px;
    margin-bottom:10px;
}

#dbclosedon-input
{
}

#dbreschedulingperiods-label
{
    margin-right: 0px;
    margin-bottom:10px;
}

#dbreschedulingperiods-select
{
    display: inline-block;
    width: 60px;
    height: 22px;
}

#dbreschedulecount-input
{
}

#dbrescheduledate-input
{
}

#dbsortcode-div
{
    margin-bottom: 5px;
}

#dbsortcode-label
{
    margin-right: 56px;
    margin-bottom:10px;
}

#dbsortcode-input
{
}

#dbcoparty-div
{
    margin-bottom: 5px;
}

#dbcoparty-label
{
    margin-right: 68px;
    margin-bottom:10px;
}

#copartyid-input
{
}

#copartyinitials-input
{
}

#dbcopartyname-select
{
    display: inline-block;
    height: 22px;
    width: 170px;
}

#dbbirthday-div
{
    margin-bottom: 5px;
}

#dbbirthdate-label
{
    margin-right: 52px;
    margin-bottom:10px;
}

#dbbirthdate-input
{
}

#categorylist-div
{
}

#categorybuttons-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: center;
}

#category-div
{
}

#categoryedit-div
{
    margin-bottom: 5px;
    margin-left: 38px;
    text-align: left;
}

#categoryid-div
{
    margin-bottom: 5px;
}

#categoryid-label
{
    margin-right: 30px;
}

#categoryid-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#categoryeditmessage-span
{
    margin-left: 82px;
    margin-right: 82px;
}

#categoryeditmode-select
{
    background-color: #FFFFE0;         // light yellow required field
}

#categoryname-div
{
    margin-bottom: 5px;
}

#categoryname-label
{
    margin-right: 10px;
}

#categoryname-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#categorystart-div
{
    margin-bottom: 5px;
}

#categorystart-label
{
    margin-right: 17px;
}

#categorystart-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#categoryend-div
{
    margin-bottom: 5px;
}

#categoryend-label
{
    margin-right: 22px;
}

#categoryend-input
{
}

#projectmaintenance-div
{
}

#project-div
{
}

#projectedit-div
{
    margin-left: 38px;
    text-align: left;
}

#projectid-div
{
    margin-bottom: 5px;
}

#projectid-label
{
    margin-right: 50px;
}

#projectid-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#projecteditmessage-span
{
    margin-left: 82px;
    margin-right: 82px;
}

#projecteditmode-select
{
    background-color: #FFFFE0;         // light yellow required field
}

#projectname-div
{
    margin-bottom: 5px;
}

#projectname-label
{
    margin-right: 29px;
}

#projectname-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#projectopened-div
{
    margin-bottom: 5px;
}

#projectopened-label
{
    margin-right: 43px;
}

#projectopened-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#projectclosed-div
{
    margin-bottom: 5px;
}

#projectclosed-label
{
    margin-right: 47px;
}

#projectbuttons-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: center;
}

#user-div
{
}

#useredit-div
{
    margin-bottom: 5px;
    text-align: left;
    margin-left: 38px;
}

#userid-div
{
    margin-bottom: 5px;
}

#userid-label
{
    margin-right: 60px;
}

#userid-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#usereditmessage-span
{
    margin-left: 82px;
    margin-right: 82px;
}

#usereditmode-select
{
    background-color: #FFFFE0;         // light yellow required field
}

#username-div
{
    margin-bottom: 5px;
}

#username-label
{
    margin-right: 38px;
}

#username-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#userstart-div
{
    margin-bottom: 5px;
}

#userstart-label
{
    margin-right: 18px;
}

#userstart-input
{
    background-color: #FFFFE0;         // light yellow required field
}

#userend-div
{
    margin-bottom: 5px;
}

#userend-label
{
    margin-right: 22px;
}

#userinits-label
{
    margin-right: 65px;
}

#userbuttons-div
{
    width: 90%;
    margin: auto;
    margin-top:10px;
    margin-bottom:10px;
    max-width: 800px;
    text-align: center;
}

#message-div
{
    width: 80%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 5px;
    max-width: 800px;
    text-align: left;
}

#message-div
{
    width: 80%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 5px;
    max-width: 800px;
    text-align: left;
}

#message-label
{
    display: inline-block;
    width: 80px;
}

#message-input
{
    width: 80%;
    background-color: gainsboro;
    border-width: 1px;
}

#help-div
{
    width: 80%;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 5px;
    max-width: 800px;
    text-align: left;
    display: none;
}