|
div.app-flex-container { |
|
display: flex; |
|
align-items: left; |
|
} |
|
|
|
div.app-flex-container > img { |
|
margin-right: 6px; |
|
} |
|
|
|
div.dl1 div.upload-container { |
|
height: 350px; |
|
max-height: 350px; |
|
} |
|
|
|
div.dl2 { |
|
max-height: 200px; |
|
} |
|
|
|
div.dl2 img { |
|
max-height: 200px; |
|
} |
|
|
|
.submit { |
|
display: inline-block; |
|
padding: 10px 20px; |
|
font-size: 16px; |
|
font-weight: bold; |
|
text-align: center; |
|
text-decoration: none; |
|
cursor: pointer; |
|
border: var(--button-border-width) solid var(--button-primary-border-color); |
|
background: var(--button-primary-background-fill); |
|
color: var(--button-primary-text-color); |
|
border-radius: 8px; |
|
transition: all 0.3s ease; |
|
} |
|
|
|
.submit[disabled] { |
|
cursor: not-allowed; |
|
opacity: 0.6; |
|
} |
|
|
|
.submit:hover:not([disabled]) { |
|
border-color: var(--button-primary-border-color-hover); |
|
background: var(--button-primary-background-fill-hover); |
|
color: var(--button-primary-text-color-hover); |
|
} |
|
|
|
.clear { |
|
display: inline-block; |
|
padding: 10px 20px; |
|
font-size: 16px; |
|
font-weight: bold; |
|
text-align: center; |
|
text-decoration: none; |
|
cursor: pointer; |
|
border-radius: 8px; |
|
transition: all 0.3s ease; |
|
} |
|
|
|
.clear[disabled] { |
|
cursor: not-allowed; |
|
opacity: 0.6; |
|
} |
|
|
|
.submit:active:not([disabled]), .clear:active:not([disabled]) { |
|
transform: scale(0.98); |
|
} |