.main-wrapper .page-wrapper {
    width: 100%;
}


    .main-wrapper .page-wrapper .page-content-mobile-web-view {
        margin-top: 0 !important;
    }


.img-kariyer-detay {
    width: 50%;
    margin-left: 27%;
    margin-bottom: 10px;
}

/* OS-ÜRT-ARLK-0098 | Grid Genişlikleri Sistem Genelinde Düzeltilecek - Begin */
.main-wrapper .page-wrapper {
    width: 100% !important;
    padding-left: 240px !important;
    margin-left: 0 !important;
}

    .main-wrapper .page-wrapper.page-wrapper-mobile-web-view {
        margin-left: 0;
        padding-left: 0 !important;
    }


    .main-wrapper .page-wrapper.full-page {
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

.main-wrapper.main-wrapper-fixed-width .page-wrapper {
    width: 100% !important;
    padding-left: 240px !important;
    margin-left: 0 !important;
}

.main-wrapper.main-wrapper-fixed-width.main-wrapper-fixed-width-has-content-left-menu .page-wrapper {
    width: calc(100% + 250px) !important;
}

.main-wrapper .page-wrapper.modal-page {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

.main-wrapper-fixed-width .fixed-width-grid-control-container {
    /*width: calc(100vw - 331px);*/
    width: calc(100vw - 340px);
    display: block;
}

    .main-wrapper-fixed-width .fixed-width-grid-control-container.hidden {
        display: none;
    }

.main-wrapper-fixed-width .dvTopMenu.fixed-width-grid-control-container {
    width: calc(100vw - 300px);
}


.main-wrapper-fixed-width .inbox-wrapper .fixed-width-grid-control-container {
    width: calc(100vw - 590px);
}



.sidebar-folded .main-wrapper-fixed-width .fixed-width-grid-control-container {
    /*width: calc(100vw - 331px);*/
    width: calc(100vw - 170px);
    display: block;
}

.sidebar-folded .main-wrapper-fixed-width .inbox-wrapper .fixed-width-grid-control-container {
    width: calc(100vw - 420px);
}



/*.sidebar-folded .fixed-width-grid-control-container {
    width: calc(100vw - 160px);
}*/

.sidebar-folded .page-wrapper, .sidebar-folded .main-wrapper.main-wrapper-fixed-width .page-wrapper {
    padding-left: 80px !important;
}

    .sidebar-folded .main-wrapper.main-wrapper-fixed-width .page-wrapper.modal-page {
        padding-left: 0px !important;
    }

.sidebar-folded .nav .nav-item .nav-link[data-toggle="collapse"]::after {
    display: none;
}

.open-sidebar-folded .nav .nav-item .nav-link[data-toggle="collapse"]::after {
    display: block;
}

/* OS-ÜRT-ARLK-0098 | Grid Genişlikleri Sistem Genelinde Düzeltilecek - End */


.lvYapilacakGrupListe .btn-sort-list {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.lvYapilacakGrupListe .dvGroupRightPanel {
    margin-top: 5px;
}


.YLListExportWithTopluButton form.frmListExport {
    width: 100%;
}

.btnYapilacakTopluIslemContainer {
    position: sticky;
    right: 32px;
    float: right;
    display: inline-block;
    margin: 0;
    margin-top: -5px;
    width: auto !important;
    z-index: 12;
}

.btnUrunlerTopluIslemContainer {
    float: right;
}

.form-check .form-check-label {
    line-height: 1.2;
}

    .form-check .form-check-label input[type="radio"] + .input-frame:before {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        border: solid #727cf5;
        border-width: 2px;
        border-radius: 50%;
        width: 15px;
        height: 15px;
    }

    .form-check .form-check-label input[type="radio"] + .input-frame:after {
        content: "";
        width: 7px;
        height: 7px;
        background: #ffffff;
        border-radius: 50%;
        top: 4px;
        left: 4px;
    }

    .form-check .form-check-label input[type="radio"]:checked + .input-frame:before {
        border: solid #727cf5;
        border-width: 2px;
        background: #fff;
    }


    .form-check .form-check-label input[type="radio"] + .input-frame::after {
        background: #727cf5;
    }

.dvMultiSelectContainer .btn-group > button.multiselect.disabled, .dvSelectListContainer .btn-group > button.multiselect.disabled {
    color: #495057 !important;
    background-color: #e9ecef !important;
}

.textarea-medium {
    height: 60px !important;
}

.navbar .navbar-content {
    width: 100%;
}

.nav-profile {
    width: auto !important;
}

.language-nav .nav-lang-item a:before {
    content: '|' !important;
    width: 5px !important;
    margin: 0 2px !important;
    color: #383838 !important;
}

.language-nav .nav-lang-item a:first-child:before {
    content: none !important;
    width: 0px !important;
}

.nav-lang-item {
    text-align: center !important;
    display: inline-block !important;
    width: 100% !important;
}

    .nav-lang-item:hover, .nav-lang-item:hover a {
        color: #383838 !important;
    }

    .nav-lang-item a:hover, .nav-lang-item a.active {
        color: #3764f8 !important;
    }

    .nav-lang-item a {
        display: inline-block !important;
        width: auto !important;
    }

.yemekmenusu-div-container .ml-edit-wrapper {
    width: 80% !important;
}

.dvHaftalikYemekMenusuListe table td {
    vertical-align: top;
}

.dvHaftalikYemekMenusuListeBaslik {
    width: 100%;
    display: inline-block;
    text-align: right;
    font-weight: bold;
    margin-bottom: 10px;
}

#profileDropdown img {
    display: inline-block;
    vertical-align: middle;
}

#profileDropdown .spnTopMenuUserFullName {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-bottom: 2px;
}

.calisan-ozluk-dosyalari-item-header {
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
}

.svgProfile {
    width: 30px !important;
    height: 30px !important;
}

    .svgProfile path {
        fill: #add8e6;
    }

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-header .figure .svgProfile {
    width: 80px !important;
    height: 80px !important;
}

.lvOzlukDosyalariListView > [name="ItemContainer"] {
    margin-bottom: 20px;
}

.PDGuncelleContainer, .SDPDLFiltre {
    width: 620px;
}


@media (max-width: 620px) {
    .PDGuncelleContainer, .SDPDLFiltre {
        max-width: 100%;
    }
}

.SDPDLFiltre {
    margin-bottom: 10px;
}


.dvCTLChk {
    margin-right: 10px !important;
    display: inline-block;
}

.dvCTLAck {
    display: inline-block;
    width: calc(100% - 42px);
}

.dvBordroDetayCalisanBilgileriContainer {
    width: calc(100vw - 100px);
}

.dvBordroDetayCalisanToplamContainer {
    width: 900px;
}



.OSListeGuncelle, .OSLFiltre {
    width: 520px;
}

@media (max-width: 520px) {
    .OSListeGuncelle, .OSLFiltre {
        max-width: 100%;
    }
}

.dvBordroDetayCalisanBilgileriFormViewMode {
    max-width: 960px;
}

.table td.imgProfileList img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}


.imgProfile {
    width: 220px;
    height: 220px;
    border-radius: 100%;
}


.dvPYProfilResmi .imgProfile {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    margin-right: 40px;
}

.dvKullaniciProfilResmi {
    display: inline-block;
    width: 260px;
    vertical-align: top;
}


.dvKullaniciProfilSayfasi .dvKullaniciBilgileri,
.dvKullaniciProfilSayfasi .dvSifreBilgileri {
    display: inline-block;
    width: calc(100% - 280px);
    vertical-align: top;
}


.KLYeniEkleBtnContainer, .KLFiltre, .ITYFiltre, .IKPaneliContainer,
.CalisanPaneliContainer, .YetkiGruplariInnerContainer {
    width: 800px;
}

@media (max-width: 1390px) {
    .KLYeniEkleBtnContainer, .KLFiltre, .IKPaneliContainer,
    .CalisanPaneliContainer, .YetkiGruplariInnerContainer {
        max-width: 100%;
    }
}


.nav-item-company-info {
    width: auto !important;
    margin-right: 20px !important;
}

.company-info-title {
    color: #727cf5;
}

.select-company {
    margin-left: 10px;
}

    .select-company a {
        color: #727cf5;
    }

        .select-company a svg {
            width: 16px;
            height: 16px;
        }

.company-info-name {
    margin-left: 5px;
}


.YetkiGrubuYetkilerModulContainer {
    margin-top: 10px;
    margin-bottom: 20px;
}

.YetkiGrubuYetkilerModulAdi {
    color: #0056b3;
    background-color: #f0f0f0;
    padding: 5px;
}

.YetkiGrubuYetkilerModulTumunuSec {
    background-color: #f9f9f9;
    padding: 4px;
}

    .YetkiGrubuYetkilerModulTumunuSec .form-check {
        margin: 5px 0 0 5px;
    }

.YetkiGrubuYetkilerModulYetkilerContainer {
    margin-left: 9px;
}

.dvYetkiGrubuYetkilerModulYetkiLevel0 {
}

.dvYetkiGrubuYetkilerModulYetkiLevel1 {
    padding-left: 20px;
}

.dvYetkiGrubuYetkilerModulYetkiLevel2 {
    padding-left: 40px;
}

.dvYetkiGrubuYetkilerModulYetkiLevel3 {
    padding-left: 60px;
}

.dvYetkiGrubuYetkilerModulYetkiLevel4 {
    padding-left: 80px;
}

.dvYetkiGrubuYetkilerModulYetkiLevel5 {
    padding-left: 100px;
}

.text-in-progress {
    color: #0368d5;
}

.btn-in-progress {
    background-color: #0368d5;
    border-color: #0368d5;
}


    .btn-in-progress:hover, .btn-in-progress:active, .btn-in-progress:focus {
        background-color: #00438b !important;
        border-color: #00438b !important;
    }


.lvYapilacakGrupListe .note-list-item-container {
    padding: 15px;
}


.gvTListe .fc-toolbar h2 {
    font-size: 23px;
}

.fc-event {
    color: #0c5460 !important;
    background-color: #d1ecf1;
    border-color: #61bcf1 !important;
    opacity: 0.8;
    padding: 3px;
    font-size: 13px;
}

.dvYonlendirUser {
    margin-bottom: 10px;
}



.fc-toolbar h2 {
    font-size: 1.6rem !important;
}

.fc .fc-widget-header {
    padding: 2px 0 !important;
}

.fc-event {
    color: #0c5460 !important;
    background-color: #d1ecf1;
    border-color: #61bcf1 !important;
    /*opacity: 0.8;*/
    padding: 3px;
}

.fc-event-completed {
    background-color: #d4edda !important;
    border-color: #7Fb16E !important;
    color: #155724 !important;
}


.fc-event-planned {
    background-color: #ebebeb !important;
    border-color: #999999 !important;
    color: #6c6c6c !important;
}


.fc-event-deadline-missed {
    background-color: #f8d7da !important;
    border-color: #e27c74 !important;
    color: #721c24 !important;
}

.gvYLListe .fc-toolbar h2 {
    font-size: 1.3rem !important;
}

.gvYLListe .fc .fc-toolbar.fc-header-toolbar {
    margin-top: 2rem;
}

.fc-head {
    position: sticky;
    top: 58px;
    z-index: 2;
}

.dvToplantiOdasiDetayTakvim .fc-head {
    position: static;
}

.dvToplantiOdasiDetayTakvim .fc-title {
    white-space: nowrap !important;
}

.link-icon-container {
    float: left;
}



.fc-head .fc-head-container .fc-row {
    background-color: #fff !important;
}

.dvTGKIcerik .input-group,
.dvTGKIcerik .cke_editor_txtTGKIcerik {
    width: 100% !important;
}

.btnTGLKETekTekEkle {
    width: 250px !important;
    margin-left: 230px;
    height: 50px;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 15px;
}

.btnTGLKECokluEkle {
    width: 250px !important;
    margin-left: 230px;
    height: 50px;
    text-align: center;
    margin-bottom: 15px;
    padding-top: 15px;
}

.btnTGLKEExcel {
    width: 250px !important;
    margin-left: 230px;
    height: 50px;
    text-align: center;
    padding-top: 15px;
    margin-top: 10px;
}

.TGLKEInfoContainer {
    text-align: center;
}


.TGLKETextArea {
    min-height: 250px;
    min-width: 700px;
    max-width: 500px !important;
}


.btnTGLKECokluEkleEkleBtn {
    margin-left: 640px;
}


.btnTGLKETekTekEkleEkleBtn {
    float: right;
    margin-top: 15px;
}


#uploadifive-FileUpladBtn_370_0_0 /* excel dosya yükle butonu */ {
    margin-left: 100px;
}

.TGLKECokluEklenIfoContainer {
    text-align: center;
}

.sidebar .sidebar-body .nav .nav-item .nav-link {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    height: 36px !important;
    white-space: nowrap;
    color: #000;
    margin-bottom: 3px;
}

    .sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
        /*margin-top: 9px;*/
        /*margin-bottom: 9px;*/
        margin-bottom: 0px;
    }

    .sidebar .sidebar-body .nav .nav-item .nav-link .link-icon {
        width: 16px;
        height: 16px;
        fill: rgba(233, 236, 239, 0.21);
        position: absolute;
        color: inherit;
        font-size: 20px !important;
    }

        .sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.fa {
            font-size: 16px !important;
        }

        .sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.fa-clipboard-list {
            margin-left: 4px;
        }

        .sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.fa-tablet-alt {
            margin-left: 3px;
            font-size: 17px !important;
        }

    .sidebar .sidebar-body .nav .nav-item .nav-link svg {
        margin-left: 2px;
    }

.sidebar .sidebar-body .nav .nav-item .sub-menu .nav-link {
    height: 30px !important;
}

.dvUyeProfilSayfasi .dvUyeBilgileri,
.dvUyeProfilSayfasi {
    display: inline-block;
    width: calc(100% - 280px);
    vertical-align: top;
}


.dvUyeProfilResmi {
    display: inline-block;
    width: 260px;
    vertical-align: top;
}

.profile-nav li a {
    display: block;
    clear: both;
    line-height: 1.42857143;
    color: #333;
    font-weight: 400;
    white-space: nowrap;
}

    .profile-nav li a i {
        margin-right: 20px;
        width: 20px;
    }

.profile-nav li .lblProfileMenuItemSubTitle {
    font-size: 11px;
    color: #999;
    display: block;
    margin-left: 28px;
}

.profile-nav li .lblProfileMenuItemTitle {
}


.profile-nav li {
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 5px;
}






/*Satış Yönetimi*/

.card.dvKasaSatisContainer {
    height: calc(100vh - 150px);
}

.dvKasaSatisContainer .btn {
    cursor: pointer;
}

.dvKasaSatisContainer .lblKasaBaslik {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 7.5px;
}

.dvKasaSatisContainer .btnSYSatisEkle {
    width: 100%;
    height: 90px;
    line-height: 76px;
}

.dvKasaSatisContainer .dvSYSatisListeContainer {
    height: calc(100vh - 345px);
    overflow-x: hidden;
    overflow-y: auto;
}

.dvKasaSatisContainer .btnSYSatisListeItem {
    margin: 5px;
    height: 60px;
    line-height: 46px;
}

.dvKasaSatisContainer .dvKasaSatisMain {
    height: calc(100vh - 195px);
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px #ccc solid;
    padding: 20px;
}

    .dvKasaSatisContainer .dvKasaSatisMain .form-group input {
        padding: 20px 15px;
    }

.dvKasaSatisContainer .dvSYSatisKalemSummary {
    padding: 20px 0;
}

.dvKasaSatisContainer .btnOdeme {
    height: 70px;
}

    .dvKasaSatisContainer .btnOdeme i {
        font-size: 22px;
        display: inline-block !important;
        width: 100% !important;
    }

.dvKasaSatisContainer .btnNumpad {
    margin: 7px 0;
    min-height: 40px;
}

.dvKasaSatisContainer .spnToplamTutarContainer, .dvKasaSatisContainer .spnParaUstuTutarContainer {
    font-size: 16px;
    display: inline-block;
    margin: 5px 0;
}

