/*Mini Menü (Açık olan menü)*/
.customTemplate1 .sidebar.menu-min .nav-list > li > a > .menu-text {
    background-color: #F5F5F5; /* Arka Plan Rengi */
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,.1);
    border-color: #CCC; /* Border Rengi */
}

/*Mini Menü (Seçili olan menünün bulunduğu alt menü sol border rengi)*/
.customTemplate1 .sidebar.menu-min .nav-list > li.active > .submenu {
    border-left-color: #83B6D1
}

/*Mini Menü (Açık Olan Alt Menü)*/
.customTemplate1 .sidebar.menu-min .nav-list > li > .submenu {
    background-color: #FFF; /* Arka Plan Rengi */
    border: 1px solid #CCC; /* Border Özellikleri */
    border-top-color: #e6e6e6; /* Üst Border Rengi */
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1);
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.1)
}

/*Mini Menü (Açık Olan Alt Menü Başlık Solundaki Ok)*/
.customTemplate1 .sidebar.menu-min .nav-list > li > .arrow:after {
    border-right-color: #F5F5F5; /*Okun Rengi*/
    border-width: 8px 8px 8px 0;
    left: -8px
}

.customTemplate1 .sidebar.menu-min .nav-list > li > .arrow:before {
    border-width: 8px 8px 8px 0;
    left: -9px
}

/*Mini Menü (Açık Olan Alt Menü Başlık Solundaki Ok)*/
.customTemplate1 .sidebar.menu-min .nav-list > li.active > .arrow:before {
    border-right-color: #5a9ec2; /*Okun solundaki border rengi*/
}

/*Mini Menü (Açılan menü başlık linki solundaki border Rengi)*/
.customTemplate1 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
    border-left-color: #83B6D1;
}

@media only screen and (max-width: 991px) {
    .customTemplate1 .sidebar.responsive .nav-list > li.active:after,
    .customTemplate1 .sidebar.responsive-max .nav-list > li.active:after {
        height: 41px
    }

    .customTemplate1 .menu-toggler + .sidebar.responsive {
        border-top-width: 1px
    }
}

.customTemplate1 .nav-list > li.disabled:before {
    display: none !important
}

.customTemplate1 .nav-list > li.disabled > a {
    background-color: #ebebeb !important;
    color: #656565 !important
}

.customTemplate1 .nav-list li .submenu > li.disabled > a,
.customTemplate1 .nav-list li.disabled .submenu > li > a {
    background-color: #f2f2f2 !important;
    color: #7a7a7a !important;
    cursor: not-allowed !important;
}

/*#region LoginPage*/

/* Login Topbar */
.customTemplate1 .topbar.topbar_colored {
    background: #191E21; /* Arka Plan Rengi */
}

/*Login Form*/
.customTemplate1 .login_form_colored {
    background: #ffffffb5; /*Arka Plan Rengi*/
}

    /*Login Form Linkler*/
    .customTemplate1 .login_form_colored a {
        font-weight: bold;
    }

    .customTemplate1 .login_form_colored .btn-promena {
        width: 120px;
    }

    .customTemplate1 .login_form_colored .underline-link {
        color: #40474c;
        text-decoration: underline;
    }

    .customTemplate1 .login_form_colored .remember-box {
        padding: 0;
    }

/*Login Form Footer*/
.customTemplate1 .lfc_forget_pass {
    background: #ffffffb5; /*Arka Plan Rengi*/
}

/* Login Topbar */
.customTemplate1 .topbar_colored .top_details > span,
.customTemplate1 .topbar_colored .top_details > div {
    color: #fff; /* Destek ve anasayfa text renkleri */
}

/* Login Topbar Dil Paneli*/
.customTemplate1 .topbar_colored .languages-select .languages-panel-con {
    background: #4E5256; /* Arka Plan Rengi */
}

/* Login Topbar Dil Paneli*/
.customTemplate1 .languages-select li.active a,
.customTemplate1 .languages-select li a:hover {
    background: #999; /* Seçili dil arka plan rengi */
}

/* Login Topbar Dil Paneli*/
.customTemplate1 .light_header .languages-select li a,
.customTemplate1 .light_header .languages-select .languages-panel-con .lang_checked {
    color: #fff; /* Yazı rengi */
}

/* Login Panel Username, Password icon*/
.customTemplate1 i.lfc_icon {
    color: #4E5256; /* ikon rengi */
}

/* Login Panel Giriş Butonu*/
.customTemplate1 .send_button {
    background: #4E5256; /* Arka Plan Rengi */
    border: 1px solid #4E5256; /* Border Rengi */
    color: #fff; /* Yazı rengi */
}

    /* Login Panel Giriş Butonu (HOVER) (Üzerine gelince) */
    .customTemplate1 .send_button:hover {
        background: #324545; /* Arka Plan Rengi */
        border-color: #324545; /* Border Rengi */
        color: #fff; /* Yazı rengi */
    }

/* Footer */
.customTemplate1 #footer {
    background: #191E21; /* Arka Plan Rengi */
    color: #989898; /* Yazı rengi */
}

/* Footer Menu (Çerez aydınlatma metni, ...)*/
.customTemplate1 .footer_menu > li a {
    color: #989898; /* Yazı rengi */
}

    /* Footer Menu (HOVER) (Çerez aydınlatma metni, ...) */
    .customTemplate1 .footer_menu > li a:hover {
        color: #E49440;
    }

/*Sosyal Medya İkonları*/
.customTemplate1 a i.fa-linkedin-square {
    color: #dd7e0a !important;
}
    /*Sosyal Medya İkonları (HOVER) */
    .customTemplate1 a i.fa-linkedin-square:hover {
        color: #dd7e0a !important;
    }

/*Sosyal Medya İkonları*/
.customTemplate1 a i.fa-youtube-square {
    color: #dd7e0a !important;
}
    /*Sosyal Medya İkonları (HOVER) */
    .customTemplate1 a i.fa-youtube-square:hover {
        color: #dd7e0a !important;
    }

.customTemplate1 a i.fa-twitter-square {
    color: #dd7e0a !important;
}
    /*Sosyal Medya İkonları (HOVER) */
    .customTemplate1 a i.fa-twitter-square:hover {
        color: #dd7e0a !important;
    }

/*Yeni Kullanıcı Tanımla Linki*/
.customTemplate1 .createNewBuyerSupplierUserLink {
    color: #296F83 !important; /*Yazı Rengi*/
}

/*#endregion LoginPage */

/*#region Layout*/

/*#region NavigationBar*/

/* Navigation Bar */
.customTemplate1 .navbar {
    background: #4E5256; /* Arka Plan Rengi */
}

/* Navigation Bar Sepet ve Görevlerim Butonları */
.customTemplate1 .ace-nav > li > a {
    background-color: #4E5256; /* Arka Plan Rengi */
    color: #FFF; /* İkon Rengi */
}

    /* Navigation Bar Sepet ve Görevlerim Butonları (HOVER) */
    .customTemplate1 .ace-nav > li > a:hover {
        background-color: #4E5256; /* Arka Plan Rengi */
    }


/* Navigation Bar Kullanıcı Profili Dropdown Menu Butonu */
.customTemplate1 .ace-nav > li.light-blue > a {
    background-color: #4E5256;
}

/* Navigation Bar Kullanıcı Profili Dropdown Menu Linkleri */
.customTemplate1 .navbar .navbar-buttons .dropdown-menu > li > a {
    color: #333; /* İkon ve Yazı Rengi */
}

    /* Navigation Bar Kullanıcı Profili Dropdown Menu Linkleri (HOVER) */
    .customTemplate1 .navbar .navbar-buttons .dropdown-menu > li > a:hover {
        background: #62666940;
        color: #444; /* İkon ve Yazı Rengi */
    }

/* Navigation Bar Kullanıcı Profili Dropdown Menu Açıldığındaki Arka Plan*/
.customTemplate1 .ace-nav > li.light-blue.open > a {
    background-color: #4E5256;
}

/*#endregion NavigationBar*/

/*#region Menü*/

/* Zemin */
.customTemplate1 .sidebar {
    background-color: #F2F2F2; /* Arka Plan Rengi */
    border-color: #CCC; /* Border Rengi (Sağ Template'te sağ borderda kullanılıyor) */
    border-style: solid;
    border-width: 0 1px 0 0
}

