@import 'bootstrap.css';
@import 'awesome.css';
@import 'login.css';

html, body {
    min-height: 100% !important;
    height: 100%;
	width: 100%;
	padding:0px;
	margin:0px;
	
	Background-image : url('picture/furley_bg.png');
	//Background-image : url('arr/arr3.gif');
	background-color: #efefef;
	font-family: 'Ubuntu', sans-serif;
	
}
body:before { 
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100000;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
::-webkit-scrollbar {
    width: 7px;
	z-index:-10;
	
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
z-index:-10;
    background: transparent;
}
::-webkit-scrollbar-thumb:hover {
	z-index:-10;
    background-color: #1a6ecc; 
}

a{text-decoration: none}
img{border-style: solid; border-width: 0px}
table{border-collapse: collapse;width:100%}

td {vertical-align: center;}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.nav>li a .fa{
  width:20px;
}

.table {
    background-color: #fff;
	}

#toTop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	cursor: pointer;
	display: none;
}


.C{cursor:pointer}
.G{display:none}
.R{float:right}
.L{float:left}

.panel-heading .fa{margin-right:10px;}


.spacer5 { height: 5px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer10 { height: 10px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer15 { height: 15px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer20 { height: 20px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer25 { height: 25px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer30 { height: 30px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer35 { height: 35px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer40 { height: 40px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer45 { height: 45px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer50 { height: 50px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer100 { height: 100px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }
.spacer200 { height: 200px; width: 100%; font-size: 0; margin: 0; padding: 0; border: 0; display: block; }


.DL, .DR, .DS, .DM, .DY, .DK, .DB, .DG, .DD{
    margin-right:10px;
    margin-left:10px;
    margin-top:10px;
    margin-bottom:10px;
    padding-top:20px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:15px;
    
    
	background-color: #FFFFFF;
	Background-repeat :repeat-x;
	border: 1px solid #cccccc;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.DL label, .DR label, .DS label, .DM label, .DY label, .DK label, .DB label, .DG label, .DD label{
width:100%;
margin-bottom:10px;
float:left;
font-weight:bold;
margin-top: -15px;
}

	
	.DS{Background-image : url(line/LB1.png)}
	.DM{Background-image : url(line/LB2.png)}
	.DG{Background-image : url(line/LB3.png)}
	.DY{Background-image : url(line/LB4.png)}
	.DK{Background-image : url(line/LB5.png)}
	.DD{Background-image : url(line/LB6.png)}



.DL table, .DR table, .DS table, .DM table, .DY table, .DK table, .DB table, .DG table, .DD table{margin-bottom:0px;}
.DL table tr td, .DR table tr td, .DS table tr td, .DM table tr td, .DY table tr td, .DK table tr td, .DB table tr td, .DG table tr td, .DD table tr td{height:45px}



/*------------------ALERT BOX KUTULARI SON ---------------------------*/

.CARD_OK{background-image: url(icon/ICON_OK.gif);}
.CARD_ERROR{background-image: url(icon/ICON_ERROR.gif);}
.BONUS_GARANTI,.BONUS_TEB{background-image: url(logo/BONUS.png);}
.AXESS_CITI,.AXESS_AKBANK{background-image: url(logo/AXESS.png);}
.FLEXI_GARANTI{background-image: url(logo/FLEXI.png);}

.CARD_OK,.CARD_ERROR,.BONUS_GARANTI,.AXESS_CITI,.AXESS_AKBANK,.FLEXI_GARANTI{
    background-repeat: no-repeat;
    background-position: 95% 50%;
}






/* SAYFA NUMARALAMA  */
.SF1{width: 22px; height: 22px; float: left; background-image: url(button/SFN1.gif); background-repeat: no-repeat}
.SF2{width: 22px; height: 22px; float: left; background-image: url(button/SFN2.gif); background-repeat: no-repeat }
.SF3{width: 50px; height: 22px; float: left; background-image: url(button/SFN3.gif); background-repeat: no-repeat }




.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}



#login{
	display: none;
	width: 400px ;
	height: auto;
	position: relative;
	background: #333333;
	color: rgba(0,0,0, .8);
	text-shadow: 0 1px 0 #fff;
	line-height: 1.5;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}


#login:before, #login:after {
  z-index: -100; 
  position: absolute; 
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%; 
  top: 80%;
  max-width:300px;
  background: rgba(0, 0, 0, 0.7); 
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
  transform: rotate(-3deg);
}

#login:after {
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}


#banner-top{
	width: 100% ;
	height:24px;
    line-height: 24px;
    font-size: 11px;
    background: #fff;
    background: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    z-index: 997;
    position: relative;
    box-shadow: 1px 0px 2px rgba(0,0,0,0.2);
	display:block;
}

#banner-top a{
	margin-right:10px;
	margin-left:10px;
}



#mask{
	display: none;
	background: #000; 
	position: fixed; 
	left: 0px;
	top: 0px; 
	z-index: 10px;
	width: 100%;
	height: 100%;
	opacity: 0.7;
	z-index: 997;
	filter:alpha(opacity=70);
	height:100%;
	//Background-image :url('arr/arr3.gif') ;
	min-height:100%;
	height:auto !important;
}

#totuc-box{
	margin: auto;
	display:none;
	background: #FFFFFF;
	border: 1px solid #efefef;
	font-size: 1.2em;
	position: absolute;
	box-shadow: 0px 0px 20px #333;
	-moz-box-shadow: 0px 0px 20px #333; /* Firefox */
    -webkit-box-shadow: 0px 0px 20px #333; /* Safari, Chrome */
	z-index: 999;
	padding:10px;
	border-radius:4px;
    -moz-border-radius: 4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
	box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(55,55,55,0.4);
}

#ajax-box{
	width:150px;
	height:40px;
	display:none;
	border:none;
	position: absolute;
	z-index: 998;
	border-radius:10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
	padding:20px;
	Background-image : url('icon/ajax-loader.gif');
	background-position:  50% 50% ;
	background-repeat:no-repeat;
}