.dvKasaSatisContainer .dvIslem {
    margin: 20px 0;
}

.dvKasaSatisContainer .btnIslem {
    width: 100%;
    height: 60px;
    line-height: 48px;
    padding-left: 5px;
    padding-right: 5px;
}

    .dvKasaSatisContainer .btnIslem i {
        font-size: 22px;
    }

.dvKasaSatisContainer .btn-vertical-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.form-edit-mode .dvHourMinuteSelect .input-group:first-child {
    /*width: 100px;*/
}



.SatisKalemListeSummary {
    margin-top: 15px;
    display: inline-block;
    /*float: right;*/
}

    .SatisKalemListeSummary > div {
        float: right;
    }

    .SatisKalemListeSummary td {
        padding: 3px;
        border: none;
    }

    .SatisKalemListeSummary .tdListSummaryValue {
        text-align: right;
    }

    .SatisKalemListeSummary .tdListSummaryTitle {
        color: #0056b3;
    }

.SatisTeklifIndirGonderBtnContainer {
    clear: both;
}

.TarihiGecmisDurumRowCssClass {
    background-color: #fff4f4;
}

.fc .fc-widget-header.fc-axis, .fc .fc-axis {
    padding: 0 4px !important;
}

.btn-in-progress {
    color: #fff !important;
}

.btnTamamlandi {
    color: #fff !important;
}

.noble-ui-logo.lnkOSLogo {
    margin: 60px 0 30px 0 !important;
    text-align: center;
}