/* Ana Menü Elemanları */
.customTemplate1 .nav-list > li {
    border-color: #E5E5E5; /* Ara Border Rengi */
}

    /* Ana Menü Elemanları (Menü üzerine gelindiğinde solunda çıkan border)*/
    .customTemplate1 .nav-list > li:before {
        background-color: #3E4042; /* Arka Plan Rengi */
    }

    /* Ana Menü Elemanları (Aktif olan ana menü üzerine gelindiğinde solunda çıkan border) */
    .customTemplate1 .nav-list > li.active:before {
        background-color: #3E4042; /* Arka Plan Rengi */
    }

    /* Ana Menü Linkleri */
    .customTemplate1 .nav-list > li > a {
        background-color: #F8F8F8; /* Arka Plan Rengi */
        color: #585858; /* Yazı Rengi */
    }

        /* Ana Menü Linkleri (FOCUS)*/
        .customTemplate1 .nav-list > li > a:focus {
            background-color: #F8F8F8;
            color: #585858
        }

    /* Ana Menü Linkleri (HOVER)*/
    .customTemplate1 .nav-list > li:hover > a {
        background-color: #FFF; /* Arka Plan Rengi */
        color: #3E4042; /* Yazı Rengi */
    }

/* Ana Menü Linkleri (OPEN) (Açık olan menü)*/
.customTemplate1 .nav-list li.open > a,
.customTemplate1 .nav-list li.open > a:focus,
.customTemplate1 .nav-list li.open > a:hover {
    background-color: #FAFAFA; /* Arka Plan Rengi */
    color: #e79d46eb; /* Yazı Rengi */
}

/* Ana Menü Linkleri (ACTIVE) (Seçili olan menünün bulunduğu ana menü)*/
.customTemplate1 .nav-list > li.active > a,
.customTemplate1 .nav-list > li.active > a:focus,
.customTemplate1 .nav-list > li.active > a:hover {
    background-color: #FFF;
    color: #3E4042;
}

/* Ana Menü Linkleri (Aktif olan menunün sağ borderı)*/
.customTemplate1 .nav-list > li.active:after {
    display: block;
    content: "";
    position: absolute;
    right: 0px;
    top: -1px;
    bottom: 0;
    z-index: 1;
    border: 2px solid #3E4042 !important;
    border-width: 0 2px 0 0 !important;
}

/* Ana Menü Linkleri (Aktif olan Menü sağında çıkan ok)*/
.customTemplate1 .nav-list li.active > a:after {
    border-right-color: #3E4042; /* Arka Plan Rengi */
}

/* Alt Menü */
.customTemplate1 .nav-list > li .submenu {
    border-color: #E5E5E5; /* Border Rengi (Şu an sadece üst border bulunuyor )*/
    background-color: #FFF; /* Arka Plan Rengi */
}

/* Açık Olan Alt Menü Linkleri*/
.customTemplate1 .nav-list > li > .submenu .open > a,
.customTemplate1 .nav-list > li > .submenu .open > a:focus,
.customTemplate1 .nav-list > li > .submenu .open > a:hover {
    border-color: #E4E4E4; /* Border Rengi*/
}

/* Alt Menünün solundaki noktalı border */
.customTemplate1 .nav-list > li > .submenu:before,
.customTemplate1 .nav-list > li > .submenu > li:before {
    border-color: #575B5F; /* Border Rengi */
}

/* Alt Menünün üzerine gelindiğinde solundaki noktalı border */
.customTemplate1 .nav-list > li.active > .submenu:before,
.customTemplate1 .nav-list > li.active > .submenu > li:before {
    border-color: #3E4042; /* Border Rengi */
}

/* Alt Menü */
.customTemplate1 .nav-list > li .submenu > li > a {
    border-top-color: #E4E4E4; /* Üst Border Rengi */
    background-color: #FFF; /* Arka Plan Rengi */
    color: #616161; /* Yazı Rengi */
}

    /* Alt Menü (HOVER)*/
    .customTemplate1 .nav-list > li .submenu > li > a:hover {
        color: #3E4042; /* Yazı Rengi */
        background-color: #F1F5F9; /* Arka Plan Rengi */
    }

/* Seçili Alt Menunün solundaki ok*/
.customTemplate1 .nav-list > li .submenu > li.active > a > .menu-icon {
    color: #3E4042; /* İkon Rengi */
}

/* Seçili Alt Menunün*/
.customTemplate1 .nav-list > li .submenu > li.active > a {
    color: #3E4042; /* Yazı Rengi */
    background-color: #F5F7FA; /* Arka Plan Rengi */
}

/* Aktif olan ana menü altındaki alt menünün solundaki noktalı border */
.customTemplate1 .nav-list > li.active > .submenu:before,
.customTemplate1 .nav-list > li.active > .submenu > li:before {
    border-color: #3E4042; /* Border Rengi */
}

/* Menuü altındaki Collapse Ikon Bölümü*/
.customTemplate1 .sidebar-toggle {
    background-color: #F3F3F3; /* Arka Plan Rengi */
    border-color: #E0E0E0; /* ikon yanındaki border ve çevre border rengi */
}

    /* Menuü altındaki Collapse Ikon*/
    .customTemplate1 .sidebar-toggle > .ace-icon {
        border-color: #BBB; /* Ikonu çevreleyen borderın rengi */
        color: #AAA; /* İkon Rengi */
        background-color: #FFF; /* Ikonu çevreleyen daire arka plan rengi */
    }

/*#endregion Menü*/

/*#region Footer*/

/* Footer*/
.customTemplate1 .fixed-footer {
    background: white; /* Arka Plan Rengi */
    color: #3E4042; /* Yazı Rengi */
}

    /* Bold Promena Yazısı */
    .customTemplate1 .fixed-footer .bolder {
        color: #E79D46 !important; /* Yazı Rengi */
    }

/*#endregion Footer*/

/* Footer (Eski Sistem İçin)*/
.customTemplate1 .footer .footer-content {
    background: white; /* Arka Plan Rengi */
    color: #3E4042; /* Yazı Rengi */
}

    /* Bold Promena Yazısı */
    .customTemplate1 .footer .footer-content .bolder {
        color: #E79D46 !important; /* Yazı Rengi */
    }

/*#endregion Footer*/

/*#region Breadcrumbs*/

.customTemplate1 .breadcrumbs {
    border-bottom: 1px solid #E5E5E5; /* Alt border */
    background-color: #F5F5F5; /*Arka Plan Rengi*/
    color: #333;
    font-weight: bold;
}

/*Aktif olan Breadcrump */
.customTemplate1 .breadcrumb > li.active {
    color: #555;
}

/*Breadcrump link elemanları ve anasayfa ikonu*/
.customTemplate1 .breadcrumb > li, .customTemplate1 .breadcrumb > li > a {
    color: #E79D46;
}

/*#endregion Breadcrumbs*/

/*#region PageHeader*/

.customTemplate1 .page-header {
    border-bottom-color: #E2E2E2; /* Sayfa Alt Border Rengi*/
}

    .customTemplate1 .page-header h1,
    .customTemplate1 .page-header h2,
    .customTemplate1 .page-header h3,
    .customTemplate1 .page-header h4,
    .customTemplate1 .page-header h5,
    .customTemplate1 .page-header h6 {
        color: #E79D46 !important; /*Sayfa başlığı yazı rengi*/
        font-weight: 400;
    }

        .customTemplate1 .page-header h1 > i,
        .customTemplate1 .page-header h2 > i,
        .customTemplate1 .page-header h3 > i,
        .customTemplate1 .page-header h4 > i,
        .customTemplate1 .page-header h5 > i,
        .customTemplate1 .page-header h6 > i,
        .customTemplate1 .page-header .pull-right a:not(.btn) {
            color: #E79D46 !important; /*ikon ve yazı renkleri*/
            font-weight: 400;
        }

    .customTemplate1 .page-header .pull-right strong, .invoice-info-label {
        color: #E79D46 !important; /*ikon ve yazı renkleri*/
        font-weight: bold;
    }

    .customTemplate1 .page-header a {
        color: #E79D46; /*Sayfa başlığı link yazı rengi*/
    }

    .customTemplate1 .page-header .pull-right a:not(.btn) > i {
        color: #E79D46 !important;
    }

    .customTemplate1 .page-header h1 small,
    .customTemplate1 .page-header h2 small,
    .customTemplate1 .page-header h3 small,
    .customTemplate1 .page-header h4 small,
    .customTemplate1 .page-header h5 small,
    .customTemplate1 .page-header h6 small {
        color: #575b5f; /*Sayfa başlığı açıklaması (>> karakteri sonrası)*/
        font-weight: 400;
    }

/*#endregion PageHeader*/
/*#region WidgetBox*/
.customTemplate1 .widget-box {
    border-color: gray; /*Border Rengi*/
}

/* Widget Başlık Kısmı*/
.customTemplate1 .widget-header {
    background: gray; /*Arka Plan Rengi*/
    border-color: gray; /*Border Rengi*/
    color: #FFF; /*Yazı Rengi*/
}

