/****************************
 * Pandemik Vaka Simulatoru *
 * Huseyin Atasoy           *
 * 04/05/2020               *
 * www.atasoyweb.net        *
 ****************************/
html,body { padding:0;margin:0; }
body * { max-height:1000000px; } /* Mobil Chrome'un font boosting sacmaligi icin :/ */
body { background:#efefef;font-size:18px;width:100%;height:100%;margin:0 auto;max-width:1500px; }
h1,h2,h3 { text-align:center;margin:0;margin:15px 0; }
h1 { font-size:24px;line-height:50px; }
h2 { font-size:20px; }
h3 { font-size:18px;text-align:left; }
#gdis { width:100%;padding:0;margin:0;margin-bottom:20px;min-width:680px; }
#grafik { border:2px #317b12 solid;border-radius:20px;overflow:hidden;min-height:300px;height:400px;height:40vh;margin:0 25px; }
#bilgi { background:#c0e0c9;border:1px #307b10 solid;border-radius:10px;padding:0 15px;margin:20px 25px;min-width:600px; }
form { margin:0 auto;padding:0;width:680px; }
table { margin-top:20px;border-radius:10px;overflow:hidden;border:2px #ccc solid;width:100%;border-spacing:0; }
td { background-color:#e9ece9;padding:5px;border-top:1px #ccc solid; }
tr:first-child td { border:none; }
td.sbtg { width:40%; }
tr.cift td { background-color:#ddd; }
td.baslik { background:#fff;text-align:center!important;font-weight:bold;font-size:18px;padding:7px; }
#secenekler { padding:10px 0;background:#ffffff;border-radius:5px;border:1px #ccc solid;text-align:center; }
#detay { height:225px;overflow-y:auto;margin-top:20px;border-radius:5px;border:2px #ccc solid; }
#detay table { border:none;border-radius:0;margin:0; }
#detay td { text-align:left; }
#detay td:first-child { width:130px; }
input,select { width:80px;font-size:90%;background:#fff;border:1px #9a3c3c solid;margin:0;padding:6px;box-sizing:border-box;border-radius:5px; }
.r1 { color:#3366cc; }
.r2 { color:#109618; }
.r3 { color:#ff9900; }
.r4 { color:#dc3912; }
.cb { display:inline;user-select:none; }
.cb input { display:none; }
.cb label { cursor:pointer;margin-right:10px; }
.cb label.r4 { margin-right:0; }
.cb label:before { display:inline-block;width:20px;height:20px;margin-right:5px;content:"\00a0";vertical-align:bottom;background:#eee;border-radius:3px;border:1px #aaa solid; }
.cb input:checked ~ label:before { background:url('isaret.png');background-repeat:no-repeat;background-size:20px 20px; }
.cb input:checked ~ label.r1:before { background-color:#3366cc; }
.cb input:checked ~ label.r2:before { background-color:#109618; }
.cb input:checked ~ label.r3:before { background-color:#ff9900; }
.cb input:checked ~ label.r4:before { background-color:#dc3912; }
p { margin: 10px 0; }
#dil { font-size:60%;position:absolute;right:40px;top:14px; }
ul { margin:0;margin-left:25px;padding:0; }
img { vertical-align:top;height:50px; }
.btn { transition:background;transition-duration:0.2s;width:auto!important;border-radius:5px;outline:none;background:#9a3c3c;color:#eee;padding:5px 10px;margin:5px 0; }
.btn:hover { background:#317b12; }
.ort { text-align:center!important; }
.saga { text-align:right!important; }
.tam { width:100%!important;margin-top:5px; }
.saydam { background:transparent; }
.kopirayt { padding-bottom:20px;font-size:90%;text-align:center; }
a,a:visited { color:#9a3c3c;text-decoration:none; }
a:hover { color:#9a3c3c; }