@import 'default_buton.css';
@import 'input.css';
@import 'ekler.css';
/*********************Buttonlar*********************/
button, .notifications button, .rapor {
    background-color: #0087ff;
    color: #fff;
    font-size: 12px ;
    font-weight: bold ;
    margin: 3px 1px;
    padding: 0px 8px;
    width:auto;
    -moz-border-radius: .18rem;
    -webkit-border-radius: .18rem;
    -khtml-border-radius: .18rem;
    border-radius: .18rem;
    cursor:pointer;
    background-clip: padding-box;
    vertical-align:middle;
    transition: background-color .4s ease-out, color 0.4s ease-in-out ,box-shadow 0.4s ease-in-out;
}

button {
    border: 0;
    box-shadow: none;
}

button:hover {
    background-color: #0373d6;
    color: #fff;
    border: 0;
    box-shadow: none;
}

.buton {
    white-space: nowrap;
}

/*.buton:hover {*/
/*    color: #fff;*/
/*    background-color: transparent;*/
/*    box-shadow: none;*/
/*    border: unset;*/
/*}*/

button:disabled,
input[Type="button"]:disabled {
    opacity:.4;
    cursor:not-allowed;
}

button img { vertical-align: middle; }
/*********************.buton*********************/
.buton,
.notifications button,
.resimButon,
button.resimButon2 {	/* yazı ile beraber kullanımı olacaksa*/
  background-image: none!important;
    text-indent: 0;
    background-size: 18px;
    background-position: 14px;
  padding: 15px 20px;
  border: none;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 0px;
  border-radius: .25rem;
}
/*.buton {*/
/*    background: #0087ff;*/
/*    color: #fff;*/
/*}*/
/*.buton:hover {*/
/*    background-color: #0373d6;*/
/*    color: #fff;*/
/*}*/
.buton:focus {
    outline: 0;
}
button.resimButon2{
	text-indent:0!important;
}
.buton.yazdir3, button.resimButon2{
    background-position: center;
    padding: 15px 8px;
    background-repeat: no-repeat;
    background-size: 16px;
}
.buton.yazdir3 {
    padding: 15px 16px;
}