/*Widget Başlık Collapse İkon Solundaki Çizgi Rengi*/
.customTemplate1 .widget-toolbar:before {
    border-color: #D9D9D9;
}
/*Widget Başlık Collapse Buton İkon Rengi*/
.customTemplate1 .widget-toolbar > [data-action=collapse] {
    color: #fff !important;
}

/*WidgetBox footer Alanı (Filtrelerde Ara ve Temizle Butonunun bulunduğu kısım)*/
.customTemplate1 .widget-toolbox {
    border-top-color: #CCC; /*Üst Border Rengi*/
    background-color: #EEE; /*Arka Plan rengi*/
}

    /*WidgetBox footer ara butonu*/
    .customTemplate1 .widget-toolbox .btn i.fa-search {
        color: #4E5256 !important; /*İkon rengi*/
    }

    /*WidgetBox footer temizle butonu*/
    .customTemplate1 .widget-toolbox .btn i.fa-times {
        color: #E49440 !important; /*İkon rengi*/
    }

/*#endregion WidgetBox*/

/*#region TreeView*/

/*Treeview Liste Elemanları*/
.customTemplate1 .treeview .list-group-item {
    background-color: #fff; /*Arka Plan rengi*/
    border: 1px solid #ddd; /*Ara Border Rengi*/
}

    /*Treeview Liste Elemanları (HOVER) */
    .customTemplate1 .treeview .list-group-item:not(.node-disabled):hover {
        background-color: #F5F5F5; /*Arka Plan rengi*/
    }

    /*Treeview Liste Elemanları (ACTİVE) */
    .customTemplate1 .treeview .list-group-item.node-selected {
        color: #FFFFFF !important; /*Yazı ve İkon rengi*/
        background-color: #E79D46 !important; /*Arka Plan rengi*/
    }

    /*Treeview Liste Elemanı Label */
    .customTemplate1 .treeview .list-group-item .badge {
        background-color: #626669bd; /*Arka Plan rengi*/
        color: #fff; /*Yazı rengi*/
    }

/*#endregion TreeView*/

/*#region Wizard*/

/*Wizard Tamamlanmamış Step Yatay Border*/
.customTemplate1 .steps > li:before {
    border-top-color: #CED1D6; /*Border Rengi*/
}

/*Wizard Tamamlanmamış Step Numarasının olduğu Daire*/
.customTemplate1 .steps > li .step {
    border-color: #CED1D6; /*Daire Border Rengi*/
    color: #546474; /*Step Numarası Yazı Rengi*/
}

/* Wizard step başlığı*/
.customTemplate1 .steps > li .title {
    color: #949EA7; /*Yazı Rengi*/
}

/*Aktif olan Step Border*/
.customTemplate1 .steps > li.active:before {
    border-color: #E79D46;
}

/*Aktif Step Numarasının olduğu Daire*/
.customTemplate1 .steps > li.active .step {
    border-color: #E79D46; /*Daire Border Rengi*/
}


/*Tamamlanmış Step Border*/
.customTemplate1 .steps > li.complete:before {
    border-color: #E79D46;
}

/*Tamamlanmış Step İkon*/
.customTemplate1 .steps > li.complete .step:before {
    color: #69AA46; /*İkon Rengi*/
}

/*Wizard Tamamlanmış Step Numarasının olduğu Daire*/
.customTemplate1 .steps > li.complete .step {
    border-color: #E79D46; /*Daire Border Rengi*/
}

/*#endregion Wizard*/

/*#region Tabs*/

/*Tab Linkleri*/
.customTemplate1 .nav-tabs > li > a,
.customTemplate1 .nav-tabs > li > a:focus,
.customTemplate1 .nav-tabs > li > a:hover {
    border-color: #C5D0DC; /*Border Rengi*/
}

    .customTemplate1 .nav-tabs > li > a:hover {
        background-color: #f5f5f540; /*Arka Plan Rengi*/
        color: #3E4042; /*Yazi Rengi*/
    }

        /*Tab Link İkonları*/
        .customTemplate1 .nav-tabs > li > a > i,
        .customTemplate1 .nav-tabs > li > a:focus > i,
        .customTemplate1 .nav-tabs > li > a:hover > i {
            color: #3E4042 !important; /*İkon Rengi*/
        }

/*Tab Linkleri (ACTIVE)*/
.customTemplate1 .nav-tabs > li.active > a,
.customTemplate1 .nav-tabs > li.active > a:focus,
.customTemplate1 .nav-tabs > li.active > a:hover {
    border-color: #e5e5e5b8 #e5e5e5b8 transparent;
    ; /*Border Rengi*/
    border-top-color: #E79D46; /*Sol Border Rengi*/
    background-color: #FFF; /*Arka Plan rengi*/
    color: #E79D46 !important; /*Yazi Rengi*/
}

    /*Tab Link İkonları (ACTIVE)*/
    .customTemplate1 .nav-tabs > li.active > a > i,
    .customTemplate1 .nav-tabs > li.active > a:focus > i,
    .customTemplate1 .nav-tabs > li.active > a:hover > i {
        color: #E79D46 !important; /*İkon Rengi*/
    }

/*Tab Content*/
.customTemplate1 .tab-content {
    border-color: #e5e5e5b8; /*Border Rengi*/
    background-color: #FFF; /*Arka Plan rengi*/
}

/*Yatay Tab aktif olmayan linkler*/
.customTemplate1 .widget-toolbar > .nav-tabs > li:not(.active) > a {
    background-color: inherit !important;
    border: none;
}

.customTemplate1 .widget-toolbar > .nav-tabs > li.active > a {
    background-color: #FFF !important;
    border-bottom-color: transparent !important;
    border-color: #E79D46 #E79D46 transparent;
    border-top: 2px solid #E79D46 !important;
}

.customTemplate1 .tabs-left > .nav-tabs > li.active > a,
.customTemplate1 .tabs-left > .nav-tabs > li.active > a:focus,
.customTemplate1 .tabs-left > .nav-tabs > li.active > a:hover {
    border-color: #e5e5e5b8 transparent #e5e5e5b8 #e5e5e5b8; /*Border Rengi*/
    border-left-color: #E79D46; /*Sol Border Rengi*/
    background-color: #FFF; /*Arka Plan rengi*/
    color: #E79D46 !important; /*Yazi Rengi*/
}

/*#endregion Tabs*/
/*Mobil Görünümde Menüyü açıp kapatan buton*/
.customTemplate1 .navbar .navbar-toggle {
    background-color: inherit; /*Arka Plan Rengi*/
}

    /*Mobil Görünümde Menüyü açıp kapatan buton (HOVER)*/
    .customTemplate1 .navbar .navbar-toggle:hover {
        background-color: inherit; /*Arka Plan Rengi*/
        border-color: rgba(255,255,255,.1); /*Border Rengi*/
    }

    /*Mobil Görünümde Menüyü açıp kapatan buton (Menü açıldıktan sonraki hali)*/
    .customTemplate1 .navbar .navbar-toggle.display,
    .customTemplate1 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
        background-color: inherit; /*Arka Plan Rengi*/
        border-color: rgba(255,255,255,.35); /*Border Rengi*/
        box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,.25);
    }

    .customTemplate1 .navbar .navbar-toggle:focus {
        background-color: inherit;
        border-color: transparent
    }

/*#endregion Layout*/

/*#region FormElements*/

/*Sayfa Bölüm Başlıkları*/
.customTemplate1 h4.header.smaller {
    border-bottom-color: #e5e5e5b8; /*Alt Border Rengi*/
    color: #E79D46 !important; /*Yazı Rengi*/
}

/*#region Alerts*/
.customTemplate1 .alert-danger {
    background-color: #fcf8e3; /*Arka Plan Rengi*/
    border-color: #faebcc; /*Border Rengi*/
    color: #8a6d3b; /*Yazı Rengi*/
}

.customTemplate1 .alert-warning {
    background-color: #fcf8e3; /*Arka Plan Rengi*/
    border-color: #faebcc; /*Border Rengi*/
    color: #8a6d3b; /*Yazı Rengi*/
}

.customTemplate1 .alert-success {
    background-color: #dff0d8; /*Arka Plan Rengi*/
    border-color: #d6e9c6; /*Border Rengi*/
    color: #3c763d; /*Yazı Rengi*/
}

.customTemplate1 .alert-info {
    background-color: #575b5f1a; /*Arka Plan Rengi*/
    border-color: #575b5f1a; /*Border Rengi*/
    color: #575B5F; /*Yazı Rengi*/
}

/*#endregion Alerts*/

/*#region Buttons*/

