/* CSS Document */
html {
    height: 100%;
}
body
{
	background-color:#fff; font-family: 'Open Sans', Arial, Helvetica, sans-serif;     font-size: 14px; min-height: 100%;
	margin:0px; margin-bottom: 100px;
}


a { color:#571102; font-weight:600 }

h1 { font-size:25px; margin: 15px;  margin:5px; color:#591000; font-weight: 600; letter-spacing: -1px;}

h2 { color: #8d5a39;
text-align: left;

display: block;

font-weight: 400;
margin-bottom: 6px;
margin-top: 25px; }

h3 { color: #333; text-align:left  }

*:focus-visible {outline: none; background-color: #fff !important}

.div_980 { width:98%; max-width:1200px; }



.ortanca_menu
{
	display: flex; gap:4px;
	text-align: left;
	margin-bottom: 10px
	
}
.ortanca_menu a {
    padding: 8px;
    background-color: antiquewhite;
    color: #111;
    border-radius: 3px;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
}


.ortanca_menu a.selected {
    background-color: #de9837;
    color: #fff;
    border: 1px solid #de9837;
}

.ortanca_menu a:hover
{
	background-color:#fff;
	color: #111;
	text-decoration:none;
}

.ortanca_menu .turuncu
{
	background-color:#d95d00 !important;
	color: #fff;
}

.ortanca_menu .turuncu:hover
{
background-color:#c20217  !important;color: #fff
}

.table_class { border: 1px solid rgb(238, 238, 238); font-size:14px;}
.table_class a {    color: #c70000;
    width: 100%;
    display: inline-block;
    font-weight: 600;
    border: none;
   
    padding-left: 5px;
	line-height: 30px;
	
	}
.table_class a:hover {color:#d10a11; font-weight:600;}
.table_class td { border-bottom: dotted rgb(238, 238, 238); border-width: thin; border-right: 1px solid #eee}
.tr_class0 { background-color:#faf9f9 !important; }
.tr_class1 { background-color:#fff !important; }
.tr_class2 {     background-color: rgba(0, 0, 0, 0.06) !important;

    font-size: 13px;
    color: #7b7b7b; }
.tr_class_red {     background-color: rgba(255, 0, 0, 0.14) !important; }
.tr_class_green {     background-color: rgba(0,255,92,0.14) !important; }	
	
.tr_class0:hover, .tr_class1:hover
{
	background-color:#eee; 
}



.table_class tr:nth-child(2n+1) {
     background-color:#faf9f9;
}

.table_class tr:nth-child(2n+2) {
     background-color:#fff; 
}

.table_class tr:first-child {
    background-color: rgba(0, 0, 0, 0.06);

    font-size: 13px;
    color: #7b7b7b;
}


.td_aktif { width: 11px;
    height: 11px;
    background-color: #78e4ac;

    border-radius: 19px;
	border:none !important;
	}
.td_pasif { width: 11px;
    height: 11px;
    background-color: #ddd;
	border:none !important;
    border-radius: 19px; }
.td_kirmizi { width: 11px;
    height: 11px;
    background-color: #EF0000;

    border-radius: 19px;
	border:none !important;
	}		
.td_kopyala { background-image:url(images/copy_icon.png); width:16px !important; height:16px; background-repeat:no-repeat; display: block; border:none !important}	
.td_duzenle { background-image:url(images/edit_icon.png); width:16px !important; height:16px; background-repeat:no-repeat; display: block; border:none !important}
.td_sil { background-image:url(images/delete_icon.png); width:16px !important; height:16px; background-repeat:no-repeat; display: block; border:none !important}


/*SAYFALAMA*/

.kayit_sayisi_div { width:100%; display:flex; background-color:#fff;  padding:8px; box-sizing:border-box; }
.kayit_sayisi { text-align:left; width: 50%; color:#de9837}

.sayfalama { width: auto; 
right: 0;
width: 50%; }

.sayfalama ul{
	float:right;
	margin:0px;
	padding:0px;
	height:100%;
	overflow:hidden;
	list-style-type:none;	
}

.sayfalama ul li{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:5px;
}

.sayfalama ul li:first-child{
	margin-left:0px;
}

.sayfalama ul li a{
	color:black;
	display:block;
	text-decoration:none;
	padding: 3px 7px 3px 7px;
	border: 1px solid #ddd;
	text-decoration: none; /* no underline */
	color: #666;
	font-size:11px;
	
}

.sayfalama ul li a:hover, .sayfalama ul a:active 
{
	border: 1px solid #666;
	color: #000;
}


.sayfalama ul li a.current
{
	border: 1px solid #666;
	font-weight: 600;
	background-color: #666;
	color: #FFF;
}


.sayfalama ul li a img{
	border:none;
}

/**/




/* HATA MESAJLARI UYARI DIV */
.gizle { display:none}
.goster { display:block}


.div_popup_gizlen
{
	 display:none;  
}

.div_popup_gorun
{
	 display:inline-block;  position:fixed; z-index:999999999; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.30);
}
.uyari_mesaji
{
	position: fixed;
	margin: auto !important;
	left: 0;
	right: 0;
	top: 300px;

	width: 40%;
	height: 0px;
	padding: 10px;

}

.uyari_mesaji span
{
	padding: 30px; display:block;	
		color: #fff;
	border-radius: 5px;
	text-align: center;
	font-weight:600;
	
box-shadow: 2px 2px #666;
color:#000;
}

.hata_mesaji
{
	background-color:#fff;
	border: 5px solid #f7b9b9;
}		

.bilgi_mesaji 
{
	background-color:#fff	;
	border: 5px solid #B9F7BC;
}

.kapat_butonu
{
	position:absolute; margin-top:-44px; right:-31px; 
	width:45px; height:45px;   
	background-image:url(images/kapat.png); background-repeat:no-repeat; 
	cursor:pointer;
}

/**/


/*HEADER ICONS*/
#header_ust_div 
{
    width: 100%;
    min-height: 100px;
}

#header_ust_div .div_980 
{
    display: grid;
    grid-template-columns: 300px auto;
    grid-column-gap: 20px;
    margin: auto;
}

#header_logo 
{
    width: 290px;
    height: 64px;
    position: relative;
    background-image: url(images/yemek-fabrikasi-logo.webp);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10;
    margin-top: 17px;
	display: block;
}


.menu_icon {display: none}

.uye_menu_div {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    margin-top: 33px;
    grid-auto-rows: 40px;
	grid-gap: 3px
}
.uye_menu_div a {
    background-color: #ffffff;
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 600;
    background-repeat: no-repeat;
    background-position: 10px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 40px;
    border: 1px solid #eee;
    background-image: none;
}
.uye_menu_div a.selected_a {
    background-color: #faebd7  !important;
    border: 1px solid #ddd;
}


.uye_menu_div a:hover
{
	 text-decoration:none;
	background-color: antiquewhite;
}

.uye_menu_icon_mesaj{background-image:url(images/icon31.png);}
.uye_menu_icon_kitap{background-image:url(images/icon32.png);}
.uye_menu_icon_basvuru{background-image:url(images/icon33.png);    }
.uye_menu_icon_hazirlik{background-image:url(images/icon34.png);}
.uye_menu_icon_oneri{background-image:url(images/icon35.png);}
.uye_menu_icon_ayarlar{background-image:url(images/icon36.png);}
.uye_menu_icon_cikis{background-image:url(images/icon37.png);      }
.uye_menu_icon_panel{background-image:url(images/icon38.png); }
.uye_menu_icon_yemek{background-image:url(images/icon41.png);   }
.uye_menu_icon_yetkili{background-image:url(images/icon42.png);}
.uye_menu_icon_yetki_talepleri{background-image:url(images/icon43.png);}
.uye_menu_icon_denetciler{background-image:url(images/icon44.png);     }
.uye_menu_icon_takvim{background-image:url(images/icon45.png);}
.uye_menu_icon_anketler{ background-image:url(images/icon48.png);    } 
.uye_menu_icon_download{ background-image:url(images/icon51.png);} 
/**/

.yemek_maliyeti_yesil
{
	color: #fff;
background-color: #11ae43;
font-size: 18px;
text-align: left;
padding: 6px;
border-radius: 5px;
font-weight: 600;
display: inline-block;
}

.yemek_maliyeti_kirmizi
{
	color: #fff;
	background-color: #c70000;
	font-size: 18px;
	text-align: left;
	padding: 6px;
	border-radius: 5px;
	display: inline-block;
}

.fiyat_container
{
	position:relative;
}

.fiyat_cell_1
{
	display: inline-block;
	margin-right: 20px;
	float: left;
}

.fiyat_cell_2
{
	float: right; margin-right:20px;
}

.fiyat_cell_3
{
	position:absolute; right:4px; cursor:pointer

}


.tablom1 thead td 
{
	background-color:#f0f0f0; font-size:11px; color: #666666;
}

.tablom1 thead th 
{
	background-color:#f0f0f0; font-size:11px; color: #666666;
}

.tablom1 tbody tr:hover td:nth-of-type(1)
{
	background-color:#f5f5f5;
}

.tablo_border, .tablo_border td
{
	border:1px dotted #ccc;
}

.yemek_div
{
padding: 5px;
border: 1px solid #dadada;

display: flex;
margin: 4px;
background-color: #fffaf1;
position: relative;
height: 35px;
width: 240px;
}

.yemek_div:hover
{
	background-color:#fff;
}
.yemek_div .yemek_sil:hover 
{
	opacity: 1
}

.yemek_div .yemek_sil {
    background-image: url(images/delete_icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 100%;
    display: inline-block;
    margin: auto;
    right: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    background-position: center;
    border-left: 1px solid #ccc;
    opacity: 0.3;
}

.yemek_div .yemek_a
{
	font-size: 13px;
color: #000;
width: 180px;
padding: 4px;
display: block;
position: absolute;
margin: auto;
    margin-right: auto;
top: 0;
bottom: 0;
margin-right: 10px;
left: 0;
box-sizing: border-box;
}

.yemek_div .yemek_a:hover
{
	text-decoration:none;
}

.yemek_ekle_div
{
	padding:20px; 
}

.yemek_satiri_tr:hover .yemek_ekle_div
{
	
}

.kirmizi_linkim
{
	background-color: #EA0000;
    color: #fff;
    padding: 5px;
	text-decoration:none;
}

.kirmizi_linkim:hover
{
	background-color:#000;
	text-decoration:none;
}


.style1 {
	
	font-size: 13px;
	color:#333333;
}


.style10 {
    font-size: 13px;
    color: #333;

}


.styleloginjamie {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #065694;
}

.styleloginjamie2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #065694;
}

.styleloginjamie3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #065694;
}



.style2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}



.kirmizibuton{color:#FFFFFF; background-color:#F63B8C; border:none;font-size:12px;height:20px}
.kipkirmizibuton{color:#FFFFFF; background-color:#FF0000; border:none;font-size:12px;height:20px}
.yesilbuton{color:#FFFFFF; background-color:#666666; border:none;font-size:11px; font-weight:normal; height:20px;  cursor:pointer}


.iletisimformu {	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.style3 {
	font-size: 11px;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
}


a:link {
	
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	
}
a:hover {
	text-decoration: underline;
	
}
a:active {
	text-decoration: none;
	
}
.selectbox1 {width:190px; border:thin; border:#FF0000;  font-size:12px; color:#000066}
.selectbox11 {width:190px; border:thin; border:#FF0000;  font-size:12px; color:#000066}
.selectbox111 {width:190px; border:thin; border:#FF0000;  font-size:12px; color:#000066}

.style5 {
	
	font-size: 11px;
	color: #666666;
	background-color:#E4E4E4;
}

.style_11_beyaz {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
}
.style6 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#2DA4CF;
}

.tableicerigi {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#999999;
}

.style13 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.beyaz12px {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	
}

.style14 {
	color: #C22CC3;
	
	font-size: 12px;
}

.style15 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000}
.mavibuton{color:#FFFFFF; background-color:#0099CC; border:none;font-size:12px;height:20px}

.pembebuton{color:#FFFFFF; background-color:#C22CC3; border:none;font-size:12px;height:20px}
.turuncubuton{color:#FFFFFF; background-color:#FF6600; border:none;font-size:12px;height:20px}
.turuncubutonyuksek{color:#FFFFFF; background-color:#FF6600; border:none;font-size:18px;height:50px; font-weight:bold}
.pembe{color:#C22CC3; border:none;font-size:12px;}

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #999999;
} /* This hover code won't work for IE */

.stylefont25 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 35px;
	
}
.stylefont26 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 25px;
	
}
.stylesarkilar {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.adminpageheader {
	
	font-size:12px;
	color:#074E86;
}	

.tronmouseover
{
	background-color:#F4F4F4;
}

.tronmouseout
{
	background-color:#FFFFFF;
}

.resulttable {


}

.textbox {
    border: solid 1px #c3c3c3;
    background-color: #f1f1f1;
    /* height: 20px; */
    width: 250px;
    padding: 5px;
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    border-radius: 3px;
}




.textbox2 {

border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
 line-height: 25px;
width:70px;
padding:5px;

font-size:14px;
color:#333333;}

.textbox_fiyat {

text-align:right;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
 line-height: 25px;
width:250px;
padding:5px;

font-size:14px;
color:#333333;}

.textbox_miktar {

text-align:right;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
 line-height: 25px;
width:100px;
padding:5px;

font-size:14px;
color:#333333;}

.textbox_sayi {

text-align:right;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
line-height: 25px;
width:40px;
padding:5px;

font-size:14px;
color:#333333;}

.textarea {

font-size:14px;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
height:180px;
width:250px;
padding:5px;
}

.textarea2 {

font-size:14px;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
height:60px;
width:250px;
padding:5px;
}

.textareawide {
font-size:14px;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
height:180px;
width:500px;
padding:5px;
}

.textareawide2 {
font-size:14px;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
height:180px;
width:750px;
padding:5px;
}
.textareaverylong {
font-size:12px;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
height:500px;
width:750px;
padding:5px;
}


.submitbutton {
font-size:14px;
color:#FFFFFF;
border:none;
background-color:#666666;
 line-height: 25px;
width:100px;
padding:5px;
cursor: pointer;
}

.submitbutton2 {
font-size:14px;
color:#FFFFFF;
border:none;
background-color:#666666;
 line-height: 25px;
padding:5px;}

.selectbox {
color:#333333;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
height:30px;
width:260px;
padding:5px;}

.selectbox2 {
color:#333333;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
height:30px;
width:100px;
padding:5px;}

.multiselectbox {
color:#333333;
border:solid 1px	#c3c3c3;
background-color:#f1f1f1;
width:260px;
padding:5px;}

th.headerSortUp { 
    background-image: url(images/asc.gif); 
    background-color: #3399FF; 
	background-repeat: no-repeat; 
}

th.headerSortDown { 
    background-image: url(images/desc.gif); 
    background-color: #3399FF; 
	background-repeat: no-repeat; 
}

th.header { 
    background-image: url(../img/small.gif);     
    cursor: pointer; 
    font-weight: bold; 
    background-repeat: no-repeat; 
    background-position: center left; 
    padding-left: 20px; 
    border:none;
    margin-left: -1px; 
} 
.linkcolor {
	font-size: 12px;
	color: #015378;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration:none;
}	
.articletext {
	color: #333333;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.topmenulink
{
	color: #ffffff;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	
}

@media only screen and (min-width: 100px) and (max-width: 1023px) 
{
	.div_980 {width: 98%}
	#header_ust_div  {border-bottom: 1px solid #ccc;}
	#header_ust_div .div_980 {display: block}
	#header_logo {margin-top: 33px}
	.menu_icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 43px;
    height: 20px;
    text-align: center;
    background-color: #571100;
    color: #fff;
    padding: 5px;
	cursor: pointer;
}
	.uye_menu_div {display: none}
	.uye_menu_div a {display: block; margin-bottom: 2px; }
}