.usercp_nav_composepm:before {
    content: "\f064";
}

.usercp_nav_item:before {
    margin-right: 10px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.usercp_nav_home:before {
    content:  '\f015';
}

.usercp_nav_username:before {
    content:  '\f4ff';
}

.usercp_nav_subscriptions:before {
    content: '\f15c';
    font-weight: 400;
}

.usercp_nav_fsubscriptions:before {
    content: '\f075';
    font-weight:  400;
}

.usercp_nav_drafts:before {
    content: '\f044';
}

.usercp_nav_pmfolder:before {
    content: "\f2b6";
    font-weight:  400;
}

.usercp_nav_pmtracking:before {
    content: "\f08d";
}

.usercp_nav_sub_pmfolder:before {
    content: "\f0e0";
    font-weight: 400;
}

.usercp_nav_trash_pmfolder:before {
    content: "\f1f8";
}

.usercp_nav_pmfolders:before {
    content: "\f07c";
    font-weight: 400;
}

.usercp_nav_profile:before {
    content: "\f4fe";
}

.usercp_nav_password:before {
    content: "\f084";
}

.usercp_nav_email:before {
    content: "\f0e0";
}

.usercp_nav_avatar:before {
    content: "\f030";
}

.usercp_nav_editsig:before {
    content: "\f03e";
    font-weight: 400;
}

.usercp_nav_options:before {
    content: "\f013";
}

.usercp_nav_usergroups:before {
    content: "\f0c0";
}

.usercp_nav_editlists:before {
    content: "\f500";
}

.usercp_nav_attachments:before {
    content: "\f0c6";
}

.usercp_nav_viewprofile:before {
    content: "\f007";
    font-weight: 400;
}

.usercp_nav_logout:before {
    content: "\f2f5";
}

.usercp_notepad {
	/* width: 99%; */
}

.usercp_container {
	width:  45px;
	display: inline-block;
}

.usercp_container img {
    width: 33px;
    height: 33px;
    vertical-align: middle;
}

.pmspace {
	float: right;
	margin: -3px 5px;
}

.pmspace_container {
	background: #fff;
	border: 1px solid #ccc;
	width: 100px;
	display: inline-block;
}

.pmspace_used {
	display: inline-block;
	color: #fff;
	margin: -1px;
}

.pmspace_used.low {
	border: 1px solid #0c5a01;
	background: #167203;
}

.pmspace_used.medium {
	background: #ff862b;
	border: 1px solid #d7611e;
}

.pmspace_used.high {
	background: #e73c3c;
	border: 1px solid #c00;
}

.pmspace_unused {
	display: inline-block;
}

.pmspace_text {
	padding: 1px 5px;
	display: inline-block;
}

.new_pm {
	font-weight: bold;
}

#kullanici_paneli {
    display: flex;
    table-layout: fixed;
    width: 100%;
    zoom: 1;
}

#kullanici_paneli .sag_pnl {
    vertical-align: top;
    zoom: 1;
    border-radius: 2px;
    flex: 1;
}

/* SOL MENU
=================== */
#kullanici_paneli .sol_menu {
    flex: 0 0 200px;
    margin-left:  15px;
}

.sol_menu h4 {
    font-size: 13px;
    color: rgb(102, 102, 102);
    padding: 15px 20px;
    border-bottom: 1px solid rgb(236, 236, 236);
    border-top-left-radius: 2px;
    text-transform: uppercase;
    line-height: 20px;
    border-top-right-radius: 0;
    margin: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #f5f5f5;
}

.sol_menu ul {
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    margin-bottom: 20px;
    background-color: rgb(255, 255, 255);
}

.sol_menu ul > li {
    background-color: rgb(255, 255, 255);
}

.sol_menu ul > li > a {
    display: block;
    padding: 8px 20px;
    line-height: 16px;
    word-wrap: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgb(102, 102, 102);
    font-size: 12px;
}