.dvDashboardContainer, .dvContainer.card {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.dvDashboardIcon {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

    .dvDashboardIcon i {
        font-size: 30px;
    }

.dvDashboardTitle {
    display: inline-block;
    vertical-align: top;
}

.urun-dokumanlar-item-header {
    border-bottom: 1px solid #f2f2f2;
    width: 80%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
    display: inline-block;
}


.form-edit-mode:not(.form-controls-w100) .UrunBirimAdiFormField .input-group,
.form-edit-mode:not(.form-controls-w100) .UrunDegiskenFizikselOzellikContainer .input-group {
    width: 250px;
}

.form-edit-mode:not(.form-controls-w100) .EkUcretFormField .input-group {
    width: 150px;
}


@media (max-width: 568px) {
    .form-edit-mode:not(.form-controls-w100) .UrunBirimAdiFormField .input-group {
        width: 100%;
    }

    .form-edit-mode:not(.form-controls-w100) .UrunBirimAdiFormField .dvMiktar {
        width: 70%;
    }

    .form-edit-mode:not(.form-controls-w100) .EkUcretFormField .dvEkUcret {
        width: 50%;
    }
}

.ITYFiltre {
    width: 800px;
}

/*.OFiltre {
        width: 650px;*/ /* Üretim Planlama > Üretim Ayarları > Operasyon */
/*}*/

.btn-selected-text {
    cursor: default;
    background-color: transparent !important;
    color: #212529 !important;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    font-weight: normal;
    opacity: 1.0 !important;
}

.dvSatisDetayButtonContainerFullWidth {
    width: 100%;
    margin-top: 15px;
}

    .dvSatisDetayButtonContainerFullWidth button {
        margin-right: -10px;
    }




.HorizontalMiktarUrunContainer {
    padding: 5px 20px;
    border: 1px solid #EEE;
}

    .HorizontalMiktarUrunContainer .btn {
        margin-left: 10px;
    }


    .HorizontalMiktarUrunContainer .input-group {
        width: 300px;
        margin-left: 10px;
    }

    .HorizontalMiktarUrunContainer .row div:first-of-type.input-group {
        width: 100px;
    }

.RaflamaFormEditMode .HorizontalMiktarUrunContainer .row div:first-of-type.input-group {
    width: 300px;
}

.HorizontalMiktarUrunContainer .SayimDetayContainer div:first-of-type.input-group {
    width: 300px;
}


.HorizontalMiktarUrunContainer .input-group input,
.HorizontalMiktarUrunContainer .input-group select {
    width: 100%;
}

.HorizontalMiktarUrunContainer .input-group,
.HorizontalMiktarUrunContainer .form-group,
.HorizontalMiktarUrunContainer .span,
.HorizontalMiktarUrunContainer .form-switch {
    display: inline-block;
    vertical-align: top;
}

.HorizontalMiktarUrunContainer span {
    line-height: 22px;
    vertical-align: top;
}
/*.HorizontalMiktarUrunContainer .dvSelectListContainer * {
    display: inherit !important;*/
/*vertical-align: middle;*/
/*vertical-align: auto !important;
}*/
.HorizontalMiktarUrunContainer .alert {
    display: block;
    padding: 5px;
    margin-bottom: 5px;
}

.RaflamaFormEditMode .HorizontalMiktarUrunContainer .input-group:first-of-type {
    width: 300px;
}

.RaflamaFormEditMode .HorizontalMiktarUrunContainer.HorizontalHucreBarkoduContainer .input-group:first-of-type {
    width: 300px;
}

.RaflamaFormEditMode .HorizontalMiktarUrunContainer.RaflamaRafSecimi .input-group:first-of-type {
    width: 300px;
}

.HorizontalMiktarUrunContainer .input-group input,
.HorizontalMiktarUrunContainer .input-group select {
    width: 100%;
}


.RaflamaUrunBilgisi, .RaflamaRafSecimi, .RaflamaRafBilgisi,
.RaflamaDepoSecimiInnerContainer,
.LotParcalamaDepoSecimiInnerContainer,
.DepoStokEtiketiYazdirmaContainer {
    width: 627px;
}

.RaflamaDepoSecimiContainer, .LotParcalamaDepoSecimiContainer {
    margin-bottom: 20px;
}

.RaflamaFormEditMode .RaflamaDepoSecimiInnerContainer .input-group:first-of-type {
    width: 300px !important;
}


.RaflamaFormEditMode .LotParcalamaDepoSecimiInnerContainer .input-group:first-of-type {
    width: 300px !important;
}

.TransferEtBtn {
    width: 105px;
}

.urunImage {
    max-height: 400px;
}

.dvSevkiyatPlanlamaItemTitle {
    text-align: center;
    background-color: #F2F2F2;
    padding: 5px;
}

.dvSevkiyatPlanlamaAracTipiItem *, .dvDashboardItemGaugeTypeItem {
    text-align: center;
}

.dvDashboardItemMultiValueItem {
    text-align: center;
}

.dvSevkiyatPlanlamaAracTipiItemDetayRow, .dvSevkiyatPlanlamaAracTipiItemDetayRow {
    margin: 5px 0;
}


.dvSevkiyatPlanlamaAracTipiItemDetayH, .dvDashboardItemGaugeTypeItemDetailH {
    /*margin-top: 10px;*/
    padding: 0;
}

    .dvSevkiyatPlanlamaAracTipiItemDetayH *, .dvDashboardItemGaugeTypeItemDetailH {
        color: #0056b3;
        font-weight: bold;
    }

.dvSevkiyatPlanlamaListeContainer .card-body {
    padding: 5px;
}

.dvSevkiyatPlanlamaListeContainer .stretch-card {
    padding: 5px;
}

.dvDashboardItemMultiValueItemRow {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dvSevkiyatPlanlamaItemH {
    font-size: 20px;
    color: #727cf5;
}

.dvSevkiyatPlanlamaListeContainer hr {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dvSevkiyatPlanlamaAracTipiItemDetay, .dvDashboardItemGaugeTypeItemDetail, .dvDashboardItemMultiValueItemDetail {
    border-bottom: 1px solid #F2F2F2;
    padding: 0;
}


.dvSevkiyatPlanlamaAracTipiItemMiktar, .dvDashboardItemGaugeTypeQuantity {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .dvSevkiyatPlanlamaAracTipiItemMiktar, .dvDashboardItemGaugeTypeQuantity span {
        font-size: 14px;
        color: #666;
    }

.dvSevkiyatPlanlamaAracTipiItemPlanla {
    margin-top: 20px;
    margin-bottom: 10px;
}

.dvSevkiyatPlanlamaItemSevkiyatGrid {
    max-height: 335px;
    overflow-y: scroll;
}


/*Üretim Start*/

.dvUretimUrunOperasyonIslemDetayInnerContainer {
}


    .dvUretimUrunOperasyonIslemDetayInnerContainer h5 {
        font-size: 18px;
    }

    .dvUretimUrunOperasyonIslemDetayInnerContainer div {
        font-size: 16px;
    }

    .dvUretimUrunOperasyonIslemDetayInnerContainer label {
        font-size: 16px;
    }

    .dvUretimUrunOperasyonIslemDetayInnerContainer .btn {
        font-size: 16px;
    }

    .dvUretimUrunOperasyonIslemDetayInnerContainer .dvUrunContainer {
    }

    .dvUretimUrunOperasyonIslemDetayInnerContainer .dvUrunInnerContainer .nav-tabs .nav-link.active,
    .dvUretimUrunOperasyonIslemDetayInnerContainer .dvUrunInnerContainer .nav-tabs .nav-item.show .nav-link,
    .dvUretimUrunOperasyonIslemDetayInnerContainer .dvUrunInnerContainer .nav-tabs .nav-link {
        font-size: 12px !important;
        padding: 5px !important;
    }

    .dvUretimUrunOperasyonIslemDetayInnerContainer .dvUrunInnerContainer .tab-content {
        max-height: 380px;
        overflow-y: scroll;
        border: 1px #ebedf2 solid;
    }

.dvUretimUrunOperasyonIslemDetayCard {
    border: 1px #ccc solid;
    padding: 10px;
}


.spnIsIstasyonuHazirlama {
    display: block;
    font-size: 24px;
    width: 400px;
    padding: 20px;
    border: 1px #727cf5 solid;
    background-color: #727cf5;
    color: #fff;
    text-align: center;
    margin: 10px auto;
}

.btnIsIstasyonuHazirlamaBasla {
    font-size: 20px !important;
    margin: 10px auto;
    padding: 20px 40px;
}

.dvIsIstasyonuHazirlikTimerTime {
    font-size: 32px !important;
    font-weight: bold;
    padding: 20px 40px;
}

.btnIsIstasyonuHazirlamaDuraklat {
    font-size: 20px !important;
    margin: 10px;
    padding: 20px 40px;
    margin: 0 10px;
}

.btnIsIstasyonuHazirlamaDevamEt {
    font-size: 20px !important;
    margin: 10px;
    padding: 20px 40px;
    margin: 0 10px;
}

.btnIsIstasyonuHazirlamaTamamla {
    font-size: 20px !important;
    margin: 10px;
    padding: 20px 40px;
}

.dvIsIstasyonuKullanici {
    height: 40px;
    line-height: 40px;
}

    .dvIsIstasyonuKullanici img {
        height: 30px;
        margin-right: 5px;
        margin-top: -3px;
    }

.dvUOIDTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause,
.dvUUSNOTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause,
.dvSCTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause,
.dvMTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause {
    border: 1px #10b759 solid !important;
    color: #10b759 !important;
}

    .dvUOIDTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:hover, .dvUOIDTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:active,
    .dvUUSNOTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:hover, .dvUUSNOTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:active,
    .dvSCTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:hover, .dvSCTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:active,
    .dvMTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:hover, .dvMTimerContainer .timer-container[data-timer-status-code='Duraklatildi'] .btn-timer-pause:active {
        border: 1px #10b759 solid !important;
        color: #fff !important;
        background: #10b759 !important;
    }

.dvUOIDTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause,
.dvUUSNOTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause,
.dvSCTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause,
.dvMTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause {
    border: 1px #f36 solid !important;
    color: #f36 !important;
}

    .dvUOIDTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:hover, .dvUOIDTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:active,
    .dvUUSNOTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:hover, .dvUUSNOTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:active,
    .dvSCTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:hover, .dvSCTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:active,
    .dvMTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:hover, .dvMTimerContainer .timer-container[data-timer-status-code='DevamEdiyor'] .btn-timer-pause:active {
        border: 1px #f36 solid !important;
        color: #fff !important;
        background: #f36 !important;
    }


.dvUOIDTimerContainer span,
.dvUUSNOTimerContainer span,
.dvSCTimerContainer span,
.dvMTimerContainer span {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
}

.timer-idle-container {
    font-size: 12px !important;
    color: #ccc;
}

.gvUretimUrunSeriNoOperasyon {
}

    .gvUretimUrunSeriNoOperasyon thead {
        display: none;
    }

    .gvUretimUrunSeriNoOperasyon .btn {
        font-size: 16px !important;
        padding: 10px 15px !important;
    }


    .gvUretimUrunSeriNoOperasyon .lblSeriNo {
        font-size: 12px;
        margin-top: 5px;
        display: inline-block;
    }

.dvUrunOperasyonIslemSagInner .urunBilgileriContainer label {
    max-width: 100% !important;
    display: block !important;
}

.dvUrunOperasyonIslemSagInner .urunBilgileriContainer span {
    max-width: 100% !important;
    display: block !important;
    padding: 0;
    margin: 15px 0 0 0;
}

.dvUyarilarContainer .alert {
    padding: 5px 10px;
    font-size: 13px;
    margin-bottom: 0 !important;
}


.dvUUOIDDokumanListe .ItemContainer > .dokumanFormViewMode {
    border: 1px #ccc solid;
    padding: 5px;
    vertical-align: top;
    display: inline-block;
}

    .dvUUOIDDokumanListe .ItemContainer > .dokumanFormViewMode a {
        font-size: 12px;
        font-weight: bold;
        color: #000;
    }

.dvUUOIDDokumanListe .ItemContainerInner {
    /*height: 48px !important;*/
    display: inline-block;
    width: 100%;
    overflow-y: hidden;
}

.dvUretimUrunOperasyonIslemDetayInnerContainer .btnTamamlandi, .dvUretimUrunOperasyonIslemDetayInnerContainer .btUygunsuzluk {
    padding: 10px 4px !important;
    font-size: 11px !important;
    text-align: center;
    width: 100%;
}

    .dvUretimUrunOperasyonIslemDetayInnerContainer .btnTamamlandi i, .dvUretimUrunOperasyonIslemDetayInnerContainer .btUygunsuzluk i {
        display: block;
        margin: 0 auto !important;
    }

/*Üretim End*/

/*
.DepoMalKabuluCikisYapBtnContainerC {
    margin-right: 15px;
    margin-top: 15px;
}

div.DepoMalKabuluCikisYapBtnContainer {
    padding: 5px 20px;
}

.DepoMalKabuluCikisYapBtnContainerC * {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}*/

.DepoMalKabuluCikisYapBtnContainerC .input-group {
    width: auto;
}
/*
    .DepoMalKabuluCikisYapBtnContainerC .input-group input,
    .DepoMalKabuluCikisYapBtnContainerC .input-group select {
        width: 140px !important;
    }*/

.DepoMalKabuluCikisYapBtnContainer input {
    padding-left: 5px;
    padding-right: 5px;
}

.DepoSevkiyatCikisYapBtnContainer {
    margin-right: 15px;
    margin-top: 5px;
}

div.DepoSevkiyatCikisYapBtnContainer {
    padding: 5px 20px;
}

.DepoSevkiyatCikisYapBtnContainer * {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

/*Terminal Left Menu Begin*/

.navTerminal {
    padding-top: 5px !important;
}

.sidebar .sidebar-body .nav.navTerminal .nav-item .nav-link {
    /*    min-height:6rem;*/
    /*height: auto !important;*/
    width: 100% !important;
    height: 100% !important;
    display: inline-block !important;
}

.navTerminal li a span {
    width: 100% !important;
    display: block !important;
    text-align: center;
    margin: 10px 0 !important;
    font-size: 15px !important;
}

.navTerminal .nav-link {
    text-align: center;
    padding-bottom: 15px !important;
}

.navTerminal li a span.spnTerminalTitle {
    font-size: 20px !important;
    white-space: normal !important;
}

.navTerminal li a span.spnTerminalUser {
    font-size: 15px !important;
}

.navTerminal li a span.spnTerminalTimer {
    font-size: 15px !important;
}

    .navTerminal li a span.spnTerminalTimer svg {
        padding: 0px;
        margin-top: -1mm;
        height: 17px;
        width: 15px;
    }

        .navTerminal li a span.spnTerminalTimer svg rect {
            width: 6px;
        }

.navTerminal li a span svg rect:last-child {
    x: 17;
}

/*    .navTerminal li a span svg {
        padding: 0px;
        margin-top: -1mm;
        height: 17px;
        width: 15px;
    }

        .navTerminal li a span svg rect {
            width: 6px;
        }

            .navTerminal li a span svg rect:last-child {
                x: 17;
            }*/
/*Terminal Left Menu End*/
.MaximizePage a svg, .MinimizePage a svg {
    margin-top: 2px !important;
}


/*TerminalSubUserLogin Begin*/

.dvTerminalSubUserLoginInnerContainer {
    width: 50%;
    margin: 50px auto;
    border: 1px #ccc solid;
    padding: 30px;
}

    .dvTerminalSubUserLoginInnerContainer .header {
        font-size: 24px;
        margin-bottom: 30px;
    }

.dvTerminalSubUserLoginForm {
    /*text-align:center;*/
}

    .dvTerminalSubUserLoginForm form {
        width: 600px;
        margin: 0 auto;
    }

.dvTerminalKullaniciListe a {
    display: inline-block;
    min-height: 50px;
    width: 100%;
    text-align: center;
}


.spnTerminalKullaniciIcon {
    display: block;
    height: 20px;
    width: 100%;
    margin-bottom: 20px;
    font-size: 24px;
}

.spnTerminalKullaniciAdi {
    display: inline-block;
    width: 100%;
    font-size: 18px;
}

/*TerminalSubUserLogin End*/




/*.ui-state-highlight{
    background-color:#10b759!important;
}*/


/*.gvYLListe .yapilacakButtonList .dropdown {
    position: absolute;
}*/

.gvButtonListColumnDefault .dropdown {
}

.gvButtonListColumnDefault button {
    background: none;
    border: none;
}

.gvButtonListColumnDefault .dropdown {
}

    .gvButtonListColumnDefault .dropdown button:after {
        content: none !important;
    }

    .gvButtonListColumnDefault .dropdown .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3rem;
        margin-top: -20px;
        margin-left: 10px;
    }

        .gvButtonListColumnDefault .dropdown .dropdown-menu:before {
            height: 1rem;
            left: -9px;
            top: 24px;
            border-right-color: rgba(0, 0, 0, 0.25);
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-style: solid;
            position: absolute;
            display: block;
            content: "";
            color: transparent;
        }

        .gvButtonListColumnDefault .dropdown .dropdown-menu:after {
            height: 1rem;
            left: -8px;
            top: 24px;
            border-width: 0.5rem 0.5rem 0.5rem 0;
            border-style: solid;
            border-right-color: #fff;
            position: absolute;
            display: block;
            content: "";
            color: transparent;
        }

.gvButtonListColumnDefault li {
    width: 150px;
}

.gvButtonListColumnDefault ul.dropdown-menu {
    width: 180px !important;
}


/*.gvSYSatisListe .satisButtonList .dropdown {
    position: absolute;
}*/

/*.gvSYSatisListe .satisButtonList li {
    width: 150px;
}

.gvSYSatisListe .satisButtonList ul {
    width: 180px !important;
}*/

.UUOIADUygunsuzluk {
    width: 200px !important;
    height: 50px;
    text-align: center;
    margin-bottom: 25px;
    padding-top: 15px;
}


div.DepoGirisKontrolBolBtnContainer {
    padding: 5px 20px;
    border: 1px solid #EEE;
}

    div.DepoGirisKontrolBolBtnContainer .input-group {
        width: 150px;
        display: inline-block !important;
        vertical-align: middle;
        margin-left: 5px;
        margin-right: 15px;
    }

    div.DepoGirisKontrolBolBtnContainer .form-control {
        width: 150px;
    }

.HorizontalInlineFormContainer .form-edit-mode > .row {
    display: inline-block !important;
}

    .HorizontalInlineFormContainer .form-edit-mode > .row > * {
        display: inline-block !important;
        vertical-align: middle !important;
    }

.dvGenericExcelAdimBaslik {
    display: none;
}

.dvUrunDetayUretimAkisiFormViewMode {
    max-width: 1300px;
}

.malKabuluSahibiLabel {
    color: #0056b3;
    margin-right: 10px;
}

div.DSSLabelKodContainer {
    padding: 5px 20px;
    border: 1px solid #EEE;
    vertical-align: middle;
    /*display:inline-block;*/
}

.DSSLabelKodContainer > * {
    display: inline-block;
}

.DSSLabelKodContainer div:first-of-type.input-group {
    width: 150px !important;
}

    .DSSLabelKodContainer div:first-of-type.input-group .form-control {
        display: inline-block;
        width: calc(100% - 20px);
    }


.lblUrunGrubuAdi .urunGrubuLabel {
    color: #0056b3;
    padding-left: 0.75rem;
}

.form-edit-mode .dvSeriNo200 .input-group {
    width: 200px !important;
}


    .form-edit-mode .dvSeriNo200 .input-group input {
        width: 100%;
    }

/*[name='HataliContainer'] table tbody tr {
    background: #f36;
}*/
.Hatali-Container-Satir {
    background: #ffd6e0;
}

[name="GenericExcelYukleContainer"] .excel-yukleme-btn,
[name="GenericExcelYukleContainer"] .uploadifive-button {
    width: 250px !important;
}

    [name="GenericExcelYukleContainer"] .uploadifive-button input {
        width: 250px !important;
    }

.EtiketCikisContainer {
    margin-right: -12px !important;
    display: block !important;
}


.StokEtiketiYazdirContainer {
    padding: 20px 0.75rem;
    border: 1px solid #EEE;
}



.RaflamaFormEditMode .form-group.TransferTipi .col-form-label {
    display: none !important;
}

.RaflamaFormEditMode .form-group.TransferTipi {
    flex: none;
    max-width: 100% !important;
}

    .RaflamaFormEditMode .form-group.TransferTipi .col-sm-9 {
        width: 100% !important;
        flex: none;
        max-width: 100% !important;
    }

.slSADSureTipi {
    width: 113px !important;
    flex: none !important;
}

.dvIcerikYazi .input-group {
    width: 100% !important;
    display: block !important;
}

.dvBlogYazi .input-group {
    width: 100% !important;
    display: block !important;
}

.imgBlogFotograf {
    width: 300px;
}


.spnTerminalProfileIcon {
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px #c3c3c3 solid;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    text-align: center;
    /*padding:4px 2px 4px 5px;*/
    /*padding:3px 6px;*/
    line-height: 26px;
    white-space: nowrap !important;
}

    .spnTerminalProfileIcon i {
        font-size: 14px;
        color: #c3c3c3;
    }

.gvSDKalemListe td {
    width: auto !important;
    padding: 4px;
}

.gvSDKalemListe div {
    width: auto !important;
}

.gvSDKalemListe * {
    font-size: 11px;
}


.dvSevkiyatPopOverContainer {
    max-width: 580px;
    width: 580px;
}

.gvSDKalemListe {
    max-width: 580px;
}




.VaryantliUrunOzelliklerContainer {
    margin-top: 10px;
    margin-bottom: 20px;
}

.VaryantliUrunOzelliklerTumunuSec {
    background-color: #f9f9f9;
    padding: 4px;
}

    .VaryantliUrunOzelliklerTumunuSec .form-check {
        margin: 5px 0 0 5px;
    }


.LabelKalemFormEditMode span {
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 10px;
    color: #0056b3;
}

.LabelKalemFormEditMode span, .LabelKalemFormEditMode input {
    margin-right: 10px;
}

.urunFotografContainer {
    /*position: absolute;
    top: 100px;
    right: 49px;
    z-index: 10;*/
    /*width: 250px;
    height: 250px;*/

    max-width: 250px;
}

/*
.urunFotografContainer {
    max-width: 300px;
    height: 200px;
}
*/

/*.urunFotografContainer*/
.urunFotografInnerContainer {
    /* max-width: 300px;
    float:right;*/
    /*width: 250px;
    height: 250px;*/
    max-width: 250px;
}

    .urunFotografInnerContainer img {
        /*width: 250px;
        height: auto;*/
        /*max-width: 250px;*/
        width: 100%;
    }

    .urunFotografInnerContainer .urunImagePlaceHolder {
        width: 100%;
        /*height: 100px;*/
    }

    .urunFotografInnerContainer .urunSlider {
        width: 100%;
        height: 150px;
        /*height: 150px;*/
    }

.urunFBFotografInnerContainer img {
    /*width: 250px;
        height: auto;*/
    /*max-width: 250px;*/
    width: 100%;
}

.urunFBFotografInnerContainer .urunFizikselBilgiPlaceHolder {
    width: 100%;
    /*height: 100px;*/
}

.urunFBFotografInnerContainer .urunFBSlider {
    width: 100%;
    height: 150px;
    /*height: 150px;*/
}



.calisanFotografContainer {
    /*position: absolute;
    top: 100px;
    right: 49px;
    z-index: 10;*/
    width: 250px;
    height: 250px;
    float: right;
    margin-right: 10px;
}

/*
.calisanFotografContainer {
    max-width: 300px;
    height: 200px;
}
*/

/*.calisanFotografContainer*/
.calisanFotografInnerContainer {
    /* max-width: 300px;
    float:right;*/
    width: 250px;
    height: 250px;
}

    .calisanFotografInnerContainer img {
        width: 250px;
        height: auto;
    }

    .calisanFotografInnerContainer .calisanImagePlaceHolder {
        width: 100%;
        /*height: 100px;*/
    }

    .calisanFotografInnerContainer .calisanSlider {
        width: 100%;
        height: 150px;
        /*height: 150px;*/
    }

.bildirim-tonlari-item-header {
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-left: 10px;
}

.urunFotografGosterInnerContainer {
    text-align: center;
    max-width: 1280px;
    max-height: 400px;
}

    .urunFotografGosterInnerContainer img {
        max-width: 1280px;
        max-height: 600px;
    }

    .urunFotografGosterInnerContainer .urunImagePlaceHolder {
        max-width: 100%;
        /*height: 100px;*/
    }

    .urunFotografGosterInnerContainer .urunGosterSlider {
        max-width: 300px;
        height: 150px;
        /*height: 150px;*/
    }



.MusteriLokasyonBilgisiLbl {
    border: 1px solid #ddd;
    display: inline-block;
    width: 300px;
    padding: 5px;
}

.DemirbasLokasyonBilgisiLbl {
    border: 1px solid #ddd;
    display: inline-block;
    width: 300px;
    padding: 5px;
}

.IndirimAciklamasi textarea {
    width: 500px;
}

.SozlesmeContainer, .SozlesmeContainerViewMode {
    clear: both;
}

.SozlesmeInnerContainer ul {
    margin-bottom: 0;
}


.SozlesmeContainerViewMode ul {
    padding-left: 10px;
}

.SozlesmeContainerViewMode li {
    list-style: none;
}

.disabled-with-tooltip {
    pointer-events: auto !important;
}

.urunKiralamaDetayInputWidth {
    width: 400px;
}

.malKabulDetayListe table tr:hover {
    background-color: none !important;
}


.HorizontalMiktarUrunContainer .form-switch {
    margin-bottom: 0 !important;
}

.EtiketliCikisFormField2PaketFotografiContainer {
    display: block !important;
}

.DovizKurlariContainerInner .ItemAlisContainer {
    margin-left: 22px;
}

.DovizKurlariContainerInner .ItemSatisContainer {
    margin-left: 22px;
    margin-right: auto;
}

.ItemSatisContainer div .row label {
    color: #f00;
}

.DovizKurlariContainerInner .kurAdi {
    margin-left: 15px;
    font-size: 16px;
    /*padding-right:50px;*/
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.lvDovizKurlariListRowContainer {
    display: flex;
    flex-wrap: wrap;
    padding-right: 1.75rem;
}

.lvDovizKurlariListContainer .ItemInfoContainer {
    width: 95%;
    border: 1px #ddd solid;
    padding: 10px 0;
    margin-bottom: 10px;
}

.DovizKurlariContainerInner .ItemAlisContainer {
    margin-left: 22px;
}

.ItemAlisContainer div .row label {
    color: #f00;
    margin-left: 5px;
}

.lvDovizKurlariListContainer i {
    font-size: 45px;
    width: 100px;
    margin-bottom: 2px;
}

.lvDovizKurlariListContainer .kurAdi i {
    font-size: 16px;
    width: 25px;
}



.lvDovizKurlariListContainer .Alis {
    margin-left: 25px;
    font-size: 14px;
}

.lvDovizKurlariListContainer .Satis {
    margin-left: 20px;
    font-size: 14px;
}

.FaturaKalemListeSummary {
    margin-top: 15px;
    display: inline-block;
    float: right;
}

    .FaturaKalemListeSummary > div {
        float: right;
    }

    .FaturaKalemListeSummary td {
        padding: 3px;
        border: none;
    }

    .FaturaKalemListeSummary .tdListSummaryValue {
        text-align: right;
    }

    .FaturaKalemListeSummary .tdListSummaryTitle {
        color: #0056b3;
    }

.FaturaKalemViewListeSummary {
    margin-top: 15px;
    display: inline-block;
    float: right;
}

    .FaturaKalemViewListeSummary > div {
        float: right;
    }

    .FaturaKalemViewListeSummary td {
        padding: 3px;
        border: none;
    }

    .FaturaKalemViewListeSummary .tdListSummaryValue {
        text-align: right;
    }

    .FaturaKalemViewListeSummary .tdListSummaryTitle {
        color: #0056b3;
    }


.sidebar-brand img {
}
/*

.renk-kodu1 {
    background-color: #6571ff;
}

.renk-kodu2 {
    background-color: #7987a1;
}

.renk-kodu3 {
    background-color: #05a34a;
}

.renk-kodu4 {
    background-color: #f36;
}

.renk-kodu5 {
    background-color: #fbbc06;
}
.renk-kodu6 {
    background-color: #66d1d1;
}

.renk-kodu7 {
    background-color: #060c17;
}



.text-renk-kodu1 {
    color: #fff;
}

.text-renk-kodu2 {
    color: #fff;
}

.text-renk-kodu3 {
    color: #fff;
}

.text-renk-kodu4 {
    color: #fff;
}

.text-renk-kodu5 {
    color: #000;
}

.text-renk-kodu6 {
    color: #000;
}

.text-renk-kodu7 {
    color: #fff;
}





.badge-renk-kodu1 {
    background-color: #6571ff;
    color: #fff;
}

.badge-renk-kodu2 {
    background-color: #7987a1;
    color: #fff;
}

.badge-renk-kodu3 {
    background-color: #05a34a;
    color: #fff;
}

.badge-renk-kodu4 {
    background-color: #f36;
    color: #fff;
}

.badge-renk-kodu5 {
    background-color: #fbbc06;
    color: #000;
}

.badge-renk-kodu6 {
    background-color: #66d1d1;
    color: #000;
}

.badge-renk-kodu7 {
    background-color: #060c17;
    color: #fff;
}
*/

.ganttChartColumnClass {
    position: relative;
}

.ganttChartBarItem {
    position: absolute;
    display: inline-block;
    top: 9px;
    height: 30px;
    z-index: 1;
}

.ganttChartBarItem1 {
    background-color: #ff0000;
}

.ganttChartBarItem2 {
    background-color: #ffaacc;
}

.ganttChartBarItemProgressPercentageContainer {
    position: relative;
    width: 100%;
    height: 30px;
}

    .ganttChartBarItemProgressPercentageContainer div {
        position: absolute;
        height: 30px;
        left: 0;
        top: 0;
        /*background:rgba(0, 255, 0, 0.2);*/
    }

table.table-bordered tr th, table.table-bordered tr td {
    border-left: 1px #d8dbe1 solid !important;
    border-top: 1px #d8dbe1 solid !important;
    border-right: none !important;
    border-bottom: none !important;
}

.table-bordered tr th:last-child, .table-bordered tr td:last-child {
    border-right: 1px #d8dbe1 solid !important;
}

.table-bordered tr:last-child td {
    border-bottom: 1px #d8dbe1 solid !important;
}


table.table-bordered {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0px 0px !important;
}



/*.tdOverflowText150 > span {
    word-break: break-word;*/
/*word-wrap: break-word;*/
/*display: inline-block;
    max-width: 150px;
}*/
.tdOverflowText150 {
    word-break: break-word;
}

.UrunStokMiktarInnerContainer {
    padding: 5px 20px;
    border: 1px solid #EEE;
    height: auto !important;
}

.dvNavbarContainer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    /*flex-grow: 1*/
    /*    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    flex-grow: 1*/
}

.navbar .dvCollapseSearch {
    /*width: 40%;*/
    flex-direction: row;
    margin-left: auto;
}

.navbar .search-form {
}

    .navbar .search-form .input-group-text {
        padding-left: 10px !important;
    }

.txtSearchInput {
    margin-top: 0 !important;
}

.navbar .navbar-content .navbar-nav {
    flex-grow: 1;
}

.UrunStokMiktarInnerContainer label {
    width: 100px;
    text-align: right;
    display: inline-block;
}

.UrunStokMiktarInnerContainer span {
    width: 70px;
    text-align: right;
    display: inline-block;
}

    .UrunStokMiktarInnerContainer span.badge {
        text-align: center;
    }

.dvMultiSelectContainer ul li a i {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px;
    min-width: 20px;
}

.gridView .txtGridViewNoColumn {
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
}

.gridView td.txtGridViewMasterTextColumn {
    font-size: 16px;
    font-weight: bold;
}





.FiyatToplamaListSummary.gvListSummary .tdListSummaryValue {
    text-align: left !important;
}

.EtiketliCikisContainerSatir1 label {
    margin-right: 15px;
    margin-left: 40px;
}

.EtiketliCikisContainerSatir1 * {
    vertical-align: middle;
}

.EtiketliCikisContainerSatir1 .datepicker .input-group-addon:not(.txtAutoCompleteClear) {
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
}




.itemContainer .dvHeader + div {
    /* Stil tanımları buraya */
    background-color: yellow; /* Örnek bir stil tanımı */
}

.dvIntranatSosyalMedyaAnasayfa .sosyal-medya-container {
    display: block;
    margin-top: 20px;
    /*  margin-bottom: 10px;*/
}

    .dvIntranatSosyalMedyaAnasayfa .sosyal-medya-container .dvSablonGenisItemContaiener:first-child {
        margin-top: 0.75rem;
    }

    .dvIntranatSosyalMedyaAnasayfa .sosyal-medya-container .dvSablonGenisItemContaiener {
        margin-bottom: 10px;
    }

    .dvIntranatSosyalMedyaAnasayfa .sosyal-medya-container .sosyal-medya-container-header {
        /*     margin-bottom: 10px;*/
    }

.dvIntranatSosyalMedyaAnasayfa .dvSablonKareItemContaiener {
    display: inline-block !important;
}

.dvIntranatSosyalMedyaAnasayfa .dvSablonKareItemContaienerBlock {
    display: inline-block !important;
    /*width:100%;*/
}

    .dvIntranatSosyalMedyaAnasayfa .dvSablonKareItemContaienerBlock::before {
        /*content: '\A';*/ /* Unicode line break karakteri */
        /*white-space: pre;*/ /* Boşlukları koru */
        /*       content: ' ';
        display: block;*/
    }

    .dvIntranatSosyalMedyaAnasayfa .dvSablonKareItemContaiener .social-media-square-contain:not(:first-child), .dvIntranatSosyalMedyaAnasayfa .dvSablonKareItemContaienerBlock .social-media-square-contain:not(:first-child) {
        margin-top: 0.75rem
        /* margin-top: 2rem;*/
        /*      padding-left: 0.5rem;
        padding-right: 0.5rem;*/
    }

/*.lvSosyalMedyaButonListContainer .dvSablonKareItemContaiener:first-child .social-media-square-contain {
    padding-right: 0.6rem;
}

.lvSosyalMedyaButonListContainer .dvSablonKareItemContaiener:not(:first-child) .social-media-square-contain {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}*/
/*
    .dvIntranatSosyalMedyaAnasayfa .dvSablonKareItemContaiener .col-lg-12:first-child:not(.dvKareHeader) {
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important
    }*/
.dvIntranatSosyalMedyaAnasayfa .lvSosyalMedyaHesaplariListContainer .dvKareHeader {
    width: 80%;
    position: absolute;
    /*    display:block;*/
}

    .dvIntranatSosyalMedyaAnasayfa .lvSosyalMedyaHesaplariListContainer .dvKareHeader [name="ItemInfoContainerHeader"] {
        display: block;
    }

/*
        .dvIntranatSosyalMedyaAnasayfa .dvSablonKareItemContaiener .dvKareHeader:not(:first-child) {
            display: none !important;
    
        }*/


.dvIntranatSosyalMedyaAnasayfa .social-media-square-icon {
    padding-left: 0px;
    vertical-align: middle;
    align-content: center;
    align-items: center;
    line-height: 1rem;
    width: 3rem !important;
    height: 3rem;
    text-align: center;
    padding: 0px;
    display: grid !important;
    place-items: center !important;
}



    .dvIntranatSosyalMedyaAnasayfa .social-media-square-icon .btn-icon-prepend {
        text-align: left !important;
        font-size: 28px !important;
        margin: 0px !important;
        width: auto !important;
        height: auto !important;
    }

.trcHarflerContainer .itemContainer .row {
    justify-content: center !important;
}


.header-links ul li svg {
    margin-right: 5px;
}

.profile-header .editProfileBtn {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.profile-header .imgProfilePhoto {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 130px !important;
    height: 130px !important;
    border-radius: 100% !important;
}

.swiper-container[data-slider-modal-detail='1'] {
}


.swiper-wrapper {
    align-items: center !important;
}


.swiper-container[data-slider-modal-detail='1'] .swiper-wrapper a {
    display: inline-block;
}

.swiper-container[data-slider-modal-detail='1'] a {
    cursor: pointer !important;
}

.colorboxSwiperGallery #cboxLoadedContent {
    overflow-y: hidden !important;
}

#cboxPrevious, #cboxNext {
    background: none;
    background-color: transparent !important;
    border: none;
    text-indent: 0;
    top: 50%;
    margin-top: -22.5px;
    content: "" !important;
}

#cboxNext {
    right: 40px !important;
    left: auto !important;
}

    #cboxPrevious::before, #cboxNext::before {
        font-family: "Font Awesome 5 Pro" !important;
        font-size: 30px;
        color: #b4b4b4 !important;
        width: 45px !important;
        height: 45px !important;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        line-height: 1;
        font-weight: 900;
        text-indent: 0;
    }

#cboxPrevious::before {
    content: "\f060" !important;
}

#cboxNext::before {
    content: "\f061" !important;
}

