/*Vars*/
:root {
    /*Animation settings*/
    --animate-duration: 2000ms;
    --animate-delay: 1s;
}

#container {min-height: 100vh; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%);}
#div-login {min-height: 93vh;}
#income-articleform h5 {text-align: center; font-weight: bolder;}

.div-mainwithnavbar {min-height: calc(93vh - 56px); /*overflow: auto;*/}
.internal-menu {padding: 0.5rem 0;}
.form-group {margin-bottom: 0.7rem;}
.order-arrows {white-space: nowrap;}
.modal-content h6 {text-align: center; font-weight: bold;}
.card {width: 18rem;}

h2 {text-align: center; padding: 0.5rem 0;}
footer {height: 7vh; color: rgb(73, 73, 73); background-color: #282b2e; overflow: hidden;}
footer a {color: inherit;}

#div-web-product {border-style: solid; border-width: 1px; border-color: lightgray; padding: 1rem;}
#div-web-product div {border-style: solid; border-width: 1px; margin-bottom: 0.8rem;}
#div-web-product-sendchanges {text-align: center; border-style: none !important;}

#div-web-order {border-style: solid; border-width: 1px; border-color: lightgray; padding: 1rem;}
#div-web-order div {border-style: solid; border-width: 1px; margin-bottom: 0.8rem;}
#div-web-order-sync {text-align: center; border-style: none !important;}