/*@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);*/
body {
    overflow-y: scroll;/*
    font-family: Roboto,sans-serif !important;*/
}

* {
    outline: none !important;
}

.topnav {
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    background-color: #cc9f52;
}

.menuBtn {
    transition: 0.5s;
    font-size: 25px;
    background-color: transparent;
    border-color: transparent;
    margin-left: 10px;
    /*margin-left:250px;*/
}

/*.z-tabs.medium > ul > li > a {
    font-size: 12px !important;
    padding: 16px 10px !important;
}*/
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 250px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #f1f1f1; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

    /* The navigation menu links */
    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;
        display: block;
        transition: 0.3s;
    }

        /* When you mouse over the navigation links, change their color */
        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1;
        }

    /* Position and style the close button (top right corner) */
    .sidenav .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }


/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
    margin-left: 250px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

        .sidenav a {
            font-size: 18px;
        }
   
}

.menuLoading { /*display:none;*/
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
}

.homeLinkDiv {
    text-align: center;
}

    .homeLinkDiv > a {
        display: block;
        width: 100%;
        text-decoration: none;
    }

.homeBtnDiv {
    transition: 0.3s;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
}

    .homeBtnDiv:hover {
        box-shadow: 0px 0px 20px rgba(0,0,0,0.4);
        transition: 0.3s;
    }

.homeLinkDiv > a > i {
    color: #354052;
    font-size: 45px;
}

.homeLinkDiv > a > span {
    font-size: 18px;
    color: #678098;
}

.ui-loader {
    display: none !important;
}

.logo-icon {
    z-index: 1 !important;
}

.asWI {
    padding: 10px 0px;
}


.b2Btn {
    /*position:relative;
    display: inline-block;
    height:40px;
    background:#f1f1f1;
    top:0px;
    min-width:100px;
    padding:9px;
    text-decoration:none !important;
    transition:0.25s;
    font-size:16px;
    color:#000;
    text-align:center;
    border:0px solid;*/
    background-color: #cc9f52 !important;
    color: #ffffff !important;
    border:0px;
    margin-bottom:1px;
    margin-top:1px;
}


    .b2Btn > span {
        color: #ffffff !important;
        opacity: 1 !important;
    }

.b2GridEkle, .b2GridExport {
    padding: 0px !important;
    border: 0px !important;
    margin-right: 3px;
    color:#fff;
}

.b2GridExport {
    background-color: #58667b;
}
.aracGridButtons{
    /*margin-top:7px;*/
}
.b2GridYenile {
    /*border-color: #9da2a4 !important;*/
    opacity: 1 !important;
    padding: 0px !important;
    border: 0px !important;
    margin-right: 3px;
    color: #fff;
    background-color: #5a6268;
}

    .b2GridYenile > span {
        opacity: 1 !important;
    }

.b2GridReset {
    /*border-color: #9da2a4 !important;*/
    opacity: 1 !important;
    padding: 0px !important;
    border: 0px !important;
    color: #fff;
    background-color: #23272b;
}

    .b2GridReset > span {
        opacity: 1 !important;
    }

/*.b2Btn:hover {
    box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    color:#485468;
    transition:0.25s;
}*/
.b2BtnSuccess {
    background-color: #4CAF50 !important;
    color: #fff !important;
}

.b2BtnInfo {
    background-color: #008CBA !important;
    color: #fff !important;
}

.b2BtnDanger {
    background-color: #f44336 !important;
    color: #fff !important;
}

.b2BtnPassive {
    background-color: #e7e7e7 !important;
    color: #000 !important;
}

.b2BtnPink {
    background-color: #ff4350 !important;
    color: #fff !important;
}


.bayrakMenu {
    display: block;
    height: 50px;
    width: 100%;
}

.bayrakSubMenu {
    display: none;
    position: absolute;
    z-index: 999;
    width: 150px;
    top: 50px;
    right: 0px;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding: 0px 10px !important;
    box-shadow: 3px 3px 8px rgba(0,0,0,0.4);
}

.bayrakMenu:hover > li > .bayrakSubMenu {
    display: inline !important;
}

.bayrakSubMenu > li > a {
    display: block;
    width: 134px !important;
    height: 100%;
    color: #000 !important;
}

.bayrak {
    height: 18px;
}

.headerBar {
    display: block;
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 5px;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}

.textSagaYasla {
    text-align: right;
}

.textOrtala {
    text-align: center;
}

.textSolaYasla {
    text-align: left;
}

.sagaYasla {
    float: right;
    margin-left: 5px;
}

.solaYasla {
    float: left;
    margin-right: 5px;
}

.textUpperCase{
    text-transform:uppercase;
}
.k-grid-Duzenle {
    padding: 0px !important;
    min-width: 0px !important;
    font-size: 16px !important;
    color: #cc9f52 !important;
    border: unset !important;
    background-color: unset !important;
    background-image: unset !important;
}

.k-grid-Duzenle i {
    margin-right:3px;
    font-size:18px !important;
}
.k-grid-content-locked tr td{
    text-align:center;
}
.k-grid-content tr:last-child td{
   border-bottom-width:1px !important;
}
.k-grid-header th.k-header > .k-link {
    /*color: #656565;*/
    color: #464646;
}
/*.divHeaderArama {
    display:block;
}
.divHeaderArama > input {
    height:40px;
    border:1px solid #ddd;
}
.divHeaderArama > a {
    background:#ff4350;
    color:rgba(255,255,255,0.5);
}
.divHeaderArama > a:hover {
    color:rgba(255,255,255,1);
}
.divHeaderArama > input:focus + a {
    color:rgba(255,255,255,1);
}

.divHeaderArama > input::-webkit-input-placeholder { 
    color:    #aaa;
}
.divHeaderArama > input:-moz-placeholder { 
   color:    #aaa;
   opacity:  1;
}
.divHeaderArama > input::-moz-placeholder { 
   color:    #aaa;
   opacity:  1;
}
.divHeaderArama > input:-ms-input-placeholder { 
   color:    #aaa;
}*/
.mainDiv {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #e0e0e0;
}

.mainContainer {
    padding: 20px; /*min-height:150px;*/
    padding-top:5px;
}

.innerHeaderBarContainer {
    display: block;
    width: 100%;
    height: 50px;
    background: #ffffff;
}

.innerHeaderBar {
    display: block;
    width: 100%;
    /*height: 50px;*/
    background: #ffffff;
    padding: 0px; /*10px*/
    padding-top:10px;
    justify-content: right;
    align-items: center;
    /*display: flex;*/
    /*border-bottom: 1px solid #e0e0e0;*/
}

.innerHeaderBarBGS {
    /*background: #354052;*/
    background-color:#fff;
}

.k-pager-wrap .k-pager-sizes .k-dropdown {
    width: 100px;
}
.k-pager-wrap .k-pager-numbers .k-state-selected {
    /*color: #cc9f52 !important;*/
}

.k-pager-numbers-wrap .k-pager-numbers.k-reset li.k-current-page{
    display:none;
}

.sabitle {
    position: fixed;
    display: block;
/*    top: 88px;*/
top:0px;
    z-index: 9;
    box-shadow: rgb(0 0 0 / 60%) 0px 20px 30px -10px;
    padding: 10px;
}
.center{
    text-align:center;
}

.clearfixAfter::after {
    content: '';
    display: block;
    clear: both;
}

