html {
    --button-border-radius: 5px;
    --input-border-radius: 5px
}

#header {
    height: 75px
    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.3);
    border: none;
}

.topbar-inner {
    padding-top: 5px; 
    padding-bottom: 0em;
    }
    
#main {
	min-height: calc(100vh - 75px - 55px - 1em);
}

.centered-wrapper.-large {
    min-height: calc(100vh - 75px - 55px - 1em);
}

.logged-in {
	font-size: 0.875em;
}

.logged-in figure {
	margin-bottom: 0 !important;
}

.wrapper__button-warehouse {
	max-width: 1000px;
}

.wrapper__button-warehouse button {
    display: grid;
    grid-template-columns: 50px 1fr;
    align-items: center;
    font-size: 2em;
    min-height: 70px;
    text-align: left;
    grid-gap: 1em;
    max-width: 1000px;
    background-color: transparent;
    background-image: linear-gradient(220deg, #629b36 30%, #4a7628 90%);
    border: none;
}

@media screen and (max-width: 460px) {
	.wrapper__button-warehouse button {
	font-size: 1.25em;
}
}

a.protected.logout:before {
	content: "\f08b";
	font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    padding-right: 0.25em;
    min-width: 50vw;
}

.wms input[type="text"],
.wms input[type="number"]{
    min-height: 46px;
    border-radius: var(--input-border-radius);
    border: var(--input-border-width) solid var(--input-border-color);
    padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit);
    min-width: 50vw;
}

.wms .react-date-picker input {
    min-height: 46px;
    border-radius: inherit;
    border: inherit;
    padding: inherit;
    min-width: auto;
}

.wms select {
    text-transform: none;
    min-height: 46px;
    border-radius: var(--input-border-radius);
    border: var(--input-border-width) solid var(--input-border-color);
    padding: calc(var(--base-spacing-unit) / 2) var(--base-spacing-unit);
    display: block;
}

.wms label {
    display: block;
    max-width: 100%;
    margin-bottom: var(--base-spacing-unit--xs);
    margin-top: 1em;
}

/*.back,*/
.btn__outline {
	padding: 0.4rem !important;
	margin-left: 0.5rem;
}

.camera__wrapper, .camera_wrapper, .po__wrapper{
	display: inline-grid;
}

button.btn.btn--secondary.btn__outline.camera {
    background: transparent;
    border: 2px solid var(--button-bg-2);
    color: var(--button-bg-2);
    border-radius: var(--button-border-radius);
    padding: var(--button-spacing);
    margin-bottom: var(--base-spacing-unit);
    margin-top: 2px;
    margin-left: 0;
}

.back:hover {
	background: var(--button-bg-2);
    border-color: var(--button-bg-2);
    color: var(--color-btn-text);
}

.submit {
	border: 1px solid #fff !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--color-brand);
}

#footer-sub .inside {
	max-height: 55px;
}