/*Default Buton*/
.customTemplate1 .btn-default,
.customTemplate1 .btn-default.focus,
.customTemplate1 .btn-default:focus {
    background-color: #ABBAC3; /*Arka Plan Rengi*/
    border-color: #ABBAC3; /*Border Rengi*/
}

    /*Default Buton (HOVER)*/
    .customTemplate1 .btn-default.focus:hover,
    .customTemplate1 .btn-default:active:hover,
    .customTemplate1 .btn-default:focus:active,
    .customTemplate1 .btn-default:focus:hover,
    .customTemplate1 .btn-default:hover,
    .customTemplate1 .open > .btn-default.dropdown-toggle,
    .customTemplate1 .open > .btn-default.dropdown-toggle.focus,
    .customTemplate1 .open > .btn-default.dropdown-toggle:active,
    .customTemplate1 .open > .btn-default.dropdown-toggle:focus,
    .customTemplate1 .open > .btn-default.dropdown-toggle:hover {
        background-color: #8B9AA3 !important; /*Arka Plan Rengi*/
        border-color: #ABBAC3; /*Border Rengi*/
    }

/*Custom Promena Button*/
.customTemplate1 .btn-promena,
.customTemplate1 .btn-promena.focus,
.customTemplate1 .btn-promena:focus {
    background-color: #E49440 !important; /*Arka Plan Rengi*/
    border-color: #E49440; /*Border Rengi*/
}

    /*Custom Promena Button (HOVER)*/
    .customTemplate1 .btn-promena.focus:hover,
    .customTemplate1 .btn-promena:active:hover,
    .customTemplate1 .btn-promena:focus:active,
    .customTemplate1 .btn-promena:focus:hover,
    .customTemplate1 .btn-promena:hover,
    .customTemplate1 .open > .btn-promena.dropdown-toggle,
    .customTemplate1 .open > .btn-promena.dropdown-toggle.focus,
    .customTemplate1 .open > .btn-promena.dropdown-toggle:active,
    .customTemplate1 .open > .btn-promena.dropdown-toggle:focus,
    .customTemplate1 .open > .btn-promena.dropdown-toggle:hover {
        background-color: #e79d46d9 !important; /*Arka Plan Rengi*/
        border-color: #e79d46d9; /*Border Rengi*/
    }

/*Primary Button*/
.customTemplate1 .btn-primary,
.customTemplate1 .btn-primary.focus,
.customTemplate1 .btn-primary:focus {
    background-color: #575B5F !important; /*Arka Plan Rengi*/
    border-color: #575B5F; /*Border Rengi*/
}

    /*Primary Button (HOVER)*/
    .customTemplate1 .btn-primary.focus:hover,
    .customTemplate1 .btn-primary:active:hover,
    .customTemplate1 .btn-primary:focus:active,
    .customTemplate1 .btn-primary:focus:hover,
    .customTemplate1 .btn-primary:hover,
    .customTemplate1 .open > .btn-primary.dropdown-toggle,
    .customTemplate1 .open > .btn-primary.dropdown-toggle.focus,
    .customTemplate1 .open > .btn-primary.dropdown-toggle:active,
    .customTemplate1 .open > .btn-primary.dropdown-toggle:focus,
    .customTemplate1 .open > .btn-primary.dropdown-toggle:hover {
        background-color: #575B5F !important; /*Arka Plan Rengi*/
        border-color: #575B5F; /*Border Rengi*/
    }

/*Danger Button (HOVER)*/
.customTemplate1 .btn-danger,
.customTemplate1 .btn-danger.focus,
.customTemplate1 .btn-danger:focus {
    background-color: #D15B47 !important; /*Arka Plan Rengi*/
    border-color: #D15B47; /*Border Rengi*/
}

    /*Danger Button (HOVER)*/
    .customTemplate1 .btn-danger.focus:hover,
    .customTemplate1 .btn-danger:active:hover,
    .customTemplate1 .btn-danger:focus:active,
    .customTemplate1 .btn-danger:focus:hover,
    .customTemplate1 .btn-danger:hover,
    .customTemplate1 .open > .btn-danger.dropdown-toggle,
    .customTemplate1 .open > .btn-danger.dropdown-toggle.focus,
    .customTemplate1 .open > .btn-danger.dropdown-toggle:active,
    .customTemplate1 .open > .btn-danger.dropdown-toggle:focus,
    .customTemplate1 .open > .btn-danger.dropdown-toggle:hover {
        background-color: #D15B47 !important; /*Arka Plan Rengi*/
        border-color: #D15B47; /*Border Rengi*/
    }

.customTemplate1 .btn-app.btn-info,
.customTemplate1 .btn-app.btn-info.focus,
.customTemplate1 .btn-app.btn-info:focus {
    background-color: #575B5F !important;
    border-color: #575B5F;
    background-image: none !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.customTemplate1 .btn-info,
.customTemplate1 .btn-info.focus,
.customTemplate1 .btn-info:focus {
    background-color: #575B5F !important; /*Arka Plan Rengi*/
    border-color: #575B5F; /*Border Rengi*/
}

    /*Danger Button (HOVER)*/
    .customTemplate1 .btn-info.focus:hover,
    .customTemplate1 .btn-info:active:hover,
    .customTemplate1 .btn-info:focus:active,
    .customTemplate1 .btn-info:focus:hover,
    .customTemplate1 .btn-info:hover,
    .customTemplate1 .open > .btn-info.dropdown-toggle,
    .customTemplate1 .open > .btn-info.dropdown-toggle.focus,
    .customTemplate1 .open > .btn-info.dropdown-toggle:active,
    .customTemplate1 .open > .btn-info.dropdown-toggle:focus,
    .customTemplate1 .open > .btn-info.dropdown-toggle:hover {
        background-color: #575B5F !important; /*Arka Plan Rengi*/
        border-color: #575B5F; /*Border Rengi*/
    }

/*#endregion Buttons*/

/*#region Labels*/

.customTemplate1 .label:not(.arrowed-right) {
    background-color: #ABBAC3; /*Arka Plan Rengi*/
}

.customTemplate1 .label-success,
.customTemplate1 .label.label-success {
    background-color: #82AF6F;
}

.customTemplate1 .label-warning,
.customTemplate1 .label.label-warning {
    background-color: #82AF6F;
}

.customTemplate1 .label-danger,
.customTemplate1 .label-important,
.customTemplate1 .label.label-danger,
.customTemplate1 .label.label-important {
    background-color: #d15b47;
}

.customTemplate1 .label-info,
.customTemplate1 .label.label-info {
    background-color: #818284c9;
}

.customTemplate1 .label-inverse,
.customTemplate1 .label.label-inverse {
    background-color: #abbac3;
}

.customTemplate1 .label-yellow:not(.arrowed-right),
.customTemplate1 .label.label-yellow:not(.arrowed-right) {
    background-color: #f89406;
}

.customTemplate1 .label-grey,
.customTemplate1 .label.label-grey {
    background-color: #ABBAC3;
}

/*#endregion Labels*/

/*#region Badges (Durum Label'ları)*/

.customTemplate1 .badge {
    background-color: #ABBAC3; /*Arka Plan Rengi*/
}

    .customTemplate1 .badge-success,
    .customTemplate1 .badge.badge-success {
        background-color: #82AF6F;
    }

    .customTemplate1 .badge-warning,
    .customTemplate1 .badge.badge-warning {
        background-color: #F89406;
    }

    .customTemplate1 .badge-danger,
    .customTemplate1 .badge-important,
    .customTemplate1 .badge.badge-danger,
    .customTemplate1 .badge.badge-important {
        background-color: #D15B47;
    }

    .customTemplate1 .badge-info,
    .customTemplate1 .badge.badge-info {
        background-color: #818284c9;
    }

    .customTemplate1 .badge-inverse,
    .customTemplate1 .badge.badge-inverse {
        background-color: #333;
    }

    .customTemplate1 .badge-yellow,
    .customTemplate1 .badge.badge-yellow {
        background-color: #FEE188;
        color: #963;
    }

/*#endregion Badges*/

/*#region Labels (Rfq Özet Bolüm Başlıkları (Genel Bilgiler vs...))*/

.customTemplate1 .label-primary,
.customTemplate1 .label.label-primary {
    background-color: #4E5256;
}

    .customTemplate1 .label-primary.arrowed-in:before {
        border-color: #4E5256 #4E5256 #4E5256 transparent;
    }

    .customTemplate1 .label-primary.arrowed-right:after {
        border-left-color: #4E5256;
    }

/*#endregion Labels*/

/*#region Widget Box (Rfq Özet Sayfası Bölümleri)*/

.customTemplate1 .widget-box ul.list-unstyled > li > i,
.customTemplate1 .widget-box ul.list-unstyled > li > strong,
.customTemplate1 .widget-box ul.list-unstyled > li #authUserShowBtn {
    color: #E79D46 !important;
}