.tbl {
    display: table;
}

.tbl-row {
    display: table-row;
}

.tbl-cell {
    display: table-cell;
}

.tbl-cell-top {
    vertical-align: top;
}

.tbl-cell-middle {
    vertical-align: middle;
}

.tbl-cell-minWidth {
    width: 1%;
}

.width-max {
    width: 100%;
}

.nopadding {
    padding: 0;
}

.whitespace {
    white-space: nowrap;
}

.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
}

.padding-left5 {
    padding-left: 5px;
}

.padding-right5 {
    padding-right: 5px;
}

.padding-top5 {
    padding-top: 5px;
}

.padding-bottom5 {
    padding-bottom: 5px;
}

.inpGridSearch {
    /*border: 0px !important;
    border-bottom: 1px solid #ccc !important;
    border-radius: 0px;
    padding: 5px !important;
    height: 40px !important;
    margin:5px !important;*/
    border: 0px !important;
    border-bottom: 1px solid #9da2a4 !important;
    box-shadow: 0 0 0 0;
    border-radius: 0px;
    /*padding: 20px;*/
    background-color: #fbfbfb;
    width: 35%;
    min-width: 170px;
    max-width: 290px;
}

    .inpGridSearch::placeholder{
        color:black;
    }
    /*
tab başlık renklerini değiştirir ancak içindeki gridi ezdiği için kapatıldı    
.k-tabstrip-wrapper .k-link  {

    color: #aaa !important;
}

.k-tabstrip-wrapper .k-state-active .k-link {
    color: #fff !important;
}

.k-tabstrip-wrapper .k-link:hover, .k-tabstrip-wrapper .k-link:focus {
    color: #ff4350 !important;
}*/
    .boxFix *,
    .boxFix *::before,
    .boxFix *::after {
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }

.boxFix .col-xs-1, .boxFix .col-sm-1, .boxFix .col-md-1, .boxFix .col-lg-1, .boxFix .col-xs-2, .boxFix .col-sm-2, .boxFix .col-md-2, .boxFix .col-lg-2, .boxFix .col-xs-3, .boxFix .col-sm-3, .boxFix .col-md-3, .boxFix .col-lg-3, .boxFix .col-xs-4, .boxFix .col-sm-4, .boxFix .col-md-4, .boxFix .col-lg-4, .boxFix .col-xs-5, .boxFix .col-sm-5, .boxFix .col-md-5, .boxFix .col-lg-5, .boxFix .col-xs-6, .boxFix .col-sm-6, .boxFix .col-md-6, .boxFix .col-lg-6, .boxFix .col-xs-7, .boxFix .col-sm-7, .boxFix .col-md-7, .boxFix .col-lg-7, .boxFix .col-xs-8, .boxFix .col-sm-8, .boxFix .col-md-8, .boxFix .col-lg-8, .boxFix .col-xs-9, .boxFix .col-sm-9, .boxFix .col-md-9, .boxFix .col-lg-9, .boxFix .col-xs-10, .boxFix .col-sm-10, .boxFix .col-md-10, .boxFix .col-lg-10, .boxFix .col-xs-11, .boxFix .col-sm-11, .boxFix .col-md-11, .boxFix .col-lg-11, .boxFix .col-xs-12, .boxFix .col-sm-12, .boxFix .col-md-12, .boxFix .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px;
}

.k-tabstrip > .k-content {
    overflow: visible !important;
}

