/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
body{overflow-x:hidden;}
.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.app-brand-logo.demo {
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 30px;
}

.app-brand-logo.demo svg {
  width: 1.7rem;
  height: 1.7rem;
}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.45px;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}




@font-face {
  font-family: 'FontAwesome';
  src: url("fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.BirimFiyatIconf195{display:inline-block; position: relative; width:100%;}
.BirimFiyatIconf155{display:inline-block; position: relative; width:100%;}
.BirimFiyatIconf153{display:inline-block; position: relative; width:100%;}
.BirimFiyatIconf154{display:inline-block; position: relative; width:100%;}
.BirimFiyatIconf195:after {
  font-family: 'FontAwesome';
  content: '\f195';
  position: absolute;
  height:38px;
  line-height:40px;
  top:0px;
  right: 15px;
}
.BirimFiyatIconf155:after {
  font-family: 'FontAwesome';
  content: '\f155';
  position: absolute;
  height:38px;
  line-height:40px;
  top:0px;
  right: 15px;
}
.BirimFiyatIconf153:after {
  font-family: 'FontAwesome';
  content: '\f153';
  position: absolute;
  height:38px;
  line-height:40px;
  top:0px;
  right: 15px;
}
.BirimFiyatIconf154:after {
  font-family: 'FontAwesome';
  content: '\f154';
  position: absolute;
  height:38px;
  line-height:40px;
  top:0px;
  right: 15px;
}

/* LOAD */
.load{ position:relative; width:100%; height:250px; border:1px solid #066;overflow: hidden; box-sizing:border-box; border-radius:10px;}
.load-title{ position:absolute; width:100%; height:250px; top:0px; left:0px; font-size:18px; color:#333; text-shadow:1px 2px 2px #fff; text-align:center; padding-top:25px; box-sizing:border-box; z-index:99;}
.load-title2{ position:absolute; width:100%; height:250px; top:50px; left:0px; font-size:18px; color:#333; text-shadow:1px 2px 2px #fff; text-align:center; padding-top:25px; box-sizing:border-box; z-index:99;}
.load-title3{ position:absolute; width:100%; height:250px; top:80px; left:0px; font-size:12px; color:#333; text-shadow:1px 2px 2px #fff; text-align:center; padding-top:25px; box-sizing:border-box; z-index:99;}
.load-cubuk{ position:relative; width:100%; height:250px; background: rgba(210,255,82,1);
background: -moz-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,255,82,1)), color-stop(100%, rgba(145,232,66,1)));
background: -webkit-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -o-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: -ms-linear-gradient(left, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
background: linear-gradient(to right, rgba(210,255,82,1) 0%, rgba(145,232,66,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2ff52', endColorstr='#91e842', GradientType=1 );}

@media print {
   .layout-menu, .layout-navbar {
      visibility: hidden!important;
	  height:0px!important;
   }
   
   body{
	  background: #FFFFFF!important;
	  margin:0px!important;
	  padding:0px!important;
	  font-size:12px !important;
	  color:#000000 !important;
  }
  button{ visibility: hidden!important;height:0px!important;}
  input{ font-size:11px !important; color:#000!important;}
  td, th{ font-size:11px !important;}
  td input { padding:2px!important;font-size:11px!important; background:#ffffff !important; color:#000!important;}
  th input { padding:2px!important;font-size:11px!important; background:#ffffff !important; color:#000!important;}
  button.printno{ visibility:hidden!important;}
  hr.printno{
	visibility:hidden!important;
  }
  .card{ background:#fff !important; box-shadow: 0 0.125rem 0.875rem 0 #FFF!important;}
  h1,h2,h3,h4,h5,h6{ color:#000 !important;}
  table td, table th{ color:#000 !important;}
  
  .BirimFiyatIconf195:after,.BirimFiyatIconf155:after,.BirimFiyatIconf153:after,.BirimFiyatIconf154:after {
	  top:-5px !important;
	  right: -10px!important;
	}
 /* print col-md */
 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
   }
   .col-sm-12 {
        width: 100%;
   }
   .col-sm-11 {
        width: 91.66666667%;
   }
   .col-sm-10 {
        width: 83.33333333%;
   }
   .col-sm-9 {
        width: 75%;
   }
   .col-sm-8 {
        width: 66.66666667%;
   }
   .col-sm-7 {
        width: 58.33333333%;
   }
   .col-sm-6 {
        width: 50%;
   }
   .col-sm-5 {
        width: 41.66666667%;
   }
   .col-sm-4 {
        width: 33.33333333%;
   }
   .col-sm-3 {
        width: 25%;
   }
   .col-sm-2 {
        width: 16.66666667%;
   }
   .col-sm-1 {
        width: 8.33333333%;
   }
}
.scrollup{
	width:40px;
	height:40px;			
	text-indent:-9999px;
	opacity:0.3;
	position:fixed;
	bottom:20px;
	right:10px;
	display:none;			
	background: url('/vendors/images/icon_top.png') no-repeat;
}

.menu-item a span.badge{
	top:18px;
	right:20px;
}
.xScroll{
	 overflow-x: auto;
}

/* FATURA STYLE */
.FaturaToplamStil tr td{ padding:5px; font-size:12px; border-bottom:0px; border-top:0px;}
.FaturaToplamStil tr td hr{ margin-top:3px; margin-bottom:3px;  }

.KdvSelect{position: relative;}
.KdvSelect button{ padding-left:45px;}

.FaturaKalem td{ vertical-align:text-top; padding:5px 0px;}

.InputAciklama {position: relative; margin-top:3px;}
.InputAciklama input{ width: calc(100% - 70px); float:left; padding-left:80px;}
.InputAciklama button{ float:left;  margin-left:-4px; height:38px;}
.InputAciklama:after {
  content: 'AÇIKLAMA';
  background:#e9ecef;
  position: absolute;
  width:73px;
  height:38px;
  font-size:12px;
  line-height:40px;
  top:0px;
  left: 0px;
  border-radius:5px;
  padding:0px 5px;
  border:1px solid #d4d4d4;
}


.InputIndirim {position: relative;}
.InputIndirim input{ width: calc(100% - 55px); float:left; padding-left:65px;}
.InputIndirim button{ position:absolute; right:-47px; margin:3px; float:left; height:38px;}
.InputIndirim select{ width:38px; height:38px; margin:3px; padding:0px; float:left;}
.InputIndirim:after {
  content: 'İNDİRİM';
  background:#e9ecef;
  position: absolute;
  width:58px;
  height:38px;
  font-size:12px;
  line-height:40px;
  top:0px;
  left: 0px;
  border-radius:5px;
  padding:0px 5px;
  border:1px solid #d4d4d4;
}

.InputOtv {position: relative;}
.InputOtv input{ width: calc(100% - 55px); float:left; padding-left:65px;}
.InputOtv button{ position:absolute; right:-47px; margin:3px; float:left; height:38px;}
.InputOtv select{ width:38px; height:38px; margin:3px; padding:0px; float:left;}
.InputOtv:after {
  content: 'ÖTV';
  background:#e9ecef;
  position: absolute;
  width:58px;
  height:38px;
  font-size:12px;
  line-height:40px;
 top:0px;
  left: 0px;
  border-radius:5px;
  padding:0px 5px;
  border:1px solid #d4d4d4;
}

.InputOiv {position: relative;}
.InputOiv input{ width: calc(100% - 55px); float:left; padding-left:65px;}
.InputOiv button{ position:absolute; right:-47px; margin:3px; float:left; height:38px;}
.InputOiv select{ width:38px; height:38px; margin:3px; padding:0px; float:left;}
.InputOiv:after {
  content: 'ÖİV';
  background:#e9ecef;
  position: absolute;
  width:58px;
  height:38px;
  font-size:12px;
  line-height:40px;
  top:0px;
  left: 0px;
  border-radius:5px;
  padding:0px 5px;
  border:1px solid #d4d4d4;
}

.inputAraIndirim {position: relative;}
.inputAraIndirim input{ width: calc(100% - 55px); float:left; }
.inputAraIndirim select{ width:38px; height:38px; margin:3px; padding:0px; float:left;}
.TableFocus{ background:#FFFF8A !important;}
.TableDelete{ background:#fb6c6c !important;}
.dark-style .TableFocus{ background:#FFFF8A !important; color:#000 !important;}
.dark-style .TableDelete{ background:#fb6c6c !important; color:#000 !important;}