﻿body {
    list-style: none;
    background-color:#e9eaed;
    margin:0;
    padding:0;
}

p, li, ul, div{
    font-family: Arial, Calibri, Verdana;
    font-size: 13px;
    color: #292f33;
    list-style:none;
    text-decoration:none;
}
a{
    text-decoration:none;
    color:#292f33;
}
h1, h2, h3, h4, h5 {
    font-family: Arial, Calibri, Verdana;
    color: #292f33;
}
select, option{
     font-family: Arial, Calibri, Verdana;
     color: #292f33;
}

/*scroll bar*/
::-webkit-scrollbar-track
{
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 border-radius: 0px;
 background-color: #F5F5F5;
  width: 8px;
}
::-webkit-scrollbar
{
 width: 8px;
 background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb
{
 border-radius: 0px;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 background-color: #555;
  width: 8px;
}
.upperCase{
    text-transform:uppercase;
}
.lowerCase{
    text-transform:lowercase;
}
.capitalCase{
    text-transform:capitalize;
}
.backWhite{
    background-color:white;
}

/*yazı renkleri*/
.yildiz{
    color:red;
}

/*settings*/
.setting{
    width:200px;
    height:55px;
    margin-right:0;
    background-repeat:no-repeat;
    background-position:right top;
    position:fixed;
    right:40px;
    background-image:url(../Images/settingIcon.png);
    cursor:pointer;
    z-index:9999;
    margin-top:7px;
}
.setting:hover > .settingsMenu{
    display:block;
}
.settingsMenu{
    display:none;
    background-color:white;
    margin-top:50px;
    padding:10px;
    width:200px;
    border-radius:8px;
    border:1px solid #e1e8ed;
    right:10px;
}

/************************   ust banner   ****************************/
.bannerTop{
    right:0;
    left:0;
    top:0;
    position:fixed;
    height:60px;
    /*background-color:#3598dc;*/
    background-color:#191970;
    border-bottom:3px solid #FF4500;
}

.ustBannerChild{
    background-color:#FF4500;
    padding:5px;
    right:0;
    left:0;
    color:white;
}
/*****************  ana gövde konteynırlar 00  **************************/
.con{
    display:inline-block;
}
.main{
    display:inline-block;
}

.konAna {
    width: 1000px;
    border-radius: 6px;
    background-color: white;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border:1px solid #e1e8ed;
}
.baslik {
    height: 40px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    background-color:#f5f8fa;
}
.baslikAra{
     height: 30px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    background-color:white;
    margin-top:30px;
}
.baslikUyari{
     height: 30px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 10px;
    background-color:#FFF0F5;
}
.baslikYazi {
    line-height:12px;
    padding-left:10px;
    font-size: 17px;
    color: #66757f;
    display:inline-block;
}
.baslikYaziRight{
    line-height:12px;
    padding-right:10px;
    font-size: 14px;
    color: #66757f;
    display:inline-block;
    float:right;
}

.satirCon{
    height: 25px;
    margin:0 10px 0 10px;
    display:inline-block;
}
.satir{
    line-height:25px;
    display:inline-block;
}
.konIcerik{
    padding:10px;
}
/*borders*/
.divBorder{
 border:1px solid #ddd; 
 display:inline-block;
}
.divBorder:hover{
border:1px solid #0084b4;
}
.divBckGrnd:hover{
    background-color:#FFE4C4;
}
.altCizgi{
    border-bottom:1px solid #ccc;
}
.ustCizgi{
    border-top:1px solid #ccc;
}
.sagCizgi{
     border-right:1px solid #ccc;
}
.solCizgi{
     border-left:1px solid #ccc;
}
.fullCizgi{
     border:1px solid #ccc;
}
/*mesajlarKon*/
.konAnaMsg{
 width: 700px;
    border-radius: 8px;
    background-color: #ebedea;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border:1px solid #81847b;
    text-align:left;
}
.konAnaMsgGelen{
    width: 700px;
    border-radius: 8px;
    background-color: #ebedea;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left:10px;
    border:1px solid #81847b;
    float:left;
    text-align:left;
}
.konAnaMsgCevap{
 width: 700px;
    border-radius: 8px;
    background-color: #daeed3;
    margin-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-right:10px;
    border:1px solid #81847b;
    float:right;
    text-align:left;
}
.yanMenuTxtMsg {
    height: 30px;
    background-color: #d0e5ed;
    clear: both;
    align-content: center;
    margin-top: 10px;
    margin-bottom: -15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom:1px solid #81847b;
}


/*positionAlign*/
.posLeft{
   float:left;
}
.posRight{
  float:right;
}
.txtLeft{
    text-align:left;
}
.txtRight{
    text-align:right;
}
.txtCenter{
    text-align:center;
}
.txtJust{
    text-align:justify;
}
.left5{
    margin-left:5px;
}
.left10{
    margin-left:10px;
}
.right5{
    margin-right:5px;
}
.right10{
    margin-right:10px;
}
/*display*/
.dspFalse{
    display:none;
}
.dspTrue{
    display:block;
}
.conBlock{
display:inline-block;
}
.underLine:hover{
    text-decoration:underline;
    cursor:pointer;
}

/*****************  asp kontrolleri 00  **************************/
.txt {
    font-size: 12px;
    font-family: Arial, Calibri, Verdana;
    border: solid 1px #a89f9f;
    text-align: left;
    padding: 5px;
    border-radius: 2px;
    outline: none;
}
.txt:focus {
    border-color: #0084b4;
}
.kullanici {
    background: url(../Images/pattern.jpg);
    height: 130px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    align-content: center;
}
/*****************  asp kontrolleri 11  **************************/


.uyariKirmizi {
    color: white;
    font-size: 10px;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 3px 3px 5px #888888;
    text-shadow: 1px 1px 2px #931e24;
    background: -webkit-linear-gradient(0deg, #dc0d17, #f93b44); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, #dc0d17, #f93b44); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, #dc0d17, #f93b44); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, #dc0d17, #f93b44); /* Standard syntax (must be last) */
}

.uyariSiyah {
    color: white;
    font-size: 10px;
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 3px 3px 5px #888888;
    text-shadow: 1px 1px 2px #931e24;
    background: -webkit-linear-gradient(0deg, black, #888888); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, black, #888888); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, black, #888888); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, black, #888888); /* Standard syntax (must be last) */
}
.pnlUyari{
    display:none;
}
.pnlUyariGoster{
    display:inline-block;
    margin-top:10px;
}
.yanMenuTxt, .maviAltBanner, .maviAltBannerDuz{
    height: 50px;
    background-color: #d0e5ed;
    clear: both;
    align-content: center;
    margin-top: 10px;
    margin-bottom: -15px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.maviAltBannerDuz{
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/*ddl*/
.ddl{
    font-size: 12px;
    font-family: Arial, Calibri, Verdana;
    border: solid 1px #a89f9f;
    text-align: left;
    padding: 5px;
    border-radius: 2px;
    outline: none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #aaa;
    font-size:12px;
    font-family:Arial, Calibri, Verdana;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #aaa;
    font-size:12px;
    font-family: Arial, Calibri, Verdana;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #aaa;
    font-size:12px;
    font-family:Arial, Calibri, Verdana;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #aaa;
    font-family: Arial, Calibri, Verdana;
}

/* btn */
.btn{
    padding:7px 10px 7px 10px;
    border-radius: 2px;
    cursor: pointer;
    border: none;
}
.btnMavi{
    border:none;
    outline:none;
    color:white;
    background-color:#2e9ac2;
    padding:10px 16px 10px 16px;
    border:1px solid #0084b4;
    border-radius:2px;
    cursor:pointer;
}
.btnMavi:hover{
    background-color:#0084b4;
}
.btnKirmizi{
    border:none;
    outline:none;
    color:white;
    background-color:#e32e27;
    border:1px solid #c1181d;
    padding:10px 16px 10px 16px;
    border-radius:2px;
    cursor:pointer;
}
.btnKirmizi:hover{
    background-color:#c1181d;
}

.btnYesil{
    border:none;
    outline:none;
    color:white;
    background-color:#038543;
    border:1px solid #035000;
    padding:10px 16px 10px 16px;
    border-radius:2px;
    cursor:pointer;
}
.btnYesil:hover{
    background-color:#035000;
}

.btnTuruncu{
    border:none;
    outline:none;
    color:white;
    background-color:#FF8C00;
    border:1px solid #FF4500;
    padding:10px 16px 10px 16px;
    border-radius:2px;
    cursor:pointer;
}
.btnTuruncu:hover{
    background-color:#FF4500;
}
.btnPaddingTB5{
    padding-bottom:5px;
    padding-top:5px;
}
.btnPaddingAll5{
    padding:5px;
}
.btnPaddingTB3{
    padding-bottom:3px;
    padding-top:3px;
}
.btnPaddingAll3{
    padding:3px;
}

/*yazılar*/
.maviYazi {
    font-style: italic;
    color: #0084b4;
    cursor: pointer;
}
.kirmiziYazi {
    font-style: italic;
    color: red;
    cursor: pointer;
}
.yesilYazi {
    font-style: italic;
    color: green;
    cursor: pointer;
}
.yesilIkon{
    /*background-color:#038543;*/
    padding:0px 3px 0px 3px;
    color:#038543;
    border-radius:3px;
    font-weight:bold;
}
.yesilIkon:hover{
    background-color:#035000;
}
.kirmiziIkon{
     /*background-color:#BA0900;*/
    padding:0px 5px 2px 5px;
    color:#BA0900;
    border-radius:3px;
    font-weight:bold;
}
.kirmiziIkon:hover{
    background-color:#721515;
}
.fontBold{
    font-weight:bold;
}

/*lightBox*/
.lightBoxBackGround {
    display:block;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
}
.divMsgBox{
    width: 800px;
    border-radius: 8px;
    background-color: white;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border:1px solid #e1e8ed;
    background-color:white;
    margin:auto;
    margin-top:10%;
    position:relative;
}
/*loading*/
.loadingCon{
    right:0;
    left:0;
    position:fixed;
}
.loadingBackGround{
      right:0;
    left:0;
    bottom:0;
    top:0;
    background-color:rgba(255, 255, 255, 0.6);
    position:fixed;
}
.loadingImg{
    width:50px;
     margin:auto;
    margin-top:10%;
    position:relative;
    border-radius:8px;
}
.beklemeYazi{
    position:relative;
    text-shadow:2px 2px 10px white;
}
/*shadow*/
.topShadow{
-webkit-box-shadow: 0px -10px 15px -10px rgba(10,10,10,0.5);
-moz-box-shadow: 0px -10px 15px -10px rgba(10,10,10,0.5);
box-shadow: 0px -10px 15px -10px rgba(10,10,10,0.5);
}
.bottomShadow{
-webkit-box-shadow: 0px 10px 15px -10px rgba(10,10,10,0.5);
-moz-box-shadow: 0px 10px 15px -10px rgba(10,10,10,0.5);
box-shadow: 0px 10px 15px -10px rgba(10,10,10,0.5);
}
.leftShadow{
-webkit-box-shadow: -10px 0px 15px -10px rgba(10,10,10,0.5);
-moz-box-shadow: -10px 0px 15px -10px rgba(10,10,10,0.5);
box-shadow: -10px 0px 15px -10px rgba(10,10,10,0.5);
}
.rightShadow{
-webkit-box-shadow: 10px 0px 15px -10px rgba(10,10,10,0.5);
-moz-box-shadow: 10px 0px 15px -10px rgba(10,10,10,0.5);
box-shadow: 10px 0px 15px -10px rgba(10,10,10,0.5);
}
.allShadow{
-webkit-box-shadow: 0px 0px 8px 0px rgba(10,10,10,0.5);
-moz-box-shadow: 0px 0px 8px 0px rgba(10,10,10,0.5);
box-shadow: 0px 0px 8px 0px rgba(10,10,10,0.5);
}

/*lblHover*/
.hoverKon {
    /*background:url(../Images/ucgen.png) no-repeat center top;*/
    display: none;
    position: absolute;
    color: white;
     padding:8px;
    background-color: #0084b4;
    border-radius: 6px;
}
.hoverKonImg{
    display: none;
    position: absolute;
    color: white;
     padding:8px;
    background-color: #0084b4;
    border-radius: 6px;
}

/*hover tek satır*/
.tekSatir{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

/*flUpload Css*/
.resimCerceve {
    border-radius: 4px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #d0e5ed;
    margin-top: 5px;
}

.resimCerceve:hover {
    border: 1px solid #0084b4;
}

.resimEkleBorder:hover {
    border: 1px solid #0084b4;
}

.carpi{
    background:url(../Images/carpi.png) 0 0;
    width:14px;
    height:14px;
    margin-top:7px;
    cursor:pointer;
}
.carpi:hover{
    background:url(../Images/carpi.png) 14px 0;
}
.collapse{
    cursor:pointer;
    content:url(../Images/collapse.png);
}
.collapse:after{
    cursor:pointer;
    content:url(../Images/collapse.png);
}

.morKon{
    padding:5px;
    background-color:#483D8B;
    border-radius:2px;
    border:1px solid #4B0082;
    color:white;
}

