@charset "UTF-8";

@media only screen and (min-width:1200px){
	.first{
		border-right: 1px dotted #c4c4c4;
		padding-right:10px;
	}
	.second{
		border-left: 1px dotted #c4c4c4;
		padding-left:10px;
		margin-left:-1px;
		margin-top:0;
	}
}

@media only screen and (max-width:992px){
	.kayit-ac-btn > a{
		transform: scale(1) translateY(-50%);
		opacity:1;
	}
	#icerik #tabloListelemeDiv{
		margin-top: 5px;
	}
	#icerik #tabloAlt {
		margin: 0;
	}
	div.dataTables_wrapper div.dataTables_filter label{
		display:block;
	}
	div.dataTables_wrapper div.dataTables_filter input {
		width: calc(100% - 37px);
	}
	#servis-ozet > .cari{
		margin:0;
		width:auto;
		min-height: initial;
		float:none;
		height: auto;
		border:none;
	}
	#servis-ozet > .cari .card .resim, #servis-ozet > .cari .card .info, #servis-ozet > .cari .card table{
		display:none;
	}
	#servis-ozet > .servis{
		max-height: initial;
		height: auto;
	}
}

@media only screen and (max-width:768px){
	#content #breadcumb > h4{
		padding:0 10px;
	}
	.kasa-satir .tutar, .kasa-satir .baslik{
		width:100%;
		display:inline-block;
	}
	.fatura-girilen-urunler{
		overflow:auto;
	}
	.servis-barkod{
		opacity:0;
		visibility:hidden;
	}
	#servis-islemleri{
		margin-top:10px;
	}
	.toplam-tutar{
		margin-top:0;
		width:100%;
	}
	#loading .background .rotate{
		position:fixed;
		top:50%;
	}
	img.servis-resmi-bir{
		margin-bottom:10px;
	}
	.mob-center{
		text-align:center;
	}
	.mob-margin-center{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.garanti-kutu {
		padding: 8px 10px;
		margin-bottom: 10px;
	}
	.orta-cizgi:after{
		display:none;
	}
	.resim-yukleme-paneli{
		border-left:none;
		margin-top:10px;
		margin-bottom:0;
		padding-top:0;
		padding-bottom:0;
	}
	img.garanti-durum{
		position:static;
		margin:0;
		margin-left:5px;
	}
	.table>thead:first-child>tr:first-child>th, .table>tfoot>tr>th {
		font-size: 12px;
		padding: 8px 3px;
	}
	table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
		border-bottom-width: 0;
		font-size: 12px;
		padding: 8px 3px;
		width: auto!important;
	}
	table.dataTable thead .sorting:after, table.dataTable thead .sorting_desc:after,  table.dataTable thead .sorting_asc:after{
		display:none;
	}
	.checkbox, .radio{
		margin:0;
	}
	div.dataTables_wrapper div.dataTables_filter input {
		width: 94%;
		width: calc(100% - 21px);
	}
	#content #icerik{
		min-height: 300px;
		height:auto;
	}
	#content{
		width:100%;
		margin:0;
		margin-top:10px;
		margin-bottom:10px;
		padding-left:0;
		padding-right:0;
		padding-bottom: 10px;
		height:auto;
	}
	.mob-display-visible{
		display:block;
	}
	.mob-display-none{
		display:none;
	}
	#top{
		max-height:146px;
		height:auto;
		border:none;
		box-shadow:none;
		z-index:60;
	}
	#yazilim-baslik{
		float:none;
		display:block;
		text-align:center;
		width:100%;
		position: relative;
	}
	#top-right{
		float:none;
		width:100%;
		display:block;
	}
	#sidebar {
		float:none;
		margin-top:0;
		float: left;
		position: fixed;
		margin-left: -300px;
		height: 100%;
		min-width: 230px;
		background-color: #fff;
		border-right: 2px solid #B9B9B9;
		box-shadow: 3px 0 4px rgba(45, 45, 45, 0.2);
		z-index: 9999;
		top: 0;
		left: 0;
	}
	#yazilim-baslik > #menu-ac{
		display:inline-block;
	}
}

@media only screen and (min-width:769px){
	.sablon-paneli-css{
		border-right: 1px solid #E4E4E4;
		margin-top: -10px;
		margin-bottom: -10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	table.table-bordered.dataTable tbody td {
		white-space:nowrap;
	}
	#sidebar{
		margin-left: 0!important;
	}
}

@media only screen and (max-width:480px){
	#tabloAlt #gosterim{
		white-space:pre-line;
		float:none;
	}
	.faturalandir-btn{
		top:0;
	}
	.kullanilan-malzemeler .kullanilan-malzemeler-content .malzeme-sec .malzemeler{
		margin:0;
		width:100%;
		margin-bottom: 10px;
	}
	.kullanilan-malzemeler .kullanilan-malzemeler-content .malzeme-sec .birim-fiyat{
		width: calc(100% - 47px);
	}
	.sablon-degisim-kodlari.firma-imza > .table-bordered td {
		width: 50%;
		display: inline-block;
	}
	.tahsilat-ekle-btn{
		margin:7px;
		margin-left:10px;
		margin-right:0;
	}
	.mesajlar-gelen-giden-kutu-baslik{
		margin:0;
		margin-top:5px;
		width:100%;
		text-align:center;
	}
	img.servis-resmi-bir{
		height:100px;
	}
	div.listele-secenek{
		margin-bottom:5px;
	}
	#tabloUst button.btn{
		font-size:13px;
	}
	#top #user-panel > ul > li > a{
		float:left;
	}
	#top #user-panel > ul > li > a:after{
		content:"";
		display:table;
		clear:both;
	}
	#mesaj #mesaj-kutu{
		height: 130px;
		margin-top: -65px;
	}
	#mesaj #mesaj-kutu .ikon-panel > span{
		width: 40px;
		height: 40px;
		line-height: 36px;
		margin-top: 20px;
	}
	#mesaj #mesaj-kutu .mesaj-yazi > h4 {
		padding: 10px 0 8px 0;
		font-size: 16px;
	}
	#mesaj #mesaj-kutu .mesaj-yazi > p {
		height: 45px;
		font-size: 13px;
		line-height: 15px;
	}
	#top #aktif-kullanicilar{
		float:none;
		display:block;
		text-align:center;
		background: #2B2B2B;
	}
	#top #user-panel{
		display:block;
		float:none;
		text-align:center;
		position:relative;
		height:48px;
	}
	#top #user-panel > ul{
		display:inline-block;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		max-height: 48px;
	}
	#top #aktif-kullanicilar > ul ul.dropdown-menu{
		width:100%;
	}
	#top #user-panel > ul > li{
		position:static;
		display: inline-block;
		float:none;
	}
	#top #user-panel > ul > li.notif > .dropdown-menu, #top #user-panel > ul > li > .dropdown-menu{
		width:100%;
		top:100%;
	}
	#top #user-panel > ul > li.user-name-button .dropdown-menu>li>a{
		padding:10px 20px;
	}
}