@import url('font-awesome.min.css');

html, body {
    height:100%;
    font-family:'Segoe UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
}
body{
    color: #767676;
    background:#e0e0e0
}

.container {
    min-width:970px
}

.color-success{ color:#5cb85c; }
.color-info { color:#5bc0de; }
.color-warning { color:#f0ad4e; }
.color-danger { color:#d9534f; }



#kullaniciGirisDiv {
    position:absolute;
    left:0;
    top:0;
    padding-top:100px;
    width:100%;
    text-align:center;
    position: absolute;
    z-index: 9999;
}

.arkaplan-sisle{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
    height: 100%;
    z-index: 9998;
    opacity: 0.5;
}

/* --- diger --- */
h1 {
    font:bold 20px Helvetica
}

.ilkbaslik {
    font:normal 18px 'Segoe UI',"Helvetica Neue",Helvetica,Arial,sans-serif;
}

.mt-0 {
    margin-top:0
}

.bilgi{
    
}
.bilgi .satir {
    padding:3px 10px;
    border-bottom:1px solid #e0e0e0
}
.bilgi .satir:before, .bilgi .satir:after {
    display: table;
    content: " ";    
}
.bilgi .satir:after {
    clear:both;
}

.yuzenDiv {
    position:fixed;
    z-index: 10;
    top:1px;
    box-shadow:0 0 10px #777;
    height:40px;
    overflow:hidden
}

.yuzenDiv:hover {
    height:120px;
}

.text-sm {
    font-size:12px
}

.panel table {
    margin-bottom:0
}
 
.table-hover>tbody>tr:hover {
    background:#eee
}

.cursor-pointer{
    cursor:pointer
}

.hover-gray { }

.hover-gray:hover{
    background:#efefef;
}


.dn {
    display:none
}

/* --- navbar --- */
.navbar{
    margin-bottom:10px;
    background:#222533;
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow:none
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    color:#fff;
    background:#6f5499 
}

.navbar-default .navbar-nav > li > a {
    color:#ddddee
}

.navbar-default .navbar-nav > li > a:hover {
    color:#eeeeff
}

.navbar-default .navbar-brand {
    color:#ddddee
}
.navbar-default .navbar-brand:hover {
    color:#eeeeff
}

.zorunlu{
    font-weight:bold;
    color:red
}
.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
{
    padding-right:5px;
    padding-left:5px;
}
.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0; 
}
@media (max-width: 767px){
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
        color:#fff
    }
}
/* --- --- */
.panel-heading {
    padding:5px 15px
}
.panel-body{
    padding:5px;
}
.govde {
    height: 85%;
}

#yansutun {
    width:18%;
    float:right;
    background:#f0f0f9;
    height:100%
}

#icerik {

}

.kutu {
    border-radius: 3px;
    padding:10px;
    background:#fff;
    margin-bottom:10px;
}

.kutu-koyu {
    border-radius: 3px;
    padding:10px;
    background:#eee;
    margin-bottom:10px;
}

.popover {
  max-width: 600px;
  width: auto;
}

.modal{
    overflow-y:scroll !important;
}

.modal-body{
    padding:5px
}

#sabit-ajax-loader{
    z-index:99999;
    display:none;
    opacity:0.8;
    filter: alpha(opacity=80);
    width:100px;
    height:100px;
    padding:10px;
    border-radius:4px;
    background:#000000 url(../img/ajax-loader.gif) no-repeat center;
    position: fixed;
    left:50%;
    top:50%;
    
}
/* ---- form ---- */
.form-mini .form-group{
   margin: 2px 1px;
   padding-bottom:1px;
   border-bottom: 1px solid #e0e0e0;
}


.tanim-butonlar > button {
    height:26px
}

.btn-mini {
    height:26px;
    font-size:13px;
    padding:3px 6px;
}

.twice-group{
    padding:0
}

.form-control-hata{
    background-color:#F2DEDE !important
}

.form-mini {
    font-size:12px;
    
}

.form-mini .form-control{
    border-radius:2px;
    padding:0 4px;
    font-size:12px;
    height:26px;
    
    
}
.form-mini .form-control:focus{
    background: #fff;
}
.form-mini .form-horizontal .control-label {
    text-align:left;
    font-weight:normal;
    padding-top:3px;
    padding-left:0px;
    padding-right:0px;
    font-size:12px;
}

.form-mini select.form-control, .inline-block{
    display:inline-block;
    vertical-align:middle
}
.form-mini select.form-control{
    /* min-width:120px;
    max-width:175px */
}

.form-mini .input-group {
    padding-left:5px;
    padding-right:5px
}
/* -------------- */
.form-zem {
    padding:10px;
    background:#f0f0f0;
    border-radius:3px;
}

.form-zem form {
    margin:20px;
}

.fon-normal {
    background:#f0f0f0
}
.cerceve{
    padding:10px;
}
.margin-auto {
    margin:auto    
}

#grid {
    font-size:12px
}


.padding-0{
    padding:0
}

.width-auto {
    width:auto
}


.input-loading{
    background: url(../img/loading.gif) no-repeat right;
}




/* --- kullanici bilgi --- */

#kullaniciBilgi {
    background: #fff;
    border-radius:3px;
    margin-bottom:10px
}

#kullaniciBilgi > div {
    padding:10px;
}

#kullaniciBilgi .kisayol {
	display:inline-block;
}

.bildirim-say {
    font-weight:bold;
    background:#cc0000;
    padding:0 4px;
    color:#fff;
    border-radius:3px;
}

/* --- cari --- */

#cariMenu > li.active > a, #cariMenu > li.active > a:hover, #cariMenu > li.active > a:focus {
    cursor:auto !important
}

.cariGovde {
    min-height: 300px
}

.vr-adres, .vr-yetkili, .vr-iletisim, .vr-telefon, .vr-gsm, .vr-eposta, .vr-sektor, .vr-musteriSorumlusu {
    padding:3px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.zindexTop { 
    z-index:999999 !important 
}























/* -- Notice */
/*
 * container for positioning
 */
.notify {
  position: fixed;
  top: 10px;
  left: 10px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 350px;
}
.notifyjs-container{
    z-index: 1000;
}

/* Positions
========================================================================== */
.notify-top-right,
.notify-bottom-right {
  left: auto;
  right: 10px;
}
.notify-top-center,
.notify-bottom-center {
  left: 50%;
  margin-left: -175px;
}
.notify-bottom-left,
.notify-bottom-right,
.notify-bottom-center {
  top: auto;
  bottom: 10px;
}

/* Responsiveness
========================================================================== */
/* Phones portrait and smaller */
@media (max-width: 479px) {
  /*
     * Fit in small screen
     */
  .notify {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
}

/* Sub-object: `notify-message`
========================================================================== */
.notify-message {
  position: relative;
  cursor: pointer;
}

.notify .alert-default {
  background: #fff;
  border: 1px solid #e5e5e5;
}



/* -------------- typeahead ---------------------------------------------- */
span.twitter-typeahead .tt-dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion > p {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion > p:hover,
span.twitter-typeahead .tt-suggestion > p:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
span.twitter-typeahead .tt-suggestion.tt-cursor {
  color: #ffffff;
  background-color: #428bca;
}
span.twitter-typeahead {
  width: 100%;
}
.input-group span.twitter-typeahead {
  display: block !important;
}
.input-group span.twitter-typeahead .tt-dropdown-menu {
  top: 32px !important;
}
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
  top: 44px !important;
}
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
  top: 28px !important;
}