body 
{
    font-family:Segoe UI, Calibri, Arial;
    font-size : 12px;
    color:#2d2d2d;
    width:100%;
    margin:0;
    background-image:url('../../images/ExpressBg.png');
    background-repeat:repeat-x;
   
}
.TabBaslik
{
    font-size:13px;
    color:#5c7698;
    height:30px;
    }
.NaviMenu
{
    width:100%;
    vertical-align:top;
   height:1px;
    }
.GenelTablo
{
    background-image:url('../../images/GenelBg.png');
    background-repeat:repeat-x;
    min-width:1000px;
    max-width:1200px;
   
    border:0px solid #fefefe;
    margin-left:5px;
    padding-right:5px;
    margin-top:0px;
    overflow-x:scroll;
    
    }
    .GenelTabloBaslik
    {
        font-size:15px;
        vertical-align:top;
        color: #067abc;
        font-family:Segoe UI Semibold;
   
}
        
        .Loading
        {
             background-color: #fff;
   width:100%;
   height:100%;
   padding-top:150px;
   position:fixed;   
    
    
            }
       
      .DetayTablo
{
    
  
    overflow-x:scroll;
    
    } 
    
    .KontrolButon
    {
       background-image:url('../../images/butonbg.png');
     
        background-repeat:no-repeat;
        width:75px;
        height:62px;
        display:block;
        border:1px solid #FFF;
        float:left; 
        margin-right:4px;
        margin-top:4px;
        color:#fff;
        
        }
.KontrolButon.KiraSozlesmesi{
    display: flex;
    text-align: center;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
}
         .KontrolButon:hover
    {
        background-image:url('../../images/butonbg2.png');
       
        
        }
       .solBaslik
       {
           color:#067abc;
           width:120px;
           }
       table.altrowstable {
	
	font-size:12px;
	color:#333333;
	border-width: 1px;
	border-color: #a9c6c9;
	border-collapse: collapse;
	width:480px;
}
table.altrowstable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
}
table.altrowstable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #a9c6c9;
	width:110px;
}
.oddrowcolor{
	background-color:#d4e3e5;
}
.evenrowcolor{
	background-color:#e0edef;
} 

.detayItem
{
    color:#004159;
    font-size:13px;
    border:1px solid #a8e463;
    padding:3px; 
    background-color:#e4f9cd;
    margin:3px;
    }
    
    .DivResim
    {
        display:block;
        padding:5px;
       text-align:center;
       width:150px;
       height:160px;
       border:1px solid #e0e8ec;
       margin:4px;
        
        }      
        
        .DivResim:Hover
    {
        display:block;
        padding:5px;
       text-align:center;
       width:150px;
       height:160px;
       border:1px solid #016594;
       margin:4px;
        
        }
        
        .LoginBody
        {
            background-image:url('../../images/LoginBg.jpg');
            position:fixed;
            background-repeat:no-repeat;
            }  
            .LoginPanel
            {
                margin-left:40%;
                margin-top:10%;
                background-image:url('../../images/LoginPanelBg.png');
            background-repeat:no-repeat;
            width:356px;
            height:258px;
            position:relative;
            padding:10px;
                }   
                
                .LoginUser
                {
                    background-image:url('../../images/userbg.png');
            background-repeat:no-repeat;
            width:218px;
            height:33px;
            padding-left:40px;
            padding-top:4px;
            margin-left:15%;
                    }   
                    
                    .LoginPass
                {
                    background-image:url('../../images/pwdbg.png');
            background-repeat:no-repeat;
            width:218px;
            height:33px;
            padding-left:40px;
            padding-top:4px;
            margin-left:15%;
                    }     
                    
                    .Powered
                    {
                        margin-left:45%;
              margin-top:-20px;
                color:#457687;
                font-style:italic;
            width:356px;
            height:258px;
            position:relative;
            padding:10px; 
                        }
                        
                        .KapatmaFormu
                        {
                            font-family:Segoe UI, Arial;
                            font-size:14px;
                            width:500px;
                            margin-top:10px;
                            border:1px Solid #ddd;
                            
                            }
                        .KapatmaFormuBaslik
                        {
                            width:100px;
                            height:30px;
                            
                            }
                        .SatirA{
	background-color:#ddd;
}
.SatirB{
	background-color:#ebebeb;
} 

.divReklamResim
{
    margin:10px;
    }
