/* Stylesheet for CSS for photo album query box */

.formbox {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-rows: max-content;
    background-color: #add8e6;
    border: thin black solid;
    margin: auto;
    padding: 5px;
    width: 22em;
    border-radius: 15px;
    gap: 5px;
}

.center-column {
    display: grid;
    align-items: enter;
    justify-content: center;
}

/* center the form in the formbox */

.formbox div {
    /* The DIVs under the formbox which is the GRID container.
     These DIVs are flexbox containers to allow centering the 
     elements in each row and column. */
    display: flex;
    align-items: center;
    background-color: #8dc8e6;
    padding: 4px /* 4px 0px 8px 5px;*/ ;
    font-size: 11px;
    /*  border: thin green dashed; */
    height: 1.3em;
    text-align: center;
}

.label {
    text-align: end !important;
}

.label1 {
    width: 2em;
}

.block {
    display: block !important;
}

.header {
    font-size: 14pt !important;
    font-weight: bold;
}

.three-lines-high {
    height: 3.25em !important;
}

.two-lines-high {
    height: 2em !important;
}

.two-wide {
    grid-column: 1/ span 2;
    justify-content: right;
}

.three-wide {
    grid-column: 1/ span 3;
}

.top {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 10px !important;
    justify-content: center;
}

.bottom {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 10px !important;
    justify-content: center;
}

.top-left {
    border-top-left-radius: 15px;
}

.top-right {
    border-top-right-radius: 15px;
}

.firstcolumn {
  text-align: right !important;
  justify-content: end;
    padding-right: 10px !important;
}

.submit {
    grid-column: 1 / span 3;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 8px !important;
}

input[type=input] {
    width: 10em;
}

input[type=submit] {
    border-width: 2px;
}

option {
    width: 10em;
}