@import url(Reset.css);
@import url(Fonts.css);

body, html
{
    height :100%;
    }

body
{
    margin-left      :0px;
    margin-top       :0px;
    margin-right     :0px;
    margin-bottom    :0px;
    font-size        :11px;
    font-family      :Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
    background-color :#ffffff;
    overflow         :hidden;
    min-width:1020px;
    height           :100%;
    text-align       :left;
    background-image :url(../Images/Bg/BgBody.png);
    background-size  :100% 100%;
    overflow         :hidden;
    }

a
{
    color  :#0066cc;
    cursor :pointer;
    }

/*

.IconButtonStil
{ border :solid 2px #666666; color :#666666; padding :5px; font-size :18px; line-height :15px; cursor :pointer; border-radius :15px; width :15px; height :15px; text-align :center; font-weight :bold; font-family :"wf_SegoeUI", "wf_SegoeUILight", "Helvetica Neue Light", "Helvetica_Neue_CE_35_Thin", Arial, sans-serif }
*/

.IconButtonStil
{ border :solid 2px #666666; color :#666666;  font-size :12px; line-height :15px; cursor :pointer; border-radius :15px; width :15px;  text-align :center; font-weight :bold; font-family :"wf_SegoeUI", "wf_SegoeUILight", "Helvetica Neue Light", "Helvetica_Neue_CE_35_Thin", Arial, sans-serif }

.IconButtonStil:hover
{ opacity :.5; background-color :#666666; color :#ffffff; border :solid 2px #ffffff; }

input[type=button]
{ cursor :pointer; }

select, input, textarea
{ font-size            :11px;
    -webkit-transition :all 0.30s ease-in-out;
    -moz-transition    :all 0.30s ease-in-out;
    -ms-transition     :all 0.30s ease-in-out;
    -o-transition      :all 0.30s ease-in-out;
    outline            :none;
    border             :1px solid #dddddd;
    }

input[type=text]:focus, textarea:focus
{
    box-shadow :0 0 5px rgba(81, 203, 238, 1);
    border     :1px solid rgba(81, 203, 238, 1);
    }

textarea
{ font-size :11px;
    font-family      :Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;}




button,input[type=button]{
    background-color:#333;color:#fff;border-radius:2px;border:solid 1px #333;font-size:11px;cursor:pointer;padding:5px 10px;
    }


.InputOzel_1
{
    display            :block;
    padding            :2px 4px;
    line-height        :1.42857143;
    color              :#555555;
    background-color   :#ffffff;
    background-image   :none;
    border             :1px solid #cccccc;
    border-radius      :1px;
    -webkit-box-shadow :inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow         :inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition :border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition         :border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

.HoverBgMavi:hover
{ background-color :#f8fdfd; }

.HoverBgMaviAktif
{ background-color :#f8fdfd; }

.DisinaBasilincaKapat
{ display :none; }

.DisplayNone
{ display :none; }

.FitWidth
{ width :100%; }

.CursorPointer
{ cursor :pointer; }

.FloatLeft
{ float :left; }

.FloatRight
{ float :right; }

.IptalMiClass{background-color:#ff0000;color:#fff;font-weight:bold;font-size:9px;padding:3px 6px;border-radius:3px;line-height:11px;margin-right:3px;}
.BgSiyah{background-color:#000;}
.FontSize11px
{ font-size :11px; }

.WLogo
{ background-image :url(/Images/Logoes/Logo-Gobel-erkek.svg); background-repeat :no-repeat; }

.Icons
{ background-image :url(/Images/Icons/IconPaket.png); background-repeat :no-repeat; }

.MetinIciKarakterler
{ background-image :url(/Images/Icons/MetinIciKarakterler.png); background-repeat :no-repeat; width :16px; height :16px; margin-left :3px; }

.MetinIciKarakter1
{ background-position :0px 0px; }

.MetinIciKarakter2
{ background-position :0px -16px; }

.MetinIciKarakter3
{ background-position :0px -32px; }

.MetinIciKarakter4
{ background-position :0px -48px; }

.MetinIciKarakter5
{ background-position :0px -64px; }

.iconFiltrele
{ background-position :0px -94px; width :20px; height :20px; }

.iconDetaylarLink
{
    background-position:-220px -94px; width:20px; height :20px;

    }
.iconPencereBuyult
{
    background-position:-40px -94px; width:20px; height :20px;

    }
.Link
{ cursor :pointer; color :#000000; }

.TuruncuText
{ color :#a36800 }

.Link:hover
{ text-decoration :underline; color :#ff0000; }

i
{ display :inline-block; margin-bottom :-1px; }

.iconUyeSml
{ background-position :-12px -126px; width :12px; height :12px; }

.iconTiklamalik
{ background-position :-24px -114px; width :12px; height :12px; }

.iconTakvimSml
{ background-position :-16px -138px; width :16px; height :14px; }

.iconMesajSml
{ background-position :-80px -94px; width :20px; height :20px; }

.iconUnlem
{ background-position :-48px -138px; width :16px; height :14px; }
.iconTamamYesil {
    width: 12px;
    height: 12px;
    background-position: -48px -126px;
    margin-right: 5px;
    background-color: #78A132;}
.iconEtiket
{ background-position :-32px -138px; width :16px; height :14px; }

.iconSilme1
{ background-position :-108px -126px; width :12px; height :12px; }

.iconSilme1:hover
{ background-position :-144px -126px; width :12px; height :12px; }

.iconDuzenleme1
{ background-position :-192px -126px; width :12px; height :12px; }

.iconDuzenleme1:hover
{ background-position :-204px -126px; width :12px; height :12px; }
.iconKalem
{ background-position :-240px -94px; width :20px; height :20px; }
.iconKalem:hover
{ background-position :-260px -94px; }

.iconSagaEtliOk
{ background-position :-280px -94px; width :20px; height :20px; }
.iconSagaEtliOk:hover
{ background-position :-300px -94px;  }

.iconRed1
{ background-position :-360px -94px; width :20px; height :20px; }
.iconRed1:hover
{ background-position :-380px -94px;  }

.iconOkeyle
{ background-position :-400px -94px; width :20px; height :20px; }
.iconTik:hover
{ background-position :-400px -94px;  }

.OpacitySifir
{ opacity :0; }

.LoadingSpiral
{ background :url(../Images/Icons/LoadingSpiral1.gif) no-repeat; background-position :center center; width :50px; height :50px; }

.LoadingSpiral3
{ background :url(../Images/Icons/LoadingSpiral3.gif) no-repeat; background-position :center center; width :95%; height :20px; background-size :cover; }

.EsteticScroll
{ height :0px; overflow :hidden; }


Label
{ cursor :pointer; }

h1, h2, h3, h4, h8
{
    #float        :left;
    font-family  :'wf_SegoeUILight', 'wf_SegoeUI', Arial, 'Tahoma', "Verdana", "Arial", "sans-serif";
    font-weight  :300;
    font-weight  :lighter !important;
    margin       :0px;
    padding      :0px;
    #float        :inherit !important;
    #text-shadow :2px 2px 2px rgba(56, 64, 71, 0.05);
    }

h1
{ font-size :24px; }

h1 span
{ font-family :'HelveticaRoundedLTStd-BdCn', Sans-Serif; font-weight :800; }

h2
{ font-size :20px; }

.Font_HelveticaRoundedLTStd-BdCn
{ font-family :'HelveticaRoundedLTStd-BdCn', Sans-Serif; font-weight :800; }

/*DocBarPencereDegerleri*/

.flip-container
{
    -webkit-perspective :1000;
    -moz-perspective    :1000;
    perspective         :1000;
    margin              :3px;
    color               :#ffffff;
    cursor              :pointer;
    overflow            :hidden;
    }

.flip-container .Icon
{
    font-size   :70px;
    line-height :100px;
    width       :100%;
    text-align  :center;
    }

.flip-container .KutuAdi
{
    position    :absolute;
    bottom      :0px;
    font-family :Arial, Helvetica, sans-serif;
    font-size   :16px;
    padding     :5px
    }

.flip-container:hover .flipper, .flip-container.hover .flipper
{
    -webkit-transform :rotateY(180deg);
    -moz-transform    :rotateY(180deg);
    transform         :rotateY(180deg);
    }

.flip-container .flipper
{
    -webkit-transition      :0.6s;
    -webkit-transform-style :preserve-3d;
    -moz-transition         :0.6s;
    -moz-transform-style    :preserve-3d;
    transition              :0.6s;
    transform-style         :preserve-3d;
    position                :relative;
    }

.flip-container .front, .back
{
    -webkit-backface-visibility :hidden;
    -moz-backface-visibility    :hidden;
    backface-visibility         :hidden;
    position                    :absolute;
    top                         :0;
    left                        :0;
    }

.flip-container .front
{
    background :#75ba45;
    z-index    :2;
    }

.flip-container .back
{
    background        :#007fff;
    -webkit-transform :rotateY(180deg);
    -moz-transform    :rotateY(180deg);
    transform         :rotateY(180deg);
    }

.flip-container .front .name
{
    font-size         :2em;
    display           :inline-block;
    background        :rgba(33, 33, 33, 0.9);
    color             :#f8f8f8;
    font-family       :Courier;
    padding           :5px 10px;
    border-radius     :5px;
    bottom            :60px;
    left              :25%;
    position          :absolute;
    text-shadow       :0.1em 0.1em 0.05em #333333;
    -webkit-transform :rotate(-20deg);
    -moz-transform    :rotate(-20deg);
    transform         :rotate(-20deg);
    }

.flip-container, .flip-container .front, .flip-container .back
{
    width  :120px;
    height :120px;
    }

.Bilgi
{ margin :10px; font-family :'Times New Roman', Arial; font-size :14px; font-style :italic; color :#000000 }

.Bilgi .Aktif
{ color :#ff3c3c; }

.ListelemePencereleri
{ position :relative; width :100%; height :100%; min-width :300px; }

.ListelemePencereleri .ListelemePencereleriTasyici
{ position :relative; min-height :35px; width :100%; z-index :2; border-bottom :solid 1px #d6d6d6; }

.ListelemePencereleri .ListelemePencereleriTasyici .ListelemePencereleriBaslik
{ float :left; }

.ListelemePencereleri .ListelemePencereleriTasyici .ListelemePencereleriBaslik h1
{ font-size :20px; }

.ListelemePencereleri .CerceveIconlari
{
    float    :right;
    position :relative;
    opacity  :0.5;
    cursor   :pointer;
    }

.ListelemePencereleri .FiltrelemeDiv
{ }

.ListelemePencereleri .FiltrelemeDiv input
{ width          :95%; padding :4px 8px; border :none; box-shadow :inset -1px 1px 0 #dddddd;
    border-style :solid;
    border-width :1px;
    border-color :#7c7c7c #c3c3c3 #dddddd #c3c3c3; font-size :12px; }

.ListelemePencereleri .CerceveIconlari .Icons
{ float :right }

.ListelemePencereleri .CerceveIconlari .Icons:hover
{ opacity :.5; }

.ListelemePencereleri .EsteticScroll
{
    width    :100%;
    height   :86%;
    overflow :hidden;
    position :relative
    }

.ListelemePencereleri .Icine
{ }

.ListelemePencereleri .Icine .Satir
{ width      :100%; display :none;
    position :relative; }

.ListelemePencereleri .Icine .Satir:hover
{ background-color :#ededed; }

.ListelemePencereleri .Icine .Satir ~ .Satir
{ border-top :solid 1px #cccccc; }

.ListelemePencereleri .Icine .Satir .SatirIcerik
{ padding :10px; display :table; }

.ListelemePencereleri .Icine .Satir .SatirIcerik .Satir1
{ font-size :12px; margin-bottom :5px; font-weight :bold; }

.ListelemePencereleri .Icine .Satir .SatirIcerik .Satir2
{ font-size :11px; margin-bottom :5px; }

.ListelemePencereleri .Icine .Satir .SatirIcerik .Satir3
{ font-size :11px; margin-bottom :5px; }

.ListelemePencereleri .Icine .Satir .SatirIcerik abbr
{ opacity :.5; font-size :11px; font-weight :bold; }

.ListelemePencereleri .Icine .Satir .Gorselleri
{ display :table; width :100%; }

.ListelemePencereleri .Icine .Satir .Gorselleri .Gorsel
{ float :left; width :40px; height :40px; margin :2px; overflow :hidden; position :relative; background-size :cover; background-repeat :no-repeat; border-radius :1px; }

.ListelemePencereleri .Icine .Satir .Gorselleri .Gorsel img
{ position :absolute; min-height :60px; min-width :60px; margin :auto; }

.ListelemePencereleri .Icine .Satir .Dosyalari
{ display :table; width :100%; font-size :11px; }

.ListelemePencereleri .Icine .Satir .Dosyalari .Dosya
{ position :relative; font-weight :bold; padding :5px 10px; padding-left :25px; width :100%; border-top :solid 1px #cccccc; background :#ededed; }

.ListelemePencereleri .Icine .Satir .Dosyalari .Dosya a
{ text-decoration :none; color :#006699; }

.ListelemePencereleri .Icine .Satir .Dosyalari .Dosya:hover
{ opacity :0.6; }

.ListelemePencereleri .Icine .Satir .Dosyalari .Icon
{ width :12px; float :left; height :12px; position :absolute; left :2px; top :2px; background-position :-180px -126px; }

.DocBarOrtaKisim .ListelemePencereleri{width:340px;}
.DocBarOrtaKisim .ListelemePencereleri .Icine .Satir .UyeGorsel
{
    position        :absolute;
    right           :5px;
    top             :10px;
    width           :40px;
    height          :40px;
    border-radius   :1px;
    background-size :cover;
    /*background :#ffffff url(/CF/UD/User.jpg); background-size :cover;*/}

/*DocBarPencereDegerleri kapat*/

.DocBarSolMenuBtn
{
    width            :20px; height :20px;
    border-radius    :10px;
    background-color :#000000;
    opacity          :1;
    position         :absolute;
    top              :15%;
    left             :10px;
    cursor           :pointer;
    }

.DocBarSolMenuBtn:hover
{ background-color :#ff3c3c; }

.DocBarSolMenu
{
    background-color        :rgba(0, 0, 0, 0.8);
    border                  :1px solid #000000;
    border-radius           :3px;
    -webkit-box-shadow      :0 3px 3px rgba(0, 0, 0, .25);
    border                  :1px solid rgba(100, 100, 100, .4);
    -webkit-background-clip :padding-box;
    position                :absolute;
    overflow-y              :auto;
    top                     :13%;
    left                    :15px;
    z-index                 :3; float :left;
    list-style              :none;
    }

.DocBarSolMenu .Icine
{ color :#ededed; }

.DocBarSolMenu .Icine li
{ margin :5px; padding :3px 6px; cursor :pointer; text-transform :capitalize; float :left; }

.DocBarSolMenu .Icine li:hover
{ opacity :.5; }

.DocBarSolMenu .Icine li ~ li
{ /*border-top :solid 1px #333333;*/ }

.DocBarOrtaKisim {
    bottom: 0;
    top: 0;
    overflow-y: auto;
    position: absolute;
    z-index: 2;
    padding: 20px;
    padding-bottom:0;
    margin: 10px;
    margin-bottom:0;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(/Images/Icons/LoadingSpiral.gif);
    background-repeat: no-repeat;
    background-position: center center;
}

.DocBarOrtaKisim .DocBarOrtaKisimTasiyici
{
    margin     :0;
    padding    :0;
    list-style :none;
    overflow   :auto;
    position   :relative;
    width      :100%;
    }

.DocBarOrtaKisim .DocBarSutun
{
    margin :0 20px;margin-left:0px; height :100%; max-width :375px;
    float  :left; }

.DocBarSutun ~ .DocBarSutun
{ margin-left :0px; }

.Defaultphp .DocBarUstKisimSml
{ position :absolute; left :0px; right :0px; top :-40px; height :0px; background-color :#333333;
    border-bottom :solid 1px rgba(0, 0, 0, .5);
    cursor :pointer; z-index :102; }

.Defaultphp .DocBarUstKisimSml .IconAsagi
{ background-position :-120px -94px; width :20px; height :20px; margin :auto; }

.Defaultphp .DocBarUstKisim
{ top :0px; left :0px; right :0px; z-index :99999; }

.Defaultphp .DocBarUstKisimSmlGizle
{ position :absolute;
    left :50%; margin-left :-10px;
    top:10px;
    width :16px; height :16px; background-color :#000000; line-height :11px; font-weight :lighter; font-size :11px; font-family :wf_SegoeUILight, 'HelveticaRoundedLTStd-BdCn', Sans-Serif, sans-serif;
    color  :#ffffff; z-index :999999; padding :0px; }

.Defaultphp .DocBarUstKisim, .Defaultphp .DocBarAltKisim
{ position :absolute; left :0px; right :0px; width :100%; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSol
{ float :left; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSol .DocBarUstKisimSolLogo
{ width :80px; height :40px; margin :20px; cursor :pointer; background-size :contain; background-position :left center; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag
{ float :right; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag .DocBarUstKisimSagBtn
{ float :right; width :33px; height :30px; background :#bbbbbb; position :relative; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag .DocBarUstKisimSagBtn .Icon
{ position :absolute; left :0px; right :0px; top :0px; bottom :0px; background-repeat :no-repeat; z-index :2; cursor :pointer; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag .DocBarUstKisimSagBtn .AnimeBg
{ position :absolute; left :0px; right :0px; top :0px; height :0px; background-color :#61a9d4; z-index :1; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag .DocBarUstKisimSagBtn ~ .DocBarUstKisimSagBtn
{ margin-right :5px; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag .DocBarUstKisimSagBtn .PopOutPencereTasiyici
{ width :400px; position :absolute; z-index :2; right :-30px; top :40px; display :none; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag .DocBarUstKisimSagBtn .PopOutPencereTasiyici .EsteticScroll
{ height :100%; }

.Defaultphp .DocBarUstKisim .DocBarUstKisimSag .DocBarUstKisimSagBtn .PopOutPencereTasiyici .PopOutIcon
{ position        :absolute;
    top           :-12px;
    right         :35px;
    width         :0;
    height        :0;
    border        :7px solid transparent;
    border-bottom :7px solid #ffffff; z-index :3 }

.DocBarUstKisimSagBtn .OkunmayanMesajSayisi,.DocBarUstKisimSagBtn .OkunmayanBildirimSayisi
{
    position         :absolute;
    z-index          :2;
    right            :-4px;
    top              :0px;
    background-color :#ff0000;
    color            :#ffffff;
    padding          :1px 3px;
    font-size        :10px;
    border-radius    :2px;
    font-weight      :bold;
    display          :none;
    }

.UyeMesajlarListesiForJson
{ color :#333333; }

.UyeMesajlarListesiForJson .UstKisim
{ z-index :3; position :relative; text-align :center; display :table; width :100%; margin-bottom :5px; border-bottom :solid 1px #e9e9e9; }

.UyeMesajlarListesiForJson .UstKisim .Baslik
{ float :left; padding :8px; }

.YeniMesajGonder
{ float :right; padding :8px; }

.UyeMesajlarListesiForJson .AltKisim
{ background-color :#f7f7f7; padding :10px 5px; box-shadow :0px -1px 4px rgba(0, 0, 0, .5); z-index :3; position :relative; text-align :center; margin-top :5px;display:none }

.UyeMesajlarListesiForJson .Icine .Satir
{ position :relative; border-radius :0px; cursor :pointer; font-size :12px; height :60px; overflow :hidden }

.UyeMesajlarListesiForJson .Icine .Satir:hover
{ background-color :#f4f6f9; }

.UyeMesajlarListesiForJson .Icine .Satir .UyeGorsel
{ position :absolute; top :4px; left :8px; width :50px; height :50px; background :#ffffff url(/CF/UD/User.jpg); background-size :cover; }

.UyeMesajlarListesiForJson .Icine .Satir .SatirIcerik
{ margin-left :64px; padding :4px; padding-left :0px; margin-top :0px; width:90%; }

.UyeMesajlarListesiForJson .Icine .Satir ~ .Satir
{ border-color :#e9e9e9; }

.UyeMesajlarListesiForJson .Icine .Satir .SatirIcerik .Satir1
{ height :14px; line-height :14px; overflow :hidden; margin-bottom :3px; }

.UyeMesajlarListesiForJson .Icine .Satir .SatirIcerik .Satir2
{ height :17px; line-height :17px; overflow :hidden; font-size :12px; margin-bottom :3px; width :88%; }

.UyeMesajlarListesiForJson .Icine .Satir .SatirIcerik .Satir2 .iconMesajGonderilen
{
    background-position :-156px -126px; width :12px; height :12px; }

.UyeMesajlarListesiForJson .Icine .OkunmamisSatir
{ background-color :#ffffcc; font-weight :bold; }

.UyeBildirimlerListesiForJson
{ color :#333333; }

.UyeBildirimlerListesiForJson .UstKisim
{ z-index :3; position :relative; text-align :center; display :table; width :100%; margin-bottom :5px; border-bottom :solid 1px #e9e9e9; }

.UyeBildirimlerListesiForJson .UstKisim .Baslik
{ float :left; padding :8px; }

.YeniMesajGonder
{ float :right; padding :8px; }

.UyeBildirimlerListesiForJson .AltKisim
{ background-color :#f7f7f7; padding :10px 5px; box-shadow :0px -1px 4px rgba(0, 0, 0, .5); z-index :3; position :relative; text-align :center; margin-top :5px; }

.UyeBildirimlerListesiForJson .Icine .Satir
{ position :relative; border-radius :0px; cursor :pointer; font-size :11px; height :60px; overflow :hidden }

.UyeBildirimlerListesiForJson .Icine .Satir:hover
{ background-color :#f4f6f9; }

.UyeBildirimlerListesiForJson .Icine .Satir .UyeGorsel
{ position :absolute; top :4px; left :8px; width :50px; height :50px; background :#ffffff url(/CF/UD/User.jpg); background-size :cover; }

.UyeBildirimlerListesiForJson .Icine .Satir .SatirIcerik
{ margin-left :64px; padding :4px; padding-left :0px; margin-top :0px; }

.UyeBildirimlerListesiForJson .Icine .Satir ~ .Satir
{ border-color :#e9e9e9; }

.UyeBildirimlerListesiForJson .Icine .Satir .SatirIcerik .Satir1
{ height :12px; line-height :14px; overflow :hidden; margin-bottom :3px; }

.UyeBildirimlerListesiForJson .Icine .Satir .SatirIcerik .Satir2
{ height :22px; line-height :12px;  font-size :11px; margin-bottom :3px; width :99%; }

.UyeBildirimlerListesiForJson .Icine .Satir .SatirIcerik .Satir2 .iconMesajGonderilen
{
    background-position :-156px -126px; width :12px; height :12px; }

.UyeBildirimlerListesiForJson .Icine .OkunmamisSatir
{ background-color :#ffffcc;  }

.Defaultphp .DocBarAltKisim
{ bottom :0px; }

.Defaultphp .DocBarAltKisim .DocBarAltKisimSol .SaatiGoster
{ float :left; font-family :"wf_SegoeUILight", "wf_SegoeUI", "Tahoma", "Verdana", "Arial", "sans-serif"; margin :20px; }

.Defaultphp .DocBarAltKisim .DocBarAltKisimSol .SaatiGoster #Time
{ font-size :32px; text-align :justify; }

.Defaultphp .DocBarAltKisim .DocBarAltKisimSol .Divleri ~ .Divleri
{ float :left; margin-left :30px; }

.Defaultphp .DocBarAltKisimSol
{ }

.Defaultphp .DocBarAltKisimSag
{ position :absolute; bottom :20px; right :10px; }

.Defaultphp .DocBarAltKisim .DocBarSagaGonder, .Defaultphp .DocBarAltKisim .DocBarSolaGonder
{ float :right; width :45px; height :33px; cursor :pointer; }

.Defaultphp .DocBarAltKisim .DocBarSolaGonder
{ background-position :5px -35px; margin-right :-5px; }

.Defaultphp .DocBarAltKisim .DocBarSolaGonder:hover
{ background-position :-45px -35px; }

.Defaultphp .DocBarAltKisim .DocBarSagaGonder
{ background-position :-90px -35px; }

.Defaultphp .DocBarAltKisim .DocBarSagaGonder:hover
{ background-position :-135px -35px; }

.GuzelCerceve
{
    background              :rgba(255, 255, 255, 0.98);
    border                  :1px solid #c5c5c5;
    -moz-box-shadow         :0 3px 8px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow      :0 3px 8px rgba(0, 0, 0, 0.25);
    box-shadow              :0 3px 8px rgba(0, 0, 0, 0.25);
    border                  :1px solid rgba(100, 100, 100, .4);
    -webkit-background-clip :padding-box;
    margin-bottom           :10px;
    color                   :#333333;
    z-index                 :3;
    overflow: auto;
    max-height: calc(100vh);
    }

.PopOutPencereBildirimler
{
    border-radius           :3px;
    position                :absolute;
    right                   :-30px;
    width                   :383px;
    border-color            :#cccccc;
    text-align              :left;
    font-size               :11px;
    background-color        :#ffffff;
    background              :rgba(255, 255, 255, 0.98);
    border                  :1px solid #c5c5c5;
    top                     :40px;
    -webkit-box-shadow      :0 3px 8px rgba(0, 0, 0, .25);
    -webkit-border-radius   :3px;
    border                  :1px solid rgba(100, 100, 100, .4);
    -webkit-background-clip :padding-box;
    }

.PopOutPencereBildirimler .EsteticScroll
{
    height :30px;
    }

.PopOutPencereBildirimler .PopOutIcon
{
    position      :absolute;
    top           :-14px;
    right         :35px;
    width         :0;
    height        :0;
    border        :7px solid transparent;
    border-bottom :7px solid #ffffff;
    }

.PopOutPencereBildirimler .BaslikKismi
{
    border-bottom                   :solid 1px #dddddd;
    border-bottom                   :solid 1px rgba(100, 100, 100, .22);
    -webkit-background-clip         :padding-box;
    z-index                         :100;
    position                        :relative;
    padding                         :8px 8px 6px 8px;
    background-color                :#ffffff;
    -webkit-border-top-left-radius  :3px;
    -webkit-border-top-right-radius :3px;
    }

.PopOutPencereBildirimler .BaslikKismi h1
{
    line-height :25px;
    color       :#666666;
    font-size   :18px;
    color       :#666666;
    }

.PopOutPencereBildirimler .AltKisim
{
    background-color                   :#f7f7f7;
    border-top                         :1px solid #c5c5c5;
    border-bottom-left-radius          :3px;
    border-bottom-right-radius         :3px;
    -webkit-border-bottom-left-radius  :3px;
    -webkit-border-bottom-right-radius :3px;
    position                           :relative;
    z-index                            :100;
    background-color                   :#f7f7f7;
    border-top                         :1px solid #c5c5c5;
    color                              :#3b5998;
    outline                            :none;
    padding                            :5px;
    text-align                         :center;
    }

.PopOutPencereBildirimler .Satir
{
    position      :relative;
    padding       :5px;
    min-height    :35px;
    margin-top    :-1px;
    border-bottom :solid 1px #e9e9e9;
    }

.PopOutPencereBildirimler .Satir a, .PopOutPencereBildirimler .Satir .YanPencereLink
{
    color       :#000000;
    font-weight :bold;
    }

.PopOutPencereBildirimler .Satir .B
{
    width         :320px;
    margin-bottom :5px;
    }

.PopOutPencereBildirimler .Satir .C
{
    margin-bottom :5px;
    }

.PopOutPencereBildirimler .Satir:hover
{
    border-color     :#e3e8f0;
    background-color :#f4f6f9;
    }

.PopOutPencereBildirimler .Satir ~ .Satir
{
    border-top :solid 1px #e9e9e9;
    }

.PopOutPencereBildirimler .Satir .BildirimDetayi
{
    margin-left :45px;
    max-width   :200px;
    }

.PopOutPencereBildirimler .Satir .KisiResmi
{
    position   :absolute;
    left       :5px;
    top        :5px;
    width      :35px;
    height     :35px;
    border     :solid 1px #ffffff;
    background :#ffffff;
    overflow   :hidden;
    box-shadow :0px 0px 1px #ededed;
    }

.PopOutPencereBildirimler .Satir .KisiResmi img
{
    width  :100%;
    height :100%;
    }

.PopOutPencereBildirimler .Satir .GorselleriPenceresi
{
    float    :right;
    width    :50px;
    height   :50px;
    border   :dashed 1px #ededed;
    overflow :hidden;
    }

.PopOutPencereBildirimler .Satir .DD
{
    color :#999999;
    }

.PopOutPencereBildirimler .Satir .OkunduOkunmadi
{
    background-repeat   :no-repeat;
    background-size     :auto;
    background-position :0px -393px;
    display             :block;
    height              :13px;
    width               :15px;
    right               :8px;
    top                 :8px;
    position            :absolute;
    }

.IslemYanPencere
{
    display    :block;
    position   :fixed;
    right      :-400px;
    top        :-5px;
    bottom     :-15px;
    background :#ffffff;
    width      :400px;
    z-index    :100;
    overflow-y :auto;
    }

.IslemYanPencere .IslemYanPencereLoad
{ height :100%; position :relative; width :100%; }

.IslemYanPencere .Kapat
{ position :absolute; z-index :10; right :5px; top :10px; width :17px; height :17px; background-position :0px -74px; cursor :pointer; }

.IslemYanPencere .Kapat:hover
{ opacity :.5; }

.IslemAcilanPencere
{
    display          :block;
    position         :fixed;
    right            :0px;
    top              :0px;
    bottom           :0px;
    width            :100%;
    height           :100%;
    z-index          :100;
    overflow         :hidden;
    background-color :transparent;
    }

.IslemAcilanPencere .IslemAcilanPencereLoad
{ position :relative; position :fixed; top :4px; bottom :1px; right :1px; left :1px; background-color :rgba(255, 255, 255, 0.8); background-image :url(/Images/Icons/LoadingSpiral.gif); background-repeat :no-repeat; background-position :center center; }

.IslemAcilanPencere .Kapat
{ position :absolute; z-index :10; right :5px; top :10px; width :17px; height :17px; background-position :0px -74px; cursor :pointer; }

.IslemAcilanPencere .Kapat:hover
{ opacity :.5; }

.IslemYanPencereModelEkle
{ width :100%; }

.IslemYanPencereModelEkle .Baslik
{ border-bottom :dashed 1px #cccccc; padding-bottom :10px; }

.FormAlani
{ }

.FormAlani .Satir
{ display :table; margin-top :16px; width :90%; margin-bottom :10px; }

.FormAlani .Satir ~ .Satir
{ }

.FormAlani .SatirBaslik14
{ font-size :14px; color :#333333; margin-bottom :5px; }

.FormAlani .SatirBaslik12
{ font-size :12px; color :#333333; margin-bottom :5px; }

.FormAlani .Satir input[type=text]
{ padding :3px 5px; width :80%; border :0px; border-bottom :solid 1px #cccccc; display :inline-block; }

.FormAlani .Butonlar input[type=button], .FormAlani .Butonlar .FormKaydet
{ background-color :#333333; color :#ffffff; font-size :12px; padding :10px 20px; border :0px; cursor :pointer; }

.FormAlani .Butonlar input[type=button]:hover, .FormAlani .Butonlar .FormKaydet:hover
{ opacity :.5; }

.IslemlerPenceresi
{
    background        :#d24726; position :fixed;
    z-index           :2;
    width             :101px;
    top               :0; list-style :none;
    -webkit-animation :IslemlerPenceresiF .5s; /* Chrome, Safari, Opera */
    animation         :IslemlerPenceresiF .5s;
    display           :none;
    }

/* Chrome, Safari, Opera */
@-webkit-keyframes IslemlerPenceresiF
{
    from
    { left :1%; opacity :0; }
    to
    { left :0px; opacity :1; }
    }

.IslemlerPenceresi ul
{ margin-top :50px }

.IslemlerPenceresi li
{
    list-style    :none;
    padding       :11px 0px;
    padding-left  :10px;
    padding-right :0px;
    text-align    :left;
    cursor        :pointer;
    font-family   :Segoe UI, Arial, sans-serif;
    font-weight   :lighter;
    font-size     :12px;
    color         :#ffffff;
    }

.IslemlerPenceresi li:hover
{
    background :#b83b1d;
    }

.DetayUstBolum
{ min-height :30px; margin-bottom :10px; border-bottom :solid 1px #ffffff; position :absolute; left :0px; right :0px; top :0px; width :100%; display :table; }

.DetayUstBolum .Sol .IslemMenusuIconlar
{ float :left; }

.DetayUstBolum .Sol .IslemMenusuIconlar .Icons
{ width              :33px;
    height           :30px;
    background-color :#bbbbbb;
    position         :relative;
    float            :left;
    cursor           :pointer; margin-right :1px; }

.DetayUstBolum .Sol .IslemMenusuIconlar .BilgiKutucugu
{
    height  :30px;
    float   :left; margin-right :1px;
    padding :4px 10px;
    }

.DetayUstBolum .Sol .IslemMenusuIconlar .BilgiKutucugu h3
{ font-size :18px; }

.DetayUstBolum .Sol .IslemMenusuIconlar .Icons:hover
{ opacity :.5; }

.DetayUstBolum .Sol .IslemMenusuIconlar .MenuGoster
{ background-position :-165px 0px; }

.DetayUstBolum .Sol .IslemMenusuIconlar .Menu
{ width :200px; left :0px; top :40px; position :absolute; z-index :2; }

.DetayUstBolum .Sol .IslemMenusuIconlar .Menu .Icine
{ color :#333333; }

.DetayUstBolum .Sol .IslemMenusuIconlar .Menu .Icine .PopOutIcon
{
    position      :absolute;
    top           :-14px;
    left          :10px;
    width         :0;
    height        :0;
    border        :7px solid transparent;
    border-bottom :7px solid #ffffff;
    }

.DetayUstBolum .Sol .IslemMenusuIconlar .Menu .Baslik
{ font-weight :bold; margin :5px; padding :3px 6px; }

.DetayUstBolum .Sol .IslemMenusuIconlar .Menu .Icine li
{ margin :5px; padding :3px 6px; cursor :pointer; text-transform :capitalize }

.DetayUstBolum .Sol .IslemMenusuIconlar .Menu .Icine li:hover
{ opacity :.5; }

.DetayUstBolum .Sol .IslemMenusuIconlar .Menu .Icine li ~ li
{ border-top :solid 1px #ededed; }

.DetayUstBolum .Sol .IslemMenusuIconlar .AnaSayfa
{ background-position :-198px 0px; }

.DetayUstBolum .Sol .IslemMenusuIconlar .YazdirmaIslemi
{ background-position :-231px 0px; }

.DetayUstBolum .Sag .ModelAsamalari
{ float :right; margin :20px; }

.DetayUstBolum .Sag .ModelAsamalari .Asama
{
    float       :left;
    background  :#7e7e7e;
    padding     :4px 30px 4px 30px;
    display     :inline-block;
    position    :relative;
    color       :#ffffff;
    #cursor      :pointer;
    font-family :'wf_SegoeUILight', 'wf_SegoeUI', Arial, 'Tahoma', "Verdana", "Arial", "sans-serif";
    font-weight :300;
    font-weight :lighter !important;
    font-size   :16px;
    }

.DetayUstBolum .Sag .ModelAsamalari .Asama .Icons
{ width :12px; height :12px; margin-right :10px; }

.DetayUstBolum .Sag .ModelAsamalari .Asama .iconTamamlandi
{ background-position :-48px -126px; }

.DetayUstBolum .Sag .ModelAsamalari .Asama .iconBayrak
{ background-position :-61px -135px; border :solid 2px #ffffff; border-radius :14px; padding :4px; background-color :#5ba4b5; margin-right :-20px; margin-bottom :-20px;
    box-sizing: content-box;}

/*.DetayUstBolum .Sag .ModelAsamalari .Asama:hover { background-color : #dc9305; }
.DetayUstBolum .Sag .ModelAsamalari .Asama:hover:after { border-left-color : #dc9305; }
*/

.DetayUstBolum .Sag .ModelAsamalari .Asama:before
{
    content           :'';
    width             :0;
    height            :0;
    position          :absolute;
    border            :18px solid transparent;
    border-left-color :#ffffff;
    left              :0px;
    top               :-4px;
    }

.DetayUstBolum .Sag .ModelAsamalari .Asama:after
{
    content           :'';
    width             :0;
    height            :0;
    position          :absolute;
    border            :14px solid transparent;
    border-left-color :#7e7e7e;
    right             :-28px;
    z-index           :3;
    top               :0;
    }

.DetayUstBolum .Sag .ModelAsamalari .Asama:last-child:after
{ display :none; }

.DetayUstBolum .Sag .ModelAsamalari .Asama:first-child
{ padding-left :15px; }

.DetayUstBolum .Sag .ModelAsamalari .Asama:first-child:before
{ display :none; }

.DetayUstBolum .Sag .ModelAsamalari .Aktif
{ background-color :#dc9305; }

.DetayUstBolum .Sag .ModelAsamalari .Aktif:after
{ border-left-color :#dc9305; }

.DetayUstBolum2
{ position :absolute; left :20px; right :0px; top :50px; min-height :40px; }

.DetayAltBolum
{ left :20px; bottom :20px; top :100px; right :10px; overflow :hidden; overflow-x :auto; position :fixed; }

.DetayAltBolumPencere
{ float :left; width :auto; height :100%; overflow :auto; border:solid 5px transparent;border-top:0px;border-bottom:0px; position :relative;overflow:hidden; }
.DetayAltBolumPencere:hover{border-color:#FDFDFD;background-color:#FEFEFE;}
.DetayAltBolumPencere~.DetayAltBolumPencere{padding-left:10px;}
.DetayPencerelerGenelBilgi
{ max-width :550px; }

.DetayPencerelerGenelBilgi .PencereBaslik
{ }

.DetayPencerelerGenelBilgi .PencereBaslik .Baslik
{ float :left; }

.DetayPencerelerGenelBilgi .PencereBaslik .IslemlerPaket
{ float :right; }

.DetayPencerelerGenelBilgi .PencereBaslik .IslemlerPaket .Icons
{ width :12px; height :12px; margin :10px; cursor :pointer; }

.DetayPencerelerGenelBilgi .PencereBaslik .IslemlerPaket .Guncelle
{ background-position :-24px -114px; }

.DetayPencerelerGenelBilgi ul
{ width:95%;}

.DetayPencerelerGenelBilgi ul li
{ display :table; width :100%; min-width :400px; vertical-align :baseline; padding-top :10px; }

.DetayPencerelerGenelBilgi ul li:hover
{ background-color :#f8fdfd; }

.DetayPencerelerGenelBilgi ul li ~ li
{ border-top :solid 1px #cccccc; }

.DetayPencerelerGenelBilgi ul li div
{ float :left; }

.DetayPencerelerGenelBilgi ul li .Baslik
{
    width          :30%; min-width :150px; color :#999999;
    font-size      :11px;
    /*color:#333;*/
    font-weight    :bold;
    line-height    :15px;
    text-align     :left;
    vertical-align :top;
    word-wrap      :break-word; display :table-cell; }

.DetayPencerelerGenelBilgi ul li .Veri
{ color :#000000; width :60%; min-width :150px; margin-bottom :6px; display :inline-block; word-wrap :break-word; display :table-cell; position :relative; }

.DetayPencerelerGenelBilgi ul li .Veri .Guncelle
{ background-position :-24px -114px; width :12px; height :12px; position :absolute; right :-9px; cursor :pointer }




.BtnIslemler
{ display :table; width :auto; /*margin-right :20px;*/ }

.BtnIslemler .BtnKareTip
{
    width         :110px;
    height        :110px;
    float         :left;
    position      :relative;
    color         :#ffffff;
    cursor        :pointer;
    margin-right  :10px;
    margin-bottom :10px;
    }
.BtnIslemler .BtnKareTip *{color         :#ffffff!important;}

.BtnIslemler .BtnKareTip ~ .BtnKareTip
{ }

.BtnIslemler .BtnKareTip .KutuTanimi
{
    position :absolute;
    left     :10px;
    top      :10px;
    }

.BtnIslemler .BtnKareTip .KutuTipi
{
    position :absolute;
    left     :10px;
    bottom   :10px;
    }

.BtnIslemler .BtnKareTip h1
{ font-size :12px;margin-right:10px; }

.BtnKareTipRenkA
{
    background :#cb6a00; /* Old browsers */
    background :-moz-linear-gradient(-45deg, #cb6a00 0%, #da943d 92%); /* FF3.6+ */
    background :-webkit-gradient(linear, left top, right bottom, color-stop(0%, #cb6a00), color-stop(92%, #da943d)); /* Chrome,Safari4+ */
    background :-webkit-linear-gradient(-45deg, #cb6a00 0%, #da943d 92%); /* Chrome10+,Safari5.1+ */
    background :-o-linear-gradient(-45deg, #cb6a00 0%, #da943d 92%); /* Opera 11.10+ */
    background :-ms-linear-gradient(-45deg, #cb6a00 0%, #da943d 92%); /* IE10+ */
    background :linear-gradient(135deg, #cb6a00 0%, #da943d 92%); /* W3C */
    filter     :progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb6a00', endColorstr='#da943d', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    }

.BtnKareTipRenkA:hover
{
    background :#cb6a00;
    }

.BtnKareTipRenkB
{
    background :#0173c6; /* Old browsers */
    background :-moz-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* FF3.6+ */
    background :-webkit-gradient(linear, left top, right bottom, color-stop(0%, #0173c6), color-stop(92%, #3d94d4)); /* Chrome,Safari4+ */
    background :-webkit-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* Chrome10+,Safari5.1+ */
    background :-o-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* Opera 11.10+ */
    background :-ms-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* IE10+ */
    background :linear-gradient(135deg, #0173c6 0%, #3d94d4 92%); /* W3C */
    filter     :progid:DXImageTransform.Microsoft.gradient(startColorstr='#0173c6', endColorstr='#3d94d4', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    }

.BtnKareTipRenkB:hover
{
    background :#0173c6;
    }

.BtnKareTipRenkC
{
    background :#333333; /* Old browsers */
    background :-moz-linear-gradient(-45deg, #333333 0%, #6b6b6b 92%); /* FF3.6+ */
    background :-webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(92%, #6b6b6b)); /* Chrome,Safari4+ */
    background :-webkit-linear-gradient(-45deg, #333333 0%, #6b6b6b 92%); /* Chrome10+,Safari5.1+ */
    background :-o-linear-gradient(-45deg, #333333 0%, #6b6b6b 92%); /* Opera 11.10+ */
    background :-ms-linear-gradient(-45deg, #333333 0%, #6b6b6b 92%); /* IE10+ */
    background :linear-gradient(135deg, #333333 0%, #6b6b6b 92%); /* W3C */
    filter     :progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#666', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    }

.BtnKareTipRenkC:hover
{
    background :#666666;
    }

.BtnKareTipRenkSadeGri
{
    background :#cccccc; /* Old browsers */
    background :-moz-linear-gradient(-45deg, #cccccc 0%, #ededed 92%); /* FF3.6+ */
    background :-webkit-gradient(linear, left top, right bottom, color-stop(0%, #333333), color-stop(92%, #ededed)); /* Chrome,Safari4+ */
    background :-webkit-linear-gradient(-45deg, #cccccc 0%, #ededed 92%); /* Chrome10+,Safari5.1+ */
    background :-o-linear-gradient(-45deg, #cccccc 0%, #ededed 92%); /* Opera 11.10+ */
    background :-ms-linear-gradient(-45deg, #cccccc 0%, #ededed 92%); /* IE10+ */
    background :linear-gradient(135deg, #cccccc 0%, #ededed 92%); /* W3C */
    filter     :progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#666', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    color      :#000000
    }

.BtnKareTip .Durum
{ position :absolute; z-index :2; right :3px; top :3px; }

.BtnIslemler .BtnDikDortgenTip
{
    width         :100%;
    min-height    :60px;
    float         :left;
    position      :relative;
    color         :#ffffff;
    cursor        :pointer;
    margin-right  :10px;
    margin-bottom :10px;
    }

.BtnIslemler .BtnDikDortgenTip ~ .BtnDikDortgenTip
{ }

.BtnIslemler .BtnDikDortgenTip .KutuTanimi
{
    position :absolute;
    left     :10px;
    top      :10px;
    }

.BtnIslemler .BtnDikDortgenTip .KutuTipi
{
    position :absolute;
    left     :10px;
    bottom   :10px;
    }

.BtnIslemler .BtnDikDortgenTip h1
{ font-size :14px; }

.BtnIslemler .BtnDikDortgenTipRenkA
{
    color      :#000000;
    background :#ededed; /* Old browsers */
    background :-moz-linear-gradient(-45deg, #ededed 0%, #cccccc 92%); /* FF3.6+ */
    background :-webkit-gradient(linear, left top, right bottom, color-stop(0%, #ededed), color-stop(92%, #cccccc)); /* Chrome,Safari4+ */
    background :-webkit-linear-gradient(-45deg, #ededed 0%, #cccccc 92%); /* Chrome10+,Safari5.1+ */
    background :-o-linear-gradient(-45deg, #ededed 0%, #cccccc 92%); /* Opera 11.10+ */
    background :-ms-linear-gradient(-45deg, #ededed 0%, #cccccc 92%); /* IE10+ */
    background :linear-gradient(135deg, #ededed 0%, #cccccc 92%); /* W3C */
    filter     :progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ccc', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    }

.BtnIslemler .BtnDikDortgenTipRenkA:hover
{
    background :#ededed;
    }

.BtnIslemler .BtnDikDortgenTipRenkB
{
    background :#0173c6; /* Old browsers */
    background :-moz-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* FF3.6+ */
    background :-webkit-gradient(linear, left top, right bottom, color-stop(0%, #0173c6), color-stop(92%, #3d94d4)); /* Chrome,Safari4+ */
    background :-webkit-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* Chrome10+,Safari5.1+ */
    background :-o-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* Opera 11.10+ */
    background :-ms-linear-gradient(-45deg, #0173c6 0%, #3d94d4 92%); /* IE10+ */
    background :linear-gradient(135deg, #0173c6 0%, #3d94d4 92%); /* W3C */
    filter     :progid:DXImageTransform.Microsoft.gradient(startColorstr='#0173c6', endColorstr='#3d94d4', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    }

.BtnIslemler .BtnDikDortgenTipRenkB:hover
{
    background :#0173c6;
    }

/* NotBirakmaAlani*/
.NotBirakmaAlani
{ }

.NotBirakmaAlani .TextArea
{ border :0px; width :98%; }

.NotBirakmaAlani .Butonlar
{ display :table; width :100%; border-top :solid 1px #cccccc; }

.NotBirakmaAlani .Dosyalar
{ overflow :hidden; overflow-y :auto; max-height :180px; }

.NotBirakmaAlani .Dosyalar .DokumanSatirlari
{ border-bottom :1px solid #eeeeee; border-top :1px solid #eeeeee; padding :10px; position :relative; font-size :11px; font-weight :bold; font-family :Tahoma, Geneva, sans-serif; color :#333333; }

.NotBirakmaAlani .Dosyalar .DokumanSatirlari:hover
{ background :#f3f3f3; }

.NotBirakmaAlani .Dosyalar .DokumanSatirlari .Kaldir
{ position :absolute; right :10px; top :10px; cursor :pointer; background-position :-132px -126px; }

.NotBirakmaAlani .Dosyalar .DokumanSatirlari .Kaldir:hover
{ background-position :-144px -126px; }

.NotBirakmaAlani .Gorseller
{ overflow :hidden; overflow-y :auto; max-height :180px; }

.NotBirakmaAlani .Gorseller .DokumanSatirlari
{ position :relative; margin :4px; width :100px; height :100px; background-position :center center; background-size :cover; float :left; background-image :url(../Images/Icons/LoadingSpiral1.gif); background-size :cover; }

.NotBirakmaAlani .Gorseller .DokumanSatirlari .Kaldir
{ position :absolute; right :10%; top :10%; cursor :pointer; background-position :-132px -126px; display :none; }

.NotBirakmaAlani .Gorseller .DokumanSatirlari .Kaldir:hover
{ background-position :-144px -126px; }

.NotBirakmaAlani .Gorseller .DokumanSatirlari:hover .Kaldir
{ display :block; }

.NotBirakmaAlani .IconKapatButonSmall
{ height :11px; margin-top :1px; width :11px; background-position :-132px -126px; }

.NotBirakmaAlani .Buton
{ padding :10px 20px; padding-left :36px; color :#999999; position :relative; }

.NotBirakmaAlani .Buton .Icon
{ position :absolute; left :11px; top :11px; }

.NotBirakmaAlani .Buton:hover
{ background :#ededed; }

.NotBirakmaAlani .Buton .Icons
{ width :16px; height :16px; }

.NotBirakmaAlani .Buton .DosyaIlistir
{ background-position :-80px -138px; }

.NotBirakmaAlani .Buton .FotografIlistir
{ background-position :-96px -138px; }

.NotBirakmaAlani .GonderButonu
{
    #padding     :5px 10px;
    padding     :0px 4px;
    background  :#2876a6;
    text-align  :center;
    font-weight :bold;
    color       :#ffffff;
    cursor      :pointer;
    }

.NotBirakmaAlani .GonderButonu:hover
{
    opacity :0.5;
    }

.GorselleriPenceresi
{ display :table; width :100%; }

.GorselleriPenceresi .Gorsel
{ float :left; width :100px; height :100px; margin :2px; overflow :hidden; position :relative; background-size :cover; background-repeat :no-repeat; border-radius :1px; }

.GorselleriPenceresi .Gorsel img
{ position :absolute; min-height :100px; min-width :100px; margin :auto; }

.DosyalariPenceresi
{ display :table; width :80%; font-size :11px; }

.DosyalariPenceresi .Dosya
{ position :relative; font-weight :bold; padding :5px 10px; padding-left :25px; width :100%; border-top :solid 1px #cccccc; background :#ededed; }

.DosyalariPenceresi .Dosya a
{ text-decoration :none; color :#006699; }

.DosyalariPenceresi .Dosya:hover
{ opacity :0.6; }

.DosyalariPenceresi .Icon
{ width :20px; float :left; height :20px; position :absolute; left :2px; top :2px; }

.NotBirakmaAlani .Gorseller .DokumanSatirlari
{
    width  :50px;
    height :50px;
    }

.NotBirakmaAlani .GorselleriPenceresi .Gorsel
{
    width  :50px;
    height :50px;
    }

.NotBirakmaAlani .GorselleriPenceresi .Gorsel img
{
    width  :50px;
    height :50px;
    }

/* not ekleme alanları için resim dosya vs. görüntüleri. css leri bunlar */

.KonusmaIslemAlani
{ border :solid 1px #cccccc; background :#ffffff; }

.KonusmaIslemAlani .CevaplaTextArea
{ border :0px; width :98%; }

.KonusmaIslemAlani .Butonlar
{ display :table; width :100%; border-top :solid 1px #cccccc; }

.KonusmaIslemAlani .Dosyalar
{ overflow :hidden; overflow-y :auto; max-height :180px; }

.KonusmaIslemAlani .Dosyalar .DokumanSatirlari
{ border-bottom :1px solid #eeeeee; border-top :1px solid #eeeeee; padding :10px; position :relative; font-size :11px; font-weight :bold; font-family :Tahoma, Geneva, sans-serif; color :#333333; }

.KonusmaIslemAlani .Dosyalar .DokumanSatirlari:hover
{ background :#f3f3f3; }

.KonusmaIslemAlani .Dosyalar .DokumanSatirlari .Kaldir
{ position :absolute; right :10px; top :10px; cursor :pointer; background-position :-132px -126px; }

.KonusmaIslemAlani .Dosyalar .DokumanSatirlari .Kaldir:hover
{ background-position :-144px -126px; }

.KonusmaIslemAlani .Gorseller
{ overflow :hidden; overflow-y :auto; max-height :180px; }

.KonusmaIslemAlani .Gorseller .DokumanSatirlari
{ position :relative; margin :4px; width :100px; height :100px; background-position :center center; background-size :cover; float :left; background-image :url(../Images/Icons/LoadingSpiral1.gif); background-size :cover; }

.KonusmaIslemAlani .Gorseller .DokumanSatirlari .Kaldir
{ position :absolute; right :10%; top :10%; cursor :pointer; background-position :-132px -126px; display :none; }

.KonusmaIslemAlani .Gorseller .DokumanSatirlari .Kaldir:hover
{ background-position :-144px -126px; }

.KonusmaIslemAlani .Gorseller .DokumanSatirlari:hover .Kaldir
{ display :block; }

.KonusmaIslemAlani .IconKapatButonSmall
{ height :11px; margin-top :1px; width :11px; background-position :-132px -126px; }

.KonusmaIslemAlani .Buton
{ padding :10px 20px; padding-left :36px; color :#999999; position :relative; }

.KonusmaIslemAlani .Buton .Icon
{ position :absolute; left :11px; top :11px; }

.KonusmaIslemAlani .Buton:hover
{ background :#ededed; }

.KonusmaIslemAlani .Buton .Icons
{ width :16px; height :16px; }

.KonusmaIslemAlani .Buton .DosyaIlistir
{ background-position :-80px -138px; }

.KonusmaIslemAlani .Buton .FotografIlistir
{ background-position :-96px -138px; }

.KonusmaIslemAlani .GonderButonu
{
    padding     :5px 10px;
    background  :#2876a6;
    text-align  :center;
    font-weight :bold;
    color       :#ffffff;
    cursor      :pointer;
    }

.KonusmaIslemAlani .GonderButonu:hover
{
    opacity :0.5;
    }

.GorselleriPenceresi
{ display :table; width :100%; }

.GorselleriPenceresi .Gorsel
{ float :left; width :100px; height :100px; margin :2px; overflow :hidden; position :relative; background-size :cover; background-repeat :no-repeat; border-radius :1px; }

.GorselleriPenceresi .Gorsel img
{ position :absolute; min-height :100px; min-width :100px; margin :auto; }

.DosyalariPenceresi
{ display :table; width :80%; font-size :11px; }

.DosyalariPenceresi .Dosya
{ position :relative; font-weight :bold; padding :5px 10px; padding-left :25px; width :100%; border-top :solid 1px #cccccc; background :#ededed; }

.DosyalariPenceresi .Dosya a
{ text-decoration :none; color :#006699; }

.DosyalariPenceresi .Dosya:hover
{ opacity :0.6; }

.DosyalariPenceresi .Icon
{ width :20px; float :left; height :20px; position :absolute; left :2px; top :2px; }

.KonusmaIslemAlani .Gorseller .DokumanSatirlari
{
    width  :50px;
    height :50px;
    }

.KonusmaIslemAlani .GorselleriPenceresi .Gorsel
{
    width  :50px;
    height :50px;
    }

.KonusmaIslemAlani .GorselleriPenceresi .Gorsel img
{
    width  :50px;
    height :50px;
    }

/* not ekleme alanları için resim dosya vs. görüntüleri. css leri bunlar ''' biter */

.SimgeKilit
{ background-position :-159px -138px; width :17px; height :14px; }

.SimgeTikBos, .SimgeTikDolu
{ display          :inline-block;
    width          :14px;
    height         :17px;
    margin-left    :5px;
    vertical-align :middle; }

.SimgeTikBos
{ background-repeat :no-repeat; background-size :auto; background-position :-128px -138px; }

.SimgeTikDolu
{ display :inline-block; width :14px; height :17px; margin-left :5px; vertical-align :middle; background-position :-112px -138px; }

.SimgeTikBos:hover
{ background-position :-112px -138px; }

.PopOutPencereMesajlar
{
    border-radius           :3px;
    position                :absolute;
    right                   :-30px;
    width                   :333px;
    border-color            :#cccccc;
    text-align              :left;
    font-size               :11px;
    background-color        :#ffffff;
    background              :rgba(255, 255, 255, 0.98);
    border                  :1px solid #c5c5c5;
    -webkit-box-shadow      :0 3px 8px rgba(0, 0, 0, .25);
    -webkit-border-radius   :3px;
    border                  :1px solid rgba(100, 100, 100, .4);
    -webkit-background-clip :padding-box;
    }

.PopOutPencereMesajlar .EsteticScroll
{
    height :30px;
    }

.PopOutPencereMesajlar .PopOutIcon
{
    position      :absolute;
    top           :-14px;
    right         :35px;
    width         :0;
    height        :0;
    border        :7px solid transparent;
    border-bottom :7px solid #ffffff;
    }

.PopOutPencereMesajlar .BaslikKismi
{
    border-bottom                   :solid 1px #dddddd;
    border-bottom                   :solid 1px rgba(100, 100, 100, .22);
    -webkit-background-clip         :padding-box;
    z-index                         :100;
    position                        :relative;
    padding                         :8px 8px 6px 8px;
    background-color                :#ffffff;
    -webkit-border-top-left-radius  :3px;
    -webkit-border-top-right-radius :3px;
    }

.PopOutPencereMesajlar .BaslikKismi h1
{
    line-height :25px;
    color       :#666666;
    font-size   :18px;
    color       :#666666;
    }

.PopOutPencereMesajlar .AltKisim
{
    background-color                   :#f7f7f7;
    border-top                         :1px solid #c5c5c5;
    border-bottom-left-radius          :3px;
    border-bottom-right-radius         :3px;
    -webkit-border-bottom-left-radius  :3px;
    -webkit-border-bottom-right-radius :3px;
    position                           :relative;
    z-index                            :100;
    background-color                   :#f7f7f7;
    border-top                         :1px solid #c5c5c5;
    color                              :#3b5998;
    outline                            :none;
    padding                            :5px;
    text-align                         :center;
    }

.PopOutPencereMesajlar .Satir
{
    position      :relative;
    padding       :5px;
    min-height    :35px;
    margin-top    :-1px;
    border-bottom :solid 1px #e9e9e9;
    cursor        :pointer;
    }

.PopOutPencereMesajlar .Satir a, .PopOutPencereMesajlar .Satir .YanPencereLink
{
    color       :#000000;
    font-weight :bold;
    }

.PopOutPencereMesajlar .Satir:hover
{
    border-color     :#e3e8f0;
    background-color :#f4f6f9;
    }

.PopOutPencereMesajlar .SatirOkunmadiki
{
    border-color     :#e3e8f0;
    background-color :#f4f6f9;
    }

.PopOutPencereMesajlar .Satir ~ .Satir
{
    border-top :solid 1px #e9e9e9;
    }

.PopOutPencereMesajlar .Satir .BildirimDetayi
{
    margin-left :45px;
    max-width   :200px;
    }

.PopOutPencereMesajlar .Satir .KisiResmi
{
    position   :absolute;
    left       :5px;
    top        :5px;
    width      :35px;
    height     :35px;
    border     :solid 1px #ffffff;
    background :#ffffff;
    overflow   :hidden;
    box-shadow :0px 0px 1px #ededed;
    }

.PopOutPencereMesajlar .Satir .KisiResmi img
{
    width  :100%;
    height :100%;
    }

.PopOutPencereMesajlar .Satir .GorselleriPenceresi
{
    float    :right;
    width    :50px;
    height   :50px;
    border   :dashed 1px #ededed;
    overflow :hidden;
    }

.PopOutPencereMesajlar .Satir .DD
{
    color :#999999;
    }

.PopOutPencereMesajlar .Satir .OkunduOkunmadi
{
    background-repeat   :no-repeat;
    background-size     :auto;
    background-position :0px -393px;
    display             :block;
    height              :13px;
    width               :15px;
    right               :8px;
    top                 :8px;
    position            :absolute;
    }

.PopOutPencereMesajlar .Satir .Giden
{
    background-image    :url(/Images/Icons2/IconsV3.png);
    background-repeat   :no-repeat;
    background-size     :auto;
    background-position :-83px -391px;
    display             :inline-block;
    height              :9px;
    width               :10px;
    margin-right        :4px;
    }

.PopOutPencereMesajlar .OkunmamisSatir
{ background-color :#fff6cf; border-color :#ffe88a }

.IslemYanPencereDetayTip1
{ min-height :700px; position :relative; background-color :#333; right :0px; top :0px; bottom :0px; left :0px }

.IslemYanPencereDetayTip1 .UstKisim
{ position      :absolute; top :20px; left :20px; right :10px;
    font-family :wf_SegoeUILight;
    color       :#ffffff; }

.IslemYanPencereDetayTip1 .UstKisim .BaslikAlani
{
    font-size :56px;
    position  :relative;
    z-index   :2;
    }

.IslemYanPencereDetayTip1 .UstKisim .BaslikAlani .BilgiA
{
    font-size :18px;
    }

.IslemYanPencereDetayTip1 .UstKisim .BaslikAlani .BilgiB
{ font-size :32px; font-weight :bold; line-height :32px; }

.IslemYanPencereDetayTip1 .UstKisim .BaslikAlani2
{
    font-size   :130px; line-height :120px; height :160px; width :400%; top :0px; position :absolute; opacity :.2; overflow :hidden;
    font-weight :lighter;
    font-weight :300;
    left        :-11%;
    }

.IslemYanPencereDetayTip1 .AltKisim
{ position :absolute; bottom :30px; left :10px; right :20px; z-index :3; text-align :right; }

.IslemYanPencereDetayTip1 .AltKisim .Satir
{
    cursor :pointer; font-family :wf_SegoeUILight; font-size :16px; color :#ffffff; line-height :40px;
    }

.IslemYanPencereDetayTip1 .AltKisim .Satir:hover
{ opacity :.3; }

.IslemYanPencereDetayTip1 .AltKisim .IconP
{ text-align      :center; padding :4px; margin-bottom :-4px;
    border-radius :15px;
    border        :dashed 1px #ffffff;
    border-color  :rgba(255, 255, 255, .8);background-position:center center;background-size:cover; }

.IslemYanPencereDetayTip1 .AltKisim .Icon
{
    width      :20px; height :20px; line-height :20px;
    text-align :center;
    }

.IslemYanPencereDetayTip1 .ArkaGorsel
{ position :absolute; left :0px; top :0px; right :0px; bottom :0px; background-size :cover; background-position :center center; opacity :.4; display :none; }

.IslemYanPencereDetayTip1 .ArkaGorsel img
{ display :none; }

.IslemYanPencereDetayTip2
{ min-height :700px; position :relative; right :0px; top :0px; bottom :0px; left :0px }

.IslemYanPencereDetayTip2 .UstKisim
{ position      :absolute; top :20px; left :20px; right :10px;
    font-family :wf_SegoeUILight;
    }

.IslemYanPencereDetayTip2 .UstKisim .BaslikAlani
{
    font-size :56px;
    position  :relative;
    z-index   :2;
    }

.IslemYanPencereDetayTip2 .UstKisim .BaslikAlani .BilgiA
{
    font-size :18px;
    }

.IslemYanPencereDetayTip2 .UstKisim .BaslikAlani .BilgiB
{ font-size :32px; font-weight :bold; line-height :32px; }

.IslemYanPencereDetayTip2 .UstKisim .BaslikAlani2
{
    font-size   :130px; line-height :120px; height :160px; width :400%; top :0px; position :absolute; opacity :.2; overflow :hidden;
    font-weight :lighter;
    font-weight :300;
    left        :-11%;
    }

.IslemYanPencereDetayTip2 .AltKisim
{ position :absolute; bottom :30px; left :10px; right :20px; z-index :3; text-align :right; }

.IslemYanPencereDetayTip2 .AltKisim .Satir
{
    cursor :pointer; font-family :wf_SegoeUILight; font-size :18px; color :#ffffff; line-height :40px;
    }

.IslemYanPencereDetayTip2 .AltKisim .Satir:hover
{ opacity :.3; }

.IslemYanPencereDetayTip2 .AltKisim .IconP
{ text-align      :center; padding :4px; margin-bottom :-4px;
    border-radius :15px;
    border        :dashed 1px rgba(255, 255, 255, .8);
    }

.IslemYanPencereDetayTip2 .AltKisim .Icon
{
    width      :20px; height :20px; line-height :20px;
    text-align :center;
    }

.IslemYanPencereDetayTip2 .ArkaGorsel
{ position :absolute; left :0px; top :0px; right :0px; bottom :0px; background-size :cover; background-position :center center; opacity :.4; display :none; }

.IslemYanPencereDetayTip2 .ArkaGorsel img
{ display :none; }








.modal-backdrop{z-index: 11;}