/* body-navbar senkronu için ayarlar */

body {
    padding-top: 94px;
}

footer {
    background-color: light-grey;
}

/* navbar ve baslik.html style işlemleri */

.navbar {
    opacity: 0.85;
    border-bottom: 1px solid #adb5bd;
}
div#logoutconfirm {
    opacity: 0.85;
    border: 1px solid #adb5bd;
}
nav#site_navigation{
    zoom:0.85;
}

/* linklerin tıklanıp tıklanmadığına ilişkin biçimlendirme bölümü */

a.okundumu:link {
    color:red;
    font-weight:bold;
}

/* input alanlarında geçerli ve geçersiz değerler için çerçeve rengi ataması yaptığımız bölüm */

input[name="tip"]{
    border:none;
}

input[name="tutar"]:valid, input[name="faiz"]:valid, input[name="vade"]:valid{
    border-color: green;
}

input[name="tutar"]:invalid, input[name="faiz"]:invalid, input[name="vade"]:invalid{
    border-color: orange;
}

div.col-lg-5 input:invalid {
    border-color: orange;
}

/* buton ve linkler için semboller eklediğimiz bölüm */

button[name="update"]::before{
    content: "\1F58A   "
}

button[name="delete"]::before{
    content: "\1F5D1   "
}

a[name="reportupdate"]::before{
    content: "\1F58A   "
}

a[name="update"]::after{
    content: "  \270F"
}

a[name="delete"]::after{
    content: "  \1F5D1"
}

a[name="logout"]::before{
    content: " \270B  "
}

button[name="logoutcancel"]::before{
    content: " \274C  "
}

/* arkaplan resimleri atayacağımız alanları berilediğimiz bölüm */

div[name="rapor"], div[name="taksitli"]{
    background:url(/static/img/LOGO-HAYALET.jpg) center repeat-y;
    /* background-attachment: fixed; */
}


/* arkaplan resmini engelleyen elementler için tranparency tanımları */

img[name="reportimage"]{
    opacity: 0.40;
}


/* firma analiz ve görüş formu için kulakçıklar eklenmiştir. */

.kulaklar{
    height:40px;
    width:10%;
    border:1px solid;
    border-bottom:1px solid blue;
    float:left;
    overflow:hidden;
    cursor:pointer;
    font-style:italic;
    text-align:center;
    background-color:grey;
    color:white;
    border-radius:8px 8px 0px 0px;
    margin:0px 1px 0px 1px;
    font-size:9pt;
}

#kulaklar_div{
    text-align:center;
    margin-left:70px;
}

#tablo_ve_form_div{
    text-align:center;
}

#kulaklar_row{
    width:100%;
    text-align:center;
}

div[name="tablolar"]{
    text-align:initial;
    font-size:9pt;
}


/* skont navigasyonunda görseli biraz yerleştirmek için */

nav#skontlar{
    font-size:9pt;
}

/* rapor görünümü düzenlemeleri */

div[name="report_table_cards"]{
    background:transparent;
    overflow:auto;
}