.k-content > .row > *,
.k-content > .row > *::before,
.k-content > .row > *::after {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.k-combobox {
    padding: 2px .0em;
}

@media screen and (max-width: 991px) {
    .row {
        margin-left: 0px;
        margin-right: 0px;
    }
}

.b2hide {
    display: none;
}

.b2show {
    display: inline;
}

.k-datepicker {
    padding-left: 0px;
}

.k-timepicker {
    padding-left: 0px;
    padding-right: 0px;
    border-radius: 2px;
    background-color: #fff;
    border-color: #e0e0e0;
}

.k-upload {
    border: none;
    padding-left: 0px;
}

    .k-upload .k-button {
        border-color: #e0e0e0;
    }

.k-dropzone {
    padding: 0px;
    border-color: red;
}

.k-header .k-link {
    /*text-align: center;
    align-content: center;*/
}

/**** Textbox'ların yüksekliği değiştirildi ****/
input.k-textbox {
    height: 30px !important;
    background-color:#fff !important;
}
.k-textbox{
    padding:0px !important;
}
.k-textbox > input{
    padding:8px !important;
}
    /**** SON: Textbox'ların yüksekliği değiştirildi ****/
    /****Numeric Textbox'ların yüksekliği değiştirildi ****/
    .k-numerictextbox .k-numeric-wrap, .k-numerictextbox {
        padding: 0px !important;
        height: 30px;
    }

.k-numeric-wrap .k-input {
    height: 30px !important;
    padding: 0px !important;
    line-height: 0px;
}
/**** SON:Numeric Textbox'ların yüksekliği değiştirildi ****/

/**** Combobox yüksekliği değiştirildi *****/
.k-combobox .k-input {
    height: 30px;
    padding-bottom: 0;
    padding-right:5px;
}

.k-combobox {
    /*height: 30px !important;*/
    border: 1px solid #e0e0e0 !important;
    border-top:0px;
    padding: 0px;
}

.k-dropdown-wrap .k-select {
    line-height: 30px;
    min-height: 30px;
}

.k-combobox .k-dropdown-wrap:before {
    min-height: 30px;
    padding-bottom: 0;
}

.k-webkit .k-combobox .k-dropdown-wrap:before {
    padding-bottom: 0;
}
/**** SON: Combobox yüksekliği değiştirildi *****/

/**** Datepicker yüksekliği değiştirildi *****/
.k-i-calendar {
    height: 30px;
}

.k-picker-wrap .k-input {
    /*height: 25px;*/
    line-height: 30px;
    min-height: 25px;
    height:30px;
}

.k-picker-wrap {
    height: 30px;
}

    .k-picker-wrap .k-select {
        height: 30px;
        min-height: 30px;
        line-height: 30px;
    }
/**** SON: Datepicker yüksekliği değiştirildi *****/

/**** Label'ların kalınlığı değiştirildi ****/
label {
    font-weight: normal !important;
}
/**** SON: Label'ların kalınlığı değiştirildi ****/

/**** Form nesnelerinin margin bottom'u ayarlandı ****/
.form-group {
    margin-bottom: 10px;
    min-height: 35px;
    line-height: 35px;
}
/**** SON: Form nesnelerinin margin bottom'u ayarlandı ****/

/*.k-button {
    padding: 6px 14px;
}
*/
/**** Kendowindow scrooll'u kaldırıldı ****/
div.k-window-content div.k-grid-content {
    overflow: hidden !important;
    overflow-x: auto !important;
    overflow-y: scroll !important
}
/**** Kendowindow scrooll'u kaldırıldı ****/

/**** Kendowindow'un altındaki header değiştirildi ****/
div.k-window-content .headerBar {
    border-left: 0 !important;
    border-right: 0 !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
/**** Kendowindow'un altındaki header değiştirildi ****/

/**** Kendowindow'un altındaki header değiştirildi ****/
div.k-window-content .innerHeaderBar {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
/**** Kendowindow'un altındaki header değiştirildi ****/

/**** Kendowindow'un altındaki mainDiv değiştirildi ****/
div.k-window-content .mainDiv {
    border: 0px !important;
}
    /**** Kendowindow'un altındaki mainDiv değiştirildi ****/

    /**** Kendowindow'un altındaki mainDiv row değiştirildi ****/
    div.k-window-content .mainDiv .row {
        margin-left: 0px;
        margin-right: 0px;
    }
/**** Kendowindow'un altındaki mainDiv row değiştirildi ****/

.teknikKontrolDurumButton {
    min-width: 120px;
    height: 30px;
}

.EkspertizKontrolDurumAdiBtn {
    /*min-width: 250px;*/
    min-width:120px;
    height: 30px;
}
#AracEkspertizKontrolSonrakiButton{
    margin-bottom:10px;
}
.b2BtnBlack {
    background-color:#19263c !important;
    border:0px;
    /*background-color: #000 !important;*/
    color: #ffffff !important;
}
/**** Kendogrid filter label ve radio butonların tasarımları değiştirildi ****/
.k-operator-hidden label {
    display: block;
}

    .k-operator-hidden label input[type="radio"] {
        margin-left: 3px;
    }
/**** Kendogrid filter label ve radio butonların tasarımları değiştirildi ****/
/**** Kendogrid filterin altındaki inputların boyutları değiştirildi ****/
.k-filtercell .k-input {
    height: 25px;
}

/**** Kendogrid filterin altındaki inputların boyutları değiştirildi ****/

/**** Formlar içinde kullanılan panel tasarımı değiştirildi ****/
.panel {
    background: #fbfbfb;
    border: 0px;
    font-family: Roboto,sans-serif !important;
}

    .panel > .panel-heading {
        background: #fff;
    }

        .panel > .panel-heading > .panel-title {
            font-weight: bold;
            color:#cc9f52;
            padding-left:5px;
            /*color: #354052;*/
        }

    .panel.no-header-border > .panel-heading {
        border: 0px;
    }

    .panel.no-body-padding-top > .panel-body {
        padding-top: 0px;
    }

    .panel.beyazZemin {
        background: #fff;
    }

        .panel.beyazZemin > .panel-heading {
            background: #fff;
        }
/**** SON: Formlar içinde kullanılan panel başlığı kalınlaştırıldı. ****/

/**** Bootstrap table için bazı eziciler ****/

.table.no-margin-bottom {
    margin-bottom: 0px;
}

/**** SON: Bootstrap table için bazı eziciler ****/

/**** Bootstrap Butonlarının yuvarlak versiyonları ****/
.btn-circle {
    width: 49px;
    height: 49px;
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    line-height: 2.00;
    border-radius: 30px;
}

.btn-circle-micro {
    width: 19px;
    height: 19px;
    text-align: center;
    padding: 1px 0;
    font-size: 13px;
    line-height: 0.1;
    border-radius: 30px;
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 2px 0;
    font-size: 20px;
    line-height: 1.65;
    border-radius: 30px;
}

.btn-circle-lg {
    width: 79px;
    height: 79px;
    text-align: center;
    padding: 13px 0;
    font-size: 30px;
    line-height: 2.00;
    border-radius: 70px;
}
/**** SON: Bootstrap Butonlarının yuvarlak versiyonları ****/

/**** Bootstrap Display None  ****/
.d-none {
    display: none;
}
/**** SON: Bootstrap Display None  ****/

/**** İhale detay sayfası CSS kodları ****/
#fotoGaleri {
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.rsDefault .rsThumb.rsNavSelected {
    background: #cc9f52 !important;
}

.b2StrongText {
    font-size: 18px;
    font-weight: bold;
}

.muzayedeKucukFiyat {
    font-size: 12px;
    color: #000;
    font-weight: bold;
}

.kirmiziText {
    color: #f00;
}

.yesilText {
    color: #459a21;
}

/**** SON: İhale detay sayfası CSS kodları ****/

/*form label:not(.noLblPadding) { padding-top:8px; }*/


/**** Araç Detayda Yayın yeri seçimini belirleyen kutu stili ****/
.ADYayinYeriContainer {
    height: 150px !important;
}
    .ADYayinYeriContainer.form-group{
        margin-bottom:0px;
    }
        .ADYayinYeriContainer.form-group.row{
            margin-right:unset;margin-left:unset;
        }
        .ADYayinYeriContainer > div {
            background: #fff;
            border: 1px solid #f1f1f1;
            padding: 10px;
            padding: 10px;
            text-align: center;
            margin: 10px;
        }

    .ADYayinYeriContainer > div .ADYayinYeri {
        padding: 10px;
        line-height: 60px;
        vertical-align: middle;
    }
/**** SON: Araç Detayda Yayın yeri seçimini belirleyen kutu stili ****/

/**** Kendo TabStrip tasarım düzenleme ****/

.k-tabstrip-items a {
    color: #fff;
}

/**** SON: Kendo TabStrip tasarım düzenleme ****/

/**** B2 TAB ****/

.b2TabContainer {
    display: block;
    border: 1px solid #e0e0e0;
}

.b2TabContentContainer {
}

.b2TabSelectorList {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    width: 100%;
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(#303553),to(#072138));
    background-image: none,-webkit-linear-gradient(top,#303553 0,#072138 100%);
    background-image: none,linear-gradient(to bottom,#303553 0,#072138 100%);
}

    .b2TabSelectorList > li {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        float: left;
        text-decoration: none !important;
        color: #fff;
        border-bottom: 3px solid #202333;
        display: block;
        height: 100%;
        padding: 15px 15px 12px 15px;
        cursor: pointer;
    }

        .b2TabSelectorList > li:hover {
            color: #fff;
            border-bottom: 3px solid #ff4350;
            background: #202333;
        }

        .b2TabSelectorList > li.active {
            color: #fff;
            border-bottom: 3px solid #ff4350;
            background: #202333;
        }

.b2TabContent {
    display: none;
}

    .b2TabContent > .row {
        padding: 0px !important;
        margin: 0px !important;
    }

/*
.panel.panel-default {
    margin: 15px;
}
*/
.panel-body {
    padding: 5px;
    margin-top: 10px;
}

.panel-heading {
    padding: 15px 15px;
}
/*.row { padding:0px; margin:0px; }*/
.plessPanel {
    margin: 0px !important;
}

.asssw {
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
}

    .asssw:last-child {
        border-bottom: 0px;
    }
/*label { overflow:hidden; white-space:nowrap; text-overflow: ellipsis; width:2500px !important; }*/
.kaydirma {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fbGridContainer {
    min-height: 300px;
}

.firmaDiv {
    background: #fff;
    position:relative;
    text-align:center;
}

/* bildirim merkezi */
.comment-panel .list-group {
   /* height: 350px;*/
    overflow: auto;
}


::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b5b5b5;
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
    .mainContainer {
        padding: 5px;
    }

    .scoop-inner-content {
        padding: 4px;
    }

    .panel.panel-default {
        margin: 5px;
    }

    .panel-body {
        padding: 5px;
    }

    .panel-heading {
        padding: 10px 5px;
    }

    .label {
        margin-bottom: 0px;
    }

    .form-group {
        clear: both;
    }
}

@media (max-width: 768px) {
    .b2TabSelectorList > li {
        width: 50%;
    }
}

/**** SON: B2 TAB ****/

/**** Destek Soru Cevap ****/

.sssKart {
    display: block;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .sssKart button, .sssKart button:active, .sssKart button:visited {
        display: block;
        width: 100%;
        text-align: left;
        text-decoration: none !important;
        color: #333;
        font-size: 16px;
        white-space: normal;
    }

        .sssKart button:hover {
            color: #cc9f52;
        }

.kartBaslik {
}

.kartIcerik {
    border-top: 1px solid #dcdcdc;
    padding: 12px;
    color: #555;
    font-size: 16px;
    background: #f9f9f9;
}

/**** SON: Destek Soru Cevap ****/

/**** Bilgi Divleri ****/

/* Genel şekillendirici */
.bs-callout {
    padding: 20px;
    margin: 0px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    background: #fff;
    font-family: Calibri;
    margin-bottom: 5px;
}
/* SON: Genel şekillendirici */

/* Durum Belirleyici */
.bs-callout-success {
    border-left-color: #4CAF50;
}

.bs-callout-info {
    border-left-color: #1b809e;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
}

.bs-callout-error {
    border-left-color: #d9534f;
}
/* SON: Durum Belirleyici */

/* Bilgilendirme Kutusu içindeki yönlendirme linki */
a.bildirimLink, a.bildirimLink:visited, a.bildirimLink:active {
    color: #cc9f52;
    font-weight: bold;
    text-decoration: none !important;
    transition: 0.3s;
}

    a.bildirimLink:hover {
        color: #072138;
        transition: 0.3s;
    }
/* SON: Bilgilendirme Kutusu içindeki yönlendirme linki */

/* Bilgi divleri varsayılan olarak gizli gelecek, sayfa yüklendiğinde cookie okunarak sadece daha önce kapatılmamış olanlar gösterilecek */
.bs-callout.cookieKontrol {
    display: none;
}
/* SON: Bilgi divleri varsayılan olarak gizli gelecek, sayfa yüklendiğinde cookie okunarak sadece daha önce kapatılmamış olanlar gösterilecek */

.bsKapat {
    position: absolute;
    right: 26px;
    color: #cc9f52;
    transition: 0.3s;
    font-size: 24px !important;
    cursor: pointer;
}

    .bsKapat:hover {
        color: #f00;
        transition: 0.3s;
    }

/**** SON: Bilgi Divleri ****/

/**** Menüde Ara Textbox Placeholder Rengi ****/
.aramaText::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #94a2b7;
}

.aramaText::-moz-placeholder { /* Firefox 19+ */
    color: #94a2b7;
}

.aramaText:-ms-input-placeholder { /* IE 10+ */
    color: #94a2b7;
}

.aramaText:-moz-placeholder { /* Firefox 18- */
    color: #94a2b7;
}
/**** SON: Menü Arama Textbox Placeholder ****/

/**** KENDO Grid CSS değişiklikleri ****/

/* Sort iconu sola yaslandı **/
.k-grid-header th > .k-link > .k-icon {
    float: left;
}

.k-grid-header th.k-header {
    position: relative;
}

.k-grid-header th > .k-link > .k-icon {
    position: absolute;
    top: 11px;
    /*left: 2px;*/
}
.k-grid .k-grouping-header {
    color: #656565;
}

/* SON: Sort iconu sola yaslandı **/

/* Header menüdeki padding ve margin sıfırlanarak header text e alan açıldı **/
.k-header > .k-header-column-menu {
    padding: 0;
    margin: 0;
}
/* SON Header menüdeki padding ve margin sıfırlanarak header text e alan açıldı **/

/* Gruplama alanının içi pembeye yakın kırmızıdan (ff4350) koyu griye çekildi **/
.k-grouping-header {
    /*background-color: #58667b;
    border-color: #58667b;*/
    background-color: #fafafa !important;
    border-color: #e0e0e0 !important;
}
.k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-i-sort-asc-sm {
    color: #cc9f52 !important;
    margin-left:0px !important;
    margin-top:2px !important;
}
/* SON: Gruplama alanının içi pembeye yakın kırmızıdan (ff4350) koyu griye çekildi **/
/**** SON: KENDO Grid CSS değişiklikleri ****/
/**** Mobil Sayfası CSS kodları ****/
.cerceveliDiv {
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    padding: 20px;
}

.storeDownload {
    width: 200px;
    max-width: 100% !important;
}

.storeLink, .storeLink:active, .storeLink:visited {
    font-size: 16px;
    font-weight: bold;
    color: #cc9f52;
    text-decoration: none;
    transition: 0.3s;
    margin-top: 20px;
    letter-spacing: 2px;
}

    .storeLink:hover {
        color: #000;
        text-decoration: none;
        transition: 0.3s;
        text-shadow: 0px 0px 8px #444;
    }

.uygulamaKey {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #cc9f52;
}

/**** SON: Mobil Sayfası CSS kodları ****/


/**** Destek Sayfası CSS Düzenlemeleri ****/

.destekIkon:before {
    font-family: FontAwesome;
    display: inline-block;
    padding-right: 10px;
    vertical-align: middle;
    margin-top: -6px;
    font-size: 40px;
}

.telefonDestek:before {
    content: "\f095";
}

.mailDestek:before {
    content: "\f0e0";
}

.destekLink, .destekLink:active, .destekLink:visited {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    background: #6984a1;
    border: 1px solid #333450;
    border-radius: 5px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    text-decoration: none !important;
    text-shadow: 2px 2px 2px #333;
}

    .destekLink:hover {
        background: #354052;
        color: #fff;
        transition: 0.3s;
    }

.destekBtnPad {
    padding: 2px;
}

/**** SON: Destek Sayfası CSS Düzenlemeleri ****/



/**** Araç Muayene Sayfası CSS Düzenlemeleri ****/

.muayeneFrame {
    width: 100%;
    height: 90vh;
    border: 0px;
}

/**** SON: Araç Muayene Sayfası CSS Düzenlemeleri ****/



/**** Bildirim Merkezi Css Ayarları ****/
.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
}

    .timeline .line {
        position: absolute;
        width: 4px;
        display: block;
        background: currentColor;
        top: 0px;
        bottom: 0px;
        margin-left: 30px;
    }

    .timeline .separator {
        border-top: 1px solid currentColor;
        padding: 5px;
        padding-left: 40px;
        font-style: italic;
        font-size: .9em;
        margin-left: 30px;
    }

    .timeline .line::before {
        top: -4px;
    }

    .timeline .line::after {
        bottom: -4px;
    }

    .timeline .line::before,
    .timeline .line::after {
        content: '';
        position: absolute;
        left: -4px;
        width: 12px;
        height: 12px;
        display: block;
        border-radius: 50%;
        background: currentColor;
    }

    .timeline .panel {
        position: relative;
        margin: 10px 0px 21px 70px;
        clear: both;
    }

        .timeline .panel::before {
            position: absolute;
            display: block;
            top: 8px;
            left: -24px;
            content: '';
            width: 0px;
            height: 0px;
            border: inherit;
            border-width: 12px;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
        }

        .timeline .panel .panel-heading.icon * {
            font-size: 20px;
            vertical-align: middle;
            line-height: 40px;
        }

        .timeline .panel .panel-heading.icon {
            position: absolute;
            left: -59px;
            display: block;
            width: 40px;
            height: 40px;
            padding: 0px;
            border-radius: 50%;
            text-align: center;
            float: left;
        }

    .timeline .panel-outline {
        border-color: transparent;
        background: transparent;
        box-shadow: none;
    }

        .timeline .panel-outline .panel-body {
            padding: 10px 0px;
        }

        .timeline .panel-outline .panel-heading:not(.icon),
        .timeline .panel-outline .panel-footer {
            display: none;
        }

/**** SON: Bildirim Merkezi Css Ayarları ****/


/**** Ana sayfa araç tablo CSS ayarları ****/
.asaTable tbody tr td:nth-child(1) {
    width: 50%;
}

.asaTable tbody tr td:nth-child(2) {
    width: 20%;
}

.asaTable tbody tr td:nth-child(3) {
    width: 30%;
}

.asaTable tbody tr td:nth-child(4) {
    width: 20%;
}

.asa2Table tbody tr td:nth-child(1) {
    width: 55%;
}

.asa2Table tbody tr td:nth-child(2) {
    width: 20%;
}

.asa2Table tbody tr td:nth-child(3) {
    width: 30%;
}

.asa3Table tbody tr td:nth-child(1) {
    width: 20%;
}

.asa3Table tbody tr td:nth-child(2) {
    width: 40%;
}

.asa3Table tbody tr td:nth-child(3) {
    width: 20%;
}

.asa3Table tbody tr td:nth-child(4) {
    width: 20%;
}

.asaTable > tbody > tr > td, .asa2Table > tbody > tr > td, .asa3Table > tbody > tr > td {
    border: 0px;
}

.asaTable > tbody > tr:nth-child(2n) td, .asa2Table > tbody > tr:nth-child(2n) td, .asa3Table > tbody > tr:nth-child(2n) td {
    background: #f1f1f1;
}

.asaTable strong, .asa2Table strong, .asa3Table strong {
    color: #000;
    font-weight: bold;
}

/**** SON: Ana sayfa araç tablo CSS ayarları ****/


/**** Replate Modal'a hatalarda anlaşılması için boyut verildi scroll eklendi ****/
.rplm-overlay {
    z-index: 99999 !important;
}
.rplm-alert > .content-wrap {
    max-height: 500px;
    overflow-y: auto;
}


.b2HeaderButton {
    padding: 4px 10px 4px 5px;
    font-size: 15px;
    /*padding: 0px 5px 0px 0px;*/
    color: #fff;
    background-color: #58667b;
    text-transform: none;
    text-decoration: none !important;
    box-shadow: 0px 0px 1px #999;
    transition: 0.2s;
    overflow: hidden;
    font-weight:700;
}

.aracGridButtons a {
    margin-right: 5px;
}

    .b2HeaderButton:hover {
        box-shadow: 0px 0px 10px #666;
        color: #fff;
        background-color: #7989a0;
        transition: 0.2s;
    }

    .b2HeaderButton > i {
        /*background-color: #354052;*/
        color: #fff;
        padding: 6px;
        transition: 0.2s;
        /*margin-right:5px;*/
    }

    .b2HeaderButton:hover > i {
        background-color: #58667b;
        color: #fff;
        transition: 0.2s;
    }

    .b2HeaderButton.b2BtnKirmizi {
        background: #ff4350;
        color: #fff;
        transition: 0.2s;
    }

        .b2HeaderButton.b2BtnKirmizi:hover {
            background: #ff737d;
            transition: 0.2s;
        }

    .b2HeaderButton.b2BtnXls > i {
        background: #1d7044;
        color: #fff;
        transition: 0.2s;
    }

    .b2HeaderButton.b2BtnXls:hover > i {
        background: #359e66;
        transition: 0.2s;
    }

    .b2HeaderButton.b2BtnPdf > i {
        background: #cb0606;
        color: #fff;
        transition: 0.2s;
    }

    .b2HeaderButton.b2BtnPdf:hover > i {
        background: #e2574c;
        transition: 0.2s;
    }


@media only screen and (max-width:550px){
    .headerBar a{
        display:inline-flex;
    }
}
@media only screen and (max-width:400px){
    h3.headerTitle {
        font-size: 18px !important;
        margin-top: 16px !important;
    }
}
@media only screen and (max-width:345px) {
    h3.headerTitle {
        font-size: 16px !important;
        margin-top: 17px !important;
    }
}
/*Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
    .b2HeaderButton {
        /*font-size: 0px;*/
        font-size:12px;
        padding: 2px 7px 2px 3px !important;
        margin-top: 4px;
    }

        .b2HeaderButton > i {
            font-size: 16px;
            color: #fff;
            background-color: transparent;
        }
}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    .aracGridButtons{
        text-align:center;
    }
    .headerRightButtons {
        margin-top: 5px;
    }
    .aracGridButtons {
        margin-top: 5px;
    }
    .b2HeaderButton {
        padding: 4px 10px 4px 5px;
        /*margin-top: 5px;*/
    }
    /*.b2HeaderButton > i { display:none; }*/
    /*.b2HeaderButton {
        font-size: 0px;
    }*/

    .b2HeaderButton > i {
        font-size: 16px;
        color: #fff;
        background-color: transparent;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
}

/**** Yardım Tooltipinin boyutunu ayarla ****/
.tooltip-inner {
    max-width: 250px;
    /* If max-width does not work, try using width instead */
    width: 350px;
}

/**** SON: Yardım Tooltipinin boyutunu ayarla ****/


div > label:not(.k-checkbox-label) {
    /*overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;*/
    padding-right: 5px;
    margin-top: 6px;
}

.innerHeaderBar > .aeBaslikSpan {
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    z-index: -1;
    margin-top: 3px;
}
/*
:invalid {
    border: 2px dashed red;
}*/

div > label {
    line-height: 16px;
    vertical-align: middle;
}

#b2loading {
    display: none;
        position: fixed;
        z-index: 10;
        background-color: #666;
        opacity: 0.4;
        background-repeat: no-repeat;
        background-position: center;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
}

.kullaniciHeaderMenu > li { float:none !important; margin: 10px !important; }
.kullaniciHeaderMenu > li > a { color:#333 !important; }
.userMenuController { cursor:pointer;}
.yaziyiUzatma {
    display: inline-block;
    width: 150px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.aracGridButtons > a {
    display: inline-block !important;
    padding: 1px 10px 2px 3px !important;
    background-color: #fff !important;
    margin-top: 2px;
    color:#666;
}
.aracGridButtons > a > i, .aracGridButtons > a:hover > i, .headerEkleBtn > i {
    color: #cc9f52 !important;
    background-color: #fff !important;
}
ul.nav.navbar-nav{
    margin-top:7px;
}
.headerEkleLi {
    /*margin-top:7px;*/
}
.headerEkleBtn {
    border: 1px solid #9da2a4 !important;
    border-radius: 3px !important;
    line-height: 20px;
    padding: 5px 10px 5px 5px !important;
    margin:2px 5px 0px 0px;
    font-size:15px;
    background-color:#fff !important;

    text-transform: none;
    text-decoration: none !important;
    box-shadow: 0px 0px 1px #999;
    transition: 0.2s;
    overflow: hidden;
    font-weight: 700;
}
.headerEkleBtn:hover {
    box-shadow: 0px 0px 10px #666;
    transition: 0.2s;
}
#btnTeklif > i:before {
    content: "\f0f4" !important;
}
#btnSatis > i:before {
    content: "\f2b5" !important;
}
#btnRezerv > i:before {
    content: "\f1da" !important;
}
#btnAracKarti > i:before {
    content: "\f15b" !important;
}


