@import url('open.iconic/font/css/open-iconic-bootstrap.min.css');

html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

html, body {
    height: 100%;
    overflow: hidden;
}

.jobs-container {
    display: flex;
    justify-content: space-around;
}

.job-status {
    display: flex;
    flex-direction: column;
    width: 312px;
}

    .job-status ul {
        flex: 1;
    }

.div-readonly {
    pointer-events: none;
    opacity: 0.8;
}

.dropzone {
    padding: 30px;
    list-style: none;
    cursor: pointer;
    /* display: flex; */
    padding: 1.5rem;
    border-radius: 0.75rem;
    /* height: 100%; */
    margin: 0;
    text-decoration: none;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease-in-out;
    background-color: #f2f2f2;
}

.no-drop {
    border: 2px dashed red;
}

.float-right {
    float: right;
}

.font-weight-bold {
    font-weight: bold;
}

.can-drop {
    border: 2px dashed green;
}

.draggable {
    margin-bottom: 10px;
    padding: 10px 25px;
    border: 1px solid #424d5c;
    cursor: grab;
    background: #5c6b7f;
    color: #ffffff;
    border-radius: 5px;
    width: 250px;
}

    .draggable:active {
        cursor: grabbing;
    }

.dragging {
    cursor: grabbing;
}

.description {
    font-size: 13px;
}

.dxbl-text-edit {
    --dxbl-text-edit-focus-shadow-color: green; /* use a fixed value or another variable like \\\`--bs-green\\\` */
    --dxbl-text-edit-focus-border-color: green
}

.last-updated {
    margin-bottom: 0;
    font-size: 11px;
    color: #e1e5ea;
    font-weight: bold;
}

    .last-updated small {
        text-transform: uppercase;
        color: #c4cbd4;
        font-size: 11px;
    }

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

@media (max-width: 1024px) {
    .header-title-desktop {
        display: none
    }

    .header-title-mobile {
        display: block
    }
}

@media (min-width: 1025px) {
    .header-title-desktop {
        display: block
    }

    .header-title-mobile {
        display: none
    }
}

.money-text-right {
    text-align: right;
}

.percent-text-right {
    text-align: right;
}

.fs-075rem {
    font-size: 0.75rem;
}

.fs-060rem {
    font-size: 0.60rem;
}

.fs-7 {
    font-size: 0.8rem;
}

.fs-8 {
    font-size: 0.7rem;
}

.fs-9 {
    font-size: 0.6rem;
}

.fw-500 {
    font-weight: 500 !important;
}

.bg-container {
    background-color: #eceff8 !important;
}

.checkbox-inline-group {
    display: flex;
    flex-direction: row-reverse; /* Elementlerin sırasını ters çevirir */
    align-items: center; /* Elementleri dikey eksen üzerinde ortalar */
    justify-content: flex-end; /* Elementleri yatay eksen üzerinde sağa yaslar */
    gap: 10px; /* Label ve checkbox arasındaki boşluğu ayarlar */
}

.w-48 {
    width: 48% !important;
}

.check-inline-group-margin {
    margin-top: 23px !important;
}

.gantt-item-icon {
    color: var(--bs-primary) !important;
}

