/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 #update-form input[type="text"],
 #update-form select,
 #update-form textarea {
   width: 100%;
   /* Full width */
   padding: 12px;
   /* Some padding */
   border: 1px solid #ccc;
   /* Gray border */
   border-radius: 4px;
   /* Rounded borders */
   box-sizing: border-box;
   /* Make sure that padding and width stays in place */
   margin-top: 6px;
   /* Add a top margin */
   margin-bottom: 16px;
   /* Bottom margin */
   resize: vertical;
   /* Allow the user to vertically resize the textarea (not horizontally) */
 }
 
 /* Style the submit button with a specific background color etc */
 #update-form input[type="submit"],
 button#edit,
 button#update {
   background-color: #04aa6d;
   color: white;
   padding: 12px 20px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }
 
 button#delete {
   background-color: #f62c11;
   color: white;
   padding: 12px 13px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }
 
 /* When moving the mouse over the submit button, add a darker green color */
 #update-form input[type="submit"]:hover,
 #update-form button#edit:hover,
 #update-form button#update:hover {
   background-color: #45a049;
 }
 
 /* Add a background color and some padding around the form */
 .container {
   border-radius: 5px;
   background-color: #f2f2f2;
   padding: 20px;
 }
 
 #update-form label.error {
   color: #f62c11;
   font-size: 1rem;
   display: block;
   margin-top: -6px;
 }
 
 #update-form input.error,
 #update-form textarea.error {
   color: #f62c11;
   border: 1px solid;
 }
 #update-form label{
 text-transform: capitalize;
 }
 .header-display a.button {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
   text-decoration: none;
   color: #ffff !important;
   background: #0651ca !important;
   padding: 4px 10px !important;
 }