#cboxCurrent {
    display: none !important;
}

.spnFileUploadDesc {
    font-size: 12px;
    display: block;
    margin-top: 10px;
}


.dvGaleriListContainer .galeriItemContainer .galeriItemInnerContainer {
    margin-bottom: 15px;
    /*background: #ffffff;*/
    /*border-radius: 5px;*/
    /*border: 3px solid #727cf5;
    min-height: 200px;
    overflow-y: hidden;*/
    padding: 15px;
}

.dvGaleriListContainer .galeriItemContainer .lnkGaleriItem {
    width: 100%;
    display: inline-block;
}

    .dvGaleriListContainer .galeriItemContainer .lnkGaleriItem span {
        width: 100%;
        display: inline-block;
        text-align: center;
    }

    .dvGaleriListContainer .galeriItemContainer .lnkGaleriItem img {
        width: 100%;
        height: auto;
        display: inline-block;
    }

    .dvGaleriListContainer .galeriItemContainer .lnkGaleriItem span.spnGaleriBaslik {
        margin-top: 10px;
        color: #000 !important;
        font-size: 14px;
        font-weight: bold;
        min-height: 40px;
        max-height: 40px;
        overflow-y: hidden;
    }


.w100 iframe {
    width: 100% !important;
}

.YapilacakDashboardItemKey {
    min-width: 200px;
}

.swal2-popup {
    width: 38em;
}

.gvUretimUrunSeriNoOperasyon .dvGridViewNoRecord,
.gvUBLListe .dvGridViewNoRecord,
.gvUBLBListe .dvGridViewNoRecord,
.gvUALListe .dvGridViewNoRecord,
.gvUALListe .dvGridViewNoRecord,
.gvUretimMalKabuluListe .dvGridViewNoRecord {
    width: 90%;
    font-size: 14px;
}

.SonlandirMsgContainer {
    margin: 30px auto;
}

.gvSatisKalemListe .dvSecenekListe {
    width: 150px;
}

.gvSatisKalemListe .dvSecenekListeItem {
    margin-bottom: 5px;
}

    .gvSatisKalemListe .dvSecenekListeItem .multiselect-container {
        min-width: 250px;
    }

.gridView .dvEkBilgiListeItem {
    margin-bottom: 5px;
}

    .gridView .dvEkBilgiListeItem .multiselect-container {
        min-width: 250px;
    }


.frmOnizleme {
    border: none;
    width: 100%;
    min-height: 400px;
    display: block;
}

.gvFormlarListe .form-yonetimi-liste-icon {
    width: 100%;
    height: 75px;
    font-size: 60px;
}


.profil-photo-edit-btn:hover {
    cursor: pointer;
}

.profil-photo-edit-btn {
    display: flex;
    position: absolute;
    border: 1px solid white;
    background-color: white;
    border-radius: 100%;
    width: 28px;
    height: 26px;
    padding: 4px 2px 2px 6px;
    margin: 0px !important;
    left: 80px;
    top: 75px;
    /*display: none;*/
    color: black;
}

.lnkEkSeceneklerAccordionH {
    color: #007bff;
    font-size: 14px;
}


.form-yonetimi-popover hr {
    margin-top: 5px;
    margin-bottom: 5px;
}


.form-yonetimi-popover .dvPopOverAccordionH a {
    color: #007bff !important;
    font-size: 14px;
    cursor: pointer;
}

.form-yonetimi-popover .control-label {
    color: #555555;
    font-weight: bold;
}

.form-yonetimi-popover .dvPopOverToolTip {
    float: right;
    margin-top: 2px;
}

.form-yonetimi-popover {
    padding: 0;
}

    .form-yonetimi-popover .controls {
        padding: 5px 15px;
        border-bottom: 1px solid #ccc;
    }

    .form-yonetimi-popover .dvBtnContainer {
        padding: 10px 15px;
    }

        .form-yonetimi-popover .dvBtnContainer .cancelC {
            top: 3px;
        }


    .form-yonetimi-popover .form .btn {
        margin-right: 5px !important;
    }

.MalKabuluPaketlemeLabelH {
    width: 80px;
    margin-top: 5px;
}

.MalKabuluBundleKodGirilen {
    margin-top: 5px;
    margin-left: 5px;
}

.MalKabuluEkleEtiketCikisContainer .form-switch-label::before {
    top: -2px;
}

.MalKabuluEkleEtiketCikisContainer .form-switch-label::after {
    top: -5px;
}

[name='MalKabulDetayContainerSection'] .PaketTipiC {
    margin-top: 0 !important;
}

/* Dijital Katalog - Begin */

.dvDijitalKatalogContainer {
}

    .dvDijitalKatalogContainer a {
        cursor: pointer;
    }

    .dvDijitalKatalogContainer h2 {
        font-size: 1.3rem;
    }

    .dvDijitalKatalogContainer h3 {
        font-size: 1.2rem;
    }

    .dvDijitalKatalogContainer h4 {
        font-size: 12px;
        font-weight: bold;
    }

.dvDijitalKatalogLogoContainer img {
    max-height: 150px;
}

.dvDijitalKatalogContainer .dropdown-submenu {
    position: relative;
}

    .dvDijitalKatalogContainer .dropdown-submenu > a:after {
        content: ">";
        float: right;
    }

    .dvDijitalKatalogContainer .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: 0px;
    }

    .dvDijitalKatalogContainer .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

.colShoppingCartContainer {
    position: relative;
}

.lnkDijitalKatalogSepetAcKapa {
    white-space: nowrap !important;
}

.navSepetContainer {
    float: right;
    padding-left: 0 !important;
}

    .navSepetContainer li {
        display: inline;
        padding-left: 20px;
    }

        .navSepetContainer li:first-child {
            padding-left: 0px !important;
        }

        .navSepetContainer li a {
            line-height: 40px;
        }

    .navSepetContainer a {
        color: #777777;
        text-decoration: none;
    }

.colShoppingCartContainer .badge {
    background-color: #727cf5;
    border-radius: 20px;
    color: white;
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 12px;
    padding: 0;
    line-height: 25px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    min-width: auto;
}