/*Rfq özet sayfasındaki Şirket İçi Not vs alanlarının başlık renkleri*/
.customTemplate1 .widget-box .well div:first-child {
    color: #E79D46 !important;
}

/*#endregion Widget Box*/
.customTemplate1 .btn-delete {
    color: #DD5A43 !important;
}

.customTemplate1 .btn-delete-shop {
    background-color: #D15B47 !important;
    border-color: #D15B47 !important;
}

.customTemplate1 .btn-cancel {
    color: #DD5A43 !important;
}

.customTemplate1 .btn-detail {
    color: #478FCA !important;
}

.customTemplate1 .btn-edit {
    color: #478FCA !important;
}

/*#endregion FormElements*/

/*#region Datatable*/

/*Datatable Export Butonları*/
.customTemplate1 .dt-buttons.btn-group .btn-default {
    border-color: #575b5f36; /*Border Rengi*/
    background-color: white !important;
}

    /*Datatable Export Butonları (HOVER)*/
    .customTemplate1 .dt-buttons.btn-group .btn-default:hover {
        border-color: #575b5f36; /*Border Rengi*/
        background-color: #575b5f36 !important;
    }

    /*Datatable Export Buton ikonları*/
    .customTemplate1 .dt-buttons.btn-group .btn-default i {
        color: #3E4042 !important; /*İkon Renleri*/
    }

        /*Datatable Export Buton ikonları (BUTON HOVER)*/
        .customTemplate1 .dt-buttons.btn-group .btn-default i:hover {
            color: #3E4042 !important; /*İkon Renleri*/
        }

/*Pagination Butonları*/
.customTemplate1 .pagination > li > a {
    background-color: #f5f5f5; /*Arka Plan Rengi*/
    color: #575B5F; /*Yazı ve aktif olan next, previous ikon Rengi*/
    border-color: #575b5f45; /*Border Rengi*/
}

    /*Pagination Butonları (HOVER)*/
    .customTemplate1 .pagination > li > a:hover {
        background-color: #62666985; /*Arka Plan Rengi*/
        color: #fff; /*Yazı ve aktif olan next, previous ikon Rengi*/
        border-color: #62666985; /*Border Rengi*/
    }

/*Pagination Butonları (ACTIVE)*/
.customTemplate1 .pagination > li.active > a,
.customTemplate1 .pagination > li.active > a:focus,
.customTemplate1 .pagination > li.active > a:hover {
    background-color: #E79D46; /*Arka Plan Rengi*/
    color: #FFF; /*Yazı ve aktif olan next, previous ikon Rengi*/
    border-color: #E79D46; /*Border Rengi*/
}

