body,html {
    margin: 0;
    padding: 0;
	overflow:hidden;
    width:100%;
    height:100%;
	background: #FFF no-repeat;
	font-family:arial;font-size:12px;color:#444;
}

/* =============================================
----------------- Login  ------------------
==============================================*/
.login-ekrani {
border: 1px solid #CCC; border-radius:5px;
width:30%; min-height:280px;margin-top:13%;margin-left:33%;
background: #fcfff4; /* Old browsers */
background: -moz-linear-gradient(top, #fcfff4 0%, #e9e9ce 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(100%,#e9e9ce)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfff4 0%,#e9e9ce 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#e9e9ce',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
}
.login-ekrani h3 {background: #86CAD5;}
.login {width:95%;margin-top:-10px;}
.sablonlar {float:right;text-decoration: none;color:gray;}
/* =============================================
----------------- Header ve Footer  ------------------
==============================================*/
.header {padding-top:25px;
 width:100%;color:white;text-decoration: none;text-shadow:0px 0px 2px #000;
 height:65px;border-bottom:3px solid #606c88;
background: #86CAD5; /* Old browsers */
background: -moz-linear-gradient(top, #86CAD5 0%, #77B3BD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86CAD5), color-stop(100%,#77B3BD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* IE10+ */
background: linear-gradient(to bottom, #86CAD5 0%,#77B3BD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86CAD5', endColorstr='#77B3BD ',GradientType=0 ); /* IE6-9 */
}
.header .banner {margin-left:2px;float:left;width:70%;height:80px;overflow:hidden;margin-top:-20px;}
.header .banner img {float:left; max-height:80px;}
.header .kullanici {font-size:12px;position:relative;top:40px;right:30px;float:right;padding:6px 10px;background:#606c88;border-radius:5px 5px 0px 0px;width:300px;overflow:auto}
.header #logout {height:20px;position:relative;top:42px;right:12px;float:right;}

.footer {
width:100%;
height:10px;padding:8px 6px;background: #3f4c6b;
font-size:11px;color:white;text-decoration: none;text-shadow:0px 0px 2px #000;
}

/* =============================================
----------------- Menu  ------------------
==============================================*/
.menu {width:14%;float:left;height:550px;background: #E0E0E0;border-right:1px solid #606c88;padding-top:1px;}
.menu li 
{
float: left;
  display: block;
  width: 91%;
  padding: 8px;
  margin: 0px;
  position: relative;
  border-bottom:1px solid #3f4c6b;border-right:1px solid #3f4c6b;
background: #77B3BD ; /* Old browsers */

}
.menu a 
{
 font-size:14px;color:white;text-decoration: none;text-shadow:0px 0px 2px #000;
}
.menu a:hover 
{
 color:#FFCC33;
}
.menu li:hover {background:#3f4c6b;}

/* =============================================
----------------- İçerik  ------------------
==============================================*/
.badge-1 {
border-radius:5px;border:1px solid rgb(59, 138, 219);text-decoration: none;
text-shadow:0px 0px 1px #000;color:white;padding:2px 4px;min-width:60px;
background: #86CAD5; /* Old browsers */
background: -moz-linear-gradient(top, #86CAD5 0%, #77B3BD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86CAD5), color-stop(100%,#77B3BD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* IE10+ */
background: linear-gradient(to bottom, #86CAD5 0%,#77B3BD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86CAD5', endColorstr='#77B3BD',GradientType=0 ); /* IE6-9 */

}
.badge-2 {
border-radius:5px;border:1px solid #ff6a00;text-decoration: none;
text-shadow:0px 0px 1px #000;color:white;padding:2px 4px;min-width:60px;
background: #FFCC33; /* Old browsers */
background: -moz-linear-gradient(top, #FFCC33 0%, #ff9A00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFCC33), color-stop(100%,#ff9A00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #FFCC33 0%,#ff9A00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #FFCC33 0%,#ff9A00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #FFCC33 0%,#ff9A00 100%); /* IE10+ */
background: linear-gradient(to bottom, #FFCC33 0%,#ff9A00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFCC33', endColorstr='#ff9A00',GradientType=0 ); /* IE6-9 */

}
.badge-3 {
border-radius:5px;border:1px solid #008800;text-decoration: none;
text-shadow:0px 0px 1px #000;color:white;padding:2px 4px;min-width:60px;
background: #8CC554; /* Old browsers */
background: -moz-linear-gradient(top, #8CC554 0%, #659E2E 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8CC554), color-stop(100%,#659E2E)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8CC554 0%,#659E2E 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8CC554 0%,#659E2E 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8CC554 0%,#659E2E 100%); /* IE10+ */
background: linear-gradient(to bottom, #8CC554 0%,#659E2E 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8CC554', endColorstr='#659E2E ',GradientType=0 ); /* IE6-9 */

}
.badge-4 {
border-radius:5px;border:1px solid #990000;text-decoration: none;
text-shadow:0px 0px 1px #000;color:white;padding:2px 4px;min-width:60px;
background: #D85A5A; /* Old browsers */
background: -moz-linear-gradient(top, #D85A5A 0%, #B93C3C 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D85A5A), color-stop(100%,#B93C3C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #D85A5A 0%,#B93C3C 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #D85A5A 0%,#B93C3C 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #D85A5A 0%,#B93C3C 100%); /* IE10+ */
background: linear-gradient(to bottom, #D85A5A 0%,#B93C3C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D85A5A', endColorstr='#B93C3C ',GradientType=0 ); /* IE6-9 */

}
.badge-5 {
border-radius:5px;border:1px solid #008800;text-decoration: none;
text-shadow:0px 0px 1px #000;color:white;padding:2px 4px;min-width:60px;
background: #b6ff00; /* Old browsers */
background: -moz-linear-gradient(top, #b6ff00 0%, #8CC554 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6ff00), color-stop(100%,#8CC554)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #b6ff00 0%,#8CC554 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #b6ff00 0%,#8CC554 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #b6ff00 0%,#8CC554 100%); /* IE10+ */
background: linear-gradient(to bottom, #b6ff00 0%,#8CC554 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6ff00', endColorstr='#8CC554',GradientType=0 ); /* IE6-9 */

}

.badge {text-decoration: none;color:#444;padding:6px 4px;font-weight:bolder;}
.hava {
margin-right:6px;
height:100px;
float:right;
width:220px;
padding:0px;
border:0px;
border-radius:6px;
overflow:hidden;
}
h1,h2,h3,h4 {border-bottom:1px solid #86CAD5;padding:4px;}
.input-style:hover {border: 1px solid #999;}
.input-style {
  width:94%;border-radius:5px;margin:auto;
  padding:5px 6px;
  font-size: 12px;
  line-height: 18px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  border: 1px solid #D5D5D5;
  background: #F9F9F9;
}
.form-group {margin:5px;}
.btn
{
border-radius:5px;border:1px solid #3f4c6b;text-decoration: none;
text-shadow:0px 0px 1px #000;font-size:14px;color:white;padding:3px 6px;
background: #86CAD5; /* Old browsers */
background: -moz-linear-gradient(top, #86CAD5 0%, #77B3BD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86CAD5), color-stop(100%,#77B3BD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* IE10+ */
background: linear-gradient(to bottom, #86CAD5 0%,#77B3BD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86CAD5', endColorstr='#77B3BD ',GradientType=0 ); /* IE6-9 */
}
.btn:hover {background: #999;}
.btn-info
{
border-radius:5px;border:1px solid #000088;text-decoration: none;
text-shadow:0px 0px 1px #000;font-size:11px;color:white;padding:3px 5px;
background: rgb(122,188,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}
.btn-info:hover {background: #999;}
.btn-danger
{
border-radius:5px;border:1px solid #990000;text-decoration: none;
text-shadow:0px 0px 1px #000;font-size:11px;color:white;padding:3px 5px;
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}
.btn-danger:hover {background: #999;}

.content{height:550px;width:100%;overflow:hidden;}
.icerik {width:84%;overflow-x:hidden;overflow-y:scroll;float:left;height:530px;background:#FFF;padding:10px;}
.item {height:50px;}
#msg {min-height:30px;padding:15px;background: #fff;min-width:250px;}
#row {visibility:hidden;height:100px; overflow:hidden;} 
.productimg {width:115px;max-height:85px;border:1px solid gray;border-radius:4px; float:left;margin-right:5px;margin-bottom:5px;} 
.slideimg {width:115px;max-height:85px;border:1px solid gray;border-radius:4px; float:left;margin-right:5px;margin-bottom:5px;} 
/* =============================================
----------------- Tablolar ------------------
==============================================*/
.table-normal
{
width:98%;
border-collapse:collapse;
*border-collapse: collapse; /* IE7 and lower */
border-spacing: 0;
}
.table-normal td,th {border-bottom:1px dotted #ddd;padding:6px 8px;white-space:nowrap;text-align:left;}
.table-striped
{
width:98%;font-size:12px;
border-collapse:collapse;
*border-collapse: collapse; /* IE7 and lower */
border-spacing: 0;
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
.table-striped th
{
border-bottom:3px solid #3f4c6b;padding:4px 5px;
text-shadow:0px 0px 1px #000;color:white;
background: #86CAD5; /* Old browsers */
background: -moz-linear-gradient(top, #86CAD5 0%, #77B3BD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#86CAD5), color-stop(100%,#77B3BD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #86CAD5 0%,#77B3BD 100%); /* IE10+ */
background: linear-gradient(to bottom, #86CAD5 0%,#77B3BD 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86CAD5', endColorstr='#77B3BD ',GradientType=0 ); /* IE6-9 */
}
.table-striped th a
{
color:white;
}
.table-striped td a
{
color:#43515e;
}
.table-striped td a:hover
{
color:#dd3945;
transition: all 0.2s ease-in-out; 
}
.table-striped th:first-child {
    border-radius: 6px 0 0 0;
}
.table-striped th:last-child {
    border-radius: 0 6px 0 0;
}
.table-striped th:only-child{
    border-radius: 6px 6px 0 0;
}

.table-striped tbody tr:nth-child(even):hover, .table-striped tr:hover 
{
  background: #faf8c9;
  transition: all 0.2s ease-in-out;     
}
.table-striped tbody tr:nth-child(even) {
    background: #f5f5f5;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}
.table-striped td {border:1px solid #CCC;padding:6px 8px;white-space:nowrap;}
/* =============================================
----------------- Grid ------------------
==============================================*/
.grid1 {width:8%;float:left;margin-left:10px;min-height:10px;}
.grid2 {width:16%;float:left;margin-left:10px;min-height:10px;}
.grid3 {width:24%;float:left;margin-left:10px;min-height:10px;}
.grid4 {width:32%;float:left;margin-left:10px;min-height:10px;}
.grid5 {width:40%;float:left;margin-left:10px;min-height:10px;}
.grid6 {width:48%;float:left;margin-left:10px;min-height:10px;}
.grid7 {width:56%;float:left;margin-left:10px;min-height:10px;}
.grid8 {width:64%;float:left;margin-left:10px;min-height:10px;}
.grid9 {width:72%;float:left;margin-left:10px;min-height:10px;}
.grid10 {width:80%;float:left;margin-left:10px;min-height:10px;}
.grid11 {width:88%;float:left;margin-left:10px;min-height:10px;}
.grid12 {width:96%;float:left;margin-left:10px;min-height:10px;}

/* =============================================
----------------- Responsive  ------------------
==============================================*/
@media (min-width: 1200px)
 {
    .login td {white-space:nowrap;max-width:140px;margin-top:0px;}	
 }

@media (min-width:1024px) and (max-width:1199px) 
{
    .login-ekrani { width: 43%;margin-left:28%;margin-right:20%; }
    .login td {white-space:nowrap;max-width:150px;margin-top:0px;}
    .menu {
        width: 14%;
        height: 550px;
        font-size:11px;
    }
    .menu li 
    {
       float: left;
       width: 88%;
    }
    .content{height:550px;}
    .icerik {width:83.5%;height:533px;}
    .table-striped 
    {
        font-size: 11px;
    }   

.header .kullanici {font-size:10px;position:relative;top:24px;right:55px;width:270px;}

}

@media (min-width:980px) and (max-width:1023px) 
{
    .login-ekrani { width: 48%;margin-left:25%;margin-right:20%; }
     .login td {white-space:nowrap;max-width:150px;margin-top:0px;}	
}

@media (min-width:768px) and (max-width:979px) 
{
   .login-ekrani {width: 48%;margin-left:25%;margin-right:20%;}
     .login td {white-space:nowrap;max-width:150px;margin-top:0px;}	
}

/* Landscape phone to portrait tablet */
@media (min-width:640px) and (max-width:767px) 
{
 	.login-ekrani {width: 60%;margin-left:20%;margin-right:20%;}
     .login td {white-space:nowrap;max-width:140px;margin-top:0px;}	
}
/* Landscape phone to portrait tablet */
@media (min-width:481px) and (max-width:639px) 
{
 	.login-ekrani {width: 86%;margin-left:7%;margin-right:7%;}	
     .login td {white-space:nowrap;max-width:130px;margin-top:0px;}	
}

 
/* Landscape phones and down */
@media (max-width: 480px) {
    .login-ekrani {
        width: 95%;
        margin-left: 10px;
        margin-right: 10px;
        border: 1px solid rgba(207,4,4,1);
    }

    .login td {
        max-width: 110px;
        white-space: nowrap;
    }


    @media (max-width: 300px) {
        .login-ekrani {
            width: 95%;
            margin-left: 5px;
            margin-right: 5px;
            border: 1px solid #3f4c6b;
        }

        .sablonlar {
            float: left;
        }

        .login td {
            max-width: 100%;
            float: left;
            white-space: nowrap;
            margin-top: 5px;
            margin-left: 15px;
        }
    }


    /* Retina Display */
    @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    }
}