@import url("https://cdn.linearicons.com/free/1.0.0/icon-font.min.css");
#ustmenusabit {
    z-index: 999
}

.anasayfatab {
    font-weight: bold;
    padding: 5px;
    padding-top: 0px;
    color: #000;
    text-decoration: none;
}

.anasayfatabactive {
    color: red
}

.icerikadi {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
    /*font-size: calc(11px + .10vw);*/
    /*font-weight: bold;*/
}

.anasayfa-en-yazi {
    padding-top: 0px;
    margin-top: 0px;
    font-weight: bold;
    color: #006699;
    font-size: 13px;
    text-transform: capitalize
}

.anasayfa-en-yazi-u {
    color: #333;
    font-size: 11px;
}

.ultemizle,
.ultemizle li {
    padding: 0px;
    margin: 0;
    list-style: none
}

.akl-link {
    font-size: 11px;
    color: #999
}

.akl-s {
    margin-right: 10px
}

.akl-r {
    width: 30px;
    margin-right: 10px;
    height: 40px
}

.akb {
    padding: 0px;
    margin: 0px;
    font-weight: bold;
    font-size: 14px
}

.akl {
    padding-left: 0px;
    xmargin: 0px;
    margin-top: 10px;
    list-style: none
}

.akl li {
    padding-bottom: 6px;
    padding-top: 6px;
    border-bottom: solid 1px #e7e7e7
}

.akl li:last {
    border-bottom: solid 0px #e7e7e7
}

.akl li a {
    display: block;
    font-weight: 700;
    color: #333
}

.akl li a:hover {
    color: #0066cc
}

.akl-y {
    font-size: 11px;
    font-style: italic;
}

.anasayfakitaplar {
    height: 370px;
    overflow-y: scroll
}

.quote-card {
    background: #fff;
    color: #222222;
    padding: 20px;
    padding-left: 50px;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
    position: relative;
    overflow: hidden;
    /*min-height: 120px;*/
}

.quote-card p {
    font-size: 22px;
    line-height: 1.5;
    margin: 0;
    max-width: 80%;
}

.quote-card .cite {
    display: block;
}

.quote-card:before {
    font-family: Georgia, serif;
    /* content: "?";*/
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 5em;
    color: rgba(238, 238, 238, 0.8);
    font-weight: normal;
}

.quote-card:after {
    font-family: Georgia, serif;
    content: "?";
    position: absolute;
    bottom: -60px;
    line-height: 100px;
    right: -22px;
    font-size: 25em;
    color: rgba(238, 238, 238, 0.8);
    font-weight: normal;
    z-index: 0
}

@media (max-width: 640px) {
    .quote-card:after {
        font-size: 22em;
        right: -25px;
    }
}

