.userin-dashboard{
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
    /* control space padding and margin */
    margin: 0.3em;
    padding: 0.5em;
}

.user-dashboad-header{
    /* control font */
    font-size: 1.2em;
    font-weight: 600;
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.getcreateanordernow{
    /* control background and color */
    color: blue;
    /* control font */
    font-size: 1.1em;
    /* control space padding and margin */
    margin: 1em;
}

.ordernow{
    /* control display and alignment */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ordernow a button{
    /* control space padding and margin */
    padding: 0.4em;
    /* control font */
    font-size: 1.1em;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
    /* control background and color */
    background-color: white;
    color: black;
    /* control pointer */
    cursor: pointer;
}


/* For createorder */
.createanordernow{
    /* control space padding and margin */
    margin: 0.3em;
}

.createorderheader{
    /* control font */
    font-size: 1.2em;
    /* control space padding and margin */
    margin: 0.2em;
}

.ordercreate{
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
    /* control space padding and margin */
    padding: 0.5em;
}

#ordertypeselector{
    /* control width andheight */
    width: 95%;
    height: 25px;
    /* control background and color */
    background-color: white;
    color: black;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
}

.contactphone,
.contactemail{
    /* control font */
    font-size: 1em;
    /* control space padding and margin */
    margin-top: 0.4em;
    
}

.ordercontactinput{
    /* control background and color */
    background-color: white;
    color: black;
    /* control width and height */
    height: 24px;
    width: 95%;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
}

.createordernotes{
    /* control space padding and margin */
    margin-top: 0.4em;
}

#createorderidea{
    /* control width and height */
    width: 300px;
    height: 100px;
    /* control background and color */
    background: white;
    color: black;
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
}

.createsubmit{
    /* control space padding and margin */
    margin-top: 0.4em;
}

.ordersubmitnow{
    /* control border property */
    border: 1px solid gray;
    border-radius: 3px;
    /* control background and color */
    background-color: white;
    color: black;
    /* control space padding and margin */
    padding: 0.4em;
    /* control font */
    font-size: 1em;
    /* control pointer */
    cursor: pointer;
}

.error-creation-order{
    /* control background and color */
    background-color: white;
    color: red;
    /* control space padding and margin */
    margin: 0.3em;
    padding: 0.3em;
    /* control border property */
    border: 1px solid #969595;
    border-radius: 3px;
    /* control font */
    font-size: 0.7em;
}


.order-creation-successfully{
    /* control background and color */
    background-color: greenyellow;
    color: blue;
    /* control space padding and margin */
    margin: 0.3em;
    padding: 0.3em;
    /* control border property */
    border: 1px solid #969595;
    border-radius: 3px;
    /* control font */
    font-size: 0.7em;
}