.dvDijitalKatalogSepetContainer {
    margin: 20px 0;
    float: right;
    background: white;
    width: 320px;
    position: relative;
    border-radius: 3px;
    padding: 20px;
    position: absolute;
    top: 10px;
    right: -5px;
    z-index: 2;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .dvDijitalKatalogSepetContainer:after {
        bottom: 100%;
        left: 89%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-bottom-color: white;
        border-width: 8px;
        margin-left: -8px;
    }

.dvDijitalKatalogSepetHeader {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}

.dvDijitalKatalogSepetToplamTutar {
    float: right;
}

.dvDijitalKatalogSepetItemListContainer {
    padding-top: 20px;
    padding-left: 0;
}

    .dvDijitalKatalogSepetItemListContainer li {
        margin-bottom: 18px;
        width: 100%;
    }

    .dvDijitalKatalogSepetItemListContainer img {
        float: left;
        margin-right: 12px;
        max-width: 100px;
    }

    .dvDijitalKatalogSepetItemListContainer .itemAdi {
        display: block;
        padding-top: 10px;
        font-size: 16px;
    }

    .dvDijitalKatalogSepetItemListContainer .itemBirimFiyat {
        color: #6394F8;
        margin-right: 8px;
    }

    .dvDijitalKatalogSepetItemListContainer .itemX {
        color: #6394F8;
        margin-right: 8px;
    }

    .dvDijitalKatalogSepetItemListContainer .itemMiktar {
        color: #ABB0BE;
    }

.dvDijitalKatalogSepetItemContainer {
    content: "";
    display: table !important;
    clear: both;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}


.dvDijitalKatalogUrunKategoriSayfaContainer {
}


.dvDijitalKatalogHeaderRow {
    margin-top: 20px;
    /*margin-bottom: 20px;*/
}

.dvDijitalKatalogKategoriItemContainer {
    margin: 10px 0;
}

    .dvDijitalKatalogKategoriItemContainer a {
    }

        .dvDijitalKatalogKategoriItemContainer a.lnkDijitalKatalogKategoriItemImg {
        }

            .dvDijitalKatalogKategoriItemContainer a.lnkDijitalKatalogKategoriItemImg img {
                width: 100%;
            }

        .dvDijitalKatalogKategoriItemContainer a.lnkDijitalKatalogKategoriItem {
            display: inline-block;
            width: 100%;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            padding: 5px 0;
            min-height: 50px;
            overflow-y: hidden;
        }

.dvDijitalKatalogUrunKategoriBreadcrumbContainerRow .kategori-list-select-button-group {
    text-align: right;
}

    .dvDijitalKatalogUrunKategoriBreadcrumbContainerRow .kategori-list-select-button-group .kategori-list-select-icon {
        /* margin-left:5px;*/
        border: 0px solid;
        background-color: transparent;
    }

.dvDijitalKatalogUrunItemContainer {
    margin: 10px 0;
    text-align: center;
}

    .dvDijitalKatalogUrunItemContainer a {
    }


        .dvDijitalKatalogUrunItemContainer a.lnkDijitalKatalogUrunItemImg {
            width: 100%;
        }


        .dvDijitalKatalogUrunItemContainer a.lnkDijitalKatalogUrunItem {
            display: inline-block;
            width: 100%;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            padding: 5px 0;
            min-height: 50px;
            overflow-y: hidden;
        }

    .dvDijitalKatalogUrunItemContainer .product-buttons {
        display: inline-block;
        text-align: center;
    }

    .dvDijitalKatalogUrunItemContainer .product-quantity {
        display: inline-block;
        vertical-align: middle;
    }

    .dvDijitalKatalogUrunItemContainer .form-control {
        width: 60px;
        text-align: center;
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }


    .dvDijitalKatalogUrunItemContainer .lnkDijitalKatalogUrunSepeteEkle {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
    }

.dvDijitalKatalogUrunDetayContainer .col-secenek-contain-first {
    padding-top: 20px;
}

.col-secenek-contain {
    padding-top: 10px;
    padding-bottom: 10px;
}


.baslik-uyari-font {
    color: red !important;
    font-size: 10px;
}


.dvDijitalKatalogUrunDetayUrunSliderContainer {
    display: inline-block;
    width: 100%;
    height: 100%;
    max-width: 520px;
}


    /* ✅ Büyük slider görselleri kare olacak */
    .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-top .swiper-slide a {
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1; /* Kare alan */
        background: #c0c0c0; /* Siyah bant */
        overflow: hidden;
    }

    .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-top .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Görseli orantılı yerleştir */
        background: #c0c0c0;
        display: block;
    }

    /* ✅ Thumbnail (küçük önizleme) görselleri kare olacak */
    .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs .swiper-slide a {
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        background: #c0c0c0;
        overflow: hidden;
    }

    .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        background: #c0c0c0;
        display: block;
    }

    .dvDijitalKatalogUrunDetayUrunSliderContainer .urun-gorselleri-contain, .dvDijitalKatalogUrunDetayUrunSliderContainer .urun-gorselleri-contain-2 {
        position: relative;
        /*height: 400px;*/
    }

    .dvDijitalKatalogUrunDetayUrunSliderContainer .swiper-container {
        /*    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;*/
    }

    .dvDijitalKatalogUrunDetayUrunSliderContainer .swiper-slide {
        background-size: cover;
        background-position: center;
    }

        .dvDijitalKatalogUrunDetayUrunSliderContainer .swiper-slide img {
            width: 100%;
        }

    .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-top, .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-top-2 {
        height: 80%;
        width: 100%;
    }

    .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs, .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs-2 {
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }

        .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs .swiper-slide, .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs-2 .swiper-slide {
            width: 25%;
            height: 100%;
            opacity: 0.4;
        }

        .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs .swiper-slide-thumb-active, .dvDijitalKatalogUrunDetayUrunSliderContainer .gallery-thumbs-2 .swiper-slide-thumb-active {
            opacity: 1;
        }

.btnDijitalKatalogSepeteEkle {
    font-size: 1rem;
    padding: 0.8rem 4rem;
}

.txtDijitalKatalogInputSearch {
    height: calc(1.5em + 0.75rem + 12px);
}

/* .dvInputSearchContainerDesktop {
    }

    .dvInputSearchContainerMobile {
        display: none;
    }
*/

.stellarnav {
    z-index: 100;
}

.dvDijitalKatalogHeaderMenuContainer .stellarnav, .dvDijitalKatalogHeaderMenuContainer .stellarnav ul {
    /*background-color: #727cf5;*/
}

    .dvDijitalKatalogHeaderMenuContainer .stellarnav.mobile > a {
        width: 100%;
    }

    .dvDijitalKatalogHeaderMenuContainer .stellarnav ul ul {
        /*background-color: #727cf5;*/
        /*background-color:#999;*/
    }

    .dvDijitalKatalogHeaderMenuContainer .stellarnav.mobile.dark ul {
        /*background-color: #727cf5;*/
    }
    /*.dvDijitalKatalogHeaderMenuContainer .stellarnav.mobile.dark ul ul {
            background-color: #999;
        }*/
    .dvDijitalKatalogHeaderMenuContainer .stellarnav.mobile.left > ul, .dvDijitalKatalogHeaderMenuContainer .stellarnav.mobile.right > ul {
        top: 60px;
    }


    .dvDijitalKatalogHeaderMenuContainer .stellarnav a:hover {
        color: #fff;
    }

.dvDijitalKatalogHeaderMenuContainer .dvDijitalKatalogUrunMenuMobileDevice .stellarnav.mobile.left > ul, .dvDijitalKatalogHeaderMenuContainer .dvDijitalKatalogUrunMenuMobileDevice .stellarnav.mobile.right > ul {
    top: 0px;
}

.dvDijitalKatalogHeaderMenuContainer .stellarnav .icon-close::after, .dvDijitalKatalogHeaderMenuContainer .stellarnav .icon-close::before {
    right: 10px;
}

.dvDijitalKatalogHeaderMenuContainer .stellarnav ul {
    text-align: left;
}

.dvDijitalKatalogHeaderMenuContainer .stellarnav > ul > li {
    width: 100%;
}

.dvDijitalKatalogHeaderMenuContainer .dvDijitalKatalogUrunMenuMobileDevice .stellarnav.mobile.left > ul ul li a:not(.dd-toggle), .dvDijitalKatalogHeaderMenuContainer .dvDijitalKatalogUrunMenuMobileDevice .stellarnav.mobile.right > ul ul li a:not(.dd-toggle) {
    padding-left: 25px;
}

.dvDijitalKatalogHeaderMenuContainer .dvDijitalKatalogUrunMenuMobileDevice .stellarnav.mobile.left > ul ul ul li a:not(.dd-toggle), .dvDijitalKatalogHeaderMenuContainer .dvDijitalKatalogUrunMenuMobileDevice .stellarnav.mobile.right > ul ul ul li a:not(.dd-toggle) {
    padding-left: 50px;
}

.dvDijitalKatalogHeaderMenuContainer .stellarnav > ul > li.has-sub > a:after {
    position: absolute;
    right: 20px;
    top: 20px;
}


.stellarnav.mobile.left > ul, .stellarnav.mobile.right > ul {
    z-index: 1;
}

.dvDijitalKatalogUrunKategoriSayfaContainer .btnKategori {
    font-size: 1rem;
    padding: 0.7rem 1rem;
    width: 100%;
}

    .dvDijitalKatalogUrunKategoriSayfaContainer .btnKategori i {
        margin-right: 20px;
    }

    .dvDijitalKatalogUrunKategoriSayfaContainer .btnKategori:after {
        position: relative;
        right: -3rem;
    }

.dvDijitalKatalogUrunYok {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    font-size: 1.2rem;
}

.ulDijitalKatalogBreadcrumb {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 20px;
    display: inline-block;
}

    .ulDijitalKatalogBreadcrumb li {
        list-style: none;
        float: left;
    }

        .ulDijitalKatalogBreadcrumb li:after {
            content: '>';
            margin: 0 10px;
        }

        .ulDijitalKatalogBreadcrumb li:last-child::after {
            display: none;
        }

        .ulDijitalKatalogBreadcrumb li a {
            font-size: 1.1rem;
            color: #000;
        }

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .colShoppingCartContainer {
        text-align: center;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .colShoppingCartContainer {
        text-align: center;
    }
}

@media (max-width:991.98px) {
    .customHDdiv a {
        width: unset !important;
    }

    /* .dvInputSearchContainerDesktop {
            display: none;
        }

        .dvInputSearchContainerMobile {
            display: block;
        }*/

    .navSepetContainer {
        margin-bottom: 0 !important;
        line-height: 1;
    }

        .navSepetContainer li {
            /*line-height: 1;*/
        }

    .dvDijitalKatalogLogoContainer img {
        width: 100%;
        max-height: none;
    }

    .dvDijitalKatalogUrunKategoriSayfaContainer.container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width:575.99px) {
    .navSepetContainer {
        width: 100%;
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

        .navSepetContainer li {
            display: inline-block;
            width: 100% !important;
            text-align: center;
        }

            .navSepetContainer li:last-child {
                margin-bottom: 20px;
            }

    .col-urun-bilgileri {
        margin-top: 20px;
    }
}


/* Dijital Katalog - End */
.SYIKEkBilgiGruplariContainerCS {
    display: contents !important;
}

.SatisKalemListeSummary .tdListSummaryTitle {
    text-align: right;
}

.btnUrunlerTopluIslemContainer .dropdown-menu {
    width: 150px !important;
}

.gvTListe .fc-time-grid-event {
    cursor: pointer;
}

.MusteriLokasyonBilgisiLbl label {
    margin-top: -1px;
}

.DemirbasLokasyonBilgisiLbl label {
    margin-top: -1px;
}

[data-lightbox-image-link='1'] {
    cursor: pointer;
}

.btnIzinlerTopluIslemContainer .dropdown-menu {
    width: 200px !important;
}

.sidebar.sidebar-has-footer .sidebar-body {
    max-height: calc(100% - 105px);
}

.sidebar-footer {
    padding: 10px;
    list-style: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 240px;
    height: 45px;
    margin-bottom: 0;
    background: #fff;
    border-top: 2px #f2f2f2 solid;
    text-align: center;
}

    .sidebar-footer img.imgFooterOneScreenLogo {
        height: 25px;
        margin: 0 auto;
    }

    .sidebar-footer img.imgFooterOneScreenLogoIcon {
        display: block;
        width: 0;
        margin: 0 auto;
        transform: translate(9999px);
        opacity: 0;
    }

.sidebar-folded:not(.open-sidebar-folded) .sidebar-footer {
    width: 70px;
}

    .sidebar-folded:not(.open-sidebar-folded) .sidebar-footer img.imgFooterOneScreenLogo {
        display: none;
    }

    .sidebar-folded:not(.open-sidebar-folded) .sidebar-footer img.imgFooterOneScreenLogoIcon {
        display: block;
        height: 25px;
        width: auto;
        margin: 0 auto;
        transition: opacity 0.2s linear;
        transform: translate(0);
        opacity: 1;
        margin-top: 0px;
    }

.dvUrunOperasyonIslemSagInner .HorizontalMiktarUrunContainer .row div:first-of-type.input-group {
    width: 200px;
}

.form-edit-mode[name="UIOMR_GelenOdemeBilgileriFormuResponse.ItemFormEditMode.ItemFormEditMode"] {
    max-width: initial !important;
}

[name="OdemeYontemiInnerContainer"] .form-view-mode {
    margin-left: 10px;
}

.dvUrunOperasyonIslemSagInner div.IslemContainer {
    border: 1px solid #DDD;
    padding: 10px;
}


.dvUrunOperasyonIslemSagInner div.TekliIslemContainer {
    margin-block: 10px;
}

[name='DepoSevkiyatCikisYapBtnInnerContainer'] {
    width: 1000px;
}


[name='SevkiyatDetayFormEditMode'] input {
    padding-left: 5px;
    padding-right: 5px;
}

.RaporIzinSuresi > .input-group {
    float: left;
}

.RaporIzinSuresi > span {
    padding: 0 0 0 5px;
}

.SubHeader label {
    color: black !important;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}


.dvKurulumInitialCheckListRow.form-edit-mode {
    max-width: none;
}

.dvKurulumInitialCheckListRow .input-group {
    max-width: 160px;
}


.ObjectModelItemIDSearchRowCssClass {
    background-color: #ffdddd !important;
}

select[data-multi-select='1'], select[data-select-with-search='1'] {
    /*display:none;*/
    max-height: 35px;
}


.form-edit-mode:not(.form-controls-w100) .dvSmallFormFieldWith2Input .input-group {
    width: 100% !important;
}

.lvDokumanlarListView a {
    display: inline-block;
}

.lvDokumanlarListView {
    width: 100%;
}

.fc-time-grid-event .fc-title {
    white-space: nowrap;
}

.fc-tooltip-container {
    padding: 5px;
    min-width: 140px;
    min-height: 140px;
    background: #f8f8f8;
    border: 1px #ccc solid;
    border-radius: 3px;
    color: #0c5460 !important;
    font-size: 12px;
    position: absolute;
    z-index: 10001
}


.lblKullanimKilavuzuSayfaBaslik {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.dvKullanimKilavuzuSayfaDetayItem {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px #eee solid;
}

    .dvKullanimKilavuzuSayfaDetayItem:last-child {
        border-bottom: none;
    }

    .dvKullanimKilavuzuSayfaDetayItem video {
        width: 100%;
        height: auto;
    }


.dvKullanimKilavuzuUserManualItem {
    padding-top: 3px;
    padding-bottom: 3px;
}

.iMenuFA {
    font-size: 14px !important;
    margin-right: 16px !important;
}

.dvMalKabuluRaflama .input-group {
    display: flex;
}

    .dvMalKabuluRaflama .input-group input {
        width: 1%;
    }

.gvToplamaAyristirma td {
    vertical-align: top;
    height: 80px;
}

.gvToplamaAyristirma .dgToplamaAyristirmaHucreKodu {
    font-size: 16px;
    text-align: center;
}

.gvToplamaAyristirma .dgToplamaAyristirmaSevkiyatNo, .gvToplamaAyristirma .dgToplamaAyristirmaSevkiyatNo {
    margin-top: 4px;
    text-align: center;
}

.TotalRow span, .TotalRowViewMode span {
    font-weight: bold;
}

[name=SevkiyatToplamaListesiDetayInnerContainerForm] {
    min-width: 870px;
}

.dvUretimIsIstasyonuUretimKontrolContainer {
    padding: 5px !important;
}
/*}*/

.btnDemirbaslerTopluIslemContainer .dropdown-menu {
    width: 340px !important;
}

.dvOrganizasyonSemasiContainer {
    text-align: center;
}



.dvActiveDirectoryEntegrasyonItemContainer[data-dynamic-visibility] .form-group {
    margin-left: 30px;
    background-color: #f2f2f2;
    margin-bottom: 0 !important;
    padding-bottom: 5px;
    padding-top: 5px;
    width: calc(100% - 32px) !important;
    flex: 0 0 calc(100% - 32px);
}

.has-common-model-value .dvFormFieldDescriptionBox {
    max-width: 100%;
    background-color: #f0f0f0;
    font-size: 11px;
}

.has-common-model-value {
    border: 1px dashed #ccc;
    padding-top: 3px;
    padding-bottom: 3px;
    background: #f0f9ff;
}

.dvUUOIDDokumanListe .dvGridViewNoRecord {
    width: 90%;
    font-size: 14px;
    margin-top: 20px;
}

[name=GenericExcelYukleContainer] [name=OkunanContainer] .dg_header_lbl {
    width: calc(100vw - 100px);
    display: inline-block;
    text-align: center
}

.DevamEdenUretimlerContainer .card {
    min-height: auto;
}

.DevamEdenUretimlerContainer .dropdown-menu {
    max-width: 500px;
}


.DevamEdenUretimlerContainer .timer-container .btn {
    padding: 5px 8px;
    margin-left: 5px;
}

[name=LabelKodKalemContainer] .RaflamaContainer {
    margin-left: 320px;
    padding-left: 30px;
}

    [name=LabelKodKalemContainer] .RaflamaContainer .form-group {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        [name=LabelKodKalemContainer] .RaflamaContainer .form-group .col-form-label {
            margin-bottom: 0;
        }

.EtiketYazdirInnerContainer, .EtiketYazdirSwitchContainer {
    min-height: 35px;
    display: inline-block;
    vertical-align: middle;
}

    .EtiketYazdirSwitchContainer span, .EtiketYazdirSwitchContainer div {
        display: inline-block;
        vertical-align: middle;
    }

.lnkPaylasimSil i, .lnkYorumSil i {
    font-size: 13px;
}

.yetkilerLbl > .alert > ul > li {
    font-weight: bold;
}

    .yetkilerLbl > .alert > ul > li > ul {
        padding-left: 0;
    }

        .yetkilerLbl > .alert > ul > li > ul > li {
            font-weight: normal;
            margin-left: 30px;
        }

[name="PAFormEditMode"] .uploadifive-button {
    margin-right: 5px;
}

.imgFileUploadPreviewThumbnail {
    max-width: 85% !important;
    height: auto;
}

.lvEkibimizListContainer .dvKullaniciProfilResmi {
    display: inline-block;
    width: 100% !important;
    vertical-align: top;
}

    .lvEkibimizListContainer .dvKullaniciProfilResmi .imgProfile {
        width: 100%;
        height: auto;
        border-radius: 100%;
    }

.lvEkibimizListContainer .ekibimizItemContainer .ekibimizItemInnerContainer {
    margin-bottom: 15px;
    background: #ffffff;
    border-radius: 5px;
    border-left: 3px solid #727cf5;
    min-height: 200px;
    overflow-y: hidden;
    padding: 15px;
    /*max-height: 220px;*/
}

.lvEkibimizListContainer .ekibimizItemContainer .ekibimizAdSoyadLbl {
    font-weight: 600;
    font-size: 14px;
    color: #007bff;
}

.lvEkibimizListContainer .dbEkibimizBilgiler .form-view-mode .row {
    width: 100%;
    margin-left: 0px !important;
}


@media (max-width:768px) {
    .lvEkibimizListContainer [name="BilgilerInnerContainer"] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .lvEkibimizListContainer [name="ProfilResmiContainer"] {
        text-align: center;
        margin-bottom: 20px;
    }

    .lvEkibimizListContainer .dvKullaniciProfilResmi .imgProfile {
        width: 50%;
        margin: 0 auto;
    }
}




.bg-instagram {
    margin-top: 5px;
    border-radius: 10px;
    border: none !important;
    margin-bottom: 5px;
    height: 50px;
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    /*background: #f09433;
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);*/
    /*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
*/
    background: rgb(240,148,51);
    background: linear-gradient(45deg, rgba(240,148,51,1) 0%, rgba(230,104,60,1) 25%, rgba(240,148,51,1) 50%, rgba(204,35,102,1) 75%, rgba(188,24,136,1) 100%);
}

.bg-twitter {
    margin-top: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    border: none !important;
    height: 50px;
    display: block !important;
    width: 100% !important;
    background: #0f1419;
    /*background: #1D9BF0;*/
}

.bg-facebook {
    margin-top: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    border: none !important;
    height: 50px;
    display: block !important;
    width: 100% !important;
    background: #3B5998;
}

.bg-whatsapp {
    margin-top: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    border: none !important;
    height: 50px;
    display: block !important;
    width: 100% !important;
    background: #25D366;
}


.bg-website {
    margin-top: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    border: none !important;
    height: 50px;
    display: block !important;
    width: 100% !important;
    background-color: rgb(0,153,255);
}

.bg-youtube {
    margin-top: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    border: none !important;
    height: 50px;
    display: block !important;
    width: 100% !important;
    background: #c4302b;
}



.bg-linkedin {
    margin-top: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
    border: none !important;
    height: 50px;
    display: block !important;
    width: 100% !important;
    background: #0072b1;
}

.dvIntranatSosyalMedyaAnasayfa .btn-icon-prepend {
    font-size: 18px !important;
    margin-right: 20px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    margin-top: -4px;
    /*float:left;*/
}

.social-media {
    color: white;
    font-size: 18px;
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
}

    .social-media i {
        /*float:left;*/
        display: inline-block;
        vertical-align: middle;
    }

    .social-media:hover {
        color: white;
    }

.dvIntranatSosyalMedyaAnasayfa {
    margin-top: 20px;
}

    .dvIntranatSosyalMedyaAnasayfa .ItemInfoContainer.d-inline-block {
        width: 100% !important;
    }



/* <Renk Kodu Tanımları> */

/*Primary*/
.btn-renk-kodu-1 {
    color: #fff;
    background-color: #727cf5;
    border-color: #727cf5;
}

    .btn-renk-kodu-1:hover {
        color: #fff;
        background-color: #4e5bf2;
        border-color: #4250f2;
    }

    .btn-renk-kodu-1:focus, .btn-renk-kodu-1.focus {
        box-shadow: 0 0 0 0.2rem rgba(135, 144, 247, 0.5);
    }

    .btn-renk-kodu-1.disabled, .btn-renk-kodu-1:disabled {
        color: #fff;
        background-color: #727cf5;
        border-color: #727cf5;
    }

    .btn-renk-kodu-1:not(:disabled):not(.disabled):active, .btn-renk-kodu-1:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-1.dropdown-toggle {
        color: #fff;
        background-color: #4250f2;
        border-color: #3645f1;
    }

        .btn-renk-kodu-1:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-1:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-1.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(135, 144, 247, 0.5);
        }

.text-renk-kodu-1 {
    color: #727cf5 !important;
}

a.text-renk-kodu-1:hover, a.text-renk-kodu-1:focus {
    color: #2b3af0 !important;
}

.badge-renk-kodu-1 {
    color: #fff;
    background-color: #727cf5;
}

a.badge-renk-kodu-1:hover, a.badge-renk-kodu-1:focus {
    color: #fff;
    background-color: #4250f2;
}

a.badge-renk-kodu-1:focus, a.badge-renk-kodu-1.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(114, 124, 245, 0.5);
}


/*Secondary*/
.btn-renk-kodu-2 {
    color: #fff;
    background-color: #e9ecef;
    border-color: #e9ecef;
}

    .btn-renk-kodu-2:hover {
        color: #fff;
        background-color: #d5dde6;
        border-color: #d5dde6;
    }

    .btn-renk-kodu-2:focus, .btn-renk-kodu-2.focus {
        box-shadow: 0 0 0 0.2rem rgba(213, 221, 230, 0.5);
    }

    .btn-renk-kodu-2.disabled, .btn-renk-kodu-2:disabled {
        color: #fff;
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

    .btn-renk-kodu-2:not(:disabled):not(.disabled):active, .btn-renk-kodu-2:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-2.dropdown-toggle {
        color: #fff;
        background-color: #e9ecef;
        border-color: #e9ecef;
    }

        .btn-renk-kodu-2:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-2:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-2.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(213, 221, 230, 0.5);
        }

.text-renk-kodu-2 {
    color: #d5dde6 !important;
}

a.text-renk-kodu-2:hover, a.text-renk-kodu-2:focus {
    color: #d5dde6 !important;
}

.badge-renk-kodu-2 {
    color: #fff;
    background-color: #d5dde6;
}

a.badge-renk-kodu-2:hover, a.badge-renk-kodu-2:focus {
    color: #fff;
    background-color: #d5dde6;
}

a.badge-renk-kodu-2:focus, a.badge-renk-kodu-2.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(213, 221, 230, 0.5);
}

