@font-face {font-family: Exo_normal; 		src: url(../fonts/Exo-Regular.otf);		} 
@font-face {font-family: Exo_bold; 			src: url(../fonts/Exo-Bold.otf);		} 
@font-face {font-family: Exo_extra_bold; 	src: url(../fonts/Exo-ExtraBold.otf);	} 
html{ width:100%; height:100%;}
body{
	margin:0px;
	padding:0px;
	min-height:100%;
	height:100%;
	width:100%;
	min-width:1300px;
	font:12px "Open Sans", Arial;
	color:#333;
	/*background-image: url('../img/body-bg.jpg') #112444;*/
	background: url('../img/body-bg.jpg') #112444;
   /* background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; */
	background: url(../img/body-bg2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/*color:#fff;*/
	box-sizing:border-box;
}/*
body::-webkit-scrollbar {width: 2px;}
body::-webkit-scrollbar-track {    -webkit-box-shadow: inset 0 0 1px #0E1A2A;}
body::-webkit-scrollbar-thumb {  background-color: #0E1A2A;  outline: 1px solid #0E1A2A;}*/
body::-webkit-scrollbar-track {
  border: 1px solid #000;
  padding: 2px 0;
  background-color: #404040;
}
body::-webkit-scrollbar {
  width: 10px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}
.clr{ clear:both;}
input:disabled {
    color: rgb(84, 84, 84);
    cursor: default;
    background-color: rgb(235, 235, 228);
}
select:disabled {
    color: rgb(84, 84, 84);
    cursor: default;
    background-color: rgb(235, 235, 228);
}
/* LOADER */
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/load-2.gif) center no-repeat #12213E;
}
.site-content{     
    display: none;
}
/* LOADER END */
.yetki_aktif{
	position:relative;
	background:#096;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	border:0px;
	padding:10px;
	cursor:pointer;
}
.yetki_pasif{
	position:relative;
	background:#900;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	border:0px;
	padding:10px;
	cursor:pointer;
}
.txtProgress{ color:#06C !important; font-weight:bold !important;}
.tdborder td{ border:1px solid #ccc;}
/* new home */
.new-home{ position:relative; box-sizing:border-box; width:100%; height:auto;}
.new-home-box-hr{width:98%; height:2px; margin:5px auto; padding:0; border-top:1px solid; border-top-color: rgba(255,255,240,.7); border-bottom: 1px solid; border-bottom-color: rgba(255,255,255,.3);}
.new-home-box1{ position:relative; width:890px; min-height:10px; float:left; box-sizing:border-box; padding:10px 0px 0px 20px; }
.new-home-box2{ position:relative; width:330px; min-height:10px; float:left; box-sizing:border-box; padding:10px 20px;}
.new-home-box3{ position:relative; width:33%; min-height:10px; float:left; box-sizing:border-box; padding:10px 20px;}
.fast-kutu{ position:relative; width:100%; float:left; margin-right:10px; box-sizing:border-box;}
.fast-title{font:15px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; padding-bottom:5px;}
.fast-title3{font:35px Exo_normal; color:#4C4C4B; text-shadow:1px 1px 2px #fff; font-weight:bold; line-height:95px; text-align:center; box-sizing:border-box;}
.fast-title2{font:35px Exo_normal; color:#4C4C4B; text-shadow:1px 1px 2px #fff; padding:10px; font-weight:bold; line-height:95px; box-sizing:border-box;}
.fast-title2 span{ position:absolute; font:15px Exo_normal; font-weight:bold; bottom:32px;}
.fast-title2 .degis{ position:absolute; width:27px; height:45px; right:10px; bottom:0px; content: url(/tema/default/img/new-home/firma-rapor-icon.png);}
.fast-input{ position:relative; padding:3px 0px; max-width:423px;}
.fast-input::after{ position:absolute; right:5px; top:9px; content:url(/tema/default/img/new-home/search-icon.png); width:34px; height:33px;}
.fr::before{ position:absolute; left:8px; top:14px; content:'Firma Ara:';  font:15px Exo_normal; font-weight:bold; color:#666;  width:auto; height:33px;}
.co::before{ position:absolute; left:8px; top:14px; content:'Çözüm Ortağı:'; font:15px Exo_normal; font-weight:bold; color:#666; width:auto; height:33px;}
.fr input{ padding-left:85px;}
.co input{ padding-left:107px;}
.fast-box{ background:#EEEEEE; margin:3px 0px; width:100%; height:95px; box-sizing:border-box; border-radius:3px;}
.fast-line{ width:100%; height:45px; font:15px Exo_normal; color:#4C4C4B; line-height:45px; text-align:left; padding-left:5px;}
.fast-line span{ float:right; padding-right:10px; font-weight:bold;}
.fast-hr{ width:90%; margin:0px auto; padding:0; border-top:1px solid; border-top-color: rgba(0,0,0,.1); border-bottom: 1px solid; border-bottom-color: rgba(255,255,255,.1);}
.large{ max-width:423px;}
.medium{ width:150px; height:95px;}
.small{ width:115px; height:95px;}
.hoverli:hover{-webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-webkit-user-select: none;-ms-user-select: none;  user-select: none;}
.new-nots{ position:relative;}
.new-nots-title{ position:relative; padding:10px 0px; color:#fff;-webkit-user-select: none;-ms-user-select: none;  user-select: none;}
.nots-icon{ position:relative; width:37px; height:37px; float:left;}
.new-nots-title .title1{ position:relative; width:200px; float:left; font:15px Exo_normal;}
.new-nots-title .title1 span{ font:13px Exo_normal; color:#f2f2f2;}
.new-nots-title .filtre{ float:right; margin:3px 5px; cursor:pointer;}
.new-nots-title .tumnots{ float:right; margin:3px 5px; cursor:pointer;}
.new-nots-title .filtre:hover{ opacity:0.8;}
.new-nots-title .tumnots:hover{ opacity:0.8;}
.nots-row{ position:relative; width: calc(100% - 20px); float:right; border:1px solid #BACBE3; margin-top:10px; padding:10px; border-radius:5px;}
.nots-row:hover{-webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);}
.nots-pers{ position:absolute; width:50px; height:50px; background:#EEEEEE; font:18px Exo_normal; font-weight:bold; border-radius:25px; line-height:50px; text-align:center; box-sizing:border-box; top:2px; left:-20px; -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-webkit-user-select: none;-ms-user-select: none;  user-select: none;}
.nots-hatirlat{ position:absolute; width:30px; height:30px; background:#FFAC50; font:18px Exo_normal; font-weight:bold; border-radius:25px; line-height:50px; text-align:center; box-sizing:border-box; top:55px; left:-10px; -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-webkit-user-select: none;-ms-user-select: none;  user-select: none;}
.nots-hatirlat img{ position:absolute; top:7.5px; left:7.5px;}
.nots-nots{ position:relative; padding-left:30px; min-height:34px; font:13px Exo_normal; color:#333;}
.nots-tarih{ position:absolute; right:10px; bottom:3px; font:12px Exo_normal; color:#999999;}
.nots-firma{ position:absolute; left:30px; bottom:3px; font:12px Exo_normal; color:#0099FF; cursor:pointer;-webkit-user-select: none;-ms-user-select: none;  user-select: none;}
.nots-firma:hover{ text-decoration:underline;}
.nots-bottom{ position:relative; height:30px;}
.HizliAlanlar{ position:relative; margin:20px 0px;}
.HizliAlanlar .icon{ position:absolute; width:69px; height:59px; background: url(/tema/default/img/new-home/hicon-bg.png); z-index:1; bottom:0px; left:0px; border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-left-radius:5px;border-top-left-radius:5px;-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.75);}
.HizliAlanlar .icon img{ position:absolute; top:8px; left:10px;}
.HizliAlanlar .title{ position:relative; width:290px; height:48px; font:13px Exo_normal; color:#333; font-weight:bold; background:#EEE; border-radius:5px; line-height:48px; padding-left:80px;-webkit-user-select: none;-ms-user-select: none;  user-select: none;}
.HizliAlanlar .title:hover{-webkit-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);-moz-box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);box-shadow: inset 1px 1px 5px 1px rgba(0,0,0,0.75);}
.HizliAlan_Search1{ width:100%; border:0px; height:48px; border-radius:5px; outline:none; margin-left:-5px; padding-left:5px;}
/* new home input */
.Home_input1{ width:100%; height:44px; font:15px Exo_normal; color:#4C4C4B; padding-left:5px; padding-right:40px; border:1px solid #ccc; border-radius:5px;outline:none;-webkit-box-shadow: inset 1px 1px 2px 0px rgba(112,112,112,1);-moz-box-shadow: inset 1px 1px 2px 0px rgba(112,112,112,1);box-shadow: inset 1px 1px 2px 0px rgba(112,112,112,1);}
.Home_input1:active, .Home_input1:hover{-webkit-box-shadow: inset 1px 1px 5px 1px rgba(112,112,112,1);-moz-box-shadow: inset 1px 1px 5px 1px rgba(112,112,112,1);box-shadow: inset 1px 1px 5px 1px rgba(112,112,112,1);}
/* new home end */
/* table style */
.TableStyle1 tr td{ padding:2px; font:14px Exo_normal; border:1px solid #ccc;}
.TableStyle1_Textbox{ border:1px solid #ccc; padding:3px; font:14px Exo_normal;}
.TableStyle1_ListTitle{position:relative; width:100%; height:25px; padding-left:10px; background: url(../img/list-bg.jpg) repeat-x; border:1px solid #101D27; font:14px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000;line-height:25px; box-sizing:border-box; font-weight:bold;}
/* fo kutularý */
.fo_kutu{ position:relative; width:200px; height:100px; background:#fff; border:1px solid #f2f2f2; float:left; margin:5px; padding:10px; box-sizing:border-box;-webkit-user-select: none;-ms-user-select: none;  user-select: none; cursor:pointer;}
.fo_ku{ position:relative; margin-left:10px;}
.fo_title{ position:absolute; bottom:10px; width:200px; left:0px; text-align:center; font:15px Exo_normal;  }
.fo_icon{ position:absolute; width:50%; height:50px; top:8px; left:50%; margin-left:-25px;}
.fo_icon img{ height:50px; width:auto;}
.fo_kutu:hover{ background:#f2f2f2;}
.fo_bildir{ position:absolute; top:10px; right:10px; font:15px Exo_normal; color:#fff; background:#F00; border-radius:10px; text-align:center; box-sizing:border-box; width:20px; height:20px; line-height:20px;}
/* irtibat haberleþme */
.irt_haberlesme{ width:100%; box-sizing:border-box;}
.irt_kutu{ position:relative; width:48px; text-align:center; height:35px; float:left; margin:1.25px; font:10px Arial, Helvetica, sans-serif; border:1px solid #ccc; line-height:35px; padding:0px 4px; box-sizing:border-box; -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none; cursor:pointer;}
.irt-aktif{ background:#0F9; color:#063;}
.irt-pasif{ background:#fff; color:#666;}
.irt-pasif:hover{ opacity:0.8; border:1px solid #000;} 
.irt-aktif:hover{ opacity:0.8; border:1px solid #000;}
/* imzasay */
.dtypop_bg{ position:fixed; top:-10px; left:0px; background:#000; opacity:0.8; z-index:98; height:110%; width:100%; cursor:pointer;}
.dtypop{ position:fixed; top:50%; left:50%; width:600px; height:430px; background:#fff; border:1px solid #ccc; z-index:99; margin-left:-300px; margin-top:-225px;}
.imzasayi{ position:absolute; min-width:10px;  line-height:13px; text-align:center; top:4px; right:3px; background:#F00; color:#fff; text-shadow:1px 1px 2px #000; border-radius:10px; padding:3px; font:10px Tahoma, Geneva, sans-serif;}
/* ana kutu ekstra */
.ekstra_buton{ position:absolute; height:35px; width:125px; left:50%; margin-left:-62.5px; bottom:-17px; border:1px solid #ccc; border-radius:8px; font:15px Exo_normal; color:#666666; text-align:center; line-height:35px; box-sizing:border-box; background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); cursor:pointer;}
.ekstra_buton:hover{background: rgba(242,246,248,1);
background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background: linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );}
.ekstra2_anakutu{ position:relative; width:100%; float:left; height:auto; box-sizing:border-box; padding:6px; }
.ekstra2_anakutu_in{ position:relative; width:100%; border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.ekstra2_title_hatirlat_say{ position:relative; font:18px Exo_extra_bold; font-weight:bold; color:#F00; float:right; line-height:30px; }
.ekstra2_anakutu_title{position:relative; font:15px Exo_normal; font-weight:bold; color:#666666; text-align:left; border-bottom:1px solid #ccc;  padding:3px 7px; box-sizing:border-box;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}
.ekstra2_anakutu_row_icon{ position:relative; width:37px; height:41px; float:left; }

.ekstra_anakutu{ position:relative; width:50%; float:left; height:auto; box-sizing:border-box; padding:6px; }
.ekstra_anakutu_in{ position:relative; width:100%; border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.ekstra_anakutu_title{ position:relative; font:15px Exo_normal; font-weight:bold; color:#666666; text-align:center; border-bottom:1px solid #ccc;  padding:3px; box-sizing:border-box;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );}
.ekstra_anakutu_row_icon{ position:relative; width:30px; height:24px; float:left; }
.ekstra_anakutu_row{ position:relative; font:15px Exo_normal; font-weight:normal; min-height:57px; color:#666666; text-align:left; padding:8px 5px; box-sizing:border-box; cursor:pointer; border-bottom:1px solid #ccc;-webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none; }
.ekstra_row_info{ font:12px Exo_normal; color:#09F;}
.ekstra_anakutu_row:hover{ color:#09C;}
.ekstra_anakutu_row_say{ float:right;}
/* anarapor kull new */
.ufak_menu{ position:relative; width:50%; padding:3px; box-sizing:border-box; float:left;  -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;   box-sizing: border-box;}
.ufak_menu_in{ position:relative; width:100%; height:45px; border:1px solid #ccc; padding:7px; box-sizing:border-box;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); cursor:pointer;}
.ufak_menu_in:hover{ background: rgba(212,228,239,1);
background: -moz-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(228,232,235,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(212,228,239,1)), color-stop(100%, rgba(228,232,235,1)));
background: -webkit-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(228,232,235,1) 100%);
background: -o-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(228,232,235,1) 100%);
background: -ms-linear-gradient(top, rgba(212,228,239,1) 0%, rgba(228,232,235,1) 100%);
background: linear-gradient(to bottom, rgba(212,228,239,1) 0%, rgba(228,232,235,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#e4e8eb', GradientType=0 );}
.ufak_menu_icon img{ width:auto; height:30px; float:left;}
.ufak_menu_text{ position:relative; width: calc(100% - 58px); float:left; font:15px Exo_normal; color:#333; text-align:left; padding-left:10px; height:30px; line-height:30px; box-sizing:border-box;}
.ufak_menu_text span{ font:18px exo_normal; color:#900; font-weight:bold; text-shadow:1px 1px 2px #000; border:1px solid #ccc; border-radius:25px; padding:5px;}
/* KULLANICI BÝLDÝRÝM */
.kulls-bildirim{ position:absolute; top:8px; right:320px; width:46px; height:44px; background: url(../img/icon/bildirim.png) no-repeat; z-index:99; cursor:pointer;}
.kulls-bildirim:hover{ opacity:0.7;}
.kulls-bildirim span.bilsayi{ position:absolute; min-width:10px;  line-height:13px; text-align:center; top:0px; right:-3px; background:#09C; color:#fff; text-shadow:1px 1px 2px #000; border-radius:10px; padding:3px; font:10px Tahoma, Geneva, sans-serif;}
.kulls-bildirim-list{ position:absolute; top:43px; right:355px; background:#E24A4B; width:300px; height:200px; z-index:999; border-radius:5px; -webkit-box-shadow: inset 3px -5px 9px -5px rgba(0,0,0,0.75);
-moz-box-shadow: inset 3px -5px 9px -5px rgba(0,0,0,0.75);
box-shadow: inset 3px -5px 9px -5px rgba(0,0,0,0.75);
-webkit-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 3px 5px 0px rgba(0,0,0,0.75);
}
.bl-title{ position:relative; font:15px Exo_normal; color:#000; color:#fff; text-align:left; padding:8px; border-bottom:1px solid #DE2E2E; text-shadow:1px 1px 2px #000;}
.bl-list{ position:relative; font:10px Exo_normal; color:#000; color:#fff; text-align:left; padding:8px; border-bottom:1px solid #DE2E2E; text-shadow:1px 1px 2px #000;
background: rgba(223,60,61,1);
background: -moz-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,60,61,1)), color-stop(47%, rgba(220,41,42,1)), color-stop(100%, rgba(226,74,75,1)));
background: -webkit-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: -o-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: -ms-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: linear-gradient(to bottom, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3c3d', endColorstr='#e24a4b', GradientType=0 ); cursor:pointer;}
.bl-list:hover{ opacity:0.8;}
.bl-list-cev{ height:150px; overflow-y:scroll;}
.bl-list-cev::-webkit-scrollbar-track {
  border: 1px solid #000;
  padding: 2px 0;
  background-color: #404040;
}
.bl-list-cev::-webkit-scrollbar {
  width: 10px;
}
.bl-list-cev::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #737272;
  border: 1px solid #000;
}
.bl-tumu-gor{ position:absolute; width:100px; height:25px; color:#fff; left:50%; margin-left:-50px; text-shadow:1px 1px 2px #000; font:12px Exo_normal; line-height:25px; bottom:-20px; text-align:center; border-radius:5px; border:1px solid #333; 
background: rgba(223,60,61,1);
background: -moz-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,60,61,1)), color-stop(47%, rgba(220,41,42,1)), color-stop(100%, rgba(226,74,75,1)));
background: -webkit-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: -o-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: -ms-linear-gradient(top, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
background: linear-gradient(to bottom, rgba(223,60,61,1) 0%, rgba(220,41,42,1) 47%, rgba(226,74,75,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df3c3d', endColorstr='#e24a4b', GradientType=0 ); cursor:pointer;}
.bl-tumu-gor:hover{ border:1px solid #900;}
/* KULLANICI BÝLDÝRÝM */
/* ERROR DIV */
.err_aciklama{ position:relative; width:100%; padding:10px; font:15px exo_normal; color:#999; text-shadow:1px 1px 2px #FFF; background:#DDD; border:1px solid #999; border-radius:5px; box-sizing:border-box; }
.err_aciklama2{ position:relative; width:100%; padding:10px; font:15px exo_normal; color:#333; text-shadow:1px 1px 2px #FFF; background:#DDD; border:1px solid #999; border-radius:5px; box-sizing:border-box; }
.err_false{ position:relative; width:100%; padding:10px; font:18px exo_normal; color:#fff; text-shadow:1px 1px 2px #000; background:#F33; border:1px solid #930; border-radius:5px; box-sizing:border-box; }
.err_true{ position:relative; width:100%; padding:10px; font:18px exo_normal; color:#fff; text-shadow:1px 1px 2px #000; background:#096; border:1px solid #066; border-radius:5px; box-sizing:border-box; }
.err_true_simge{ color:#063;}
.r410{ width:410px; }
.r250{ width:250px; }
/* ERROR DIV END */
/* popup bildirimleri */
.popup_bg{ position:fixed; width:100%; height:100%; background:#000; opacity:0.8; z-index:999;}
.popup_cev{ position:fixed; width:600px; left:50%; top:100px; height:425px; margin-left:-300px; background:#f2f2f2; z-index:9999; border:1px solid #999;
	-webkit-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);
    -moz-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);
    box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);
    border-radius: 5px;}
.popup_title{position: relative;
    width: 100%;
    height: 36px;
    padding-left: 10px;
    background: url(../img/list-bg.jpg) repeat-x;
    border: 1px solid #101D27;
    font: 15px Exo_normal;
    color: #fff;
    text-shadow: 1px 1px 2px #000;
    line-height: 36px;
    box-sizing: border-box;
}
.popup_aciklama{ font:15px Exo_normal; color:#333; padding:10px;height:320px;overflow-y: scroll; }
.popup_buton{ position:absolute; bottom:-15px; left:50%; margin-left:-75px;}
/* popup bildirimleri end */
/* mailing kutu */
.mail_kutu{ position: relative;
    width: 98%;
	margin:0px auto;
    height: 65px;
    border: 1px solid #666;
    -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);    -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);    box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);    background: #ddd;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;   box-sizing: border-box;
}
.mail_sayim{position:relative; width:25%; float:left; border:1px solid #ccc; box-sizing:border-box; }
.mail_sayim_title{ position:relative; text-align:center; width:100%; font:15px Exo_bold; color:#666; padding-top:10px; border-bottom:1px solid #ddd;}
.mail_sayim_sayi{ position:relative; width:100%; font:22px Exo_normal; color:#09C; text-shadow:1px 1px 2px #ddd; text-align:center; box-sizing:border-box;}
.mail_sayim:hover{background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );}
/* mailing kutu end */
/* LOGIN DIV */
#giris_bilgi{ position:relative; height:50px;}
.login-div{ position:relative; width:420px; margin:0 auto; height:450px; margin-top:10%;}
.login-logo{ position:relative; width:273px; height:105px; background: url(../img/logo_01.png) no-repeat; margin:10px auto; }
.login-logo .ver{ position:absolute; top:-15px; right:20px; width:50px; height:25px; color:#fff; text-shadow:1px 1px 2px #000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.login-textbox-0{ position:relative; }
.login-textbox{ width:410px; height:74px; border:1px solid #999; margin:10px 0px; padding:10px 10px 10px 70px; box-sizing:border-box; font:18px Exo_normal; -webkit-box-shadow: 6px 6px 11px -1px rgba(0,0,0,0.75);-moz-box-shadow: 6px 6px 11px -1px rgba(0,0,0,0.75);box-shadow: 6px 6px 11px -1px rgba(0,0,0,0.75); border-radius:5px;}
.login-textbox:active,.login-textbox:hover,.login-textbox:focus{ -webkit-box-shadow: inset 1px 1px 4px 1px rgba(64,162,237,1);-moz-box-shadow: inset 1px 1px 4px 1px rgba(64,162,237,1);box-shadow: inset 1px 1px 4px 1px rgba(64,162,237,1);}
.login-button{width:410px; height:74px; border:1px solid #999; margin:10px 0px; cursor:pointer; font:22px Exo_bold; color:#333; text-shadow:1px 2px 3px #fff;border-radius:5px;}
#icon-user{ position:absolute; top:25px; left:15px; content: url(../img/icon/lg-user.png); width:38px; height:45px; opacity:0.8;}
#icon-pw{ position:absolute; top:25px; left:15px; content: url(../img/icon/lg-pw.png); width:38px; height:45px; opacity:0.8;}
.sifre-hatirla{ position:relative; font:18px Exo_bold; color:#fff; text-align:center; margin-top:20px; cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sifre-hatirla:hover,.sifre-hatirla:active{ color:#999; }
.security{ position:relative; color:#fff; text-align:center; margin-top:20px;}
/* LOGIN DIV END */
/* toltip */
.tooltip { position: relative;  display: inline-block;  border-bottom: 1px dotted black; }
.tooltiptext {  visibility: hidden; font:12px Exo_normal !important; width: 120px;  background-color: black;  color: #fff;  text-align: center;  padding: 5px 0;  border-radius: 6px;   position: absolute;  z-index: 1;}
.tooltip:hover .tooltiptext {  visibility: visible;}
/* kullsonline */
.KullsOnline{ position:absolute; left:0px; top:0px; width:100%; height:175px; background:#CCC; z-index:999;}
/* BUTTON STYLE */
.button-gri{
background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}
.button-gri:active{-webkit-box-shadow: inset 1px 1px 4px 1px rgba(64,162,237,1);-moz-box-shadow: inset 1px 1px 4px 1px rgba(64,162,237,1);box-shadow: inset 1px 1px 4px 1px rgba(64,162,237,1); }
.TeklifUrunCheck{position: relative;    height: 55px;    width: 250px;    border: 1px solid #099;    padding: 10px;    background:#099;    color: #fff;    margin: 5px;    text-shadow: 1px 1px 2px #000;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer; border-radius:10px;}
.TeklifUrunCheck:hover{ background:#069;}
.TeklifUrunCheck::checked + label { background:#069;}
.tklfhzmtmvct{ background:#CCC; border:1px solid #999; }
.tklfhzmtmvct:hover{ background:#f2f2f2;} 
.btn-sil{ position:relative; width:300px; height:46px; background:#F00; border:1px solid #74993B; font:18px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; line-height:46px; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;}
.btn-sil:hover{ font-weight:bold;}
.btn1{ position:relative; width:150px; height:46px; background: url(../img/btn1-bg.jpg) repeat-x; border:1px solid #74993B; font:18px Exo_normal; color:#0C191F; line-height:46px; padding-left:50px; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer; float:left;}
.btn1:hover{ font-weight:bold;}
.btn2{ position:relative; width:150px; height:37px; background: #6079AB; border:1px solid #29447E; font:15px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;}
.btn2:hover{ font-weight:bold; background:#8295BD;}
.btn3{ position:relative; width:58px; height:37px; background: url(../img/btn1-bg.jpg) repeat-x; border:1px solid #74993B; font:15px Exo_normal; color:#fff; line-height:37px; text-align:center; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer; float:left; border-radius:8px; text-shadow:1px 1px 2px #000; outline:none;}
.btn3:hover{ font-weight:bold;}
.btn4{ position:relative; width:80px; height:37px; background: url(../img/btn1-bg.jpg) repeat-x; border:1px solid #74993B; font:15px Exo_normal; color:#fff; line-height:37px; text-align:center; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer; border-radius:8px; text-shadow:1px 1px 2px #000; outline:none;}
.btn4:hover{ font-weight:bold;}
.btn5{ 	position: relative;    top: 1px;    float: left;    padding: 8px 8px 8px 40px;    margin: 10px 2px 10px 5px;    font: bold 15px Exo_normal;    background-color: #DDD;    list-style: none;    border-left: solid 1px #CCC;    border-bottom: solid 1px #999;    border-top: solid 1px #999;    border-right: solid 1px #999;    -moz-user-select: none;    -khtml-user-select: one;    cursor: pointer;    color: #000;    outline: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none; float:left;}
.btn5:hover{ font-weight:bold; background-color: #CCC;}
.btn6{ position:relative; width:150px; height:37px; background:#C30; border:1px solid #900; font:15px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;}
.btn6:hover{ font-weight:bold; background:#F00;}
.btn7{ position:relative; width:150px; height:37px; background: #F63; border:1px solid #F60; font:15px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer; padding-right:5px;}
.btn7:hover{ font-weight:bold; background:#F30;}
.btn8{ position:relative; min-width:150px; height:46px; background: url(../img/btn2-bg.jpg) repeat-x; border:1px solid #E0B80C; font:18px Exo_normal; color:#0C191F; line-height:46px; padding-left:50px; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;  padding-right:10px; float:left;}
.btn8:hover{ font-weight:bold;}
.btn9{ position:relative; min-width:150px; height:46px; background: url(../img/btn3-bg.jpg) repeat-x; border:1px solid #B6C1CC; font:18px Exo_normal; color:#0C191F; line-height:46px; padding-left:50px; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;  padding-right:10px; float:left;}
.btn9:hover{ font-weight:bold;}
.btn-icon-rapor-ekle{ position:absolute; top:4px; left:4px; width:37px; height:37px; background: url(../img/icon/rapor-icon.png) no-repeat;}
.btn-icon-ekle{ position:absolute; top:4px; left:4px; width:37px; height:37px; background: url(../img/icon/ekle.png) no-repeat;}
.textbox1{ width:193px; height:46px; border:1px solid #999999; background: url(../img/textbox1.jpg) repeat-x; box-sizing:border-box; margin-left:10px; padding-left:10px; font:18px Exo_normal; color:#0C191F;}
.textbox2{ width:240px; height:37px; border:1px solid #999999;  box-sizing:border-box; padding-left:10px; font:15px Exo_normal; color:#0C191F;-webkit-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);-moz-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1); border-radius:5px; outline:none;}
.textbox2:focus{ border:1px solid #709439;}
.textbox3{ width:240px; height:100px; border:1px solid #999999;  box-sizing:border-box; padding-left:10px; font:15px Exo_normal; color:#0C191F;-webkit-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);-moz-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1); border-radius:5px; outline:none;}
.textbox3:focus{ border:1px solid #709439;}
.seleclist_multiple{ width:240px; height:150px; border:1px solid #999999;  box-sizing:border-box; padding:10px; font:15px Exo_normal; color:#0C191F;-webkit-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);-moz-box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1);box-shadow: inset 1px 1px 2px 0px rgba(102,97,102,1); border-radius:5px; outline:none;}
.btn-arama{ width:60px; height:46px; background: url(../img/btn-arama.jpg) no-repeat; border:0px;}
.btn-ok{ width:60px; height:46px; background: url(../img/btn-ok.jpg) no-repeat; border:0px;}
.btn-kaydet{ width:228px; height:38px; background: url(../img/btn-kaydet.jpg) repeat-x; border-radius: 10px; color:#fff; text-shadow:1px 1px 2px #000; text-align:center;outline:none; cursor:pointer; line-height:38px; box-sizing:border-box;}
.btn-kaydet:active{ opacity:0.8;}
div .textbox3{ padding-right:10px; overflow-y: scroll;}
.w80 { width:80px; }
.w120{ width:120px;}
.secTemizle{ font:10px Exo_normal; color:#099; cursor:pointer;}
.secTemizle:hover{ text-decoration:underline;}
/* BUTTON STYLE END */
.btn-g1{ position:absolute; top:6.5px; left:6.5px; width:24px; height:24px; background: url(../img/icon/g1.png) no-repeat; z-index:99;}
.btn-g2{ position:absolute; top:6.5px; left:6.5px; width:24px; height:24px; background: url(../img/icon/g2.png) no-repeat; z-index:99;}
.btn-g3{ position:absolute; top:6.5px; left:6.5px; width:24px; height:24px; background: url(../img/icon/g3.png) no-repeat; z-index:99;}
.btn-g4{ position:absolute; top:6.5px; left:6.5px; width:24px; height:24px; background: url(../img/icon/g4.png) no-repeat; z-index:99;}
.btn-g5{ position:absolute; top:6.5px; left:6.5px; width:24px; height:24px; background: url(../img/icon/g5.png) no-repeat; z-index:99;}
.icons{ position:relative; width:24px; height:auto; margin-right:10px; margin-left:10px; }
.sil_24{ position:relative; width:24px; height:24px; background: url(../img/icon/sil.png) no-repeat; cursor:pointer;}
.duzelt_24{ position:relative; width:24px; height:24px; background: url(../img/icon/duzelt2.png) no-repeat; cursor:pointer;}
.sil_24:hover{ opacity:0.8;}
.duzelt_24:hover{ opacity:0.8;}
/* DURUM CSS */
.drm2_aktf{ position:relative; width:100%; text-align:center; background:#063; border:1px solid #093; color:#fff; text-shadow:1px 1px 2px #000; padding:5px; box-sizing:border-box;}
.drm2_grsm{ position:relative; width:100%; text-align:center; background:#09F; border:1px solid #093; color:#fff; text-shadow:1px 1px 2px #000; padding:5px; box-sizing:border-box;}
.drm2_olmsz{ position:relative; width:100%; text-align:center; background:#900; border:1px solid #093; color:#fff; text-shadow:1px 1px 2px #000; padding:5px; box-sizing:border-box;}
.drm2_iptl{ position:relative; width:100%; text-align:center; background:#F90; border:1px solid #093; color:#fff; text-shadow:1px 1px 2px #000; padding:5px; box-sizing:border-box;}
/*sozlesme yenileme oto */
.yenile-false{ position:relative; width:33px; height:26px; background: url(../img/icon/yenile-false.png);}
.yenile-true{ position:relative; width:33px; height:26px; background: url(../img/icon/yenile-true.png);}

.drm_true{ position:relative; width:100%; text-align:center; background:#A1D076; border:1px solid #093; color:#093; text-shadow:1px 1px 2px #ccc; padding:5px; box-sizing:border-box;}
.drm_false{ position:relative; width:100%; text-align:center; background:#C33; border:1px solid #900; color:#900; text-shadow:1px 1px 2px #ccc; padding:5px; box-sizing:border-box;}
/* DURUM CSS END */
/* PANEL CSS */
.top-bg{ position:relative; width:100%; height:60px; background: url(../img/top-bg.jpg) repeat-x; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.top-anasayfa{ position:relative; width:71px; height:60px; background: url(../img/top-anasayfa.jpg) no-repeat; cursor:pointer; float:left;}
.top-anasayfa:active{ opacity:0.5;}
.top-logo{ position:relative; width:158px; height:43px; margin-top:10px; margin-left:95px; background: url(../img/logo_03.png) no-repeat; float:left;}
.top-text{ position:relative; width:220px; height:60px; font:13px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; line-height:60px; float:left; padding-left:15px; box-sizing:border-box;}
.top-kull{ position:relative; width:47px; height:60px; background: url(../img/top-kull.jpg) no-repeat; cursor:pointer; float:right;}
.top-kull:active{ opacity:0.5;}
.top-kull-text{ position:relative; width:120px; height:60px; font:13px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; line-height:60px; box-sizing:border-box; float:right; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align:center;}
.top-kull-text div.sube{ position:absolute; bottom:3px; line-height:40px; width:120px; text-align:center; color:#CCC; font:12px Exo_normal;}
.top-datetime{ position:relative; width:135px; height:60px; font:13px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; line-height:60px; box-sizing:border-box; float:right; border-right:1px solid #fff;}
.top2-bg{ position:relative; width:100%; height:30px; padding-left:90px; color:#333; font:13px Exo_normal; line-height:30px; background: url(../img/top2-bg.jpg) repeat-x; box-sizing:border-box; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.menu{ position:relative; width:auto; font:18px Exo_normal; color:#0D1920; padding:0px 15px; line-height:60px; float:left; border-right:1px solid #666666; cursor:pointer;}
.menu:hover{ color:#069;}
.menu:active{ background: url(../img/top2-bg-over.jpg) repeat-x;}
.menu-right{ float:right;}
.top-kull-menu{ position:absolute; width:200px; height:360px; background:#0E1A2A; top:58px; right:0px; z-index:99; -webkit-box-shadow: -2px 4px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: -2px 4px 5px 0px rgba(0,0,0,0.75);box-shadow: -2px 4px 5px 0px rgba(0,0,0,0.75);}
.kull-menu{ position:relative; width:100%; height:60px; font:14px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; line-height:60px; padding-left:50px; border-bottom:3px solid #AAADB3; box-sizing:border-box; cursor:pointer;}
.kull-menu:hover{ color:#999;}
.kull-menu:active{ opacity:0.8;}
.kull-menu .firma{ position:absolute; left:9px; top:10px; width:28px; height:33px; background: url(../img/icon/klsfirma.png) no-repeat; }
.kull-menu .coklu{ position:absolute; left:9px; top:10px; width:28px; height:33px; background: url(../img/icon/coklu_islem.png) no-repeat; }
.kull-menu .kull{ position:absolute; left:9px; top:10px; width:28px; height:33px; background: url(../img/icon/kull.png) no-repeat; }
.kull-menu .cikis{ position:absolute; left:9px; top:10px; width:28px; height:33px; background: url(../img/icon/cikis.png) no-repeat; }
.kull-menu .masraf{ position:absolute; left:9px; top:10px; width:28px; height:33px; background: url(../img/icon/15.png) no-repeat; }
.kull-menu .nakitakis{ position:absolute; left:9px; top:10px; width:28px; height:33px; background: url(../img/icon/16.png) no-repeat; }
/* tesvik calisma */
.menu-sol2{
	position:absolute;
	top:0px;
	left:0px;
	width:73px;
	height:87px;
    background: url(../img/sol-menu-bg.png) repeat-y;
	z-index:10;
	padding-top:0px;
	border-bottom:3px solid #CCC;
	display:block;
}
.menu-list2{
	position:absolute;
	width:37px;
	height:37px;
	left:18px;
	top:25px;
	text-align:center;
	cursor:pointer;
	overflow: hidden;
	box-sizing:border-box;
}
.tesvik_menu{
	position:fixed;
	width:800px;
	top:8px;
	left:50%;
	margin-left:-400px;
	height:45px;
	z-index:100;
}
.tesvik_menu_list{
	position:relative;
	width:auto;
	height:auto;
	float:left;
	font:15px Exo_normal;
	background:#ff5353;
	margin:2px;
	border-radius:5px;
	padding:5px 10px;
	color:#fff;
	text-shadow:1px 1px 2px #000;
	-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; 
	cursor:pointer;
}
.tesvik_menu_list:hover{ background: #ff3535;}
/* tesvik calisma end */
.menu-sol{
	position:fixed;
	width:73px;
	height:100%;
    background: url(../img/sol-menu-bg.png) repeat-y;
	z-index:10;
	padding-top:0px;
}
.menu-list{
	position:relative;
	width:66px;
	height:53px;
	margin:0px auto;
	border-bottom:2px solid #0B1422;
	text-align:center;
	padding-top:7px;
	cursor:pointer;
	overflow: hidden;
	box-sizing:border-box;
}
.menu-list span{
	position:absolute;
	top:-2px;
	left:65px;
	min-width:170px;
	height:55px;
	background:#172C3D;
	font:15px Exo_normal;;
	color:#FFF;
	text-shadow:1px 2px 3px #000;
	border-bottom:2px solid #0B1422;
	border-top:2px solid #0B1422;
	border-right:1px solid #0B1422;
	text-align:left;
	padding-left:10px;
	line-height:55px;
	box-sizing:border-box;
}
.menu-list:hover{ background:#172C3D; overflow:visible;}
.page{ position:relative; width:calc(100% - 73px); height:auto; padding:0px 0px 0px -5px; box-sizing:border-box; margin: 10px 0px 0px 70px;}
.sayfa-title{ position:relative; width:100%; height:30px;}
.sayfa-title .title{ position:relative; width:50%; font:18px Exo_bold; color:#fff; text-shadow:1px 1px 2px #000; line-height:30px; margin-left:20px; margin-right:20px; box-sizing:border-box;}
.sayfa-title .title::before{}
.sayfa-title .title span{ font:12px Exo_bold; color:#999; text-shadow:1px 1px 2px #000; line-height:22px;}
.sayfa-bas{ position:relative; width:100%; height:63px; padding:5px 20px; box-sizing:border-box;}
.arama-text{ position:relative; float:left; }
.list-page{ position:relative; width:97%; margin:0px 20px; background:#fff;  padding:1px; box-sizing:border-box;}
.list-title{ position:relative; width:100%; height:36px; padding-left:10px; background: url(../img/list-bg.jpg) repeat-x; border:1px solid #101D27; font:15px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000;line-height:36px; box-sizing:border-box;}
.list2{ height:25px; background: url(../img/list2-bg.jpg) repeat-x; color:#fff; font:14px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000;}
.list2 td{ padding-left:5px; color:#fff; }
.list3{ height:25px; font:14px Exo_normal; color:#0E1922;}
.list3 td{ padding:5px; }
.list5 td{background: rgba(73,155,234,1);
background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 ); color:#fff; text-shadow:1px 1px 2px #000; padding:3px;}
.list4{ height:25px; font:14px Exo_normal; color:#fff;background: rgba(147,206,222,1);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1)));
background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );}
.list4 td{ padding:5px; color:#fff;}
.list-sayfa{ position:relative; width:97%; height:48px; margin:15px 20px; background:url(../img/list-sayfa-bg.jpg) repeat-x;  padding:1px; box-sizing:border-box; }
.list-sayfa-text{ width:50%; float:left; font:15px Exo_normal; color:#555555; padding-left:10px; line-height:48px; box-sizing:border-box;}
.list-sayfa-num{ width:50%; float:right; text-align:right; font:15px Exo_normal; color:#555555; line-height:48px; box-sizing:border-box;}
.table-div, .table-div td{ font:15px Exo_normal; color:#0D181F; padding:5px;}
.table-div2, .table-div2 td{ font:15px Exo_normal; padding:5px;}
.duzen-ac{ position:relative; width:120px; font:15px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; text-align:right; padding-right:15px; line-height:16px; float:right;  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;}
.duzen-ac::before{ position:absolute; width:16px; height:16px; content: url(../img/icon/duzelt.png); top:0px; left:0px;}
.duzen-ac:hover{ color:#0D181F; text-shadow:1px 1px 2px #fff;}
.duzen2-ac{ position:relative; width:120px; font:15px Exo_normal; color:#fff; text-shadow:1px 1px 2px #000; text-align:right; padding-right:15px; line-height:16px; float:right;  -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;}
.duzen2-ac::before{ position:absolute; width:16px; height:16px; content: url(../img/icon/sozlesme.png); top:0px; left:0px;}
.duzen2-ac:hover{ color:#0D181F; text-shadow:1px 1px 2px #fff;}
.admin{ position:relative; font:10px Exo_normal; color:#fff; background:#C33; border:1px solid #903; text-shadow:1px 1px 2px #000; border-radius:5px; width:80px; text-align:center; padding:2px; margin-left:10px;}
.btn-listpage{ position:relative;}
.firma-ekle-info{ position:relative; height:580px; width:100%; background:#DAF4D0; border:1px solid #B9ECAA; padding:10px; font:15px Exo_normal; color:#666; border-radius:10px; box-sizing:border-box;}
.firma-unvan-kck{ position:relative; width:100%; font:12px Exo_normal; color:#999;}
.firma-not-yazan{ position:relative; width:100%; font:16px Exo_bold; color:#06C; text-shadow:1px 1px 2px #999; padding:5px;  padding-left:30px; box-sizing:border-box;}
.firma-not-tarih{ position:absolute; top:0px; right:5px; width:150px; font:11px Exo_normal; color:#666; text-shadow:1px 1px 2px #fff; padding:5px; text-align:right;}
.firma-not-termin{ position:relative width:100%; font:12px Exo_normal; color:#666; text-shadow:1px 1px 2px #fff; padding:7px; text-align:left;}
.firma-not{ position:relative; width:100%; font:13px Exo_normal; color:#333; text-shadow:1px 1px 2px #fff; padding:5px; box-sizing:border-box;}
.firma-not-icons{ position:absolute; top:2px; left:0px; width:24px; height:24px; background: url(../img/icon/not.png) no-repeat;}
.frm-kisa-detay{ position:relative; padding:3px 8px; border:1px solid #099; background:#09C; font:14px Exo_normal; color:#FFF; text-shadow:1px 1px 2px #000; border-radius:10px; margin-right:4px; box-sizing:border-box;}
.oranListDiv{ position:relative; width:100%; min-height:500px; background:#f2f2f2; overflow-y:scroll;}
.OranListSatir{ position:relative; width:100%; height:45px;font:14px Exo_normal; border-bottom:1px solid #ccc; text-align:center; padding:5px; line-height:45px; box-sizing:border-box;}
.OranListSatir span{ position:absolute; top:15px; right:0px; cursor:pointer;}
.OranListSatir span:hover{ opacity:0.8;}
/* ANA SAYFA TASARIMI */
.ana{ padding:10px 30px; box-sizing:border-box;}
.ana-sag{ position:relative; width:18%; float:right;}
.ana-kutu{ position:relative; width:100%; height:auto; border:1px solid #666; -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75); background:#ddd;background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer; float:left; box-sizing:border-box; margin-bottom:20px;}
.ana-kutu:hover{background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );}
.ana-kutu-title{ position:relative; width:100%; height:35px; border-bottom:1px solid #CCC; font:18px Exo_bold; color:#333; text-align:center; padding:5px; box-sizing:border-box;}
.ana-kutu-say{ position:relative; font:70px Exo_bold; color:#666; text-align:center; line-height:140px; box-sizing:border-box;}
.ana-kutu-list{ position:relative; width:100%; height:35px; font:12px Exo_normal; color:#333; padding-left:10px; line-height:35px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.ana-kutu-list span{ float:right; padding-right:10px; font-weight:bold;}
.ana-kutu-list-title{ position:relative; width:100%; height:35px; font:12px Exo_bold; color:#333; font-weight:bold; padding-left:10px; line-height:35px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.ana-kutu-list-title span{ float:right; padding-right:10px; font-weight:bold;}
.ana-sol{ position:relative; width:81%; float:left; margin-right:1%; }
.ana-not-title{ position:relative; height:40px; font:18px Exo_bold; color:#333; background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 50%, rgba(244,244,244,1) 51%, rgba(242,242,242,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(50%, rgba(226,226,226,1)), color-stop(51%, rgba(244,244,244,1)), color-stop(100%, rgba(242,242,242,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 50%, rgba(244,244,244,1) 51%, rgba(242,242,242,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 50%, rgba(244,244,244,1) 51%, rgba(242,242,242,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 50%, rgba(244,244,244,1) 51%, rgba(242,242,242,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 50%, rgba(244,244,244,1) 51%, rgba(242,242,242,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 ); padding-left:10px; border-top-right-radius:5px;border-top-left-radius:5px; border-bottom:1px solid #999; margin-bottom:10px; line-height:40px; box-sizing:border-box;}
.ana-not-title span{ float:right; padding-right:10px; font:12px Exo_normal; line-height:40px; cursor:pointer;}
.ana-not-title span:hover{ text-decoration:underline;}
.ana-not-list{ position:relative; width:100%; float:left; margin-right:5%;}
.not{ position:relative; width:100%; }
.nots-balon{ border-radius:5px; border:1px solid #CCC; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75); margin-bottom:10px; padding:5px; box-sizing:border-box;-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.75);-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);}
.nots-balon:hover{background: rgba(226,226,226,1);
background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );}
.ana-firma-not-yazan{ position:relative; width:100%; font:14px Exo_bold; color:#333; text-shadow:1px 1px 2px #fff; padding:5px;  padding-left:30px; box-sizing:border-box;}
.ana-sol-bir{ width:50%; float:left;}
.ana-sol-iki{ width:49%; float:right;}
.not-firma{ font:13px Exo_normal; color:#09F;}
/* ANA SAYFA TASARIMI END */
/* SAYFA NUMARALARI */
.sayfaNum{ position:relative; padding:5px 10px; border:1px solid #ccc; border-radius:5px; font:18px Exo_bold; color:#666;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; cursor:pointer;}
.sayfaNum:hover{ background:#CCC; color:#fff; text-shadow:1px 1px 2px #000;}
.sayfaNum0{ position:relative; background:#F2F2F2; padding:5px 10px; border:1px solid #ccc; border-radius:5px; font:18px Exo_bold; color:#999;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* SAYFA NUMARALARI END */
/* SAYFA IMPORT LOAD */
.load{ position:relative; width:100%; height:250px; border:1px solid #066;overflow: hidden; box-sizing:border-box;}
.load-title{ position:absolute; width:100%; height:250px; top:0px; left:0px; font:18px Exo_normal; color:#333; text-shadow:1px 2px 2px #fff; text-align:center; padding-top:25px; box-sizing:border-box; z-index:99;}
.load-title2{ position:absolute; width:100%; height:250px; top:50px; left:0px; font:18px Exo_normal; color:#333; text-shadow:1px 2px 2px #fff; text-align:center; padding-top:25px; box-sizing:border-box; z-index:99;}
.load-title3{ position:absolute; width:100%; height:250px; top:80px; left:0px; font:12px Exo_normal; color:#333; text-shadow:1px 2px 2px #fff; text-align:center; padding-top:25px; box-sizing:border-box; z-index:99;}
.load-cubuk{ position:relative; width:100%; height:250px; background: rgba(210,255,82,1);
background: -moz-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,255,82,1)), color-stop(100%, rgba(145,232,66,1)));
background: -webkit-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -o-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -ms-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: linear-gradient(to right, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842', GradientType=1 );}
/* SAYFA IMPORT LOAD END */
/*SAYFA AYARLAR */
.ayarlar-sayfa{ position:relative; width:100%;}
.ayar-menu { position:relative; width:120px; float:left; margin:5px; border:2px solid #CDCDBB; box-sizing:border-box; cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; border-radius:7px;}
.ayar-menu:hover { border:2px solid #666; opacity:0.9;border-radius:7px;}
.ayar-menu-title{ position:relative; width:100%; height:36px; background:#E2E2D4; border-bottom:2px solid #CDCDBB; text-align:center; color:#0C191F; font:12px Exo_normal; line-height:36px; box-sizing:border-box;background: rgba(243,243,237,1);
background: -moz-linear-gradient(top, rgba(243,243,237,1) 0%, rgba(226,226,212,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,243,237,1)), color-stop(100%, rgba(226,226,212,1)));
background: -webkit-linear-gradient(top, rgba(243,243,237,1) 0%, rgba(226,226,212,1) 100%);
background: -o-linear-gradient(top, rgba(243,243,237,1) 0%, rgba(226,226,212,1) 100%);
background: -ms-linear-gradient(top, rgba(243,243,237,1) 0%, rgba(226,226,212,1) 100%);
background: linear-gradient(to bottom, rgba(243,243,237,1) 0%, rgba(226,226,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3ed', endColorstr='#e2e2d4', GradientType=0 );}
.ayar-menu-icon{ position:relative; height:50px; background:#E2E2D4; border-top:1px solid #f2f2f2;}
.ayar-menu-icon img{ position:absolute; width:40px; height:33px; top:50%; left:50%; margin-top:-16.5px; margin-left:-20px;}
/*SAYFA AYARLAR END*/
/* PANEL CSS END */