body{background-color:#f6f7fb !important; font-size:14px;}
button:focus, .btn:focus, input:focus, select:focus, textarea:focus{outline:none !important; box-shadow:none !important;}
.temaColor{color: #f7786a;}
.cursor-pointer{ cursor:pointer;}
.top{background-color:#FFFFFF; position:fixed;color: #404e67; min-height:56px; z-index:100; width:100%; left:0px; top:0px;    box-shadow: 0 0 11px rgba(0,0,0,.13); padding-right:20px; box-sizing:border-box;}
.mt-100{margin-top:90px !important;}
.logo{background-color:#404e67; width:200px; height:62px;}
.logo img{ margin-top:15px;}
#menuBolum{float:left; background-color:#404e67; width:200px; position:fixed;background: rgb(55,67,88);background: linear-gradient(90deg, rgba(55,67,88,1) 0%, rgba(45,54,70,1) 93%, rgba(39,46,59,1) 100%);}
.menu div{ width:100%; border-bottom:1px dashed rgba(255,255,255,.10); padding:6px 10px; color:#FFFFFF; font-size:14px;font-family: open sans,sans-serif; white-space:nowrap; position:relative; border-radius:50px;}
.menu div:hover{ background-color:rgba(0,0,0,.15); cursor:pointer;}
.menu div i{font-size:15px;  text-shadow:0px 0px 1px rgba(0,0,0,.4); color:#fd7a6b; min-width:28px;}
.aktifMenu{ color:#fd7a6b !important;}
/*
.aktifMenu:after
	{
	content:"";
	position:absolute;
	transform: translateY(-50%);
	top:50%;
	right:-10px;
	width:0;
	height: 0;
	border-style:solid;
	border-width: 18px 0 18px 10px;
	border-color: transparent transparent transparent #514552;
	}
*/
.border-01{border-color: rgba(255,255,255,.5)!important;}
.tableCss thead{background-color: #ffebcc;}
.table>:not(:first-child) {border-top:0px}




label{ width:100%; margin-bottom:2px; font-size:14px; margin-top:10px; color:#404e67}
.bgYellow{
    background: -webkit-gradient(linear,left top,right top,from(#fe9365),to(#feb798));
    background: linear-gradient(to right,#fe9365,#feb798);
}

.bgGreen{
    background: -webkit-gradient(linear,left top,right top,from(#0ac282),to(#0df3a3));
    background: linear-gradient(to right,#0ac282,#0df3a3);
}

.bgPink {
    background: -webkit-gradient(linear,left top,right top,from(#fe5d70),to(#fe909d));
    background: linear-gradient(to right,#fe5d70,#fe909d);
}

.bgLiteGreen {
    background: -webkit-gradient(linear,left top,right top,from(#01a9ac),to(#01dbdf));
    background: linear-gradient(to right,#01a9ac,#01dbdf);
}



.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    box-shadow: 0 1px 20px 0 rgba(69,90,100,.08);
    border: none;
    margin-bottom: 30px;
	padding:20px;
	box-sizing:border-box;
	color:#FFF;
	min-height:240px;
}
.topIcon div{ display:inline-block; width:43px; height:43px; text-align:center; padding-top:11px; border-radius:3px; font-size:20px; line-height:43px; margin-right:2px; color:rgba(255,255,255,1); background-color:rgba(0,0,0,.2); overflow:hidden; margin-top:3px; position:relative;}
.topIcon div:hover{ background-color:#fd7a6b; cursor:pointer;}
.topIcon div i{ text-shadow:0px 0px 1px rgba(0,0,0,.6);}

.sayfabolum{background-color:#FFFFFF; box-shadow: 0 1px 20px 0 rgba(69,90,100,.08); margin:16px 30px; border-radius:5px; box-sizing:border-box; min-height:340px; padding:2px;}
.sayfabolum2{margin:0px 30px; box-sizing:border-box; min-height:340px; padding:2px;}
.sayfabolumAlt{ margin:6px 20px;}
.chartBg2{background:#9ef9d9;border: 2px solid #e8fff7;box-shadow:4px 4px 2px rgba(0,0,0,.2);}
.chartBadge{ background-color:rgba(255,255,255,.6); padding:8px 20px; display:block; white-space:nowrap;}
.google-visualization-orgchart-table{width:100%;}
.google-visualization-orgchart-node {margin: 0;padding: 6px 4px !important; background:#ffebcc!important; border:2px solid #ffcd80!important; padding:14px 8px !important;  font-size:14px !important; color:#700c01;}

.google-visualization-orgchart-lineleft {border-left: 1px solid #ff8a7e !important;}
.google-visualization-orgchart-linebottom {border-bottom: 1px solid #ff8a7e!important;}
.google-visualization-orgchart-lineright {border-right: 1px solid #ff8a7e!important;}

table.dataTable thead th, table.dataTable thead td{
    padding: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #ffebcc;
}
.dataTables_wrapper .dataTables_paginate .paginate_button { border-radius:50%;}
input[type=text], input[type='mail'], input[type='password'], input[type='number'], textarea, .textBox, input[type=email], input[type=date] {
    border-radius: 5px;
    padding: 6px 8px;
    background-color: rgba(0,0,0,.06);
    border: 1px solid rgba(153,153,153,.4);
    vertical-align: middle;
    resize: none;
	
}

 input[type=search] {
    border-radius: 5px!important;
    padding: 5px 8px!important;
    background-color: rgba(0,0,0,.06)!important;
    border: 1px solid rgba(153,153,153,.4)!important;
    vertical-align: middle!important;
    resize: none!important;
	
}


select{border-radius: 5px!important;padding: 6px 8px;background-color: rgba(0,0,0,.06)!important;border: 1px solid rgba(153,153,153,.4)!important;vertical-align: middle;resize: none; height:35px;}
textarea:focus, input:focus, select:focus{outline: none;}


#example_length, #example_filter{ margin-bottom:20px;}
table.dataTable tbody th, table.dataTable tbody td {padding:5px 10px;}
.dataTable tbody tr:hover td {background-color:rgba(0,153,0,.1);}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.addButton{ font-size:30px; color:#f7786a; cursor:pointer; border:5px solid rgba(0,0,0,.05); border-radius:50%;}
#modalBolum .modal-body { background-color:rgba(0,0,0,.06);}
#modalText{ margin:6px; background-color:rgba(255,255,255,.6); padding:20px; border-radius:5px; box-sizing:border-box;}
.sayfaBaslik{color:#f7786a; font-size:22px;font-family: open sans,sans-serif;}
.baslik{ font-size:16px; color: #f7786a; padding-bottom:4px; border-bottom:1px solid rgba(0,0,0,.05);font-family: open sans,sans-serif;}
#pageAlert{position:absolute; position:absolute; bottom:30px; right:30px; z-index:20; display:none;}
.fa-ellipsis-v{ cursor:pointer; padding:2px 20px;}
.table td {
    padding:4px 10px !important;
}

.buttons-excel {
    background-color: #4eae7a;
    margin-left:10px;
    float: left;
	margin-top:12px;
    padding: 4px 12px;
    border-radius: 5px;
    border: 1px solid #4eae7a!important;
    font-size: .9em;
    color: white;
}
.dataTables_length{ margin-bottom:10px !important;}

.dropdown-menu{font-size:14px !important; padding:10px;}
.dropdown-item {border-bottom:1px solid rgba(255,255,255,.1)!important; cursor:pointer;}
.ortaBolum{float:left; width:calc(100% - 200px); margin-left:200px;}
.collapse .dtr-control{padding-left:35px !important;}
.users_name_2{ display:none;}
.topUser{border:1px solid rgba(0,0,0,.07);}
.dsBaslik{ font-size:14px; font-family: open sans,sans-serif; color:#4585a7 ; text-align:center; margin-bottom:6px; text-align:center;font-weight:bold; position:absolute; left:0px; top:0px; width:100%; padding:6px; background-color:#ddeef7; border-radius:1em 1em 0px 0px;}
.bg001{margin-bottom:34px;box-shadow: 1px 1px 1px rgba(0,0,0,.25);border-radius:3px; background-color:#d5ddeb !important;}


.mobileMenuIcon{display:none;}
.menuAc{ height:auto !important;overflow:auto !important;display:block !important;position:fixed !important;animation:animateleft .4s; width:200px !important;}@keyframes animateleft{from{left:-200px;opacity:0} to{left:0;opacity:1}}

.menuKapat{position:fixed;animation:animateright .4s;display:none; overflow:hidden; height:auto; left:-200px; width:0px;}@keyframes animateright{from{left:0;width:200px;}} 

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    background-color: #fb796b !important;
}

div.dataTables_processing{position:absolute; top:100px!important; background-color:rgba(255,255,255,.8); width:300px; color:#F60 !important; height:90%; left:0px !important; width:100%; margin-left:0px !important; margin-top:0px; padding-top:60px; z-index:40; min-height:150px !important;}

.borcBadge {
    padding:1px 1px 1px 10px;
    font-size:12px;
    color:#fff;
    text-align:center;
    border-radius:50px;
	background-color: rgba(0,0,0,.4);
	font-size:11px;
	margin:0 auto;
	line-height:20px;
	width:100px;
}

.borcBadge:hover{ cursor:pointer;background-color:#fd7a6b;}


.borcBadge2 {
    padding:0px 10px;
    font-size:12px;
    color:#fd7a6b;
    text-align:center;
    white-space:nowrap;
    border-radius:50px;
	background-color:rgba(255,255,255,1);
	font-size:11px;
	font-weight:bold;
	float:right;
	margin-left:5px;	
}



.daireOgrBadge {
    padding:1px 1px 1px 10px;
    font-size:14px !important;
    color:#fff;
    text-align:left;
    border-radius:50px;
	background-color:#519dc6;
	margin:0 auto;
	line-height:24px;
	width:140px;
	border:0px solid #ff5c49;
}

.daireOgrBadge:hover{background-color:#fd7a6b !important;}


.daireOgrBadge2 {
    padding:0px 10px;
    font-size:12px !important;
    color:#333333;
    text-align:center;
    white-space:nowrap;
    border-radius:50px;
	background-color:rgba(255,255,255,.8);
	font-weight:bold;
	float:right;
	margin-left:5px;	
}


.modal-header {
    padding: 12px 20px !important;
    background-color: #f7786a;
    color:#FFF !important;
}

.modal-content {
    box-shadow: 0px 0px 20px rgba(0,0,0,.25)!important;  
	border:0px !important; 
}

.pageTitle{
    background-color: #f6f7fb;
    width:100%;
    border-radius: 5px 5px 0px 0px;
    padding: 4px 20px;
	border-bottom:1px solid rgba(0,0,0,.03);
}

.odemeAlindi{margin:1px; padding:6px; text-align:center; border:1px solid rgba(0, 128, 0, .18); background-color:rgba(0, 128, 0, .08); height:100%; border-radius:1px;}
.odemeAlinmadi{margin:1px; padding:6px; text-align:center; border:1px solid rgba(255,0,0,.18); background-color:rgba(255, 0, 0, .08); height:100%;border-radius:1px;}
.odemeAlindi, .odemeAlinmadi{ color:rgba(0,0,0,1);}
.odemeAlindi i{color:rgba(0, 128, 0, .7)}
.odemeAlinmadi i{color:rgba(255, 0, 0, .5)}

.bgBottom{border-top-right-radius: 100%; width:30px; height:28px; padding:3px; position:absolute; left:-4px; bottom:-4px;}
.bgBottom i{ margin-top:7px; margin-left:6px; opacity:.8; font-size:10px;}


.input_container {
  border: 1px solid #fff;
  background-color:#f0e5c1;
  border-radius: 5px;
  cursor:pointer;
}

input[type=file]::file-selector-button {
  background-color: #fff;
  color: #000;
  border: 0px;
  border-right: 1px solid #e5e5e5;
  padding: 6px 15px;
  margin-right: 20px;
  transition: .5s;
 
  
}

input[type=file]::file-selector-button:hover {
  background-color: #eee;
  border: 0px;
  border-right: 1px solid #e5e5e5;
   cursor:pointer;
}

.nav-pills li button{ background-color:rgba(0,0,0,.2)!important; color:#FFFFFF;}
.nav-pills li button:hover{ background-color:rgba(0,0,0,.4)!important; color:#FFFFFF;}
.nav-pills li .active{ background-color:#fd7a6b!important;}
.tableCH{width:800px;}
#clock{font-size:18px; opacity:.5;}
.topTarih{line-height:18px;}



.select2 {
z-index:1201;
width:100% !important;
border-radius:5px!important;
padding: 6px 8px;
background-color:rgba(0,0,0,.06)!important;
border: 1px solid rgba(153,153,153,.4)!important;
vertical-align: middle;
resize: none;
height:35px;
}

.select2-container--default .select2-selection--single {
    background-color:transparent !important;
    border:0px !important;
    border-radius:0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height:inherit !important;
}

.select2-dropdown {
    background-color: white;
    border: 1px solid rgba(0,0,0,.14) !important;
    border-radius: 0px 0px 10px 10px!important;
	top:-1px;
	box-shadow:0px 20px 20px rgba(0,0,0,.2);
	padding:6px;
}
.select2-selection__rendered{ padding-left:4px !important;}
.select2-results__option{ border-bottom:1px solid rgba(0,0,0,.06); padding:2px 4px !important;}
.select2-container--focus{border: 1px solid rgba(153,153,153,.4)!important;}
.select2-container *:focus {outline: none;}

.copyrights{margin-left:230px; color:#999999;}
.activeTemaColor{background-color: #fd7a6b!important; border:1px solid #fd7a6b!important; color:#FFFFFF;}
.ExcelDInfo:after{ content:"Tüm listeyi indirmek için Sayfada bölümünden tümünü seçip Excel olarak indiriniz.";font-size:11px; font-style:italic; color:#03adf1;}
.redBgColor{ background-color:rgba(255,0,0,.12)!important;}
.greenBgColor{ background-color:rgba(0,153,51,.2)!important;}

.dBilgi{border-collapse: collapse;border-radius: 1em;overflow: hidden; position:relative; margin-top:40px;}
.dBilgi th, .dBilgi td {padding:0px 6px !important;background:#ddeef7;border-bottom: 1px solid rgba(255,255,255,.7); color:#333;}
table tr:last-child  td{border:0px !important; padding-bottom:12px !important;}
table tr:first-child  td{padding-top:12px !important;}
table.dataTable.stripe>tbody>tr.odd>*, table.dataTable.display>tbody>tr.odd>* {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.04);
}

.daireOgrList{ background-color:#FFFFFF;box-shadow: 0 1px 20px 0 rgba(69,90,100,.1); border-radius:1rem; padding:16px; margin-bottom:20px; position:relative; border:2px solid #FFF;}


@media (max-width:820px)
	{
	.topIcon{ position:absolute; width:100%; padding:0px; text-align:right; top:60px; right:0px;}
	.mt-100{margin-top:110px !important;}
	.tableCH{width:600px;}
	.topIcon div{width:36px; height:36px; text-align:center; padding-top:8px; font-size:18px; line-height:36px;}
	
	}

@media (max-width:480px)
	{
		.top{ background-color:#404e67;padding-right:10px;}
		#menuBolum{position:fixed;width:0px; overflow:hidden; z-index:10; width:0px;transition:0.5s; height: 100%;}
		.ortaBolum { width:96%; margin:0 auto; float:inherit;}
		.sayfabolum, .sayfabolum2{margin:20px 0px;}
		.sayfabolumAlt{ margin:6px 10px;}
		.users_name_1{ display:none;}
		.users_name_2{ display:block; color:#FFFFFF;}
		.topUser{ background-color:rgba(0,0,0,.05); color:#FFFFFF;border:1px solid rgba(255,255,255,.2)!important; padding:8px 12px; height:36px;}
		.topUser:hover{ background-color:rgba(0,0,0,.05);}
		.topTarih{ display:none;}
		
		
		.topUser:after{border-bottom:0px !important;border-left:0px !important;border-right:0px !important;border-top:0px !important;}
		.mobileMenuIcon{display:block;}
		.mobileMenuIcon button{display:block;background-color:rgba(0,0,0,.05); color:#FFFFFF;border:1px solid rgba(255,255,255,.2); padding:8px 12px; margin-left:10px;font-size: 1rem;border-radius: 0.25rem; height:36px;}
		#mobileMenu{display:block;}
		.tableCH{width:100%;}
		.topIcon{ position:absolute; width:100%; padding:6px; background-color:rgba(0,0,0,.1); text-align:center; top:64px; right:inherit; z-index:1;}
		.mt-100{margin-top:134px !important;}	
		.bildirimB{background-color:rgba(0,0,0,.05)!important; color:#FFFFFF;border:1px solid rgba(255,255,255,.2)!important;}
		.dt-buttons{ overflow:hidden; text-align:center;}
		.buttons-excel {margin-left:inherit;float:inherit;margin-top:0px; width:100px;}
		.dataTables_wrapper .dataTables_filter { margin-top:2px; margin-bottom:10px;}
		.copyrights{margin-left:inherit; text-align:center; margin-bottom:30px;}
		
	}