/*
TR
Orijinal Kodlayan: Yusuf Hasan ÇELİK
İletişim İçin: yusuf.hc132@gmail.com
©2023 Tüm Hakları Saklıdır

EN
Original Coder: Yusuf Hasan ÇELİK
For Contact: yusuf.hc132@gmail.com
©2023 All Rights Reserved
*/
*{
	text-align: center;
}

body{ font-family: 'Dosis', sans-serif; overflow-x:hidden; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; font-size: 20px; line-height: 1.4em !important; color:#2c3e50; padding-bottom:100px; }

table td { padding-bottom:10px; }


input { display: inline-block; width: 90px; padding: 0.375rem 0.45rem; margin-left:10px; margin-right:5px; font-size: 1.2rem; color:#e67e22; font-weight: bold; line-height: 1.5; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-appearance: none; -moz-appearance: none;
appearance: none; border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
input:disabled { background-color: #e9ecef; opacity: 1; color:#2c3e50; }
nav input { display: inline-block; width: min-content; padding: 0.375rem 0.45rem; margin-left:10px; margin-right:5px; font-size: 1.2rem; color:#e67e22; font-weight: bold; line-height: 1.5; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-appearance: auto; -moz-appearance: auto;
appearance: auto; border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }
input::placeholder{color:#aaa;font-weight: normal;}

.blue { color:#4f799b; }
.orange { color:#e67e22;}

/*navbar*/

.navbar-brand img { width:215px; }

/* setting */

.hesaplama-container .hesaplama { border-radius:10px; padding:40px; }

.switches { position:relative; display: inline-block; top:3px; margin-left:5px; margin-right:10px; } 
.switches button { position:relative; background:transparent; border:0; padding:0; width:24px; height:12px; display: block; cursor: pointer; opacity: 0.5; transition: all 0.2s ease; }
.switches button:nth-child(1):after {content:url('../img/arrow-up.png'); position:absolute; top:-10px; left:0; width:24px; height:12px; }
.switches button:nth-child(2):after { content:url('../img/arrow-down.png'); position:absolute; top:-10px; left:0; width:24px; height:12px;}
.switches button:nth-child(1){ margin-bottom:6px; }


/* pagination */

#head-numbers ul { display:inline-block; list-style:none; margin:0; padding:0; }
#head-numbers ul li { display:inline; margin-right:5px; overflow:hidden; } 

.upButton { display:inline-block; padding:0; border:0; background:transparent; text-decoration:none; cursor:pointer; margin-bottom:5px;}
.upButton span { display:block; padding:0; background:#95a5a6; border-radius: 15px; width:30px;  height:30px; border:0; font-weight:bold; color:#ffffff; line-height:30px; }
.upButton span.aktif { display:block; padding:0; background:#4f799b; border-radius:15px; width:30px; height:30px; border:0; font-weight:bold; color:#ffffff; }
.upButton span.yesil { display:block; padding:0; background:#27ae60; border-radius:15px; width:30px; height:30px; border:0; font-weight:bold; color:#ffffff; }

.yesil { color:#27ae60; font-weight:bold; }
.aktif { color:#4f799b; font-weight:bold; }

/* page start */

#page_Start .btn-primary { font-weight:bold; background:#4f799b; border:none; padding-left:50px; padding-right:50px; }
#page_Start .start-container { display:block; width:100%; overflow:hidden; position:fixed; left:0; bottom:0; padding:20px 0px; background: rgba(189,195,199,0.8); text-align:center; }


/* page 1 */

/*.icons-badge {display:inline-block;}*/
.icons-badge a {/*display:inline-block;*/ position:relative; margin-right:40px; margin-bottom:20px; text-transform:capitalize; text-decoration:none;}
.icons-badge a:last-child {margin-right:0;}
.icons-badge a img {width:125px; margin-bottom:10px;}
.icons-badge a span {display:block; color:#4f799b; font-weight:bold;}

.gecici_text{ position: absolute; bottom: -60px; width:140px; margin-left:-10px; color: white; background-color: #e74c3c; padding: 10px; border-radius: 10px; font-size:15px; }

/*ısıtma icons */

.isitma-icons {display:inline-block;}
.isitma-icons a {display:inline-block; position:relative; margin-right:20px; margin-bottom:20px; text-transform:capitalize; text-decoration:none;}
.isitma-icons a:last-child {margin-right:0;}
.isitma-icons a img {width:76px; margin-bottom:10px;}
.isitma-icons a span {display:block; color:#2c3e50; font-weight:bold;}


/* ozet tablo*/

.ozet-tablo td, .ozet-tablo th { vertical-align: middle!important; }
.ozet-tablo td, .ozet-tablo th, .ozet-tablo input, .ozet-tablo td label {font-size:16px; text-align:left; line-height:150%;}
.ozet-tablo h4, .ozet-tablo h5, .ozet-tablo h4, .ozet-tablo div {text-align:left; margin-bottom:0;} 
.ozet-tablo ozet-tablo input[type=text] {width:90px; margin-left:0; text-align:center;}
.ozet-tablo .switches {top:6px;}
.ozet-tablo nav {text-align:left;}

.ozet-tablo th.bg-gray {background-color:#95a5a6; color:#ffffff;}

.w-25 { width: 25%!important;}
.w-23 { width: 23%!important;}
.w-20 { width: 20%!important;}
.w-32 { width: 32%!important;}

.ozet-isitma-icons a {display:inline-block; margin-right:10px; color:#2c3e50; text-decoration:none; font-weight:bold;}
.ozet-isitma-icons a span {display:block;}

/* finish toble*/

.finish-table td input {width:270px; text-align:left; color:#2c3e50;}
.finish-table td input.btn-kodyenile {font-weight: bold; font-size:18px; width:auto !important; background: #0d6efd; color:#ffffff; border: none; }
.finish-table td input.btn-gonder {font-weight: bold; font-size:18px; width:auto !important; background: #27ae60; color:#ffffff; border: none; }


/* other css */

.text-uyari { font-size:16px; font-weight:bold;}

#img_captcha{ border-style:double; border-color: black; margin-left: auto; margin-right: auto; width: 200px;height:50px; margin-left:10px; border-radius:10px; }

#page_ileri_geri_buttons { display:block; width:100%; overflow:hidden; position:fixed; left:0; bottom:0; padding:20px 0px; background: rgba(79,121,155,0.6); text-align:center; }
#page_ileri_geri_buttons .btn-outline-primary{ font-weight:bold; color:#4f799b; background:#ffffff; border-color:#4f799b; padding-left:50px; padding-right:50px; font-size:18px; }


.fadeIN { animation: fadeIn 0.3s linear forwards; }
.fadeOUT { animation: fadeOut 0.3s linear forwards; }

@keyframes fadeIn{
0% { display:block;opacity:0; }
100% { opacity:1; } 
}
@keyframes fadeOut{
0% { opacity:1; }
100% { opacity:0;display:none; } 
}

.uyari {
animation: Uyari 4s linear forwards;
}
@keyframes Uyari{
0% { opacity:0; }
40% { opacity:1; }
60% { opacity:1; }
100% { opacity:0; } 
}