html,
body {
height: 100%;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
a,
.btn-link {
color: #006bb7;
}
.btn-primary {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
.content {
padding-top: 0 !important;
/* Üst boşluk tamamen kaldırıldı */
}
h1:focus {
outline: none;
}
.valid.modified:not([type=checkbox]) {
outline: 1px solid #26b050;
}
.invalid {
outline: 1px solid #e50000;
}
.validation-message {
color: #e50000;
}
.blazor-error-boundary {
background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC46NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUy.Nzk4NSAyNjAuNDA3IDUyLjI2NjgC2YxLjIgNTEuNDgzNyAyNjIuMjk2IDUxIDI2My41MDYgNTFaTTI2My41ODYgNjYuMDE4M0MyNjAuNzM3IDY2LjAxODMgMjU5LjMxMyA2Ny4xMjQ1IDI1OS4zMTMgNjkuMzM3IDI1OS4zMTMgNjkuNjEwMiAyNTkuMzMyIDY5Ljg2MDggMjU5LjM3MSA3MC4wODg3TDI2MS45NzUgODQuMDE2MSAyNjUuMzggODQuMDE2MSAyNjcuODIxIDY5Ljc0NzVDMjY3Ljg2IDY5LjczMDkgMjY3Ljg3OSA2OS41ODc3IDI2Ny44NzkgNjkuMzE3OSAyNjcuODc5IDY3LjExODIgMjY2LjQ0OCA2Ni4wMTgzIDI2My41ODYgNjYuMDE4M1pNMjYzLjU3NiA4Ni4wNTQ3QzI2MS4wNDkgODYuMDU0NyAyNTkuNzg2IDg3LjMwMDUgMjU5Ljg2IDg5Ljc5MjEgMjU5Ljc4NiA5Mi4yODM3IDI2MS4wNDkgOTMuNTI5NSAyNjMuNTc2IDkzLjUyOTUgMjY2LjExNiA5My4yODM3IDI2Ny4zODcgOTIuMjgzNyAyNjcuMzg3IDg5Ljc5MjEgMjY3LjM4NyA4Ny4zMDA1IDI2Ni4xMTYgODYuMDU0NyAyNjMuNTc2IDg2LjA1NDdaIiBmaWxsPSIjRkZFNTAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9zdmc+=) no-repeat 1rem/1.8rem, #b32121;
padding: 1rem 1rem 1rem 3.7rem;
color: white;
}
.blazor-error-boundary::after {
content: "An error has occurred."
}
.darker-border-checkbox.form-check-input {
border-color: #929292;
}
.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
color: var(--bs-secondary-color);
text-align: end;
}
.form-floating>.form-control-plaintext:focus::placeholder,
.form-floating>.form-control:focus::placeholder {
text-align: start;
}
.wms-dashboard {
display: flex;
flex-direction: column;
align-items: center;
padding: 0.5rem 0;
/* Ãœst ve alt boÅŸluklar eÅŸit (0.5rem) */
width: 100%;
margin: 0 auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.wms-header {
width: 100%;
text-align: left;
margin-bottom: 0.5rem;
/* Azaltıldı */
padding: 0 1rem;
}
.wms-title {
font-size: 1.25rem;
/* h5 size, Via WMS ile eÅŸit */
font-weight: bold;
color: #1a365d;
margin: 0;
}
.wms-logo-container {
display: flex;
justify-content: center;
margin-bottom: 3rem;
}
.wms-logo {
display: flex;
flex-direction: column;
align-items: center;
}
.v-logo {
position: relative;
color: #cc0000;
font-style: italic;
font-weight: 900;
font-size: 6rem;
line-height: 1;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.v-year {
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
font-size: 1rem;
color: #000;
font-weight: 900;
font-style: normal;
background-color: white;
padding: 0 4px;
}
.viasoft-text {
margin-top: 10px;
font-size: 1.5rem;
font-weight: 900;
color: #aa0000;
letter-spacing: 2px;
}
.wms-menu-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
width: 100%;
padding: 0 15px;
}
.wms-btn {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
border-radius: 12px;
color: white;
text-decoration: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.1s, box-shadow 0.1s;
cursor: pointer;
}
.wms-btn:active {
transform: scale(0.96);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.icon-large {
font-size: 3rem;
margin-bottom: 10px;
}
.btn-text {
font-size: 1.2rem;
font-weight: 700;
}
/* Button Colors from the image */
.btn-mal-kabul {
background-color: #4caf50;
/* Green */
}
.btn-sevkiyat {
background-color: #f44336;
/* Red */
}
.btn-sayim {
background-color: #ff9800;
/* Orange */
}
.btn-transfer {
background-color: #2196f3;
/* Blue */
}
.wms-btn:hover {
color: white;
opacity: 0.9;
}
.btn-alis-irsaliye {
background-color: #4caf50;
}
.btn-alis-iade {
background-color: #f44336;
}
.btn-tanimlamalar {
background-color: #9c27b0;
}
body {
overflow-x: hidden;
}
.wms-dashboard {
box-sizing: border-box;
width: 100%;
max-width: 100vw;
}
.btn-text {
font-size: clamp(0.9rem, 4vw, 1.2rem);
text-align: center;
line-height: 1.2;
word-break: break-word;
hyphens: auto;
}
.wms-btn {
padding: 5px;
box-sizing: border-box;
}
.wms-action-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 10px 15px;
background-color: #ffffff;
border-top: 1px solid #e0e0e0;
z-index: 99;
}
.has-footer .wms-action-bar {
bottom: 40px;
}
@media (min-width: 768px) {
.wms-action-bar {
width: 480px;
left: 50% !important;
right: auto !important;
transform: translateX(-50%);
border-left: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
}
}
.btn-wms-action {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 8px;
height: 44px;
padding: 0 10px;
border-radius: 6px;
color: white !important;
text-decoration: none;
font-weight: bold;
font-size: 1rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: transform 0.1s;
border: none;
}
.btn-wms-action:active {
transform: scale(0.96);
}
.btn-wms-action i {
font-size: 1.2rem;
line-height: 1;
margin: 0;
}
.btn-wms-action span {
line-height: 1;
margin: 0;
}
.btn-wms-back {
background-color: #4caf50;
}
.btn-wms-home {
background-color: #2196f3;
}
/* WMS Touch Grid Styling for El Terminali */
.wms-touch-grid td,
.wms-touch-grid th,
.wms-touch-grid .dxbs-table>tbody>tr>td,
.wms-touch-grid .dxbs-table>thead>tr>th {
padding-top: 4px !important;
padding-bottom: 4px !important;
font-size: 1rem !important;
vertical-align: middle !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
.wms-touch-grid td *,
.wms-touch-grid th * {
white-space: nowrap !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
}
/* WMS Tabs Styling for El Terminali */
.wms-tabs .nav-link {
font-size: 1.6rem !important;
/* Daha büyük ve kalın punto */
font-weight: 800 !important;
/* Ekstra bold */
padding: 12px 18px !important;
}
.wms-tab-header {
display: flex;
align-items: center;
gap: 8px;
}
.wms-tab-header i {
font-size: 1.8rem !important;
/* İkon boyutu da büyütüldü */
}
/ * W M S M o b i l e L o o k u p O v e r l a y * /
. w m s - m o b i l e - l o o k u p - o v e r l a y {
p o s i t i o n : f i x e d ;
t o p : 0 ;
l e f t : 0 ;
w i d t h : 1 0 0 v w ;
h e i g h t : 1 0 0 v h ;
b a c k g r o u n d - c o l o r : v a r ( - - b s - b o d y - b g , # f f f ) ;
z - i n d e x : 1 0 5 0 ;
d i s p l a y : f l e x ;
f l e x - d i r e c t i o n : c o l u m n ;
}
. w m s - l o o k u p - h e a d e r {
d i s p l a y : f l e x ;
j u s t i f y - c o n t e n t : s p a c e - b e t w e e n ;
a l i g n - i t e m s : c e n t e r ;
p a d d i n g : 1 r e m ;
b o r d e r - b o t t o m : 1 p x s o l i d v a r ( - - b s - b o r d e r - c o l o r , # d e e 2 e 6 ) ;
b a c k g r o u n d - c o l o r : v a r ( - - b s - b o d y - b g , # f f f ) ;
}
. w m s - l o o k u p - h e a d e r h 5 {
m a r g i n : 0 ;
f o n t - w e i g h t : 6 0 0 ;
}
. w m s - l o o k u p - b o d y {
f l e x : 1 ;
o v e r f l o w : h i d d e n ;
d i s p l a y : f l e x ;
f l e x - d i r e c t i o n : c o l u m n ;
}
. w m s - l o o k u p - f o o t e r {
d i s p l a y : f l e x ;
j u s t i f y - c o n t e n t : s p a c e - b e t w e e n ;
p a d d i n g : 1 r e m ;
b o r d e r - t o p : 1 p x s o l i d v a r ( - - b s - b o r d e r - c o l o r , # d e e 2 e 6 ) ;
b a c k g r o u n d - c o l o r : v a r ( - - b s - b o d y - b g , # f f f ) ;
}
/ * W M S F u l l S c r e e n P o p u p * /
. w m s - f u l l s c r e e n - p o p u p {
p a d d i n g - r i g h t : 0 ! i m p o r t a n t ;
}
. w m s - f u l l s c r e e n - p o p u p . m o d a l - d i a l o g {
m a x - w i d t h : 1 0 0 % ! i m p o r t a n t ;
m a r g i n : 0 ! i m p o r t a n t ;
h e i g h t : 1 0 0 v h ! i m p o r t a n t ;
}
. w m s - f u l l s c r e e n - p o p u p . m o d a l - c o n t e n t {
b o r d e r : 0 ! i m p o r t a n t ;
b o r d e r - r a d i u s : 0 ! i m p o r t a n t ;
h e i g h t : 1 0 0 % ! i m p o r t a n t ;
}
. w m s - f u l l s c r e e n - p o p u p . m o d a l - b o d y {
p a d d i n g : 0 ! i m p o r t a n t ;
}
/* Tabpage baþlýklarýný gizle */
.wms-tabs .dx-tabs-header, .wms-tabs > .dx-tabs-header, .wms-tabs .nav-tabs, .wms-tabs [role='tablist'] { display: none !important; }