@media min-width: 768px {
    /* For mobile phones: */
    .lb {width: 20%;}
}

.lb {width:300px;}

@media min-width: 768px {
    /* For mobile phones: */
    .lb2 {width: 10%;}
}

.lb2 {width:150px;}

.beyaz 
{
    background-color :#FFFFFF
}

.lb3 {
  font-family: "Courier New";
}

.tdhtml5  
{
	vertical-align: top; 
}

/* Preserve some sanity */
.grid,
.unit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -box-sizing: border-box;
}

/* Set up some rules to govern the grid */
.grid {
  display: block;
  clear: both;
}
.grid .unit {
  float: left;
  width: 100%;
  padding: 10px;
}

/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child { padding-left: 20px; }
.grid .unit:last-child { padding-right: 20px; }

/* Nested grids already have padding though, so let’s nuke it */
.unit .unit:first-child { padding-left: 0; }
.unit .unit:last-child { padding-right: 0; }
.unit .grid:first-child > .unit { padding-top: 0; }
.unit .grid:last-child > .unit { padding-bottom: 0; }

/* Let people nuke the gutters/padding completely in a couple of ways */
.no-gutters .unit,
.unit.no-gutters {
  padding: 0 !important;
}

/* Wrapping at a maximum width is optional */
.wrap .grid,
.grid.wrap {
  max-width: 978px;
  margin: 0 auto;
}

/* Width classes also have shorthand versions numbered as fractions
 * For example: for a grid unit 1/3 (one third) of the parent width,
 * simply apply class="w-1-3" to the element. */
.grid .whole,          .grid .w-1-1 { width: 100%; }
.grid .half,           .grid .w-1-2 { width: 50%; }
.grid .one-third,      .grid .w-1-3 { width: 33.3332%; }
.grid .two-thirds,     .grid .w-2-3 { width: 66.6665%; }
.grid .one-quarter,    .grid .w-1-4 { width: 25%; }
.grid .three-quarters, .grid .w-3-4 { width: 75%; }
.grid .one-fifth,      .grid .w-1-5 { width: 20%; }
.grid .two-fifths,     .grid .w-2-5 { width: 40%; }
.grid .three-fifths,   .grid .w-3-5 { width: 60%; }
.grid .four-fifths,    .grid .w-4-5 { width: 80%; }
.grid .golden-small,   .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */
.grid .golden-large,   .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */
.grid .one-sixth,      .grid .w-1-6 { width: 16.6667%; }

/* Clearfix after every .grid */
.grid {
  -zoom: 1;
}
.grid:before, .grid:after {
  display: table;
  content: "";
  line-height: 0;
}
.grid:after {
  clear: both;
}

