body{background-color: #ececec;margin:0px;}
header{
    background-color:#313854;
    min-height:80px;
    width:100%;
    border-bottom:solid 4px #505d8e;
    color:#f3f3f4;
    margin-bottom: 40px;
    float: left;
}
header .logo{ padding: 10px; text-align:center; font-size:20px; line-height:26px; font-family:inherit;}
header .logo small{font-size:14px; border-top: 1px #F3F3EF solid; padding-top: 3px;}
header .logo a{color:#fff; text-decoration:none;}

.datepicker {min-width:120px;}
.profile-login {
    margin: 0px auto;
    width: 100%;
    overflow: hidden;
    max-width: 400px;
}
.profile-login h4{text-align:left;color:#9B9B9B;}
.profile-box {
    margin: 0px auto;
    width: 100%;
    max-width: 400px;
    background-color: #fff;
    border: solid 1px #d8d8d8;
    padding: 15px;
    float: left;
}
label{color: #505D8E; font-weight: normal;}

.profil{padding:10px; font-size:12px; text-align:right; font-family:Arial;}
.profil h5{margin:0px; padding:0px; font-weight:normal; font-size:16px; }
.profil a{padding:5px 10px; color:#fff; text-decoration:none; font-weight:normal; border-radius:4px; border:solid 1px #fff; margin-top:10px; margin-left:10px; float:left; transition:background 0.5s; -webkit-transition:background 0.5s;}
.profil a:hover{ background-color: #4A557D; transition:background 0.5s; -webkit-transition:background 0.5s;}

.icerik{ padding:10px; width:100%; background-color:#fff; border: solid 1px #d8d8d8; overflow-y:auto; float: left;}

.table{margin-bottom:0px; min-width:700px;}
.table thead{background-color:#313854; color:#fff;}
.table tbody tr:nth-child(odd){background-color:#F4F6FA; color:#313854;}
.table tbody tr:nth-child(even){background-color:#E9ECF1; color:#313854;}
.table tbody tr:hover{ background-color: #C2CBDE; cursor:pointer;}
.table .form-control{ height: 27px; padding: 4px 7px; font-size: 13px;}
.table .glyphicon-remove-sign{color: #ED2727; font-size: 18px; float: right; cursor:pointer;}
.table .glyphicon-floppy-saved{ color: #fff; font-size: 9px; float: right; cursor: pointer; margin-right: 6px;  padding: 4px; background-color: #313854; border: solid 1px #313854; border-radius: 50%;}

.default-cursor tr td,.default-cursor tr th{cursor:auto!important;}

.baslik{ font-size: 22px; padding: 5px 0px;}
.baslik .glyphicon-cog,.table .glyphicon-cog{color:#313854; padding:4px; cursor:pointer; font-size: 18px;}

.scroll-box{max-height:300px; overflow:auto; width:100%; float:left;}

.scroll {width:100%; float:left; overflow: auto;}
.box{background-color: #fff;
    border: 1px solid #D8D8D8;
    margin-bottom: -1px;
    border-radius: 5px 5px 0px 0px;
    padding: 6px 10px;}

.box a.active,.box a.active:hover,.box a.active:focus{background-color: #505D8E;    border: solid 1px #313854;    cursor: default;}

.arama{float: left;
    position: relative;
    margin-right: 10px;
    border-right: solid 1px #ddd;
    padding-right: 10px;}
.arama input{width: 110px; padding: 5px 25px 5px 0px; border: none; outline: none; transition:width 0.5s; -webkit-transition:width 0.5s;}
.arama input:hover,.arama input:focus{width:160px; transition:width 0.5s; -webkit-transition:width 0.5s;}
.arama .arama-yap{ position: absolute;
    right: 5px;
    top: 0px;
    padding: 9px;
    cursor: pointer;
    color: #313854;}


.ufak-baslik{border-bottom: #ddd solid 1px; font-size:14px; color:#B7B7B7; margin-bottom:10px; padding-bottom:5px; font-family:Arial; float: left; width: 100%;}
.cizgi{border-right: #ddd solid 1px;}
.resim {
    width: 100%;
    height: 180px;
    overflow-x: hidden;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    background:url(../img/foto.png)no-repeat center center;
}
.resim img{width:100%; border:none;}
.resim input{
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;}

.surukle-birak {
    width: 100%;
    height: 180px;
    overflow-x: hidden;
    border-radius: 3px;
    border: 1px solid #ccc;
    text-align: center;
    position: relative;
    background-position:center center;
    background-repeat:no-repeat;
    overflow-x:hidden;
}
.dosya{
    width:91px;
    height:91px;
    padding:5px;
    text-align:center;
    margin:10px 0px 0px 10px;
    border: 1px solid #ccc;
    float:left;
    position:relative;
    overflow:hidden;
    background-color:#fff;
    cursor:pointer;
}
.dosya:hover{
    border: 1px solid #313854;
}
.dosya .glyphicon-remove-sign{position:absolute; right:5px; top:5px; color: #ED2727; font-size: 18px; cursor:pointer;}
.dosya img{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
    display: table;
    width:100%;
}
.dosya .text{
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin:auto;
    display: table;
    color:#151515;
    text-decoration:none;
}
.dosya .text a{ color:#151515; text-decoration:none;}
.sablonlar{
    width: 100%;
    margin-bottom: 5px;
    border-radius: 0px;
    box-shadow: none;
    text-align:left;
    float:left;
}
.sablonlar .caret{ margin: 8px 0px; }
.sablon_grup ul{margin:0px; padding:0px; margin-bottom:5px; float:left; width:100%;}
.sablon_grup ul li{ list-style:none;  width:100%;  float:left; padding: 5px 10px; background-color: #F0F0F0; border: solid 1px #ddd; margin-bottom: -1px; color: #313854;}
.sablon_grup ul li:hover{background-color: #fff; cursor:pointer;}


@-webkit-keyframes animasyon {
	from {opacity:0; top:30px;}
	to {opacity:1;}
}
@keyframes animasyon {
	from {opacity:0; top:30px;}
	to {opacity:1;}
}
.alt-menu{position:relative; float: left;}
.yonetim-alt{
    display: none;
    position: absolute;
    top: 50px;
    right:0px;
    z-index: 5;
    width: 190px;
    border-radius: 3px;
    background-color: #fff;
    border: solid 1px #c9c9c9;
    -webkit-animation: animasyon 0.4s linear;
    animation: animasyon 0.4s linear;
}


.yonetim-alt a{
    padding: 7px 10px;
    width: 100%;
    float: left;
    margin: 0px;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    text-decoration: none;
    color: #54577C;
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(245,245,245,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(245,245,245,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(245,245,245,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(245,245,245,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(245,245,245,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(245,245,245,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede', GradientType=0 );
}
.yonetim-alt a:hover{
    background: rgba(254,254,254,1);
    background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(222,222,222,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(100%, rgba(222,222,222,1)));
    background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(222,222,222,1) 100%);
    background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(222,222,222,1) 100%);
    background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(222,222,222,1) 100%);
    background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(222,222,222,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dedede', GradientType=0 );
}



.form-control{height: 30px;}

::-webkit-scrollbar {
  width:6px;
  height:6px;
}
::-webkit-scrollbar-track {
  -webkit-border-radius:0px;
  border-radius:0px;
  background:#c1c1c1;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius:0px;
  background:#2e363f;
}
::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(135, 135, 135, 0.4);
}




.pencere{float:left;width:100%; overflow:auto; max-height:98px;}

.pencere ul{margin:0px;padding:5px 10px;}
.pencere ul li{list-style:none; }
.pencere ul li label{font-weight:normal;width:100%; background-color:#fff; border:solid 1px #D7D7D7; padding:5px 10px; color:#898989; margin:5px 0px; border-radius:3px; font-size:14px; font-family:Arial; cursor:pointer;}

.pencere ul li label:hover {
  border:solid 1px #9396b8;
  background-color:#cfd1e8;
  color:#54577c;
} 
.pencere ul li label.active {
  border:solid 1px #373952;
  background-color:#54577c;
  color:#cfd1e8;
} 

.deger{width:100%; float:left; padding-bottom:5px; line-height: 27px;}

.table .deger .glyphicon-remove { padding: 6px 2px; cursor: pointer; float:right;}
.table .deger .glyphicon-remove:hover{color: #C13F3F;}
.table .deger .glyphicon-edit { padding: 6px 2px; cursor: pointer; float:right;}
.table .deger .glyphicon-edit:hover{color: #4DA64D;}

.mobil-alt-menu{display:none; float: left; width: 100%;}
.mobil-alt-menu a{ width:100%; text-align:left; margin:3px 0px;}




@media screen and (max-width: 770px) {

    #mobil{display:block!important;}
    #mobil .glyphicon-menu-hamburger{
    padding: 4px;
    font-size: 15px;
    border: solid 1px #FFFFFF;
    color: #FFFFFF;
    border-radius: 3px;
    margin: 7px 0px;
    cursor: pointer;
    }
    #menu{display:none!important;}

    header .logo{width:100%; text-align:center;}
    .profil h5{font-size:13px;}
    .profil{float:left;width:100%;}
    .profil h5{position:absolute; margin:13px 0px;}
}

@media screen { #yazdirSablon { display:none; } }
@media print {

    @page { size: A4; margin-top: 10mm; margin-bottom: 0mm;}
    body { margin: 0px; height:100px; overflow:hidden;}
    body * { visibility: hidden;}
    
    #yazdirSablon { position: absolute; top: 0px; left: 0px;  visibility: visible; display:table; width:100%;}
    #yazdirSablon * { visibility: visible; }
    
    #yazdirHeader {display: table-header-group; width:100%; height:30mm;}
    #yazdirFooter_Container {display: table-footer-group; width:100%; height:30mm;}
    #yazdirFooter {display: table-footer-group; position:fixed; bottom:0mm; left:0mm; right:0mm; width:100%; height:30mm; text-align:center; border-top:solid 1px Gray; font-size:10px;}
    #yazdirBody {display: table-row-group; width:100%;}
    
    /*#yazdirBody table { page-break-inside:avoid; }
    #yazdirBody table tr { page-break-inside: avoid; display:table-row;}*/
    


    /*tr { page-break-inside: avoid; display:table-row;}*/
}


.durum0{color:#ff9703;} /*GELMEDİ*/
.durum1{color:#6596c1;} /*GELECEK*/
.durum2{color:#f21414;} /*İPTAL*/
.durum3{color:#13c3c3;} /*GECİKECEK*/
.durum4{color:#d9e630;} /*BEKLİYOR*/
.durum5{color:#27ed55;} /*GELDİ*/