:root{
    --pbl_color:#;
    --pbl_color2:#;
}

body{
	background-image: url(https://kolaydrill.com/uploads/p/o/crossword.png);
}

/************************************************************ color ************************************************************/
.sepet_temizle, .sepet_fiyat, .sepet_urun, .home_button i, .basketandpay p span:hover, .pobol-e-ticaret a, .menu_alt:hover, .menu_alt a p:hover,
.menu_alt a p:hover .sayfa_sol ul li:hover, .sayfa_sol ul li:hover a, .filtreleme_icon:hover, .ekmek_kirintisi ul li:hover, .soru_isareti_l:before, .soru_isareti_r:after, .kategori_alt_kategori li:hover, .kategori_alt_kategori li:hover a, .haberler i, .sayfa_numara a, .us_isim h1, .us_urun_ozellikleri i, .us_urun_yorum_isim, .sp_detaylari_u_bilgiler a span, .link, .accordion_tab ul li h1, #simplemodal-container a.modalCloseImg:before, .us_yazismalar li.selected, .list_payy:hover, .page_list_product ul li:hover .page_list_product_name p, .tm_kat_alt_kat:hover, .hesabim_icon.entry i, .not_empty
{color: #;}

/************************************************************ bg color ************************************************************/
.sepet_git, .sepet_temizle:hover, .header_karsilastirma, .puan, .menu ul li:hover, .header_top ul li, .dropdownlist2 ul li:hover, .top_area_left_menu ul li span:hover, .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span, .basketandpay ul li:hover, .kategori_baslik, .footer_top_area, .dip_menu a span:hover, .pc_menu ul li:hover, .karsilastir, .dip_sosyal_medyalar i:hover, .sayfa_sol h1, .sayfa_numara a:hover, .sayfa_numara a.select, .us_yazismalar li:hover, .uye_bilgi_sol ul li:hover span, .uye_bilgileri_secenekler ul li:hover, .uye_bilgi_sol ul li.selected span, a .sip_col6:hover, .sp_detaylari_u_adet, .sp_detaylari_u_incele, .grid ul li .col a span:hover, .favori_urunlerden_kaldir, .adres_sil, .basketandpay ul li.selected, .ac_over, .arc_dis, .hesap_toggle ul li:hover, .promosyon, .m_miktar
{background-color: #;}

/************************************************************ border color ************************************************************/
.sepet:hover .sepet_fiyat, .sepet:hover .sepet_urun, .sepet:hover .sepet_butonlar, .dropdownlist2 ul li:hover, .top_area_left_menu:hover, .top_area_left_menu span, .top_area_left_menu ul li span:hover, .product ul li:hover, .category ul li:hover, a.home_button:hover, .menu_alt:hover, .ic_golge_kutu, h3, .sayfa_numara a:hover, .sayfa_numara a.select, .filtrele_text, .thumbs ul li, .uye_bilgi_sol ul li:hover, .uye_bilgi_sol ul li.selected, #simplemodal-container, #simplemodal-container a.modalCloseImg, .page_list_product ul li:hover .page_list_product_img
{border-color: #;}

.green_color{color:#3f8e00;}
.red_color{color:#ff0000;}
.orange_color{color:#fd850b;}

.green_bcolor{background-color:#3f8e00;}
.red_bcolor{background-color:#ff0000;}
.orange_bcolor{background-color:#fd850b;}

/*bar renkleri*/
.yesil{background-color: rgba(0, 255, 0 ,1);}
.sari{background-color: rgba(255, 204, 0 ,1);}
.turuncu{background-color: rgba(239, 155, 17 ,1);}
.mavi{background-color: rgba(0, 102, 204 ,1);}
.pembe{background-color: rgba(255, 0, 153 ,1);}
.kirmizi{background-color: rgba(204, 0, 0 ,1);}

/*text renkleri*/
.yesil_text{color: rgba(0, 255, 0 ,1);}
.sari_text{color: rgba(255, 204, 0 ,1);}
.turuncu_text{color: rgba(239, 155, 17 ,1);}
.mavi_text{color: rgba(0, 102, 204 ,1);}
.pembe_text{color: rgba(255, 0, 153 ,1);}
.kirmizi_text{color: rgba(204, 0, 0 ,1);}

/*Uyarılar*/
.uyari.yesil{background-color: rgba(25, 177, 25 ,1);border:1px solid rgba(0, 164, 0 ,1);}
.uyari.turuncu{background-color: rgba(255, 142, 0, 1);border:1px solid rgba(216, 120, 0, 0.90);}
.uyari.sari{background-color: rgba(214, 214, 38, 1);border:1px solid rgba(199, 199, 26, 1);color:#404040;}
.uyari.mavi{background-color: rgba(2, 165, 236 ,1);border:1px solid rgba(3, 156, 224 ,1);}
.uyari.kirmizi{background-color: rgba(255, 33, 33 ,1);border:1px solid rgba(189, 0, 0 ,1);}

.eee_bg{background-color:#eeeeee;}
.eee_bgi{background-color:#eeeeee !important;}

/*button renkler*/
.button.gri{
	border: 1px solid #9e9e9e;
	box-shadow: 0 1px 1px #e3e3e3;
	text-shadow: 1px 1px 1px #ffffff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,d1d1d1+100 */
	background: rgb(234,234,234); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(209,209,209,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(209,209,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(209,209,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
}
.button.gri:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d1d1d1+0,eaeaea+100 */
	background: rgb(209,209,209); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(209,209,209,1) 0%, rgba(234,234,234,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(209,209,209,1) 0%,rgba(234,234,234,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(209,209,209,1) 0%,rgba(234,234,234,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.button.yesil{
	border: 1px solid #00A400;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #21D821;
	text-shadow: 1px 1px 1px #365574;
	color:#FCFDFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31ce31+0,19b119+100 */
	background: rgb(49,206,49); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(49,206,49,1) 0%, rgba(25,177,25,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(49,206,49,1) 0%,rgba(25,177,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(49,206,49,1) 0%,rgba(25,177,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31ce31', endColorstr='#19b119',GradientType=0 ); /* IE6-9 */
}
.button.yesil:hover{
	color:#ffffff;
	text-shadow: 1px 1px 1px #365574;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #28C128;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#19b119+0,31ce31+100 */
	background: rgb(25,177,25); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(25,177,25,1) 0%, rgba(49,206,49,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(25,177,25,1) 0%,rgba(49,206,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(25,177,25,1) 0%,rgba(49,206,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b119', endColorstr='#31ce31',GradientType=0 ); /* IE6-9 */
}
.button.turuncu{
	border: 1px solid #D87800;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #FFB457;
	text-shadow: 1px 1px 1px #365574;
	color:#FCFDFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffae47+0,d87800+100 */
	background: rgb(255,174,71); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,174,71,1) 0%, rgba(216,120,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,174,71,1) 0%,rgba(216,120,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,174,71,1) 0%,rgba(216,120,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffae47', endColorstr='#d87800',GradientType=0 ); /* IE6-9 */
}
.button.turuncu:hover{
	color:#ffffff;
	text-shadow: 1px 1px 1px #365574;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #FF8E01;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d87800+0,ffae47+100 */
	background: rgb(216,120,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(216,120,0,1) 0%, rgba(255,174,71,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(216,120,0,1) 0%,rgba(255,174,71,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(216,120,0,1) 0%,rgba(255,174,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d87800', endColorstr='#ffae47',GradientType=0 ); /* IE6-9 */
}
.button.sari{
	border: 1px solid #C7C71A;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #ECEC56;
	text-shadow: 1px 1px 1px #FFFFFF;
	color:#404040;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff8c+0,d6d626+100 */
	background: rgb(255,255,140); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,140,1) 0%, rgba(214,214,38,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,140,1) 0%,rgba(214,214,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,140,1) 0%,rgba(214,214,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffff8c', endColorstr='#d6d626',GradientType=0 ); /* IE6-9 */
}
.button.sari:hover{
	color:#404040;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d626+0,ffff8c+100 */
	background: rgb(214,214,38); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(214,214,38,1) 0%, rgba(255,255,140,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(214,214,38,1) 0%,rgba(255,255,140,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(214,214,38,1) 0%,rgba(255,255,140,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d626', endColorstr='#ffff8c',GradientType=0 ); /* IE6-9 */
}
.button.mavi{
	border: 1px solid #4789C6;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #a3cbf2;
	text-shadow: 1px 1px 1px #365574;
	color:#FCFDFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#76b2eb+0,61a4e4+100 */
	background: rgb(118,178,235); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(118,178,235,1) 0%, rgba(97,164,228,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(118,178,235,1) 0%,rgba(97,164,228,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(118,178,235,1) 0%,rgba(97,164,228,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b2eb', endColorstr='#61a4e4',GradientType=0 ); /* IE6-9 */
}
.button.mavi:hover{
	color:#ffffff;
	text-shadow: 1px 1px 1px #365574;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4195e2+0,76b2eb+100 */
	background: rgb(65,149,226); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(65,149,226,1) 0%, rgba(118,178,235,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(65,149,226,1) 0%,rgba(118,178,235,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(65,149,226,1) 0%,rgba(118,178,235,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4195e2', endColorstr='#76b2eb',GradientType=0 ); /* IE6-9 */
}
.button.kirmizi{
	border: 1px solid #BD0000;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #FF7070;
	text-shadow: 1px 1px 1px #743030;
	color:#FCFDFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5151+0,ff1111+100 */
	background: rgb(255,81,81); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,81,81,1) 0%, rgba(255,17,17,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,81,81,1) 0%,rgba(255,17,17,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,81,81,1) 0%,rgba(255,17,17,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5151', endColorstr='#ff1111',GradientType=0 ); /* IE6-9 */
}
.button.kirmizi:hover{
	color:#ffffff;
	text-shadow: 1px 1px 1px #365574;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff1111+0,ff5151+100 */
background: rgb(255,17,17); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,17,17,1) 0%, rgba(255,81,81,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,17,17,1) 0%,rgba(255,81,81,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,17,17,1) 0%,rgba(255,81,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1111', endColorstr='#ff5151',GradientType=0 ); /* IE6-9 */

}
.button.acik_kirmizi{
	border: 1px solid #bb2929;
	box-shadow: 0 1px 1px #e3e3e3, inset 0px 2px 2px #F98E8E;
	text-shadow: 1px 1px 1px #743030;
	color:#FCFDFF;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f56f6f+0,e15656+100 */
	background: rgb(245,111,111); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(245,111,111,1) 0%, rgba(225,86,86,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(245,111,111,1) 0%,rgba(225,86,86,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(245,111,111,1) 0%,rgba(225,86,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56f6f', endColorstr='#e15656',GradientType=0 ); /* IE6-9 */
}
.button.acik_kirmizi:hover{
	color:#ffffff;
	text-shadow: 1px 1px 1px #365574;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e15656+0,f56f6f+100 */
	background: rgb(225,86,86); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(225,86,86,1) 0%, rgba(245,111,111,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(225,86,86,1) 0%,rgba(245,111,111,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(225,86,86,1) 0%,rgba(245,111,111,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e15656', endColorstr='#f56f6f',GradientType=0 ); /* IE6-9 */
}