/*Datatable Detay İkonu*/
.customTemplate1 .dataTable td a i.fa-folder-open,
.customTemplate1 .rfq-widget-table .cell a i.fa-folder-open {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Retweet İkonu*/
.customTemplate1 .dataTable td a i.fa-retweet,
.customTemplate1 .rfq-widget-table .cell a i.fa-retweet {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable link İkonu (ilişkilendir için kullanılıyor)*/
.customTemplate1 .dataTable td a i.fa-link,
.customTemplate1 .rfq-widget-table .cell a i.fa-link {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Download İkonu*/
.customTemplate1 .dataTable td a i.glyphicon-save,
.customTemplate1 .rfq-widget-table .cell a i.glyphicon-save {
    color: #575B5F; /*İkon Rengi*/
}

.customTemplate1 .dataTable td a i.fa-undo,
.customTemplate1 .rfq-widget-table .cell a i.fa-undo {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Kopyala İkonu*/
.customTemplate1 .dataTable td a i.fa-copy,
.customTemplate1 .dataTable td a i.fa-files-o,
.customTemplate1 .rfq-widget-table .cell a i.fa-copy,
.customTemplate1 .rfq-widget-table .cell a i.fa-files-o {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Belge İkonu*/
.customTemplate1 .dataTable td a i.fa-bars,
.customTemplate1 .rfq-widget-table .cell a i.fa-bars {
    color: #575B5F; /*İkon Rengi*/
}

.customTemplate1 .dataTable td a i.fa-file,
.customTemplate1 .rfq-widget-table .cell a i.fa-file {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Text Belge İkonu*/
.customTemplate1 .dataTable td a i.fa-file-text,
.customTemplate1 .dataTable td a i.fa-file-text-o,
.customTemplate1 .rfq-widget-table .cell a i.fa-file-text,
.customTemplate1 .rfq-widget-table .cell a i.fa-file-text-o {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Geri İkonu*/
.customTemplate1 .dataTable td a i.fa-reply,
.customTemplate1 .rfq-widget-table .cell a i.fa-reply {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Excel İkonu*/
.customTemplate1 .dataTable td a i.fa-file-excel-o,
.customTemplate1 .rfq-widget-table .cell a i.fa-excel-o {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Önizleme İkonu*/
.customTemplate1 .dataTable td a i.glyphicon-search,
.customTemplate1 .dataTable td a i.fa-eye,
.customTemplate1 .rfq-widget-table .cell a i.fa-glyphicon-search,
.customTemplate1 .rfq-widget-table .cell a i.fa-eye {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Gönder İkonu*/
.customTemplate1 .dataTable td a i.fa-paper-plane,
.customTemplate1 .dataTable td a i.fa-paper-plane-o,
.customTemplate1 .rfq-widget-table .cell a i.fa-paper-plane,
.customTemplate1 .rfq-widget-table .cell a i.fa-paper-plane-o {
    color: #69AA46; /*İkon Rengi*/
}

/*Datatable Sil İkonu*/
.customTemplate1 .dataTable td a i.fa-trash-o,
.customTemplate1 .rfq-widget-table .cell a i.fa-trash-o {
    color: #E49440; /*İkon Rengi*/
}

/*Datatable İptal İkonu*/
.customTemplate1 .dataTable td a i.fa-ban,
.customTemplate1 .rfq-widget-table .cell a i.fa-ban {
    color: #E49440; /*İkon Rengi*/
}

/*Datatable Dürbün İkonu (Teklif Analizi)*/
.customTemplate1 .dataTable td a i.fa-binoculars,
.customTemplate1 .rfq-widget-table .cell a i.fa-binoculars {
    color: #69AA46; /*İkon Rengi*/
}

/*Datatable Büyüteç İkonu (Quick Rfq Özet)*/
.customTemplate1 .dataTable td a i.fa-search,
.customTemplate1 .rfq-widget-table .cell a i.fa-search {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Kalem İkonu*/
.customTemplate1 .dataTable td a i.fa-pencil,
.customTemplate1 .rfq-widget-table .cell a i.fa-pencil {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable kutu içinde Kalem İkonu*/
.customTemplate1 .dataTable td a i.fa-pencil-square-o,
.customTemplate1 .rfq-widget-table .cell a i.fa-pencil-square-o {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable DÖnüştür(Sağa Kıvrılan Ok) İkonu*/
.customTemplate1 .dataTable td a i.fa-share,
.customTemplate1 .rfq-widget-table .cell a i.fa-share {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Tokmak İkonu*/
.customTemplate1 .dataTable td a i.fa-gavel,
.customTemplate1 .rfq-widget-table .cell a i.fa-gavel {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable Download İkonu*/
.customTemplate1 .dataTable td a i.fa-download,
.customTemplate1 .rfq-widget-table .cell a i.fa-download {
    color: #575B5F; /*İkon Rengi*/
}

/*Datatable kolon başlıkları*/
.customTemplate1 .dataTable.table > thead > tr {
    color: #707070; /*Yazı Rengi*/
}

/*Datatable sort edilebilir kolon başlıkları (HOVER)*/
.customTemplate1 .dataTable > thead > tr > th[class*=sort]:hover {
    color: #3e4042; /*Yazı Rengi*/
}

/*Datatable ikonları*/
.customTemplate1 .dataTable > thead > tr > th[class*=sort]:after {
    color: #555; /*İkon Rengi*/
}

/*Datatable sort edilmiş başlık*/
.customTemplate1 .dataTable > thead > tr > th[class*=sorting_] {
    color: #3e4042; /*Yazı Rengi*/
}

/*Datatable seçili(selected class'ı olan) satır*/
.customTemplate1 .dataTable > tbody > tr.selected > td {
    background-color: #dff0d8; /*Arka Plan Rengi*/
}

/*Datatable silinen satır*/
.customTemplate1 .dataTable > tbody > tr.deleted-row > td {
    background-color: #cd5c5c !important;
    color: white !important;
}

/*liste üzerindeki arama alanı çarpı ikonu*/
.customTemplate1 .dtSearchBoxCustomCss + .fa.fa-times.clickable {
    color: #E49440 !important;
}

/*Datatable seçili satır için kullanılabilir (Örn: Ürün Detay => Ürün Görselleri Tabı => default seçili ürün görseli satırı)*/
.customTemplate1 .default-row {
    background-color: #82AF6F !important; /*Arka Plan Rengi*/
    color: white; /*Yazı Rengi*/
}

/*#endregion Datatable*/
/*#region Folder Yapılı Treeview*/
/*Seçili olan item ve hoverı*/
.customTemplate1 .tree .tree-item.tree-selected,
.customTemplate1 .tree .tree-item.tree-selected:hover {
    background-color: #b4b8b929;
}

/*Normal item (HOVER)*/
.customTemplate1 .tree .tree-item:hover,
.customTemplate1 .tree .tree-branch .tree-branch-header:hover {
    background-color: #62666940;
}

/*Ana Item Yazı Rengi*/
.customTemplate1 .tree > .tree-branch:not(.hide) > .tree-branch-header .tree-label {
    color: #575B5F;
}

/*Folder Ikonu*/
.customTemplate1 .tree .icon-folder {
    color: #575B5F;
}

/*Yazı Rengi*/
.customTemplate1 .tree .tree-branch .tree-branch .tree-label,
.customTemplate1 .tree .tree-branch .tree-item .tree-label {
    color: #575B5F;
}

/*Soldaki Noktalı Çizgiler*/
.customTemplate1 .tree .tree-branch .tree-branch-children.tree:before,
.customTemplate1 .tree .tree-branch .tree-branch-children:before,
.customTemplate1 .tree .tree-branch:before,
.customTemplate1 .tree .tree-item:before {
    border-color: #575B5F;
}

/*Seçim Yapılmamış checkbox*/
.customTemplate1 .tree .tree-item > .tree-item-name > .ace-icon:first-child {
    color: #F9E8CE; /* içindeki çarpı işaretinin rengi*/
    border-color: #CCC; /*Border Rengi*/
}

/*Seçilmiş item checkbox*/
.customTemplate1 .tree .tree-selected > .tree-item-name > .ace-icon:first-child {
    background-color: #F9A021; /*Arka Plan Rengi*/
    border-color: #F9A021; /*Border Rengi*/
    color: #FFF; /*tik işaretinin rengi*/
}

/*Selected Item*/
.customTemplate1 .tree .tree-branch.tree-selected > .tree-branch-header {
    background-color: rgb(160 191 210 / 18%); /*Arka Plan Rengi*/
}


/*#endregion Folder Yapılı Treeview*/
/*#region Rfq Widget*/
/*Rfq Widget Header (Özet, KArşılaştırma vs widget başlık kısmı)*/
.customTemplate1 .rfq-widget .rfq-widget-header {
    background-color: #4E5256; /*Arka Plan Rengi*/
}

/*Rfq Widget Kolon Başlıkları*/
.customTemplate1 .rfq-widget-table .head {
    background-color: grey; /*Arka Plan Rengi*/
}

/*Tedarikçi erişim ikonu*/
.customTemplate1 .accessStatusPopover {
    color: #E79D46 !important; /*İkon Rengi*/
}

/*#endregion Rfq Widget*/

/*Datatable içindeki linkler*/
.customTemplate1 .table.dataTable td a {
    color: #E79D46;
}

/*İnformation İkonu*/
.customTemplate1 .help-button {
    background-color: #E79D46;
}

.customTemplate1 .input-group-addon {
    color: white;
}

/*Satınalma Kategorisi Seçme input Butonları*/
.customTemplate1 .input-group.date .input-group-addon {
    color: #555; /*İkon Rengi*/
}

/*SelectPicker(DDL) buton hover*/
.customTemplate1 .bootstrap-select > .btn:hover,
.customTemplate1 .bootstrap-select.open > .btn.dropdown-toggle {
    background-color: white !important;
}

/*Dropdownlist seçim liste elemanları hover, active, focus için eklendi*/
.customTemplate1 .bootstrap-select .dropdown-menu > li.active:hover > a,
.customTemplate1 .bootstrap-select .dropdown-menu > li.active > a,
.customTemplate1 .bootstrap-select .dropdown-menu > li:hover > a,
.customTemplate1 .bootstrap-select .dropdown-menu > li > a:active,
.customTemplate1 .bootstrap-select .dropdown-menu > li > a:focus,
.customTemplate1 .chosen-container .chosen-results li.highlighted {
    background: #62666940 !important;
    color: #333 !important;
}

/*PY iş listesi sayı linkleri*/
.customTemplate1 .numberLink {
    color: #E79D46;
}

/*#region template Checkbox*/

/*Checkbox*/
.customTemplate1 input[type=checkbox].ace:checked + .lbl::before {
    color: white; /*Tik Rengi*/
    background-color: #E79D46; /*Arka Plan Rengi*/
    border-color: #E79D46; /*Border Rengi*/
}

/*#endregion template Checkbox*/

/*#region template Radio Buttons*/

.customTemplate1 input[type=radio].ace:checked + .lbl::before {
    color: #32A3CE; /*Tik Rengi*/
    background-color: #F5F8FC; /*Arka Plan Rengi*/
    border-color: #ADB8C0; /*Border Rengi*/
}

/*#endregion template Radio Buttons*/

/*#region widget-box transparent*/

.customTemplate1 .widget-box.transparent > .widget-header {
    border-bottom-color: #E2E2E2; /* Sayfa Alt Border Rengi*/
}

    .customTemplate1 .widget-box.transparent > .widget-header h1,
    .customTemplate1 .widget-box.transparent > .widget-header h2,
    .customTemplate1 .widget-box.transparent > .widget-header h3,
    .customTemplate1 .widget-box.transparent > .widget-header h4,
    .customTemplate1 .widget-box.transparent > .widget-header h5,
    .customTemplate1 .widget-box.transparent > .widget-header h6 {
        color: #E79D46 !important; /*Sayfa başlığı yazı rengi*/
        font-weight: 400;
    }

        .customTemplate1 .widget-box.transparent > .widget-header h1 > i,
        .customTemplate1 .widget-box.transparent > .widget-header h2 > i,
        .customTemplate1 .widget-box.transparent > .widget-header h3 > i,
        .customTemplate1 .widget-box.transparent > .widget-header h4 > i,
        .customTemplate1 .widget-box.transparent > .widget-header h5 > i,
        .customTemplate1 .widget-box.transparent > .widget-header h6 > i,
        .customTemplate1 .widget-box.transparent > .widget-header .pull-right strong,
        .customTemplate1 .widget-box.transparent > .widget-header .pull-right a:not(.btn) {
            color: #E79D46 !important; /*Sayfa başlığı yazı rengi*/
            font-weight: 400;
        }

    .customTemplate1 .widget-box.transparent > .widget-header .pull-right strong {
        color: #E79D46 !important; /*Sayfa başlığı yazı rengi*/
        font-weight: bold;
    }

    .customTemplate1 .widget-box.transparent > .widget-header a {
        color: #E79D46; /*Sayfa başlığı link yazı rengi*/
    }

    .customTemplate1 .widget-box.transparent > .widget-header .pull-right a > i {
        color: #E79D46 !important;
    }

    .customTemplate1 .widget-box.transparent > .widget-header h1 small,
    .customTemplate1 .widget-box.transparent > .widget-header h2 small,
    .customTemplate1 .widget-box.transparent > .widget-header h3 small,
    .customTemplate1 .widget-box.transparent > .widget-header h4 small,
    .customTemplate1 .widget-box.transparent > .widget-header h5 small,
    .customTemplate1 .widget-box.transparent > .widget-header h6 small {
        color: #575B5F !important; /*Sayfa başlığı açıklaması (>> karakteri sonrası)*/
        font-weight: 400;
    }

/*Yazdır İkonu*/
.customTemplate1 .widget-box.transparent .fa-print {
    color: #575B5F;
}

/*.customTemplate1 .widget-box.transparent span.red,
.customTemplate1 .widget-box.transparent span.blue {
    color: #575B5F !important;
}*/

.customTemplate1 .widget-box.transparent > .widget-header .pull-right a > i {
    color: #E79D46 !important;
}

/*#endregion widget-box transparent*/

/*#region Eski Sistem Yönetim Ekranı*/

.customTemplate1 .page-header .cockpit-sub-item a {
    color: #444444; /*Tab yazı rengi*/
}

/*#endregion*/

.customTemplate1 .modal-body h4 {
    color: #E79D46 !important; /*modal altındaki h4*/
}

/* tab içindeki dropdown buton hover */
/*.customTemplate1 .tab-content .tab-pane .dropdown-menu > li > a:hover {
    background: #62666940;
    color: #444;*/ /* İkon ve Yazı Rengi */
/*}*/
/* datatable içindeki dropdown buton hover */
/*.customTemplate1 .dataTables_wrapper .grid-operation-buttons .dropdown-menu > li > a:hover {
    background: #62666940;
    color: #444;*/ /* İkon ve Yazı Rengi */
/*}*/

/*Dropdown menu ve dropdown button elemanları (HOVER, FOCUS)*/
.customTemplate1 .dropdown-menu > li > a:hover,
.customTemplate1 .dropdown-menu > li > a:focus {
    color: #262626;
    background-color: #62666940;
}

/*dropdown-info classına sahip dropdown buton (ACTIVE)*/
.customTemplate1 .dropdown-info > li.active:hover > a,
.customTemplate1 .dropdown-info > li.active > a,
.customTemplate1 .dropdown-info > li > a:active {
    background: #9b9ea0;
    color: #FFF;
}

/*#region QRfq şablon kolonları, form soruları vs için kullanılan Widget*/

/*Wigget*/
.customTemplate1 .kz-widget {
    background-color: #F3F3F3; /*Arka Plan Rengi*/
    color: #616161; /*Yazı Rengi*/
    border-left-color: #4E5256; /*Soldaki çizgi rengi*/
}

    /*Sıra Numarası*/
    .customTemplate1 .kz-widget .kz-widget-order {
        background-color: #4E5256;
        border-color: #4E5256;
        color: white;
    }

/*Form Soruları => Form Maksimum Skor Label, Form Soru Detay => Bağlı Olduğu Form Label*/
.customTemplate1 .page-header.form-header label.form-score-label, .customTemplate1 .modal-header label.form-score-label {
    color: #575B5F !important;
}

/*Form Soruları => Form Puanı Label, Form Soru Detay => Bağlı olduğu From Adı*/
.customTemplate1 .page-header.form-header label.form-point-label, .customTemplate1 .modal-header label.form-point-label {
    color: #DD5A43 !important;
}

/*#endregion*/

/*#region Tedarikçi Ekleme Popup'ı*/

/*Arama Alanı*/
.customTemplate1 .search-area {
    background-color: #f1f1f1; /*Arka Plan Rengi*/
    border-color: #d6e1ea; /*Border Rengi*/
}

    /*Ara İkon Rengi*/
    .customTemplate1 .search-area button i,
    .customTemplate1 .search-area .search-filter-header i {
        color: #ececec !important;
    }

    /*Başlık Kısmı*/
    .customTemplate1 .search-area .search-filter-header {
        text-align: center;
        background-color: #575B5F; /*Arka Plan Rengi*/
    }

        /*Başlık Kısmı*/
        .customTemplate1 .search-area .search-filter-header h1,
        .customTemplate1 .search-area .search-filter-header h2,
        .customTemplate1 .search-area .search-filter-header h3,
        .customTemplate1 .search-area .search-filter-header h4,
        .customTemplate1 .search-area .search-filter-header h5,
        .customTemplate1 .search-area .search-filter-header h6 {
            color: #ececec !important; /*Yazı Rengi*/
        }

    /*Başlıkların Rengi*/
    .customTemplate1 .search-area h1,
    .customTemplate1 .search-area h2,
    .customTemplate1 .search-area h3,
    .customTemplate1 .search-area h4,
    .customTemplate1 .search-area h5,
    .customTemplate1 .search-area h6 {
        color: #E79D46 !important;
    }

/*#endregion*/

/*#region Datetimepicker*/

/*Datetimepicker seçili item*/
.customTemplate1 .datepicker td.active,
.customTemplate1 .datepicker td.active:hover,
.customTemplate1 .daterangepicker td.active,
.customTemplate1 .daterangepicker td.active:hover,
.customTemplate1 .datepicker-months .month.active,
.customTemplate1 .datepicker-months .month.active:active,
.customTemplate1 .datepicker-months .month.active:focus,
.customTemplate1 .datepicker-months .month.active:hover,
.customTemplate1 .datepicker-years .year.active,
.customTemplate1 .datepicker-years .year.active:active,
.customTemplate1 .datepicker-years .year.active:focus,
.customTemplate1 .datepicker-years .year.active:hover {
    background: #E49440 !important; /*Arka Plan Rengi*/
}

/*Datetimepicker seçili olmayan item (HOVER)*/
.customTemplate1 .datepicker table tr td.day:hover,
.customTemplate1 .datepicker table tr td.day.focused {
    background: #eeeeee;
}

/*Bugünün Tarihi seçildiğinde altında çıkan okun rengi*/
.customTemplate1 .bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

/*Bugünün Tarihi (farklı bir tarih seçilince) */
.customTemplate1 .datepicker table tr td.today,
.customTemplate1 .datepicker table tr td.today:hover,
.customTemplate1 .datepicker table tr td.today.disabled,
.customTemplate1 .datepicker table tr td.today.disabled:hover {
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); /*Border Rengi*/
    color: #000; /*Yazı Rengi*/
}

/*Bugünün Tarihi (farklı bir tarih seçilince altında çıkan ok) */
.customTemplate1 .bootstrap-datetimepicker-widget table td.today:before {
    border-bottom-color: gray;
}

/*Seçili olanın yazı rengi*/
.customTemplate1 .datepicker table tr td.active:hover,
.customTemplate1 .datepicker table tr td.active:hover:hover,
.customTemplate1 .datepicker table tr td.active.disabled:hover,
.customTemplate1 .datepicker table tr td.active.disabled:hover:hover,
.customTemplate1 .datepicker table tr td.active:focus,
.customTemplate1 .datepicker table tr td.active:hover:focus,
.customTemplate1 .datepicker table tr td.active.disabled:focus,
.customTemplate1 .datepicker table tr td.active.disabled:hover:focus,
.customTemplate1 .datepicker table tr td.active:active,
.customTemplate1 .datepicker table tr td.active:hover:active,
.customTemplate1 .datepicker table tr td.active.disabled:active,
.customTemplate1 .datepicker table tr td.active.disabled:hover:active,
.customTemplate1 .datepicker table tr td.active.active,
.customTemplate1 .datepicker table tr td.active:hover.active,
.customTemplate1 .datepicker table tr td.active.disabled.active,
.customTemplate1 .datepicker table tr td.active.disabled:hover.active,
.customTemplate1 .open .dropdown-toggle.datepicker table tr td.active,
.customTemplate1 .open .dropdown-toggle.datepicker table tr td.active:hover,
.customTemplate1 .open .dropdown-toggle.datepicker table tr td.active.disabled,
.customTemplate1 .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
}

/*Time Buton İkonu*/
.customTemplate1 .bootstrap-datetimepicker-widget .picker-switch a {
    color: #575B5F !important; /*İkon Rengi*/
}
    /*Time Buton (HOVER)*/
    .customTemplate1 .bootstrap-datetimepicker-widget .picker-switch a:hover {
        background-color: #dfdfdf !important;
    }

/*#endregion*/

/*#region Custom Link (Örn: Değerlendirme formu Detay => Değerlendirme Fromu adı Linki)*/

/*Yazı Rengi*/
.customTemplate1 .custom-link, .customTemplate1 .btn.btn-link {
    color: #E49440 !important;
}

    /*Yazı Rengi (Hover, Focus)*/
    .customTemplate1 .custom-link:hover,
    .customTemplate1 .custom-link:focus {
        color: #23527c;
    }

/*#endregion*/

/*#region Custom Label (Örn: değerlendirme formu listesi - klasör - ekle wizard- Değerlendirici seçimi alanı E-Posta Adresi: label)*/

.customTemplate1 .custom-label {
    color: #478FCA !important;
}

/*#endregion*/

/*#region Tags (Örn: değerlendirme formu listesi - klasör - ekle wizard- Değerlendirici seçimi alanı E-Posta Input alanındaki seçimler )*/

.customTemplate1 .tags .tag {
    background-color: #91B8D0; /*Arka Plan Rengi*/
    color: #FFF; /*Yazı Rengi*/
}

    /*Çarpı Butonu*/
    .customTemplate1 .tags .tag .close {
        color: #FFF; /*Yazı Rengi*/
    }

        /*Çarpı Butonu (HOVER)*/
        .customTemplate1 .tags .tag .close:hover {
            background-color: rgba(0,0,0,.2); /*Arka Plan Rengi*/
        }

/*#endregion*/

/*#region Excel Rapor Butonları*/

.customTemplate1 .btn-report,
.customTemplate1 .btn-report.focus,
.customTemplate1 .btn-report:focus {
    background-color: #575B5F !important; /*Arka Plan Rengi*/
    border-color: #575B5F; /*Border Rengi*/
}

    /*HOVER, FOCUS, ACTIVE*/
    .customTemplate1 .btn-report.focus:hover,
    .customTemplate1 .btn-report:active:hover,
    .customTemplate1 .btn-report:focus:active,
    .customTemplate1 .btn-report:focus:hover,
    .customTemplate1 .btn-report:hover,
    .customTemplate1 .open > .btn-report.dropdown-toggle,
    .customTemplate1 .open > .btn-report.dropdown-toggle.focus,
    .customTemplate1 .open > .btn-report.dropdown-toggle:active,
    .customTemplate1 .open > .btn-report.dropdown-toggle:focus,
    .customTemplate1 .open > .btn-report.dropdown-toggle:hover {
        background-color: #575B5F !important; /*Arka Plan Rengi*/
        border-color: #575B5F; /*Border Rengi*/
    }

    .customTemplate1 .btn-report i.fa.fa-file-excel-o {
        color: white !important;
    }

/*#endregion*/

/*#region Helpdesk Button*/

.customTemplate1 .btn-helpdesk {
    bottom: 3px;
    right: 30px;
    position: fixed;
    z-index: 9999;
    border-radius: 10px;
    width:80px;
}

    .customTemplate1 .btn-helpdesk,
    .customTemplate1 .btn-helpdesk.focus,
    .customTemplate1 .btn-helpdesk:focus {
        background-color: #E49440 !important; /*Arka Plan Rengi*/
        border-color: #E49440; /*Border Rengi*/
    }

        /*HOVER, FOCUS, ACTIVE*/
        .customTemplate1 .btn-helpdesk.focus:hover,
        .customTemplate1 .btn-helpdesk:active:hover,
        .customTemplate1 .btn-helpdesk:focus:active,
        .customTemplate1 .btn-helpdesk:focus:hover,
        .customTemplate1 .btn-helpdesk:hover {
            background-color: #e79d46d9 !important; /*Arka Plan Rengi*/
            border-color: #e79d46d9; /*Border Rengi*/
        }

/*#endregion*/

/*#region Link (Anchor)*/

.customTemplate1 a {
    color: #E49440;
}

/*#endregion*/

/*Formlar => File Upload => Dosya Label*/
.customTemplate1 .ace-file-input .ace-file-container:before {
    background-color: #575B5F; /*Arka Plan Rengi*/
    color: #FFF; /*Yazı Rengi*/
}

/*Kalem İkonu*/
.customTemplate1 .fa.fa-pencil {
    color: #575B5F; /*İkon Rengi*/
}

.customTemplate1 .text-primary {
    color: #575B5F; /*Yazı Rengi*/
}

.customTemplate1 .thumbnail.search-thumbnail:hover {
    border-color: #E49440;
}

/*Kataloklar sayfasındaki listedeki Captionlar*/
.customTemplate1 .thumbnail.search-thumbnail .caption .search-title a {
    color: #E49440 !important; /*Yazı Rengi*/
}

/*Kataloklar sayfasındaki listedeki Captionlar içindeki Birden fazla Fiyat seçeneği var linki*/
.customTemplate1 .thumbnail.search-thumbnail .caption .product-cart-info .price-list-info {
    color: #E49440 !important; /*Yazı Rengi*/
}

/*Kataloklar sayfasındaki listedeki Captionlar içindeki teslimat bilgisi vs ikonları*/
.customTemplate1 .thumbnail.search-thumbnail .caption .product-cart-info li.text-info i {
    color: #575B5F !important; /*İkon Rengi*/
}

.customTemplate1 .template-main-color {
    color: #E49440 !important;
}

.customTemplate1 .template-base-color {
    color: #575B5F !important;
}

#supplierListIcon {
    color: #575B5F !important;
}


/*#region Info Widget (infobox eski sistemde kullanılıyor)*/

.customTemplate1 .info-widget-container .info-widget i,
.customTemplate1 .infobox-blue > .infobox-icon > .ace-icon,
.customTemplate1 .infobox > .infobox-icon > .ace-icon:before {
    background-color: #4E5256;
}

.customTemplate1 .infobox:not(.infobox-yellow):not(.infobox-green) {
    border-bottom-color: #E79D46 !important;
    border-bottom: 3px solid #E79D46;
    -webkit-box-shadow: 0 1px 4px 0px #80808087;
    box-shadow: 0 1px 4px 0px #80808087;
}

.customTemplate1 .infobox-small > .infobox-icon > .ace-icon:before {
    background-color: inherit;
}

/*#endregion*/
/*#region Sepet*/
.customTemplate1 .shop-table-title {
    color: #575B5F !important;
}

.customTemplate1 .search-media:hover {
    border-color: #575B5F !important;
}

    .customTemplate1 .search-media:hover .search-actions {
        background-color: #f4f4f4;
    }

.customTemplate1 .search-media:not(.disabled):hover .search-actions::before {
    background-image: -webkit-linear-gradient(top,#FFF 0,#DDD 100%);
    background-image: -o-linear-gradient(top,#FFF 0,#DDD 100%);
    background-image: linear-gradient(to bottom,#FFF 0,#DDD 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);
}

/*#endregion*/

/*Section Başlıkları (ÖRN:İhale Özet => Süreç Ayarları section başlıkları*/
.customTemplate1 .header.smaller.section-header {
    color: gray !important;
    font-weight: bold;
}

.customTemplate1 .profile-activity a.user {
    color: #E49440;
}

/*Eski sistem Kalem Bilgileri Tablosu header İkonları*/
.customTemplate1 .pt-col-edit-link i,
.customTemplate1 .pt-col-formulaColumnBase-link i {
    color: #E49440 !important; /*İkon Rengi*/
}

/*#region Eski sistem Inbox kısmı*/

/*GÖnder butonunun olduğu navbar*/
.customTemplate1 .message-navbar {
    border-color: #D6E1EA transparent; /*Border Rengi*/
    background-color: #f1f1f1; /*Arka Plan Rengi*/
}

/*navbar ve ekler başlık*/
.customTemplate1 .message-infobar span,
.customTemplate1 .attachment-title span {
    color: #575B5F !important;
}

/*Geri Linki ve dosya linkleri*/
.customTemplate1 .btn-back-message-list:hover,
.customTemplate1 .attached-file:hover,
.customTemplate1 .attached-file:hover .attached-name {
    color: #E49440;
}

/*Tab (Hover)*/
.customTemplate1 .inbox-tabs.nav-tabs > li.active:not(.open) > a,
.customTemplate1 .inbox-tabs.nav-tabs > li.active:not(.open) > a:focus,
.customTemplate1 .inbox-tabs.nav-tabs > li.active:not(.open) > a:hover {
    background-color: #f1f1f1; /*Arka Plan Rengi*/
}

/*Search Box*/
.customTemplate1 .message-navbar .nav-search .nav-search-icon,
.customTemplate1 .nav-search .nav-search-input:focus,
.customTemplate1 .nav-search .nav-search-input:hover {
    color: #575B5F !important;
    border-color: #575B5F !important;
}

/*#endregion*/

/*#region Takvim*/

/*Takvim Event*/
.customTemplate1 .fc-event[href],
.customTemplate1 .fc-event.fc-draggable {
    color: black;
}

/*Takvim Ortadaki Başlık*/
.customTemplate1 .fc-toolbar .fc-center h2 {
    color: #575B5F !important;
}

/*Takvim Ay/Gün/Yıl butonları*/
.customTemplate1 .fc-state-active,
.customTemplate1 .fc-state-active .fc-button-inner {
    border-color: #4E5256;
    background-color: #4E5256;
}

/*Takvim Borderlar*/
.customTemplate1 .fc-unthemed .fc-popover,
.customTemplate1 .fc-unthemed .fc-row,
.customTemplate1 .fc-unthemed hr,
.customTemplate1 .fc-unthemed tbody,
.customTemplate1 .fc-unthemed td,
.customTemplate1 .fc-unthemed th,
.customTemplate1 .fc-unthemed thead {
    border-color: #e5e5e5;
}

/*Takvim Satır-Sütun Başlık Kısımları*/
.customTemplate1 .fc .fc-axis,
.customTemplate1 .fc-widget-header {
    background: #f1f1f1;
    color: #8090A0;
}

/*#endregion*/

/*Eski Sistem Süreç Yönetim Sayfası Rekabet Ayarları Başlık Kısmı (Düzenlenecek)*/
.customTemplate1 #right-menu .table-header {
    background-color: gray !important;
}

/*-----------------ESKİ YENİ FARKLI KISIMLAR-----------------------------*/
.customTemplate1 .bg5 {
    background-image: url(../login/images/bg2.jpg);
}