/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.card-body {
    padding: 0.25rem !important;
}

.sss-button {
    width: 30px !important;
}

.sss-content {
    font-size: 14px !important;
    margin: 10px;
}

.sss-content h4 {
    font-size: 14px !important;
    font-weight: bold !important;
    margin-top: 20px;
}

.sss-content h3 {
    font-size: 16px !important;
    margin-top: 30px;
    text-decoration: underline;
    padding-bottom: 5px;
    font-weight: bold !important;
}

#dropzone-external {
    width: 200px;
    height: 45px;
    background-color: rgba(183, 183, 183, 0.1);
    border-width: 2px;
    border-style: dashed;
    padding: 10px;
}

.dx-treeview-item .dx-treeview-item-content > .dx-icon {
    font-size: 15px !important;
}

.dx-datagrid-headers .dx-texteditor-input, .dx-datagrid-rowsview .dx-texteditor-input {
    min-height: auto !important;
}

.dx-context-menu .dx-menu-item {
    font-size: 10px !important;
}

.dx-treeview .dx-treeview-toggle-item-visibility:before {
    font: "normal normal normal FontAwesome";
    content: '\f010';
    font-size: 15px;
    font-weight: bold
}

@media print {
    /* Hide everything in the body when printing... */
    body.printing * {
        display: none;
    }
    /* ...except our special div. */
    body.printing #print-me {
        display: block;
    }
}

@media screen {
    /* Hide the special layer from the screen. */
    #print-me {
        display: none;
    }
}

.dx-treeview .dx-treeview-toggle-item-visibility.dx-treeview-toggle-item-visibility-opened:before {
    font: "normal normal normal FontAwesome";
    content: '\f016';
    font-size: 15px;
    font-weight: bold
}

a .navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.dx-theme-background-color {
    background-color: #eaeaea !important;
    fill: #eaeaea !important;
}

a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

body, html {
    margin: 0;
    min-height: 100%;
    height: 100%;
    font-size: 10px !important;
}

.dx-widget {
    font-size: 10px !important;
}

.dx-card {
    padding: 3px 10px !important;
    /*overflow: auto;*/
}

#app-side-nav-outer-toolbar {
    flex-direction: column;
    display: flex;
    height: 100%;
    width: 100%;
}

.dx-fileuploader-file-status-message {
    /*height: 50px !important;*/
    height: 70% !important;
    color: indianred;
}

.dx-fileuploader-input-container {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    min-width: 300px;
}

.dx-list-item-content, .dx-lookup-field {
    font-size: 10px !important;
}

.layout-header {
    flex: 0 0 auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    position: relative;
    z-index: 1501;
}

.dx-drawer-panel-content {
    width: 220px !important;
}

.dx-treeview-item .dx-treeview-item-content span {
    font-size: 10px !important;
    text-transform: uppercase;
}

.dx-scrollbar-horizontal {
    height: 20px !important;
}

    .dx-scrollbar-horizontal .dx-scrollable-scroll {
        height: 20px !important;
    }

.dx-scrollbar-vertical {
    width: 20px !important;
    min-height: 40px !important;
}

    .dx-scrollbar-vertical .dx-scrollable-scroll {
        width: 20px !important;
        min-height: 40px !important;
    }

.main-container {
    border-radius: 2px;
    background-color: white;
}

.dx-toolbar .dx-toolbar-item.menu-button {
    width: 60px;
    text-align: center;
    padding: 0;
}

    .dx-toolbar .dx-toolbar-item.menu-button > .dx-toolbar-item-content .dx-icon {
        color: #35baf6;
    }

.dx-card {
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
    border-radius: 4px;
    background-color: #fff;
    margin: 2px 2px 3px;
}

    .dx-card.wide-card {
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
        border-right: 0;
        border-left: 0;
    }

.with-footer > div > div > .dx-scrollable-content {
    height: 100%;
}

    .with-footer > div > div > .dx-scrollable-content > .dx-scrollview-content {
        display: flex;
        flex-direction: column;
        min-height: 100%;
    }

