body {
  background-color: #fff;
  background-image: none;
}

::-webkit-scrollbar {
  width: auto;
  height: auto;
  border-radius: 6px;
  border: solid 1px #57B1FF;
}

::-webkit-scrollbar-thumb {
  background: #6BA0CF;
  border-radius: 6px;
}

  ::-webkit-scrollbar-thumb:hover {
    background: #57B1FF;
    cursor: pointer;
  }

::-webkit-scrollbar-track {
  background: #E6E6E6;
}

iframe {
  border: none;
  padding: 0;
  margin: 0;
}


textarea {
  resize: none;
}

.italic {
  font-style: italic;
}


.f-left {
  float: left;
}

.f-left-imp {
  float: left !important;
}

.f-right {
  float: right;
}

.f-right-imp {
  float: right !important;
}


.inline {
  display: inline;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.bold {
  font-weight: bold;
}


.inojs-message-win ul {
  margin: 0 0 0 14px;
  padding: 0;
}


input.loading {
  background-image: url("/images/icons/loadingSmall.gif");
  background-repeat: no-repeat;
  background-position: right center;
  background-color: #f1f6f7;
  border: solid 1px #0068b6;
}


.navbar-edit-window,
.navbar-edit-window-sm {
  background-image: linear-gradient(to bottom, #FDFDFD 0, #E0E0E0 100%);
  padding: 3px 5px;
  margin: 0 0 5px 0;
}

.navbar-edit-window {
  min-height: 30px;
}

.navbar-edit-window-sm {
  min-height: 20px;
}

  .navbar-edit-window-sm .btn-sm,
  .navbar-edit-window .btn-sm {
    margin: 4px 1px;
    padding: 4px 10px;
  }

  .navbar-edit-window-sm .btn-xs,
  .navbar-edit-window .btn-xs {
    margin: 2px 1px;
    padding: 2px 5px;
  }


  .navbar-edit-window .navbar-right,
  .navbar-edit-window-sm .navbar-right {
    margin-right: 0;
  }

.panel-ikc-ams .form-group {
  margin-bottom: 10px;
}

  .panel-ikc-ams .form-group .control-label {
    font-size: 12px;
    text-align: left;
  }




.panel-ikc-ams-xs .panel-body {
  padding: 6px 5px;
}

.panel-ikc-ams-xs .panel-heading {
  padding: 5px;
}

.panel-ikc-ams-xs h5.panel-title {
  font-size: 13px;
  font-weight: bold;
}

.ams-form-sm .input-sm {
  height: 28px;
  line-height: 1.5;
  padding: 2px 4px;
}

.ams-form-sm .form-group {
  margin-bottom: 5px;
}

.ams-form-sm .selectpicker.btn-sm {
  padding: 4px;
}


.ams-form-xs .input-sm {
  height: 24px;
  line-height: 1.5;
  padding: 3px 4px;
}

.ams-form-xs .form-group {
  margin-bottom: 5px;
}

.ams-form-xs .selectpicker.btn-sm {
  padding: 2px;
}

.ams-form-xs .control-label {
  font-size: 11px;
}




.k-grid-context-menu {
  z-index: 2147483647;
}


.oncelik-info {
  font-size: 11px;
}

  .oncelik-info .fa {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 4px;
    color: #808080;
  }

  .oncelik-info.oncelik-1 .fa {
    color: #bce6fb;
  }

  .oncelik-info.oncelik-2 .fa {
    color: #1e8cde;
  }

  .oncelik-info.oncelik-3 .fa {
    color: #d83b2c;
  }


.sonDurumContainer {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
  padding-right: 10px;
}

  .sonDurumContainer .sonDurumText {
    color: #3f8a48;
  }

  .sonDurumContainer .fa {
    font-size: 22px;
    position: relative;
    top: 1px;
  }

.sonDurumIcon-1 {
  color: #808080;
}

.sonDurumIcon-2, .sonDurumIcon-11 {
  color: #2197ed;
}

.sonDurumIcon-3 {
  color: #00a518;
}

.sonDurumIcon-4 {
  color: #ffa931;
}

.sonDurumIcon-5 {
  color: #ffa931;
}

.sonDurumIcon-6, .sonDurumIcon-10 {
  color: #f34242;
}

.sonDurumIcon-9 {
  color: #7277ca;
}



.gridMaxHeightCell {
  max-height: 40px;
  display: inline-block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
}



div.k-grid div.k-grid-autofilter {
  padding: 0;
  margin: 0;
  background-color: #F5F5F5;
  background-image: none, linear-gradient(to bottom, #FFFFFF 0, #E6E6E6 100%);
  overflow: hidden;
}


  div.k-grid div.k-grid-autofilter table {
    padding: 0;
    margin: 0;
  }

  div.k-grid div.k-grid-autofilter td,
  div.k-grid div.k-grid-autofilter tbody tr td {
    padding: 2px;
    margin: 0;
  }

  div.k-grid div.k-grid-autofilter div.input {
    margin: 0;
    width: 99%;
    padding: 2px 0.5%;
    height: 28px;
  }

  div.k-grid div.k-grid-autofilter td input,
  div.k-grid div.k-grid-autofilter td input.inp-filter {
    padding: 2px 1%;
    margin: 0;
    width: 100%;
    height: 24px;
  }


span.gridMsjCount {
  display: inline-block;
  font-size: 11px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #981717;
  background-color: #CE3D3D;
  color: #FFF;
  width: 16px;
  height: 16px;
  line-height: 14px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 0 10px;
  cursor: pointer;
  float: right;
}

span.gridMsjCount2 {
  display: inline-block;
  font-size: 11px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid #981717;
  background-color: #CE3D3D;
  color: #FFF;
  width: 20px;
  height: 20px;
  line-height: 18px;
  text-align: center;
  font-weight: bold;
  box-shadow: 0 0 10px;
  cursor: pointer;
  margin-left: 10px;
}


/* set a border-box model only to elements that need it */
/* if this class is applied to a Kendo UI widget, its layout may change */
.k-widget .input-group,
.k-widget .input-group *,
.k-widget .container,
.k-widget .container-fluid,
.k-widget .form-control,
.k-animation-container .input-group,
.k-animation-container .input-group *,
.k-animation-container .container,
.k-animation-container .container-fluid,
.k-animation-container .form-control,
.form-control,
.container,
.container-fluid,
.row,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Servis talep taki ekranı hızlandırma çalışması için eklendi. Şimdilik sadece servis talep takip ekranındaki listede bu şekilde görünsün diye yapıldı.*/
#SearchResults table tbody tr td span.custom-k-grid-cell-long-text {
  max-height: 40px;
  display: inline-block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;

}#SearchResults table tbody tr td span.custom-k-grid-cell-long-text-2 {
  max-height: 40px;
  display: inline-block;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 100%;
}

#SearchResults .k-grid-content tr[role='row']{
  cursor: pointer;
}

.popover {
  max-width: 350px;
}

.popover-title {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

.popover-content {
  text-align: left;
  font-size: 12px;
}