@media screen and (max-width: 575px) {
    .col-xs-1 {
        width: 8.33333333%;
    }

    .col-xs-2 {
        width: 16.66666667%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-4 {
        width: 33.33333333%;
    }

    .col-xs-5 {
        width: 41.66666667%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-7 {
        width: 58.33333333%;
    }

    .col-xs-8 {
        width: 66.66666667%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-10 {
        width: 83.33333333%;
    }

    .col-xs-11 {
        width: 91.66666667%;
    }

    .col-xs-12 {
        width: 100% !important;
    }
}

.partial-form {
    padding: 0.5rem;
    border-radius: 0.5rem !important;
    margin-bottom: 10px;
    text-decoration: none;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease-in-out;
    background-color: #ffffff;
    margin-left: 12px;
    margin-right: 12px; /* Sağ tarafta da boşluk bırakmak için */
    width: calc(100% - 24px) !important; /* Sağ ve sol marjinleri hesaba katarak genişliği ayarlamak için */
}

.custom-combobox .dxbl-text-edit-input {
    padding-left: 25px !important; /* İkon için yer açar */
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/> </svg>') no-repeat left center;
    background-size: 16px 16px; /* İkon boyutunu ayarlar */
    background-position: 5px center; /* İkonun pozisyonunu ayarlar */
}

.dxbl-dropdown-dialog.dxbl-edit-dropdown.HideDropDown {
    display: none !important;
}

.fixed-width-combobox {
    width: 100% !important;
}

.hide-dropdown-icon .dxbl-edit-btn-dropdown {
    display: none !important;
}

.dxbl-dropdown-body .dxbl-listbox-empty-data-item {
    display: none !important;
}

.solvo-drop-zone {
    padding: 0 !important;
    border-style: dashed !important;
    border-width: 2px !important;
    height: 170px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.password-container {
    position: relative;
    width: 100%;
}

.password-toggle-icon {
    position: absolute;
    cursor: pointer;
    font-size: 1.5rem;
    color: #888;
    top: 50%;
    z-index: 1;
    transform: translateX(-85%) translateY(-50%);
}


.single-upload-button {
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    width: 43px;
    height: 43px;
    -webkit-mask-image: url(../images/icons/drop-file.svg);
    mask-image: url(../images/icons/drop-file.svg);
    scale: 0.7
}

.fs-11 {
    font-size: 11px !important;
}

.fs-14 {
    font-size: 14px;
}

.delete-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0.15rem 0.4rem !important;
    font-size: 0.675rem !important;
    line-height: 1.5;
}

    .delete-button i {
        margin-right: 0.25rem; /* İkon ile metin arasındaki boşluğu ayarlayın */
    }

.dxbl-tabs-tablist {
    background-color: ghostwhite !important;
}

.mycard {
    border: 1px solid lightgray;
    list-style: none;
    padding: 1.5rem;
    border-radius: 0.3rem !important;
    margin: 0;
    text-decoration: none;
    box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.2s ease-in-out;
    background-color: #eceff8;
}

.demo-content .main > .content {
    padding: 0.5rem 0.5rem 0 !important;
}

.fixed-width-cell {
    text-align: center;
    width: 100% !important;
    display: inline-block !important;
    padding: 4px !important;
}

.dynamic-event-link {
    cursor: pointer;
}

.pointer {
    cursor: pointer;
}

.disabled-overlay {
    opacity: 0.5;
    pointer-events: none;
}

.toolbar-item-icon {
    color: var(--bs-primary) !important;
    font-size: large;
}

.hidden-row {
    display: none;
}

.order-summary-grid-container {
    height: 298px;
}

.business-item-relation-tab-grid-container {
    height: 298px !important;
}

.propasal-line-grid-container {
    height: 50vh;
}

.propasal-line-main-grid-container {
    height: 75vh;
}

.main-grid-contianer {
    height: 87vh;
    width: 550px;
}

.fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    z-index: 1030;
    background: white;
}

    .fullscreen .propasal-line-main-grid-container {
        height: 100vh !important;
    }

    .fullscreen .propasal-line-grid-container {
        height: 70vh !important;
    }

    .fullscreen .main-grid-contianer {
        height: 100vh !important;
    }

    .fullscreen .gant-container {
        height: 100vh !important;
    }

.fs-1-2 {
    font-size: 1.2rem !important;
}

.fs-1_5 {
    font-size: 1.5rem !important;
}

.btn-xs {
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    border-radius: 0.2rem;
}

.custom-grid-container {
    overflow-y: auto;
}


    .custom-grid-container .dxbl-grid-header-row {
        background: #e3eef4 !important;
        color: black !important;
        height: 40px;
    }

    .custom-grid-container tbody tr:nth-child(odd) {
        background: #f1f6f8
    }

.alert p {
    margin-top: 0;
    margin-bottom: 0;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.hidden {
    display: none !important;
}


.status-label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .35em;
}

.window-z-index {
    z-index: 1040 !important;
}

tr.dxbl-grid-group-row {
    font-weight: bold !important;
}

.disabled-button {
    pointer-events: none;
    opacity: 0.5;
}

.custom-toolbar-item {
    display: flex;
    align-items: center; /* Dikey olarak ortalar */
    padding: 5px 10px;
    background-color: white; /* Arka plan rengi */
    border-radius: 4px;
    font-weight: bold; /* Yazı tipini kalınlaştırır */
    margin-top: 2px;
}

    .custom-toolbar-item i {
        margin-right: 5px; /* İkon ile metin arasına boşluk ekler */
    }

.replaced-stock-row {
    background-color: #f5e8e8 !important; /* Light red tone to indicate a replaced stock card */
}

.substitute-stock-row {
    background-color: #FFE4C4 !important; /* Light green tone to indicate a newly added stock card */
}

.header-selection-checkbox {
    pointer-events: auto !important;
    opacity: 1 !important;
}

.readonly-modal input,
.readonly-modal textarea,
.readonly-modal select,
.readonly-modal .dxbl-text-edit-input, /* DevExpress TextEdit bileşenleri */
.readonly-modal .dxbl-combobox .dxbl-text-edit-input, /* DevExpress ComboBox */
.readonly-modal .dxbl-date-edit .dxbl-text-edit-input, /* DevExpress DateEdit */
.readonly-modal .dxbl-btn-group button { /* DevExpress açılır pencere düğmeleri */
    pointer-events: none; /* Tüm etkileşimleri engeller */
    background-color: #f8f9fa; /* Gri arka plan */
    color: #6c757d; /* Soluk metin rengi */
    cursor: not-allowed; /* İmleci "yasak" şekline dönüştürür */
}

.readonly-modal .dxbl-btn-group button {
    opacity: 0.5; /* Düğmeleri daha az belirgin yap */
}

.readonly-modal .dxbl-text-edit {
    background-color: #f8f9fa !important; /* Tüm TextEdit bileşenlerini gri yap */
}

.readonly-modal .dxbl-text-edit-input {
    color: #6c757d !important; /* Soluk metin rengi */
}

.readonly-modal .dx-field-item-label-text,
.readonly-modal .dxbl-form-layout-item .dxbl-fl-ctrl {
    color: #6c757d; /* Etiketlerin rengini soluk yap */
}

#warning-details-dropdown .list-group-item {
    line-height: 1; /* Satır yüksekliğini optimize et */
    padding: 5px 10px; /* Dikey ve yatay boşlukları azalt */
}

    #warning-details-dropdown .list-group-item p {
        margin: 2px !important;
    }

.money-usd {
    color: #007bff;
    font-weight: bold;
}

.money-eur {
    color: #28a745;
    font-weight: bold;
}

.money-try {
    color: #dc3545;
    font-weight: bold;
}

.money-default {
    color: #6c757d;
    font-weight: bold;
}

.money-converted {
    color: #800000;
    font-weight: bold;
    font-style: normal;
}


.business-item-stage-badge {
    display: inline-block;
    padding: 1px 4px;
    border-radius: 3px;
    font-weight: 500;
    text-decoration: none;
}

.business-item-stage-previous {
    background-color: #f0f0f0;
    color: #666;
    border: 1px solid #ddd;
}

.business-item-stage-current {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #81c784;
}

.business-item-stage-arrow {
    color: #999;
    font-weight: bold;
    margin: 0 4px;
}

.business-item-comment p {
    margin: 0px;
}