/* KULLANICI BILGILERI
=================== */
.kullanici_pnl_bilgiler {
    display: block;
    background: #fff;
    padding: 14px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

.kullanici_pnl_bilgiler_sag {
    flex: 1;
    min-width: 0;
    vertical-align: top;
    padding: 10px 10px 10px 0;
}

span.kullanici-avatar {
    width: 60px;
    height: 60px;
    min-height: 50px;
    vertical-align: top;
    white-space: nowrap;
    word-wrap: normal;
    text-align: center;
    padding: 0;
    position: relative;
}

h1.kullanici_adi {
    margin: 0;
    margin-top: -.15em;
    padding: 0;
    font-weight: 400;
    font-size: 18px;
    color: #221e26;
}

.kullanici_pnl_bilgiler_sag dl {
    display: block;
    overflow:  hidden;
    margin-top: 6px;
    font-size:  12px;
}

.kullanici_pnl_bilgiler_sag dt,
.kullanici_pnl_bilgiler_sag dd {
    display: inline-block;
}

.kullanici_pnl_bilgiler_sag dt {
    color: #969696;
    font-weight: 500;
    margin-right:  5px;
}

.bilgiler {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: -5px;
    margin-bottom: -5px;
}

.bilgiler dl {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-table;
}

.bilgiler dl dt {
    display: table-row;
    font-size: 80%;
    text-align:  center;
    font-size: 17px;
}

.bilgiler dl dd {
    font-size: 13px;
    display: table-row;
    text-align: center;
}

span.kullanici-avatar img {
    width: 60px;
    height: 60px;
    border-radius: 100px;
}

.avatar-degistir {
    display: none;
    width: 186px;
    height: 30px;
    bottom: -30px;
    position: absolute;
    background: #000;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
    padding: 3px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.4;
    align-items: center;
    justify-content: center;
}

.kullanici-avatar:hover .avatar-degistir {
    bottom: 10px;
    display:  flex;
}

.avatar-degistir a {
    text-shadow: 0 0 2px rgba(0,0,0,0.6);
    color: #fff;
}

/* NOTE PAD
=================== */
#notepad {
    display: flex;
}

#notepad_kullanici {
    flex: 0 0 82px;
    display: block;
    vertical-align: top;
    padding: 10px;
    position:  relative;
    text-align:  center;
}

.notepad_arrow {
    position: absolute;
    top: 20px;
    right: -1px;
    border: 10px solid transparent;
    border-left-width: 0;
    border-right-color: #ececec;
}

.notepad_arrow:before {
    position: absolute;
    top: -9px;
    right: -10px;
    content: "";
    border: 9px solid transparent;
    border-left-width: 0;
    border-right-color: #fff;
}

.notepad_avatar {
    text-align: center;
    margin-bottom: 3px;
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

.notepad_avatar > img {
    width: 48px;
    height: 48px;
}

#notepad_text {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

#notepad_buton {
    margin-top: 6px;
    text-align:  right;
}

/* SON KONULAR
=================== */
#son_konular {
    background: #fff;
    margin: 10px 0 10px 0;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
    border-radius:  3px;
}

#son_konular li {
    display:  flex;
}

#forum_l {
    flex: 1;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

#sonmesaj_l {
    flex: 0 0 180px;
    text-align: right;
}

#istatistik_l {
    flex: 0 0 10%;
    text-align: left;
    margin-bottom: 8px;
    font-size: 13px;
}

#istatistik_l dl {
    display:  inline-block;
    margin-right:  10%;
}

#istatistik_l dl dt,#istatistik_l dl dd {
    float:  left;
    margin-right: 5px;
}

#son_konular li > div {
    display: block;
    vertical-align: middle;
    padding: 10px;
    border-bottom: 1px solid #f3f3f3;
}

#sonmesaj_l dl {
    display: block;
    overflow: hidden;
    color: rgb(153,153,153);
}

#sonmesaj_l dl dt {
    margin-bottom: 6px;
    display: block;
    color: #505050;
}

#sonmesaj_l dl dd {
    font-size: 13px;
    color: inherit;
}

.konuDurumlari {
    float: right;
    margin-left: 10px;
}

.konuIkon {
    height: 24px;
}

#forum_l h1 {
    font-size: 14px;
    color: rgb(153,153,153);
    line-height: 18px;
    margin-bottom: 8px;
    max-width: 100%;
    word-wrap: break-word;
    font-weight: 500;
    position: relative;
}

#forum_l p {
    color: rgb(102, 102, 102);
    clear: both;
    font-size: 12px;
}

#istatistik_l dl dd,
#istatistik_l dl dt {
    display: block;
}

.yazar {
    padding:  3px 6px;
    background: #fff4de;
    display: inline;
    border: 1px solid #ffe6a9;
    border-radius:  4px;
}

.yazar a {
    color: #d4bf90;
}

#istatistik_l dl:first-child {
    color: #00ace9;
}

#istatistik_l dl:last-child {
    color: #1cb485;
}


