@charset "utf-8";
/* CSS Document */

html,body { height:100%; }
div#div_page { min-height:100%; }

header div#div_banner { border:1px solid rgba(219,153,79,1.00); border-width:0px 0px 1px 0px; padding-bottom:10px; padding-top:10px; }
header a.banner img { height:100px; }
footer { margin-top:10px; }

button.btn-main, a.btn-main { font-size:20px; line-height:50px; margin-top:25px; /*margin-bottom:25px;*/ }
button.btn-main span.glyphicon,
a.btn-main span.glyphicon { float:left; margin:15px 0px 0px 15px; }
button.btn-main,
a.btn-main,
div#div_slogan,
div#div_info { border-radius:10px; box-shadow:0px 0px 5px #999;  }
div#div_slogan,
div#div_info,
div.div-ortak { background-color:#e6f0ff; }
div#div_slogan,
div#div_info { padding:25px; margin-bottom:25px; }
div#div_slogan div { font-size:48px; font-weight:bold; text-align:center; line-height:60px; }
div#div_slogan div span { transform:rotate(-90deg); }
div#div_info div { font-size:24px; text-align:center; }
div#div_info div a { font-size:inherit; }

div.div-ortak { padding:10px; border-radius:10px; box-shadow:0px 0px 5px #999; margin:10px 5px; }
div.div-ortak-bas { height:50px; font-size:18px; }
div.div-ortak a { font-size:16px; width: 100%; overflow: hidden; text-overflow: ellipsis; }

footer div.row div.ui-state-default { padding-bottom:20px; }

div.frm-str { margin-bottom:2px; }
div.frm-str label { margin-top:5px; }

/* panel */
table#tbl_basvurularim { width:100%; border:0px; border-collapse:separate; border-spacing:1px; }
table#tbl_basvurularim thead th { background-color:#337ab7; border:1px solid #337ab7; color:#fff; line-height:30px; }
table#tbl_basvurularim thead tr th:nth-child(1) { border-top-left-radius:5px; }
table#tbl_basvurularim thead tr th:nth-child(4) { border-top-right-radius:5px; }
table#tbl_basvurularim tbody td { background-color: #eee; line-height:30px; }

/* basvuru */
div.div-katalog-no { width:40px; height:30px; background-color:#156B96; color:#fff; position:absolute; bottom:0px; left:0px; 
                     line-height:28px; }
div.div-malzeme-alt { text-align:center; width:45%; height:75px; position:absolute; bottom:5px; right:10px; }
div.div-malzeme-alt h3 { margin:0px 0px 10px 0px; display:inline-block; }
div.div-malzeme-alt h6 { display:inline-block; margin-left:5px; }

@media (min-width:992px) {
  html,body { background-color:#e6f0ff; }
  div#div_page { box-shadow:0px 0px 25px #333; background-color:#fff; }
}

@media (min-width:992px) and (max-width: 1199px){
  div#div_slogan div { font-size:36px; }
  div#div_info div { font-size:18px; }
}