.quote-card.blue-card {
    background: #0078FF;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}

.quote-card.blue-card:before,
.quote-card.blue-card:after {
    color: #5FAAFF;
}

.quote-card.green-card {
    background: #00970B;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}

.quote-card.green-card:before,
.quote-card.green-card:after {
    color: #59E063;
}

.quote-card.red-card {
    background: #F61E32;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}

.quote-card.red-card:before,
.quote-card.red-card:after {
    color: #F65665;
}

.quote-card.yellow-card {
    background: #F9A825;
    color: #222222;
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
}

.quote-card.yellow-card:before,
.quote-card.yellow-card:after {
    color: #FBC02D;
}

.onlineuye2 {
    height: 10px;
    width: 10px;
    background: #9dd53a;
    background: -moz-radial-gradient(center, ellipse cover, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    background: radial-gradient(ellipse at center, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a', GradientType=1);
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #27ae60;
}

.onlineuye {
    height: 10px;
    width: 10px;
    background: #9dd53a;
    background: -moz-radial-gradient(center, ellipse cover, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    background: radial-gradient(ellipse at center, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a', GradientType=1);
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #27ae60;
    position: absolute;
    margin-right: 2px;
}

.yaziokubg {
    background: #428BCA;
    height: 60px;
    border-bottom: solid 3px #69A3D6;
    overflow: hidden;
    margin-bottom: 10px
}

.yaziokubg-user {
    color: #FFF;
    text-shadow: #000 1px 1px;
    font-weight: bold;
    font-size: 18px
}

.yaziokubgsayi {
    color: #FFF;
}

.baslikh1 {
    padding: 15px;
    margin-bottom: 5px;
    color: #FFF;
    font-size: 12px;
    border-radius: 5px;
    background: rgb(42, 131, 172);
    background: -moz-linear-gradient(-45deg, rgba(42, 131, 172, 1) 0%, rgba(0, 118, 172, 1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(42, 131, 172, 1) 0%, rgba(0, 118, 172, 1) 100%);
    background: linear-gradient(135deg, rgba(42, 131, 172, 1) 0%, rgba(0, 118, 172, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2a83ac', endColorstr='#0076ac', GradientType=1);
}

.headermdbildiriler {
    color: #FFF;
}

.headermdbildiriler .badge1 {
    position: absolute;
    top: 0px;
    left: 20px;
}

.headermdbildiriler .badge2 {
    position: absolute;
    top: 0px;
    left: 60px;
}

.baslikh1 a {
    color: #FFF
}

.baslikh1 i {
    font-size: 9px
}

.h1baslik {
    letter-spacing: 1.2px;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 25px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
    font-family: 'Oswald', sans-serif;
    display: block;
    line-height: 29px
}

.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    /*   50% { opacity: 1.0; }*/
    100% {
        opacity: 1.0;
        background: #FFCC00;
        border-color: red
    }
}

@-webkit-keyframes blinker {
    0% {
        opacity: 1.0;
    }
    /* 50% { opacity: 1.0; }*/
    100% {
        opacity: 1.0;
        background: #FFCC00;
        border-color: red
    }
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }
    /*   50% { opacity: 1.0; }*/
    100% {
        opacity: 1.0;
        background: #FFCC00;
        border-color: red
    }
}

.uyeadispan,
.uyeadispan:focus,
.uyeadispan:active {
    font-weight: bold;
    color: #FFF;
    /*padding:8px; border-radius:5px; background:#FFF; text-decoration:none;
  color:#000;
*/
}

.uyeadispan:hover {
    color: #FFCC00;
   
}
.uyeadispan {

    text-decoration: none;
}

html {
    font-size: 13px!important
}

body {
    background: #333333;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
}

h1 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}

a:hover {
    text-decoration: none!important
}

.logo {
    display: block;
    height: 35px;
    margin-top: 3px;
    background: url(/yeni/img/logo/headeryenilogo.png) no-repeat;
    background-size: auto;
}

header {
    background-color: #a90329;
    padding-top: 5px;
    padding-bottom: 5px;
}

.headermenubutton {
    display: block;
    color: #FFFFFF !important;
    font-size: 21px!important;
    margin-top: 4px!important
}

.sayfaboyut {
    /*width: 1150px;*/
    width: 1050px;
    margin: auto;
}

.container {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
}

.ana-sol {
    width: 168px;
    padding-top: 0px;
    margin-right: 0px;
}

.ana-sag-buyuk {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    max-width: 100%;
    width: 815px;
    padding-top: 0px;
}

.ana-orta {
    padding-top: 0px;
    width: 500px;
}

.ana-sag {
    margin-left: 0px;
    width: 300px;
    padding-top: 0px;
    margin-left: 15px;
}

.guzelsoz {
    background: #444;
    color: #FFF;
    padding: 8px
}

.gununsozupaylatbtn {
    color: #FFCC00
}

.gununsozupaylatbtn:hover {
    color: #FFF
}

.ustmenubg {
    background: #5b5b7d;
    background: -moz-linear-gradient(top, #5b5b7d 21%, #464662 81%);
    background: -webkit-linear-gradient(top, #5b5b7d 21%, #464662 81%);
    background: linear-gradient(to bottom, #5b5b7d 21%, #464662 81%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#5b5b7d', endColorstr='#464662', GradientType=0);
    z-index: 1;
    border-bottom: #5b5b7d solid 2px;
}

.ustmenu1 {
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-shadow: 0.1em 0.1em 0.05em #333;
    color: #FFF;
    padding: 8px;
    display: block;
    float: left;
}

.ustmenu1:hover {
    color: #FFCC00
}

.ustmenubg-ayrac {
    float: left;
    width: 2px;
    margin-top: 2px;
    background: url(/tasarim/ustmenuayrac.png);
    height: 34px;
}

.footeralt {
    background: #444444;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: #454545 solid 2px;
    padding: 5px;
}

.footerkurallar {
    font-size: 12px;
    color: #6B6B6B;
    background: #2C2C2C;
    padding-top: 20px;
    padding-bottom: 20px;
}

.footerul {
    color: #f7f7f7;
    list-style: none;
    padding: 0px;
    margin: 0px;
    font-size: 13px;
}

.footerul li a {
    color: #ccc;
}

.mainpage {
    background: #FFF;
    padding: 5px;
    min-height: 400px
}

.solmenubaslik {
    display: block;
    padding: 5px;
    background: #1864ab;
    color: #FFF;
    font-weight: normal;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-left: 12px
}

.sayfamsolmenu {
    border: solid 1px #e7e7e7;
    border-bottom: none;
    padding: 0px;
    border-top: 0px
}

.sayfamsolmenu a {
    display: block;
    padding: 2px;
    padding-left: 15px;
    color: #444;
    border-bottom: solid 1px #e7e7e7
}

.sayfamsolmenu a:hover {
    color: #1864ab
}

.sayfamsol {
    background: #FFF;
    padding-right: 5px;
    border-right: 1px solid #e7e7e7
}

.guzelsoz {
    font-size: 12.5px
}

.header-mesaj i {
    top: 4px;
    position: relative;
    z-index: 0
}

.header-notify i {
    top: 4px;
    position: relative
}

.header-hesabimdiv {
    margin-top: 6px
}

.header-hesabim {
    margin-right: 6px
}

.headeruyeol {
    color: #FFF;
    margin-left: 10px
}

.headeruyeol:hover {
    color: #FFCC00;
}

.header-araform {
    margin-top: 3px
}

.header-araforminput {
    background: #7B021E;
    border: #7B021E;
    color: #FFF
}

.header-araforminput::placeholder {
    color: #FEB8C8;
}

.header-uye-resim {
    height: 30px;
    width: 30px;
    border-radius: 5px;
}

.header-notify,
.header-mesaj {
    color: #FFF;
    font-size: 18px!important;
    padding: 15px;
}

.header-notify:hover,
.header-mesaj:hover {
    color: #FFCC00;
}

.badge1 {
    position: absolute;
    margin-left: -10px;
    margin-top: -8px;
    z-index: 1
}

.header-iconlar {
    float: left;
    margin-top: 2px;
    width: 100px
}

.green {
    color: #21ba45!important
}

.b-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

.menu {
    z-index: 9999;
    width: 200px;
    height: 100%;
    position: fixed;
    left: -200px;
    top: 0;
    background-color: #222222;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -ms-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
}

.menu ul {
    padding-left: 0;
    margin-top: 40px;
}

.menu li {
    list-style: none;
    text-decoration-style: none;
    line-height: 170%;
    padding: 5px 0 5px 40px;
    border-bottom: solid 1px #333
}

.menu li a i {
    margin-top: 5px;
    margin-right: 5px
}

.menu li a {
    text-decoration: none;
    font-size: 14px;
    color: #FFF;
}

.menu li:hover {
    background-color: #333;
    cursor: pointer;
}

.mhead {
    min-height: 50px;
    margin-top: 13px;
}

.close-menu {
    min-height: 30px;
    float: right;
    margin-right: 18px;
    padding-top: 13px;
    cursor: pointer;
    font-size: 24px;
    color: #FFF
}

.searchbtn {
    margin-left: -15px;
    padding-right: 10px;
}

.logo {
    margin-left: -40px
}

.solanabaslik {
    font-weight: 500;
    columns: #111111;
    ;
    font-size: 13px;
    padding-bottom: 8px;
    display: block
}

.solaltbasliklar a {
    display: block;
    color: #333;
    padding: 5px;
    border-radius: 3px;
    padding-left: 10px;
    border: solid 1px #FFF;
    font-size: 14px;
    margin-bottom: 1px
}

.solaltbasliklar a i {
    margin-right: 7px;
    color: #565677;
}

.solaltbasliklar a:hover,
.solaltbasliklar a.active {
    background: #0287B2;
    background: -moz-linear-gradient(top, #565677 0%, #565677 100%);
    background: -webkit-linear-gradient(top, #565677 0%, #565677 100%);
    background: linear-gradient(to bottom, #565677 0%, #565677 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#565677', endColorstr='#565677', GradientType=0);
    color: #FFF;
    border: solid 1px #565677
}

.solaltbasliklar a:hover i,
.solaltbasliklar a.active i {
    color: #FFF
}

.solanabaslik-forum {
    font-weight: 500;
    columns: #111111;
    ;
    font-size: 13px;
    padding-bottom: 8px;
    display: block
}

.solaltbasliklar-forum a {
    display: block;
    color: #333;
    padding: 5px;
    border-radius: 3px;
    padding-left: 10px;
    border: solid 1px #FFF;
    font-size: 14px;
    margin-bottom: 1px
}

.solaltbasliklar-forum a i {
    margin-right: 7px;
    color: #333;
}

.solaltbasliklar-forum a:hover,
.solaltbasliklar-forum a.active {
    background: #0287B2;
    background: -moz-linear-gradient(top, #333 0%, #333 100%);
    background: -webkit-linear-gradient(top, #333 0%, #333 100%);
    background: linear-gradient(to bottom, #333 0%, #333 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#27ae60', endColorstr='#27ae60', GradientType=0);
    color: #FFF;
    border: solid 1px #333;
}

.solaltbasliklar-forum a:hover i,
.solaltbasliklar-forum a.active i {
    color: #FFF
}

.edebiyattivi iframe {
    width: 100%!important
}

.forumsistemresim,
.imgx {
    width: 100%!important;
    max-width: 600px;
}

.edebiyattivi iframe {
    width: 100%!important
}

.onlineuyelerliste li:hover {
    background: #f1f1f1
}

.onlineuyelerliste,
.onlineuyelerliste li {
    list-style: none;
    padding: 0px;
    margin: 0px
}

.onlineuyelerliste li {
    float: left;
    width: 32.7%;
    margin-right: 0.6%;
    background: #f7f7f7;
    padding: 5px;
    border-radius: 4px;
    ;
    margin-bottom: 4px;
    border: solid 1px #e1e1e1
}

.uyeresim {
    float: left;
    width: 60px;
}

.uyebilgi {
    float: left;
}

.uyebilgi a {
    font-weight: bold;
    font-size: 13px;
    color: #333;
    display: block;
    padding-left: 3px;
    margin-bottom: 5px;
}

.uyebilgi .siirsayisi {
    color: #E33835;
    border-radius: 2px;
    font-size: 11px;
    padding: 3px;
    opacity: .9;
}

.uyebilgi .yazisayisi {
    color: #0066cc;
    border-radius: 2px;
    font-size: 11px;
    padding: 3px;
    opacity: .9;
}

.online {
    height: 10px;
    width: 10px;
    background: #9dd53a;
    background: -moz-radial-gradient(center, ellipse cover, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    background: radial-gradient(ellipse at center, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a', GradientType=1);
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #27ae60;
    margin-right: 2px
}

.bolumdiv {
    background: #428bca;
    color: #FFF;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 5px
}

.bolumdiv h1 {
    font-size: 25px
}

.bolum-subtitle {
    margin-top: 3px
}

.onlineuye-ribbon {
    position: absolute;
    margin-top: -15px
}

.tabdiv {
    padding: 10px;
    border: solid 1px #e7e7e7;
    border-top: 0px
}

.resimyok {
    height: 50px;
    width: 50px;
    background: #c0392b;
    border-radius: 50%;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    text-transform: uppercase;
    white-space: pre;
    color: #FFF;
    text-shadow: 1px 1px #000;
}

.sagli-sollu {
    display: flex;
    justify-content: space-between;
}

.genel {
    display: flex;
    justify-content: space-between;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
}

.flex {
    display: flex;
    justify-content: space-between;
}

.yazioku-sol {
    width: 699px;
}

.yazioku-sol-panel {
    padding: 10px;
    background: #FFF;
    border-radius: 5px;
    border: solid 1px #e7e7e7
}

.yazioku-sol h1 {
    font-size: 24px
}

.yazioku-sag {
    width: 300px;
    margin-left: 10px;
}

.yazioku-panel {
    background: #FFF;
    border-radius: 5px;
    border: solid 1px #e7e7e7;
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    -webkit-border-radius: 2px;
}

.yazioku-yazidetay {
    font-size: 14px;
    color: #333
}

.yazioku-yazialtiuser {
    font-size: 18px;
    color: #000;
    font-weight: bold
}

.panel-baslik {
    color: #3ac47d;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
    border-bottom: solid 1px #3ac47d;
    padding: 5px
}

.yaziokupanel-link {
    display: block;
    color: #222;
    font-size: 15px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yaziokupanel-link i {
    color: #ccc
}

.yaziokupanel-userlink {
    margin-left: 20px;
    color: #222;
    margin-top: 5px
}

.yaziokupanel-linkdiv {
    border-bottom: solid 1px #e7e7e7;
    padding-top: 7px;
    padding-bottom: 7px
}

.panelmavi .panel-baslik {
    color: #3f6ad8;
    border-bottom-color: #3f6ad8
}

.panelmavi .yaziokupanel-userlink:hover {
    color: #3f6ad8;
}

.panelmavi .yaziokupanel-link:hover {
    color: #3f6ad8;
}

.panelmor .panel-baslik {
    color: #794c8a;
    border-bottom-color: #794c8a
}

.panelmor .yaziokupanel-userlink:hover {
    color: #794c8a;
}

.panelmor .yaziokupanel-link:hover {
    color: #794c8a;
}

.panelyesil .panel-baslik {
    color: #3ac47d;
    border-bottom-color: #3ac47d
}

.panelyesil .yaziokupanel-userlink:hover {
    color: #3ac47d;
}

.panelyesil .yaziokupanel-link:hover {
    color: #3ac47d;
}

.yazioku-cevaplarbg {}

.yaziyorum-alt-cevap-div {
    border-left: solid 4px #e7e7e7;
    padding-left: 10px
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    margin-bottom: 2px;
}

a:active {
    text-decoration: none
}

.yazioku-header {
    position: absolute;
    z-index: 1;
    margin-top: -45px;
    margin-left: 10px;
    width: 660px;
}

.altyorumlarlinkler {
    font-size: 11px;
    margin-top: 10px;
    color: #333
}

.altyorumlarlinkler:hover {
    color: #0066cc
}

.begenbtnkirmizi i {
    color: red;
    border-color: red!important
}

.begenbtnkirmizi {
    border-color: red;
    color: red
}

.yaziokubegenbtn {
    border-radius: 0px;
    padding: 6px
}

.yaziyorum-tarih {
    display: block;
    margin-bottom: 6px;
    margin-top: 2px;
    font-size: 11px;
    color: #999
}

.yaziokuyorumlar-profil {
    border-bottom: solid 1px #eee;
    margin-bottom: 6px
}

.yaziokuyorumlar-profil a {
    font-weight: bold
}

.yazininsahibi {
    font-weight: normal;
    color: #333;
    background: url('/site/assets/crown.png') no-repeat;
    background-size: 16px;
    height: 16px;
    padding-left: 20px;
    font-size: 12px
}

.ustmenuyeni {
    display: flex;
    justify-content: space-between
}

.altyorumbutonlar {
    margin-top: 10px;
    margin-bottom: 10px
}

.ry {
    height: 36px;
    width: 36px;
    background: #27ae60;
    display: block;
    border-radius: 36px;
    text-align: center;
    color: #FFF;
    text-transform: uppercase;
    line-height: 36px;
    text-shadow: 1px 1px 0px #000;
}

.kitapkurduka {
    color: #000
}

.kitapkurduka:hover {
    color: #2980b9
}

.smallgri {
    color: #999
}

.gununsiiriyazisipadding {
    padding: 0px;
    padding-left: 14px
}

.anasayfakitapsonyorumlananlar {
    padding: 0px;
    padding-right: 14px
}

.anasayfaka {
    color: #888
}

.anasayfaka:hover {
    color: #2980b9
}

.tablegenel thead tr th {
    background: #ffcccc;
    color: #ff4d4d;
    font-weight: normal
}

.table2 thead tr th {
    background: #e67e22;
    color: #FFF
}

.anasayfaliste {
    display: flex;
    margin-bottom: 10px;
    margin-bottom: 2px
}

.panelturuncu .panel-baslik {
    color: #d35400;
    border-bottom-color: #d35400
}

.panelturuncu .yaziokupanel-userlink:hover {
    color: #d35400;
}

.panelturuncu .yaziokupanel-link:hover {
    color: #d35400;
}

.panelmor .panel-baslik span {
    padding-bottom: 4px;
    border-bottom: solid 2px #794c8a
}

.panelyesil .panel-baslik span {
    padding-bottom: 4px;
    border-bottom: solid 2px #3ac47d
}

.panelmavi .panel-baslik span {
    padding-bottom: 4px;
    border-bottom: solid 2px #3f6ad8
}

.panelturuncu .panel-baslik span {
    padding-bottom: 4px;
    border-bottom: solid 2px #d35400
}

.encoksatankitaplar {
    padding: 0;
    margin: 0px
}

.encoksatankitaplar li {
    padding: 0;
    margin: 0px;
    list-style: none
}

.mainpage {
    background: #F6F6F6;
    padding: 0px
}

.flexcontainer {
    flex-direction: row;
    display: flex;
    justify-content: space-between
}
.anasayfa-sagalan-sag {width: 300px;}
.anasayfasolmenu, .anasayfasolmenu-alt {width:150px}
.anasayfa1-sol {
    width: 150px;
    padding: 7px;
    margin-right: 5px;
    background: #FFF
}

.anasayfa1-orta {
    width:588px;
    padding: 7px;
    padding-top: 0px;
}

.anasayfa-solmenu {
    width: 18%;
    padding: 7px;
    margin-right: 5px;
    background: #FFF
}

.anasayfa-sagalan {
    width: 88%;
    padding: 7px;
    padding-top: 0px;
}

.anasayfasolmenu {
    display: block;
    color: #000;
    margin-bottom: 2px;
    border: solid 1px #F6F6F6;
    padding: 3px;
    border-radius: 2px;
    font-size: 13px;
    padding-left: 9px
}

.anasayfasolmenu i {
    width: 16px;
    font-size: 13px
}

.anasayfasolmenu:hover {
    background: #FFF;
    color: #000;
    border-color: #e7e7e7
}

.anasayfasolmenubaslik {
    font-size: 11px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold
}

.siireklebtntema {
    color: #FFF;
    font-size: 15px;
    text-align: left;
    background: #e55039;
    background: -moz-radial-gradient(center, ellipse cover, #e55039 1%, #e0351f 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #e55039 1%, #e0351f 100%);
    background: radial-gradient(ellipse at center, #e55039 1%, #e0351f 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e55039', endColorstr='#e0351f', GradientType=1);
    padding: 6px;
    border-radius: 2px;
    /* text-shadow: 1px 1px 0px #eb2f06;*/
    text-decoration: none;
    margin-bottom: 2px;
    padding-left: 10px
}

.siireklebtntema i {
    width: 20px
}

.siireklebtntema:hover {
    color: #FFF;
    background: rgb(2, 135, 178);
    background: -moz-radial-gradient(center, ellipse cover, rgba(2, 135, 178, 1) 0%, rgba(0, 134, 175, 1) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, rgba(2, 135, 178, 1) 0%, rgba(0, 134, 175, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(2, 135, 178, 1) 0%, rgba(0, 134, 175, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0287b2', endColorstr='#0086af', GradientType=1);
}

.yazieklebtn {}

.anasayfasolmenu-alt {
    display: block;
    color: #000;
    margin-bottom: 1px;
    border: solid 1px #F6F6F6;
    padding: 2px;
    border-radius: 2px;
    /* padding-left: 29px;*/
    font-size: 12px
}

.sollmenusiirekle {
    color: red
}

.gununbaslik {
    font-weight: bold;
    color: #000
}

body {
    background-image: url(/tasarim/images/bg.jpg);
}

.mb-1 {
    margin-bottom: 1px
}

.mb-2 {
    margin-bottom: 2px
}

.mb-3 {
    margin-bottom: 3px
}

.mb-4 {
    margin-bottom: 4px
}

.mb-5 {
    margin-bottom: 5px
}

.mb-6 {
    margin-bottom: 6px
}

.mb-7 {
    margin-bottom: 7px
}

.mb-8 {
    margin-bottom: 8px
}

.mb-9 {
    margin-bottom: 9px
}

.mb-10 {
    margin-bottom: 10px
}

.mt-1 {
    margin-top: 1px
}

.mt-2 {
    margin-top: 2px
}

.mt-3 {
    margin-top: 3px
}

.mt-4 {
    margin-top: 4px
}

.mt-5 {
    margin-top: 5px
}

.mt-6 {
    margin-top: 6px
}

.mt-7 {
    margin-top: 7px
}

.mt-8 {
    margin-top: 8px
}

.mt-9 {
    margin-top: 9px
}

.mt-10 {
    margin-top: 10px
}

.pd-left-5 {
    padding-left: 5px
}


/**
 * Obvious Buttons 0.1
 * https://github.com/skidding/obvious-buttons
 *
 * (c) 2014+ Ovidiu Chereche?
 * http://skidding.mit-license.org
 */

.button {
    display: block;
    text-align: center;
    cursor: pointer;
    border: none;
    height: 40px;
    padding: 0 14px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.15);
    font-size: 16px;
    line-height: 37px;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.2s;
    -moz-transition-timing-function: linear;
    -ms-transition-property: background-color;
    -ms-transition-duration: 0.2s;
    -ms-transition-timing-function: linear;
    -o-transition-property: background-color;
    -o-transition-duration: 0.2s;
    -o-transition-timing-function: linear;
    transition-property: background-color;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    background: #fafafa;
    color: #222222;
}

.button i {
    line-height: 37px;
}

.button:active,
.button:active i {
    line-height: 40px;
}

.button.button-primary,
.button.button-info,
.button.button-success,
.button.button-warning,
.button.button-danger,
.button.button-inverse {
    -webkit-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -3px 0 0 rgba(0, 0, 0, 0.2);
}

.button:hover,
.button:focus {
    background: #e6e6e6;
    color: #222222;
}

.button.button-primary {
    background: #0088cc;
    color: #fafafa;
}

.button.button-primary:hover,
.button.button-primary:focus {
    background: #006da3;
    color: #fafafa;
}

.button.button-info {
    background: #49afcd;
    color: #fafafa;
}

.button.button-info:hover,
.button.button-info:focus {
    background: #339bba;
    color: #fafafa;
}

.button.button-success {
    background: #5bb75b;
    color: #fafafa;
}

.button.button-success:hover,
.button.button-success:focus {
    background: #47a247;
    color: #fafafa;
}

.button.button-warning {
    background: #faa732;
    color: #fafafa;
}

.button.button-warning:hover,
.button.button-warning:focus {
    background: #f9960a;
    color: #fafafa;
}

.button.button-danger {
    background: #da4f49;
    color: #fafafa;
}

.button.button-danger:hover,
.button.button-danger:focus {
    background: #d0312a;
    color: #fafafa;
}

.button.button-inverse {
    background: #363636;
    color: #fafafa;
}

.button.button-inverse:hover,
.button.button-inverse:focus {
    background: #222222;
    color: #fafafa;
}

.button span {
    pointer-events: none;
}

.button:hover {
    text-decoration: none;
}

.button:focus {
    text-decoration: none;
    outline: none;
}

.button:active {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.button-small {
    height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.15);
    font-size: 14px;
    line-height: 28px;
}

.button-small i {
    line-height: 28px;
}

.button-small:active,
.button-small:active i {
    line-height: 30px;
}

.button-small.button-primary,
.button-small.button-info,
.button-small.button-success,
.button-small.button-warning,
.button-small.button-danger,
.button-small.button-inverse {
    -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.2);
}

.button-large {
    height: 50px;
    padding: 0 18px;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.15);
    font-size: 22px;
    line-height: 46px;
}

.button-large i {
    line-height: 46px;
}

.button-large:active,
.button-large:active i {
    line-height: 50px;
}

.button-large.button-primary,
.button-large.button-info,
.button-large.button-success,
.button-large.button-warning,
.button-large.button-danger,
.button-large.button-inverse {
    -webkit-box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
}

.button-xlarge {
    height: 60px;
    padding: 0 22px;
    border-radius: 7px;
    -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.15);
    font-size: 26px;
    line-height: 55px;
}

.button-xlarge i {
    line-height: 55px;
}

.button-xlarge:active,
.button-xlarge:active i {
    line-height: 60px;
}

.button-xlarge.button-primary,
.button-xlarge.button-info,
.button-xlarge.button-success,
.button-xlarge.button-warning,
.button-xlarge.button-danger,
.button-xlarge.button-inverse {
    -webkit-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 -5px 0 0 rgba(0, 0, 0, 0.2);
}

.button-inline {
    display: inline-block;
    vertical-align: middle;
}

.onlineuyelerliste {
    border: solid 1px #e7e7e7;
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 10px
}

.bildirilerlink {
    font-weight: bold;
    color: #0066cc
}

.bildirilerlink:hover {
    color: #333
}

.bildiridiv {
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 4px;
    padding-top: 4px
}

.bildirilerturler {
    list-style: none;
    padding: 0px;
    margin: 0px
}

.bildirilerturler li {
    list-style: none;
    padding: 0px;
    margin: 0px
}

.bildirilerturler li a i {
    margin-right: 5px;
    color: rgb(182, 162, 162)
}

.bildirilerturler li a {
    padding: 5px;
    border: solid 1px #e7e7e7;
    display: block;
    margin-bottom: 3px;
    border-radius: 4px;
    color: #333
}

.bildirilerturler li a:hover {
    padding: 5px;
    border: solid 1px #ddd;
    display: block;
    margin-bottom: 3px;
    border-radius: 4px;
    color: #000
}

.bildirilerturler li a:hover i {
    color: #666;
}

.btngri {
    background: #f4f4f4;
    font-size: 13px
}

.btngri:hover {
    background: #FFF;
}

.anasayfacp {
    color: #990000;
}

.encoksatankitaplarpadding {
    padding: 0px;
    margin-bottom: 1px
}

.anasayfaforumbaslik {
    color: #990000;
}

.btnanasayfanenedir {
    font-size: 11px;
    text-align: left;
    -webkit-box-shadow: none;
    background: #f4f4f4;
    margin-bottom: 2px
}

.anasayfaforumliste {
    background: #EEE;
    padding: 2px;
    margin-bottom: 1px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    font-family: arial;
    font-size: 12px;
    padding-bottom: 0px
}

.anasayfaforumliste:hover {
    background: #F7f7f7
}

.anasayfaforumliste-ikon {
    width: 20px;
    border-right: solid 1px #FFF;
    padding-right: 5px
}

.anasayfaforumyanit {
    width: 110px
}

.anasayfaforumbaslikliste {
    width: 250px
}

.anasayfaforumyanit {
    border-right: 1px #FFF solid;
    border-left: 1px #FFF solid;
    padding-left: 5px
}

.tumubtn {
    -webkit-box-shadow: none;
    font-size: 12px;
    background: #f4f4f4;
    margin: 0px
}

.small2 {
    font-size: 11px
}

.anasayfaensonyorumlanankitaplar {
    display: flex
}

.anasayfaensonyorumlanankitaplar .item {
    padding: 5px;
    border: solid 1px #e7e7e7;
    margin-right: 1px
}

.anasayfaensonyorumlanankitaplar .item:hover {
    background: #FFF;
    border: solid 1px #e7e7e7
}

.anasayfaensonyorumlanankitaplar .item img {
    height: 130px
}

.sabitreklamlar {
    width: 1350px;
    margin: auto;
    z-index: -1;
}

.sayfareklamorta {
    width: 1020px;
    float: left;
}

.sayfasagreklam {
    float: left;
    width: 160px;
    margin-left: 5px;
    position: fixed;
    margin-left: 1190px
}

.sayfasolreklam {
    float: left;
    width: 160px;
    margin-right: 5px;
    position: fixed
}

.sabitreklamlarsagsol {
    position: absolute;
    top: 70px;
    width: 100%;
    z-index: -1
}

.sayfam-flexcontainer {
    flex-direction: row;
    display: flex;
    justify-content: space-between
}

.sayfamsolmenu {
    display: block;
    color: #000;
    margin-bottom: 2px;
    border: solid 1px #F6F6F6;
    padding: 3px;
    border-radius: 2px;
    font-size: 13px;
    padding-left: 9px
}

.sayfamsolmenu i {
    width: 16px;
    font-size: 13px
}

.sayfamsolmenu:hover {
    background: #FFF;
    color: #000;
    border-color: #e7e7e7
}

.sayfamsolmenubaslik {
    font-size: 11px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold
}

.sayfam-solmenu {
    width: 18%;
    padding: 7px;
    margin-right: 5px;
    background: #FFF
}

.sayfammenumobile-alt a {
    display: block;
    padding: 1px;
    padding-left: 20px;
    font-size: 11px;
    color: #333;
    margin-top: 1px
}

blockquote {
    border: none;
    font-size: 14px
}

.sayfammenumobile-alt-ana {
    background: #333;
    background: -moz-linear-gradient(top, #444 1%, #333333 100%);
    background: -webkit-linear-gradient(top, #444 1%, #333333 100%);
    background: linear-gradient(to bottom, #444 1%, #333333 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#444', endColorstr='#333333', GradientType=0);
    display: block;
    padding: 5px
}

.red {
    color: red
}

.menu {
    height: 100%;
    overflow-y: scroll;
}

#sayfammenumobile.menu li:hover {
    background-color: #222222
}

#sayfammenumobile.menu li {
    padding-left: 0px;
    border: 0px
}

#sayfammenumobile ul {
    margin-top: 10px!important;
}

.butn i {
    color: red;
    margin-top: 4px
}

.butn:hover i {
    color: #FFF;
}

.butn {
    border: 1px solid #f44336;
    background-color: none;
    color: #FFF!important;
    padding: 7px;
    font-size: 14px;
    cursor: pointer;
    display: block;
    margin: 2px;
    text-align: center;
    margin-bottom: 1px;
    border-radius: 3px;
    margin-right: 10px;
    margin-left: 10px;
}

.butn:hover,
.butn:active,
.butn:focus {
    background-color: #f44336;
    text-decoration: none;
}

.siirsayfa {
    padding: 4px;
    padding-top: 20px;
    background: #FFF
}

.siirdprofil {
    color: #000;
    font-weight: bold;
    text-align: center
}

.siirdprofil span {
    display: block;
}

.siirtakipet {
    margin-top: 15px;
    margin-bottom: 5px
}

.spaylas {
    display: block;
    margin-top: 10px;
}

.siirbaslik {
    font-weight: normal;
    text-align: center;
    display: block;
    font-size: 24px;
    color: #000;
    margin-bottom: 15px
}

.siirdetay {
    font-size: 14px;
    color: #000;
    padding: 5px;
    padding-top: 0px;
}

.siirres {
    max-width: 100%
}

.siirbaslikdiv {
    text-align: center;
    margin-bottom: 10px;
    border-bottom: solid 1px #e7e7e7;
    padding-bottom: 10px;
    font-size: 14px;
    color: #666
}

.siirbaslikdiv i {
    margin-left: 15px
}

.yasal {
    font-size: 11px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    color: #999
}

.siirsiirsayisi {
    font-size: 13px
}

.siirsol {
    width: 200px;
}

.siirsag {
    width: 300px;
}

.siirorta {
    width: 505px;
    padding-right: 5px
}

.siircontainer {
    display: flex
}

.siiribegenbtn {
    margin-bottom: 40px
}

.altyorum {
    display: none
}

.yorumacevapyazilmis {
    color: #FFF;
    background: #794c8a;
    padding: 4px 8px 4px 8px;
    font-weight: normal;
    font-size: 11px;
    font-family: arial;
    float: right;
    text-decoration: none;
    border-radius: 5px
}

.yorumacevapyazilmis:hover,
.yorumacevapyazilmis:focus {
    background: #333;
    color: #FFF;
    text-decoration: none
}

.yorumacevapyazilmis span {
    color: #FFCC00;
    font-weight: bold
}

.red {
    color: red
}

.siyah {
    color: black
}

.yorumlarflex {
    display: flex;
    margin-bottom: 15px;
}

.yphoto {
    width: 50px;
    padding: 5px;
    padding-top: 0px;
}

.ydate {
    font-size: 11px;
    margin-bottom: 10px;
    color: #999;
    font-family: arial
}

.ycont {
    width: 460px
}

.ycont2 {}

.altyorumlarlinkler {
    color: #333
}

.altyorumlarlinkler a {
    color: #333
}

.yprofil {
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.etkiliyorum {
    background: #C4E1FF;
    padding-top: 5px;
    padding-bottom: 5px
}

.autosize:focus {
    min-height: 150px
}


/*.jssocials-share-link { border-radius: 50%; }
.jssocials-share {display:block}*/

.bg-image {
    background-image: url("/uye/yeni/bg.jpg");
    filter: blur(5px);
    -webkit-filter: blur(5px);
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-text {
    position: absolute;
    margin-top: -130px;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF;
    text-align: center
}

.starrr {
    width: 110px;
}

.starrr span {
    font-size: 18px;
    color: #FFCC00
}

.starrr span:hover {
    cursor: pointer;
}

.starrr-tag {
    width: 100px;
    background: #FFCC00
}

.siiroku-digersiirleri {
    font-size: 14px;
    color: #000
}

.esk-i {
    color: #74b9ff;
    font-size: 20px!important
}

.esk {
    color: #999
}

.btn-secondary:hover {
    color: #FFF
}

.ry90 {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    font-size: 24px;
    padding-top: 25px
}

.siirsolsabit {
    margin: 0 auto;
    width: 80%;
}

.siirsolsabit2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.siirprofilresim {
    width: 90px;
    height: 90px
}

.siirdprofilk {
    font-weight: bold;
    color: #000;
    display: block;
}

@media (max-width: 560px) {
    .siircontainer {
        flex-direction: column;
    }
    .siirsol {
        width: 100%
    }
    .siirorta {
        width: 100%
    }
    .siirsag {
        width: 100%
    }
    .siirsolsabit {
        display: block;
        margin: 0px;
        width: 100%
    }
    .siirsolbtns {
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .siiribegenbtn {
        margin: 0px;
    }
    .siirtakipet {
        margin: 0px;
        margin-right: 10px
    }
    .siirprofilresim {
        width: 45px;
        height: 45px
    }
    .siirsolsabit2 {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        text-align: left
    }
    .siirdprofil {
        margin-right: 10px
    }
    .spaylas {
        display: none
    }
    .jssocials-share {
        display: inline;
        margin-top: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width: 560px) {
    .sabitreklamlarsagsol {
        display: none
    }
    .gununsiiriyazisipadding,
    .encoksatankitaplarpadding,
    .anasayfakitapsonyorumlananlar {
        padding-right: 14px;
        padding-left: 14px
    }
    .anasayfa-sagalan {
        width: 100%
    }
    .anasayfaforumyanit {
        display: none
    }
    .anasayfaforumuser {
        display: none
    }
}

@media (max-width: 560px) {
    .anasayfa1-orta {
        width: 100%
    }
    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
    }
    body {
        margin-top: 85px
    }
    .yazioku-header {
        width: 95%
    }
    .genel {
        flex-wrap: wrap;
    }
    .flex {
        flex-wrap: wrap;
    }
    .yazioku-sag {
        width: 100%;
        margin-top: 10px
    }
    .yazioku-sol {
        width: 100%;
        overflow: hidden
    }
    .sayfaboyut {
        width: 100%;
    }
    .logo {
        background-size: 160px;
        margin-top: 4px;
        background-position: center;
        margin-left: 0px
    }
    header {
        padding: 0px;
    }
    .uyeheader {
        padding: 5px;
        background: #333;
        padding-right: 10px
    }
    .headergenel {
        padding: 3px;
        padding-left: 10px;
    }
    .header-notify,
    .header-mesaj {
        font-size: 14px
    }
    .dropdown-menu {
        left: -80px
    }
    .onlineuyelerliste li {
        width: 100%;
        padding: 2px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-bottom: 0px;
        border-radius: 0px
    }
}