/*formlar*/
.formSection {
    padding-right:0px;
}
.panel .form-group.row label {
    line-height: 18px !important;
}
.dovizInput{
    padding-right:0px !important;
}
.form-btn {
    padding: 5px 3px 5px 8px !important;
}
textarea {
    border: 1px solid #ddd;
}
.EkspertizDurumBtn {
    width: 170px;
    text-align: left!important;
    
}
.kaportaDurumBtn {
    background-color: #fff !important;
    color: #cc9f52 !important;
    font-weight: bold;
    border-bottom: 1px solid #cc9f52 !important;
    background-position: left;
    padding-left:3px;
}
.KaportaDurum .k-grid-content tr td:hover {
    background-color: #fff !important;
}
#TahminiMasraf {
    margin-top: 10px;
}
#OpsiyonAdi{
    width:100%;
}
.popupBtn {
    color: #cc9f52;
    border:1px solid #cc9f52;
    background-color:#fff;
}
.teknikKontrollerPopup{
    text-align:right;
}
.popupBtn:hover {
    color: unset;
    border-color: unset;
}
.btnopsiyontamam {
    background-color: red;
}
.gridTumunuGoruntule {
    margin-top: 5px !important;
}
/*#musteriKayit{
    padding:0px;
}
#musteriKayit .innerHeaderBarContainer #btnKaydet{
    margin-right:10px;
}
#musteriKayit .formSection{
    width:47% !important;
}*/