/*Button Colors*/
.notifications button.buton{background-color: #0087FF;}
.notifications button.buton:hover{background-color: #1578cd;}


.buton.yeni,
.buton.dosya_ekle,
.buton.ekle,
.buton.cari_ekle,
.buton.cari_odeme,
.buton.cari_kilit,
.buton.odeme2,
.buton.xml,
.buton.cari_yeni{background-color: #2b3dff;}
.buton.kaydet,
.buton.kaydet2,
.buton.duzenle,
.buton.duzenle2,
.buton.bul,
.buton.aktar{background-color: #0087FF;}
.buton.karekod,
.buton.kopyala,
.buton.tasarim,
.buton.klasor_onizle{background-color: #564ec0; border-color: #4d44bd;}
.buton.sil{background-color: #e74c3c}
.buton.vazgec,
.buton.vazgec2{background-color: #263438;}

.buton.yazdir,
.buton.yazdir3,
.buton.cari_tahsilat,
.buton.arac_yukle,
button.resimButon2,
button.gears,
.buton.transfer,
.buton.gear,
.buton.aktar_tumunu{background-color: #36a3f7;}

.btn-dropdown .buton.yazdir + button,
.btn-dropdown .buton.yazdir3 + button,
.btn-dropdown .buton.cari_tahsilat + button,
.btn-dropdown .buton.arac_yukle + button,
.btn-dropdown button.resimButon2 + button,
.btn-dropdown button.gears + button,
.btn-dropdown .buton.transfer + button,
.btn-dropdown .buton.gear + button,
.btn-dropdown .buton.aktar_tumunu + button{
    background-color: #36a3f7!important;
    border-left: 1px solid #8ac0ea!important;
}

.btn-dropdown .buton.yazdir + button:hover,
.btn-dropdown .buton.yazdir3 + button:hover,
.btn-dropdown .buton.cari_tahsilat + button:hover,
.btn-dropdown .buton.arac_yukle + button:hover,
.btn-dropdown button.resimButon2 + button:hover,
.btn-dropdown button.gears + button:hover,
.btn-dropdown .buton.transfer + button:hover,
.btn-dropdown .buton.gear + button:hover,
.btn-dropdown .buton.aktar_tumunu + button:hover{
    background-color: #1a85d8!important;
    box-shadow: none;
}

.btn-dropdown .buton.yazdir3 {
    background-image: none!important;
}

#yazdirAltsecenekContainer .buton.yazdir3 {
    background-image: url(../../../../resimler/button_icon/default/yazdir3.svg)!important;
}

.buton.ara,
.butonUTS,
.buton.gonder,
.buton.odeme4,
.buton.prim,
.buton.suz{background-color: #fc566a;}
button.simgeButon.gears{background-color:transparent!important;}

.buton.yeni:hover,
.buton.dosya_ekle:hover,
.buton.ekle:hover,
.buton.cari_ekle:hover,
.buton.cari_odeme:hover,
.buton.cari_kilit:hover,
.buton.odeme2:hover,
.buton.cari_yeni:hover{background-color: #5e6cff;}
.buton.kaydet:hover,
.buton.kaydet2:hover,
.buton.duzenle:hover,
.buton.duzenle2:hover,
.buton.bul:hover,
.buton.aktar:hover{background-color: #1578cd;}
.buton.karekod:hover,
.buton.kopyala:hover,
.buton.klasor_onizle:hover{background-color: #716aca;border-color: #716aca;}
.buton.sil:hover{background-color: #ff5f4e;}
.buton.vazgec:hover,
.buton.vazgec2:hover{background-color: #4d636a;}
.buton.yazdir:hover,
.buton.cari_tahsilat:hover,
.buton.arac_yukle:hover,
button.resimButon2:hover,
button.gears:hover,
.buton.transfer:hover,
.buton.gear:hover,
.buton.aktar_tumunu:hover{background-color: #1a85d8;}
.buton.ara:hover,
.buton.gonder:hover,
.buton.odeme4:hover,
.buton.prim:hover,
.buton.suz:hover{background-color: #FE848B;}

/*Button Colors*/

/*********************simgeButon*********************/
.simgeButon, .simgeButonHoverless {
    width:22px;
    height:22px;
    padding:7px 9px 7px 9px !important;
    margin:0;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    background-position: 50%;
}

.karisikodemeicerigi {

	font-size: 14px !important;
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    background: #474f58 !important;
    text-transform: uppercase !important;
}

/* dokunmatik karışık ödeme penceresi */
.dokKarisikOdemeYazi
{
	border-width: 1px;
	border-style: solid;
	width: 100%;
	display: inline-flex;
	font-size: 20px;
	padding: 3px;
	float: right;
	text-align: right;
	background-color: white;
	border-radius: 5px;
	min-height: 28px;
	font-weight: bold;
	line-height: 1em;
}

.dokKarisikOdemeAktif
{
	background-color: yellow;
}

.dokCariEkleAktif {
    border-color: black !important;
	box-shadow: 0 0 5px 2px black !important;
}

.silnewstyle {
	background-color:transparent !important;
	background-image:url(../../../resimler/sil.png) !important;
	width:40px;
	height:32px;
	display:block;
	margin:0 auto;
}

.contextMenu {
	background-size:10px 10px;
	margin:0px !important;
	position:absolute;
	float:right;
	right:5px;
}

.contextMenu2 {
	background-size:12px 12px;
	margin:0px 5px 0px 0px !important;
	float:left;
}

.simgeButon, .simgeButonHoverless, .contextMenu, .contextMenu2, .simgeButon12, .simgeButon16, .simgeButon24, .simgeButonMini, .simgeButon14  {background-position:center;background-repeat:no-repeat;background-color:transparent;border:none;cursor:pointer;}
.contextMenu, .contextMenu2  {padding:0px !important;top:0px;width:12px;height:12px; font-size: 12px;}

.simgeButon12, .simgeButon16, .simgeButon24, .simgeButonMini, .simgeButon14 { /* Sadece simge olacaksa*/
	padding:0px 9px 0px 9px !important;
    margin:0 !important;

}

.simgeButon{
    background-size: 18px;
    height: 20px!important;
}

table thead+tbody td .simgeButon{
    background-size: 16px;
    height: 20px!important;
    text-align: center;
    width:100%;
}

.simgeButon12 {
	width:12px;
	height:12px;
	background-size:12px 12px;
}

.simgeButonMini { /* , .simgeButon14 Sadece simge olacaksa*/
	width:14px;
	height:14px;
	background-size:12px 12px;
}

.simgeButon14 {
	width:14px;
	height:14px;
	background-size:14px 14px;
}

.simgeButon16 {
	width:16px;
	height:16px;
	background-size:16px 16px;
}

.simgeButon24 {
	width:24px;
	height:24px;
	background-size:24px 24px;

}

.simgeButon:disabled, .simgeButonHoverless:disabled, .simgeButonMini:disabled, .simgeButon12:disabled, .simgeButon14:disabled, .simgeButon16:disabled, .simgeButon24:disabled {
	opacity:.4;
}

.simgeButon12, .simgeButon16, .simgeButon24, .simgeButonMini, .simgeButon14 { /* Sadece simge olacaksa*/
	background-position:center;
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
	cursor:pointer;
	padding:0px 9px 0px 9px !important;
	margin:0 !important;
}

.maviButon {
	width:20px;
	height:20px;
	text-align:center;
	vertical-align:middle;
	text-shadow:none;
	padding:1px 1px 10px 1px;
}

.bakiyeButon {
    height: 26px;
    text-align: center;
    vertical-align: middle;
    text-shadow: none;
    padding: 4px 10px;
    font-weight: 500;
    white-space: nowrap;
    font-size: 12px;
}

.takvim, .takvim2 {
	padding-top:3px;
	vertical-align:middle;
}

.bg18 { background-size:18px 18px !important; }

.bg20{ background-size:20px 20px !important; }

.bg32{
	background-size:32px 32px !important;
	width:32px !important;
	height:32px !important;
}

.thButon { /*Table Th'ına verilen class*/
	text-indent:20px;
	background-repeat:no-repeat;
	background-size:11px 11px;
	background-position: left 4px center;
}


		/*.resimButon {	 /*Pasife alındı, 17.06.2014 , herhangi bir sorun olmamıssa silinebilir. *//*
		text-indent:20px;
		background-repeat:no-repeat;
		background-size:14px 14px;
		background-position: 4px center;
		text-shadow: 0 1px rgba(255,255,255,0.7);
		width:24px;

}*/
.resimButon, .resimButon2 {
		width:26px;
		height:26px;
		text-align:center;
		vertical-align:middle;
		text-shadow:none;
		padding:1px;
		background-repeat:no-repeat;
		background-position: 4px center;
}

.sagButon,
.include-old-design .sagButon {	/* yazı ile beraber kullanımı olacaksa*/
		background-position: right 8px center;
		background-repeat:no-repeat;
		/*padding-right: 32px;*/
		height: 26px;
        background-size: 14px;
        text-indent:0;
}

.box32 {
	width:32px;
	height:32px;
	border:none;
	background:no-repeat center;
	background-size:cover;
}

.box64 {
	width:64px;
	height:64px;
	border:none;
	background:no-repeat center;
	background-size:cover;
}

#aramaSepet:focus, #aramaBelgeKod:focus, #aramaBelge:focus {
    padding-right: 25px !important;
}

input:focus+.inputAramaButon{
	display: inline-block !important;
}

.inputAramaButon {
	display: none;
	background-image: url('../resimler/button_icon/default/ara.svg');
	margin-left: -25px;
	position: absolute;
	float: left;
}

#sepetKdvDurum {
	font-weight:700;
	font-size:1.1em
}


.onoffswitch {
    position: relative;
    width: 72px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    float: right;
    /* height: 10px; */
    cursor: pointer;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50px;
    cursor: pointer;
    height: 18px;
    border: 2px solid #919faf;
    background-color: #919faf;
}

.onoffswitch-checkbox:checked + .onoffswitch-label {
    border: 2px solid #36a3f7;
    background-color: #36a3f7;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    border: 2px solid #36a3f7;
}

.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    /*transition: margin 0.3s ease-in 0s;*/
    transition: none;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    /* height: 30px; */
    padding: 0;
    line-height: 17px;
	font-size:12px;
    color: white;
    font-family: Trebuchet, Arial, sans-serif;
    font-weight: bold;
    box-sizing: border-box;
    cursor: pointer;
}

.onoffswitch-inner:before {
    content: "Dahil";
}

.onoffswitch-inner:lang(tr_TR):before {
    content: "Dahil" !important;
}

.onoffswitch-inner:lang(en_GB):before {
    content: "Include" !important;
}

.kdv-dahil-label .onoffswitch-inner:before {
    content: "Kdv Dahil";
}

.kdv-dahil-label .onoffswitch-inner:lang(tr_TR):before {
    content: "Kdv Dahil" !important;
    white-space: nowrap;
    font-size: 10px;
    padding-left: 2px;
}

.kdv-dahil-label .onoffswitch-inner:lang(en_GB):before {
    content: "Kdv Include" !important;
    white-space: nowrap;
    font-size: 10px;
    padding-left: 2px;
}

.onoffswitch-inner:before {
    text-align: left;
    padding-left: 20px;
    color: #FFFFFF;
    background-color: #36a3f7;
    transition: all 0.25s ease;
}

.onoffswitch-inner:after {
    content: "Hariç";
}

.onoffswitch-inner:lang(tr_TR):after {
    content: "Hariç" !important;
}

.onoffswitch-inner:lang(en_GB):after {
    content: "Exclude" !important;
}

.kdv-dahil-label .onoffswitch-inner:after {
    content: "Kdv Hariç";
}

.kdv-dahil-label .onoffswitch-inner:lang(tr_TR):after {
    content: "Kdv Hariç" !important;
    white-space: nowrap;
    font-size: 10px;
    padding-right: 3px;
}

.kdv-dahil-label .onoffswitch-inner:lang(en_GB):after {
    content: "Kdv Exclude" !important;
    white-space: nowrap;
    font-size: 10px;
    padding-right: 3px;
}

.onoffswitch-inner:after {
    background: #919faf;
    text-align: right;
    padding-right: 20px;
    cursor: pointer;
    transition: all 0.25s ease;
}

.onoffswitch-switch {
    margin: 0;
    display: block;
    width: 16px;
    height: 16px;
    background: #FFFFFF;
    position: absolute;
    top: 1px;
    left: 1px;
    border-radius: 50%;
    border: 2px solid #919fae;
    transition: all 0.25s ease;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 1px;
    left: auto;
}

/*Yeni Eklenenler*/
#MesajBildirim span button.simgeButon {
    padding: 0px!important;
    vertical-align: middle;
}
input[type="button"].contextMenu2{
    margin-top: 2px!important;
}
input[type="button"].contextMenu.kapat{
    margin-top: 5px!important;
}

button[onclick="YeniArizaAc('1')"],
button[onclick="MusteriIade()"],
button[onclick="ArizaAc('tum')"],
input[onclick="ArizaAc('tum')"],
button[onclick="OnarimGonderForm();"],
button[onclick="OnarimDonusForm();"],
button[onclick="TedarikciGonder()"],
button[onclick="TedarikciDonus()"],
button[onclick="OnarimGonder();"],
button.btn-darkBlue
{
	background: #4e5d6c;
	color:#fff;
}
input[onclick="CariOzelkodIslem('Tüm',cariozelkodliste,cariozelkodsecimliste)"]{
    -webkit-transform: scaleX(1)!important;
    transform: scaleX(1)!important;
}



/*.onoffswitch {
	margin-left: 5px;
    position: relative; width: 80px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
	display: inline-block;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    /*border: 2px solid #999999;*//*
	border-radius: 10px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Dahil";
}
.onoffswitch-inner:lang(tr_TR):before {
    content: "Dahil" !important;
}
.onoffswitch-inner:lang(en_GB):before {
    content: "Include" !important;
}
.onoffswitch-inner:before {
	padding-left: 10px;
    background-color: #EEEEEE; color: #999999;
}
.onoffswitch-inner:after {
    content: "Hariç";
}
.onoffswitch-inner:lang(tr_TR):after {
    content: "Hariç" !important;
}
.onoffswitch-inner:lang(en_GB):after {
    content: "Exclude" !important;
}
.onoffswitch-inner:after {
	padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 10px; margin: 3px;
    background: #A1A1A1;
    position: absolute; top: 0; bottom: 0;
    right: 60px;
    /*border: 2px solid #999999;*//*
	border-radius: 10px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background-color: #506475;
}

.fa-s:before {
	content: 'S';
}*/

button.resimButon2.sag3 {
  background-image: url('../../../../resimler/button_icon/default/sag3.svg')!important;
}

button.resimButon2.sol3 {
  background-image: url('../../../../resimler/button_icon/default/sol3.svg')!important;
}
button.gears {
  background-image: url('../../../../resimler/button_icon/default/disliler.svg')!important;
}
input[Type="button"].yazdir3, button.yazdir3 {
  background-image: url(../../../../resimler/button_icon/default/yazdir3.svg)!important;
}
/*button.atac {*/
/*  background-image: url(../../../../resimler/button_icon/default/atac.svg)!important;*/
/*}*/
#confirmdokumanConfirm button.home_icon {
  background-image: url(../../../../resimler/button_icon/default/home_icon.svg)!important;
}
#confirmdokumanConfirm button.dosya {
  background-image: url(../../../../resimler/button_icon/default/dosya.svg)!important;
}
#confirmdokumanConfirm button.klasor_ac {
  background-image: url(../../../../resimler/button_icon/default/klasor_ac.svg)!important;
}

button#ctrlPbutton:focus, button#yazdirAltsecenekButton:focus {
    border: 0 !important;
}
/*.yenile {*/
/*  background-image: url(../../../../resimler/button_icon/default/yenile.svg)!important;*/
/*  background-color: transparent!important;*/
/*}*/
button.simgeButon.yenile, button.simgeButon12.yenile {
  background-image: url(../../../../resimler/button_icon/default/yenile-siyah.svg);
}