/* MESAJ KISMI
================================ */
#thead {
    font-size: 13px;
    color: rgb(102, 102, 102);
    padding: 15px 20px;
    border-bottom: 1px solid rgb(236, 236, 236);
    border-top-left-radius: 2px;
    text-transform: uppercase;
    line-height: 20px;
    border-top-right-radius: 0;
    margin: 0;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    background-color: #f5f5f5;
    display:  flex;
}

#list {
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

#list > li > div {
    padding: 15px 20px;
    vertical-align:  middle;
    box-sizing:  border-box;
}

#list > li {
    display: flex;
    table-layout: fixed;
    width: 100%;
    zoom: 1;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}

#mesaj_l {
    flex: 1 1 auto;
}

#mesaj_tarih_l {
    flex:  0 0 250px;
    text-align: center;
}

#mesaj_input_l {
    flex:  0 0 40px;
    text-align:  right;
}

#mesaj_kullanici_l {
    flex: 0 0 250px;
    text-align:  center;
}


#mesaj_l h1 {
    font-size: 13px;
    color: rgb(153, 153, 153);
    line-height: 18px;
    max-width: 100%;
    word-wrap: break-word;
    font-weight: 500;
    position: relative;
}

#birinci {
    flex: 1 1 auto;
}

#birinci p {
	margin: 0
}

#ikinci {
    flex:  0 0 250px;
    text-align:  center;
}

#ucuncu {
    flex:  0 0 250px;
    text-align:  center;
}

#dorduncu {
    flex: 0 0 40px;
    text-align: right;
}

.mesajDurumlari {
    float: right;
    position: relative;
    top: 2px;
    margin-right: 10px;
    font-size:  0;
}

.mesajIkon {
    float: right;
    background: transparent;
    position: relative;
    top: 7px;
    width: 24px;
    height: 24px;
}

.kullanici_pnl {
    background: #fff;
    color: #666666;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
    border-radius: 2px;
    padding: 10px;
    padding-bottom:  0;
}

.kullanici_pnl_bslk {
    color: rgb(102, 102, 102);
    font-size: 13px;
    margin: 10px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(236, 236, 236);
    font-weight: 500;
}

.kullanici_pnl > dl {display: table;table-layout: fixed;width: 100%;margin: 0;position: relative;}

.kullanici_pnl > dl > dt,.kullanici_pnl > dl > dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
}

.kullanici_pnl > dl > dt {
    border-right: 1px solid transparent;
    background: #fff;
    border-color: #f4f4f4;
    text-align: right;
    width: 33%;
    padding: 15px 10px 15px 10px;
    padding-top: 20px;
    font-weight: 600;
}

.kullanici_pnl > dl > dd {
    width: 67%;
    padding: 15px 10px 15px 10px;
}

.kullanici_pnl > dl > dt > dfn {
    display: block;
    font-style: normal;
    font-size: 12px;
    color: #969696;
    font-weight: normal;
}

.kullanici_pnl > dl.btn {
    display: table;
    width: 100%;
}

.kullanici_pnl > dl.btn dt {
    display: none;
}

.kullanici_pnl > dl.btn dd {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    width: 100%;
    padding: 0;
    border-top: 1px solid #dfdfdf;
}

.kullanici_pnl > dl.btn dd > div {
    position: relative;
    padding-left: 33%;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-left: 10px;
    margin-right: 10px;
}

.kullanici_pnl_aciklama {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #969696;
    margin: 6px 0 0;
}

.kullanici_pnl select {
    margin-bottom: 10px;
}
.kullanici_pnl select, .kullanici_pnl input {
    max-width: 320px;
}

.listColumns {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
}

.listColumns > li {
    -webkit-column-break-inside: avoid;
    break-inside: avoid-column;
    page-break-inside: avoid;
    position: relative;
    margin-bottom: 6px;
    position: relative;
}

.kullanici_pnl > dl > dd > ul > li {
    margin-bottom: 6px;
}

.kullanici_pnl > dl > dd > dl {
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
    position: relative;
}

.kullanici_pnl > dl > dd > dl > dt,
.kullanici_pnl > dl > dd > dl > dd {
    display:  table-cell;
    vertical-align:  top;
}

.kullanici_pnl > dl > dd > dl > dt {
    width:  33%;
}		
		
		
#nav-change-avatar > .fa {
    position: absolute;
    z-index: 1;
    left: -6px;
    top: -8px;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
    background: #03A9F4;
    border-radius: 3px;
    color: #fff;
}