.k-widget.k-window {
    z-index: 22222 !important;
   
}
 .k-checkbox, .b2TabContent .k-radio {
    border-color: #757575;
}

     .k-checkbox:checked, .k-radio:checked {
        border-color: #cc9f52 !important;
        background-color: #cc9f52 !important;
    }

         .k-checkbox:checked:focus,  .k-radio:checked:focus {
            box-shadow: 0 0 0 0 !important;
        }

.k-state-selected, .b2TabContent .k-dropdown-wrap.k-state-active .k-select, .k-popup .k-list .k-state-selected.k-state-focused, .k-picker-wrap.k-state-active, .k-calendar > .k-header, .k-calendar td.k-state-selected .k-link {
    background-color: #cc9f52 !important;
    color: #fff !important;
    border: 0px !important;
}
.k-calendar .k-footer .k-nav-today, .k-state-hover{
    color:#cc9f52 !important;
}
.k-window-titlebar .k-window-actions .k-button.k-flat.k-state-hover {
    color: #ffffff !important;
}
.k-popup ul.k-list li.k-item {
    color: unset !important;
}
.k-icon.k-clear-value.k-i-close {
    margin-top: 0;
    margin-right: -5px;
}
.k-radio, label.k-radio-label, .k-checkbox {
    margin-top:-2px !important;
}
.k-window-titlebar{
    background-color:#cc9f52;
}
.k-command-cell{
    padding:0px !important;
    text-align:center;
}
.k-command-cell .k-button {
    padding:5px !important;
    min-width: 15px !important;
    padding: 0px !important;
    font-size: 18px !important;
}
.k-command-cell .btnEditDelete{
    margin-right:7px;
}
.k-checkbox + .k-checkbox-label{
    /*display:none;*/
}
.k-checkbox:checked{
    background-color:#cc9f52;
    border-color:#cc9f52;
}
.k-numerictextbox .k-select{
    margin-top:-4px !important;
}
.k-grouping-row, .k-grid-header .k-header, .k-group-cell {
    background-color: #fff !important;
}
.k-dropdown-wrap.k-state-active{
    background-color:#cc9f52
}
.k-dropdown-wrap.k-state-default{
    height:30px;
}
.k-widget {
    box-sizing: border-box !important;
}
.k-checkbox:hover{
    border-color:unset;
}
.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    background-color: #434e59;
    cursor:pointer;
}
.k-grouping-header .k-group-indicator{
    background-color:#cc9f52;
}
.k-group-indicator .k-button.k-flat {
    color: #fff;
    opacity:0.9;
}
#musteriSec .k-grid-content {
    overflow: scroll !important;
}
.z-tabs > .z-container > .z-content > .z-content-inner {
    padding: 0 10px;
}
.z-container {
    max-height: calc(-230px + 100vh);
    overflow-y:scroll !important;
}
.k-grouping-dropclue .k-button {
    background-color: #cc9f52;
}
.zoom {
    zoom: 1;
}
.donanimKaydet {
    position: sticky;
    bottom: -15px;
    background-color: #ffffff;
    padding: 10px;
}
.AracEvrak .fileuploader .k-icon.k-clear-value.k-i-close {
    margin-top: 0px;
}
.kaportaBoyaBtn {
    margin-bottom: 15px;
    margin-top: 15px;
}
.form-btnGecmis {
    position: absolute;
    right: 8%;
    top: 6px;
}
.z-tabs-nav{
    font-family:Robota,sans-serif;
}
.k-state-selected .k-grid-Duzenle{
    color:#fff !important;
}
.fileuploader {
    padding: 0px;
    margin: 0px 0px 15px 5px;
}
.fileuploader-popup-preview .node{
    padding:40px;
}
.navbar {
    margin-bottom: 10px;
}
.k-state-default:hover, .k-dropdown-wrap {
    border-color: #e0e0e0;
}
.excelFileContainer{
    position:absolute;
    display:flex;
    left:35px;
}
.navbar-collapse.collapse.in {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.navbar-collapse.collapse.in .nav > li{
    float:left;
}
.navbar-collapse.collapse.in .headerEkleLi a {
    display: unset !important;
}
.navbar-collapse.collapse.in .navbar-form {
    padding-left: 15px !important;
}
.navbar-collapse.collapse.in input.k-textbox {
    background-color: #f8f8f8 !important;
}
.navbar-collapse .navbar-form .form-group{
    display:inline;
}

.scoop[theme-layout="vertical"][vertical-nav-type="collapsed"] .scoop-navbar ul.scoop-submenu {
    overflow: scroll !important;
    overflow-x:hidden;
    max-height: 350px;
}
.scoop-header {
    position: fixed !important;
    display: block !important;
    top: 0px;
    z-index: 10;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    transition: 0.5s;
}

.scoop[theme-layout="vertical"] .scoop-navbar {
    /*z-index: 9999 !important;*/
}

.scoop-navbar {
    position: fixed !important;
    padding-bottom: 60px !important;
    /*overflow:scroll;*/
    scrollbar-width: none;
}
.scoop-inner-content{
    margin-top:70px;
}
.scoop-main-container{
    margin-top:14px !important;
}
.scoop-inner-navbar {
    padding-bottom: 100px !important;
}
.scoop .scoop-navbar .scoop-item {
    margin-bottom: 100px !important;
    padding-bottom: 50px !important;
}

.k-grid .k-filter-row .k-dropdown-operator {
    right: 0px;
}
.k-grid .k-filtercell span {
    padding-right: 20px;
}
.k-grid .k-filter-row .k-dropdown-operator {
    width: 20px;
}
.k-grid .k-filter-row th {
    padding-left: 7px;
}
.k-grid .k-dropdown-wrap .k-select {
    width: 28px;
}

    .k-grid .k-filter-row span.k-filtercell {
        position: relative;
        top: -13px;
    }
.k-grid .k-grid-header-locked .k-filter-row span.k-filtercell {
    top: 0px !important;
}
.k-link.k-link-increase .k-icon, .k-link.k-link-decrease .k-icon {
    right: 2px;
    top: 1px;
}
.k-grid .k-filter-row .k-filtercell .k-numerictextbox{
    margin-right:0px;
}
    .k-grid .k-filter-row .k-filtercell .k-numerictextbox .k-select {
        margin-right: -8px;
    }
.k-select span.k-link.k-link-increase:focus, .k-select span.k-link.k-link-decrease:focus {
    background-color: transparent !important;
}

.k-grid .k-grid-header .k-grid-header-wrap.k-auto-scrollable.noFilterRow{
    height:40px !important;
}

.k-dropdown-wrap > .k-i-close {
    /*font-size: 7px;*/
    font-size:13px;
    display: none;
    position: absolute;
}


.k-dropdown-wrap .k-clear-value {
    position: absolute;
    cursor: pointer;
    margin-left: -17px;
    top: 5px;
    display:none;
}
.k-dropdown-wrap .k-icon.k-clear-value.k-i-close {
    top: 14px;
}
.k-dropdown-wrap.k-state-hover .k-clear-value {
    display: unset;
}

.k-grid .k-filter-row{
    display:none;
}
.z-tabs.mobile > ul.z-tabs-desktop{
    z-index:9;
}
.k-window-content{
    height:90% !important;
}

#EkspertizEvraklariMailGonder.k-window-content {
    padding: 0px !important;
}
h3.headerTitle {
    margin: 0 0 0;
}
.scoop-rl-header {
   /* width: 75%;*/
    height: 50px;
    /*justify-content: center;*/
    align-items: center;
    display: flex;
}
#EkspertizKayitDonanim, #AracKayitEkspertizDonanim, #AracKayitEkspertizOpsiyon {
    height: 79vh;
}
    #AracKayitEkspertizTeknikKontroller .k-grid-content, #EkspertizKayitTeknikKontroller .k-grid-content{
        height:500px !important;
    }
    #AracKayitEkspertizDonanim .k-grid-content.k-auto-scrollable, #AracKayitEkspertizOpsiyon .k-grid-content.k-auto-scrollable {
        height: unset !important;
    }