.layout-body {
    background-color: #f2f2f2;
    flex: 1;
    height: 100%;
    min-height: 0;
}

    .layout-body .menu-container {
        height: 100%;
        width: 220px;
    }

    .layout-body .content {
        flex-grow: 1;
        height: 100%;
        line-height: 1.5;
        padding: 0 4px;
    }

        .layout-body .content h2 {
            font-size: 30px;
            font-weight: 300;
            letter-spacing: -.5px;
        }

    .layout-body .content-block {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 20px;
    }

    .layout-body .content-footer {
        display: block;
        color: rgba(0,0,0,.609);
        border-top: 1px solid rgba(0,0,0,.1);
        padding-top: 20px;
        padding-bottom: 24px;
    }

    .layout-body .responsive-paddings {
        padding: 20px;
    }

.layout-body-hidden {
    visibility: hidden;
}

@media screen and (min-width: 600px) {
    .layout-body .content-block {
        margin-left: 40px;
        margin-right: 40px;
    }
}

@media screen and (min-width: 1280px) {
    .layout-body .responsive-paddings {
        padding: 40px;
    }
}

.menu-container .dx-widget {
    color: #333;
    font-weight: 700;
    font-size: 14px;
    font-family: Roboto,RobotoFallback,Helvetica,Arial,sans-serif;
    line-height: 24px;
}

.menu-container .dx-treeview {
    white-space: nowrap;
}

    .menu-container .dx-treeview .dx-treeview-item {
        padding-left: 0;
        padding-right: 0;
    }

        .menu-container .dx-treeview .dx-treeview-item .dx-icon {
            width: 40px !important;
            margin: 0 !important;
        }

    .menu-container .dx-treeview .dx-treeview-node {
        padding: 0 0 !important;
    }

    .menu-container .dx-treeview .dx-treeview-toggle-item-visibility {
        right: 10px;
        left: auto;
    }

    .menu-container .dx-treeview .dx-rtl .dx-treeview-toggle-item-visibility {
        left: 10px;
        right: auto;
    }



    .menu-container .dx-treeview .dx-treeview-node[aria-level="2"] .dx-treeview-item-content {
        font-weight: normal;
        /* padding: 0 10px;*/
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item {
        background-color: #359ff6;
        color: #fff;
    }

        .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected:not(.dx-state-focused) > .dx-treeview-item * {
            background-color: #359ff6;
            color: #fff;
        }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected > .dx-treeview-item * {
        color: indianred;
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node.dx-state-selected.dx-state-focused > .dx-treeview-item * {
        color: #fff;
    }

    .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover {
        background-color: #35baf6;
        color: #fff !important;
    }

        .menu-container .dx-treeview .dx-treeview-node-container .dx-treeview-node:not(.dx-state-focused) > .dx-treeview-item.dx-state-hover * {
            color: #fff !important;
            background-color: #35baf6;
        }

.dx-swatch-additional .dx-treeview-item-without-checkbox.dx-state-focused > .dx-treeview-item {
    background-color: #35baf6;
    color: #fff;
}

.dx-datagrid .dx-row > td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    font-size: 10px !important;
    line-height: 14px !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: 1px solid #e0e0e0;
    padding-top: 12px;
    padding-bottom: 12px;
    line-height: 14px !important;
    font-weight: 500;
    font-size: 11px !important;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
    padding-top: 1px !important;
}

.dx-editor-cell .dx-texteditor .dx-texteditor-input {
    background: rgba(255,255,255,0);
    font-size: 13px;
    height: inherit !important;
    line-height: inherit !important;
    margin-top: 0;
}

.dx-layout-manager .dx-field-item {
    font-size: 10px !important;
}

.dx-texteditor-input {
    margin: 0;
    background-color: transparent;
    color: rgba(0,0,0,.87);
    font-size: 10px !important;
}

.dx-field-item-content:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs) {
    padding: 0px !important;
}

.dx-theme-material-typography .dx-swatch-additional, .dx-theme-material-typography.dx-swatch-additional {
    background-color: transparent;
    color: #333;
    padding-left: 2px;
}

.dx-swatch-additional .dx-treeview-toggle-item-visibility {
    color: #333;
}

