body, html { height: 100%; background: #eee;}
a:focus {
  outline: 0px;
}
.navbar{display:none; justify-content:space-between;align-items: center; border: none; margin-bottom: 1px solid #ccc;; border-radius: 0; }
.navbar:before, .navbar:after{display:none;}
.navbar .nav a { color: #333 !important; font-size: 16px; }
.navbar ul.dropdown-menu a { color: #666 !important; }
.navbar .nav { display: flex; justify-content: flex-end; align-items: center;}
.navbar .nav>li>a { font-size: 18px; }
.navbar .nav>li.notification-icon .fa{font-size:22px;margin-top:5px;}
.navbar .nav>li.membership .fa{font-size:24px;margin-top:2px; color:#0f6092}
.navbar .nav>li.notification-icon .badge{position: absolute; top: 10px; left: 50%; background: red;;}
.navbar-header i { padding: 3px; float: left; font-size: 22px; border: 1px solid transparent; color: #333; margin-left:12px; cursor: pointer }
.navbar .navbar-brand{color:#333; font-weight:bold; font-size:26px;padding-left:10px}
.navbar-brand-holder { display:flex; overflow: hidden; position: relative; z-index: 100; width: 200px; padding: 0; align-items: center; }
.navbar .user-menu{list-style: none;}
.navbar .top-photo{width:20px;height:20px; margin-right:15px;}
.navbar-in{display:flex; margin-bottom:10px;justify-content: space-between; align-items: center;}
.navbar-in .notification-icon{position:relative; margin-top:5px;}
.navbar-in .notification-icon a{color:#333;}
.navbar-in .notification-icon .fa{font-size:20px;}
.navbar-in .notification-icon .badge{position: absolute; top: 10px; left: 50%; background: red;;}


.header{display:flex; justify-content: space-between;}
.border-bottom{border-bottom:1px solid #eee;}
.border-top{border-bottom:1px solid #eee;}
.border-left{border-left:1px solid #eee;}


.pie { position: relative; text-align: center; }
.pie-head{display:flex; justify-content: center; align-items: center; height:60px;}
.pie-head h3 { font-size: 22px; color: #333; font-weight: 300 }
.pie-title { position: absolute; z-index: 0; width: 100%; top: 49%; }
.pie-title .money { font-size: 30px; }
.pie-title .title { color: #444; font-size: 14px; font-weight: 300 }
.pie-details .item { position: relative; margin-bottom: 6px; }
.pie-details .item .square { width: 18px; height: 18px; border-radius: 3px; position: absolute; left: 0; top: 0; }
.pie-details .item .title { margin-left: 25px; }
.pie-details .item .title .money-format { text-align: left; font-size: 16px; }
.pie-add-border { border-left: 1px solid #ddd; }


.top-totals{border:1px solid #ccc; margin:0; border-radius:8px; padding:20px 0; background-color: #fff; margin-bottom:20px;}

.top-info { display: none; background: #fff5bf; text-align: center; position: fixed; top: 0; width: 100%; height: 35px; line-height: 35px; z-index: 121; font-size: 12px; }

.show-top-info .navbar-fixed-top { top: 35px; }
.show-top-info .top-info { display: block; }
.show-top-info .main-container { padding-top: 35px; }
.mono { font-family: 'Inter' !important; }
.currency-select-mini{position: relative;}
.currency-select-mini .currency-select{width:200px; text-align:left; position:absolute; right:0; z-index:101}
.btn-login { background: rgba(0, 0, 0, 0); border: 1px solid #999 !important; color: #444; }
.btn-lg2 { padding: 7px 12px 6px; font-size: 1.2em; }
.input-lg2 { padding: 15px 12px 15px; font-size: 1.2em; height:40px; }

.split-two-md{display:flex;justify-content: space-between;}

i.text-warning2 {
	color: #E88E41;
}

.btn-success {
	border-color: #7ab278;
}

.btn-warning {
	border-color: #E88E41;
	background: #E88E41;
}

.btn-login.btn-lg {
	color: #666;
}

.btn-reverse.btn-warning {
	background: transparent;
	color: #E88E41
}

.btn-reverse.btn-danger {
	background: transparent;
	color: #ac2925
}

.btn-reverse.btn-success {
	background: transparent;
	color: #6ba069
}

.btn-reverse.btn-info {
	background: transparent;
	color: #46B8D9
}

.btn-reverse.btn-success:hover {
	background: #7ab278;
	color: #fff;
}

.btn-reverse.btn-default {
	border-color: #aaa;
}

.sidebar { position: fixed; left: 0; padding: 0px; width: 230px; float: left; top: 0px; padding-top: 20px; height: 100%; z-index: 120; bottom: 0; background: #222; display:flex; flex-direction: column; justify-content: space-between; }
.sidebar .logo img{height: 25px;margin:15px 17px 30px;}
.sidebar .main-menu{flex-grow:1; overflow:hidden;}

.show-top-info .sidebar { padding-top: 100px; }

.sidebar > ul > li{border-top:0.2px solid #000 ;}
.sidebar li:focus{background:#222;}

.sidebar li a i {
	margin-right: 8px;
}

.sidebar li a:hover{background-color: #222;}
.sidebar>ul>li>a {
	font-size: 15px;
	color: #ccc;
	padding: 12px 14px;
	position: relative;
}

.sidebar>ul>li>a i {
	font-size: 20px;
}

.row-cancel td{text-decoration: line-through;}

.sidebar .fa-angle-down{font-size:15px; opacity: .6; margin-top:4px;}

.sidebar ul > li > a:hover, .sidebar ul > li > a:focus{background-color: #222;}
.sidebar ul > li:hover, .sidebar ul > li:focus{background-color: #222;}


.sidebar>ul>li.active>a {
	color: #5FC4DF;
	font-weight: 600;
}

.sidebar>ul>li li {
	display: block;
	padding: 5px 0;
}

.sidebar>ul>li li a {
	font-size: 14px;
	color: #bbb;
	padding: 13px 5px;
}

.sidebar>ul>li ul {
	display: none;
	padding-left: 45px;
	padding-bottom:14px;
}

.sidebar>ul>li.has-sub.active{background: #222;}
.sidebar>ul>li li.active a {
	font-weight: bold;
}

.sidebar>ul>li.active ul {
	display: block;
}

.ei-tbody tr:first-child td{background:#fcf8e3!important;}
.ei-tbody tr.bosluk td{background:#eee!important;}


.navi {
	font-size: 26px;
	color: #333;
	margin-left: 0px;
	padding-top: 4px;
	margin-right: 30px;
}

.navi .navi-item{display:inline-block;}
.navi .navi-item a{color:#333;}
.navi .navi-slash{display:inline-block; color:#999; margin:0 10px;}

.filter-btns{
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap:20px;
}
.bottom-pager{position: absolute; right:15px; bottom:0; background: red;}

.filter-info{padding:10px; background: #fffac3; border-radius:8px; margin-top:10px;position:relative;}
.filter-info .close{position:absolute; right:20px; top:calc(50% - 6px); font-size:12px; text-decoration: underline; font-weight:100; color:#000; opacity: 1;}

.fast-search{flex-grow:1; position: relative;}
.fast-search i.fa-search{position: absolute; left:12px; top:10px; font-size:18px; color:#777;z-index:99}
.fast-search .close{position: absolute; right:12px; top:10px; font-size:18px; }
.fast-search .close.with-filter{right:120px;z-index:100}
.fast-search input{background-color: #eee; padding-left:35px;}

.search-body .clear{right:40px!important;}
.search-body .search-placeholder{text-align:center; padding:30px 0;}
.search-body .search-placeholder .fa{font-size:50px; margin-bottom:20px;color:#aaa;}
.search-list{margin-bottom:0px;}
.search-list li{cursor: pointer;position:relative;}
.search-list li .remove-line{position:absolute; right:14px; top:10px; color:#aaa;}
.search-list li:hover{background:rgb(204, 229, 251)}
.search-list .icon{margin-left:5px; margin-right:12px;}


.filter-detail{padding:10px 0;}

.left-side{
	flex-grow: 1;
	display:flex;
	align-items: top;
	align-items: flex-start;
	gap:20px;
}

.navi .back {
	display: none;
}



.panel-startup {
	padding: 0px 40px 25px;
	position: relative;
}

.panel-startup p.info {
	opacity: .8;
	font-size: 12px;
}


.panel-startup .close {
	font-weight: 300;
	right: 20px;
	position: absolute;
}

.panel-startup:hover .close {
	visibility: visible;
}

.panel-startup .step {
	font-size: 16px;
	padding: 5px 20px;
}

.right-side{display:flex; align-items: center; }

.panel-startup .step i {
	display: none;
}

.input-date-range{vertical-align: top;}

.panel-startup .step.done span {
	display: none;
}

.panel-startup .step.done i {
	display: inline;
}

.panel-startup .step.done {
	color: green
}

.panel-startup .step.done a {
	color: green
}

.panel-startup .step .step-icon {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #ddd;
	border-radius: 30px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
}

.panel-startup .step .step-info {
	display: inline-block;
	padding-left: 10px;
}

.currency-symbol{font-size:18px; font-weight: bold; color:#888;}
.dropdown-toggle:hover{text-decoration: none;}

[v-cloak]{display: none;}

.input-group-addon a{text-decoration: none; color:#333}


.table-invoice input { width: 100%; }
.table-invoice tbody td, .table-invoice thead th, .table-invoice tfoot th{padding: 12px!important;}
.table-invoice tbody tr td:first-child, .table-invoice tfoot tr td:first-child, .table-invoice thead tr th:first-child { padding-left: 15px!important;}
.table-invoice input { font-family: 'Inter'; font-size: 16px; }
.table-invoice thead th { background-color: #fafafa; color: #777; }
.table-invoice .line td{border-top-color: #ddd !important; }
.table-invoice .extra-line td{border-top:none!important; padding-top:0!important;}
.table-invoice .extra-line .propertys{position:relative; margin-bottom:12px;}
.table-invoice .extra-line .propertys .property-delete{position:absolute;right:-25px;top:5px;}
.table-invoice .table-totals{padding-top:50px;}
.table-invoice .table-totals .table-totals-group{width:100%;border-top:1px solid #ddd; padding:15px 30px; }
.table-invoice .table-totals .table-totals-group .table-totals-item{width:100%;display:flex;justify-content:space-between; align-items:center; position:relative;}
.table-invoice .table-totals .table-totals-group .table-totals-item .control-btn{position:absolute; right:-75px; top:0px;}
.table-invoice .table-totals .table-totals-group .title{font-weight:600; color:#666;}
.table-invoice .table-totals .table-totals-group .amount{width:200px; text-align:right;}
.table-invoice .table-totals .money-format{font-size:1.8rem; color:#555;}
.table-invoice .table-totals .money-format.big{font-size:2.5rem; color:#000; font-weight:600;}
.table-invoice .table-total {margin-top: 30px !important;}
.table-invoice .table-total tr th {color: #444;vertical-align: middle; padding:10px!important;}
.table-invoice .table-total tr td {padding:0;}
.table-invoice .table-total tr.line td{border-top:1px solid #dedede;height:2px; padding:0!important;}
.table-invoice .table-total tr th:last-child {border-top: none;}
.table-invoice .table-total tr th i {font-size: 13px !important;color: #777;}
.table-invoice .table-total tr.line-otv {display: none;}
.table-invoice .table-total.has-otv tr.line-otv {display: table-row;}
.table-invoice .table-total tr.line-oiv {display: none;}
.table-invoice .table-total.has-oiv tr.line-oiv {display: table-row;}
.table-invoice .property {margin-top: 20px;position: relative;}
.table-invoice .property .property-title {position: absolute;left: -75px;top: 6px;text-align: right;}
.table-invoice .property .property-delete { position: absolute; right: -30px; top: 0px; text-align: right; }
.table-invoice .property:hover .property-delete { display: block; }
.table-invoice .table-total tr th:first-child { font-size: 13px; }
.table-invoice .taxes{position: relative; margin-bottom:12px;}
.table-invoice .taxes:last-child{margin-bottom:0px;}
.table-invoice .taxes .tax-data{color: #000; text-align:right;position: relative; text-decoration: underline; font-size:12px;}
.table-invoice .taxes .tax-del{position:absolute; right:-18px; top:0px;font-size:12px;}
.table-invoice .line-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px; border-top:0;
}


#dialog_xs .modal-dialog{max-width: 350px;}

/* xs screen */
@media (max-width: 480px) {


	.pie-title .money { font-size: 20px; }
	.pie-title .title { font-size:12px;}
	.pie-title { top: 57%; }
	.pie-details .item .title { font-size:14px;}
	.top-border{border-top:1px solid #ddd; padding-top:10px;}
	.border-right-bottom{border-bottom:1px solid #ddd;}
	.pt-xs-3{padding-top:30px;}
	.fc-toolbar .fc-toolbar-chunk:last-child{display:none;}
}

@media (max-width: 768px) {
	.main-menu{margin-top:60px;}
	.navbar{display:flex}
	.navi,.navi a{ color: #333; font-size: 20px; font-weight: 700; }
	.sidebar { left: -250px; display:block; -webkit-transition: left .5s; }
	.sidebar ul:first-of-type li:first-child{border-top:0;}
	.sidebar li:last-child{border-bottom:0;}


	.main { margin-left: 0px; padding-top: 8px; }

	.toggle-sidebar .sidebar { left: 0; -webkit-transition: left .5s; }

	.left-side{flex-direction: column;flex-grow:1}

	/* .right-side .btn-group{width:100%;} */

	.left-side .fast-search{width:100%;}

	.btn-lg2 {padding: 6px 7px 4px;}
	.input-lg2 {padding: 6px 7px 4px;font-size: 1.2em;height:35px;}

	.hesaplar-daire-bakiye {
		float: none !important;
		display: block;
		font-size: 13px;
		color: #888;
	}

	.input-date-range span {
		display: none;
	}

	.main-container {
		padding-top: 55px;
	}

	.show-top-info .main-container {
		padding-top: 95px;
	}

	.panel-startup {
		padding: 0px 10px 25px;
	}


	.table-invoice {
		display: block;
	  }
	  .table-invoice thead {
		display: none;
	  }
	  .table-invoice tbody, .table-invoice tr, .table-invoice td {
		display: block;
		width: 100%;
	  }
	.table-invoice tbody td {
		position: relative;
		border: none;
		border-bottom: 1px solid #eee;
		padding-left: 15px!important;
	  }
	  .table-invoice td::before {
		font-size:92%;
		display:block;
		padding-bottom:3px;
		white-space: nowrap;
		content: attr(data-label);
		font-weight: bold;
		color: #333;
	  }

	  .table-invoice .extra-line td > div{margin-right:30px;}
	  .with-filter{right:50px!important;z-index: 100;}
	  .split-two-md{display:flex;flex-direction: column;}

	  #dialog_xs .modal-dialog{max-width: 100%;}
}

@media (min-width: 768px) {



	.main {
		margin-left: 240px;
		padding-top: 10px;
	}

	.hide-sidebar .sidebar{display:none;}
	.hide-sidebar .main{margin-left:0;}


	.toggle-sidebar .sidebar {
		width: 50px;
		background: #fff;
		-webkit-transition: width .2s;
	}

	.toggle-sidebar .sidebar>ul>li {
		overflow: visible;
	}

	.toggle-sidebar .sidebar>ul>li>a span {
		display: none;
		position: absolute;
	}

	.toggle-sidebar .sidebar>ul>li:hover>a {
		background: #fff;
		box-shadow: 1px 1px 2px #ccc;
	}

	.toggle-sidebar .sidebar>ul>li:hover>a span {
		display: block;
		left: 50px;
		top: 0px;
		white-space: nowrap;
		background: #eee;
		z-index: 9;
		padding: 8px 10px;
		background: #fff;
		box-shadow: 1px 1px 2px #ccc;
		width: 140px;
	}

	.toggle-sidebar .sidebar>ul>li:hover>a.has-sub-menu span {
		width: 140px;
		display: block;
		left: 50px;
		top: 0px;
		white-space: nowrap;
		background: #eee;
		z-index: 2;
		padding: 10px;
		background: #fff;
		box-shadow: 1px 1px 2px #ccc;
	}

	.toggle-sidebar .sidebar>ul>li ul {
		width: 140px;
		padding: 5px 0;
		position: absolute;
		left: 50px;
		background: #fff;
		display: none !important;
		top: 36px;
		z-index: 4;
		box-shadow: 1px 1px 2px #ddd;
	}

	.toggle-sidebar .sidebar>ul>li:hover ul {
		display: block !important;
	}

	.toggle-sidebar .sidebar>ul>li li {
		width: 100%;
		padding: 5px;
	}

	.toggle-sidebar .sidebar>ul>li li a {
		width: 100%;
		padding: 10px 5px;
	}

	.toggle-sidebar .main {
		margin-left: 55px;
	}

	.toggle-sidebar .navbar-brand {
		width: 0px;
		-webkit-transition: width .2s;
	}

	.toggle-sidebar .navbar-brand span {
		display: none;
	}

	.head-btns.pull-left .btn-group {
		margin-right: 20px;
	}
}

@media (max-width: 992px) {
	.form-proje input {
		width: 120px !important;
	}

	.form-proje select {
		width: 120px !important;
	}

	.odeme-metodu .control-label {
		text-align: left;
	}
}

@media (min-width: 992px) {
	.panel-form {
		position: relative;
	}

	.panel-form .form-kategori {
		max-width: 20%;
		position: absolute;
		top: 110px;
		right: 30px;
		background: #f2f2f2;
		padding: 10px 5px 20px;
		border-radius: 8px;
	}

	.panel-form .form-kategori label {
		width: 100%;
		text-align: left;
		font-size: 14px;
	}

	.panel-form .form-kategori input {
		margin: 5px 0;
	}

	.panel-form .form-kategori .form-kategori-not {
		font-size: 12px;
		font-weight: 300
	}

	.panel-form .form-kategori .add-on-edit {
		width: 100%;
	}

}

@media(max-width:1200px) {
	.pie-details {
		width: 140px;
		margin: 10px auto !important;
	}
}

@media(min-width:1200px) {
	.pie-details {
		margin-top: 70px;
	}

	.detail .col-lg-9 {
		width: 70%;
	}

	.detail .col-lg-3 {
		width: 30%;
	}
}

.sidebar-hidden .sidebar {
	display: none;
}

.sidebar-hidden .main {
	margin-left: 0;
}


.grid-holder {
	clear: both;
	margin-top: 15px;
}

.grid-holder table td {
	background: #fff;
	padding: 10px !important;
	vertical-align: middle !important;
}

.grid-holder thead th {
	border-bottom: 0 !important;
	color: #555;
	padding: 12px 10px !important;
}

.grid-holder tbody td {
	border-top-color: transparent;
	vertical-align: middle
}

.grid-holder tbody tr {
	cursor: pointer;
}

.grid-holder tbody tr:first-child td {
	border-top: none;
}

.grid-holder tbody tr:first-child td:first-child {
	border-radius: 6px 0 0 0
}

.grid-holder tbody tr:first-child td:last-child {
	border-radius: 0 6px 0 0
}

.grid-holder tbody tr:last-child td:first-child {
	border-radius: 0 0 0 6px;
}

.grid-holder tbody tr:last-child td:last-child {
	border-radius: 0 0 6px 0
}


.grid-holder tbody td .fa-stack {
	height: 36px;
}

.grid-holder tbody td .fa-stack-2x {
	height: 40px;
	font-size: 40px;
}

.grid-holder tbody td .fa-stack-1x {
	height: 40px;
}

.grid-holder td small {
	font-size: 75% !important;
	display: block;
	margin-top: 0px;
}

.grid-holder td small .text-muted {
	color: #999 !important;
}


.grid-bottom {
	margin-bottom: 10px;
}


.grid-pager {
    margin-left: 10px;
    margin: 0;
    float: right;
    display: flex;
    align-items: center
}

.grid-pager select {
    margin: 0 10px;
    background: 0 0
}

.grid-pager .pager-last {
    margin-left: 10px;
    font-weight: 700
}

.grid-pager .pager-nav {
    font-size: 20px;
    margin-left: 15px
}


.grid-pager>span {
	display: inline-block;
	display: inline-block;
	vertical-align: top;
	margin-top: 4px;
	margin-right: 10px;
	color: #888;
}

.grid-pager ul {
	padding: 0;
	margin: 0;
}

.grid-pager .pagination>li>a,
.pagination>li>span {
	background: none;
	border: none;
	margin-left: 1px;
	border-radius: 5px;
	font-size: 14px;
}

.grid-pager .pagination>li.active>a {
	background: #ec971f;
}

.grid-arama {
	padding: 12px 8px 15px;
	font-size: 13px;
}

.grid-arama .gizli {
	display: none;
}

.grid-holder .label a {
	color: #fff;
}

.form-explain {
	padding-left: 10px;
	font-size: 12px;
	color: #888;
	padding-top: 4px;
	text-align: right
}

.head h3 {
	font-weight: 400 !important;
}

.head h3 a {
	color: #666;
}

.head h3>.btn-group {
	margin-right: 10px;
}

.btn-group input[type=radio]{display:none;}

.head h3>.label {
	font-size: 13px;
	font-weight: normal;
}

.head .head-btns {
	padding-top: 0px;
	padding-bottom: 10px;
}

.grid-search-button.hidden-xs {
	display: inline-block !important;
}





.ln-aidat-odendi,
.ln-aidat-odendi a {
	color: #3c763d;
}

.ln-aidat-gecikti,
.ln-aidat-gecikti a {
	color: red !important;
}

.ln-trans-cansel,
.ln-trans-cansel a {
	color: #8a6d3b !important;
	text-decoration: line-through
}

.ln-aidat-bekliyor,
.ln-aidat-bekliyor a {
	color: #333;
}

.ln-check-status-delayed,
.ln-check-status-delayed td>a,
.ln-expense-unpaid3,
.ln-expense-unpaid3 td>a,
.ln-expense-unpaid3 .list-icon {
	color: #b94a48 !important;
}

.ln-expense-paid,
.ln-expense-paid td>a {
	color: #3c763d;
}

.ln-check-status-paid,
.ln-check-status-paid td>a {
	color: #3c763d;
}

.ln-check-status-transfered,
.ln-check-status-transfered td>a {
	color: #3c763d;
}


.ln-tedarikci-B {
	color: red !important;
}

.detail {
	margin-top: 5px;
}

.detail .panel {
	background: #fff;
}

.detail .table {
	font-size: 16px;
	margin-bottom: 0;
}

.detail .table-detail td {
	padding: 15px;
	border-top: none;
	font-size: 15px;
}

.detail .table-detail thead td {
	background: #f6f6f6
}

.detail .table-detail .big-title-icon {
	color: #888;
	font-size: 38px;
	text-align: center;
	padding: 0px 0 0 7px !important;
}

.detail .table-detail td.big-title {
	color: #444;
	font-size: 24px;
}

.detail .table-detail td.small-title {
	font-size: 14px;
	color: #333;
	font-weight: 600
}

.detail .table-detail tr.line-small td {
	padding: 10px 15px
}

.detail .table-detail tr.line-last td {
	padding-bottom: 22px
}

.detail .table-detail tbody tr.line-small:last-child td {
	padding: 10px 15px 10px;
}

.detail .table-detail-small th {
	font-size: 14px;
}

.detail .table-detail-small td {
	font-size: 14px;
}

.detail .line-small .badge {
	font-size: 14px;
	padding: 4px 8px;
}

.detail .line-small .badge a:hover {
	text-decoration: none;
}

#queue {
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	height: 178px;
	margin-bottom: 5px;
	overflow: auto;
	padding: 3px;
	width: 300px;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 999px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

#file_upload {
	cursor: crosshair;
}

.btn-upload {
	border: 1px solid #bbb;
	border-radius: 6px;
	font-size: 16px;
	cursor: crosshair;
}

.btn-upload-sm {
	border: 1px solid #bbb;
	border-radius: 6px;
	font-size: 14px;
	cursor: crosshair;
}

.grid-bottom {
	display: none;
}

.input-group-icon {
	position: relative;
}

.input-group-icon>i {
	position: absolute;
	top: 20%;
	right: 10px;
	color: #777;
}

.input-group-icon .input-group-icon-addon a {
	cursor: pointer;
}

.input-group-icon .input-group-icon-addon i {
	font-size: 13px;
	color: #999;
}

.input-group-icon .input-group-icon-addon {
	position: absolute;
	top: 20%;
	right: 15px;
	text-align: right !important;
}

.input-group-icon.input-group-icon-lg .input-group-icon-addon {
	position: absolute;
	top: 31%;
	right: 15px;
	width: 40px;
	text-align:right
}

.input-group-icon.input-group-icon-lg .input-group-icon-addon.currency-addon {top: 25%;}
.input-group-icon .input-group-icon-addon.currency-addon {top: 20%; font-size:10px!important;}
.input-group-icon .input-group-icon-addon.currency-addon .currency-symbol{font-size:16px;}
.select-mini .currency-symbol{font-size:15px;}

.input-group-icon.input-group-icon-lg .input-group-icon-addon i {
	font-size: 18px;
}

.input-group-icon input {
	padding-right: 0px;
}

.dropdown-global .vals {
	color: #999;
}

.head .alert {
	margin-bottom: 3px;
	margin-bottom: 15px;
}

.font-mono {
	font-family: "Inter"
}

.money-format {font-family: "Inter"; white-space: nowrap}
.money-format .money-float {opacity: .5; font-weight: 200;font-size:75%;}
.money-format .money-symbol {opacity: .5; font-weight: 400;font-size:75%; margin-left:6px;}

.money-format-currency {
	opacity: .8;
	font-size: 75%;
}

.icon-code {
	width: 35px;
	height: 35px;
	background: #d8d8d8;
	padding: 5px;
	display: inline-block;
	border-radius: 5px !important;
	line-height: 24px;
	text-align: center;
	font-weight: bold !important;
	color: #666;
	font-size: 13px;
}

.icon-code.icon-code-sm {
	width: 25px;
	height: 25px;
	background: #eee;
	padding: 5px;
	display: inline-block;
	border-radius: 30px !important;
	line-height: 18px;
	text-align: center;
	font-weight: bold !important;
	color: #666;
	font-size: 12px;
}

.icon-code.icon-code-lg {
	width: 45px;
	height: 45px;
	background: #d8d8d8;
	padding: 0px;
	display: inline-block;
	border-radius: 30px;
	line-height: 43px;
	text-align: center;
	font-weight: bold !important;
	color: #666;
	font-size: 16px;
	margin-top: -5px !important;
}

tr.transparent td {
	background: #f6f6f6;
}

.panel-kart .tab-content {
	border-top: none;
	padding: 15px;
	border-radius: 0 0 7px 7px;
	background: #fff;
}

.tab-pane .top-button {
	padding: 0px 0px;
	border-radius: 4px;
	margin-top: 0px;
	margin-bottom: 5px;
}



.tab-pane .top-button div.links {
	margin-top: 10px;
	margin-bottom: 20px;
}

.tab-pane .top-button div.links>a {
	font-size: 14px;
	font-weight: normal;
	border-radius: 8px;
	padding: 6px 12px;
	margin-right: 4px;
}

.badge{border-radius: 4px;}

.tab-pane .top-button div.links>a.label-default {
	background: #e8e8e8;
	color: #000;
}

.tab-pane .top-button div.links .btn-default {
	border-radius: 12px !important;
	padding: 3px 12px;
}

.tab-pane .top-button hr {
	margin: 8px 0px;
	border: 1px solid #f2f2f2;
	border-bottom: 0
}

.btn-dark {
	background: #eee;
	color: #333
}

.btn-black {
	background: #999;
	color: #fff
}

.panel-kart .nav-tabs>li {
	margin-right: 2px;
}

.panel-kart .nav-tabs>li a {
	background: #ddd;
	padding: 6px 12px;
	color: #666;
	font-size: 16px;
	border-bottom: none !important;
}

.panel-kart .nav-tabs>li.active a {
	background: #fff;
	border: 0;
	border-bottom: 1px solid #fff !important
}

.table-collection-list tbody tr {
	cursor: pointer;
}

.datepicker.dropdown-menu {
	z-index: 10000 !important;
}

.card-add-new-data {
	margin: 3px 0px 15px;
	font-size: 15px;
	height: 40px;
	cursor: pointer
}



.table>thead>tr>th {
	vertical-align: bottom;
}

.table>thead>tr>th a {
	color: #555;
}

.mce-tinymce {
	border-width: 1px !important;
}

.fix-bottom {
	margin-top: 50px;
}

.grid-small {
	font-size: 12px;
	color: #999;
}

.grid-small2 {
	font-size: 13px;
	color: #999;
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	2% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	4% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	6% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	8% {
		-webkit-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}

	10% {
		-webkit-transform: rotate(22deg);
		transform: rotate(22deg);
	}

	12% {
		-webkit-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	14% {
		-webkit-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}

	18% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
	}

	20% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes ring {
	0% {
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}

	2% {
		-webkit-transform: rotate(15deg);
		-ms-transform: rotate(15deg);
		transform: rotate(15deg);
	}

	4% {
		-webkit-transform: rotate(-18deg);
		-ms-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	6% {
		-webkit-transform: rotate(18deg);
		-ms-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	8% {
		-webkit-transform: rotate(-22deg);
		-ms-transform: rotate(-22deg);
		transform: rotate(-22deg);
	}

	10% {
		-webkit-transform: rotate(22deg);
		-ms-transform: rotate(22deg);
		transform: rotate(22deg);
	}

	12% {
		-webkit-transform: rotate(-18deg);
		-ms-transform: rotate(-18deg);
		transform: rotate(-18deg);
	}

	14% {
		-webkit-transform: rotate(18deg);
		-ms-transform: rotate(18deg);
		transform: rotate(18deg);
	}

	16% {
		-webkit-transform: rotate(-12deg);
		-ms-transform: rotate(-12deg);
		transform: rotate(-12deg);
	}

	18% {
		-webkit-transform: rotate(12deg);
		-ms-transform: rotate(12deg);
		transform: rotate(12deg);
	}

	20% {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover>.faa-ring {
	-webkit-animation: ring 2s ease infinite;
	animation: ring 2s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0px;
	transform-origin-z: initial;
}

.rotate {
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

.modal-title {
	padding-bottom: 3px;
}

.modal-body {
	padding: 12px 15px 10px;
	background: #f4f4f4;
}

.modal-body .form-group {
	margin-bottom: 10px;
}

.modal-body .control-label {
	text-align: left;
	padding-right: 0;
}

.modal hr {
	margin: 15px -15px 12px;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
}

.ui-menu {
	z-index: 10000 !important;
}

.ui-menu .li-kategori {
	padding: 2px 5px 5px 6px;
	font-size: 15px;
}

.ui-autocomplete li {
	border-top: 1px solid #eee;
}

.ui-draggable-dragging {
	display: block;
	width: 75%;
	border: 1px solid #ddd;
}

.add-on-edit {
	position: relative;
}

.add-on-edit small {
	position: absolute;
	right: 24px;
	top: 7px;
	color: #FFF;
	background: #5BC0DE;
	border-radius: 3px;
	padding: 2px 5px;
}

.add-on-edit .input-group-icon small {
	right: 10px;
	z-index: 1
}

.add-on-edit.add-on-edit-lg .input-group-icon small {
	right: 10px;
	top: 12px;
	padding: 3px 7px;
}

.no-wrap {
	white-space: nowrap;
}

.control-label {
	color: #555;
}

.control-label-lg {
	padding-top: 10px !important;
}

.control-label-sm {
	font-size: 92%
}

.modal-backdrop.in {
	opacity: .6
}

.detail .panel {
	border: none;
}

.detail .detail-left .panel {
	padding-top: 12px;
}

.detail .detail-right .panel {
	padding-top: 5px;
}

.detail .panel-gray {
	background: #fff;
}

.detail .table {
	margin-bottom: 10px;
}

.detail .table td {
	padding: 15px;
}

.detail .table th {
	padding: 15px;
}

.detail .table .big-title-icon {
	color: #888;
	font-size: 38px;
	text-align: center;
	padding: 0px 0 0 7px !important;
}

.detail .table td.big-title {
	color: #444;
	font-size: 24px;
}

.detail .table td.small-title {
	color: #888;
}





.detail .table .no-border>td {
	border-top: none;
}

.detail .table tr.line-small td {
	padding: 10px 15px
}

.detail .table tr.line-last td {
	padding-bottom: 22px
}

.detail .table tbody tr.line-small:last-child td {
	padding: 10px 15px 10px;
}

.detail .table-total {
	width: 100%;
}

.detail .table-total th {
	line-height: 24px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #eee;
}

.detail .table-total tr th:first-child {
	font-size: 13px;
	vertical-align: middle;
}

.detail .table-total .grant-total {
	font-weight: bold;
	font-size: 120% !important;
}

.detail .detail-right hr {
	clear: both;
	border: 1px solid #f1f1f1;
	border-bottom: 0;
}

.money {
	font-size: 16px;
}

.money18 {
	font-size: 16px;
}

.two-cols{
	display: flex;
    align-items: baseline;
	justify-content: space-between;
}

.detail-payment-item {
	clear: both;
	line-height: 25px;
	overflow: hidden;
}

.detail-payment-item .detail-payment-title {
	float: left;
	font-size: 16px;
}

.detail-payment-item .detail-payment-amount {
	float: right;
	text-align: right;
	font-size: 18px;
}

.detail-payment-item.big-title .detail-payment-amount {
	float: right;
	text-align: right;
	font-size: 24px;
}

.detail-payment-item .bilgi {
	font-size: 12px !important;
	font-weight: 200
}

.detail-payment-item-sub {
	margin: 0 -15px -20px;
	padding: 0px 18px 16px;
}

.detail-payment a:not(.btn) {
	color: #000;
}

.detail-payment i {
	font-size: 16px;
}

.panel-form .form-group {
	margin-bottom: 12px;
}

.form-group-info {
	padding: 5px 0 0;
	color: #aaa;
	font-size: 14px;
	font-weight: 300
}

.form-group-info a {
	color: #333;
}

.input-inline {
	display: inline;
}

.panel-body hr {
	margin: 15px -16px;
}

.date-toggle {
	color: #000;
}

.datepicker {
	padding: 0;
	margin: -5px;
}

.datepicker table {
	width: 100%;
}

.datepicker-inline {
	width: 100%;
}

.alert-sm {
	padding: 10px;
	margin-bottom: 10px;
}

tr[data-action=locate] {
	cursor: pointer;
}



.btn-split a {
	margin-left: 2px !important;
}

.in-all {
	display: none;
}

div.placeholder {
	padding: 100px;
	text-align: center;
	border: 3px dashed #ddd;
	border-radius: 12px;
	font-size: 20px;
	color: #aaa;
}

div.placeholder i {
	font-size: 64px;
	margin-bottom: 15px;
	color: #ccc;
}

div.kategori {
	margin-bottom: 15px;
}

div.kategori .label {
	font-size: 14px;
}

div.kategori a {
	display: none;
}

div.kategori:hover a {
	display: inline-block;
}

.label.onizleme {
	font-size: 24px;
}


.mce-panel {
	border-radius: 5px;
	background: transparent;
}


#uyelik {
	padding: 50px 0 0;
}

#uyelik .fa-stack {
	margin-top: -8px;
}

#uyelik>div {
	text-align: center;
}

#uyelik .baslik {
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}

#uyelik p {
	font-size: 16px;
}

#uyelik h5 {
	margin-top: 50px;
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}

#uyelik h5 span {
	padding: 0 10px;
	background-color: #fff;
	font-size: 12px;
}

#uyelik h5:after {
	border-top: 1px solid #dadada;
	content: ' ';
	position: absolute;
	top: 50%;
	width: 100%;
	display: block;
	z-index: -2
}

.odeme-metodu {
	padding: 15px;
}

.odeme-metodu h2 {
	font-size: 27px;
	font-weight: 500
}

.odeme-metodu .logo {
	text-align: center;
}

.odeme-metodu .logo img {
	max-width: 200px;
}

.odeme-metodu .odeme-main {
	background: #fff;
	border-radius: 8px;
}

.odeme-metodu p {
	margin: 30px 0 20px;
	line-height: 22px;
	font-size: 15px;
}

.odeme-metodu .cart-type {
	padding-top: 3px;
}

.odeme-ust .btn-plan label {
	padding: 10px 20px;
}

.odeme-ust .btn-plan label .fiyat {
	margin: 10px;
	font-size: 22px;
}

.fiyat-buyuk span {
	font-size: 52px;
	color: #444;
}

.fiyat-buyuk i.fa {
	font-size: 32px;
	color: #444;
}

.fiyat-buyuk .avantaj {
	height: 30px;
	font-size: 11px;
	padding: 10px;
	color: red;
}

.fiyat-buyuk .ek-daire {
	height: 30px;
	font-size: 12px;
	padding: 10px;
}

.fiyat-buyuk .aylik {
	height: 30px;
	font-size: 12px;
	padding: 10px;
}

.odeme-ust .lock {
	position: relative;
}

.odeme-ust .lock i {
	position: absolute;
	right: 30px;
	bottom: 15px;
	font-size: 16px;
	color: #888;
}

.odeme-alt p {
	font-size: 12px !important;
	color: #888;
	padding-top: 0px;
	line-height: 18px;
}

#uyelik .fiyat {
	font-size: 18px;
	line-height: 50px;
	width: 60px;
}

#uyelik .fiyat i {
	font-size: 14px;
}

#uyelik .indirim {
	font-size: 11px;
	line-height: 20px;
	height: 20px;
}

#uyelik #plan-sec .btn>div {
	display: none;
}

#uyelik #plan-sec .btn-group.active div {
	display: block;
}

.guvenli-sunucu {
	padding: 0 60px 0 0
}

.guvenli-sunucu h1 {
	color: #000;
	float: right;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

.guvenli-sunucu h1 span {
	color: #555;
	float: right;
	font-size: 13px;
}

.guvenli-sunucu .lock2 {
	float: right;
	color: #FFAE00;
	font-size: 42px;
	display: inline-block;
	padding: 5px;
}

.calisma-sekli {
	background: #fff;
	padding: 20px 0;
	margin-top: 20px;
}



.uygulama-online-tahsilat ol {
	padding: 7px 15px;
	font-size: 15px;
}

.uygulama-online-tahsilat ol li {
	margin-bottom: 10px;
}

.sms-cols-btn .label {
	font-size: 13px;
	cursor: pointer;
	display: inline-block;
	margin-bottom: 5px;
}

.sistem-odeme .nav-tabs>li.active>a,
.sistem-odeme .nav-tabs>li.active>a:hover,
.sistem-odeme .nav-tabs>li.active>a:focus {
	background: #f1f1f1;
}

.sistem-odeme .control-label {
	font-size: 14px !important;
}

.sistem-odeme .form-group {
	margin-bottom: 12px;
}

.bg-white{background:#fff;}
.sistem-odeme .bg-success {
	background: #dff0d8;
	padding: 16px;
	margin: 0 20px;
	border-radius: 8px;
}

.grid-search-button {
	display: inline;
}

.sms-paketleri div.col-md-3 {
	margin-bottom: 15px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}

	.grid-search-button.hidden-xs {
		display: inline-block !important;
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

.thumbnail {
	display: block;
	height: auto;
	max-width: 100%;
	padding: 10px 0 20px;
	line-height: 1.428571429;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


.text-black{color:#000;}

.h-100{height:100%;}

.feed-holder {
	width: 100%;
	overflow: hidden;
	border-radius: 6px;
}

.feed {
	border-radius: 6px;
	width: 100%;
	overflow: auto;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.feed::-webkit-scrollbar {
	width: 0 !important
}

.feed ul {
	padding: 0px;
}

.feed li {
	display: block;
	padding: 13px 12px 8px 40px;
	position: relative;
	overflow: hidden;
	background: #ddd;
}

.feed li .h {
	display: none;
}

.feed li:hover .nh {
	display: none;
}

.feed li:hover .h {
	display: inline-block;
}

.feed li:hover {
	background: #fff;
	transition: background-color .2s ease;
	cursor: pointer;
}

.feed li .feed-icon {
	position: absolute;
	left: 14px;
	color: #888;
	font-size: 16px;
	font-weight: 200;
	top: 12px;
	z-index: 2
}

.feed li .feed-head {
	font-weight: 400;
	font-size: 12px;
	margin-bottom: 6px;
	color: #888;
}

.feed li .feed-body {
	margin-top: 0px;
	font-size: 15px;
	padding-bottom: 10px;
}

.feed li.success .feed-body {
	margin-top: -10px;
}

.feed ul li .feed-head:before {
	content: " ";
	border-left: 2px solid #bbb;
	position: absolute;
	left: 20px;
	top: 0px;
	height: 16px;
	z-index: 1
}

.feed ul li .feed-head:after {
	content: " ";
	border-left: 2px solid #bbb;
	position: absolute;
	left: 20px;
	top: 31px;
	height: 100%;
	z-index: 1
}

.feed ul li:first-child .feed-head:before,
.feed ul li:last-child .feed-head:after {
	border-color: transparent
}

.feed .feed-reverse .feed-head {
	color: #fff;
}

.feed li.success {
	background-color: #7ab278;
	color: #fff;
}

.feed li.success .feed-icon {
	color: #327154;
}

.feed li.success .feed-head:before {
	border-color: #327154;
}

.feed li.success .feed-head:after {
	border-color: #327154;
}

.feed li.danger {
	background-color: #d9534f;
	color: #fff;
}

.feed li.danger .feed-icon {
	color: #9e4a4a;
}

.feed li.danger .feed-head:before {
	border-color: #9e4a4a;
}

.feed li.danger .feed-head:after {
	border-color: #9e4a4a;
}

.feed li.feed-show-after {
	cursor: pointer;
	background: #ccc;
	display: none;
}

.feed li.feed-show-before {
	cursor: pointer;
	background: #ccc;
	display: none;
}

.feed li:last-child,
.feed li.last-visible {
	border-radius: 0 0 6px 6px
}

.reports .report-block{margin-top:18px;}

.search-body{padding:15px;}
.DocSearch-Commands {
    color: #212529bf;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.DocSearch-Label {
margin:0 5px;
}
.DocSearch-Container, .DocSearch-Container * {
    box-sizing: border-box;
}

kbd{background-color: #aaa;}

#loading {
	width: 100%;
	height: 100%;
	background: #ddd;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999999;
	vertical-align: middle;
	text-align: center;
	font-size: 90px;
	color: #999;
}

#loading i {
	position: absolute;
	top: 40%;
	left: 50%;
}

tr .btn-print {
	display: none;
}

tr:hover .btn-print {
	display: inline;
}

td .td-hide {
	visibility: hidden;
}

td:hover .td-hide {
	visibility: visible;
}

tr .tr-hide {
	visibility: hidden;
}

.dash-box{background: #fff; padding:15px; border-radius: 6px;}

.dash-chart{padding:0 0 15px;background: #fff; margin-bottom: 15px;}

.overline{text-decoration:line-through;}
.top-title{font-size: 16px; color:#333; font-weight:300;}
.top-number{font-size: 26px; margin:8px 0; font-weight:600;}
.top-number a{text-decoration: none; color:inherit;}
.top-infos{color:#bbb;font-size:13px; font-weight:200}
.top-border{border-left:1px solid #eee;}
.border-right-bottom{border-right:1px solid #eee;}

.text-reset{text-decoration: none; color:inherit;}


tr:hover .tr-hide {
	visibility: visible;
}

.by-check-all {
	cursor: pointer;
}

.calendar .type-loan{ background: #E53935 !important; border-color: #C62828 !important; color: #fff !important; }
.calendar .type-check { background: #1E88E5 !important; border-color: #1565C0 !important; color: #fff !important; }
.calendar .type-income { background: #43A047 !important; border-color: #2E7D32 !important; color: #fff !important; }
.calendar .type-outcome  { background: #FB8C00 !important; border-color: #EF6C00 !important; color: #fff !important; }
.calendar .type-card { background: #8E24AA !important; border-color: #6A1B9A !important; color: #fff !important; }
.calendar .type-note { background: #333 !important; border-color: #333 !important; color: #fff !important; }


.panel-not-btn{margin-top:10px; font-size:12px;}

.panel-not-btn a{margin-left:10px;margin-top:2px;opacity: .6;}
.panel-not-btn a:hover{opacity: 1;}
.panel-not-btn .btn-dark{background: #bbb;color:#fff;}

.panel-not-more{margin-top:20px;}
.panel-not-more .loading{display: none;}


.panel-notlar .not{padding-top:15px;margin-top:15px;border-top:1px solid #eee;}
.panel-notlar .not i{font-size: inherit;}
.panel-notlar .not .not-icon{display: table-cell; width:50px;vertical-align: top;padding-right:10px;}
.panel-notlar.nobd .not:first-child{padding-top:10px;margin-top:0px;border-top:none;}
.btn-not-load{display: none;}

.panel-notlar .not .not-detay{display: table-cell; vertical-align: top;width:10000px;}
.panel-notlar .not .not-icerik{margin-bottom:5px;}
.panel-notlar .not .not-ilisik,.panel-notlar .not .not-ilisik i{font-size:12px;margin-top:5px;}
.panel-notlar .not .not-hatirlat{cursor: pointer;}
.panel-notlar .not .not-hatirlat, .panel-notlar .not .not-hatirlat i{font-size:12px;margin-top:5px;}
.panel-notlar .not .not-hatirlat.gecikti,.panel-notlar .not .not-hatirlat.gecikti i{color:#a94442;}
.panel-notlar .not .not-hatirlat.tamamlandi,.panel-notlar .not .not-hatirlat.tamamlandi i{color:#666;text-decoration: line-through}
.panel-notlar .not .not-tarih{font-size:12px;opacity: .6;}
.panel-notlar .not .not-star{margin-left:10px; cursor:pointer;}
.panel-notlar .not .not-star i{display:none;}
.panel-notlar .not .not-star i.fa-star{display:inline;}
.panel-notlar .not:hover .not-star i{display:inline;}
.panel-notlar .not .not-star i{display:none;}
.panel-notlar .not .not-sil{margin-left:8px;display: none; }
.panel-notlar .not .not-sil i{font-size:12px;color:#a94442;cursor: pointer;}
.panel-notlar .not:hover .not-sil{display: inline;}

.panel-upload .progress{height:25px;position: relative;margin-bottom:0;}
.panel-upload .progress .progress-bar{text-align: left;padding:3px 10px;}
.panel-upload .progress .loading{font-size:13px;}
.panel-upload .progress .loading span{position: absolute; left:10px;top:3px;color:#555;}
.panel-upload .progress .loading .cancel{position: absolute; right:15px;top:3px;}


.by-check-all i {
	font-size: 22px;
	vertical-align: bottom;
	margin-bottom: -3px;
}

.by-check .fa-stack-1x:nth-child(3) {
	display: none;
}

.by-check-active .by-check .fa-stack-1x:nth-child(2),
.by-check:hover .fa-stack-1x:nth-child(2) {
	display: none;
}

.by-check-active .by-check .fa-stack-1x:nth-child(3),
.by-check:hover .fa-stack-1x:nth-child(3) {
	display: inline-block;
}


.form-toplu .in-kisi {
	width: 80px;
	display: inline-block;
}

.form-toplu .in-bakiye {
	width: 78px;
	display: inline-block;
}

.form-toplu .in-tarih {
	width: 85px;
	display: inline-block;
}

.form-toplu .blok-malik {
	background: #E7FAFF !important;
}

.form-toplu .blok-kiraci {
	background: #FFFDEC !important
}

.form-toplu .form-group {
	margin-bottom: 0;
}

.form-toplu tbody tr td {
	border-left: 1px solid #eee;
}

.section-rapor h3 {
	font-size: 24px;
	padding: 0 0 8px;
	color: #555;
}

.section-rapor .item a {
	background: #fff;
	padding: 10px 12px;
	margin-bottom: 10px;
	display: block;
	font-size: 16px;
	color: #666;
	border-radius: 6px;
}

section.rapor a.item {
	font-size: 16px;
	margin-bottom: 10px;
	display: block;
	color: #555;
	background: #fff;
}

section.rapor h4 {
	font-size: 20px;
	margin-bottom: 10px;
	display: block;
	color: #5FBADF;
	margin-top: 5px;
}

section.rapor .panel-body hr {
	margin-top: 4px;
}

section.rapor .table-responsive {}

.kisi-liste-kart {
	margin-bottom: 30px;
}

.kisi-liste-kart div {
	border: 2px dashed #ddd;
}

.kisi-liste-kart thead th {
	background: #ddd !important;
}

.site-menu>ul {
	width: 220px;
}

.site-menu .empas {
	background: #eee;
	padding: 10px 15px;
	font-size: 16px;
}

.site-menu-scroll {
	max-height: 350px;
	overflow: scroll;
}

.site-menu-scroll ul {
	padding: 0;
}

.site-menu-scroll li {
	display: block;
}

.site-menu-scroll li a {
	display: block;
	padding: 3px 20px;
	white-space: nowrap;
}

.li-fast-search {
	padding: 2px 10px !important;
}

.li-fast-search .title {
	padding: 5px;
}

.li-fast-search.arsiv-1 {
	color: #d58512;
}

.ln-gecikme {
	font-size: 11px;
	color: red;
}

.show-on-print {
	display: none;
}



.alert-dashboard {
	font-size: 14px;
	position: relative;
}

.alert-dashboard>i {
	opacity: .8;
	position: absolute;
	left: 12px;
	top: 15px;
}

.alert-dashboard>a {
	display: inline-block;
	margin-left: 45px;
	color: inherit;
}

.site-secimi tbody tr:hover td {
	background: #dff0d8;
}

.temel-ayar {
	position: relative;
}

.info-window {
	position: absolute;
	right: 5px;
	top: -5px;
	width: 250px;
	background: #FFFEF6 !important;
}

.invoice .line-info{padding:5px; font-size:12px; color:#888}

.no-border>td,
.no-border>th {
	border-top: none !important;
}



.input-group-icon .input-group-icon-addon.unit-addon {top: 30%;right:10px; font-size:10px!important;}
.input-group-icon .input-group-icon-addon.unit-addon .unit-selected{font-size:12px; color:#000;}



.money-format .money-float i {
	font-size: 12px;
}


.currency-item span,
.currency-provision span {
	border-bottom: 1px dashed blue;
}

.currency-item span:focus,
.currency-provision span:focus {
	border-radius: 4px;
	padding: 3px;
	border-bottom: inherit;
}

.account-status {
	font-size: 13px;
	opacity: .3
}

.modal .nav-tabs {
	margin: -20px -15px 20px -15px;
	padding: 7px 6px 0 12px;
	background: #ddd;
}

.modal .nav-tabs.tab2 {
	margin-top: 25px;
}

.modal .nav-tabs a {
	padding: 8px 10px !important;
	border: 0;
	font-size: 13px;
}

.modal .nav-tabs li {
	border: none;
}

.modal .nav-tabs li.active a {
	background: #f6f6f6
}

.expense-currency-edit {
	font-size: 13px;
	padding: 10px 16px;
	color: #777;
}

.currency-provision {
	font-size: 14px;
}

.detail-payment-item-sub {
	margin: 0 -15px -20px;
	padding: 0px 18px 16px;
}



.btn-white {
	border: 1px solid #aaa;
	color: #333;
}

.label.onizleme {
	font-size: 24px;
}

div.kategori {
	margin-bottom: 15px;
}

div.kategori .label {
	font-size: 14px;
}

div.kategori a {
	display: none;
}

div.kategori:hover a {
	display: inline-block;
}


.f100 {
	height: 100%;
}

.designer {
	height: 100%;
	background: #eee !important;
	padding: 0 !important;
	position: relative;
	text-align: center;
	margin-bottom: 0 !important;
	font-size: 12pt;
	overflow: auto;
}




.designer .page-holder {
	text-align: left;
	background: #fff;
	display: inline-block;
	box-shadow: 3px 3px 8px 1px #999;
	position: relative;
}

.designer .page-holder .item {
	position: absolute;
	border: 1px solid #ccc;
	padding: 0px;
	left: 30px;
	display: inline-block;
	overflow: hidden;
	box-sizing: content-box;
	line-height: 12pt;
	cursor: pointer
}

.designer .page-holder .item.line {
	position: absolute;
	border: 1px dashed #999;
	padding: 0px;
	left: 30px;
	display: inline-block;
	overflow: hidden;
}

.designer .page-holder .item.selected,
.designer .page-holder .item:hover {
	border-color: #00f;
}

.designer .page-holder .item a.delete {
	position: absolute;
	display: none;
	right: 0;
	background: #fff;
	padding: 0px 3px;
	font-size: 14px;
}

.designer .page-holder .item:hover a.delete {
	float: right;
	display: inline-block;
}

.designer .page-holder .item .table-kalem {
	width: 100%;
}

.designer .page-holder .item .table-kalem th {
	white-space: nowrap;
}

.designer .page-holder .item .table-kalem[data-show-title='0'] {
	margin-top: -16px;
}

.designer .page-holder .item .table-kalem[data-show-title='0'] thead tr {
	font-size: 12pt !important;
}

.designer .page-holder .item .table-kalem tr td,
.designer .page-holder .item .table-kalem th {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	padding: 0;
	font-weight: inherit;
	white-space: nowrap;
}

.designer .page-holder .item .table-kalem tr td:first-child,
.designer .page-holder .item .table-kalem th:first-child {
	border-left: 0;
}

.designer .page-holder .selected .table-kalem td,
.designer .page-holder .selected .table-kalem th,
.designer .page-holder .item:hover .table-kalem td,
.designer .page-holder .item:hover .table-kalem th {
	border-left-color: #00f !important;
}

.designer .page-holder .item .table-kalem td {
	cursor: pointer;
}

.btn-discrete {
	margin-left: 1px !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.invoice-designer {
	min-width: 600px;
}

.invoice-designer hr {
	clear: both;
	border: 1px solid #ddd;
	border-bottom: 0;
	margin: 12px -16px;
}

.invoice-designer h2 {
	margin: 0 0;
}

.invoice-designer .properties {
	border: 1px solid #ddd;
	margin: 20px 0;
	background: #ddd;
	padding: 0;
	border-radius: 7px;
}

.invoice-designer .properties .field {
	display: inline-block;
	border-left: 1px solid #eee;
	padding: 10px;
}

.invoice-designer .properties[data-prop-type=dm] .field.hide-on-dm {
	display: none !important;
}

.invoice-designer .properties .field.nospace {
	border-left: none;
	padding-left: 0;
	margin-left: -5px;
}

.invoice-designer .properties .field .title {
	font-size: 11px;
	display: inline-block;
	text-transform: uppercase;
	padding-right: 5px;
}

.invoice-designer .properties .prop-title {
	border-left: none;
	overflow: hidden !important;
	white-space: nowrap;
	vertical-align: middle;
	max-width: 120px;
	line-height: 36px;
}

.invoice-designer .properties .field .input {
	display: inline-block;
}

.invoice-designer .properties .field .input input {
	padding-left: 7px;
}

.invoice-designer .properties .field .input-group-icon-addon {
	right: 6px;
	opacity: .5;
}

.invoice-designer .configs {
	overflow: scroll;
	overflow-x: hidden
}

.invoice-designer .configs .panel:first-child .panel-body {
	padding-top: 20px;
}

.invoice-designer .configs .invoice-item {
	padding: 10px 12px;
	font-size: 16px;
	cursor: pointer;
	border-top: 1px solid #ddd;
}

.invoice-designer .configs .invoice-item i {
	color: #666;
	margin-right: 10px;
}

.invoice-designer .configs .vars {
	margin: -15px;
}

.invoice-designer .configs .invoice-item.undraggable {
	color: #bbb;
}

.invoice-designer .configs .invoice-item.undraggable .lines-items {
	display: block;
}

.invoice-designer .configs .invoice-item.undraggable div[data-name=lines] {
	display: none;
}

.invoice-designer .configs .panel-title {
	font-size: 18px;
	padding: 10px 0;
}

.invoice-designer .config {
	margin-top: -5px;
}

.invoice-designer .config .input-group-icon-addon {
	color: #999;
}

.invoice-designer .config .btn-info:not(.active) {
	background: #fff;
	color: #777;
}

.invoice-designer .config>hr {
	margin: 20px -16px;
}

.invoice-designer .configs .line-items {
	overflow: visible;
	padding: 0 20px;
	display: none;
	margin-top: -10px;
}

.invoice-designer .configs .line-items ul {
	padding: 0;
	list-style: none;
	margin: 0 -15px;
	cursor: move;
}

.invoice-designer .configs .line-items ul li {
	padding: 3px 0px 8px 16px;
	margin-bottom: 5px;
}

.invoice-designer .configs .line-items ul li:hover {
	background: #ddd;
}

.invoice-designer .col-xs-9 {
	width: 70%;
}

.invoice-designer .col-xs-3 {
	width: 30%;
}


.rc-handle-container {
	position: relative;
}

.rc-handle {
	position: absolute;
	width: 7px;
	cursor: ew-resize;
	margin-left: -3px;
	z-index: 2;
}

table.rc-table-resizing {
	cursor: ew-resize;
}

table.rc-table-resizing thead,
table.rc-table-resizing thead>th,
table.rc-table-resizing thead>th>a {
	cursor: ew-resize;
}



.invoice-print ol {
	padding: 0 0 0 20px;
}

.invoice-print ol li {
	margin-bottom: 10px;
}

.ruler {
	text-align: center;
	display: inline-block;
	padding: 40px 0;
}

.ruler .ruler-corner {
	width: 20px;
	height: 20px;
	;
	position: fixed;
	z-index: 3;
	background: #eee;
}

.ruler .ruler-top {
	height: 18px;
	position: absolute;
	top: 0;
	z-index: 2;
	overflow: hidden;
}

.ruler .ruler-top .tick {
	width: 32px;
	border-left: 1px solid #888;
	height: 20px;
	display: inline-block;
	position: relative;
	float: left;
}

.ruler .ruler-top .tick .number {
	font-size: 7px;
	text-align: left;
	margin-left: 2px;
	float: left;
}

.ruler .ruler-top .tick:after {
	left: 50%;
	bottom: 0;
	height: 9px;
	border-right: 1px solid #aaa;
	content: ' ';
	display: block;
	position: absolute;
}

.ruler .ruler-top-bg {
	height: 20px;
	position: fixed;
	background: #eee;
	z-index: 1;
	border-bottom: 1px solid #aaa;
}

.ruler .ruler-top .ruler-shadow {
	background: rgba(0, 0, 255, .1);
	z-index: 1;
	position: absolute;
	top: 0px;
}


.ruler .ruler-left {
	width: 18px;
	position: absolute;
	left: 0;
	z-index: 2;
}

.ruler .ruler-left .tick {
	height: 32px;
	border-top: 1px solid #888;
	width: 20px;
	position: relative;
}

.ruler .ruler-left .tick .number {
	font-size: 7px;
	text-align: left;
	margin-left: 1px;
	position: absolute;
	left: 1px;
}

.ruler .ruler-left .tick:after {
	top: 50%;
	width: 9px;
	border-bottom: 1px solid #aaa;
	content: ' ';
	display: inline-block;
	position: absolute;
}

.ruler .ruler-left-bg {
	width: 20px;
	position: fixed;
	background: #eee;
	z-index: 1;
	border-right: 1px solid #aaa;
	height: 100%;
}

.ruler .ruler-left .ruler-shadow {
	background: rgba(0, 0, 255, .1);
	z-index: 1;
	position: absolute;
	left: 0px;
}

.invoice-preview ol {
	padding: 0 0 0 23px;
}

.invoice-preview ol li {
	margin-bottom: 10px;
}



.top-icon {
	min-width: 32px;
	height: 32px;
	border-radius: 6px;
	margin: 9px;
	color: #888;
	padding: 6px !important;
	text-align: center;
	vertical-align: middle;
	font-size: 22px !important;
}

.top-photo {
	width: 24px;
	height: 24px;
	overflow: hidden;
	margin: 0 5px 3px 0;
	display: inline-block;
	vertical-align: top;

	border-radius: 24px;
	border:1px solid #aaa;
	color: #fff;
	background: rgba(0, 0, 0, .2);
	text-align: center;
}

.integration-account{display:flex; flex-direction: row; align-items: center;}

.top-photo i {
	font-size: 22px;
	margin-top: 6px;
}

.badge-danger{background-color: red;;}
.locate-badge{position:relative; overflow: visible;}
.locate-badge .badge{position:absolute; top:-5px; right:-10px;z-index:10}
.top-profile{display:flex!important; align-items:center;}
.top-photo img {
	width: 100%;
}

.mutabakat {
    border: 1px solid #eee
}

.mutabakat h4 {
    margin-bottom: 20px;
    padding-left: 16px
}

.mutabakat .panel { margin-top:20px; }
.mutabakat .panel-body {
    padding: 0;
}

.mutabakat .mutabakat-info {
    text-align: center;
    padding: 0
}

.mutabakat .mutabakat-info>div {
    border-left: 1px solid #eee;
    padding: 40px 0
}

.mutabakat .mutabakat-info>div:first-child {
    border-left: none
}

.mutabakat .mutabakat-info .money-format {
    font-size: 24px
}

.mutabakat .mutabakat-info .money {
    font-size: 26px;
    font-family: 'Inter'
}

.mutabakat .mutabakat-info .title {
    font-size: 14px;
    color: #aaa;
    font-weight: 600
}

.mutabakat .table-detail {
    margin: 0
}

.mutabakat .table-detail td {
    padding: 15px;
    border-top: 1px solid #eee;
    font-size: 15px
}

.mutabakat .table-detail thead td {
    background: #f6f6f6
}

.mutabakat .table-detail tr{cursor:pointer}
.mutabakat .table-detail tr.eslestir {
    display: none
}

.mutabakat .table-detail tr.bilgi {
    cursor: pointer
}

.mutabakat .table-detail tr.bilgi[selected] td {
    font-weight: 700;
    background: #e4f9ff
}

.mutabakat .table-detail tr.eslestir[selected] {
    display: table-row
}

.mutabakat .table-detail tr.eslestir[selected] td {
    background: #f2f2f2;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #ccc
}

.mutabakat .table-detail tr.eslestir .item {
    background: #fff;
    border-radius: 15px;
    padding: 5px 0;
    margin-bottom: 20px
}

.mutabakat .table-detail tr.eslestir .item .line {
    padding: 8px 15px;
    border-top: 1px solid #eee;
    overflow: hidden;
    clear: both
}

.mutabakat .table-detail tr.eslestir .item .line:first-child {
    border-top: none
}

.mutabakat .table-detail tr.eslestir .item .money-format {
    font-size: 16px
}

.mutabakat .table-detail .fa-arrow-circle-o-right {
    margin-top: 72px;
    text-align: right;
    margin-left: 13px;
    opacity: .5
}

.mutabakat .table-detail tr.eslestir .alert {
    border-radius: 15px;
    border: none
}

.mutabakat .table-detail tr.eslestir .search {
    margin-bottom: 20px;
    position: relative
}

.mutabakat .table-detail tr.eslestir .search input {
    border-radius: 15px;
    border: none;
    font-size: 16px;
    padding-left: 40px
}

.mutabakat .table-detail tr.eslestir .search input:focus {
    border-radius: 15px 15px 0 0
}

.mutabakat .table-detail tr.eslestir .search>.fa {
    position: absolute;
    top: 15px;
    left: 15px
}

.mutabakat .table-detail tr.eslestir .form-group {
    padding: 10px 0 25px!important;
    border-top: 1px solid #eee
}

.mutabakat .table-detail tr.eslestir .form-group label {
    padding-top: 3px
}

.mutabakat .table-detail .btns {
    padding-left: 30px;
    padding-top: 65px
}

.mutabakat .table-detail .btns a {
    margin-bottom: 15px
}

.mutabakat .input-filter {
    position: relative;
    display: flex;
    align-items: center
}

.mutabakat .input-filter i {
    position: absolute;
    left: 12px;
    top: 20%;
    color: #888
}

.mutabakat .input-filter input {
    padding-left: 28px
}

.mutabakat .input-filter .temizle {
    margin-left: 10px;
    text-decoration: underline
}

.mutabakat .nav-tabs>li>a {
    color: #000
}

.mutabakat .nav-tabs>li.active>a {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #000
}

.mutabakat .tab-pane {
    padding: 20px 0
}

.li-muta-search {
    padding: 0!important;
    position: relative
}

.li-muta-search .btn {
    color: #fff;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px
}

.li-muta-search .icon {
    position: absolute;
    left: 8px;
    top: 6px
}

.li-muta-search .title {
    padding: 6px 6px 6px 25px
}


.user-menu{z-index:10;}
.top-user {
	display: inline-block;
	padding: 3px 10px 0 4px;
	font-size: 16px;
	line-height: 15px;
	margin: 0;
	color:#000;
	text-align: right;
}

.top-firm {
	font-size: 10px;
	line-height: 10px;
	margin-top: -5px;
	display: inline-block;
	opacity: .6
}

.profile-photo {
	display: inline-block
}

.profile-photo .photo {
	width: 85px;
	height: 85px;
	overflow: hidden;
	border-radius: 10px;
	background: #ddd;
	text-align: center;
}

.profile-photo .photo i {
	margin-top: 7px;
	color: #666;
}

.profile-photo .photo img {
	width: 100%;
    object-fit: cover;
    height: 100%;
}

.profile-btns {
	display: inline-block;
	margin-top: 10px;
}

.btns.btns-del a {
	cursor: pointer;
}

.label-makbuz {
	margin-right: 2px;
	font-weight: 300;
	font-size: 12px;
	color: #fff !important;
	border-radius: 20px;
	padding: 5px 7px 6px 7px;
}

.label-makbuz.label-default {
	background: #ddd;
}

.label-makbuz.text-success {
	color: green !important;
}

.label-makbuz.text-success:hover {
	color: #fff !important;
}

.reports h3 {
	margin-top: 5px !important;
	padding: 0;
	margin-left: -1px;
}

.reports .cat-holder {
	background: #fff;
}

.reports .cat-lists {
	overflow: hidden;
	padding: 0 50px;
}

.reports .cat-lists ul {
	padding: 0;
}

.reports .cat-lists li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}



.reports .cat-lists li.show-all {
	font-size: 12px;
	margin-top: 6px;
	cursor: pointer;
	display: none;
	list-style: none;
}

.cat-item {
	position: relative;
}

.reports-cats {
	width: 100%;
}



.underline {
	text-decoration: underline;
}


.select-properties-list .property[data-status=passive] {
	display: none;
}

.button-properties-list .property[data-status=passive] {
	display: none;
}

.button-properties a {
	margin-right: 5px;
	margin-top: 5px;
}

.form-horizontal .input-group-icon .editable {
	padding-top: 0;
	color: #333
}

.select-waybill {
	padding: 8px 10px;
	display: block;
	cursor: pointer;
	text-align: right;
	color: #666;
}

.cursor-pointer{
	cursor: pointer;
}

.yoda{border-bottom:1px solid #ddd;position: relative;margin:20px 0;}
.yoda span{    position: absolute;
    left: 45%;
    display: block;
    top: -10px;
    background: #f2f2f2;
	color : #999;
    padding: 0 10px;
	font-size:13px;
}

.select2-selection__arrow{display:none!important;}
.select2-autocomplate .select2-results__option{border-bottom:1px solid #eee;}
.select2-autocomplate .select2-results__option.loading-results{display:none!important;}
.select2-autocomplate .select2-results__option .badge{background:#337ab7; color:#fff; float:right;}
.select2-autocomplate .select2-results__option.select2-results__option--highlighted .badge{background:#fff; color:#000; float:right;}
.select2-autocomplate .select2-container--bootstrap .select2-selection__clear{z-index:100;font-size:18px; margin-top:-3px;}
.select2-autocomplate .is_new .select2-container--bootstrap .select2-selection__clear{z-index:100;font-size:18px; margin-top:-3px; margin-right:24px;}
.account-autocomplate .account-detail{border:1px dashed #ddd;padding:10px; border-radius: 5px; font-size:13px;color:#777; }
.account-autocomplate .account-detail:hover{background: #f2f2f2;}

.report-stock-total {
	width: 100%;
}

.report-stock-total tr td {
	border-left: 1px solid #ddd;
	padding: 30px 0;
}

.report-stock-total tr td:first-child {
	border-left: none;
}

.report-stock-total .total {
	font-size: 30px;
}

.report-stock-total .title {
	font-size: 15px;
	color: #888;
}

section.tools .panel-body {
	padding: 25px 0;
}

section.tools .panel-white {
	margin-bottom: 26px;
}

section.tools a {
	color: #000;
}

section.tools a:hover {
	text-decoration: none;
}

section.tools a p {
	color: #000;
}

section.tools .filter-holder {
	position: relative;
}

section.tools .filter-holder i {
	position: absolute;
	top: 17px;
	font-size: 24px;
	left: 20px;
	color: #888;
}

section.tools .filter-holder input {
	padding: 28px;
	text-align: center;
	background: transparent;
	font-size: 26px;
}

.laser-support table,
.dot-matrix-support table {
	width: 100%;
}

.laser-support table td,
.dot-matrix-support table td {
	padding: 10px;
}

.setting-tabs-content b {
	display: block;
	padding: 5px 0;
}

.panel .panel-heading a {
	float: right;
	color: #888;
}

.panel .panel-heading .panel-title {
	cursor: pointer;
}

.panel.toggled .panel-body {
	display: none;
}



.checklist-list {
	padding: 0 25px;
}

.checklist-list li {
	margin-bottom: 15px;
}

.demo-panel {
	padding: 15px;
	min-width: 250px !important;
}

.demo-panel .demo-left {
	display: table-cell;
	vertical-align: top;
}

.demo-panel .demo-right {
	display: table-cell;
	padding-left: 15px;
}

.demo-panel a {
	color: #fff !important;
	font-size: 13px !important;
}

.color-select .color {
	width: 35px;
	height: 35px;
	background: #eee;
	display: inline-block;
	margin-left: 10px;
	margin-top: 5px;
	border-radius: 6px;
	position: relative;
	cursor: pointer;
}

.color-select .color i {
	margin: 0 !important;
	position: absolute;
	top: 9px;
	left: 9px;
	font-size: 18px;
	color: #fff;
}

.color-select .color-white {
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.color-select .color-white i {
	color: #333;
	left: 7px;
}

.btn-save {
	border-color: #555;
	background: #555;
	color: #fff;
}

.btn-save:hover,
.btn-save:focus {
	border-color: #333;
	background: #333;
	color: #fff;
}


.cash-flow .panel-title h3 {
	font-size: 22px;
	font-weight: 300 !important;
	padding: 15px 0 1px;
	margin-bottom: 0;
	margin-left: 32px;
	margin-top: 0;
	color: #666;
}

.cash-flow .cash-flow-info {
	margin-top: 12px;
}

.cash-flow .cash-flow-info .grup {
	width: 25%;
	text-align: center;
	border-right: 1px solid #ddd;
	padding: 3px 10px;
	float: left;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.cash-flow .cash-flow-info .grup .money-format {
	font-size: 20px;
	font-weight: bold;
}

.cash-flow .cash-flow-info .grup div {
	font-size: 16px;
	opacity: .7
}

.cash-flow .cash-flow-info .grup:last-of-type {
	border-right-color: transparent
}

.cash-flow-tooltip {
	width: 180px;
	font-size: 12px;
}

.cash-flow-tooltip div {
	padding: 5px;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 3px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

.cash-flow-tooltip table tr td:first-child {
	text-align: center;
}

.cash-flow-report {
	overflow: hidden;
}

.cash-flow-report .cash-flow-left {
	width: 23%;
	float: left;
}

.cash-flow-report .cash-flow-right {
	width: 77%;
	float: left;
}

.cash-flow-report .cash-flow-info .grup {
	padding: 10px;
	font-size: 13px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	height: 67.7px;
	text-align: center;
}

.cash-flow-report .cash-flow-info .grup .money-format {
	font-size: 24px;
	font-weight: bold;
}

.cash-flow-report .cash-flow-info .grup>div {
	margin-top: -3px;
	opacity: .5;
}

.cash-flow-table table {
	width: 100%;
}

.cash-flow-table table tr td {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 7px;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}

.cash-flow-table table tr td.active {
	background: #ebf4ff;
}

.cash-flow-table table tr td+td {
	font-family: "Inter"
}

.cash-flow-table table tr td:first-child {
	border-left: none;
	font-size: 12px;
	text-align: left;
	padding-left: 10px;
}

.cash-flow-table table tr.sub-line td {
	font-weight: 400;
}

.cash-flow-table table tr.sub-line td:first-child {
	padding-left: 22px;
}

.cash-flow-table table tr.selective td+td:hover,
.cash-flow-table table tr.selective td+td.selected {
	background: #5ba7c2;
	color: #fff;
	cursor: pointer;
}

.cash-flow-table table tr.text-collecting.selective td+td:hover,
.cash-flow-table table tr.text-collecting.selective td+td.selected {
	background: #d58512;
	color: #fff;
}

.cash-flow-table table tr.text-muted.selective td:hover,
.cash-flow-table table tr.text-muted.selective td.selected {
	background: #aaa;
	color: #fff;
}

.cash-flow-table a {
	color: inherit;
}

.cash-flow-table a:hover,
.cash-flow-table a:focus {
	text-decoration: none;
}


.text-payment {
	color: #5ba7c2;
}

.text-collecting {
	color: #d58512;
}

.editableform .form-group {
	margin-left: 0;
	margin-right: 0;
}

.uploadifive-queue {
	margin-top: 8px;
}

.uploadifive-queue-item {
	background-color: #F5F5F5;
	border-bottom: 1px dotted #D5D5D5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: 12px Arial, Helvetica, Sans-serif;
	margin-top: 3px;
	padding: 15px;
}

.uploadifive-queue-item .close {
	background: url('/dist/images/uploadifive-cancel.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}

.uploadifive-queue-item .progress {
	border: 1px solid #D0D0D0;
	height: 3px;
	margin-top: 5px;
	width: 100%;
}

.uploadifive-queue-item .progress-bar {
	background-color: #0072BC;
	height: 3px;
	width: 0;
}


.efatura-info {
	font-size: 15px;
}

.efatura-demo>span {
	margin: 30px 0;
	display: block;
}

.ml-1 { margin-left: 1rem; }
.mt-1 { margin-top: 1rem; }
.mt-2 { margin-top: 2rem; }
.mt-3 { margin-top: 3rem; }
.mb-3 { margin-bottom: 3rem!important; }
.mt-4 { margin-top: 4rem; }
.mt-5 { margin-top: 5rem; }

.mr-1 { margin-right: 1rem; }

.pb-1 { padding-bottom: 0.9rem; }
.pb-3 { padding-bottom: 3rem; }
.pb-3 { padding-bottom: 3rem; }
.pb-4 { padding-bottom: 4rem; }
.pb-5 { padding-bottom: 5rem; }

.px-2{padding-left:2rem; padding-right:2rem}
.px-3{padding-left:3rem; padding-right:3rem}

.py-1{padding-top:1rem; padding-bottom:1rem;}

.p-1{padding:1rem;}
.p-2{padding:2rem;}
.p-3{padding:3rem;}

.refs .fa{font-size:50px;}

.flex { display: flex; }
.justify-content-between { justify-content: space-between; }

.categories .panel-heading hr{margin-bottom:0px;}
.categories ul.cats{list-style: none;padding-left:0px;}
.categories ul.cats li:hover {background-color:  #eeeeee;}
.categories ul.cats li {padding:2px 0px;display: flex; align-items: center;}
.categories ul.cats li .label{line-height:1.5}

li.kategori .btn-group {
	display: none;
	position:absolute;
	right:33px;
}

li.kategori:hover .btn-group {
	display: inline-block;
}


.users .table > tbody > tr > td{vertical-align: middle;}



.fiyatlar{margin-top:-20px;padding-top:40px;padding-bottom:50px;}
.fiyatlar .fiyatlar-hero p{max-width:900px;margin:20px auto 50px;}
.fiyatlar .plan{text-align:center;border:0.5px solid #eee;padding:30px 15px;border-radius: 5px;}
.fiyatlar .plan-toggle{font-size:16px;}
.fiyatlar .nav-tabs{display:flex; justify-content:center;}
.fiyatlar .nav-tabs a{font-size:16px;}
.fiyatlar .plan{background-color: #fff;z-index:10; position: relative; margin-bottom:20px;}
.fiyatlar .plan.shw{box-shadow: 1px 1px 10px #eee;}
.fiyatlar .plan .plan-img{max-height: 70px;}
.fiyatlar .plan .plan-fiyat{font-weight:900;font-size:35px; margin-top:20px;}
.fiyatlar .plan .fiyat-suffix{font-size:24px;opacity: .7;}
.fiyatlar .fiyat-1{display:none;}
.fiyatlar .plan .plan-fiyat-baslayan{font-size:12px;margin-bottom:20px;}
.fiyatlar .plan .plan-satir{border-bottom:1px solid #ddd;padding:10px;}
.fiyatlar .plan .plan-satir:last-child{border-bottom:none;}

.fiyatlar .fiyat-toggle{display:flex; font-size:20px;font-weight: 600;justify-content: center;margin-bottom:15px;align-items: center; cursor: pointer;}
.fiyatlar .fiyat-toggle i{font-size:37px;color:#00a0e3; padding:0 15px;}



.uyelik-odeme{margin-top:-20px;padding-top:40px;padding-bottom:50px;}
.uyelik-odeme .plan-info{line-height:10px;}
.uyelik-odeme .left .panel{padding:1rem;}
.uyelik-odeme .fiyat-toplam{font-size:18px;}
.fiyatlar-kapat{position: absolute; top:0; right:0; left:0;width:100%;padding:30px;}


.upgrade-dialog{ padding:30px 40px; text-align:center; position: relative;}
.upgrade-dialog button{ font-size:34px; position: absolute; top:20px; right:30px;}

.btn-upgrade{border-radius:30px;line-height: 6px!important; margin-top:15px; margin-right:10px; padding:12px!important;font-size:16px;}
.btn-upgrade:focus, .btn-upgrade:hover{background-color: #cc7123!important;}


.partner-dashboard-item{background:#fff; border-radius:8px; padding:18px; border:1px solid #ddd; display:block; text-decoration:none; color: inherit}
.partner-dashboard-item:hover{text-decoration:none; }
.partner-dashboard-item .number{font-weight:bolder; font-size:22px; margin:0 }
.partner-dashboard-item .desc{padding:0; margin:0; opacity: .7; margin-top:5px;}


/* =============================================
   DASHBOARD - Modern Card Based Layout
   ============================================= */

/* Summary Cards Row */
.db-summary-cards {
	display: flex;
	gap: 28px;
	margin-bottom: 16px;
	flex-wrap: wrap;
}

.db-card {
	background: #fff;
	border-radius: 10px;
	padding: 20px 22px;
	flex: 1;
	min-width: 180px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
	display: flex;
	align-items: center;
	gap: 16px;
	text-decoration: none !important;
	color: inherit !important;
	border-left: 4px solid transparent;
}

.db-card:hover {
	box-shadow: 0 6px 20px rgba(0,0,0,0.1);
	transform: translateY(-2px);
	text-decoration: none !important;
}

.db-card .db-card-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	flex-shrink: 0;
}

.db-card .db-card-label {
	font-size: 12px;
	color: #888;
	font-weight: 500;
	margin-bottom: 4px;
	text-transform: uppercase;
	letter-spacing: 0.3px;
}

.db-card .db-card-value {
	font-size: 22px;
	font-weight: 700;
	color: #333;
	line-height: 1.2;
}

.db-card .db-card-value small {
	font-size: 14px;
	font-weight: 500;
	color: #999;
}

/* Card Color Variants */
.db-card-green { border-left-color: #2ECC71; }
.db-card-green .db-card-icon { background: #e8f5e9; color: #27ae60; }

.db-card-red { border-left-color: #E74C3C; }
.db-card-red .db-card-icon { background: #fce4ec; color: #c0392b; }

.db-card-blue { border-left-color: #3498DB; }
.db-card-blue .db-card-icon { background: #e3f2fd; color: #2980b9; }

.db-card-orange { border-left-color: #E67E22; }
.db-card-orange .db-card-icon { background: #fff3e0; color: #d35400; }


/* Widget Panels */
.db-widget {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.06);
	margin-bottom: 16px;
	overflow: hidden;
}

.db-widget-header {
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 600;
	color: #444;
	border-bottom: 1px solid #f2f2f2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.db-widget-header i {
	margin-right: 6px;
	color: #888;
	font-size: 15px;
}

.db-widget-link {
	font-size: 12px;
	font-weight: 500;
	color: #3498DB !important;
	text-decoration: none !important;
}

.db-widget-link:hover {
	color: #2980b9 !important;
	text-decoration: underline !important;
}

.db-widget-body {
	padding: 20px;
}

.db-widget-body.no-padding {
	padding: 0;
}


/* Dashboard Tables */
.db-table thead th {
	background: #fafafa;
	font-size: 12px;
	font-weight: 600;
	color: #888;
	text-transform: uppercase;
	letter-spacing: 0.3px;
	border-bottom: 1px solid #eee !important;
	padding: 10px 12px !important;
}

.db-table tbody td {
	padding: 11px 12px !important;
	vertical-align: middle;
	font-size: 13px;
}

.db-table tbody tr {
	cursor: pointer;
	transition: background 0.15s ease;
}

.db-table tbody tr:hover {
	background: #f8f9fa;
}


/* Report Shortcuts Grid */
.db-shortcuts {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.db-shortcut {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 18px 10px;
	border-radius: 10px;
	background: #f8f9fa;
	text-decoration: none !important;
	color: #555 !important;
	transition: all 0.2s ease;
	text-align: center;
}

.db-shortcut:hover {
	background: #e8f4fd;
	color: #2980b9 !important;
	transform: translateY(-1px);
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.db-shortcut i {
	font-size: 24px;
	margin-bottom: 8px;
	color: #3498DB;
}

.db-shortcut span {
	font-size: 12px;
	font-weight: 500;
}


/* Mobile Responsive */
@media (max-width: 768px) {
	.db-summary-cards {
		flex-direction: column;
		gap: 10px;
	}

	.db-card {
		min-width: 100%;
	}

	.db-card .db-card-value {
		font-size: 18px;
	}

	.db-shortcuts {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 480px) {
	.db-shortcuts {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}

	.db-shortcut {
		padding: 14px 8px;
	}

	.db-shortcut i {
		font-size: 20px;
	}
}


/* E-Invoice Dashboard Stats */
.db-ei-stat {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #f2f2f2;
}

.db-ei-stat:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.db-ei-stat:first-child {
	padding-top: 0;
}

.db-ei-stat-label {
	font-size: 13px;
	color: #666;
}

.db-ei-stat-value {
	font-size: 18px;
	font-weight: 700;
	color: #333;
}