#EkspertizKayitDonanim.k-grid td {
    word-wrap: break-word !important;
}

#EkspertizKayitDonanim .k-button.k-button-icon {
    border-color: transparent;
    background-color: unset !important;
}

    #EkspertizKayitDonanim .k-button.k-button-icon span {
        color: #cc9f52 !important;
        opacity: 1 !important;
        position: absolute;
        right: 0px !important;
        top: 22px;
    }

#EkspertizKayitDonanim .k-pane-wrapper .k-pane .k-grid-mobile .k-header-column-menu.k-state-active {
    background-color: unset;
}

#btnMultiDonanimEkle {
    width: 28px
}

    #btnMultiDonanimEkle span i {
        height: 16px;
        display: flex;
        align-items: center;
        margin-left: -4px;
    }
#btnOpsMultiDonanimEkle {
    width: 28px
}

    #btnOpsMultiDonanimEkle span i {
        height: 16px;
        display: flex;
        align-items: center;
        margin-left: -4px;
    }

#musteriKayitPopup #btnKaldirilacakAlanModu{
    display:none;
}
.aracBilgiOzet .k-button {
    padding: 5px 1px 5px 6px !important;
}

.z-tabs.red > ul > li > a {
    background: linear-gradient(to bottom, #cc9f52 0%,#cc9f52 100%);
}

.resimSiralama{
    margin-top:50px;
}
#AracKayitEkspertizBakim .k-grid-content{
    height:unset ;
}
.k-grid .k-grid-content td.k-edit-cell input {
    color: #32364c;
}
#AracKayitAlmakIsteyenKarsilastir .k-grid-content, #AracKayitAlmakIsteyenKarsilastir, #EkspertizAlmakIsteyenKarsilastir, #EkspertizAlmakIsteyenlerKarsilastirpopup .k-grid-content {
    height: 370px !important;
}