/*Success*/
.btn-renk-kodu-3 {
    color: #fff !important;
    background-color: #10b759;
    border-color: #10b759;
}

    .btn-renk-kodu-3:hover {
        color: #fff;
        background-color: #0d9448;
        border-color: #0c8842;
    }

    .btn-renk-kodu-3:focus, .btn-renk-kodu-3.focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 194, 114, 0.5);
    }

    .btn-renk-kodu-3.disabled, .btn-renk-kodu-3:disabled {
        color: #fff;
        background-color: #10b759;
        border-color: #10b759;
    }

    .btn-renk-kodu-3:not(:disabled):not(.disabled):active, .btn-renk-kodu-3:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-3.dropdown-toggle {
        color: #fff;
        background-color: #0c8842;
        border-color: #0b7c3c;
    }

        .btn-renk-kodu-3:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-3:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-3.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(52, 194, 114, 0.5);
        }

.text-renk-kodu-3 {
    color: #10b759 !important;
}

a.text-renk-kodu-3:hover, a.text-renk-kodu-3:focus {
    color: #0a7137 !important;
}

.badge-renk-kodu-3 {
    color: #fff;
    background-color: #10b759;
}

a.badge-renk-kodu-3:hover, a.badge-renk-kodu-3:focus {
    color: #fff;
    background-color: #0c8842;
}

a.badge-renk-kodu-3:focus, a.badge-renk-kodu-3.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(16, 183, 89, 0.5);
}

/*Danger*/
.btn-renk-kodu-4 {
    color: #fff !important;
    background-color: #ff3366;
    border-color: #ff3366;
}

    .btn-renk-kodu-4:hover {
        color: #fff;
        background-color: #ff0d49;
        border-color: #ff0040;
    }

    .btn-renk-kodu-4:focus, .btn-renk-kodu-4.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 82, 125, 0.5);
    }

    .btn-renk-kodu-4.disabled, .btn-renk-kodu-4:disabled {
        color: #fff;
        background-color: #ff3366;
        border-color: #ff3366;
    }

    .btn-renk-kodu-4:not(:disabled):not(.disabled):active, .btn-renk-kodu-4:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-4.dropdown-toggle {
        color: #fff;
        background-color: #ff0040;
        border-color: #f2003d;
    }

        .btn-renk-kodu-4:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-4:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-4.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 82, 125, 0.5);
        }

.text-renk-kodu-4 {
    color: #ff3366 !important;
}

a.text-renk-kodu-4:hover, a.text-renk-kodu-4:focus {
    color: #e60039 !important;
}

.badge-renk-kodu-4 {
    color: #fff;
    background-color: #ff3366;
}

a.badge-renk-kodu-4:hover, a.badge-renk-kodu-4:focus {
    color: #fff;
    background-color: #ff0040;
}

a.badge-renk-kodu-4:focus, a.badge-renk-kodu-4.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 51, 102, 0.5);
}

/*Warning*/
.btn-renk-kodu-5 {
    color: #212529;
    background-color: #fbbc06;
    border-color: #fbbc06;
}

    .btn-renk-kodu-5:hover {
        color: #212529;
        background-color: #d7a103;
        border-color: #cb9703;
    }

    .btn-renk-kodu-5:focus, .btn-renk-kodu-5.focus {
        box-shadow: 0 0 0 0.2rem rgba(218, 165, 11, 0.5);
    }

    .btn-renk-kodu-5.disabled, .btn-renk-kodu-5:disabled {
        color: #212529;
        background-color: #fbbc06;
        border-color: #fbbc06;
    }

    .btn-renk-kodu-5:not(:disabled):not(.disabled):active, .btn-renk-kodu-5:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-5.dropdown-toggle {
        color: #fff;
        background-color: #cb9703;
        border-color: #be8e03;
    }

        .btn-renk-kodu-5:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-5:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-5.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(218, 165, 11, 0.5);
        }

.text-renk-kodu-5 {
    color: #fbbc06 !important;
}

a.text-renk-kodu-5:hover, a.text-renk-kodu-5:focus {
    color: #b28503 !important;
}


.badge-renk-kodu-5 {
    color: #212529;
    background-color: #fbbc06;
}

a.badge-renk-kodu-5:hover, a.badge-renk-kodu-5:focus {
    color: #212529;
    background-color: #cb9703;
}

a.badge-renk-kodu-5:focus, a.badge-renk-kodu-5.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(251, 188, 6, 0.5);
}

/*Info*/
.btn-renk-kodu-6 {
    color: #212529;
    background-color: #66d1d1;
    border-color: #66d1d1;
}

    .btn-renk-kodu-6:hover {
        color: #212529;
        background-color: #49c8c8;
        border-color: #3fc5c5;
    }

    .btn-renk-kodu-6:focus, .btn-renk-kodu-6.focus {
        box-shadow: 0 0 0 0.2rem rgba(92, 183, 184, 0.5);
    }

    .btn-renk-kodu-6.disabled, .btn-renk-kodu-6:disabled {
        color: #212529;
        background-color: #66d1d1;
        border-color: #66d1d1;
    }

    .btn-renk-kodu-6:not(:disabled):not(.disabled):active, .btn-renk-kodu-6:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-6.dropdown-toggle {
        color: #212529;
        background-color: #3fc5c5;
        border-color: #39bebe;
    }

        .btn-renk-kodu-6:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-6:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-6.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(92, 183, 184, 0.5);
        }

.text-renk-kodu-6 {
    color: #66d1d1 !important;
}

a.text-renk-kodu-6:hover, a.text-renk-kodu-6:focus {
    color: #36b4b4 !important;
}

.badge-renk-kodu-6 {
    color: #212529;
    background-color: #66d1d1;
}

a.badge-renk-kodu-6:hover, a.badge-renk-kodu-6:focus {
    color: #212529;
    background-color: #3fc5c5;
}

a.badge-renk-kodu-6:focus, a.badge-renk-kodu-6.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(102, 209, 209, 0.5);
}


/*Dark*/
.btn-renk-kodu-7 {
    color: #fff !important;
    background-color: #060c17;
    border-color: #060c17;
}

    .btn-renk-kodu-7:hover {
        color: #fff !important;
        background-color: #000;
        border-color: #060c17;
    }

    .btn-renk-kodu-7:focus, .btn-renk-kodu-7.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
    }

    .btn-renk-kodu-7.disabled, .btn-renk-kodu-7:disabled {
        color: #fff !important;
        background-color: #060c17;
        border-color: #060c17;
    }

    .btn-renk-kodu-7:not(:disabled):not(.disabled):active, .btn-renk-kodu-7:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-7.dropdown-toggle {
        color: #fff !important;
        background-color: #060c17;
        border-color: #cccccc;
    }

        .btn-renk-kodu-7:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-7:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-7.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
        }

.text-renk-kodu-7 {
    color: #333 !important;
}

a.text-renk-kodu-7:hover, a.text-renk-kodu-7:focus {
    color: #000 !important;
}

.badge-renk-kodu-7 {
    color: #fff;
    background-color: #060c17;
}

a.badge-renk-kodu-7:hover, a.badge-renk-kodu-7:focus {
    color: #fff;
    background-color: #060c17;
}

a.badge-renk-kodu-7:focus, a.badge-renk-kodu-7.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);
}

/*Mavi*/
.btn-renk-kodu-8 {
    color: #fff !important;
    background-color: #0368d5 !important;
    border-color: #0368d5 !important;
}

    .btn-renk-kodu-8:hover {
        color: #fff;
        background-color: #00438b !important;
        border-color: #00438b !important;
    }

    .btn-renk-kodu-8:focus, .btn-renk-kodu-8.focus {
        background-color: #00438b !important;
        border-color: #00438b !important;
    }

    .btn-renk-kodu-8.disabled, .btn-renk-kodu-8:disabled {
        color: #fff;
        background-color: #00438b !important;
        border-color: #00438b !important;
    }

    .btn-renk-kodu-8:not(:disabled):not(.disabled):active, .btn-renk-kodu-8:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-8.dropdown-toggle {
        color: #fff;
        background-color: #00438b !important;
        border-color: #00438b !important;
    }

        .btn-renk-kodu-8:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-8:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-8.dropdown-toggle:focus {
            background-color: #00438b !important;
            border-color: #00438b !important;
        }

.text-renk-kodu-8 {
}

.text-renk-kodu-8 {
    color: #0368d5 !important;
}

a.text-renk-kodu-8:hover, a.text-renk-kodu-8:focus {
    color: #00438b !important;
}

.badge-renk-kodu-8 {
    color: #fff;
    background-color: #0368d5;
}

a.badge-renk-kodu-8:hover, a.badge-renk-kodu-8:focus {
    color: #fff;
    background-color: #00438b;
}

a.badge-renk-kodu-8:focus, a.badge-renk-kodu-8.focus {
    outline: 0;
    background-color: #00438b;
}