#edLeftMenu {
    background-color: #fff;
    -webkit-box-shadow: 0px 1px 13px -7px #000000, inset 1px 1px 7px -3px rgb(51 51 51 / 0%), 1px 1px 1px -8px rgba(85,85,85,0.54);
    box-shadow: 0px 1px 13px -7px #000000, inset 1px 1px 7px -3px rgb(51 51 51 / 0%), 1px 1px 1px -8px rgb(85 85 85 / 54%);
    margin: 0 2px 1px 1px;
}

@media screen and (max-width: 768px) {
    .dxDataGrid,
    .dxForm {
        width: 100%; /* Mobilde tam genişlik kaplamasını sağla */
    }

    .flex-container {
        flex-direction: column; /* Mobilde sütun düzenine geç */
        align-items: center;
    }

    .flex-item {
        width: 100%; /* Küçük ekranlarda tam genişlik al */
    }
}
/* Varsayılan olarak PC ve geniş ekranlar için */
.dxDataGrid,
.dxForm {
    width: 80%; /* PC'de genişliği %80 yap */
    margin: 0 auto; /* Ortalamak için */
    height: calc(100vh - 150px);
}

.flex-container {
    display: flex;
    flex-direction: row; /* PC'de yatay düzen */
    justify-content: space-between;
}

.flex-item {
    width: 45%; /* PC'de öğeler yarı genişlikte */
    height: 400px;
}

#gridGate, #gridGateLine {
    overflow-x: auto; /* Yatay kaydırma ekler */
    max-height: 380px; /* Grid'in yüksekliğini kısıtlarız, yükseklik mobilde küçük tutulabilir */
    width: 100%; /* Ekran genişliğine tam uyum sağlar */
}

/* Mobilde daha uygun kaydırma eklemek */
@media (max-width: 768px) {
    .dx-card {
        width: 100%; /* Mobilde kartlar tam genişlikte olacak */
    }

    #gridGate, #gridGateLine {
        overflow-x: auto; /* Yatay kaydırma ekler */
        max-height: 250px; /* Daha küçük yükseklik mobilde */
    }
}

@media (max-width: 576px) {
    #gridGate, #gridGateLine {
        max-height: 200px;
    }
}

@media (max-width: 768px) {
    .dx-card {
        width: 100% !important; /* Kartları mobilde tam genişlik yap */
        overflow-x: auto; /* Yatay kaydırma sağla */
    }

    #edReport, #edReportDetail {
        width: 100%;
        overflow-x: auto; /*İçerik genişse kaydırma sağla */
        white-space: nowrap;
    }

    .dx-datagrid {
        max-width: 100% !important; /* Grid’in ekran genişliğine sığmasını sağla */
        overflow-x: auto; /* Taşma olursa kaydır */
        /*height: 100% !important;*/
    }

    /* Flex container düzeni */
    .grid-container {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
        width: 100%;
    }

    /* Grid item (her iki grid için ortak stil) */
    .grid-item {
        overflow-x: auto;
        white-space: nowrap;
    }

    #edReport {
        width: 45%; /* Büyük ekranlar için */
        flex-grow: 1;
    }

    /*#edReportDetail {
        width: 29.7%;*/ /* Büyük ekranlar için */
    /*flex-grow: 1;*/
}

/* Küçük ekranlar için responsive düzenleme */
@media (max-width: 1024px) {
    .grid-container {
        flex-direction: column; /* Gridler üst üste gelsin */
        gap: 20px; /* Üst üste gelince boşluk artırılabilir */
    }

    /*#edReport, #edReportDetail {
            width: 100%;*/ /* Gridlerin her biri tam genişlik alır */
    /*}*/
}

.rzvedit-buttons-group {
    display: flex;
    width: 100%;
    justify-content: end;
    margin-top: 20px;
}

.rzvedit-buttons-group .dx-item-content {
    gap: 10px;
}

.dx-field-item-label-text {
    font-size: 12px;
    color: #666;
}

#rzvEditForm .dx-texteditor-input {
    color: #333 !important;
}

#rzvEditForm .dx-state-disabled.dx-widget {
    opacity: 0.8 !important;
}