.divResimSec
{
    position:relative;
    height:75px;
    width:75px;
    margin-top:-85px;
    background: rgba(255,255,255, 0.7);
    border-radius:38px;
    visibility:hidden;
    
    
    }
    .divSecimGoster
    {
        visibility:visible;
        }
        
    .silOnay {
            position: absolute;
           
            top: 40%;
            background: rgba(68, 67, 67, 0.81);
            border-collapse: collapse;
            box-shadow: 1px 5px 15px #fff;
            border-radius: 4px;
            border: 1px solid #ddd;
            
            
        }
    .col-xs-4 > .list-group > .list-group-item > .silOnay{
         left: 18%;
        }
    .col-xs-3 > .list-group > .list-group-item > .silOnay{
         left: 20%;
        }
[class^="icon-"], [class*=" icon-"]{
font-size: 16px;
vertical-align: -3px;
}

/*uyeMesaj*/

.pane{
    display: flex;
    flex-direction: column;
    border:1px solid #ccc;
     
}
.pane .h{
    background: linear-gradient(to bottom, #f3f3f3, #fff);
    padding: 15px;
}
.pane .c{
    padding: 15px;
}
.pfContainer{
    display:  flex;
    flex-direction: column;
    width: 100%;
    border:1px solid #ccc;
}
.pfContainer .pf{
    display: flex;
    height: 100px;  
    padding: 15px 5px;
    width:100%;
}
 
.pfContainer .pf:nth-child(even){
    background: rgba(241, 196, 15,.2);
}
.pfContainer .pf:hover
,.pfContainer .ps.aktif
{
    background: rgba(241, 196, 15,.5);
    transition: all .3s;
}
.pfContainer .pf .imgContainer{
    width: 10%;
    text-align: center;
}
.pf .imgContainer img{
    height: 100%;
    
}
.pfContainer .pf .detayContainer{
    width: 90%;
    display: flex;
    justify-content: space-between;
    
}
.detayContainer .detay{
    margin: 0 15px;
    font-size: 14px;
}
.detayContainer .detay > div:first-child{
    color:#2980b9;
    position: relative;
    margin:0 0 15px 0; 
}
.detayContainer .detay > div:last-child{
     margin:0 0 0 5px; 
}

.detayContainer .detay > div:first-child:after{
    
    content: ''; 
     width: 105%;
    position: absolute;
    left: 0; 
    bottom: -7px;

    border-width: 0 0 2px;
    border-style: solid;
    border-color: #8395a7;
 
}
.msjContainer{
    display: flex; 
}
.msjContainer .uyeContainer{
    width: 30%;
    border:1px dashed #ccc;
    padding: 5px 0 5px 5px; 
    overflow-y:scroll;
    height: 300px;
}
.msjContainer .uyeContainer table{
    width: 100%;
}
.msjContainer .uyeContainer table tr:not(:first-child){
    cursor: pointer;
}
.msjContainer .uyeContainer table th:not(:first-child),
.msjContainer .uyeContainer table td:not(:first-child){
    text-align: center;
}
.msjContainer .uyeContainer table th,
.msjContainer .uyeContainer table td{
    padding: 5px;
}
.msjContainer .uyeContainer table tr:not(:first-child):nth-child(even) td{
   background: rgba(106, 137, 204,.1);
    color:#000;
}
 
.msjContainer .uyeContainer table tr:not(:first-child):hover,
.msjContainer .uyeContainer table tr:not(:first-child):nth-child(even).trSecili td,
.msjContainer .uyeContainer table tr:not(:first-child):nth-child(odd).trSecili td{
    background: #40739e;
    color:#fff;
}
.msjContainer .msj{
    display: flex;
    flex-direction: column;  
    width: 35%;
    
}
.msjContainer .msjHeadContainer{
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0 15px;
}



.mesajListesi{
    margin: 0;
    padding: 15px;
    display: flex;   
     flex-direction: column;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
}
.mesajListesi li{
    list-style: none;padding: 10px;
    border:1px solid #f3f3f3;
    border-radius:10px;
    margin-bottom: 5px; 
    min-height: 70px;
   position: relative;
  color:#34495e;
    font-size: 12px; 
    padding: 25px 10px  ;
             
}
.mesajListesi li.yazanDanisman{
  align-self: end;
    background: rgba(241, 196, 15,.1);
}

.mesajListesi .yazan
,.cevapContainer .uye{
    color:#27ae60;
}
.yazanDanisman .OkunduFalse
,.yazanDanisman .OkunduTrue{
    position: absolute;
    right: 15px;
    bottom:5px;
}
.OkunduFalse:before
,.OkunduTrue:before{
    content:'\2713''\2713';
    font-family: 'WebHostingHub-Glyphs'; 
}
.OkunduFalse:before{
    color:#ccc;
}
.OkunduTrue:before{
    color:#27ae60;
}
.mesajListesi .tarih{
    font-size: 11px;
    color:#95a5a6;
    position: absolute;
    right: 15px;
    top: 5px;
    font-style: italic;
}

.cevapContainer{
    display: flex;
    flex-wrap: wrap;
    align-items:start;
    padding:0 25px;
    font-size: 14px;
}
.cevapContainer textarea{
    width: 100%;
    height: 150px;
    border:1px dashed #e0e0e0;
    outline: none;
    padding: 15px;
    
}
.cevapContainer textarea:focus{
    border:1px solid #ccc;
}

.cevapContainer .cevapBtnGrup{
    display: flex; 
    width: 100%;
    justify-content: end;
    position: relative;
}
.mesajSonuc{
    position: absolute;
    left: 10px;
    color:#fff;
    background: #40739e;
    padding: 3px 10px;
    font-size: 12px;
    
}

.cevapBtnGrup div{
     
    border:1px solid #ecf0f1; 
    background: linear-gradient(to bottom, #f7f7f7, #fff, #f7f7f7);
    color : #30336b;  
    cursor: pointer;
    height: 30px;
    width: 60px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
} 
.cevapBtnGrup div:not(:first-child){
    margin-left: 5px;
}
.cevapBtnGrup div:hover{
    background: linear-gradient(to bottom,  #fff, #f7f7f7, #fff);
    color : #4a69bd;  
}
.newContainer{
    position: relative;
    width: 1200px;
    padding: 15px;
}
#modalKiraSozlesme{
    z-index: 10511;
}
#modalKiraSozlesme .modal-dialog{
    width: 1000px;
}
.sozlesmeContainer{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.sozlesmeContainer .r{
    display: flex;
    align-items: center;
    padding: 10px ;
    width: 50%;
}
.sozlesmeContainer .r:nth-last-child(odd){
    width: 40%;
}
.sozlesmeContainer .r:nth-last-child(even){
    width: 60%;
}
.sozlesmeContainer .r:not(:nth-last-child(-n+1)){
    border-bottom: 1px solid #ccc;
}
.sozlesmeContainer .r > *:not(:first-child)
{
    margin-left: 5px;
}
.sozlesmeContainer .r  .lbl{
    color:#c0392b;
    width: 30%;
}
.sozlesmeContainer .r .detay{
    width: 65%;
    display: flex;
}
.sozlesmeContainer .r .detay > *:not(:first-child){
    margin-left: 5px;
}
.sozlesmeContainer .r > .detay>input
,.sozlesmeContainer .r > .detay>textarea{
    outline: none;
    border:1px solid #ccc;
  
}
.sozlesmeContainer .r > .detay>input{
    outline: none;
    border:1px solid #ccc;
    padding: 3px 5px;
    height: 25px;
    min-width: 50px; 
}

.sozlesmeContainer .r > .detay>textarea{
    width: 250px
}
.sozlesmeContainer select{
    height: 25px;
}
.sozlesmeContainer input:focus{
    background: rgba(39, 174, 96,.2);
    border:1px solid #27ae60;
}
.sozlesmeContainer .sayi{
    width: 80px;
    border:1px solid #27ae60;
    text-align: center;
}
.sozlesmeContainer .tarih{
    width: 100px;
}
.sozlesmeContainer .lbl{
    width: 70%;
}
#KiraSozlesmesiPrintContainer{
    display: none;
}
#KiraSozlesmesiPrint
{
    width: 21cm;
    height: 29.7cm;
    border:1px solid #ccc;
    
    
    padding: 6cm 2cm 2cm 2cm;
}
#KiraSozlesmesiPrint .baslik{
    font-size: 32px;
    font-weight: bold;
    text-align: center;
}
#KiraSozlesmesiPrint ul{
    margin: 0;
    padding: 0;
    border:1px solid #000;
    width: 17cm;
}
#KiraSozlesmesiPrint ul li{
    padding: .3cm;
    font-size: 14px;
    
}
#KiraSozlesmesiPrint ul li:not(:last-child){
    border-bottom: 1px solid #000;
}
.loadingWrap
{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top:0;
    transform: translateX(-50%);
    background-color: rgba(255,255,255,.8);
    z-index: 999999;
}
.loading
{
    position: absolute;
    top:20%;
    left:50%;
    transform: translateX(-50%);
    z-index: 999;
    padding: 20px 50px;
    font-size: 14px;
    border:2px solid #2980b9;
     background-image: -webkit-linear-gradient(top, rgba(255,255,255,.9) 50%, rgba(236, 240, 241,.9) 100%);
    color:#2980b9;
    border-radius: 13px;
}