/*Turuncu*/
.btn-renk-kodu-9 {
    color: #fff;
    background-color: #fc870a;
    border-color: #fc870a;
}

    .btn-renk-kodu-9:hover {
        color: #fff;
        background-color: #de7b12;
        border-color: #de7b12;
    }

    .btn-renk-kodu-9:focus, .btn-renk-kodu-9.focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 123, 18, 0.5);
    }

    .btn-renk-kodu-9.disabled, .btn-renk-kodu-9:disabled {
        color: #fff;
        background-color: #fc870a;
        border-color: #fc870a;
    }

    .btn-renk-kodu-9:not(:disabled):not(.disabled):active, .btn-renk-kodu-9:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-9.dropdown-toggle {
        color: #fff;
        background-color: #fc870a;
        border-color: #fc870a;
    }

        .btn-renk-kodu-9:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-9:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-9.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(222, 123, 18, 0.5);
        }

.text-renk-kodu-9 {
    color: #fc870a !important;
}

a.text-renk-kodu-9:hover, a.text-renk-kodu-9:focus {
    color: #fc870a !important;
}

.badge-renk-kodu-9 {
    color: #fff;
    background-color: #fc870a;
}

a.badge-renk-kodu-9:hover, a.badge-renk-kodu-9:focus {
    color: #fff;
    background-color: #fc870a;
}

a.badge-renk-kodu-9:focus, a.badge-renk-kodu-9.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(222, 123, 18, 0.5);
}


/*Açık Yeşil*/
.btn-renk-kodu-10 {
    color: #333;
    background-color: #9ddb18;
    border-color: #9ddb18;
}

    .btn-renk-kodu-10:hover {
        color: #333;
        background-color: #91c720;
        border-color: #91c720;
    }

    .btn-renk-kodu-10:focus, .btn-renk-kodu-10.focus {
        box-shadow: 0 0 0 0.2rem rgba(145, 199, 32, 0.5);
    }

    .btn-renk-kodu-10.disabled, .btn-renk-kodu-10:disabled {
        color: #333;
        background-color: #9ddb18;
        border-color: #9ddb18;
    }

    .btn-renk-kodu-10:not(:disabled):not(.disabled):active, .btn-renk-kodu-10:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-10.dropdown-toggle {
        color: #333;
        background-color: #9ddb18;
        border-color: #9ddb18;
    }

        .btn-renk-kodu-10:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-10:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-10.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(145, 199, 32, 0.5);
        }

.text-renk-kodu-10 {
    color: #9ddb18 !important;
}

a.text-renk-kodu-10:hover, a.text-renk-kodu-10:focus {
    color: #9ddb18 !important;
}

.badge-renk-kodu-10 {
    color: #333;
    background-color: #9ddb18;
}

a.badge-renk-kodu-10:hover, a.badge-renk-kodu-10:focus {
    color: #333;
    background-color: #9ddb18;
}

a.badge-renk-kodu-10:focus, a.badge-renk-kodu-10.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(145, 199, 32, 0.5);
}


/*Açık Mavi*/
.btn-renk-kodu-11 {
    color: #333;
    background-color: #87dffa;
    border-color: #87dffa;
}

    .btn-renk-kodu-11:hover {
        color: #333;
        background-color: #81c2d6;
        border-color: #81c2d6;
    }

    .btn-renk-kodu-11:focus, .btn-renk-kodu-11.focus {
        box-shadow: 0 0 0 0.2rem rgba(129, 194, 214, 0.5);
    }

    .btn-renk-kodu-11.disabled, .btn-renk-kodu-11:disabled {
        color: #333;
        background-color: #87dffa;
        border-color: #87dffa;
    }

    .btn-renk-kodu-11:not(:disabled):not(.disabled):active, .btn-renk-kodu-11:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-11.dropdown-toggle {
        color: #333;
        background-color: #87dffa;
        border-color: #87dffa;
    }

        .btn-renk-kodu-11:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-11:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-11.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(129, 194, 214, 0.5);
        }

.text-renk-kodu-11 {
    color: #87dffa !important;
}

a.text-renk-kodu-11:hover, a.text-renk-kodu-11:focus {
    color: #87dffa !important;
}

.badge-renk-kodu-11 {
    color: #333;
    background-color: #87dffa;
}

a.badge-renk-kodu-11:hover, a.badge-renk-kodu-11:focus {
    color: #333;
    background-color: #87dffa;
}

a.badge-renk-kodu-11:focus, a.badge-renk-kodu-11.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(129, 194, 214, 0.5);
}


/*Bordo*/
.btn-renk-kodu-12 {
    color: #fff;
    background-color: #9c1152;
    border-color: #9c1152;
}

    .btn-renk-kodu-12:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-12:focus, .btn-renk-kodu-12.focus {
        box-shadow: 0 0 0 0.2rem rgba(143, 21, 78, 0.5);
    }

    .btn-renk-kodu-12.disabled, .btn-renk-kodu-12:disabled {
        color: #fff;
        background-color: #9c1152;
        border-color: #9c1152;
    }

    .btn-renk-kodu-12:not(:disabled):not(.disabled):active, .btn-renk-kodu-12:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-12.dropdown-toggle {
        color: #fff;
        background-color: #9c1152;
        border-color: #9c1152;
    }

        .btn-renk-kodu-12:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-12:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-12.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(143, 21, 78, 0.5);
        }

.text-renk-kodu-12 {
    color: #9c1152 !important;
}

a.text-renk-kodu-12:hover, a.text-renk-kodu-12:focus {
    color: #9c1152 !important;
}

.badge-renk-kodu-12 {
    color: #fff;
    background-color: #9c1152;
}

a.badge-renk-kodu-12:hover, a.badge-renk-kodu-12:focus {
    color: #fff;
    background-color: #9c1152;
}

a.badge-renk-kodu-12:focus, a.badge-renk-kodu-12.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(143, 21, 78, 0.5);
}

/*Koyu Mavi*/
.btn-renk-kodu-13 {
    color: #fff;
    background-color: #00336b;
    border-color: #00336b;
}

    .btn-renk-kodu-13:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-13:focus, .btn-renk-kodu-13.focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 51, 107, 0.5);
    }

    .btn-renk-kodu-13.disabled, .btn-renk-kodu-13:disabled {
        color: #fff;
        background-color: #00336b;
        border-color: #00336b;
    }

    .btn-renk-kodu-13:not(:disabled):not(.disabled):active, .btn-renk-kodu-13:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-13.dropdown-toggle {
        color: #fff;
        background-color: #00336b;
        border-color: #00336b;
    }

        .btn-renk-kodu-13:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-13:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-13.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(0, 51, 107, 0.5);
        }

.text-renk-kodu-13 {
    color: #00336b !important;
}

a.text-renk-kodu-13:hover, a.text-renk-kodu-13:focus {
    color: #00336b !important;
}

.badge-renk-kodu-13 {
    color: #fff;
    background-color: #00336b;
}

a.badge-renk-kodu-13:hover, a.badge-renk-kodu-13:focus {
    color: #fff;
    background-color: #00336b;
}

a.badge-renk-kodu-13:focus, a.badge-renk-kodu-13.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 51, 107, 0.5);
}

/*Gri*/
.btn-renk-kodu-14 {
    color: #fff;
    background-color: #979899;
    border-color: #979899;
}

    .btn-renk-kodu-14:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-14:focus, .btn-renk-kodu-14.focus {
        box-shadow: 0 0 0 0.2rem rgba(151, 152, 153, 0.5);
    }

    .btn-renk-kodu-14.disabled, .btn-renk-kodu-14:disabled {
        color: #fff;
        background-color: #979899;
        border-color: #979899;
    }

    .btn-renk-kodu-14:not(:disabled):not(.disabled):active, .btn-renk-kodu-14:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-14.dropdown-toggle {
        color: #fff;
        background-color: #979899;
        border-color: #979899;
    }

        .btn-renk-kodu-14:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-14:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-14.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(151, 152, 153, 0.5);
        }

.text-renk-kodu-14 {
    color: #979899 !important;
}

a.text-renk-kodu-14:hover, a.text-renk-kodu-14:focus {
    color: #979899 !important;
}

.badge-renk-kodu-14 {
    color: #fff;
    background-color: #979899;
}

a.badge-renk-kodu-14:hover, a.badge-renk-kodu-14:focus {
    color: #fff;
    background-color: #979899;
}

a.badge-renk-kodu-14:focus, a.badge-renk-kodu-14.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(151, 152, 153, 0.5);
}


/*Koyu Gri*/
.btn-renk-kodu-15 {
    color: #fff;
    background-color: #4b4b4b;
    border-color: #4b4b4b;
}

    .btn-renk-kodu-15:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-15:focus, .btn-renk-kodu-15.focus {
        box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5);
    }

    .btn-renk-kodu-15.disabled, .btn-renk-kodu-15:disabled {
        color: #fff;
        background-color: #4b4b4b;
        border-color: #4b4b4b;
    }

    .btn-renk-kodu-15:not(:disabled):not(.disabled):active, .btn-renk-kodu-15:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-15.dropdown-toggle {
        color: #fff;
        background-color: #4b4b4b;
        border-color: #4b4b4b;
    }

        .btn-renk-kodu-15:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-15:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-15.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5);
        }

.text-renk-kodu-15 {
    color: #4b4b4b !important;
}

a.text-renk-kodu-15:hover, a.text-renk-kodu-15:focus {
    color: #4b4b4b !important;
}

.badge-renk-kodu-15 {
    color: #fff;
    background-color: #4b4b4b;
}

a.badge-renk-kodu-15:hover, a.badge-renk-kodu-15:focus {
    color: #fff;
    background-color: #4b4b4b;
}

a.badge-renk-kodu-15:focus, a.badge-renk-kodu-15.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(75, 75, 75, 0.5);
}

/*Koyu Yeşil*/
.btn-renk-kodu-16 {
    color: #fff;
    background-color: #025402;
    border-color: #025402;
}

    .btn-renk-kodu-16:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-16:focus, .btn-renk-kodu-16.focus {
        box-shadow: 0 0 0 0.2rem rgba(2, 84, 2, 0.5);
    }

    .btn-renk-kodu-16.disabled, .btn-renk-kodu-16:disabled {
        color: #fff;
        background-color: #025402;
        border-color: #025402;
    }

    .btn-renk-kodu-16:not(:disabled):not(.disabled):active, .btn-renk-kodu-16:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-16.dropdown-toggle {
        color: #fff;
        background-color: #025402;
        border-color: #025402;
    }

        .btn-renk-kodu-16:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-16:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-16.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(2, 84, 2, 0.5);
        }

.text-renk-kodu-16 {
    color: #025402 !important;
}

a.text-renk-kodu-16:hover, a.text-renk-kodu-16:focus {
    color: #025402 !important;
}

.badge-renk-kodu-16 {
    color: #fff;
    background-color: #025402;
}

a.badge-renk-kodu-16:hover, a.badge-renk-kodu-16:focus {
    color: #fff;
    background-color: #025402;
}

a.badge-renk-kodu-16:focus, a.badge-renk-kodu-16.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(2, 84, 2, 0.5);
}

/*Açık Kırmızı*/
.btn-renk-kodu-17 {
    color: #fff;
    background-color: #fc9bb3;
    border-color: #fc9bb3;
}

    .btn-renk-kodu-17:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-17:focus, .btn-renk-kodu-17.focus {
        box-shadow: 0 0 0 0.2rem rgba(252, 155, 179, 0.5);
    }

    .btn-renk-kodu-17.disabled, .btn-renk-kodu-17:disabled {
        color: #fff;
        background-color: #fc9bb3;
        border-color: #fc9bb3;
    }

    .btn-renk-kodu-17:not(:disabled):not(.disabled):active, .btn-renk-kodu-17:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-17.dropdown-toggle {
        color: #fff;
        background-color: #fc9bb3;
        border-color: #fc9bb3;
    }

        .btn-renk-kodu-17:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-17:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-17.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(252, 155, 179, 0.5);
        }

.text-renk-kodu-17 {
    color: #fc9bb3 !important;
}

a.text-renk-kodu-17:hover, a.text-renk-kodu-17:focus {
    color: #fc9bb3 !important;
}

.badge-renk-kodu-17 {
    color: #fff;
    background-color: #fc9bb3;
}

a.badge-renk-kodu-17:hover, a.badge-renk-kodu-17:focus {
    color: #fff;
    background-color: #fc9bb3;
}

a.badge-renk-kodu-17:focus, a.badge-renk-kodu-17.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(252, 155, 179, 0.5);
}

/*Koyu Kırmızı*/
.btn-renk-kodu-18 {
    color: #fff;
    background-color: #9a000f;
    border-color: #9a000f;
}

    .btn-renk-kodu-18:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-18:focus, .btn-renk-kodu-18.focus {
        box-shadow: 0 0 0 0.2rem rgba(154, 0, 15, 0.5);
    }

    .btn-renk-kodu-18.disabled, .btn-renk-kodu-18:disabled {
        color: #fff;
        background-color: #9a000f;
        border-color: #9a000f;
    }

    .btn-renk-kodu-18:not(:disabled):not(.disabled):active, .btn-renk-kodu-18:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-18.dropdown-toggle {
        color: #fff;
        background-color: #9a000f;
        border-color: #9a000f;
    }

        .btn-renk-kodu-18:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-18:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-18.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(154, 0, 15, 0.5);
        }

.text-renk-kodu-18 {
    color: #9a000f !important;
}

a.text-renk-kodu-18:hover, a.text-renk-kodu-18:focus {
    color: #9a000f !important;
}

.badge-renk-kodu-18 {
    color: #fff;
    background-color: #9a000f;
}

a.badge-renk-kodu-18:hover, a.badge-renk-kodu-18:focus {
    color: #fff;
    background-color: #9a000f;
}

a.badge-renk-kodu-18:focus, a.badge-renk-kodu-18.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(154, 0, 15, 0.5);
}

/*Açık Mor*/
.btn-renk-kodu-19 {
    color: #fff;
    background-color: #a119e0;
    border-color: #a119e0;
}

    .btn-renk-kodu-19:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-19:focus, .btn-renk-kodu-19.focus {
        box-shadow: 0 0 0 0.2rem rgba(161, 25, 224, 0.5);
    }

    .btn-renk-kodu-19.disabled, .btn-renk-kodu-19:disabled {
        color: #fff;
        background-color: #a119e0;
        border-color: #a119e0;
    }

    .btn-renk-kodu-19:not(:disabled):not(.disabled):active, .btn-renk-kodu-19:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-19.dropdown-toggle {
        color: #fff;
        background-color: #a119e0;
        border-color: #a119e0;
    }

        .btn-renk-kodu-19:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-19:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-19.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(161, 25, 224, 0.5);
        }

.text-renk-kodu-19 {
    color: #a119e0 !important;
}

a.text-renk-kodu-19:hover, a.text-renk-kodu-19:focus {
    color: #a119e0 !important;
}

.badge-renk-kodu-19 {
    color: #fff;
    background-color: #a119e0;
}

a.badge-renk-kodu-19:hover, a.badge-renk-kodu-19:focus {
    color: #fff;
    background-color: #a119e0;
}

a.badge-renk-kodu-19:focus, a.badge-renk-kodu-19.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(161, 25, 224, 0.5);
}

/*Açık Bordo*/
.btn-renk-kodu-20 {
    color: #fff;
    background-color: #6c3a3a;
    border-color: #6c3a3a;
}

    .btn-renk-kodu-20:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-20:focus, .btn-renk-kodu-20.focus {
        box-shadow: 0 0 0 0.2rem rgba(108, 58, 58, 0.5);
    }

    .btn-renk-kodu-20.disabled, .btn-renk-kodu-20:disabled {
        color: #fff;
        background-color: #6c3a3a;
        border-color: #6c3a3a;
    }

    .btn-renk-kodu-20:not(:disabled):not(.disabled):active, .btn-renk-kodu-20:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-20.dropdown-toggle {
        color: #fff;
        background-color: #6c3a3a;
        border-color: #6c3a3a;
    }

        .btn-renk-kodu-20:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-20:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-20.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(108, 58, 58, 0.5);
        }

.text-renk-kodu-20 {
    color: #6c3a3a !important;
}

a.text-renk-kodu-20:hover, a.text-renk-kodu-20:focus {
    color: #6c3a3a !important;
}