/* fileuploader büyük resim sağ-sol okları için */
.fileuploader-popup-zoomer {
    display: none !important;
}
.fileuploader-popup-meta{
    display:none;
}
.fileuploader-popup-content {
    position: absolute;
    bottom: 0;
    z-index: 99;
}
.fileuploader-popup .fileuploader-popup-move {
    width: 50% !important;
    height: 10% !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    bottom: 0;
}

/*notification*/
#toastNotificationPanel {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: max-content;
    right: 0;
    font-size: 15px;
}
.k-notification {
    border-radius: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
    .k-notification > .k-notification-wrap {
        padding: 12px 20px;
    }

@media only screen and (max-width:2000px) {
    #ekspertizKaportaContainer {
        margin-left: 26%;
    }
}
@media only screen and (max-width:1880px) {
    #ekspertizKaportaContainer {
        margin-left: 24%;
    }
}
@media only screen and (max-width:1770px) {
    #ekspertizKaportaContainer {
        margin-left: 22%;
    }
}
@media only screen and (max-width:1680px) {
    #ekspertizKaportaContainer {
        margin-left: 20%;
    }
}
@media only screen and (max-width:1580px) {
    #ekspertizKaportaContainer {
        margin-left: 18%;
    }
}
@media only screen and (max-width:1500px) {
    #ekspertizKaportaContainer {
        margin-left: 16%;
    }
}
@media only screen and (max-width:1475px){
    .z-tab .z-link {
        height: 20px;
        justify-content: center;
        align-content: center;
        align-items: center;
        display: flex !important;
    }
}
@media only screen and (max-width:1450px) {
    #ekspertizKaportaContainer {
        margin-left: 14%;
    }
}
@media only screen and (max-width:1375px) {
    #ekspertizKaportaContainer {
        margin-left: 12%;
    }
}
@media only screen and (max-width:1340px) {
    #ekspertizKaportaContainer {
        margin-left: 10%;
    }
}
@media only screen and (max-width:1290px) {
    #ekspertizKaportaContainer {
        margin-left: 8%;
    }
}
@media only screen and (max-width:1240px) {
    #ekspertizKaportaContainer {
        margin-left: 6%;
    }
}
@media only screen and (max-width:1199px) {
    #ekspertizKaportaContainer {
        margin-left: 10%;
    }
}
@media only screen and (max-width:1150px) {
    #ekspertizKaportaContainer {
        margin-left: 7%;
    }
    .ekspertizKaportaContainer {
        margin-left:-5%;
    }
}
@media only screen and (max-width:1110px){
    .zoom {
        -moz-transform: scale(0.8);
        -ms-transform:scale(0.8);
        -webkit-transform:scale(0.8);
    }
    .ekspertizKaportaContainer{
        margin-top:-40px;
    }
    #ekspertizKaportaContainer {
        margin-left: 5%;
    }
    .scoop-rl-header{
        width:70%;
    }
}
@media only screen and (max-width:1060px){
    #ekspertizKaportaContainer {
        margin-left: 2%;
    }
}
@media only screen and (max-width:1010px) {
    #ekspertizKaportaContainer {
        margin-left: 0%;
    }
    .kaportaBoyaContainer{
        margin-left:-2%;
    }
}
@media only screen and (max-width:992px) {
    .panel .form-group.row label{
        padding-left:0px !important;
    }
    .KaportaDurum, .kaportaBoyaBtn {
        text-align: center;
    }
    #EkspertizDurumList table tr {
        display: inline-block;
    }
    #EkspertizDurumList table tr td{
        padding: unset !important;
    }
    .panel .formSection {
        padding: 0px !important;
        padding-right:10px !important;
    }
    .z-tabs > .z-container > .z-content > .z-content-inner {
        padding: 0px;
    }
    .bakımTable{
        padding:0px;
    }
    .form-btnGecmis {
        right: 2%;
    }
    .ekspertizKaportaContainer {
        margin-left: 5%;
    }
    #ekspertizKaportaContainer {
        margin-left: 6%;
    }
    .kaportaBoyaBtn {
        margin-top: -20px;
        margin-bottom: 40px;
    }
    /*header.scoop-header {
        justify-content: center !important;
        display: flex !important;
    }*/
    
    .scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rl-header {
        padding-left: 0px;
    }
    h3.headerTitle {
        margin: 0 0 0;
    }
    .innerHeaderBarContainer {
        height: 70px;
    }
}
@media only screen and (max-width:920px){
    .ekspertizKaportaContainer {
        margin-left: 5% ;
    }
}
@media only screen and (max-width:880px) {
    #ekspertizKaportaContainer {
        margin-left: 4%;
    }
}
@media only screen and (max-width:865px){
    .headerEkleLi, .aracGridButtons {
        text-align: center;
        justify-content: center !important;
        align-items: center !important;
        /*display: flex !important;*/
        width: 100%;
    }

    .nav > li > a{
        /*display:unset !important;*/
    }

    .navbar-collapse.collapse.in .navbar-form {
        text-align: center;
        width: 100%;
    }

    ul.nav.navbar-nav.navbar-right {
        display: flex;
        justify-content: right;
    }
}
@media only screen and (max-width:850px){
    .ekspertizKaportaContainer {
        margin-left: 0px ;
        margin-top: -90px ;
    }
    .kaportaBoyaBtn {
        margin-top: -50px ;
        margin-bottom: 40px ;
    }
    .zoom {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    #ekspertizKaportaContainer {
        margin-left: 1%;
    }
    .fileuploader-popup-preview .node {
        padding: 0px;
    }
}
@media only screen and (max-width:815px) {
    #ekspertizKaportaContainer {
        margin-left: 0%;
    }
    .kaportaBoyaContainer {
        margin-left: -4%;
    }
}
@media only screen and (max-width:815px) {

    .kaportaBoyaContainer {
        margin-left: -6%;
    }
}
@media only screen and (max-width:768px){
    .zoom {
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -webkit-transform: scale(0.9);
    }
    .panel .formSection {
        padding-right: 0px !important;
    }
    .ekspertizKaportaContainer {
        margin-top: 0px ;
        margin-left:12% ;
    }
    .kaportaBoyaBtn {
        margin-top: 20px ;
        margin-bottom: 20px ;
    }
    #ekspertizKaportaContainer {
        margin-left: 11%;
    }
    .kaportaBoyaContainer {
        margin-left: 0%;
    }
    .scoop-navbar {
        z-index: 99999999 !important;
    }
    .scoop-overlay-box {
        z-index: 9999999 !important;
    }
    .resimSiralama{
        display:none;
    }
    .scoop[theme-layout="vertical"] .scoop-navbar {
        z-index: 9999999 !important;
    }
}
@media only screen and (max-width:720px){
    .ekspertizKaportaContainer {
        margin-left: 10%;
    }
    #ekspertizKaportaContainer {
        margin-left: 9%;
    }
}
@media only screen and (max-width:680px) {
    .ekspertizKaportaContainer {
        margin-left: 9%;
    }
}
@media only screen and (max-width:630px) {
    #ekspertizKaportaContainer {
        margin-left: 5%;

    }
    .ekspertizKaportaContainer {
        margin-left: 16%;
    }
}
@media only screen and (max-width:600px) {
    #ekspertizKaportaContainer {
        margin-left: 2%;
    }
    .ekspertizKaportaContainer {
        margin-left: 21%;
    }
}
@media only screen and (max-width:590px) {
    .zoom {
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -webkit-transform: scale(0.7);
    }
    #ekspertizKaportaContainer {
        margin-top: -75px;
        margin-left: 10%;
    }
    .kaportaBoyaContainer{
        margin-left:-15%;
    }
    .kaportaBoyaBtn {
        margin-top: -50px;
        margin-bottom: 30px;
        margin-left: 12%;
    }
}
@media only screen and (max-width:550px){
    #ekspertizKaportaContainer {
        margin-left: 8%;
    }
}
@media only screen and (max-width:520px) {
    .zoom {
        -moz-transform: scale(0.6);
        -ms-transform: scale(0.6);
        -webkit-transform: scale(0.6);
    }
    #ekspertizKaportaContainer {
        margin-top: -110px;
        margin-left: 16%;
    }
    .kaportaBoyaBtn {
        margin-top: -90px;
        margin-left:25%
    }
    .kaportaBoyaContainer {
        margin-left: -35%;
    }
    .scoop-rl-header{
        width:65%;
    }
    h3.headerTitle {
        font-size: 16px !important;
    }
}
@media only screen and (max-width:460px){
    .kaportaBoyaContainer {
        margin-left: -50%;
    }
    #ekspertizKaportaContainer {
        margin-left: 18%;
    }
    .kaportaBoyaBtn {
        margin-left: 33%;
    }
    .excelFileContainer {
        display: inline-block;
        left: 15px;
    }
    .b2HeaderButton > i{
        font-size:15px;
    }
    .aracGridButtons > a {
        padding: unset !important;
        padding-right: 5px !important;
    }

    ul.nav.navbar-nav.navbar-right {
        text-align: center;
        display: flex;
        justify-content: center;
    }
    ul.nav.navbar-nav.navbar-right > li > a > i {
        display: none;
    }
    h3.headerTitle {
        margin-top: 0px !important;
    }
    .scoop[theme-layout="vertical"] .scoop-header .scoop-right-header .scoop-rr-header li.icons > a > i{
        font-size:14px;
    }
    .scoop-rl-header {
        width: 70%;
    }
    .innerHeaderBar .b2Btn {
        font-size:11px;
        padding: 5px 10px;

    }
}
@media only screen and (max-width:420px) {
    .kaportaBoyaContainer {
        margin-left: -75%;
    }
    #ekspertizKaportaContainer {
        margin-left: 25%;
    }
    .kaportaBoyaBtn {
        margin-left: 42%;
    }
}
@media only screen and (max-width:375px){
    #ekspertizKaportaContainer {
        margin-left: 22%;
    }
    .kaportaBoyaBtn input{
        width:45%;
        font-size:12px;
    }
    .scoop-rl-header {
        width: 60%;
    }
}
label[for='timezone'], div[data-container-for='timezone'] {
    display: none !important;
}
@media screen and (max-width:991px) {
    .overflow-scroll {
        overflow: scroll !important;
    }
}