/* Utility classes */
.align-center { text-align: center; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.pull-left    { float: left; }
.pull-right   { float: right; }

/* Responsive Stuff */
@media screen and (max-width: 568px) {
  /* Stack anything that isn’t full-width on smaller screens */
  .grid .unit {
    width: 100% !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .unit .grid .unit {
    padding-left: 0px;
    padding-right: 0px;
  }

  /* Sometimes, you just want to be different on small screens */
  .center-on-mobiles {
    text-align: center !important;
  }
  .hide-on-mobiles {
    display: none !important;
  }
}

/* Expand the wrap a bit further on larger screens */
@media screen and (min-width: 1180px) {
  .wider .grid {
    max-width: 1180px;
    margin: 0 auto;
  }
}
body {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000000;
  background: #6666CC;
  -text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

/* I use full-width horizontal sections a lot */
body > header,
body > section,
body > footer {
  display: block;
  width: 100%;
  clear: both;
  float: left;
}

h1, h2, h3 {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.05em;
}

h1 {
  font-size: 4em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.4em;
}

header, section {
  border-bottom: 1px solid #eee;
}

header, section, footer {
  border-top: 1px solid #fff;
}

section, footer {
  padding: 30px 0;
}

header h1 a {
  color: #333;
  border-bottom: none;
}

header p {
  margin: 2em 0;
}

.lead {
  font-size: 1.5em;
}

p, pre {
  font-size: 1.2em;
  line-height: 1.8em;
}

.button {
  -border-radius: 5px;
  background: #6666CC;
  border: 1px solid #DDDDDD;
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 8px 16px;
  -text-shadow: 0 1px 0 #fff;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
  color: White;
}

.button:hover, .button:focus {
  outline: none;
  background: #feda03;
  color: Black;
  border: 1px solid rgba(255,0,0,0.5);
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(255,0,0,.3);
}
	
.itext {
  -border-radius: 5px;
  background: #efefef;
  background-image: -moz-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -webkit-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -ms-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: linear-gradient(#FCFCFC, #EFEFEF);
  border: 1px solid #DDDDDD;
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 0px 0px;
  -text-shadow: 0 1px 0 #fff;
  font-family:  'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
}

.itext:hover, .itext:focus {
  outline: none;
  border: 1px solid rgba(255,0,0,.5);
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(255,0,0,.3);
}

.itextk {
  -border-radius: 5px;
  background: #efefef;
  background-image: -moz-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -webkit-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -ms-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: linear-gradient(#FCFCFC, #EFEFEF);
  border: 1px solid #DDDDDD;
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 0px 0px;
  -text-shadow: 0 1px 0 #fff;
  font-family:  'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: 700;
  display: inline-block;
  margin-bottom: .5em;
}

.itextk:hover, .itextk:focus {
  outline: none;
  border: 1px solid rgba(255,0,0,.5);
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 0 10px rgba(255,0,0,.3);
}

.nav3 {
    height: auto;
    width: auto;
	display: inline-block;
}

.ibutton {
  -border-radius: 5px;
  background: #6666CC;
  border: 1px solid #6666CC;
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 0px 5px 5px 0px;
  -text-shadow: 0 1px 0 #fff;
  font-family:  'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
  position: relative;
  min-height: 48px;
  max-height: 48px;
  min-width: 48px;
  max-width: 48px;
  display: inline-block;
  width: 10%;
  height: auto;
}

.ibutton:hover, .ibutton:focus {
  outline: none;
  padding: 0px 5px 5px 0px;
  background: #3F51B5;
  border: 1px solid rgba(63,81,181,0);
  -box-shadow: 0 1px 3px 0 rgba(63,81,181,0), 0 0 10px rgba(63,81,181,0);
}

.ilabel {
  background: #eaebec;
  border: 1px solid #efefef;
  padding: 0px 0px 0px 0px;
  -text-shadow: 0 1px 0 #fff;
  font-family:  'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: 700;
  font-size: large; 
  text-transform: uppercase;
}

.ilabel:hover, .ilabel:focus {
  outline: none;
  padding: 0px 0px 0px 0px;
  background: #9F5F5F;
}

.bosbutton {
  -border-radius: 5px;
  background: #efefef;
  background-image: -moz-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -webkit-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: -ms-linear-gradient(#FCFCFC, #EFEFEF);
  background-image: linear-gradient(#FCFCFC, #EFEFEF);
  border: 1px solid #DDDDDD;
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 0px 0px;
  -text-shadow: 0 1px 0 #fff;
  font-family:  'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
  position: relative;
  min-height: 1px;
  float: left;
  width: 10%;
  max-width: 50%;
  height: auto; 
}
footer p {
  margin: 0;
  font-size: 1em;
}

@media (min-width: 960px){
  h1 {
    font-size: 5em;
  }
  h2 {
    font-size: 2.6em;
  }
  h3 {
    font-size: 2em;
  }
  .lead {
    font-size: 1.8em;
  }
}

/* Styles to help demonstrate the grid */

code, pre {
  font-family: "Source Code Pro", Consolas, Menlo, Monaco, monospace;
  background: #F1E3D5;
  color: #333;
  padding: 3px;
  -border-radius: 5px;
}

pre {
  padding: 10px;
  text-align: center;
}

.demo p {
  margin: 0;
}

.demo .unit pre {
  margin: 0;
  padding: 20px 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -transition: all .2s ease-in-out;
}

.demo .unit pre:hover {
  background: #fc0;
}

.grid, .unit {
  -webkit-transition: all .25s ease-in-out;
  -moz-transition: all .25s ease-in-out;
  -transition: all .25s ease-in-out;
}

.demo .unit .grid {
  overflow: hidden;
  background: rgba(241,227,213,.5);
}

.demo .unit .grid:first-child {
  -border-radius: 5px 5px 0 0;
}

.demo .unit .grid:last-child {
  -border-radius: 0 0 5px 5px;
}
.DataWebControlStyle
{
    font-size: 90%;
    white-space:nowrap;
    width: 100%;
    max-width: 100%;
}

.HeaderStyle
{
    background-color: #900;
    color: White;
    font-weight: bold;
    white-space:nowrap;
    width: 100px;
    max-width: 100px;
    overflow: hidden;
}

.ItemStyle
{
    background-color: #eaebec;
    color: Black;
    font-weight: bold;
    white-space:nowrap;
    width: 100px;
    max-width: 100px;
    overflow: hidden;
}

.AlternatingRowStyle
{
    background-color: #fcc;
    white-space:nowrap;
}

.RowStyle
{
    white-space:nowrap;
}

.gridview {
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 12px;
    background: #eaebec;
    margin: 20px;
    border: #ccc 1px solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 1px 2px #d1d1d1;
    -webkit-box-shadow: 0 1px 2px #d1d1d1;
}

.progress-bar.animate {
   width: 100%;
}

.box{
    display: none;
	position: fixed;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 70%;
    border: 3px solid #9F5F5F;
}

.butto:hover + .box,.box:hover{
    display: block;
    z-index:1001;
}

.butto {
  -border-radius: 5px;
  background: #6666CC;
  border: 1px solid #6666CC;
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 0px 5px 5px 0px;
  -text-shadow: 0 1px 0 #fff;
  margin-bottom: .5em;
  min-height: 1px;
}
@media min-width: 768px {
    /* For mobile phones: */
    .box1 {height: 10%;}
}

.box1{
    display: block;
	position: fixed;
    bottom: 0;
    left: 0;
    width: 300px;
    height: 20%;
    border: 3px solid #9F5F5F;
    z-index:1000;
}

.yardim {
    background-image: url("../yardim/ygs.png");
    background-color: #cccccc;
    background-repeat: repeat-y;
}
.enes 
{
	color:White;
}
.modalPopup
{
background-color: #696969;
filter: alpha(opacity=40);
opacity: 0.6;
xindex:-1;
}
.imaj {
  -border-radius: 5px;
  background: #6666CC;
  border: 1px solid #6666CC;
  -box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);
  padding: 0px 5px 5px 0px;
  -text-shadow: 0 1px 0 #fff;
  font-family:  'Courier New', Courier, 'Lucida Sans Typewriter', 'Lucida Typewriter', monospace;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: .5em;
  position: relative;
  min-height: 1px;
  display: inline-block;
  width: 70%;
  height: 70%; 
}
.labeli 
{
	color: White ;
}

.labelim 
{
    font-family: Arial;
	color: Black;
}

.loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 210px;
        height: 210px;
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        margin-top: -105px; /* Negative half of height. */
        margin-left: -105px; /* Negative half of width. */
        background-color: White;
        z-index: 999;
    }
.bolme {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 450px;
}
.bolmea {
    border-radius: 20px;
    padding: 5px 5px 5px 25px; 
    float: left;
    overflow: auto;
    height: 230px;
}
.bolme2 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 100px;
}
.bolme2a {
    border-radius: 20px;
    padding: 5px 5px 5px 25px; 
    float: left;
    overflow: auto;
    height: 80px;
}
.bolme2b {
    border-radius: 25px;
    border: 2px solid #73AD21;
    position: relative;
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 100px;
}
.bolme2c {
    border-radius: 20px;
    border: 2px solid #73AD21;
    position: relative;
    padding: 5px 5px 5px 25px; 
    float: left;
    overflow: auto;
    height: 80px;
}

.bolme2a>a, a:link, a:visited, a:active {
    color: Black !important;
    text-decoration:none;
}
.bolme2a>a:hover {
    color: Red !important;
}

.bolme3 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 70px;
}
.bolme3a {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 70px;
    margin-top: 50px;
}
.bolme4 {
    float: left;
    overflow: auto;
    height: 20px;
}
.bolme5 {
    float: left;
    overflow: auto;
    height: 10px;
}
.bolme6 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 150px;
}
.bolme7 {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 130px;
}
.bolmebos {
    padding: 5px; 
    float: left;
    overflow: auto;
    height: 70px;
    margin-top: 50px;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('./icons/next_k.png') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}