body { background: url(/Template/Img/BG.jpg) center center no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: auto; }
form { margin-bottom: -40px; }
.FooterIc ul {list-style-type:none; }
.statrightMin p { font-size: 24px!important; }
#TextYasinFetihSayfalar img { border: 1px solid #58BE74; max-height: 35px; margin: 2px; cursor:pointer; }
#TextYasinFetih, #TextTevTef {padding-top: 15px;margin-left: 10px;}
#MainContent { margin: 0; padding: 0; width: 100%; text-align: center; }
.MainContentIndent { margin: 0; padding: 0; display: inline-block; }
.MenuIndent { min-height: 10px; margin-bottom: -90px; padding: 30px 15px 95px; background: url(../template/img/BG_small.jpg) center; border: 1px solid #000; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px/10px; border-top-left-radius: 50px; }
.menuOzel > li > a { float: none; padding: 10px 15px; color: #22DB39; text-decoration: none; }
.menuOzel > li > a:Hover { color: #fff; }
.Logo { max-width: 280px; max-height: 130px; padding: 15px 25px 115px 105px; margin: -15px 0 30px 10px; display: inline-block; border: 4px solid #666; background: url(/Image/logo.png); background-repeat:no-repeat; text-align: left; }
.Logo h2 { font-size: 55px; font: "Times New Roman",Georgia,Serif; margin: 0; padding: 0; font-weight: 100; }
.Logo a { text-decoration: none; color: #000; letter-spacing: 2px; text-shadow:2px 2px 4px #10497C;  }
.Logo span { text-decoration: none; text-shadow:2px 2px 4px #004D13;  font-size: 30px; color: #008C22; letter-spacing: 3px; font: "Times New Roman",Georgia,Serif; font-weight:normal; }
.Slogan { margin:9px 0 0 -50px; padding:0; color:#10497C; animation: blink 1s linear infinite; }


@keyframes blink {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}
    .Slogan h2 { font-size: 15px;  font: "Times New Roman",Georgia,Serif; font-weight: 100; display:inline; }
    .Slogan a { color:#C73733;  text-shadow: 2px 2px 4px #C73733; }
.nvbrPhnMenu { float: none; background-color: #F1F2F4; }
.HtmlerBtn { padding:5px; }
.HtmlerBtn a{ padding:5px; text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); color:#fff; }  
.NasilKullanirim { max-width: 280px;  min-height: 140px; margin: -40px 0 40px; display: inline-block; }
.NasilKullanirim a { text-decoration: none; color: #fff; font-size: 18px; }
.container2 {
    background: #990D0D;
    border-radius: 10px 100px / 120px;
    display: inline-block; /* Grid konteyner */
}
    .container2 img {
        border-radius: 10px 100px / 120px;
    }
    .container2 p {
        margin: -27px 25px 10px 30px
    }
img { border: 0; }
.header { text-align: center; margin: 60px 0 0; background: url(../template/img/bgic_saydam.png) repeat-x; z-index: 80; }
.headerIc { text-align: center; padding-top: -10px; }
.headerIndent { display: inline-block; width: 980px; }
h2 { margin: 0; }
.ContentMain2 { background: #FFF; overflow: hidden; padding: 15px; margin: auto; min-height: 130px; text-align: left; display: block; box-shadow: 0 3px 15px #000; -webkit-border-radius: 10px 10px 5px 5px; -moz-border-radius: 10px/10px; border-radius: 0 0 70px 3px; }
.Logo h1 { margin-bottom: 0; margin-top: 0; text-align:center }
.HatimSayfalariBaslik { border-bottom: 1px solid #81CE97; margin: 10px 0 15px; }
#ContentMain2 p { display: block; margin: 1em 0; padding-left: 35px; }
.HatimSayfalariBaslik h2 { display: inline-block; font: 25px Raleway; padding: 0 30px 5px 0; border-bottom: 3px solid #FF8915; float: left; margin-left: -15px; }
.HatimSayfalariNumaralar { text-align: center; font-size: 16px; font-weight: 700; color: #d85c56; /*width: 45px; float: right; margin-left: -45px;*/ }
.HatimSayfalariNumaralar2 { text-align: center; font-size: 35px; font-weight: 700; color: #D34842; /*width: 45px; float: right; margin-left: -45px;*/ }
.ContentMain2 li p { height: 12px; font-size: 14px; vertical-align: top; }
/*.ContentMain2 li { margin-right: 26px; border: 1px solid #58BE74; padding: 10px; box-shadow: 0 3px 15px #000; -webkit-border-radius: 10px 10px 5px 5px; -moz-border-radius: 10px/10px; border-radius: 0 0 70px 3px; }*/
.HatimSayfaSureItem { font-size:12px; border: 1px solid #58BE74; padding: 10px; box-shadow: 0 3px 15px #000; -webkit-border-radius: 10px 10px 5px 5px; -moz-border-radius: 10px/10px; border-radius: 0 0 70px 3px; margin-bottom: 10px; }
.HatimSayfaSureItem hr { margin: 5px 0; }
.HatimSayfaSureItem strong { font-size:14px;}
.htmsyfcl { padding:0; }
.HtmsyfsrBtn {padding-left: 0px !important; min-width: 150px }
.HtmsyflrBtn { padding: 1px 7px; margin-bottom: 5px; font-size: 12px;}
.CeteleBtn {float: none;}
.ContentMain2 li hr { height: 1px; }
.ContentMain2 #Baslik1 { width: 210px; float: left; }
.ContentMain2 #Baslik2 { width: 189px; float: left; }
.ContentMain2 #Baslik3 { width: 193px; float: left; }
.ContentMain2 #Baslik4 { width: 193px; float: left; margin-right: -25px; }
.ContentMain { background: #FFF; overflow: hidden; padding: 15px; margin: auto; margin-top: 10px; min-height: 500px; display: block; box-shadow: 0 3px 15px #000; text-align: left; -webkit-border-radius: 10px 10px; -moz-border-radius: 10px/10px; border-radius: 70px 0 0 3px; }
.DFLTTP {clear:both; height:40px}
.AraBolme { background: #FFF;  overflow: hidden; margin-bottom: 60px; display: block; border-bottom: 1px solid #EFEFEF; clear:both; }
.ContentMain p { text-align: justify; color: #666; font-size: 12px; }
.Footer { margin: auto; text-align: center; background: url(/template/img/BG_small.jpg) center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.Footer p { width: 100%; text-align: left; font-size: 12px; line-height: 20px; color: #FFF; font-weight: 100; padding: 15px 0; }
.FooterIc { padding: 20px 15px 0; color: #fff; text-align: left; margin: auto; }
.FooterIc a { color: #fff; text-decoration: none; font-size: 12px; }
.FooterIc h2 { color: #fff; }
.FotrSyflrDv {display:inline-block}
.FotrSyflrDv ul { padding:0;}
.FtrP {text-align:center !important;}
.StaticBtn{padding-top:20px}
.StaticBtn i{ color:#56B256; }
.Cetere { margin:-100px 0 30px 0; }
.Cetere div{ padding-top:70px; }
.Cetere h4 { margin-bottom: 5px; }
.Siralama { margin: 5px 10% 0 10%; font-size:12px; border-top:1px solid #fff; padding-top:10px !important;}
.Siralama ul {text-align: left;padding: 20px;}
.Siralama span{float:right;  text-align:left}
#FooterSayfalar,.Siralama li { line-height: 20px; margin-bottom: 5px; }
#FooterMealler { margin-left: 10px; }
#FooterMealler li { width: 150px; display: inline-block; float: left; line-height: 18px; margin-bottom: 5px; }
#FooterSayfalar { text-align: center; padding-top:40px; }
.widget-title { border-bottom: 1px solid #E9E9E9; color: #fff; margin-bottom: 20px; line-height: 18px; font-size: 18px; }
.widget-title span { display: inline-block; padding: 0 20px 10px 0; border-bottom: 2px solid #F4F5F7; margin-bottom: -1px; }
#MealGosterMealler { padding-left: 20px; border-left: 1px solid #000; }
#MealGosterMealler .active { color: red; font-size: 18px; line-height: 50px; }
#MealGosterMealler li a { text-decoration: none; color: #000; line-height: 20px; font-size: 12px; }
.MealGosterim { display: block; padding: 30px 10px 30px 30px; text-align: justify; }
.MealGosterim p { word-spacing: .2px; letter-spacing: .5px; line-height: 20px; color: #000; font-size: 14px; text-align: justify; margin-bottom: 15px; }
.UyelikKayitDiv { width: 100%; }
.yeniuyeliktable .colum1 { width: 100px; text-align: right; }
.yeniuyeliktable .colum2 { width: 1px; text-align: left; }
.yeniuyeliktable .colum3 { text-align: left; }
.yeniuyeliktable .colum4 { width: 300px; text-align: left; }
.yeniuyeliktable .colum5 { width: 500px; float: left; }
.YeniUyeImage { width:240px; display:inline-block;}
.PersBaslik {font-size: 16px;color: #000;font-family: Palatino Linotype;}
.Personeller p {color: rgb(51, 51, 51);font-family: Arial, Helvetica, sans-serif;text-indent: 40px;}
#YasinFetihMiktar, #TevTefMiktar{  margin-top: 14px; max-width: 70px; margin-top: 0; display: initial; }
#TevTefMiktar { max-width:180px; text-align:center;}
.HtmSyflrmBdge {
    animation: blink 1s linear infinite;
}
.yeniuyeliktable td {
    padding: 5px;
    font: bold 13px Arial;
    color: #2D2D2D;
    vertical-align: top;
}
.yeniuyeliktable td span { color: red; display: block; }
.yeniuyeliktable .inputt { border: 1px solid #D6D6D6; border-radius: 3px; outline: none; width: 210px; padding: 5px; margin: -5px 10px 5px 0; }
.Basliklar { display: inline-block; padding: 0 30px 5px 0; border-bottom: 6px solid #FF8915; margin-bottom: -1px; font: 25px Raleway; }
.BaslikHr { margin-bottom: 40px; border-bottom: 1px solid #c4c4c4; }
.BaslikYanSpan { float: right; border-bottom: 3px solid #58BE74; font-size: 12px; }
.BaslikYanSpan span {font-size: 26px;font-weight: 700;color: #D34842;animation: blink 1s linear infinite;}
.Baslik { padding-top: 50px; }
.Loginbaslik { line-height: 30px; }
.LgnBslkImg{ width:35px; height:30px; float:right;border:0 }
.LoginUyeAdi a { text-decoration: none; color: #7B8FC8; font-size: 1.5em; font-weight: 700; max-width: 250px; display: inline-block; overflow: hidden; }
.LoginUyeAdi { font-size: x-large; margin: 5px 0; }
.LoginDiv { margin: -35px 5px 10px 0; display: inline-block; }
.login { background: #fff; border-bottom: 2px solid #C5C5C8; border-radius: 5px; text-align: center; color: #36383C; text-shadow: 0 1px 0 #FFF; max-width: 300px; padding: 15px; box-shadow: 0 0 3px #000; min-height: 130px; }
.login2 { background: #fff; border-bottom: 2px solid #C5C5C8; border-radius: 5px; text-align: center; color: #36383C; text-shadow: 0 1px 0 #FFF; margin: 12px 0 0; padding: 15px; box-shadow: 0 0 3px #000; max-width: 300px; min-width: 170px; }
.login2 hr { margin: 5px 0; }
.checkboxs { float: left; display: block; margin-left: 0; width: 170px; margin-top: 20px; font-size: 14px; }
.checkboxs label { display: inline-block; }
.checkboxs input { margin: 0 5px; }
.input { text-align: right; background: #E5E7E9; border-radius: 5px; overflow: hidden; box-shadow: inset 0 0 3px #E5E7E9; border-bottom: 1px solid #FFF; }
.input input { margin: 5px; width: 260px; background: #E5E7E9; border: 0; min-height: 30px; line-height: 30px; box-sizing: border-box; color: #71747A; font-family: 'Helvetica Neue'; text-shadow: 0 1px 0 #FFF; }
input:focus { outline: none; }
.blockinput { border-bottom: 1px solid #BDBFC2; border-top: 1px solid #FFF; }
.blockinput:first-child { border-top: 0; }
.blockinput:last-child { border-bottom: 0; }
.blockinput i { padding-right: 10px; color: #B1B3B7; text-shadow: 0 1px 0 #FFF; }
::-webkit-input-placeholder { color: #71747A; font-family: 'Helvetica Neue'; text-shadow: 0 1px 0 #FFF; }
.Home { overflow: hidden; margin: auto; }
.Home .HomeItem { height: 40px; }
.Home .HomeItem .Dfw{ width: 100%; }
.Home .HomeItemYVF { height: 40px; }
.Home .HomeItemYVF .IYFA { width: 85%; float: left; cursor: pointer; }
.Home .HomeItemYVF .Df5 { width:100%; }
.Home .HomeItemYVF .Df6 { width:0%; }
.Home .HomeItemYVF span { width: 13%; float: left; }
.Home .HomeItem .InterfaceCuzA { width: 93%; float: left; cursor: pointer; }
.Home .HomeItem .ITTIK { width: 93%; float: left; cursor: pointer; }
.Home .HomeItem .ITTIK .Df6 { width:0%; } 
.Home .HomeItem span { width: 7%; float: left; }
.KErr { color:red; }
.bg-red { background-color: #d9534f !important; }
.bg-blue { background-color: #5bc0de !important; }
.bg-yellow { background-color: #FFD0A0 !important; }
#HatimTable .td { max-width: 110px; }
#InterFaceHatimStaticTable .td { width: 122px; }
#InterfaceHatimSurelerimTable .td { width: 110px; }
#InterfaceHatimSurelerimTable img { cursor:pointer; }
.HatimSureMin1 { min-width: 200px; }
.HatimSureMin2 { min-width: 120px; }
.HatimSureMin3 { min-width: 165px; }
.ModalInput input { margin-top: 0; }
.CuzTable .td5 { width: 400px; text-align: right; }
.CuzTable .td5 img { max-height: 20px; border: 1px solid #58BE74; margin: 2px; }
.CuzTable { margin: 0; border: 0; border-spacing: 0; text-align: center; width: 100%; }
.CuzTable .left { text-align: left; }
.CuzTable .td1 { width: 120px; min-width: 96px; }
.CuzTable .td2 { width: 120px; }
.CuzTable .td3 { min-height: 18px; overflow: hidden; position: relative; }
.CuzTable .td4 { width: 100px; text-align: right; }
.CuzTable .td4 img { max-height: 20px; }
.CuzTable .pointer { cursor: pointer; } 
.CuzTable .not-allowed { cursor: not-allowed; }
#InterFaceHatimStaticTable { text-align: left; }
.GriBack { background-color: #ECECEC; }
.GreenBack { background-color: #D9F0E1; }
.YellowBack { background-color: #FFECD9; }
.HatimNedir { padding: 10px; }
    .HatimNedir a {
        color: #03233E;
        text-decoration: none;
        font-size: 15px;
    }
    .HatimNedir p {
        word-spacing: .2px;
        letter-spacing: .5px;
        text-align: justify;
        line-height: 2.3em;
        font-size: 14px;
        color: #979797;
        font-family: Arial,Helvetica,sans-serif;
    }
.HatimNedir ul { margin-left: -20px; }
    .HatimNedir li {
        font-size: 14px;
        list-style-type: disc;
        margin: 1em;
        color: #979797;
    }
.red { color: red; }
.bold { font-weight: 700; }
.pointer { cursor: pointer; }
.Personeller { padding-top: 30px; padding-bottom: 50px; line-height: 22px; }
.Personeller strong { color: #004040; }
.SorunBildir { padding-bottom: 100px; font-size: 13px; }
.SorunBildir .span1 { float: left; width: 150px; }
.SorunBildir .span2 { float: left; width: 15px; }
.SorunBildir .span3 { float: left; width: 5px; color: red; display:none; }
.SorunBildir div { padding-top: 10px; clear: both; }
.SorunBildir .inputt { float: left; width: 200px; }
.progressDiv { width: 30%; background: #fcfcfc; height: 325px; border: 1px solid #ccc; position: relative; left: 7%; top: 100px; display: inline-block; border-radius: 2px; box-shadow: 0 1px 1px 1px #ccc; }
.Muhtasar { display: inline-block; margin: 40px 0; }
.Ilmihal { word-spacing: .2px; letter-spacing: .5px; text-align: justify; line-height: 2.3em; font-size: 14px; color: #333; font-family: Arial,Helvetica,sans-serif; }
.IlmihalMenu { clear: both; float: inherit; padding: 4px; }
.IlmihalMenuBasLink { white-space: normal; width: 200px; }
.IlmihalMenuBasLink2 { white-space: normal; width: 175px; }
.statChartHolder { width: 210px; height: 90%; position: relative; display: inline-block; }
.statRightHolder { margin-left: 30px; }
.statRightHolder li { float: left; margin-left: 30px; width: 170px; }
.statsLeft { list-style: none; display: inline-block; width: 45%; }
.statsLeft li { width: 100%; height: 14px; border: none; top: 5px; margin-bottom: 25px; }
.statsLeft h3 { font-size: 17px; display: inline-block; }
.statsLeft span { font-size: 17px; display: inline-block; }
.statsRight { width: 45%; display: inline-block; position: absolute; }
.statsRight li { width: 100%; height: 14px; border: none; top: 5px; margin-bottom: 25px; }
.statsRight h3 { font-size: 17px; display: inline-block; }
.statsRight span { font-size: 17px; display: inline-block; }
.Gears { display:initial !important; }
.HtmBslkSpnn {
    font-weight: 900;
    width:190px;
    display:inline-block;
}
.progress-pie-chart {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #E5E5E5;
    position: relative;
}
.progress-pie-chart.gt-50 { background-color: #469F46 !important; }
.ppc-progress { content: ""; position: absolute; border-radius: 50%; left: calc(50% - 100px); top: calc(50% - 100px); width: 200px; height: 200px; clip: rect(0,200px,200px,100px); }
.ppc-progress .ppc-progress-fill { content: ""; position: absolute; border-radius: 50%; left: calc(50% - 100px); top: calc(50% - 100px); width: 200px; height: 200px; clip: rect(0,100px,200px,0); background: #469F46; transform: rotate(60deg); }
.gt-50 .ppc-progress { clip: rect(0,100px,200px,0); }
.gt-50 .ppc-progress .ppc-progress-fill { clip: rect(0,200px,200px,100px); background: #E5E5E5; }
.ppc-percents { content: ""; position: absolute; border-radius: 50%; left: calc(50% - 173.91304px/2); top: calc(50% - 173.91304px/2); width: 173.91304px; height: 173.91304px; background: #fff; text-align: center; display: table; }
.ppc-percents span { display: block; font-size: 2.6em; font-weight: 700; color: #EEA133; }
.pcc-percents-wrapper { display: table-cell; vertical-align: middle; }


#KuranMealBody blockquote { border-left: 0; }
.modal-footer .pager > li > a { margin-bottom: 5px; }
.altlink .btn { margin: 20px 0 50px 5px; }
.statrightMin { min-width: 130px; }

@media (max-width:540px) {
    #KuranH2, #YasinH2, #VakiaH2, #FetihH2, #TevhidH2, #TefriciyeH2, #KursiH2, #IhlasH2, #SalavatH2 { float: none !important; position: absolute; left: 10%; margin-top: 50px; padding-right: 15px; clear: both; }
    .statRightHolder { padding-top: 55px; }
}
@media (max-width:770px) {
    #MealGosterMealler li { float: left; margin: 5px; min-width: 160px; border-left: 0px; }
    #MealGosterMealler { border-left: 0; border-top: 1px solid #000; padding-top: 30px; }

    .YasinCollapse, .VakiaCollapse, .FetihCollapse { margin-top:30px; }
    .Cetere { margin: 20px 0 30px 0; }
    .CetereCollapse { margin-top:-80px;      box-shadow: none;}
    .AraBolme {margin-bottom: 0px;}
    .visible-xsx { display:inline !important; }
}
.navbar-nav .open .dropdown-menu { background-color: #fff; }
.MesajlarDiv { padding-right: 3%; }
.MesajAlani { left: auto; top: auto; background-color: #fff; padding: 0; }
.MesajAlani h3 { text-align:center; }
.MesajAlani2 { margin: 0; max-height: 300px; overflow-y: scroll; }
.MesajAlani2::-webkit-scrollbar { width: 6px; background-color: #E4E4E4; }
.MesajAlani2::-webkit-scrollbar-thumb { background-color: #FFFFFF; }
.MesajGosterimA { cursor: pointer; }
.Msgbottomm {margin:10px; font-size:x-small;}
.Msgbottomm button { margin-top:5px; }
.NvbrMnu {float: right; position: relative; left: -50%;}
.NvbrMnuUL {position: relative; left: 50%;}
.OkunmamisMesaj { background-color: #F0F0F0; }
.MesajDeleteBtn { position: relative; }
.hover-btn { position: absolute; right: 15px; }
.MesajDeleteBtn:hover .hover-btn { display: block; }
.ArsivUye span {color: #337ab7;}
.ArsivItem { display:inline-block; width: 100%; box-shadow: 0 3px 15px #000; -webkit-border-radius: 10px 10px 5px 5px; -moz-border-radius: 10px/10px; border-radius: 0 0 70px 3px; margin: 0px 0 50px 0; padding: 20px; z-index: 56; }
.ArsivItem > li {list-style-type:none; margin: 10px; box-shadow: 0 3px 15px #71747A; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 200px; padding: 5px; }
.ArsivSiralama { font-weight: bold; float: left; width: 40px; text-align: center; padding-top: 10px; color: #FF8915; }
.ArsivUye { float: right; width: 150px; text-align: center; }
.ArsivUye hr { margin: 2px; }
.HatimArsivBaslik { border-radius: 20px 0 0px 3px; color: #FF8915; padding: 10px; box-shadow: 0px 1px 20px #808080; background: #fff; display: inline-block; }
.HatimArsivBaslik span { color: red; }
.HatimArsivBaslik em { color: #FF8915; }
.HatimNu { font-size: 25px; font-weight: bold; }
.KuranIleriGeri { float:left; margin:5px; }
.td4 img{ cursor:pointer; }
.TevTefKytN {width:15%;}
.progress { color: #fff; box-shadow: inset 0 1px 1px rgba(100,100,100,0.1); box-sizing: initial; font-size: 11px; font-size: .6875rem; height: 12px; line-height: 1.182; position: relative; text-align: center; float: left; width: 100%; border-radius: 7px; height: 20px; background: #FAFAFA; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; }
.progress.progress-border-radius .progress-bar { border-radius: 3px; }
.progress-bar { background-color: #CCC; box-shadow: none; position: relative; border-radius: 7px; }
.progress-bar-tooltip { position: absolute; padding: 4px 8px; color: #FFF; line-height: 15px; font-size: 11px; display: block; position: absolute; top: -28px; right: 5px; border-radius: 3px; opacity: 0; }
.progress-bar-tooltip:after { border-color: #333 transparent; border-style: solid; border-width: 5px 5px 0; bottom: -5px; content: ""; display: block; left: 13px; position: absolute; width: 0; }
.progress-bar-success { border-bottom-right-radius: 0;border-top-right-radius: 0;}
.progress-bar-successa { border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.progress-bar-warning { border-bottom-left-radius: 0;border-top-left-radius: 0;}
.progress-bar-warninga { border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
.progress .progress-bar { -moz-animation-name: animateBar; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease-in; -moz-animation-duration: .3s; -webkit-animation-name: animateBar; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease-in; -webkit-animation-duration: .3s; animation-name: animateBar; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: .3s; }
@-moz-keyframes animateBar {
    0% { -moz-transform: translateX(-100%); }
    100% { -moz-transform: translateX(0); }
}
@-webkit-keyframes animateBar {
    0% { -webkit-transform: translateX(-100%); }
    100% { -webkit-transform: translateX(0); }
}
@keyframes animateBar {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(0); }
}




.modal-body-no-padding { padding:7px; }
#YasinFetihBody { margin:30px; }

.TevhidCollapse,.TefriciyeCollapse,.KursiCollapse,.IhlasCollapse  { 
    margin-top:30px;
}
.TevhidItem { padding-right: 5%; padding-left: 5%; margin-bottom:30px; }


.FT{float:none}
.AlBtn {float:none}

.FF { 
    width:100%;
    float:none;
    display:none;
}
.FF .F1 { 
    float:left;
    margin-left:10px;
}
.FF .F2 { 
    float:right;
    margin-right:10px;
}

.FF .F3 { 
    float:right;
}
.Dflttp { padding:10px 10px}
.CepXsBslk {clear:both; height:40px; }

.Home .row { margin-bottom: 80px; }
.AltBosluk { margin-bottom:30px; }

#FooterSayfalar hr{ margin:5px 0; }



.badgebox
{
    opacity: 0;
}

.badgebox + .badge
{
    /* Move the check mark away when unchecked */
    text-indent: -999999px;
    /* Makes the badge's width stay the same checked and unchecked */
	width: 27px;
}

.badgebox:focus + .badge
{
    /* Set something to make the badge looks focused */
    /* This really depends on the application, in my case it was: */
    
    /* Adding a light border */
    box-shadow: inset 0px 0px 5px;
    /* Taking the difference out of the padding */
}

.badgebox:checked + .badge
{
    /* Move the check mark back when checked */
	text-indent: 0;
}

/*#KuranSayfa2, .modal-body, .modal-header, .modal-footer { background-color:#424548; }*/

.htmsyflrmBtn {
    float: none;
    margin: 20px;
    animation-name: flipInX;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.UygulamaBtn span {
    margin:5px;
    float:left;
}
.UygulamaBtn img {
    margin:5px 5px 0 5px;    
    max-width: 220px;
    max-height: 100px; 
    margin: 20px 0 40px 0;
    display:initial !important;
}

.HtmRow {
    background: #17476F;
    text-align: center;
    color: #E7EEE4;

}
.HtmRow h1{
    margin:20px !important;    
}



    @keyframes flipInX {
        from {-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
to { -webkit-box-shadow: 0px 0px 33px 3px #ff8973; -moz-box-shadow: 0px 0px 33px 3px #ff8973; box-shadow: 0px 0px 33px 3px #ff8973; } }

@keyframes flipInXz {
    from {-webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
    to { -webkit-box-shadow: 0px 0px 33px 3px #489F48; -moz-box-shadow: 0px 0px 33px 3px #489F48; box-shadow: 0px 0px 33px 3px #489F48;
    } }


.htmsyfsrBtn { margin-top:5px;}
.htmsyfsrRow { padding:5px;}
.ArapcaSayiSpan {
    float: right;
    width: 50px;
    text-align: left;
}
.StaticTop {
    background: #DFF0D8;
}










/* ----------------------------------------------
 * Generated by Animista on 2024-12-30 0:30:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-expand
 * ----------------------------------------
 */
@-webkit-keyframes focus-in-contract-bck {
    0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}

@keyframes focus-in-contract-bck {
    0% {
        letter-spacing: -0.5em;
        -webkit-filter: blur(12px);
        filter: blur(12px);
        opacity: 0;
    }

    100% {
        -webkit-filter: blur(0px);
        filter: blur(0px);
        opacity: 1;
    }
}





/* Başlangıçta animasyon duraklatılmış */
.focus-in-contract-bck {
    opacity: 0; /* Görünmez başlar */
    animation: focus-in-contract-bck 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-play-state: paused;
}

    /* Göründüğünde animasyonu çalıştır */
    .focus-in-contract-bck.animate {
        animation-play-state: running;
    }


@keyframes fadeMarquee {
    0% {
        transform: translateX(100%);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateX(-100%);
        opacity: 0;
    }
}

.marquee-container {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    white-space: nowrap;
    text-align: center;
    border-radius: 8px;
}

.marquee-content {
    display: inline-block;
    font-size: 18px;
    color: #222;
    animation: fadeMarquee 8s linear infinite;
}