.badge-renk-kodu-20 {
    color: #fff;
    background-color: #6c3a3a;
}

a.badge-renk-kodu-20:hover, a.badge-renk-kodu-20:focus {
    color: #fff;
    background-color: #6c3a3a;
}

a.badge-renk-kodu-20:focus, a.badge-renk-kodu-20.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 58, 58, 0.5);
}

/*Pembe*/
.btn-renk-kodu-21 {
    color: #fff;
    background-color: #d00399;
    border-color: #d00399;
}

    .btn-renk-kodu-21:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-21:focus, .btn-renk-kodu-21.focus {
        box-shadow: 0 0 0 0.2rem rgba(208, 3, 153, 0.5);
    }

    .btn-renk-kodu-21.disabled, .btn-renk-kodu-21:disabled {
        color: #fff;
        background-color: #d00399;
        border-color: #d00399;
    }

    .btn-renk-kodu-21:not(:disabled):not(.disabled):active, .btn-renk-kodu-21:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-21.dropdown-toggle {
        color: #fff;
        background-color: #d00399;
        border-color: #d00399;
    }

        .btn-renk-kodu-21:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-21:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-21.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(208, 3, 153, 0.5);
        }

.text-renk-kodu-21 {
    color: #d00399 !important;
}

a.text-renk-kodu-21:hover, a.text-renk-kodu-21:focus {
    color: #d00399 !important;
}

.badge-renk-kodu-21 {
    color: #fff;
    background-color: #d00399;
}

a.badge-renk-kodu-21:hover, a.badge-renk-kodu-21:focus {
    color: #fff;
    background-color: #d00399;
}

a.badge-renk-kodu-21:focus, a.badge-renk-kodu-21.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(208, 3, 153, 0.5);
}

/*Kahverengi*/
.btn-renk-kodu-22 {
    color: #fff;
    background-color: #743a0f;
    border-color: #743a0f;
}

    .btn-renk-kodu-22:hover {
        color: #fff;
        background-color: #8f154e;
        border-color: #8f154e;
    }

    .btn-renk-kodu-22:focus, .btn-renk-kodu-22.focus {
        box-shadow: 0 0 0 0.2rem rgba(116, 58, 15, 0.5);
    }

    .btn-renk-kodu-22.disabled, .btn-renk-kodu-22:disabled {
        color: #fff;
        background-color: #743a0f;
        border-color: #743a0f;
    }

    .btn-renk-kodu-22:not(:disabled):not(.disabled):active, .btn-renk-kodu-22:not(:disabled):not(.disabled).active,
    .show > .btn-renk-kodu-22.dropdown-toggle {
        color: #fff;
        background-color: #743a0f;
        border-color: #743a0f;
    }

        .btn-renk-kodu-22:not(:disabled):not(.disabled):active:focus, .btn-renk-kodu-22:not(:disabled):not(.disabled).active:focus,
        .show > .btn-renk-kodu-22.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(116, 58, 15, 0.5);
        }

.text-renk-kodu-22 {
    color: #743a0f !important;
}

a.text-renk-kodu-22:hover, a.text-renk-kodu-22:focus {
    color: #743a0f !important;
}

.badge-renk-kodu-22 {
    color: #fff;
    background-color: #743a0f;
}

a.badge-renk-kodu-22:hover, a.badge-renk-kodu-22:focus {
    color: #fff;
    background-color: #743a0f;
}

a.badge-renk-kodu-22:focus, a.badge-renk-kodu-22.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(116, 58, 15, 0.5);
}

/* </Renk Kodu Tanımları> */



/*Orange*/
.btn-orange {
    color: #fff;
    background-color: #ff781f;
    border-color: #ff781f;
}

    .btn-orange:hover {
        color: #fff;
        background-color: #d67309;
        border-color: #d67309;
    }

    .btn-orange:focus, .btn-orange.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 120, 31, 0.5);
    }

    .btn-orange.disabled, .btn-orange:disabled {
        color: #fff;
        background-color: #ff781f;
        border-color: #ff781f;
    }

    .btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
    .show > .btn-orange.dropdown-toggle {
        color: #fff;
        background-color: #d67309;
        border-color: #d67309;
    }

        .btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
        .show > .btn-orange.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 120, 31, 0.5);
        }

.text-orange {
    color: #ff781f !important;
}

a.text-orange:hover, a.text-orange:focus {
    color: #d67309 !important;
}

.badge-orange {
    color: #fff;
    background-color: #ff781f;
}

a.badge-orange:hover, a.badge-orange:focus {
    color: #fff;
    background-color: #d67309;
}

a.badge-orange:focus, a.badge-orange.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 120, 31, 0.5);
}



.btn-outline-orange {
    color: #ff781f;
    border-color: #ff781f;
}

    .btn-outline-orange:hover {
        color: #fff;
        background-color: #ff781f;
        border-color: #ff781f;
    }

    .btn-outline-orange:focus, .btn-outline-orange.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 120, 31, 0.5);
    }

    .btn-outline-orange.disabled, .btn-outline-orange:disabled {
        color: #ff781f;
        background-color: transparent;
    }

    .btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled).active,
    .show > .btn-outline-orange.dropdown-toggle {
        color: #fff;
        background-color: #ff781f;
        border-color: #ff781f;
    }

        .btn-outline-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-orange.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.2rem rgba(255, 120, 31, 0.5);
        }



.gridView .datetimepicker {
    width: 28px;
}

    .gridView .datetimepicker .input-group-addon {
        width: 28px;
        height: 25px;
        border-right: 1px solid #d8dbe1 !important;
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        padding-left: 5px;
        padding-right: 5px;
    }

.gridView > div > .table-bordered tr th .dg_header_lbl, .gridView > div > .table-bordered tr th .lnkSortColumn {
    text-overflow: ellipsis !important;
    overflow-x: hidden;
    overflow-y: hidden;
    display: inline-block;
    line-height: 18px;
    width: 100%;
}

/*Date Time Picker*/
.dvDateTimePickerActionButton {
    padding: 5px;
    text-align: right;
}

    .dvDateTimePickerActionButton a {
        cursor: pointer;
    }

/*<Input Styles>*/
textarea.form-control {
    line-height: 1.2;
}

/*</Input Styles>*/

.table td {
    line-height: 1.2;
}


.dvBlock {
    display: block;
}

.lnkFileUploadPreviewThumbnail {
    max-width: 150px;
    /*max-height: 150px;*/
    height: auto;
    display: inline-block;
    padding: 10px 0;
}

.imgFileUploadPreviewThumbnail {
    width: 100% !important;
    height: auto;
}

.cboxWrapperFileUploadImagePreview #cboxLoadedContent {
    overflow: hidden !important;
}

/*Yuksek
Orta
Dusuk
Acil
CokAcil*/

.btn-text-Yuksek {
    color: #fff !important;
    background-color: #ff781f
}

.btn-text-Orta {
    color: #fff !important;
    background-color: #fbbc06;
}

.btn-text-Dusuk {
    color: #666 !important;
    background-color: #ffe981
}

.btn-text-Acil {
    color: #fff !important;
    background-color: #df6415;
}

.btn-text-Kritik {
    color: #fff !important;
    background-color: #df6415;
}

.btn-text-CokAcil {
    color: #fff !important;
    background-color: #9b3900;
}

.btn-text-Normal {
    color: #666;
    background-color: #ffe981;
}


.badge-koyu-turuncu {
    color: #fff;
    background-color: #ff781f
}


.badge-kirmizi {
    color: #fff;
    background-color: #df6415;
}


.badge-koyu-kirmizi {
    color: #fff;
    background-color: #9b3900;
}



.badge-turuncu {
    color: #fff;
    background-color: #fbbc06;
}

.badge-acik-turuncu {
    color: #666;
    background-color: #ffe981;
}

.YapilacakListe .badge {
    min-width: 30px;
}

.btnYapilacakOnemGuncelle .badge,
.btnYapilacakOncelikGuncelle .badge {
    min-width: 30px;
    font-size: 10.5px;
}

    .btnYapilacakOnemGuncelle .badge.badge-light,
    .btnYapilacakOncelikGuncelle .badge.badge-light {
        min-width: 30px;
        height: 22.5px;
        display: inline-block;
        border: 1px solid #ccc;
        background-color: transparent;
    }


.dvGroupRightPanel {
    position: sticky;
    right: 5px;
    z-index: 2;
}

.dropdownGrupHeader {
    display: inline-block;
}

    .dropdownGrupHeader .dropdown-menu {
        width: 280px !important;
    }

        .dropdownGrupHeader .dropdown-menu .dvDropdownMenuItem {
            width: 100% !important;
            box-sizing: border-box;
        }

            .dropdownGrupHeader .dropdown-menu .dvDropdownMenuItem .btn {
                width: 100% !important;
            }

        .dropdownGrupHeader .dropdown-menu, .dropdownGrupHeader .dropdown-menu * {
            z-index: 50 !important;
        }

.kurAdi {
    margin-left: 15px;
    font-size: 16px;
    /* padding-right: 50px; */
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.ItemSatisContainer, .ItemAlisContainer {
    margin-left: 20px;
}

.satisYazi {
    margin-left: 5px;
}

.alisYazi {
    margin-left: 5px;
}

/*Organizasyon Şeması TreeList*/
.dvTreeList .dvTreeListContainerC {
    min-height: 400px;
}
/*Organizasyon Şeması TreeList*/


.lvTeklifTalebiGonderListView .ItemContainer {
    width: 70% !important;
}

.dvFizikselBilgiDegiskenContainer .col-form-label {
    display: none;
}

.dvFizikselBilgiDegiskenContainer .dvFormInputHorizontal3Column {
    min-width: 600px;
}

.form-group.dvFizikselBilgiDegiskenContainer[data-dynamic-visibility] .dvFormInputHorizontal3Column .input-group {
    width: 80px !important;
}

.TeklifTalebiGonderItemContainer {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
}

.girisKontrolImageViewContainer img {
    width: 100% !important;
}

.bannerImageView {
    height: 100px !important;
    margin-bottom: 50px !important;
}

.bannerTipImageView {
    height: 100px !important;
}

.EtiketCikisContainer .input-group {
    width: 120px !important;
}

.lblUpdaterMsg {
    color: #666;
    font-size: 18px;
    display: inline-block;
    margin-top: 50px;
    margin-bottom: 50px;
}

[name='UrunveHizmetlerInnerContainer'] [name='TopluIslemInnerContainer'].dropdown-menu {
    width: 250px !important;
}

[name='UrunveHizmetlerInnerContainer'] [name='UrunExcelTopluIslemBtnInnerContainer'].dropdown-menu {
    width: 350px !important;
}

.OrganizasyonSemasiIndirContainer {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    /*overflow: hidden;*/
}

.dvOrganizasyonSemasiPageContainerSection .orgchart .node i {
    display: block;
}

.dvOrganizasyonSemasiPageContainerSection .orgchart .fa-users.symbol {
    display: none;
}

.dvOrganizasyonSemasiPageContainerSection .orgchart .node {
    width: 130px;
    margin-left: 10px;
    margin-right: 10px;
}

    .dvOrganizasyonSemasiPageContainerSection .orgchart .node .edge {
        color: rgba(217,83,79,.8);
        font-size: 20px;
    }


@media (max-width:768px) {
    .ulTopMenu.nav-tabs {
        overflow-x: scroll;
        white-space: nowrap;
        display: block !important;
        width: calc(100vw - 20px);
        overflow-y: hidden;
    }

        .ulTopMenu.nav-tabs li {
            display: inline-block !important;
        }
}

.EtiketYazdirmaContainer .txtMiktar {
    width: 50px !important;
}

    .EtiketYazdirmaContainer .txtMiktar .form-control {
        width: 50px !important;
    }

.EtiketYazdirmaContainer .dvSelectListContainer .btn {
    margin-left: 0;
}


.orgchart .node .title {
    white-space: normal !important;
    text-overflow: unset !important;
}

.table-bordered th.placement-ref,
.table-bordered td.placement-ref,
.table tr th.placement-ref,
.table tr td.placement-ref {
    padding-left: 0.6rem !important;
    padding-right: 0 !important;
}

.table-bordered tr th.placement-ref-right,
.table-bordered tr td.placement-ref-right,
.table tr th.placement-ref-right,
.table tr td.placement-ref-right {
    padding-left: 0 !important;
    padding-right: 0.6rem !important;
}

table.table-bordered > thead > tr > th.placement-ref-right,
table.table-bordered > tbody > tr > td.placement-ref-right,
table.table-bordered > thead > tr > th.placement-neighbor-ref-right,
table.table-bordered > tbody > tr > td.placement-neighbor-ref-right,
.table tr th.placement-ref-right,
.table tr td.placement-ref-right,
.table tr th.placement-neighbor-ref-right,
.table tr td.placement-neighbor-ref-right {
    /*border: none!important;*/
    /*border-right: 1px solid #e8ebf1;
    border-bottom: 1px solid #e8ebf1;
    border-top: 1px solid #e8ebf1!important;*/
    border-left: none !important;
}

.form-edit-mode:not(.form-controls-w100) .txtMiktar .input-group {
    width: 50px !important;
}

.HorizontalMiktarUrunContainer .input-group .ui-autocomplete-input {
    width: calc(100% - 39px);
    display: inline-block;
}

.HorizontalMiktarUrunContainer .input-group .input-group-addon.txtAutoCompleteDataSourceDetail {
    display: inline-block;
    height: 35px;
    line-height: 30px;
}

    .HorizontalMiktarUrunContainer .input-group .input-group-addon.txtAutoCompleteDataSourceDetail svg {
        width: 17px;
    }

@media (max-width: 768px) {
    .SatisKalemListeSummary {
        width: 100%;
    }
}

.gvBKListe.ButceGerceklesen table > thead > tr:last-child th .dg_header_lbl {
    font-weight: normal;
}

.gvRaporDegiskenleriListe .Group {
    font-weight: bold;
    background-color: #ddd !important;
}

    .gvRaporDegiskenleriListe .Group:hover {
        background-color: #dfdfdf !important;
    }

.gvRaporDegiskenleriListe .GroupHeader {
    font-weight: bold;
    background-color: #eee !important;
}

    .gvRaporDegiskenleriListe .GroupHeader:hover {
        background-color: #efefef !important;
    }

    .gvRaporDegiskenleriListe .Group [data-code='RaporDegiskeni'],
    .gvRaporDegiskenleriListe .Group a,
    .gvRaporDegiskenleriListe .GroupHeader [data-code='RaporDegiskeni'],
    .gvRaporDegiskenleriListe .GroupHeader a {
        display: none;
    }


[name='PeriyodikMuayeneFormuContainerSection'] .Uygunsuzluk .input-group,
[name='PeriyodikMuayeneFormuContainerSection'] .UygunsuzlukDiger .input-group {
    width: 100% !important;
}


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

.gvCROFormSayfaAyarlariListe .header-H4, .gvCROFormSayfaAyarlariListe .header-H5 {
    font-size: 18px;
}

.gvCROFormSayfaAyarlariListe .header-H6, .gvCROFormSayfaAyarlariListe .header-H7 {
    font-size: 14px;
}


.dvDashboardContainer .list-filter-predefined-filter {
    display: none;
}

.dvDashboardContainer .gridView {
    overflow-x: auto !important;
    width: 100%;
}

    .dvDashboardContainer .gridView thead {
        position: unset !important;
    }


.gridView .txtGridViewNoLinkColumn, .gridView td.txtGridViewNoLinkColumn a {
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
}

    .gridView .txtGridViewNoLinkColumn:hover, .gridView td.txtGridViewNoLinkColumn a:hover {
        color: midnightblue;
    }

[data-object-model-code="DijitalKatalogSepetMusteriSepetSec"] .list-filter {
    display: none;
}

[name="DijitalKatalogContainer"] .lblIndirimsizFiyat {
    color: #999;
    text-decoration: line-through;
    margin-right: 10px;
    display: inline-block;
}