/*@media only screen and (max-width: 1024px) {*/

/*#harita {*/

/*!*overflow: scroll;*!*/
/*}*/

/*}*/


.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Opera and Firefox */
}


ul {
    padding: 0;
    margin: 0;
}

body {
    background-color: #4d7b16;
    overflow: hidden;
}


#harita {
    width: 100%;
    height: 100%;
    z-index: -2;
    cursor: grab;
    position: absolute;
    /*overflow: hidden;*/
}

#harita #dunya {
    width: 32000px;
    height: 22000px;
    position: relative;
    transform: scale(1);
    background: url("img/zemin.jpg");

    overflow: hidden;

    border: 3px solid white;
    box-shadow: 0 0 0px 2px white, 0 0 0px 3px black;
}


body.sayfa_co2 #dunya {

    max-width: 50000px;
    max-height: 50000px;
}

body.sayfa_anadolu #dunya {
    width: 40000px !important;
}

body.sayfa_hacli-seferleri #dunya {
    width: 50000px !important;
    height: 30000px !important;
}


.giris_body {
    background: url("img/giris_bg2.jpg") center no-repeat;
    background-size: cover;
    width: 100%;
    margin-bottom: 100px;
    background-attachment: fixed;
}


html {
    overflow: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

.giris_html {
    /*overflow: auto;*/
}

.wt_navbar {
    width: 100%;
    height: 58px;
    margin-bottom: 150px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100&0.98+1,0.98+100 */
    background: -moz-linear-gradient(top, rgba(69, 72, 77, 0.98) 0%, rgba(68, 71, 76, 0.98) 1%, rgba(0, 0, 0, 0.98) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(69, 72, 77, 0.98) 0%, rgba(68, 71, 76, 0.98) 1%, rgba(0, 0, 0, 0.98) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(69, 72, 77, 0.98) 0%, rgba(68, 71, 76, 0.98) 1%, rgba(0, 0, 0, 0.98) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa45484d', endColorstr='#fa000000', GradientType=0); /* IE6-9 */

}

.wt_navbar img {
    margin: 0px auto;
    display: block;
    width: 300px;
}


.footer {
    width: 300px;
    height: 60px;
    /*margin: 5px auto;*/
    text-align: center;
    padding: 5px;

    clear: both;
    position: relative;
    top: 45px;
}

.footer {
    width: 300px;
    margin: 65px auto;
}

.footer .sosyal_medya {
    width: 75px;
    margin: 4px auto;
}

.footer .sosyal_medya a i {
    font-size: 20px;
    color: #ddd;
    padding: 0px 2px;
}

.footer .sosyal_medya a i:hover {
    color: white;
}

.footer .sosyal_medya a:nth-child(1) i {
    /*border-right: 1px solid #B8B2A9;*/
    /*padding-right: 5px;*/
}

.footer .sosyal_medya a:nth-child(2) {
    margin-left: 2px;
}

.footer span, .footer span a {
    color: white;
    cursor: pointer;

}


.footer > span:nth-of-type(1n+2) {
    border-left: 1px solid #B8B2A9;
    padding-left: 5px;
}

.footer span:hover {
    text-decoration: underline;
}

.footer p {
    margin-top: 5px;
    color: #ffffffa8;
    text-decoration: underline;
    cursor: pointer;
}

.footer p:hover {
    color: white;
}

.wt_hak {
    color: white;
    font-size: 10px;
    text-decoration: none;
    margin-top: 10px !important;
    text-decoration: none !important;

}

.destek_ol_popup {
    display: none;
    width: 100px;
    height: 100px;
    background-color: black;
}

.giris_form_bg {
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    border: 1px solid white;
    box-shadow: 0px 3px 2px -1px black;
    border-bottom: none;

}

.giris_form {
    width: 340px;
    height: 160px;
    text-align: center;
    padding: 15px;
    float: left;
}

.giris_form > p {
    clear: both;
    width: 190px;
}

.giris_form .sol {
    width: 190px;
    float: left;
}

.giris_form .sag {
    text-align: center;
    width: 100px;
    float: left;
    margin-left: 15px;
}

.giris_form .sag > span {
    color: #ffffff7a;
    font-size: 11px;
    cursor: pointer;
}

.giris_form .sag > span:hover {
    color: orange;
}

.giris_form .sag .beni_hatirla {
    cursor: pointer;
    margin-top: 5px;
}

.giris_form .sag .beni_hatirla input {
    width: auto;
    height: auto;
    vertical-align: top;
    margin-right: 5px;
    cursor: pointer;
}

.giris_form .sag .beni_hatirla label {
    margin: 0;
    cursor: pointer;
    color: #e5e5e5;
    font-weight: normal;
}

.giris_standart_input {
    border-radius: 8px;
    border: 3px solid black;
    color: black;
    padding-left: 5px;
    line-height: 30px;
    margin-bottom: 10px;
    outline: none;
    box-shadow: inset 2px 2px 9px 0px #0000007a;
    font-family: monospace;
    font-size: 16px;
}

.giris_form input {

    width: 190px;
    height: 40px;
}

.giris_form input:focus {
    border: 3px solid #0059A4;
}

.giris_container .sol {
    float: left;
    display: flex;
    flex-direction: column;
}

.giris_container .sol .alt {
    display: none;
}


.giris_container .sol .youtube {
    text-align: center;
    margin-top: 5px;
}

.giris_container .sol .youtube iframe {
    width: max-content;
    height: 187px;
    max-width: 100%;
}

.giris_container .sol .youtube a {
    display: block;
    width: 150px;
    height: 40px;
    margin: 0 auto 5px auto;
    text-decoration: none;
}


.giris_container .alt {
    width: 430px;
    height: 460px;
    margin: 0 15px 0 15px;
    float: left;
    text-align: center;

    box-shadow: 0 0 18px 0px #13100c;
}

.giris_container .alt > img {
    width: 220px;

}

.giris_container .alt > p {
    color: #eaeaea;
    font-size: 14px;
}

.giris_container .alt button {
    font-size: 25px;
}


.giris_container .homePageTitle {
    color: white;
    font-size: 18px;
    padding: 0;
    margin-top: 10px;
}

.wiki {
    margin-top: 5px;
}

.wiki img {
    width: 44px !important;
}

.giris_form button {
    width: 100px;
    height: 40px;
    line-height: 0px;
    font-size: 16px;
    border-width: 6px;
}


.giris_container .tanitim {
    width: 340px;
    height: 250px;
    float: right;
}

.giris_container .playstore {
    height: 100px;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-align: center;
    color: white;
}

.giris_container .playstore p {
    margin: 2px 0 0 0;
    font-family: monospace;
}

.giris_container .playstore img {
    width: 65px;
}

.tanitim .wt_slider img {
    width: 200px;
    height: 170px;
    object-fit: contain;
    margin: 0 auto;
}

.tanitim .wt_slider .carousel-indicators {
    bottom: -30px;
}


.tanitim .tanitima_git {
    display: block;
    width: 150px;
    height: 40px;
    margin: 30px auto 0 auto;
    text-decoration: none;
}

.standart_odun_btn {
    border-radius: 8px;
    cursor: pointer;
    border: 6px double black;
    line-height: 26px;
    text-align: center;
    color: #c3c3c3 !important;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a312a+0,342b24+2,322922+4,332a23+23,302720+28,2f2820+43,2b241c+49,2d241d+60,292019+66,281f18+100 */
    background: #3a312a; /* Old browsers */
    background: -moz-linear-gradient(top, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a312a', endColorstr='#281f18', GradientType=0); /* IE6-9 */

}


.standart_odun_btn:hover, .standart_odun_btn_active {

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c4c3c+0,5e4e3e+3,594836+13,5a4939+19,514134+34,4e4035+41,504239+47,4d3f36+50,504239+53,504239+56,46382f+66,46382f+69,4b3d34+72,493b32+75,4f4138+78,4e4037+81,46382f+84,44362d+88,483a31+91,483a31+94,43352c+97,48372d+100 */
    background: #5c4c3c; /* Old browsers */
    background: -moz-linear-gradient(top, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c4c3c', endColorstr='#48372d', GradientType=0); /* IE6-9 */

}


.arastirma_popup .kategori div.active, .arastirma_popup .kategori .bolum:hover {

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c4c3c+0,5e4e3e+3,594836+13,5a4939+19,514134+34,4e4035+41,504239+47,4d3f36+50,504239+53,504239+56,46382f+66,46382f+69,4b3d34+72,493b32+75,4f4138+78,4e4037+81,46382f+84,44362d+88,483a31+91,483a31+94,43352c+97,48372d+100 */
    background: #5c4c3c; /* Old browsers */
    background: -moz-linear-gradient(top, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c4c3c', endColorstr='#48372d', GradientType=0); /* IE6-9 */

}

.arastirma_popup .kategori div.pasive {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a312a+0,342b24+2,322922+4,332a23+23,302720+28,2f2820+43,2b241c+49,2d241d+60,292019+66,281f18+100 */
    background: #3a312a; /* Old browsers */
    background: -moz-linear-gradient(top, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a312a', endColorstr='#281f18', GradientType=0); /* IE6-9 */

}


.giris_form_ozel_btn {
    border: 20px double black;
    background: rgb(225, 100, 59); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1643b', endColorstr='#890e05', GradientType=0); /* IE6-9 */
    text-shadow: 0 5px 6px black;
    font-family: serif;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    color: orange !important;
    outline: none !important;

}

.giris_form_ozel_btn_disable {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#692109+0,550e07+2,4c0204+4,3f0301+35,300600+73,320600+85,3f0501+98,370501+100 */
    background: #692109; /* Old browsers */
    background: -moz-linear-gradient(left, #692109 0, #550e07 2%, #4c0204 4%, #3f0301 35%, #300600 73%, #320600 85%, #3f0501 98%, #370501 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #692109 0, #550e07 2%, #4c0204 4%, #3f0301 35%, #300600 73%, #320600 85%, #3f0501 98%, #370501 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #692109 0, #550e07 2%, #4c0204 4%, #3f0301 35%, #300600 73%, #320600 85%, #3f0501 98%, #370501 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#692109', endColorstr='#370501', GradientType=1); /* IE6-9 */

}

.giris_form_ozel_btn:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e98c5d+0,e55437+2,f31b0b+4,d92007+35,c22802+73,c62800+85,d92707+98,cd2407+100 */
    background: rgb(233, 140, 93); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(233, 140, 93, 1) 0, rgba(229, 84, 55, 1) 2%, rgba(243, 27, 11, 1) 4%, rgba(217, 32, 7, 1) 35%, rgba(194, 40, 2, 1) 73%, rgba(198, 40, 0, 1) 85%, rgba(217, 39, 7, 1) 98%, rgba(205, 36, 7, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(233, 140, 93, 1) 0, rgba(229, 84, 55, 1) 2%, rgba(243, 27, 11, 1) 4%, rgba(217, 32, 7, 1) 35%, rgba(194, 40, 2, 1) 73%, rgba(198, 40, 0, 1) 85%, rgba(217, 39, 7, 1) 98%, rgba(205, 36, 7, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(233, 140, 93, 1) 0, rgba(229, 84, 55, 1) 2%, rgba(243, 27, 11, 1) 4%, rgba(217, 32, 7, 1) 35%, rgba(194, 40, 2, 1) 73%, rgba(198, 40, 0, 1) 85%, rgba(217, 39, 7, 1) 98%, rgba(205, 36, 7, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e98c5d', endColorstr='#cd2407', GradientType=0); /* IE6-9 */
}


.kayit_ol_btn {
    margin: 0px auto;
    font-size: 45px;
    display: block;
    width: 358px;
    height: 100px;
    line-height: 30px;

}

.kayit_ol_container {
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #000000de;
    z-index: 111111111111;

}

.giris_yeni_popup {
    border-radius: 5px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid #ffefbd;
}

.sart_popup {
    display: none;
    width: 700px;
    height: 275px;
    background-color: black;
    overflow-y: scroll;
    padding: 5px 15px 5px 15px;
    color: #cccccc;
    font-size: 12px;
    max-width: 100%;
}

.sart_popup h2 {
    color: white;
}


.iletisim_popup {
    width: 700px;
    height: 275px;
    background-color: black;
    display: none;
    max-width: 100%;

}

.iletisim_popup, .iletisim_popup a {
    color: #d0d0d0;

}

.iletisim_popup u {
    color: white;
}

.iletisim_popup .orta {
    padding: 10px;
}


.kayit_ol_form {
    background-color: black;
    width: 418px;
    min-height: 660px;
    max-height: 627px;
    text-align: center;
    display: none;

}

.kayit_ol_form .alert {
    border-radius: 0;
}

.kayit_ol_form .ust {
    height: 175px;
    border-bottom: 2px solid;
    text-align: center;
}

.kayit_ol_form .orta {
    padding-left: 25px;
    padding-right: 25px;

}

.kayit_ol_form .logo {
    position: relative;
    top: 14px;
}

.kayit_ol_form .ust h3 {
    font-weight: bold;
    color: #ffefbd;
    font-size: 20px;
    font-family: 'Nanum Gothic', sans-serif;

}

.kayit_ol_form .orta {
    margin-top: 10px;
    border-bottom: 2px solid;
    height: max-content;

}

.kayit_ol_form .orta input {
    height: 46px;
    width: 341px;
    background-color: #f1e7d0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.kayit_ol_form .orta label {
    float: left;
    padding-left: 10px;
    color: #ffefbd;
    font-family: Sans-Serif;
    font-weight: unset;
    margin-top: 15px;

}

.kayit_ol_form .orta p {
    color: #ffefbd;
    margin-top: 12px;
    font-size: 12px;
}

.kayit_ol_form .orta span {
    color: orange;
    margin-top: 12px;
}

.kayit_ol_form_kapat {

    width: 26px;
    height: 28px;
    position: absolute;
    right: 0;
    font-weight: bold;
    color: #ffefbd;
    font-size: 18px;
    padding-bottom: 2px;
    cursor: pointer;

}

.koy_size {
    height: 180px;
    width: 196px;
}


.koy_ici .alt_bar {
    width: 300px;
    height: max-content;
    position: fixed;
    right: 0;
    bottom: 107px;
    margin: auto;
    left: 0;
    background-color: #130c05;
    border: 3px double;
    z-index: 111;
}

.koy_ici .alt_bar .header {
    width: 100%;
    height: 38px;
    border-bottom: 1px solid;
    text-align: center;
}

.koy_ici .alt_bar .header .ust {
    color: yellow;
    border-bottom: 1px solid #333333;
    font-size: 13px;
}

.alt_bar .goster {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    top: -36px;
    color: black;
    font-size: 31px;
    cursor: pointer;
}

.alt_bar .goster:hover {
    color: #380a0a;
}


.alt_bar .header .hepsi {
    margin: 0 auto;
    width: 200px;
    height: 100%;
}

.alt_bar .header .hepsi > div {
    width: 100px;
    float: left;
    text-align: center;
    line-height: 14px;
}

.alt_bar .header .hepsi > div img {
    width: 17px;
}

.alt_bar .header .hepsi > div > span {
    vertical-align: middle;
    color: lime;
}

.alt_bar .header .hepsi > div > span > b {
    font-weight: unset;
}

.koy_ici .alt_bar .cesit {
    width: 100px;
    height: 55px;
    text-align: center;
    float: left;
}

.koy_ici .alt_bar > .hepsi {
    width: 200px;
    height: 100%;
    margin: 0 auto;
    padding-top: 3px;
}

.koy_ici .alt_bar .cesit img {
    width: 35px;
}

.koy_ici .alt_bar .cesit .gidecek {
    position: absolute;
    margin-top: 10px;
    margin-left: 4px;
    color: red;
    font-size: 11px;
}

.koy_ici .alt_bar .cesit .gidecek b {
    font-weight: unset;
}

.koy_ici .alt_bar .cesit .dengeleme i {
    font-size: 18px;
    color: #676653;
    cursor: pointer;
}

.koy_ici .alt_bar .cesit .dengeleme i:hover {
    color: #b1af8e;
}

.koy_ici .alt_bar .cesit .dengeleme span {
    font-size: 15px;
    width: 25px;
    display: inline-block;
    color: white;
}

.koy_ici .alt_bar .cesit .dengeleme span b {
    font-weight: unset;
}

.koy_ici .alt_bar .yemek .dengeleme span {
    font-size: 12px;
}

/*// sayfa küçüldüğünde 100% olacak*/
.koy_ici > .orta {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    cursor: grab;
    position: absolute;


}

.koy_ici .orta::-webkit-scrollbar {
    display: none;
}

.koy_ici .merkez {

    /*top: 58px;*/
}

.bina_st {
    z-index: 2;
}

.bina_st .sira {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 15px;
    background-color: #0014ff;
    color: whitesmoke;
    text-align: center;
    line-height: 15px;
    font-size: 10px;
    font-weight: bold;
}

.bina_st_seviye > div {
    z-index: 1 !important;
}

.bina_st_seviye p {
    z-index: 33;
}

.bina_st .istedikleri {
    position: absolute;
    z-index: 1;
}

.bina_st:hover {
    opacity: 1 !important;
}

.bina_st:hover img {
    opacity: 1 !important;

}

.bina_st .istedikleri .gereken {
    color: white;
    background-color: #000000d9;
    margin-top: 2px;
    padding: 2px 1px;
    border-radius: 5px;
    font-size: 10px;
    min-width: 45px;
}

.bina_st .istedikleri .gereken img {
    width: 16px;
}

.bina_st img {
    width: 10px;
}

.koy_ici {
    padding: 0;
    margin: 0;
}

.koy_ici .sag {
    width: 300px;
    min-height: 1000px;
    position: absolute;
    right: 0;
}

.koy_ici .secimler {
    background-color: #a2957e;
    height: 60px;
    border-radius: 30px;
    box-shadow: inset 0 0 16px #000000;

}

.koy_ici .secimler div {
    width: 56px;
    height: 60px;
    border-right: 1px solid;
    float: left;
    cursor: pointer;
    text-align: center;
    line-height: 60px
}

.koy_ici .secimler div:last-child {
    border: none;
}

.koy_ici .secilmis_yer {
    background-color: #a2957e;
    border-radius: 25px;
    padding-bottom: 10px;
    box-shadow: 0 0 5px 2px #242428;

}

.secilmis_yer .secim_is:nth-child(2) {
    display: block;
}

.secilmis_yer .secim_is {
    display: none;
}

.secilmis_yer .secim_is img {
    width: 110px;
    margin-left: 25px;
    padding-bottom: 25px;
    margin-top: 20px;
    cursor: pointer;

}

.secilmis_yer .secim_is img:hover {
    box-shadow: inset 0 0 20px 2px #cfc5af
}

.koy_ici .sag .insaat {
    width: 300px;
    margin-top: 150px;
}

/*#cfc5af*/
.koy_ici .sag .insaat .bina_bilgileri {
    display: none;

    background-color: #c2b7a2;
    min-height: 60px;
    border-radius: 25px;
    box-shadow: inset 0 0 4px black;
    border: 1px solid white;
    padding-top: 1px;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 10px;
    margin-right: 10px;

}

.koy_ici .sag .insaat .bina_bilgileri p {
    padding-left: 10px;
    font-size: 15px;
}

.koy_ici .sag .insaat .bina_bilgileri p:first-child {
    background-color: #cfc5af;
    display: block;
    border-radius: 30px 30px 0 0;
    color: black;
    font-weight: bold;
    font-size: 14px;
}

.koy_ici .sag .insaat .bina_bilgileri p img {
    width: 22px;
}

.pre_bina {
    position: absolute;
}

.pre_bina img {
    width: 100%;
    height: 100%;
}

.tasinan {
    position: absolute;
    width: 100px;
    height: 100px;
    /*border: 1px solid black;*/
    z-index: 555554;
    background-color: #54ff7d4f !important;

}

.tasinan > img {
    width: 100%;
    height: 100%;
}

.tasinan > span {
    text-align: center;
    display: block;
    color: black;
    font-size: 12px;
}

.tasinan .islemler {
    /*background-color: red;*/
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}

.tasinan .islemler .tasinan_orta > div {
    color: #1c1711;
    width: 52px;
    height: 52px;
    position: absolute;
    margin: auto;
    font-size: 42px;
    text-align: center;

}

.tasinan .islemler .tasinan_orta > .ok_ust {
    top: -53px;
    left: 0;
    right: 0;
}

.tasinan .islemler .tasinan_orta > .ok_alt {

    bottom: -53px;
    left: 0;
    right: 0;
}

.tasinan .islemler .tasinan_orta > .ok_sol {


    left: -53px;
    top: 0;
    bottom: 0;

}

.tasinan .islemler .tasinan_orta > .ok_sag {


    right: -53px;
    top: 0;
    bottom: 0;

}


.harita_tasinan {
    position: absolute;
    border: 1px solid;

}

.editor_img {
    position: absolute;
    z-index: 0;
    /*object-fit: contain;*/
    /*width: 100px;*/
    /*height: 100px;*/
}

.editor_img_admin:hover {
    border: 1px solid black;
}

.koy_haritasi {
    background-image: url("img/koy.jpg");
    width: 1920px;
    height: 1080px;
    box-shadow: 0 0 0px 2px white, 0 0 0px 3px black;
}

.oyun_navbar {
    background: #15212f;
    width: 700px;
    height: 28px;
    z-index: 1111;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 25px 25px;

    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    color: #fdfdfd;
    border-bottom: 1px solid #97A6B9;
    line-height: 25px;
}


.alt_menu {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: max-content;
    margin: auto;
    z-index: 1111;
}

.alt_menu .ust{
    background-color: #252425;
    height: max-content;
    padding: 8px 25px;
    border-radius: 25px 25px 0 0;
    border: 1px solid grey;
    border-bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alt_menu .iconlar {
    display: flex;
    gap: 10px;
}

.alt_menu .iconlar > div {
    display: flex;
    flex-direction: column;
    animation: none;
    align-items: center;
    cursor: pointer;
}
.alt_menu .iconlar > div:hover .yuvarlak {
    filter: saturate(2);
}

.alt_menu .iconlar > div.menu_bildirim .yuvarlak {
    animation: menu_bildirim 1s infinite;
}

.alt_menu .iconlar > div .yuvarlak {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    cursor: pointer;
    float: left;
    text-align: center;
    line-height: 24px;
    color: #fff;
    border: 1px solid #000;
    background-color: #d3c89a;
    box-shadow: inset 0 0 6px 0 #000;
    display: flex;
    align-items: center;
    justify-content: center;

}

.alt_menu .iconlar > div span {
    color: #dbdbdb;
    font-size: 12px;
    margin-top: 2px;
}

.alt_menu .iconlar > div .yuvarlak img {
    object-fit: contain;
    width: 30px;
    height: 20px;
}






.alt_menu .yazilar {
    background-color: #15212f;
    height: 27px;
    float: right;
    line-height: 28px;
    text-align: center;
    width: 100%;
    border: 1px solid grey;
    border-bottom: 0;
    border-top: 1px solid #8080805c;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alt_menu .yazilar ul li {
    cursor: pointer;
    color: #ffffff9c;
}


.alt_menu .yazilar ul li:hover {
    color: white;
}



.alt_menu .yazilar img {
    width: 20px;
}

.alt_menu .yazilar .bilgiler {
    height: 27px;
    width: 458px;
    float: left;

}

.alt_menu .yazilar ul {
    float: left;
    padding: 0;
}


.alt_menu .yazilar ul.iconsuzlar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}


.alt_menu .yazilar ul.iconlular li {
    margin-left: 10px;
}

.alt_menu .yazilar ul.iconlular li:hover {
    text-decoration: underline;
}

.alt_menu .yazilar ul.iconlular li a {
    width: 20px;
    display: inline-block;
}

.alt_menu .yazilar ul.iconsuzlar li a {
    color: inherit;
}

.alt_menu .yazilar ul > li {
    float: left;
    list-style: none;
    font-size: 12px;
}





.navbar_bg_black_opa {
    box-shadow: inset 0 0 3px 1px black;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#23334d+0,314d6d+50,2b4463+51,436c97+100 */
    background: rgb(35, 51, 77); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(35, 51, 77, 1) 0%, rgba(49, 77, 109, 1) 50%, rgba(43, 68, 99, 1) 51%, rgba(67, 108, 151, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(35, 51, 77, 1) 0%, rgba(49, 77, 109, 1) 50%, rgba(43, 68, 99, 1) 51%, rgba(67, 108, 151, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(35, 51, 77, 1) 0%, rgba(49, 77, 109, 1) 50%, rgba(43, 68, 99, 1) 51%, rgba(67, 108, 151, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23334d', endColorstr='#436c97', GradientType=0); /* IE6-9 */
}

.navbar_alt_bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d1d1d+0,262526+100 */
    background: rgb(29, 29, 29); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(29, 29, 29, 1) 0%, rgba(38, 37, 38, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(29, 29, 29, 1) 0%, rgba(38, 37, 38, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(29, 29, 29, 1) 0%, rgba(38, 37, 38, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1d1d1d', endColorstr='#262526', GradientType=0); /* IE6-9 */
}

.oyun_navbar .en_sol {
    width: auto;
    height: 28px;
    float: left;
}

.oyun_navbar .en_sol div {
    float: left;
    line-height: 28px;
    width: auto;
    padding-right: 15px;
    padding-left: 6px;

}

.oyun_navbar .en_sol img {
    width: 20px;
}

.oyun_navbar .en_sol .oyuncu_ismi {
    height: 27px;
    text-align: center;
    color: #2aff7f;
    font-family: sans-serif;
}

.oyun_navbar .en_sol .rutbe {
    margin-left: 10px;
    width: auto;

}


.oyun_navbar .sag img, .oyun_navbar .sol img, .oyun_navbar .orta img {
    width: 20px;

}

.oyun_navbar .sag {
    float: left;
    width: auto;
    padding: 0 5px;
    height: 27px;
    border-left: 1px solid #0E202E;
}

.oyun_navbar .orta {
    width: 310px;
    height: 27px;
    float: right;
    border-left: 1px solid #0E202E;

}

.oyun_navbar .sol {
    height: 27px;
    float: left;

}

.oyun_navbar span {
    font-size: 11px;
}

.oyun_navbar .bilgi {
    float: left;
    width: auto;
    padding: 0 5px;

}

.insaat_kalan_sure {
    position: absolute;
    color: white;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    font-size: 12px;
    z-index: 111;
}

.oyun_footer {
    background-color: #15212fd6;
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.oyun_footer .hepsi {
    margin-top: -22px;
}

.oyun_footer .menu_xs {
    width: 70px;
    text-align: center;
    float: left;
    cursor: pointer;
}

.oyun_footer .menu_xs:hover span {
    color: red;

}

.oyun_footer .menu_xs img {
    width: 40px;
}

.oyun_footer .menu_xs span {
    display: block;
    color: white;
    font-size: 13px;
    padding-top: 3px;
}

.oyun_navbar_alt {
    background-color: #252425;
    height: 30px;
    position: fixed;
    top: 28px;
    z-index: 111;
    padding-top: 2px;
    border-bottom: 1px solid grey;
    left: 0;
    right: 0;
    margin: auto;
    width: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 25px 25px;

}

.oyun_navbar_alt .sag {
    float: right;
}


.oyun_navbar_alt .button_nv:hover {
    background-color: #efda3c;
}

.oyun_navbar_alt .button_nv {
    cursor: pointer;
    width: 65px;
    height: 27px;
    float: left;
    text-align: center;
    line-height: 24px;
    color: white;
    border: 1px solid black;
    background-color: #d3c89a;
    box-shadow: inset 0 0 6px 0px black;

}

.oyun_navbar_alt .button_nv a {
    width: 65px;
    height: 27px;
    display: block;
}

.oyun_navbar_alt .button_nv img {
    object-fit: contain;
    width: 30px;
    height: 22px;
}

.oyun_navbar_alt .sol {
    height: 23px;
    float: left;
    margin-top: 4px;
}

.oyun_navbar_alt .bilgi {
    float: left;
    margin-left: 20px;
}

.oyun_navbar_alt .bilgi span {
    color: yellow;
    font-size: 12px;
    font-family: serif;
}

.oyun_navbar_alt .bilgi img {
    width: 22px;
}

.sol_insaat_binalari {
    width: 465px;
    max-width: 100%;
    height: max-content;
    background-color: #332B26;
    top: 59px;
    left: 0;
    z-index: 3333;
    position: fixed;
}

.sol_insaat_binalari .bina_icerik:nth-of-type(odd) {
    background-color: #28201A;

}

.sol_insaat_binalari .bina_icerik:nth-of-type(even) {
    background-color: #1C1711;
    box-shadow: inset 0px 1px 3px 0px #50505070;

}

.sol_insaat_binalari .bina24 {
    background-color: #1C1711 !important;
    box-shadow: inset 0px 1px 3px 0px #50505070;

}

.sol_insaat_binalari .kapat {
    position: absolute;
    right: 0;
    top: 0px;
    background-color: black;
    color: white;
    padding: 5px 20px;
    cursor: pointer;
    z-index: 111;
}

.sol_insaat_binalari .kapat:hover {
    background-color: #0A246A;
}


.sol_insaat_binalari .bina_icerik {
    width: 100%;
    height: 130px;
    margin-top: 0px;
    position: relative;
}

.sol_insaat_binalari .temel_deger {
    position: absolute;
    right: 5px;
    top: 5px;
}

.sol_insaat_binalari .temel_deger .uretilen {
    float: left;
}

.sol_insaat_binalari .temel_deger .uretilen .gereken {
    background-color: #0000002b;
    height: 22px;
    float: left;
    margin-left: 5px;
    text-align: center;
    border-radius: 5px;
    padding: 0px 4px;
}


.sol_insaat_binalari .temel_deger .uretilen .bas2 {
    float: left;
    font-size: 13px;
    color: #b19766 !important;
    font-family: tahoma;
    display: inline-block;
    margin-left: 0;
}


.sol_insaat_binalari .temel_deger .uretilen .gereken img {
    width: 21px;
    object-fit: contain;
    height: 20px;
    margin-left: 5px;
    border-radius: 100%;
    border: 1px solid #0d0a08d1;
    background-color: #0000002b;

}


.sol_insaat_binalari .temel_deger .uretilen .gereken span {
    color: #efda3c;
    font-size: 12px;
    display: inline;
    margin-top: 3px;
    margin-left: 3px;
}


.sol_insaat_binalari .bina_icerik .img_yeri {
    background-color: #a18a770a;
    width: 58px;
    height: 58px;
    line-height: 58px;
    margin-top: 5px;
    text-align: center;


    border-radius: 100%;
    box-shadow: 0px 0px 7px 0px #a18a771f;
    display: inline-block;
    float: left;
}

.sol_insaat_binalari .bina_icerik .img_yeri img {
    width: 64px;
    height: 57px;
    object-fit: contain;
    margin: 0 auto;
}

.sol_insaat_binalari .bina_icerik .aciklama_yeri {
    width: 80%;
    height: max-content;
    float: left;
    margin-left: 10px;
    margin-top: 5px;

}

.sol_insaat_binalari .bina_icerik .baslik {
    color: #DFB671;
    font-size: 15px;
    font-weight: bold;
}

.sol_insaat_binalari .bina_icerik .aciklama {
    color: #a2957e;
    font-size: 13px;
    overflow: auto;
    height: 36px;
    margin-bottom: 0;

}

.sol_insaat_binalari .bina_icerik .gerekenler {
    width: max-content;
    height: 50px;
    position: absolute;
    left: 20px;
    /* top: 12px; */
    bottom: 0;

}

.sol_insaat_binalari .bina_icerik .gerekenler .gereken:nth-child(1) {
    margin-left: 0;
}

.sol_insaat_binalari .bina_icerik .gerekenler .gereken {
    float: left;
    text-align: center;
    border-radius: 5px;
    padding: 0 2px;
    border: 1px solid #0d0a08d1;
    background-color: #0000002b;
}

.sol_insaat_binalari > .orta > .bina_icerik > .gerekli_seviye {
    margin-top: 90px;
    color: #ababab;
    font-size: 12px;
}

.sol_insaat_binalari .insaat_et {
    position: absolute;
    margin-top: 32px;
    right: 10px;
    bottom: 10px;
    color: #bababa;


}

.sol_insaat_binalari .insaat_et_btn, .sol_insaat_binalari .bina_kur_yukselt_btn {
    width: 70px;
    height: 24px;
    border-radius: 5px;
    text-align: center;
    line-height: 24px;
    color: #2b241e;
    font-weight: bold;
    font-size: 15px;

}

.sol_insaat_binalari .bina_kur_yukselt_btn {
    filter: saturate(3);
}


.sol_insaat_binalari .ust .binalari_kapat:hover {
    color: #daac3d;
}

.sol_insaat_binalari .bina_icerik .gerekenler .gereken img {
    width: 17px;
    height: 17px;
    object-fit: contain;

}

.sol_insaat_binalari .bina_icerik .gerekenler .gereken span {
    color: #efda3c;

    font-size: 12px;
    display: block;
    margin-top: 3px;

}

.gradiant_insaat_bg1 {
    background-color: #28201A;
}

.gradiant_insaat_bg2 {
    background-color: #1C1711;
    box-shadow: inset 0px 1px 3px 0px #50505070;

}

.gradiant_insaat_btn_disable {
    cursor: inherit;
    opacity: 0.8;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e7e7e7+0,f0f0f0+10,ebebeb+24,e9e9e9+38,e4e4e4+43,dbdbdb+48,d5d5d5+52,bebebe+57,b9b9b9+67,b9b9b9+81,b3b3b3+90,c2c2c2+95,afafaf+100 */
    background: rgb(231, 231, 231); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(240, 240, 240, 1) 10%, rgba(235, 235, 235, 1) 24%, rgba(233, 233, 233, 1) 38%, rgba(228, 228, 228, 1) 43%, rgba(219, 219, 219, 1) 48%, rgba(213, 213, 213, 1) 52%, rgba(190, 190, 190, 1) 57%, rgba(185, 185, 185, 1) 67%, rgba(185, 185, 185, 1) 81%, rgba(179, 179, 179, 1) 90%, rgba(194, 194, 194, 1) 95%, rgba(175, 175, 175, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(231, 231, 231, 1) 0%, rgba(240, 240, 240, 1) 10%, rgba(235, 235, 235, 1) 24%, rgba(233, 233, 233, 1) 38%, rgba(228, 228, 228, 1) 43%, rgba(219, 219, 219, 1) 48%, rgba(213, 213, 213, 1) 52%, rgba(190, 190, 190, 1) 57%, rgba(185, 185, 185, 1) 67%, rgba(185, 185, 185, 1) 81%, rgba(179, 179, 179, 1) 90%, rgba(194, 194, 194, 1) 95%, rgba(175, 175, 175, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(231, 231, 231, 1) 0%, rgba(240, 240, 240, 1) 10%, rgba(235, 235, 235, 1) 24%, rgba(233, 233, 233, 1) 38%, rgba(228, 228, 228, 1) 43%, rgba(219, 219, 219, 1) 48%, rgba(213, 213, 213, 1) 52%, rgba(190, 190, 190, 1) 57%, rgba(185, 185, 185, 1) 67%, rgba(185, 185, 185, 1) 81%, rgba(179, 179, 179, 1) 90%, rgba(194, 194, 194, 1) 95%, rgba(175, 175, 175, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#afafaf', GradientType=0); /* IE6-9 */
}

.gradiant_insaat_btn1 {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4d2a6+0,e0cda4+22,dbca9d+33,d6cb91+44,c6b881+56,bcaa76+67,b49a6a+89,a9905a+100 */
    background: rgb(228, 210, 166); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4d2a6', endColorstr='#a9905a', GradientType=0); /* IE6-9 */

}

.gradiant_insaat_btn1:hover {
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2c47f+1,ddc389+22,d8c38c+33,d3c687+44,c4b787+56,bcaa76+67,b28c4a+89,a9905a+100 */
    background: rgb(226, 196, 127); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}


.standart_bg_btn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4d2a6+0,e0cda4+22,dbca9d+33,d6cb91+44,c6b881+56,bcaa76+67,b49a6a+89,a9905a+100 */
    background: rgb(228, 210, 166); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4d2a6', endColorstr='#a9905a', GradientType=0); /* IE6-9 */

}

.standart_bg_btn_disable {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdc8bd+0,cac5ba+22,c4c0b4+33,bcb9aa+44,aca89a+56,a29e90+67,999285+89,8c8678+100 */
    background: rgb(205, 200, 189); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(205, 200, 189, 1) 0%, rgba(202, 197, 186, 1) 22%, rgba(196, 192, 180, 1) 33%, rgba(188, 185, 170, 1) 44%, rgba(172, 168, 154, 1) 56%, rgba(162, 158, 144, 1) 67%, rgba(153, 146, 133, 1) 89%, rgba(140, 134, 120, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(205, 200, 189, 1) 0%, rgba(202, 197, 186, 1) 22%, rgba(196, 192, 180, 1) 33%, rgba(188, 185, 170, 1) 44%, rgba(172, 168, 154, 1) 56%, rgba(162, 158, 144, 1) 67%, rgba(153, 146, 133, 1) 89%, rgba(140, 134, 120, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(205, 200, 189, 1) 0%, rgba(202, 197, 186, 1) 22%, rgba(196, 192, 180, 1) 33%, rgba(188, 185, 170, 1) 44%, rgba(172, 168, 154, 1) 56%, rgba(162, 158, 144, 1) 67%, rgba(153, 146, 133, 1) 89%, rgba(140, 134, 120, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdc8bd', endColorstr='#8c8678', GradientType=0); /* IE6-9 */
}

.standart_bg_btn:hover {
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2c47f+1,ddc389+22,d8c38c+33,d3c687+44,c4b787+56,bcaa76+67,b28c4a+89,a9905a+100 */
    background: rgb(226, 196, 127); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.wt_d_none {
    display: none !important;
}

.oyun_popup .ust_header img {
    width: 25px;
}

.saldiri_duzenleme_popup > .orta {

    max-height: 660px;
    overflow-x: hidden;
    overflow-y: auto;

}

.saldiri_duzenleme_popup .kritik_secim {
    width: 100%;
    height: 343px;
    margin-top: 5px;
    /*border: 1px solid red;*/
    padding: 0 8px 5px 8px;
    display: none;
}

.saldiri_duzenleme_popup .kritik_secim .baslik {
    width: 100%;
}

.saldiri_duzenleme_popup .kritik_secim .baslik div {

    margin-bottom: 10px;
    padding-bottom: 8px;
    float: left;
}


.st_baslik {
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38;
    width: 100%;
    height: 20px;
    background-color: #28201a;
    text-align: center;
    color: #efda3c;

}


.saldiri_duzenleme_popup .kritik_secim .baslik .sol {
    width: 14%;
}

.saldiri_duzenleme_popup .kritik_secim .baslik .sag {
    width: 40%;
    line-height: 19px;
    margin-left: 20px;
    border: 1px solid #4848486b;
    cursor: pointer;
    color: black;
    font-weight: bold;
}

.saldiri_duzenleme_popup .kritik_secim .baslik .sag:hover {
    background-color: #231c16;
}

.saldiri_duzenleme_popup .kritik_secim .orta {
    /*padding: 0 8px 5px 8px;*/
    width: 100%;
}

.saldiri_duzenleme_popup .kritik_secim .taktik_ve_yon {
    width: 14%;
    float: left;
}

.saldiri_duzenleme_popup .kritik_secim .savas_turu {
    width: 100%;
    padding: 3px 0;
}

.saldiri_duzenleme_popup .kritik_secim .taktik_ve_yon .taktiklerim_baslik {
    margin-top: 20px;
}

.saldiri_duzenleme_popup .kritik_secim .taktik_ve_yon .taktiklerim {
    width: 100%;
    height: 78px;
    text-align: center;
    line-height: 38px;
    margin-top: 4px;
    font-size: 11px;
    color: rgba(188, 170, 118, 1);
}

.saldiri_duzenleme_popup .kritik_secim .taktik_ve_yon .taktiklerim .img_yeri {
    width: 62px;
    height: 62px;
    line-height: 62px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    margin: 0 auto;
    position: relative;
    top: 8px;
    cursor: pointer;
    border: 1px solid #353535;
}

.saldiri_duzenleme_popup .kritik_secim .taktik_ve_yon .taktiklerim .img_yeri:hover {
    border: 1px solid lawngreen;
}

.saldiri_duzenleme_popup .kritik_secim .taktik_ve_yon .taktiklerim .img_yeri img {
    width: 60px;
}

.saldiri_duzenleme_popup .kritik_secim .savas_turu .saldiri_tipi div {
    cursor: pointer;
    background-color: #bead7885;
    width: 64px;
    height: 40px;
    text-align: center;
    line-height: 34px;
    /*margin: 10px auto;*/
    border: 3px double;
    box-shadow: inset 0px 0px 0px 1px #0000008c;

}

.saldiri_duzenleme_popup .kritik_secim .savas_turu .saldiri_tipi span {
    font-size: 11px;
    text-align: center;
    position: relative;
    top: -4px;
    color: rgba(188, 170, 118, 1);
}

.saldiri_duzenleme_popup .kritik_secim .savas_turu > div img {
    width: 27px;
}

.saldiri_duzenleme_popup .kritik_secim > div {
    float: left;
}

.saldiri_duzenleme_popup .kritik_secim .savas_turu .saldiri_tipi {
    width: 64px;
    height: 60px;
    text-align: center;
    margin: 0 auto;
}

.saldiri_duzenleme_popup .alt_aciklama {
    width: 100%;
    height: auto;
    padding: 5px;
    font-size: 13px;
    text-align: left;
    color: wheat;
    margin: 15px 0;
}


.saldiri_duzenleme_popup div.baslik_r1 {
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38;
    background-color: #28201a;
    text-align: center;
}

.saldiri_duzenleme_popup .kritik_secim_show {
    width: 150px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    margin: 0 auto;
    color: #2b241e;
    font-weight: bold;
    font-size: 15px;
    position: relative;
    top: -4px;
    animation: olan_seviye 1s infinite;

}


.saldiri_duzenleme_popup .kritik_secim_show i {
    font-size: 16px;
}


.birlik_egit_pop .asker_icerik {
    width: 100%;
    /*height: 72px;*/
    border: 1px solid #8080802b;
    margin-top: 5px;
    float: left;
}


.birlik_egit_pop .askerlerimiz {
    padding: 0 5px;
}

.birlik_egit_pop .asker_icerik .ust {
    background-color: #372d25;
    width: 100%;
    height: 21px;
    color: #DFB671;
}

.birlik_egit_pop .asker_icerik .ust .kuvvetler {

    height: auto;
    float: right;
    margin-right: 5px;

}

.birlik_egit_pop .asker_icerik .ust .kuvvetler .kuvvet {
    width: auto;
    height: auto;
    float: left;
    margin-left: 5px;
    color: #efda3c;

}

.birlik_egit_pop .asker_icerik .ust .kuvvetler .kuvvet img {
    width: 22px;
    height: 20px;
    object-fit: contain;
    float: left;

}

.birlik_egit_pop .asker_icerik .ust .kuvvetler .kuvvet span {
    float: left;
    margin-left: 3px;

}

.birlik_egit_pop .asker_icerik .img_yeri {
    width: 52px;
    height: 67px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    float: left;
    margin-right: 5px;
    border-radius: 5px;

}

.birlik_egit_pop .asker_icerik .egitim {
    float: right;
    width: 56%;
    margin-top: 12px;
}

.birlik_egit_pop .asker_icerik .egitim input[type=range] {
    width: 72%;
    float: left;
}


.birlik_egit_pop .asker_icerik .egitim input[type=number] {
    width: 70px;
    float: left;
    margin-left: 30px;
    padding: 0 5px;
}


.birlik_egit_pop .asker_icerik .icerik {
    height: auto;
    float: left;
    margin-top: 3px;


}

.birlik_egit_pop .asker_icerik .terhis {
    display: none;
}

.birlik_egit_pop .asker_icerik .icerik .gereken {
    background-color: #0000002b;
    height: 43px;
    float: left;
    text-align: center;
    border-radius: 5px;
    padding: 0 5px;
    border: 1px solid #0d0a08d1;
}

.birlik_egit_pop .asker_icerik .icerik .gereken img {
    width: 18px;
    height: 17px;
    object-fit: contain;
}

.birlik_egit_pop .asker_icerik .icerik .gereken span {
    color: #ffffffb8;
    padding-left: 5px;
    display: block;
    padding-top: 3px;
}


.birlik_egit_pop .asker_icerik .img_yeri img {
    object-fit: contain;
    width: 47px;
    height: 46px;

}

.birlik_egit_pop .asker_icerik .giderler {
    width: 300px;
    height: 50px;
    float: left;
    margin-left: 44px;
    margin-top: 8px;

}

.birlik_egit_pop .asker_icerik .giderler .bolum {
    display: inline-block;
    width: auto;

}

.birlik_egit_pop .asker_icerik .giderler h5 {
    color: #b19766;
    font-style: italic;
    font-family: tahoma;
    padding-right: 20px;
    display: inline-block;
}

.birlik_egit_pop .asker_icerik .giderler .bolum img {
    width: 22px;
    margin-top: -3px;
}

.birlik_egit_pop .asker_icerik .giderler .bolum span {
    color: wheat;
}

.birlik_egit_pop .asker_al_btn {
    width: 58px;
    height: 25px;
    border-radius: 15px;
    text-align: center;
    line-height: 25px;
    color: #2b241e;
    font-weight: bold;
    font-size: 16px;
    float: right;
    margin-top: 15px;
    margin-right: 5px;

}


.oyun_popup .ust_header {
    height: 28px;
    background-color: black;
    color: #BDB091;
    font-size: 20px;
    text-align: center;
    font-family: tahoma;
}

.oyun_popup .ust_header .parca {
    width: 65px;
    height: 33px;
    /*background-color: red;*/
    line-height: 33px;
    color: #efda3c;
    float: left;
}

.oyun_popup .ust_header .parca img {
    width: 28px;
    float: left;
}

.oyun_popup .ust_header .sol {
    width: 230px;
    height: 33px;

}

.oyun_popup .kapat_popup {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.popup_kapat_oyun {
    color: #BDB091;
    font-size: 22px;
    cursor: pointer;
}

.popup_kapat_oyun:hover {
    color: #daac3d;
}

.birlik_egit_pop .tuccar_alt {

    width: 90px;
    float: right;
    cursor: pointer;
}

.birlik_egit_pop .tuccar_alt img:nth-child(1) {
    margin-left: -14px;

}

.birlik_egit_pop .tuccar_alt img:nth-child(2) {
    position: absolute;
    margin-left: -20px;
}

.birlik_egit_pop .tuccar_alt .olan {
    margin-left: 0px;
    width: 90px;
}

.birlik_egit_pop .ozel_bolumler {
    float: right;
}

.birlik_egit_pop .en_alt {
    margin-top: 4px;
    width: 99%;
    margin: 0 auto;
}

.birlik_egit_pop .alt {
    background-color: #28201a;
    width: max-content;
    box-shadow: inset 0px 1px 7px 1px #00000094;
    text-align: center;
    font-size: 12px;
    border: 1px solid #0000000d;
    color: #e7ff63;
    padding: 6px 5px;
    cursor: pointer;
    float: right;
}


.birlik_egit_pop .alt img {
    width: 36px;
    object-fit: contain;
    height: 24px;

}

.birlik_egit_pop .alt span {
    display: block;
}

.birlik_egit_pop .asker_uretim_view {
    background-color: #28201a;
    box-shadow: inset 0px 1px 7px 1px #00000094;
    border: 1px solid #0000000d;
    width: 99%;
    min-height: 110px;
    height: max-content;
    margin: 10px auto;
}

.birlik_egit_pop .asker_uretim_view .orta {
    padding: 0 10px;
}

.birlik_egit_pop .asker_uretim_view .orta .egitilecek_askerler .egitim_asker {
    display: inline-block;
}

.birlik_egit_pop .asker_uretim_view .orta .egitilecek_askerler .egitim_asker:nth-of-type(1n+2) {
    margin-left: 25px;
}

.birlik_egit_pop .asker_uretim_view .orta .egitilecek_askerler .egitim_asker img {
    object-fit: contain;
    width: 47px;
    height: 46px;
}

.birlik_egit_pop .asker_uretim_view .orta .egitilecek_askerler .egitim_asker span {
    color: yellow;
}


.birlik_egit_pop .asker_uretim_view .baslik {
    text-align: center;
    background-color: #1b1511;
    color: #efda3c;
    font-size: 13px;
}

.birlik_egit_pop .asker_uretim_view .orta .egitilecek_askerler {
    padding-top: 5px;
    min-height: 55px;
    height: max-content;
    text-align: center;
}

.birlik_egit_pop .asker_uretim_view .orta .maliyetler {
    border-top: 1px solid #baa67338;
    padding-top: 5px;
    text-align: center;
}

.birlik_egit_pop .asker_uretim_view .orta .maliyet {
    margin-left: 10px;
    display: none;
}

.birlik_egit_pop .asker_uretim_view .orta .maliyet span {
    color: #ececec;
}

.birlik_egit_pop .asker_uretim_view .orta .maliyet img {
    width: 20px;
    object-fit: contain;
    height: 20px;
}

.birlik_egit_pop .asker_uretim_view .askeri_egitim_btn {
    width: 100px;
    text-align: center;
    color: #1c1711;
    font-weight: 600;
    font-family: sans-serif;
    border: 3px double #252525bf;
    display: block;
    margin: 10px auto 5px auto;
}

.birlik_egit_pop .olan_techizat_alt {
    width: max-content;
    text-align: center;
    padding: 5px 15px;
    background-color: #28201a;
    box-shadow: inset 0px 1px 7px 1px #00000094;
    border: 1px solid #0000000d;
    float: left;
}

.birlik_egit_pop .olan_techizat_alt .tech {
    display: inline-block;
}

.birlik_egit_pop .olan_techizat_alt .tech span b {
    font-weight: unset;
}


.birlik_egit_pop .olan_techizat_alt .tech:nth-of-type(1n+2) {
    margin-left: 10px;
}

.birlik_egit_pop .olan_techizat_alt .tech > span {
    color: #e7ff63;
    font-size: 14px;
    padding-left: 2px;
    position: relative;
    top: 2px;
    display: block;
}

.birlik_egit_pop .olan_techizat_alt .tech img {
    width: 23px;
    object-fit: contain;
    height: 23px;
}

.birlik_egit_pop .alt_sag {
    width: 80px;
    font-size: 12px;
    float: right;
    cursor: pointer;
    padding-right: 0;
}

.birlik_egit_pop .alt_sag .olan {
    width: max-content;
    height: auto;
    float: unset;
    margin: -12px auto;

}

.birlik_egit_pop .alt_sag .olan span {
    line-height: normal;
    margin-top: 12px;
}

.yetersiz_popup {
    width: max-content;
    position: absolute;
    z-index: 999999999999999999999999999999;
}


.seviye_atlama_pop .orta {


}

.seviye_atlama_pop .orta .talent {
    margin-top: 5px;
}

.seviye_atlama_pop .orta .talent .bolum {
    height: 50px;
    margin-top: 14px;
}

.standart_seviye_bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2f33+0,2e3235+40,2d3134+80,23323d+93,24303c+100 */
    background: rgb(43, 47, 51); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(43, 47, 51, 1) 0%, rgba(46, 50, 53, 1) 40%, rgba(45, 49, 52, 1) 80%, rgba(35, 50, 61, 1) 93%, rgba(36, 48, 60, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(43, 47, 51, 1) 0%, rgba(46, 50, 53, 1) 40%, rgba(45, 49, 52, 1) 80%, rgba(35, 50, 61, 1) 93%, rgba(36, 48, 60, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(43, 47, 51, 1) 0%, rgba(46, 50, 53, 1) 40%, rgba(45, 49, 52, 1) 80%, rgba(35, 50, 61, 1) 93%, rgba(36, 48, 60, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2f33', endColorstr='#24303c', GradientType=0); /* IE6-9 */

}

.seviye_atlama_pop .parca {
    text-align: center;
    color: #bbbbbb8f;
    line-height: 30px;
    font-size: 12px;
    border: 1px solid #413f41;
    width: 90%;
    margin: 0 auto;

}

.seviye_atlama_pop .parca:nth-of-type(1n+2) {
    margin-top: 5px;
}

.seviye_atlama_pop .parca > div.sol {
    width: 30%;
    display: inline-block;
    background-color: #0b0e10;
    border-right: 1px solid;
}

.seviye_atlama_pop .parca > div.sag {
    width: 69%;
    display: inline-block;
}


.seviye_atlama_pop .orta .talent .orta_parca {

    width: 170px;
    background-color: #080C0E;
    height: 56px;
    text-align: center;
    line-height: 78px;
    border: 2px solid #2d3134;
    border-radius: 100%;
    z-index: -11;
    font-size: 12px;
    color: #c7c7c7;


}

.seviye_atlama_pop .secilmis_ozellik {
    color: orange !important;
    background: #333333;
    text-shadow: 0 0 2px #ffa50045;

}

.seviye_atlama_pop .olan_seviye {
    color: white !important;
    animation: olan_seviye 1s infinite;
    /*box-shadow: inset 0 0 20px 0px black;*/
    cursor: pointer;
    box-shadow: none;

}

@keyframes olan_seviye {

    50% {
        box-shadow: inset 0 0 20px 0px yellow;
    }

}


.seviye_atlama_pop .alt {

}

.seviye_atlama_pop .alt .bar_yeri {
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    text-align: center;
    overflow-y: auto;
    max-height: 90px;
}

.seviye_atlama_pop .alt .rutbe_atla {
    float: right;
    margin: 5px 37px;


}

.seviye_atlama_pop .alt .rutbe_atla > div:nth-of-type(1) {
    color: white;
    margin-right: 5px;
    font-size: 15px;
}

.seviye_atlama_pop .alt .rutbe_atla > div:nth-of-type(1) b {
    color: orange;
}

.seviye_atlama_pop .alt .rutbe_atla > div {
    display: inline-block;
}

.seviye_atlama_pop .alt .rutbe_atla .atlat {
    width: max-content;
    background-color: #2e3235;
    min-width: 160px;
    height: 33px;
    line-height: 30px;
    padding: 0 15px;
    border: 1px solid #ffffff1a;
    color: #bbbbbb;
    vertical-align: middle;
    font-size: 18px;
    cursor: pointer;
}

.seviye_atlama_pop .alt .rutbe_atla .atlat:hover {
    color: white;
    background: #333333;
}

.seviye_atlama_pop .alt .rutbe_atla .atlat img {
    width: 32px;
}

.seviye_atlama_pop .alt .seviye_bar {
    height: 12px;
    width: 650px;
    margin: 0 auto;
    display: inline-block;
    border-radius: 15px;
}

.seviye_atlama_pop .alt .sonraki_seviye {
    width: 650px;
    margin: 0 auto;
}

.seviye_atlama_pop .alt .seviye_bar .progress-bar {
    background-color: #ff8b00;
}

.seviye_atlama_pop .alt .sonraki_seviye div {
    float: right;
    color: #bbbbbb;
}

.seviye_atlama_pop .alt .sonraki_seviye div:nth-child(1) {
    float: left;
}

.menu_bildirim {
    animation: menu_bildirim 1s infinite;
}

.menu_bildirim2 {
    animation: menu_bildirim2 1s infinite !important;
}

.menu_bildirim3 {
    animation: menu_bildirim3 2s infinite;
}

.mobil_bildirim1 {
    animation: menu_bildirim4 1s infinite;
}

@keyframes menu_bildirim {

    50% {
        background-color: yellow;
    }

}

@keyframes menu_bildirim2 {

    50% {
        background-color: red;
    }

}

@keyframes menu_bildirim3 {

    50% {
        box-shadow: inset 0 0 15px 0px #00ff34;
    }

}


@keyframes menu_bildirim4 {

    50% {
        box-shadow: inset 0 0 7px 1px #fbff00;
    }

}

.standart_bildirim {
    animation: standart_bildirim 1s infinite;
}

@keyframes standart_bildirim {

    50% {
        box-shadow: inset 0px 0 20px yellow;
    }

}




.uyari_yeri {
    position: fixed;
    top: 48px;
    left: 330px;
    width: 50%;
    height: auto;
    z-index: 10;
    text-align: center;
}


.oyuncu_uyar {
    z-index: 1111;
    width: 60px;
    height: 80px;
    background: url(img/bildirim.png) no-repeat;
    line-height: 70px;
    animation: oyuncu_uyar 2500ms infinite;
    background-size: 60px;
    float: left;
}

.oyuncu_uyar img {
    width: 25px;
}

@keyframes oyuncu_uyar {

    50% {
        /*box-shadow: inset 0 0 20px 3px #a00f0f; */
        background: url(img/yeni_bildirim.png) no-repeat;
        background-size: 60px;

    }

}

.bina_hover {
    z-index: 10;
}

.bina_hover:hover {
    /*box-shadow: inset 0 0 0px 1px black;*/
    background-color: #54ff7d4f;
}

.bina_ozellikleri_popup {
    width: 630px !important;
    height: max-content !important;
    min-height: unset !important;
}

.bina_ozellikleri_popup .orta {
    overflow-x: hidden;
}

.bina_ozellikleri_popup .bilgi {
    margin: 10px auto;
    width: max-content;
}

.bina_ozellikleri_popup .ust_taraf {

}

.bina_ozellikleri_popup .ust_taraf .img_yeri {
    background-color: #a18a770f;
    border-radius: 50px;
    border: 1px solid #2b2b2b;
    padding: 5px;
    margin: 0 auto;
    width: max-content;
}

.bina_ozellikleri_popup .ust_taraf .img_yeri img {
    width: 55px;
    height: 55px;
    object-fit: contain;

}

.bina_ozellikleri_popup .aciklama_yeri {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    width: 480px;
    word-break: break-word;
    text-align: center;

    max-width: 100%;
}

.bina_ozellikleri_popup .bas {
    color: #DFB671;
    font-size: 17px;
    font-weight: bold;
}

.bina_ozellikleri_popup p {
    color: #a2957e;
    font-size: 13px;
    margin: 0;
}

.bina_ozellikleri_popup p.bina_yukseliyor_bilgi {
    width: 90px;
}

.bina_ozellikleri_popup p.bina_yukseliyor_bilgi span {
    width: 70px;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    position: unset;
    color: #2b241e;
    font-weight: 600;
}

.bina_ozellikleri_popup .bina_ici_btn {
    width: 70px;
    height: 20px;
    border-radius: 15px;
    text-align: center;
    line-height: 20px;
    color: #2b241e;
    font-weight: bold;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    margin-top: 10px;

}


.bina_ozellikleri_popup .getiriler {
    color: #ffc107;
}

.bina_ozellikleri_popup .getiriler .uretilen {
    display: inline-block;
}

.bina_ozellikleri_popup .getiriler .uretilen:nth-of-type(1n+2) {
    margin-left: 4px;
}

.bina_ozellikleri_popup .getiriler .gereken {
    background-color: #0000002b;
    margin-left: 5px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

.bina_ozellikleri_popup .getiriler .gereken_insan {
    background-color: #0000002b;
    margin-left: 5px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
}

.bina_ozellikleri_popup .getiriler .gereken_insan img{
    width: 21px;
    object-fit: contain;
    height: 23px;
}

.bina_ozellikleri_popup .getiriler .gereken img {
    width: 21px;
    object-fit: contain;
    height: 23px;
}

.bina_ozellikleri_popup .getiriler .gereken span {
    color: #efda3c;
    font-size: 12px;
    display: inline;
    margin-top: 3px;
}


.bina_ozellikleri_popup .getiriler .uretilen .bas2 {
    font-size: 13px;
    color: #b19766;
    display: block;
}

/*.bina_ozellikleri_popup_kapat {*/
/*position: absolute;*/
/*right: 0;*/
/*color: #d3c89a;*/
/*cursor: pointer;*/
/*}*/

/*.bina_ozellikleri_popup_kapat:hover {*/
/*color: #d0af28;*/
/*}*/

.bina_ozellikleri_popup .yeni_ozellik {
    width: 100%;
    height: max-content;
    float: left;
    margin-top: 15px;
    padding-top: 10px;
}

.bina_ozellikleri_popup .yeni_ozellik table thead tr {
    background-color: #28201a;
    color: #a2957e;
}

.bina_ozellikleri_popup .yeni_ozellik table tr th {
    border: none;
    text-align: center;
}

.bina_ozellikleri_popup .yeni_ozellik table tr td {
    border: none;
    vertical-align: middle;
    color: #a2957e;
    text-align: center;
    padding: 2px;
}

.bina_ozellikleri_popup .yeni_ozellik table tr:nth-child(1n+2) {
    margin-top: 5px;
}


.bina_ozellikleri_popup .yeni_ozellik table tr td:nth-child(5) div {
    width: 80px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    color: #1f1f1f;
    font-weight: bold;
    margin: 0 auto;
}


.bina_ozellikleri_popup .yeni_ozellik2 table thead tr {
    background-color: #28201a;
    color: #a2957e;
}


.bina_seviye_atlatma {
    width: max-content;
    margin: 10px auto;
    /* border: 2px solid; */
    box-shadow: 0 0 0px 5px #29221e;
    border-radius: 10px;
    max-width: 100%;
}

.bina_seviye_atlatma .ust {
    margin: 0 auto;
    text-align: center;
    width: max-content;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.bina_seviye_atlatma .ust .sol {
    width: max-content;
}

.bina_seviye_atlatma .ust .sol, .bina_seviye_atlatma .ust .sol.sag {
    text-align: center;
}


.bina_seviye_atlatma .ust .sag span:nth-child(1) {
    color: #DFB671;
}

.bina_seviye_atlatma .ust .sag span:nth-child(2) {

    font-size: 55px;
    color: #efda3c;
    font-weight: 600;
}

.bina_seviye_atlatma .ust .sol .group_yukselt_btn button {
    width: 70px;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    border: none;
    outline: none;

}

.bina_seviye_atlatma .alt {
    width: 100%;
    text-align: center;
}

.bina_seviye_atlatma .alt p {
    background-color: #28201A;
    padding: 1px 0px;
}


.wt_gizle {
    display: none;
}


.tuccar_yeri .orta .takim {
    width: 200px;
    height: 270px;
    margin: 40px auto;
}


.tuccar_yeri .orta .img_yeri {
    background-color: #28201A;
    width: 200px;
    height: 197px;
    border-radius: 10px;
    box-shadow: inset 3px 2px 4px 0px #000000, inset 0px -9px 6px 0px #FFFFFF;

}

.tuccar_yeri .orta .img_yeri img {
    width: 196px;
    margin-left: 3px;
    border-radius: 10px;
}

.tuccar_yeri .orta .sayi_yeri {
    position: absolute;
    margin-left: 130px;
    margin-top: -12px;

}

.sayi_belirtme_bg {
    background-color: #1C1711;
    width: 100px;
    height: 33px;
    border-radius: 10px;

    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777;

    text-align: center;
    line-height: 33px;
    color: #DFB671;
    font-size: 18px;
    letter-spacing: 2px;
}

.genel_btn_new {
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    color: #2b241e;
    font-weight: bold;
    font-size: 18px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e4d2a6+0,e0cda4+22,dbca9d+33,d6cb91+44,c6b881+56,bcaa76+67,b49a6a+89,a9905a+100 */
    background: rgb(228, 210, 166); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(228, 210, 166, 1) 0%, rgba(224, 205, 164, 1) 22%, rgba(219, 202, 157, 1) 33%, rgba(214, 203, 145, 1) 44%, rgba(198, 184, 129, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(180, 154, 106, 1) 89%, rgba(169, 144, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4d2a6', endColorstr='#a9905a', GradientType=0); /* IE6-9 */

    cursor: pointer;

}

.genel_btn_new:hover {
    cursor: pointer;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2c47f+1,ddc389+22,d8c38c+33,d3c687+44,c4b787+56,bcaa76+67,b28c4a+89,a9905a+100 */
    background: rgb(226, 196, 127); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(226, 196, 127, 1) 1%, rgba(221, 195, 137, 1) 22%, rgba(216, 195, 140, 1) 33%, rgba(211, 198, 135, 1) 44%, rgba(196, 183, 135, 1) 56%, rgba(188, 170, 118, 1) 67%, rgba(178, 140, 74, 1) 89%, rgba(169, 144, 90, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.tuccar_yeri .orta .takim .alt {
    width: 100%;
    height: 50px;
}

.tuccar_yeri .orta .takim .alt .ihtiyaclar {
    background-color: #13100c;
    width: 110px;
    height: 70px;
    position: absolute;
    margin-left: 120px;
    margin-top: -50px;
    padding: 3px;
}

.gereken_inline {
    background-color: #0000002b;
    height: 26px;
    width: 78px;
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    line-height: 26px;
}

.gereken_inline img {
    width: 21px;
}

.gereken_inline span {
    color: #efda3c;
    font-size: 12px;
    margin-left: 3px;
    display: inline-block;
    width: 30px;
}

.tuccar_yeri .orta .takim .alt .genel_btn_new {
    position: relative;
    top: 32px;
    border-radius: 10px;
}


.sol_insaat_binalari .hepsi {
    max-height: 550px;
    width: 460px;
    max-width: 100%;
    position: relative;
    overflow: auto;
}

.sol_insaat_binalari .kategoriler {
    width: 100%;
    height: 30px;
    margin-top: 3px;
}

.sol_insaat_binalari .kategoriler .kategori {
    display: inline-block;
    margin-left: -3px;
    text-align: center;
    padding: 3px 0px;
    background-color: #1C1711;
    width: 25%;
    height: 30px;
    border-radius: 0px;
    box-shadow: 2px 2px 1px 0px #1c1711, -1px -1px 1px 0px #777777;
    line-height: 25px;
    color: #DFB671;
    font-size: 12px;
    letter-spacing: 2px;
    border-bottom: 1px solid black;
    cursor: pointer;
}

.sol_insaat_binalari .kategoriler .kategori:hover {
    background-color: #171109;
}

.sol_insaat_binalari .orta .kategori2, .sol_insaat_binalari .orta .kategori3, .sol_insaat_binalari .orta .kategori4 {
    display: none;
}

.koy_zemin {
    background: url("img/koy_zemin.png") no-repeat;
    width: 90px;
    height: 64px;
    position: absolute;
    z-index: -31;
    background-size: 70px;
    margin-top: -45px;
    margin-left: 32px;
}

.mobil_zemin {
    width: 20px;
}

.editor_harita {
    background-color: black;
    width: 355px;
    height: 390px;
    position: fixed;
    right: 0;
    top: 100px;
    display: block;
    z-index: 12;
}

.editor_harita > .editor_bina {
    width: 40px;
    height: 40px;
    margin-left: 3px;
    float: left;
    margin-top: 5px;
    position: relative;
}

.editor_harita > .editor_bina span {
    position: absolute;
    z-index: 11;
    left: 8px;
    top: 7px;
    color: black;
    font-weight: bold;
}

.editor_harita .bina {
    background-color: white;
    float: left;
    margin: 5px;
    object-fit: contain;
    width: 100%;
    height: 100%;

}

.editor_kapat_btn {
    position: absolute;
    right: 0;
    color: white;
    background-color: black;
    padding: 5px 15px;
    top: -30px;
    cursor: pointer;
    border-bottom: 1px solid #1b0a04;
}

.secileni_iptal_et {
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    /* margin: auto; */
    color: white;
    background-color: brown;
    width: 120px;
    padding: 10px;
    margin: auto;
    text-align: center;
    cursor: pointer;
}

.secileni_iptal_et:hover {
    background-color: #1b0a04;
}

.editor_kapat_btn:hover {
    text-decoration: underline;
}

.editor_harita ul {
    position: absolute;
    background-color: black;
    margin-left: -143px;
    color: white;
    padding: 0;
    width: 140px;
}

.editor_harita ul li {
    list-style: none;
    font-size: 15px;
    padding: 2px;
}

.editor_harita ul li:hover {
    color: #00ff66;
    cursor: pointer;
}


.koy_bilgi_popup {
    width: 250px;
    height: 450px;
    background-color: antiquewhite;
    border: 2px double #d9a262;
    display: inline-block;
    position: fixed;
    left: 20px;
    top: 60px;
    z-index: 44444;

}

.koy_bilgi_popup .ayracüst {

    width: 245px;
    height: 25px;
    background-color: #d9a262;
    border: 2px groove #f6e8bb;

    display: inline-block;
    margin: 1px;
    text-align: center;
    line-height: 25px;

}

.koy_bilgi_popup .merkez {

    width: 240px;
    height: 150px;
    margin: 0px 2px 0px 2px;

}

.koy_bilgi_popup .merkezsol {

    width: 100px;
    height: 100px;
    margin-left: 2px;
    margin-top: 3px;
    float: left;

}

.koy_bilgi_popup .merkezsol img {
    width: 100px;
    height: 100px;
    border-radius: 3px;

}

.koy_bilgi_popup .merkezsag {
    width: 246px;
    height: 110px;

}

.koy_bilgi_popup .merkezsag ul {
    float: left;
    margin-left: -25px;
    padding-top: 3px;
    list-style: none;

}

.koy_bilgi_popup .merkezsag ul li {

    padding: 3px;

}

.koy_bilgi_popup .merkezalt {
    width: 246px;
    height: 50px;
}

.koy_bilgi_popup .merkezalt p {
    font-size: 14px;
    text-align: center;
}

.koy_bilgi_popup .ayracalt {

    width: 241px;
    height: 25px;
    background-color: #d9a262;
    border: 2px groove #f6e8bb;

    display: inline-block;
    margin: 1px;
    text-align: center;
    line-height: 25px;
}

.koy_bilgi_popup .alt {
    width: 240px;
    height: 170px;
    margin: 60px auto;
}

.koy_bilgi_popup .menü {
    width: 100px;
    height: 74px;
    text-align: center;
    float: left;
    margin: 5px 10px;

    cursor: pointer;
}

.koy_bilgi_popup .menü:hover p {
    color: brown;

}

.koy_bilgi_popup .menü .img_yeri {
    height: 54px;
    line-height: 54px;
}

.koy_bilgi_popup .menü p {

    font-size: 12px;

}

.harita_koy {
    position: absolute;
    text-align: center;
}

.harita_koy > img {
    position: relative;
    z-index: 111 !important;
}

.isim_ve_bayrak {
    background-color: #ffffffb5;
    color: black;
    padding: 2px 7px;
    border-radius: 20px;
    display: inline-block;
    position: relative;
}


.harita_koy .alt_bolum div.inaktif {
    color: #00000080;
}

.harita_koy .isim_ve_bayrak .secili_mulk_f {
    width: 20px;
}

.harita_koy span img {
    width: 20px;
}

.harita_koy:hover {
    /*background-color: red;*/
    cursor: pointer;

}

.harita_koy .alt_bolum {
    position: absolute;
    width: 100%;
}


.koy_bilgi_popup_kapat {
    margin-top: 3px;
    position: absolute;
    right: 3px;
    top: 4px;
    cursor: pointer;
}

.koy_bilgi_popup_kapat:hover {
    color: black;
}

.tur_sehir_spawn, .tur_kale_spawn {
    opacity: 0.45;
}

.tur_sehir_spawn {
    z-index: -1;
}

.oyun_harita {
    position: absolute;
    z-index: -42;
}

.saldiri_harita {
    position: absolute;
    background-color: red;
    width: 50px;
    height: 50px;
}

.cizgi {
    background-color: transparent;
    position: absolute;
    z-index: 3;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;

    /*opacity: 0.08;*/
    opacity: 0.1;
}


.cizgi:hover {
    opacity: 1;
}

.varis_sureleri {
    position: fixed;
    display: none;
    max-width: 845px;
    z-index: 112;
}

.hareket {
    background-color: #13100c;
    width: 200px;
    float: left;
    box-shadow: 0 0 0px 3px #29221e;
    margin-left: 10px;
    margin-bottom: 10px;
}

.hareket .hareket_ismi {
    color: #DFB671;
    font-size: 15px;
    font-weight: bold;
    background-color: #29221e;
}

.hareket .saldiran_ismi {

    background-color: #29221e;
    color: #a2957e;
    font-size: 13px;
}

.hareket p {
    text-align: center;
    color: #efda3c;
    margin: 0;
}

.hareket .kalan_sure {
    margin: 5px 0;
}

.editor_bina_popup {
    background-color: black;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: fixed;
    z-index: 11;
    width: max-content;
    padding: 0 75px;
    height: max-content;
}

.editor_bina_popup div p {
    display: inline-block;
    float: left;
    width: max-content;
    text-align: left;
}

.editor_bina_popup div:first-child {
    position: absolute;
    right: 0;
}

.editor_bina_popup div:first-child:hover {
    color: rebeccapurple;
    cursor: pointer;
}

.editor_bina_popup div {
    margin: 10px;
    color: white;
    text-align: right;
    font-size: 14px;
}

.editor_bina_popup div input {
    color: black;
    height: auto;
    width: max-content;
    margin-left: 15px;

}

input[type=text] :focus {
    border: none;
    border-bottom: 1px dashed #D9FFA9;
    outline: 0;
}

.yumurta {
    position: absolute;
    z-index: 4;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    cursor: pointer;
    background-color: black;

    padding: 5px;

}

.yumurtaevent_sandik, .yumurtakamp_haydut {
    background-color: transparent;
}

.yumurta_active {
    border-radius: 100%;

}

.yumurta:hover {
    box-shadow: 0 0 6px 4px #fff700;
}

.bar_view {
    width: 100%;
    min-height: 120px;
    border-radius: 10px 10px 20px 20px;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777, 3px 3px 1px 0px #777777;
    background-color: #1C1711;
}

.bar_view .head_vw {
    color: #DFB671;
    background-color: #372d25;
    width: 100%;
    min-height: 60px;

    border-radius: 10px;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777;

}

.bar_view .head_vw p {
    padding: 0;
    text-align: center;
    margin: 19px 0 0 0;
    font-size: 12px;
    font-family: sans-serif;
    color: #dfdfdf;
}

.bar_view .head_vw p:nth-child(3) {
    margin-top: 0;
}

.bar_view .head_vw .sayisi {
    width: 80px;
    height: 17px;
    position: absolute;
    left: 0;
    right: 0;
    top: 47px;
    margin: auto;
    text-align: center;
    font-size: 11px;
    color: navajowhite;
}

.bar_view .head_vw .name_text {
    background-color: #13100ccc;
    width: 180px;
    height: 20px;
    margin: 0px auto;
    position: relative;
    top: 12px;
    text-align: center;
    border-radius: 10px;
    color: #DFB671;
    box-shadow: 0 0 1px #000000;
}


.bar_view .head_vw img {
    margin-left: 25px;
    margin-top: 6px;
    width: 35px;
    position: relative;
}


.bar_view .choose_action {
    width: 206px;
    height: 30px;
    margin: 16px auto;
    text-align: center;
}

.bar_view .choose_action .action {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;

    display: inline-block;
}

.bar_view .choose_action .action:nth-child(1n+2) {
    margin-left: 7px;

}

.choose_action .savun_ozel {
    background-color: #5cd254;
    cursor: pointer;
}

.choose_action .savun_ozel:hover {
    background-color: #58c551;
}


.right_menu {
    background-color: #130c05;
    position: fixed;
    top: 0;
    right: 0;
    width: 275px;
    height: 100%;
    /* z-index: 55555; */
    padding: 10px;
    border: 7px double;
}

.rm_mobil_kapat {
    display: none;

}

.player_view {
    width: 100%;
    height: 340px;
    margin-top: 50px;
    text-align: center;
    padding-top: 18px;
    box-shadow: inset 0 0 20px #292537;
}


.player_view .middle {
    width: 156px;
    height: 177px;
    /* background-color: #0A246A; */
    box-shadow: 0 0 8px #5e5d5b;
    border-radius: 100%;
    margin: 0 auto;

}

.player_view .middle img {
    width: 144px;
    height: 144px;
    object-fit: contain;
    margin-top: 33px;
    border-radius: 100px;
}

.player_view .top {
    width: 100%;
    height: auto;
}

.player_view .top .player_name {
    margin: 0 auto;
    height: 25px;
    width: 70%;
    box-shadow: 0px 0px 1px 0px #777777;
    background-color: #1C1711;
    position: relative;
    top: 15px;
    line-height: 25px;
    color: wheat;


}

.player_view .bottom {
    width: 100%;
    height: auto;
}

.player_view .bottom .daha_fazla {
    background-color: #1a1c2b;
    text-align: center;
    border-radius: 100px;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777;
    color: #b69f6e;
    font-size: 11px;
    width: 70px;
    margin: 5px auto;
    cursor: pointer;
}

.player_view .bottom .player_info {
    width: 70%;
    margin: 0 auto;
    color: wheat;
    font-size: 13px;
    box-shadow: 0px 0px 1px 0px #777777;
    background-color: #1C1711;
}

.player_view .bottom .player_info p {
    margin: 0;
}

.player_view .top .flags {
    width: 69%;
    height: 50px;
    position: relative;
    top: -13px;
    z-index: 1;
    margin: 0 auto;

}

.player_view .top .flags div {
    height: 50px;

    float: left;
}

.player_view .top .flags .player_clan {
    width: 25%;
}


.player_view .top .flags .player_clan img {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 100%;
    object-fit: cover;
}

.player_view .top .flags .player_hane {
    width: 25%;
}

.player_view .top .flags .player_hane img {
    width: 40px;
    cursor: pointer;

}

.player_view .top .flags .player_clan, .player_view .top .flags .player_hane {
    position: relative;
    top: 25px;
}

.player_view .top .flags .player_flag {
    width: 50%;
}

.player_view .top .flags .player_flag img {
    margin: 0;
    width: 60px;
}

.pre_profil_cerceve {

}

.pre_profil_cerceve {

    box-shadow: inset 0 0 20px #7b196b;
    border-radius: 30px;
}

.pre_profil_cerceve .top .player_name {
    box-shadow: 0px 0px 4px 0px #7b196b;
    background-color: #1b0d0d;
}

.pre_profil_cerceve .bottom .player_info {
    box-shadow: inset 0px 0px 3px 0px #7b196b;
    background-color: #1b0d0d;

}

.pre_profil_cerceve .middle {

    box-shadow: 0 0 8px #7b196b;
}

.baba {
    width: 370px;
    padding: 5px;
    max-width: 100%;
    height: max-content;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777, 3px 3px 1px 0px #777777;
    background-color: #1C1711;
    text-align: center;
    z-index: 8888888888888888888888888;

}

.baba .baslik {
    color: navajowhite;
    font-size: 15px;
}

.baba .aciklama {
    color: #c1b6a2;
    font-size: 13px;
    margin-top: 5px;
}


.baba .kapat {
    font-size: 18px;
    cursor: pointer;
    width: 100px;
    height: 24px;
    line-height: 24px;
    color: #100e0e;
    margin: 10px auto 0 auto;
}


.karar_popup {
    max-width: 100%;
    width: 440px;
    height: 145px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777, 3px 3px 1px 0px #777777;
    background-color: #1C1711;
    text-align: center;
    z-index: 88888888888888888888;
}


.karar_popup .kapat {
    font-size: 18px;
    color: navajowhite;
    cursor: pointer;
    position: absolute;
    right: 0;

}

.karar_popup .kapat:hover {
    color: #b7a385;
}


.karar_popup .baslik {
    color: antiquewhite;
    font-size: 26px;
}

.karar_yeri {
    padding: 0 20px;
}

.karar_popup .aciklama {
    color: #ffffffd9;
    height: 70px;
    line-height: 70px;
}


.karar_yeri div {
    width: 150px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 18px;
    color: black;
    float: left;
}

.karar_yeri div:nth-of-type(2) {
    float: right;
}


.kesif_eri_popup {

    height: 280px !important;
    min-height: unset !important;
}


.kesif_eri_popup .alt {
    margin-top: 20px;
    height: 120px;
    padding: 10px 20px;
}

.kesif_eri_popup .alt .sayisi {
    background-color: #211c15;
    width: 170px;
    min-height: 110px;
    border-radius: 24px;
    box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;
    /*padding-top: 15px;*/
}

.kesif_eri_popup .alt .sayisi .erler_toplam {
    margin-top: 20px;
}

.kesif_eri_popup .alt .sayisi .erler_toplam .er_range {
    width: 68%;
    margin: 0 auto;
}

.kesif_eri_popup .alt .sayisi .kesif_erlerim {
    height: 35px;
    line-height: 35px;
    box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;
    width: 115px;
    margin: 0 auto;
    border-radius: 50px;
    background-color: #332d2d2b;


}

.kesif_eri_popup .alt .sayisi .img_yeri {
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    display: inline-block;
    float: left;

}

.kesif_eri_popup .alt .sayisi .kesif_erlerim p {
    text-align: center;
    font-size: 26px;

    color: #ffffff;
    margin-bottom: 0;
}

.kesif_eri_popup .alt .sayisi .gonderilecek_kesif_eri {
    height: 30px;
    width: 65px;
    margin: 1px auto 13px auto;
}

.kesif_eri_popup .alt .sayisi .gonderilecek_kesif_eri .azalt,
.kesif_eri_popup .alt .sayisi .gonderilecek_kesif_eri .art {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}

.kesif_eri_popup .alt .sayisi .gonderilecek_kesif_eri .azalt {
    float: left;

}

.kesif_eri_popup .alt .sayisi .gonderilecek_kesif_eri .art {
    float: right;
}

.kesif_eri_popup .alt .sayisi .gonderilecek_kesif_eri .giden {
    color: white;
    font-size: 19px;
    padding: 0px 10px;
    text-align: center;
    width: 60px;
}

.kesif_eri_popup_casus .casusTur {
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    width: max-content;
    height: max-content;
}

.kesif_eri_popup_casus .aciklama {
    margin-top: 0 !important;
}

.kesif_eri_popup .casusTur .tur {
    width: 40px;
    height: 40px;
    display: inline-block;
    border: 4px double black;
    border-radius: 100%;
    cursor: pointer;
    line-height: 32px;
}

.kesif_eri_popup .casusTur .tur img {
    width: 25px;
    object-fit: contain;
    height: 25px;
    border-radius: 7px;
}

.kesif_eri_popup .casusTur .gerekli_asker {
    color: yellow;
    margin-top: 3px;
}

.ikinci_button_bg {
    color: black;
    font-family: arial, helvetica, sans-serif;
    /*border: 1px solid #908c68;*/
    background-color: #a9a588;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#a9a588), to(#8e865b));
    background-image: -webkit-linear-gradient(top, #a9a588, #8e865b);
    background-image: -moz-linear-gradient(top, #a9a588, #8e865b);
    background-image: -ms-linear-gradient(top, #a9a588, #8e865b);
    background-image: -o-linear-gradient(top, #a9a588, #8e865b);
    background-image: linear-gradient(to bottom, #a9a588, #8e865b);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#a9a588, endColorstr=#8e865b);

}

.ikinci_button_bg:hover {
    /*border: 1px solid #767255;*/
    background-color: #938e6b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#938e6b), to(#6f6947));
    background-image: -webkit-linear-gradient(top, #938e6b, #6f6947);
    background-image: -moz-linear-gradient(top, #938e6b, #6f6947);
    background-image: -ms-linear-gradient(top, #938e6b, #6f6947);
    background-image: -o-linear-gradient(top, #938e6b, #6f6947);
    background-image: linear-gradient(to bottom, #938e6b, #6f6947);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#938e6b, endColorstr=#6f6947);
}


.kesif_eri_popup .alt > div {
    float: left;
}

.kesif_eri_popup .alt .sayisi .malzemeler {
    margin-top: 25px;
}

.kesif_eri_popup .alt .sayisi .malzemeler .malzeme {
    background-color: #000000ad;
    padding: 2px 8px;
    border-radius: 15px;
    color: #ddd;
    display: block;
    width: 110px;
    text-align: center;
    margin: 0 auto;
}

.kesif_eri_popup .alt .sayisi .malzemeler .malzeme:nth-of-type(2) {
    margin-top: 5px;
}

.kesif_eri_popup .alt .sayisi .malzemeler .malzeme img {
    width: 22px;
}

.kesif_eri_popup .alt .zamani {
    margin-left: 10px;
    height: 110px;
    width: 300px;
    border-radius: 24px;
    box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;
    padding: 20px 0 0 20px;
    float: left;
}


.kesif_eri_popup .alt .zamani .zaman {
    height: 35px;
    box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;
    width: 115px;
    border-radius: 50px;
    background-color: #332d2d2b;
    color: #ffffff;
    text-align: center;
    font-size: 19px;
    line-height: 35px;
    font-family: serif;
}

.kesif_eri_popup .alt .zamani .ok {
    width: 300px;
}

.kesif_eri_popup .alt .zamani .ok .govde {
    width: 170px;
    height: 14px;
    background-color: #c1b17cb0;
    line-height: 20px;
    float: left;
    margin-top: 10px;
}

.kesif_eri_popup .alt .zamani .ok .ucu {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 52px;
    border-color: transparent transparent transparent #c1b17cb0;
    float: left;
}


.kesif_eri_popup .alt .zamani .hedef img {
    position: absolute;
    margin-right: -30px;
    margin-top: -22px;
    margin-left: 30px;
    width: 50px;
}

.kesif_eri_popup .alt .gonder {
    width: 170px;
    height: 35px;
    border-radius: 15px;
    text-align: center;
    line-height: 35px;
    color: #2b241e;
    font-weight: bold;
    font-size: 18px;
    float: right;
    margin-top: 40px;
}

.kesif_eri_popup .ust {
    background-color: #0000004d;
    height: 38px;
    line-height: 38px;
    font-size: 24px;
    color: #efe2cb;
    padding: 2px 30px;
    box-shadow: 0px 5px 8px -2px black;

}

.kesif_eri_popup .ust img {
    position: absolute;
    right: 0;
    width: 25px;
    margin: 5px;
    cursor: pointer;
}

.kesif_eri_popup .ust img:hover {
    border-bottom: 1px solid #8e815b;
}

.kesif_eri_popup .aciklama {
    color: #c1b6a2;
    font-size: 14px;
    text-align: center;
    margin-top: 30px;
}

.kesif_eri_popup .aciklama > b {
    color: orange;
}

/*.kesif_eri_popup .baslik{*/
/*color: navajowhite;*/
/*font-size: 25px;*/
/*margin-top: 15px;*/
/*text-align: center;*/

/*}*/


/*.kesif_eri_popup .aciklama{*/
/*color: #c1b6a2;*/
/*font-size: 13px;*/
/*margin-top: 5px;*/
/*text-align: center;*/

/*}*/


.tuccar_popup {
    width: 820px !important;
    height: max-content !important;

    min-height: unset !important;
}

.tuccar_popup .ust {
    background-color: #0000004d;
    height: 38px;
    line-height: 38px;
    font-size: 24px;
    color: #efe2cb;
    padding: 2px 30px;
    box-shadow: 0px 5px 8px -2px black;
}

.tuccar_popup .ust img {
    position: absolute;
    right: 0;
    width: 25px;
    margin: 5px;
    cursor: pointer;
}

.tuccar_popup .ust img:hover {
    border-bottom: 1px solid #8e815b;
}


.tuccar_popup .malzemeler {
    width: max-content;
    float: left;
}

.tuccar_popup .malzemeler .baslik div:nth-of-type(1) {
    font-weight: 100;
}

.tuccar_popup .malzemeler .baslik div {
    color: #ffe59c !important;
}

.tuccar_popup .malzemeler div:nth-child(1n+2) {
    margin-top: 7px;
}

.tuccar_popup .malzemeler div:nth-child(1n+3) {
    cursor: pointer;
}

.tuccar_popup .malzemeler .malzeme {
    height: 30px;
    line-height: 10px;
    position: relative;
    z-index: 111;


}

.tuccar_popup .malzemeler .malzeme:nth-child(1n+4):hover {
    background-color: #ffffff12;
    border-radius: 0 20px 20px 0;
    cursor: pointer;
}


.tuccar_popup .malzemeler .malzeme div {
    float: left;
    color: #dcd5d5;

}

.tuccar_popup_click_bg {
    background-color: #ffffff12;
}

.tuccar_popup .malzemeler .malzeme .tur {
    width: 150px;
    height: 28px;
    border-radius: 15px;
    line-height: 28px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
}

.tuccar_popup .malzemeler .malzeme .tur span {
    display: inline-block;
}

.tuccar_popup .malzemeler .malzeme .tur .miktar {
    font-size: 11px;
    width: 25px;
}

.tuccar_popup .malzemeler .malzeme .tur .ismi {
    margin-left: 3px;

}

.tuccar_popup .malzemeler .malzeme .tur img {
    width: 24px;
    object-fit: contain;
    height: 29px;
}

.tuccar_popup .malzemeler .malzeme .sayi {
    margin-left: 20px;
    width: 63px;
}

.tuccar_popup .tasarimlar .tasarim1 {
    background-color: #14100c69;
    width: 100px;
    position: absolute;
    border-radius: 10px;

}

.tuccar_popup .tasarimlar .tasarim2 {

    border-radius: 24px;
    box-shadow: inset 0 0 15px black;
    border: 1px solid #80808038;
    position: absolute;
}

.tuccar_popup .tasarimlar .malzemeler_tsr {
    left: 270px;
    top: 200px;
    height: 365px;
}

.tuccar_popup .tasarimlar .malzemeler_stok {
    left: 430px;
    top: 190px;
    height: 365px;
}

.tuccar_popup .tasarimlar .malzemeler_fiyat {
    left: 550px;
    top: 190px;
    height: 365px;
}

.tuccar_popup .tasarimlar .bg_right {
    width: 280px;
    height: 500px;
    top: 70px;
    left: 404px;
}


.tuccar_popup .malzemeler .malzeme .stok {
    width: 100px;

    text-align: center;
}

.tuccar_popup .malzemeler .malzeme .fiyat {
    text-align: center;
    width: 100px;
    border-radius: 10px;


}

.tuccar_popup .malzemeler .sure {
    width: 590px;
    height: 30px;
}

.tuccar_popup .malzemeler .sure div {
    /*box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;*/
    float: right;
    background-color: #14100c;
    height: 30px;
    width: 246px;
    /*margin-right: 50px;*/
    text-align: center;
    line-height: 30px;
    color: wheat;
    border-radius: 10px;

}


.tuccar_popup .malzemeler .isim div {

    float: left;
    box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;
    background-color: #14100c;
    height: 25px;
    width: 50%;
    line-height: 25px;
    padding-left: 12px;
    color: white;
    margin: 0;
    text-align: center;

}

.tuccar_popup .hepsi {
    float: left;
    width: 100%;
    padding: 11px;
}

.tuccar_popup .sag {
    text-align: center;
    margin-top: 10px;
    max-width: 100%;
    float: left;
    width: 330px;
}

.gnl_bg_shadow1 {
    box-shadow: inset 0 0 15px black;
    border: 1px solid #80808038;
    padding: 14px;
    border-radius: 24px;
}

.tuccar_popup .sag .satis_yeri {
    /*margin-left: 25px;*/

    margin-top: 25px;
}

.tuccar_popup .sag .alis {

    width: 325px;
    display: inline-block;
    max-width: 100%;
}

.tuccar_popup .sag .alis .genel_button {
    float: left;

}

.tuccar_popup .sag .alis .butonlar {
    margin-top: 10px;
    margin-left: 46px;

}

.tuccar_popup .sag .alis .butonlar div:nth-of-type(2) {
    margin-left: 10px;
}


.tuccar_popup .sag .alis .genel_sayi_goster {
    width: 130px;
    margin-left: 10px;
}

.tuccar_popup .sag .alis .alim_yeri {
    width: 140px;
    float: left;
}

.tuccar_popup .sag .alis .alim_yeri .tur_img {
    position: absolute;
    margin-top: -29px;
    line-height: 29px;
}

.tuccar_popup .sag .alis .alim_yeri .tur_img img {
    float: left;
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.tuccar_popup .sag .alis .alim_yeri .tur_img p {
    float: left;
    color: #b9a471;

}

.tuccar_popup .sag .alis .fiyat_yeri {

    padding: 7px;
    border-radius: 10px;
    float: left;
    width: 140px;
    height: 58px;
    margin-left: 15px;
    box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;
    background-color: #14100c;
    color: #ffe200eb;
    font-size: 12px;
}

.tuccar_popup .sag .alis .fiyat_yeri p span {
    float: right;

}

.tuccar_popup .sag .alis .fiyat_yeri p {
    color: #d5ca90;

    text-align: left;
}


.tuccar_popup .sag .alis .fiyat_yeri p span {
    color: #ffe200bd;
}


.tuccar_popup .sag .alis .islem_btn {
    float: right;
    text-align: center;
    width: 140px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
}


.genel_sayi_goster {
    height: 25px;
    line-height: 25px;
    box-shadow: inset 3px 2px 11px 0px black, inset -1px -1px 0px 0px #ffffff5e;
    width: 115px;
    border-radius: 50px;
    background-color: #332d2d2b;
}

.genel_sayi_goster .img_yeri {
    border-radius: 100%;
    width: 28px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    float: left;
}

.genel_sayi_goster p {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}

.butonlar {
    width: 63px;
    height: 27px;
}

.butonlar .genel_button {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
}


.tuccar_popup .sag .kervan_bilgi {
    width: max-content;
    text-align: left;
    display: block;
    margin: 0 auto;
    float: unset;
}


.tuccar_popup .sag .kervan_bilgi p {
    color: #d5ca90;
    margin: 0;
}

.tuccar_popup .sag .kervan_bilgi p span {
    float: right;
    margin-left: 20px;
}

.tuccar_popup .sag .kervan_bilgi b {
    font-weight: unset;
}

.kale_popup {
    width: 870px !important;
    height: max-content !important;
    min-height: unset !important;
}

.kale_popup .icerikler {
    float: left;
    width: 100%;
    padding: 10px 10px 0px 10px;
}

.kale_popup .header {
    background-color: #0000004d;
    height: 38px;
    line-height: 38px;
    font-size: 24px;
    color: #efe2cb;
    padding: 2px 30px;
    box-shadow: 0px 5px 8px -2px black;
    text-align: center;

}

.kale_popup .header img {
    position: absolute;
    right: 0;
    width: 25px;
    margin: 5px;
    cursor: pointer;
}


.kale_popup .sol {
    width: 300px;
    max-width: 100%;
    float: left;

}

.kale_popup .sol .oyuncular {
    width: 100%;
    border: 1px solid #80808038;
    padding-bottom: 1px;
    overflow-y: auto;
    height: 287px;

}

.kale_popup .sol .oyuncular .baslik {
    background-color: #28201a;
    height: 35px;
    text-align: center;
    color: #ffe59c;
    box-shadow: 0 2px 8px -2px #14100c;
    line-height: 35px;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    font-size: 13px;
}

.kale_popup .sol .oyuncular .oyuncu {
    background-color: #231d17;
    width: 100%;
    height: 35px;
    line-height: 35px;


    margin-top: 15px;
    text-align: center;
    color: wheat;
    font-size: 14px;
    padding: 0px 5px;
    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #8888883b;
}

.kale_popup .sol .oyuncular .oyuncu:nth-child(1n+2) {
    margin-top: 5px;


}

.kale_popup .sol .oyuncular .oyuncu .seviye {
    float: left;
    font-size: 17px;
}

.kale_popup .sol .oyuncular .oyuncu img {
    width: 20px;
    float: right;
}

.standar_shadow_bg {
    box-shadow: inset 0 0 15px black;
    border: 1px solid #80808038;
}

.kale_popup .sol .sehir_ismi {
    width: 100%;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: wheat;
    font-size: 14px;
    margin-top: 37px;
}

.kale_popup .sol .sehir_ismi span {
    color: orange;
    font-size: 16px;
}

.kale_popup .sag {
    width: 525px;
    float: right;

}

.kale_popup .sag .kurmalar {
    border: 1px solid #80808038;
    width: 100%;

}

.kale_popup .sag .kurmalar .icerik {
    width: 100%;

}

.kale_popup .sag .kurmalar .kurma {
    width: 100%;
    height: 53px;
    padding: 3px;
    background-color: #28201A;
    box-shadow: inset 0px 1px 3px 0px #50505070;
}

.kale_popup .sag .kurmalar .kurma:nth-of-type(1n+2) {
    margin-top: 5px;
}

.kale_popup .sag .kurmalar .kurma:hover .aciklama {
    opacity: 1;

}

.kale_popup .sag .kurmalar .kurma .aciklama {
    margin-left: 6px;
    color: #cecece;
    font-size: 11px;
    width: 280px;
    display: inline-block;
    opacity: 0.4;
}

.kale_popup .sag .kurmalar .icerik .kurma .ust {
    background-color: #372d25;
    width: 100%;
    height: 18px;
    line-height: 18px;
    padding-left: 60px;
    color: #DFB671;
}

.kale_popup .sag .kurmalar .icerik .kurma .ust p {
    float: right;
    color: #efda3c;
    margin: 0;
    margin-right: 10px;
}

.kale_popup .sag .kurmalar .icerik .kurma .img_yeri {
    width: 50px;
    height: 50px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    float: left;
    position: relative;
    top: -20px;
    margin-left: 5px;
}

.kale_popup .sag .kurmalar .icerik .kurma .img_yeri img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.kale_popup .sag .kurmalar .icerik .kurma .ihtiyac {
    width: max-content;
    float: right;
}

.kale_popup .sag .kurmalar .icerik .kurma .ihtiyac .gereken {
    background-color: #0000002b;
    min-width: 38px;
    /* width: 38px; */
    height: auto;
    float: left;
    text-align: center;
    border-radius: 5px;
    margin-top: 1px;
    padding: 3px 2px;
}

.kale_popup .sag .kurmalar .icerik .kurma .ihtiyac .gereken:nth-of-type(1n+2) {
    margin-left: 2px;
}

.kale_popup .sag .kurmalar .icerik .kurma .ihtiyac .gereken img {
    width: 15px;
}

.kale_popup .sag .kurmalar .icerik .kurma .ihtiyac .gereken span {
    color: #deba50;
    font-size: 12px;
}


.kale_popup .sag .kurmalar .icerik .kurma .kur {
    border: none;
    width: 60px;
    height: 16px;
    border-radius: 6px;
    text-align: center;
    line-height: 16px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    float: right;
    background-color: transparent;
}

.kale_popup .sag .kurmalar .icerik .kurma .kur2 {
    color: wheat;
}

.kale_popup .sag .durumlar {
    width: 100%;
    margin-top: 20px;
    float: left;
    margin-bottom: 20px;
}

.kale_popup .sag .durumlar .vergi {
    width: 140px;
    height: 48px;
    padding: 13px 8px;
    position: relative;

}


.kale_popup .sag .durumlar .vergi div {

    float: left;

}


.kale_popup .sag .durumlar .vergi .vergi_durumu {
    color: #d7cb94;
    width: 80px;
    text-align: center;
    height: 25px;
    line-height: 25px;
}

.kale_popup .sag .durumlar .vergi .art, .kale_popup .sag .durumlar .vergi .azalt {
    width: 20px;
    height: 20px;
    font-size: 10px;
    border-radius: 100%;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}

.kale_popup .sag .durumlar div {
    float: left;
}

.kale_popup .sag .durumlar .icerik {
    /*padding: 0px 20px;*/
    padding-left: 2px;
    padding-bottom: 2px;
}

.kale_popup .sag .durumlar .icerik > div:nth-child(1n+2) {
    margin-left: 8px;
}

.kale_popup .sag .durumlar .baslik {
    /*background-color: black;*/
    width: 100%;
    height: 30px;
}

.kale_popup .sag .durumlar .asker_kapasite {
    text-align: center;
    color: #d7cb94;
    width: 120px;
    height: 48px;
    position: relative;
}

.kale_popup .sag .durumlar .asker_kapasite img {
    width: 40px;
    border-radius: 20%;
    float: left;
    margin-left: 15px;
}


.kale_popup .sag .durumlar .asker_kapasite img:hover, .kale_popup .sag .durumlar .parali_asker_satin_al img:hover {
    cursor: pointer;
    box-shadow: 0px 2px 0px 0px #ebff0061;

}

.kale_popup .sag .durumlar .parali_asker_satin_al img {
    width: 40px;
    border-radius: 20%;
    cursor: pointer;
    margin-left: 15px;
}


.kale_popup .sag .durumlar .parali_asker_satin_al span {
    text-align: center;
    color: #d7cb94;
}


.kale_popup .sag .durumlar .asker_kapasite > span {
    text-align: center;
    position: relative;
    top: 12px;
}

.kale_popup .sag .durumlar .asker_kapasite span span {
    display: inline;
}

.kale_popup .sag .durumlar .kaynaklar {
    min-width: 115px;
    height: 48px;
    padding: 3px 0;
    position: relative;
}

.kale_popup .sag .durumlar .ust {
    position: absolute;
    left: 0;
    right: 0;
    top: -22px;
    text-align: center;
    color: #ffe59c;
}

.kaynak {
    background-color: #0000002b;
    min-width: 38px;
    /* width: 38px; */
    height: 42px;
    float: left;
    text-align: center;
    border-radius: 5px;
}

.kaynak:nth-child(1n+2) {
    margin-left: 1px;
}

.kaynak img {
    width: 22px;
}

.kaynak span {
    color: #efda3c;
    padding-left: 5px;
    display: block;
    padding-top: 3px;
    font-size: 11px;
}

.kale_popup .sag .durumlar .icerik:nth-of-type(2) {
    margin-top: 20px;
}

.kale_popup .sag .durumlar .baslik {
    text-align: center;
    margin: 0;
    line-height: 30px;
    background-color: #1f1a16;


    box-shadow: 0 2px 8px -2px #14100c;
    border: 1px solid #b5b5b526;

}

.kale_popup .sag .durumlar .baslik div {
    padding: 0 !important;
    text-align: center;
    color: #ffe59c;


}


.bildirim_popup .bildirimler {
    max-height: 100%;
    overflow-y: auto;
    height: 615px;
    overflow-x: hidden;
}

.bildirim_popup .bildirimler .bildirim {
    background-color: #28201A;
    box-shadow: inset 0px 1px 6px -2px #6d6d6d7a;
    color: #dededea1;
    border-radius: 10px 0px 0px 10px;
    display: inline-block;
    opacity: 0.8;
    padding: 15px;
    width: 100%;
}

.bildirim_popup .bildirimler .bildirim .aciklama .rapor_goster {
    color: orange;
    cursor: pointer;
    font-weight: bold;
}

.bildirim_popup .bildirimler .bildirim .aciklama .ileten b {
    color: orange;
}

.bildirim_popup .bildirimler .bildirim .aciklama .taraflar {
    display: block;
}

.bildirim_popup .bildirimler .bildirim div {
    float: left;
}

.bildirim_popup .bildirimler .bildirim .icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    text-align: center;
    margin-right: 10px;
}

.bildirim_popup .bildirimler .bildirim .icon img {
    object-fit: contain;
    width: 22px;
    height: 23px;
}


.bildirim_popup .bildirimler .bildirim .aciklama {
    width: max-content;
    font-size: 13px;
    max-width: 100%;
}

.bildirim_popup .bildirimler .bildirim .aciklama .oyuncu {
    color: #efda3c;
}

.bildirim_popup .bildirimler .bildirim .aciklama .malzeme {
    background-color: #000000ad;
    padding: 5px 15px;
    border-radius: 15px;
}

.bildirim_popup .bildirimler .bildirim .aciklama .malzeme img {
    width: 24px;
    object-fit: contain;
    height: 24px;
}

.bildirim_popup .bildirimler .bildirim .tarih {
    width: max-content;
    text-align: center;
    float: right;
    font-size: 12px;
}

.bildirim_popup .bildirimler .bildirim:hover {
    background-color: #2f261f;
    opacity: 1;
    color: whitesmoke;
}

.bildirim_popup .bildirimler .okunmadi {
    /*background-color: #0000004d;*/
    color: #dedede;
    opacity: 1;

}

.bildirim_popup .kategoriler {
    margin-top: 5px;
    margin-bottom: 5px;
}

.bildirim_popup .kategoriler > div {
    display: inline-block;
    text-align: center;
    line-height: 30px;
    border: 3px solid #0000007a;
    width: 100px;
    cursor: pointer;
    color: white;
}

.savas_sonucu .rapor_ilet {
    text-align: center;
    color: white;
    line-height: 28px;
    color: #191919;
    font-weight: bold;
    width: 100%;
    margin: 1px auto 0 auto;
}


.klan_popup .hepsi {
    overflow: auto;
    overflow-x: hidden;
    height: 660px;
}


.klan_popup .header > img {
    position: absolute;
    right: 0;
    width: 25px;
    margin: 5px;
    cursor: pointer;
}


.klan_popup .giris .orta {
    margin: 0 auto;
    width: max-content;
    max-width: 100%;


}

.klan_popup .giris .orta > .ust .ismi {
    color: #e2e2e2;
    font-weight: bold;
    font-size: 30px;
    font-family: 'Yantramanav', sans-serif;

}

.klan_popup .giris .orta > .ust .lafi {
    font-style: italic;
    color: #8e8b8b;
    font-family: 'Yantramanav', sans-serif;
    font-size: 16px;

}

.klan_popup .giris .orta > .ust .aciklama_baslik {
    width: 220px;
    font-size: 13px;
    text-align: center;
    clear: both;
    margin: 10px auto 0 auto;
    max-width: 100%;


}

.klan_popup .klan_baslik {
    background-color: #28201a;
    font-size: 13px;
    text-align: center;
    color: #bdbdbd;

    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;

}

.hane_kisisel_popup .klan_baslik {
    width: 230px;
    margin: 10px auto;
}

.klan_popup .giris {
    margin-top: 5px;
}


.klan_popup .giris .ust_baslik {
    width: 100%;
    min-height: 50px;
    color: white;
    font-size: 24px;
    font-weight: bold;
    padding-left: 200px;
    box-shadow: inset 0 0 45px -47px white;

}

.klan_popup .giris .ust_baslik span {
    font-size: 11px;
    display: inherit;
    color: #b5b5b5;
    font-weight: normal;
    margin-top: -4px;
}

.klan_popup .giris .ust_baslik_img {
    width: 100%;


}

.klan_popup .giris .ust_baslik_img .bayrak {
    float: left;
    width: 200px;
    text-align: center;
}

.klan_popup .giris .ust_baslik_img .bayrak img {
    width: 140px;
    position: relative;
    top: -16px;
}

.klan_popup .giris .ust_baslik_img .avatar {
    float: right;
    width: 200px;
    text-align: center;
}

.klan_popup .giris .ust_baslik_img .avatar img {
    width: 125px;
    transform: rotateY(180deg);

}


.klan_popup .giris .orta_bilgiler {
    width: 100%;
    height: 54px;
    padding: 4px 0;
    float: left;
    margin-top: -65px;
    text-align: right;

}


.klan_popup_bg {
    background-color: #181310;
    border-top: 2px solid #ffffff0d;
    border-bottom: 2px solid #00000061;
    /*background-color: #28201a;*/
    box-shadow: inset 0 8px 24px -19px black, 0 6px 5px -10px black;
}

.klan_popup .giris .orta_bilgiler > div {
    display: inline-block;
    text-align: left;
    color: white;
    width: auto;
}

.klan_popup .giris .orta_bilgiler div:nth-of-type(2) {
    margin-left: 50px;
    margin-right: 50px;
}

.klan_popup .giris .orta_bilgiler div:nth-of-type(3) {
    margin-right: 20px;
}

.klan_popup .giris .orta_bilgiler > div > div {
    float: left;
}

.klan_popup .giris .orta_bilgiler div > span {
    border-radius: 100%;
    border: 1px solid #5a5a5a80;
    box-shadow: inset 0 4px 5px -2px black, 2px 4px 4px -4px black;
    text-align: center;
    line-height: 40px;
    font-size: 27px;
    color: #000000d6;
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 15px;
    text-shadow: 0 0 0px #541d0c99;


    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#deb951+0,e1c063+25,e1c268+42,e1c268+57,dfbe61+78,dcb74f+100 */
    background: #deb951; /* Old browsers */
    background: -moz-linear-gradient(left, #deb951 0%, #e1c063 25%, #e1c268 42%, #e1c268 57%, #dfbe61 78%, #dcb74f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #deb951 0%, #e1c063 25%, #e1c268 42%, #e1c268 57%, #dfbe61 78%, #dcb74f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #deb951 0%, #e1c063 25%, #e1c268 42%, #e1c268 57%, #dfbe61 78%, #dcb74f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#deb951', endColorstr='#dcb74f', GradientType=1); /* IE6-9 */
}

.klan_popup .giris .orta_bilgiler div > b {
    color: yellow;
}


.klan_popup .giris .alt_uyeler {
    width: 100%;
    float: left;
    margin-top: -11px;
    border-top: 0;
}

.klan_popup .giris .alt_uyeler > div {
    float: left;
}

.klan_popup .giris .alt_uyeler .sol_acklama {
    width: 27%;
    height: 334px;
    text-align: center;
    padding: 0 19px;
    background-color: #1c1711;
    margin-top: 2px;
}

.klan_popup .giris .alt_uyeler .sol_acklama h3 {
    font-size: 14px;
    margin-top: 10px;
    color: #f7f7f7;
}

.klan_popup .giris .alt_uyeler .sol_acklama p {
    color: #d0c48b;
    font-size: 12px;
    overflow-y: auto;
    max-height: 290px;
}

.klan_popup .giris .alt_uyeler .sol_acklama p > textarea {
    width: 100%;
    height: 250px;
}

.klan_popup .giris .alt_uyeler .sag_uyeler {
    width: 73%;
    height: 336px;
    border-left: 1px solid #28201a;
    overflow-y: auto;
}


.klan_popup .table > thead > tr > th {
    color: #f7f7f7;
    font-weight: normal;
}

.klan_popup .table > tbody > tr > td {
    color: #d0c48b;
}

.klan_popup .table > tbody > tr > td .aktiflik {
    font-size: 12px;
}

.klan_popup .table-striped > tbody > tr {
    background-color: #1C1711;
}

.klan_popup .table-striped > tbody > tr:nth-of-type(odd) {

}

.klan_popup .table > tbody > tr > th, .table > tbody > tr > td, .table > thead > tr > th {
    border-color: #28201a;
}

.klan_popup .klan_oyuncu_at {
    cursor: pointer;
}

.klan_popup .table > thead tr {
    background-color: #1c1711;
}

.klan_popup .giris .orta > .ust .aciklama {
    margin-top: 10px;
    color: #ffffffb8;
    font-size: 12px;
    text-align: center;
    height: max-content;
    max-width: 100%;
    padding: 0 15px;
    font-size: 13px;
}

.klan_popup .giris .orta .ust {
    margin-bottom: 15px;
}

.klan_popup .giris .orta .ust .ff_bayrak_isim {
    margin: 0 auto;
    width: max-content;
}

.klan_popup .giris .orta .ust .ff_bayrak_isim .bayrak_yeri {
    float: left;
}

.klan_popup .giris .orta .ust .ff_bayrak_isim .ff_aciklama {
    float: left;
}

.klan_popup .giris .orta .ust .bayrak_yeri img {
    width: 56px;

}

.klan_popup .giris .orta > .ust .bilgiler {
    padding: 0;
    text-align: center;
    margin: 10px auto 0 auto;
}

.klan_popup .giris .orta > .ust .durum_baslik {
    width: 220px;
    margin: 10px auto 0 auto;
}

.klan_popup .giris .orta > .ust .bilgiler li {
    list-style: none;
    color: #e2e2e2;
    font-size: 12px;
    display: inline-block;
}

.klan_popup .giris .orta > .ust .bilgiler li:nth-of-type(1n+2) {
    margin-left: 10px;
}

.klan_popup .giris .orta > .ust .bilgiler li span {
    font-size: 16px;
    margin-right: 8px;

}

.klan_popup .giris .sag {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #10101082;
    background-color: #28201a;
    padding: 8px 0px;
    box-shadow: inset 0 0 3px 1px #8a8a8a17;
}

.klan_popup .giris .sag > div {
    padding: 3px 19px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
    border-radius: 15px;
}

.klan_popup .giris .sag > div img {
    width: 18px;
    height: 17px;
    margin-right: 5px;
    object-fit: contain;
}

.klan_popup .giris .alt {
    width: 100%;
    max-height: 310px;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 auto;
    float: unset;
    text-align: center;
}

.klan_popup .giris .alt .baslik {
    width: 220px;
    margin: 0 auto;
}


.klan_popup .giris .alt .uye {
    background-color: #28201a;
    min-width: 220px;
    width: max-content;
    height: 48px;
    font-size: 13px;
    text-align: center;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    margin: 2px 5px;
    position: relative;
    padding: 2px;
}

.klan_popup .giris .alt div:nth-child(2) {
    background-color: #281a1a !important;
    margin-left: auto;
    margin-right: auto;
}


.klan_popup .giris .alt .uye:nth-child(1n+3) {
    display: inline-block;

}


.klan_popup .giris .alt .uye .img_yeri {
    float: left;
    box-shadow: inset 0 0 17px 3px black;
    width: 42px;
    height: 42px;
    line-height: 29px;
    cursor: pointer;


}

.klan_popup .giris .alt .uye img {
    width: 42px;
}

.klan_popup .giris .alt .uye > .bilgiler {
    float: left;
    list-style: none;
    padding-left: 5px;
}

.klan_popup .giris .alt .uye > .bilgiler .klan_oyuncu_at {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    cursor: pointer;

}

.klan_popup .giris .alt .uye > .bilgiler .klan_oyuncu_at:hover {
    color: yellow
}

.klan_popup .giris .alt .uye > .bilgiler li {
    margin: 0;
    line-height: 16px;
    font-size: 14px;
    text-align: left;
    overflow: hidden; /* taşacak kısımları gizle. */
    white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
    text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */
}

.klan_popup .giris .alt .uye > .bilgiler li.isim:hover {
    color: yellow;
    cursor: pointer;

}

.klan_popup .giris .alt .uye > .bilgiler .seviye {
    color: #8e8b8b;
    font-size: 11px;
    margin-top: 9px;
}


.klan_popup .giris .alt .uye > .bilgiler .puan {
    background-color: #3d3586b8;
    text-align: center;
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    padding: 2px 4px;
    color: #cecece;
}


.klan_popup .giris .alt .uye .rutbe_ver {
    color: black;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.klan_popup .giris .alt .uye > .bilgiler .seviye .rutbe_ismi {

    background-color: black;
    padding: 2px 4px;
    color: #cecece;

}


.klan_popup .olusturma .sol .bilgiler {

    color: white;
    list-style: none;
    margin-top: 20px;
    width: max-content;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.klan_popup .olusturma .sol .bayrak_yeri img {
    width: 250px;
}

.klan_popup .olusturma .sol .bilgiler li input, .klan_popup .olusturma .sol .bilgiler li textarea {

    background-color: #28201a;
    font-size: 13px;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    border-bottom: transparent;


}

.klan_popup .olusturma .sol .bilgiler li input {
    width: 360px;
    padding: 9px;
    text-align: center;
}

.klan_popup .olusturma .sol .bilgiler li textarea {
    text-align: center;
    width: 490px;
}


.klan_popup .olusturma .sol .bilgiler li:nth-child(2) {
    margin-top: 10px;
}


.klan_popup .olusturma .sol .bilgiler .baslik {
    font-size: 18px;
}

.klan_popup .olusturma .sol .bilgiler li p {
    padding-left: 3px;
    font-style: italic;
    font-size: 13px;
    margin-top: 5px;
    color: #b7b5b5;
}

.klan_popup .olusturma .sol .bilgiler li .klan_olustur {
    background-color: #d0aa2d;
    color: black;
    border: none;
    padding: 7px 55px;
    font-weight: bold;
    cursor: pointer;
}

.klan_popup .olusturma .sol .bilgiler li .klan_olustur:hover {
    background-color: #967b22;
}

.klan_popup .olusturma .sag {
    width: 50%;

}


.klan_kontrol_popup .icerik div {
    width: 430px;
    text-align: center;
    max-width: 100%;
    margin: 20px auto;
}

.klan_kontrol_popup .icerik div i {
    color: white;
    font-size: 120px;
}

.klan_kontrol_popup .icerik div h3 {
    color: whitesmoke;
}

.klan_kontrol_popup .icerik div p {
    color: #ccc9c9;
}

.klan_kontrol_popup .icerik div button {
    background-color: #0c5da2;
    width: 340px;
    border: none;
    height: auto;
    color: white;
    border-radius: 30px;
    max-width: 100%;
    min-height: 30px;
}

.klan_kontrol_popup .icerik div .katil {
    background-color: #a2360c;
}

.klan_ara {
    width: 1030px;
}

.klan_ara .orta {
    height: 660px;
    overflow-y: auto;
}

.klan_ara .klan_bilgisi {

    background-color: #28201a;
    width: 100%;
    height: 45px;
    font-size: 13px;
    text-align: center;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    line-height: 45px;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
}


.klan_ara .klan_bilgisi div {
    float: left;
    width: 40%;
    text-align: center;
    height: inherit;
}

.klan_ara .klan_bilgisi .bayrak {
    width: 5%;
}

.klan_ara .klan_bilgisi .uyelik {
    width: 23%;
}

.klan_ara .klan_bilgisi .bayrak img {
    width: 98%;
}

.klan_ara .klan_bilgisi .oyuncu_sayisi {
    width: 20%;

}

.klan_ara .klan_bilgisi .puan {
    width: 12%;

}

.klan_ara .klann .klan_ismi:hover {
    color: yellow;
    cursor: pointer;
}

.klan_ara .klan_bilgisi .aksiyon {
    width: 50px;
}

.klan_ara .klann .aksiyon {
    width: 50px;
    font-size: 20px;
    text-align: center;
}

.klan_ara .klann .aksiyon i:hover {
    color: yellow;
    cursor: pointer;
}

.klan_ara .baslik {
    background-color: #4e3a2b;
    height: 23px;
    line-height: 23px;
}

.klan_ara .klann:hover {
    background-color: #352a1f !important;
}

.klan_ara .klann:nth-of-type(2n+2) {
    background-color: #2d241c;
}

.wt_uye {
    background-color: #28201a;
    font-size: 13px;
    text-align: center;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    display: inline-block;
    padding: 2px;

    min-width: 220px;

}

.wt_uye .isim .alt_isim {
    font-size: 11px;
    color: #a7a7a7;
}

.wt_uye .img_yeri {
    float: left;
    box-shadow: inset 0 0 17px 3px black;
    width: 42px;
    height: 42px;
    line-height: 36px;
    cursor: pointer;
}

.wt_uye .img_yeri img {
    width: 42px;
}

.wt_uye .bilgiler {
    width: auto;
    float: left;
    list-style: none;
    padding-left: 5px;
    margin: 0;
}

.wt_uye .bilgiler li {
    margin: 0;
    font-size: 14px;
    text-align: left;
}

.wt_uye .bilgiler li.isim {

}

.wt_uye .bilgiler li.isim:hover {
    color: yellow;
    cursor: pointer;
}

.wt_uye .daha_fazla {
    font-size: 24px;
    float: right;
    margin-top: 10px;
    cursor: pointer;
    margin-left: 5px;
}

.wt_uye .daha_fazla:hover {
    color: lightgoldenrodyellow;
}

.wt_uye .bilgiler .seviye {
    color: #8e8b8b;
    font-style: italic;
    margin-top: 3px;
}

.wt_uye .bilgiler .puan {
    background-color: #3d3586b8;

    text-align: center;
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    padding: 2px 4px;
    color: #cecece;
}

.wt_uye .bilgiler .seviye {
    font-size: 13px;
}


.uye_basvurulari .wt_uye {
    height: max-content;
    margin-left: 5px;
    margin-top: 5px;
}

.uye_basvurulari .wt_uye .ust {
    height: 48px;
}

.uye_basvurulari .wt_uye .alt {
    width: 100%;
    height: 34px;
    line-height: 34px;
    border-top: 1px solid #403b36;
}

.uye_basvurulari .wt_uye .alt div {
    width: 50%;
    float: left;
    cursor: pointer;
}

.uye_basvurulari .wt_uye .alt div:hover {
    color: greenyellow;
}

.uye_basvurulari .wt_uye .alt div:last-child:hover {
    color: red;
}

.klan_popup .giris .orta > .ust div i {
    /*padding-left: 20px;*/
    cursor: pointer;
    color: #b79f6e;
    opacity: 0.4;
}

.klan_popup .giris .orta > .ust div i:hover {
    opacity: 1;

}

.klan_duzenle_btn {
    width: 200px;
    margin: 0 auto;
    height: 30px;
    line-height: 30px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-radius: 15px;
    max-width: 100%;
}

.standart_input_bg_color {
    padding: 9px;
    background-color: #28201a;
    font-size: 13px;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    border-bottom: transparent;
    margin-bottom: 5px;
}

.standart_text_area_bg_color {
    background-color: #28201a;
    font-size: 13px;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    border-bottom: transparent;
    overflow: hidden;
}


.hane_popup .orta .hane {
    background-color: #28201A;
    width: 100%;
    height: 58px;
    line-height: 58px;
    box-shadow: inset 0px 1px 3px 0px #50505070;
    padding: 0 5px;
    color: #e0e0e0;
}

.hane_popup .orta .hane div {
    float: left;
    text-align: center;
    width: 22.5%;
    font-size: 13px;

}

.hane_popup .orta > div:nth-child(1n+2) {
    margin: 1px 0;
}

.hane_popup .orta .baslik {
    height: 26px;
    line-height: 26px;
    background-color: #3a312a;
}

.hane_popup .orta .baslik .img_yeri {
    height: 26px !important;
}


.hane_popup .orta .hane .img_yeri {
    width: 10%
}


.hane_popup .orta .hane .img_yeri img {
    width: 40px;
    border-radius: 100%;
    height: 40px;
    object-fit: cover;
}

.hane_popup .orta .hane .ismi {
    line-height: 20px;
    margin-top: 10px;

    cursor: pointer;

}

.hane_popup .orta .hane .ismi:hover {
    color: yellow;
}

.hane_popup .orta .hane .ismi p {
    font-size: 11px;
    margin: 0;
}


.hane_kisisel_popup .ust .hane_bayrak {
    width: max-content;
    margin: 0 auto;
}

.hane_kisisel_popup .ust .hane_bayrak img {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    float: left;
}

.hane_kisisel_popup .ust .hane_bayrak_anadolu img {
    object-fit: cover;
}


.hane_kisisel_popup .ust .basliklar {

    color: #e2e2e2;
    float: left;
    margin-left: 5px;
}

.hane_kisisel_popup .ust .basliklar .hane_id {
    font-size: 27px;
}

.hane_kisisel_popup .ust .basliklar .hane_ismi {
    color: #8e8b8b;
    font-family: 'Yantramanav', sans-serif;
    font-size: 16px;
}

.hane_kisisel_popup .ust .hane_tac_sayisi {
    width: max-content;
    margin: 0 auto;
    clear: both;
    text-align: center;

}

.hane_kisisel_popup .ust .hane_tac_sayisi img {
    width: 30px;
}


.hane_kisisel_popup .ust .sira {
    width: 120px;
    height: 20px;
    font-size: 14px;
    line-height: 19px;
    background-color: #28201a;
    color: #e2e2e2;
    box-shadow: 0 0px 3px -2px #ffffff, 0 3px 8px -2px #000000;
    border: 1px solid #b5b5b526;
    padding-left: 5px;
    margin: 10px auto;
    clear: both;
    position: relative;
    top: 5px;

}

.hane_kisisel_popup .ust .sira span {
    color: #efda3c;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 29px;
    text-align: center;
    float: right;
    position: relative;
    top: -8px;
    left: 10px;
    border-radius: 100%;
    background-color: #28201a;
    box-shadow: 0 2px 8px -2px #14100c;
    border: 4px double #b5b5b526;

}

.hane_kisisel_popup .sol {
    height: 100%;
}

.hane_kisisel_popup .ust .bilgiler {
    clear: both;
    margin-top: 10px;
    margin: 0 auto;
    width: max-content;
    text-align: center;
    max-width: 100%;
}

.hane_kisisel_popup .ust .bilgiler ul {
    padding: 0;
}

.hane_kisisel_popup .ust .bilgiler ul:nth-child(2) {
    margin-left: 15px;
}

.hane_kisisel_popup .ust .bilgiler ul li {
    list-style: none;
    height: 25px;
    line-height: 25px;
    border-radius: 10px;
    background-color: #28201A;
    color: #e2e2e2;
    display: inline-block;
    padding: 0 5px;
    font-size: 13px;
}

.hane_kisisel_popup .ust .bilgiler ul li:nth-child(1n+2) {
    margin-top: 5px;
}

.hane_kisisel_popup .ust .bilgiler ul li span {
    float: right;
    padding-left: 5px;
    color: yellow;
}


.hane_kisisel_popup .sag {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #10101082;
    background-color: #28201a;
    padding: 8px 0px;
    box-shadow: inset 0 0 3px 1px #8a8a8a17;
}


.hane_kisisel_popup .sag div {
    padding: 3px 19px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    text-align: center;
    border-radius: 15px;
}


.hane_kisisel_popup .sag div img {
    width: 18px;
    height: 17px;
    margin-right: 5px;
    object-fit: contain;
}


.st_uye_baslik {
    height: 26px !important;
}

.st_uye_baslik div {
    height: 26px !important;
    line-height: 26px !important;
}

.hane_kisisel_popup .st_uye_baslik .oylama {

}

.hane_kisisel_popup .st_uye_baslik .seviye {
    color: inherit;
}

.hane_kisisel_popup .st_uye_baslik .isim:hover {
    color: inherit !important;
    cursor: inherit !important;
}

.st_uye {
    width: 100%;
    height: 40px;
    font-size: 13px;
    text-align: center;
    color: #e2e2e2;


    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;


}


.st_uye .img_yeri {
    width: 48px;
    height: 40px;
    float: left;
}

.st_uye .img_yeri img {
    width: 30px;
}

.st_uye .bilgiler {
    width: 100px;
    /* height: 10px; */
    float: left;
    list-style: none;
    padding-left: 10px;
}

.st_uye .baslik .bilgiler li {
    line-height: 16px;

}

.st_uye div {
    margin: 0;
    line-height: 16px;
    font-size: 12px;
    text-align: left;
}

.st_uye .seviye {
    color: #8e8b8b;
    font-style: italic
}

.st_uye .puan span {
    background-color: #3d3586b8;
    text-align: center;
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    padding: 2px 4px
}

.st_uye .daha_fazla {
    font-size: 24px;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

.st_uye .daha_fazla:hover {
    color: lightgoldenrodyellow;
}


.hane_kisisel_popup .haneden_klan_at {
    position: absolute;
    right: 0;
    font-size: 20px;
    display: inline-block;
    width: 30px !important;
}

.hane_kisisel_popup .haneden_klan_at span:hover {
    color: yellow;
    cursor: pointer;
}

.hane_kisisel_popup .st_uye {
    margin: 0 auto;
}


.hane_kisisel_popup .st_uye div {
    float: left;
    line-height: 40px;
    width: 22.5%;
    text-align: center;

}

.hane_kisisel_popup .klan .seviye {
    line-height: 1;
    margin-top: 2px;
}

.hane_kisisel_popup .st_uye div.img_yeri {
    width: 10%;
}

.hane_kisisel_popup .st_uye div.isim:hover {
    cursor: pointer;
    color: yellow;
}

.hane_kisisel_popup .st_uye:nth-of-type(1n+2) .bilgiler li:nth-child(2) {

    line-height: 11px;
    margin-top: 18px;
}

.hane_kisisel_popup .st_uye:nth-of-type(2) .bilgiler li:nth-child(2) {
    line-height: 1;
    margin-top: 15px;
}

.hane_kisisel_popup .st_uye .oylama {
    text-align: center;
}

.hane_kisisel_popup .st_uye .oylama i {
    font-size: 18px;

}


.hane_kisisel_popup .st_uye .oylama span {
    display: block;
    line-height: 0;
    margin-top: -5px;
}


.hane_kisisel_popup .st_uye .oylama i:hover {
    color: #efda3c;
    cursor: pointer;
}

.hane_kisisel_popup > .sol .alt {
    margin-top: 10px;

}

.hane_kisisel_popup .baslik > div {
    line-height: 30px;
}


.hane_kisisel_popup .st_uye .puan span {
    font-size: inherit;
}

.oy_atildi {
    color: yellow;

}

.mesajlar_popup {
    z-index: 13333;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777, 3px 3px 1px 0px #777777;
    background-color: #1C1711;
    width: 1060px;
    height: 630px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    position: fixed;
    margin: auto;
}

.mesajlar_popup .header {
    background-color: #0000004d;
    height: 38px;
    line-height: 38px;
    font-size: 24px;
    color: #efe2cb;
    padding: 2px 30px;
    box-shadow: 0px 5px 8px -2px black;
}

.konular_popup > .orta {
    overflow-y: auto;
    height: 590px;
}

.mesajlar_popup .header img {
    position: absolute;
    right: 0;
    width: 25px;
    margin: 5px;
    cursor: pointer;
}

.konular_popup .mesaj {
    background-color: #271f18;
    color: #e2e2e2c7;
    width: 100%;
    height: 25px;
    font-size: 13px;
    border-bottom: 1px solid #50505038;
    padding-top: 4px;
    cursor: pointer;
    display: table;
    /*opacity: 0.8;*/
}

.konular_popup .mesaj_hvr:hover {
    background-color: #2f2823 !important;
    opacity: 1 !important;

}

.okunmadi_mesaj {


    color: white !important;
    font-weight: bold !important;

}


.konular_popup .yan_taraf {
    background-color: #14100c;
    width: 170px;
    height: 63px;
    position: absolute;
    top: 38px;
    margin-left: -171px;
}

.konular_popup .yan_taraf div {
    width: 166px;
    height: 30px;
    line-height: 30px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    /* margin-top: 4px; */
    margin: 1px auto;
}


.konular_popup .mesaj .okunmadi {
    background-color: #281a1a;
}

.konular_popup .baslik {
    cursor: inherit;
    background-color: #3a312a;
    height: 25px;
    opacity: 1;

}

.konular_popup .baslik .sol {
    padding-left: 52px !important;
    font-weight: bold;
}

.konular_popup .mesaj div {
    float: left;
}

.konular_popup .mesaj .sol {
    width: 40%;
    padding-left: 25px;
}

.konular_popup .mesaj .sol img {
    width: 17px;
}

.konular_popup .mesaj .sol p {
    display: inline;
    padding-left: 10px;
}


.konular_popup .mesaj .orta {
    width: 20%;
    text-align: center;
}

.konular_popup .mesaj .sag {
    width: 40%;
    text-align: center;

}

.konular_popup .aciklama {
    width: 100%;
    clear: both;
    line-height: 24px;
    /* padding: 30px; */
    text-align: left;
    border-top: 1px solid #808080a1;
    background-color: black;
    padding: 15px 25px;
    word-break: break-all;
}

.konular_popup .aciklama .yanitla {
    float: right;


    width: 110px;
    height: 30px;
    /*border-radius: 15px;*/
    text-align: center;
    line-height: 30px;
    color: #2b241e;
    font-weight: bold;
    font-size: 18px;
    right: 25px;
    cursor: pointer;
}

.global_input_bg_pasif_add {
    background-color: #28201a;
    border: 2px solid #3d3631;
    opacity: 0.75;
}

.global_input_bg {
    background-color: #28201a;
    font-size: 13px;
    color: #e2e2e2 !important;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    border-bottom: transparent;
}

.global_input_bg2 {
    background-color: #28201a;
    font-size: 13px;
    color: #e2e2e2 !important;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #25111175;
    border-bottom: #25111175;
}


.global_aciklama_bg {
    color: wheat;
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38;
    background-color: #28201a;
    font-size: 13px;
}


.siralama_popup .siralama .sira {
    background-color: #28201A;
    width: 100%;
    height: 40px;
    line-height: 40px;
    box-shadow: inset 0px 1px 3px 0px #50505070;
    color: #e0e0e0;
    max-width: 100%;
}

.siralama_popup .siralama .sira div {
    float: left;
    width: 42%;
    font-size: 13px;

}

.siralama_popup .siralama .sira .puan {
    text-align: center;
}


.siralama_popup .siralama .sira .isim {
    text-align: center;
    max-height: 56px;

}

.siralama_popup .siralama .sira .isim p span {
    font-size: 12px;
    color: #b5b5b5;
}

.siralama_popup .siralama .sira .isim p {
    line-height: 26px;
    margin: 0;
    line-height: 1;
    margin-top: 5px;

}


.siralama_popup .siralama .sira .isim img {
    width: 40px;
}

.siralama_popup .siralama .sira .konum {
    color: #e0cda4;
    width: 15%;
    text-align: center;
}

.siralama_popup .siralama .sira .st_renk_konum {
    font-size: 20px !important;
    color: #e0cda4 !important;
}

.siralama_popup .siralama .icerik .sira:nth-of-type(1) .konum {
    font-size: 35px;
    color: #FFD700;
}

.siralama_popup .siralama .icerik .sira:nth-of-type(2) .konum {
    font-size: 25px;
    color: #C0C0C0;
}

.siralama_popup .siralama .icerik .sira:nth-of-type(3) .konum {
    font-size: 20px;
    color: #cd7f32;
}

.siralama_popup .siralama .sira .konum1 {
    font-size: 45px !important;
    color: #FFD700 !important;
}


.siralama_popup .siralama .sira .konum2 {
    font-size: 35px !important;
    color: #C0C0C0 !important;
}

.siralama_popup .siralama .sira .konum3 {
    font-size: 25px !important;
    color: #cd7f32 !important;
}


.siralama_popup .siralama .sira .daha_fazla span {
    font-size: 21px;
    cursor: pointer;
}

.siralama_popup .siralama .sira .daha_fazla span:hover {
    color: yellow;
}

.siralama_popup .siralama .baslik {
    height: 30px;
    line-height: 30px;
    background: #3a312a;
    margin-bottom: 2px;
}

.siralama_popup .siralama .baslik div {
    height: 30px;
    line-height: 30px !important;
}

.siralama_popup .siralama .baslik .konum {
    color: inherit;
    font-size: inherit;
}

.siralama_popup .siralama .icerik {
    max-height: 460px;
    overflow: auto;
}

.siralama_popup .kategoriler {
    width: 100%;
    height: 150px;
    margin-top: 20px;
}

.siralama_popup .kategoriler .sol {
    float: left;
    margin-left: 20px;
}

.siralama_popup .kategoriler .orta {
    float: left;
    margin-left: 20px;
}

.siralama_popup .kategoriler .orta select {
    width: 170px;
    height: 30px;

}

.siralama_popup .kategoriler .orta input {
    display: block;
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.siralama_popup .kategoriler .orta .oyuncu_ara {
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.siralama_popup .kategoriler .sag {
    float: right;
    width: 200px;
    height: auto;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    color: white;
    position: relative;
    left: -20px;
    font-family: sans-serif;
}

.siralama_popup .kategoriler .sag a {
    color: white;
}

.siralama_popup .kategoriler .sag img {
    width: 70px;
}

.siralama_popup .kategoriler .sag p {
    margin-bottom: 0;
    margin-top: 10px;
}

.destek_popup {
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777, 3px 3px 1px 0px #777777;
    background-color: #1C1711;
    width: 460px;
    height: 340px;
    z-index: 124124421421421412412;

    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    position: fixed;
    margin: auto;
    text-align: center;
    max-width: 100%;
}

.destek_popup input, .destek_popup select {


    width: 90%;


}

.destek_popup select {
    margin-top: 10px;
}

.destek_popup textarea {
    width: 90%;
    height: 170px !important;
    margin-top: 20px;
}

.destek_popup input:focus {
    outline: none;
    border: 1px solid #b7ad85;
}

.destek_popup .orta {
    margin-top: 15px;
}

.destek_popup .buton {
    width: 180px;
    margin: 10px auto;
    border-radius: 0;
    height: 26px;
    line-height: 26px;
    font-weight: bold;
    max-width: 100%;
}

.destek_popup .header {
    background-color: #0000004d;
    height: 24px;
    color: #efe2cb;
    padding: 2px 30px;
    box-shadow: 0px 5px 8px -2px #000000b3;
    text-align: center;
    line-height: 21px;
    font-size: 15px;
}

.destek_popup .header img {
    position: absolute;
    width: 17px;
    margin-top: 2px;
    right: 5px;
    cursor: pointer;

}

.destek_popup .header img:hover {
    border-bottom: 1px solid #8e815b;
}

.form_wt {
    font-family: monospace;
}

.form_wt input {
    font-size: 13px;
    padding-left: 6px;
}

.form_wt input, .form_wt select, .form_wt textarea {
    height: 24px;
    border-radius: 6px;
    /*background-color: #c1beb1;*/
    /*border: 1px solid #cccccc;*/
}

.diplomasi_popup .orta {
    max-height: 660px;
    overflow-y: auto;
}

.diplomasi_popup .wt_uye img {
    width: 36px;
}

.diplomasi_popup .wt_uye .img_yeri {
    box-shadow: none;
}

.diplomasi_popup .wt_uye {
    height: max-content;
    position: relative;
    display: inline-block;
    width: auto !important;
    margin-top: 5px;
    margin-left: 5px;
    min-height: 60px;
}

.diplomasi_popup .wt_uye .alt {
    line-height: 17px;
    color: yellow;
    right: 4px;
    text-align: right;
    display: inline-block;

    width: auto;

    position: absolute;
    right: 0;
    bottom: 0;
}

.diplomasi_popup .wt_uye .teklif {
    color: white;
    font-size: 12px;
    margin-right: 5px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.diplomasi_popup .wt_uye .teklif span {
    background-color: #14100c;
    padding: 0 6px;
    cursor: pointer;

}

.diplomasi_popup .wt_uye .teklif span:hover {
    color: yellow;
}

.standart_pp_bg {
    z-index: 13333;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777, 3px 3px 1px 0px #777777;
    background-color: #1C1711;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    position: fixed;
    margin: auto;
}


.daha_fazla_popup {
    width: max-content !important;
    height: max-content !important;
    min-height: unset !important;
}

.daha_fazla_popup .orta {
    padding: 5px;
    float: left;
}

.daha_fazla_popup .sol {
    width: 380px;
    height: max-content;
    max-width: 100%;
    float: left;
}

.daha_fazla_popup .sol > div {
    float: left;
}

.daha_fazla_popup .sol .other {
    width: 270px;
    height: 80px;
    margin-left: 30px;
    color: #f5f5f5f0;
}


.daha_fazla_popup .sol .other .info {
    background-color: #28201a;
    width: 100%;
    height: 80px;
    background-color: #28201a;
    font-size: 13px;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    padding: 17px 11px;
}

.daha_fazla_popup .sol .other .info div {
    background-color: #1c1711;
    width: 80px;
    height: max-content;
    float: left;
    text-align: center;
    border: 1px solid #80808040;
    margin-left: 2px;
    cursor: pointer;
}

.daha_fazla_popup .sol .other .info div:hover {
    background-color: #251e16;
}

.daha_fazla_popup .sol .other .info div img {
    width: 40px;
    position: relative;
    top: -12px;
}

.daha_fazla_popup .sol .other .info div p {
    margin-top: -5px;
}

.daha_fazla_popup .sol .profil {
    width: 80px;
    height: 81px;
    box-shadow: 0 0 0px 1px #28201a;
}

.daha_fazla_popup .sol .profil img {
    width: 100%;
    background-color: #211d18;
    border: 2px solid;
}

.daha_fazla_popup .sol .list {
    float: left;
    list-style: none;
    padding: 0;
    width: 100%;
    margin-top: 10px;
}

.daha_fazla_popup .sol .list li {
    background-color: #28201a;
    font-size: 13px;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    height: 40px;
    line-height: 40px;
    padding-left: 5px;
    padding-right: 5px;
}

.daha_fazla_popup .sol .list .klan span, .daha_fazla_popup .sol .list .hane span {

    cursor: pointer;
}

.daha_fazla_popup .sol .list .klan span:hover, .daha_fazla_popup .sol .list .hane span:hover {
    color: yellow;
}


.daha_fazla_popup .sol .list li:nth-of-type(1n+2) {
    margin-top: 5px;
}

.daha_fazla_popup .sol .list li span {
    float: right;
}

.daha_fazla_popup .sol .list .ozel {
    height: 140px;
    padding: 2px 0;
    max-height: 200px;
    overflow-y: auto;
    text-align: center;
}

.daha_fazla_popup .sol .list .ozel > span {
    float: unset;
    margin-left: 1px;
    margin-top: 5px;
}

.wt_basarim1 {
    border-color: #737373 !important;
}

.wt_basarim2 {
    border-color: #d0d0d0 !important;
}

.wt_basarim3 {
    border-color: #ffed00 !important;
}

.wt_basarim4 {
    border-color: #00ffde !important;
}


.wt_basarim {
    width: 40px;
    height: 40px;
    line-height: 30px;
    display: inline-block;
    border-radius: 100%;
    border: 4px solid;
    position: relative;
    box-shadow: inset -1px -4px 5px -1px black, 1px 3px 6px 0px black, 0px 0px 1px 2px #9E9E9E;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f8+0,dcdfe6+21,b9bfcd+49,dee2e6+80,f6f8f8+100 */
    background: #f6f8f8; /* Old browsers */
    background: -moz-linear-gradient(left, #f6f8f8 0%, #dcdfe6 21%, #b9bfcd 49%, #dee2e6 80%, #f6f8f8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f6f8f8 0%, #dcdfe6 21%, #b9bfcd 49%, #dee2e6 80%, #f6f8f8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f6f8f8 0%, #dcdfe6 21%, #b9bfcd 49%, #dee2e6 80%, #f6f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f8f8', endColorstr='#f6f8f8', GradientType=1); /* IE6-9 */
    text-align: center;
}

.wt_basarim img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    border-radius: 100%;
    opacity: 0.8;
}

.wt_basarim img:hover {
    opacity: 1;

}

.wt_basarim b {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 20px;
    color: #000000;
    font-weight: bold;
    font-size: 22px;
    border-radius: 100%;
    font-family: serif;
    text-align: center;
    height: max-content;
}

.daha_fazla_popup .sag {
    width: 380px;
    height: max-content;
    max-width: 100%;
    float: left;
    margin-left: 10px;
}

.daha_fazla_popup .sag .fazlasi {
    width: 100%;
    /*height: 80px;*/
}

.daha_fazla_popup .sag .mulkler {

    box-shadow: inset 0 0 5px black;
    border: 1px solid #80808038;
    padding: 10px 5px 0 5px;
}

.daha_fazla_popup .sag .mulkler ul {
    width: 100%;
    padding: 0;
    list-style: none;
    height: 401px;
    overflow-y: auto;
    position: relative;

}

.daha_fazla_popup .sag .mulkler ul li:nth-child(1) {
    margin-top: 15px;
}

.daha_fazla_popup .sag .mulkler ul li {
    border-radius: 15px 0 0 15px;
    height: 30px;
    background-color: #b3b5ac0a;
}

.daha_fazla_popup .sag .mulkler ul li:nth-child(2n+0) {
    background-color: #7680560a;
}

.daha_fazla_popup .sag .mulkler ul li span {
    color: #d2d0d0;
    height: 30px;
    display: inline-block;
    line-height: 30px;

}

.daha_fazla_popup .sag .mulkler .baslik {
    width: 100%;
    border-radius: 15px;
    text-align: center;
    height: 28px;
    line-height: 30px;
    margin-bottom: 15px;
    background-color: #3a312a;
    box-shadow: -1px 6px 3px -4px #0000007a, inset 0px 5px 4px -5px #ffffff;
    color: #e0e0e0;
}

.daha_fazla_popup .sag .mulkler ul li:nth-child(1n+2) {
    margin-top: 27px;
}

.daha_fazla_popup .header {
    background-color: #0000004d;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 24px;
    color: #efe2cb;
    padding: 2px 30px;
    box-shadow: 0px 5px 8px -2px black;
    text-align: center;
}

.daha_fazla_popup .header img {
    position: absolute;
    right: 0;
    width: 25px;
    margin: 5px;
    cursor: pointer;
}


.daha_fazla_popup .sag .mulkler ul li img {
    position: relative;
    object-fit: contain;
    width: 70px;
    float: left;
    height: 50px;
    margin-top: -15px;
}

.taktikler .taktik {
    width: 100%;
    height: 98px;
    background-color: #28201A;
    border: 1px solid;
    cursor: pointer;
}

.taktikler .taktik .ust {
    padding: 7px;
    height: 83px;

}

.taktikler .taktik .bar_alt {
    width: 100%;
    height: 13px;
    position: relative;
    background-color: #79797912;

}

.taktikler .taktik:hover {
    border-color: lawngreen;
}

.taktikler .taktik.active_green {
    border-color: lawngreen;

}

.taktikler .taktik .img_yeri {
    width: 72px;
    height: 72px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    float: left;
    position: relative;

}

.taktikler .taktik .img_yeri img {
    width: 70px;
}

.taktikler .taktik .etkisi {
    float: left;
    margin-left: 15px;
}

.taktikler .taktik .progress-bar {
    height: 13px;
    line-height: 13px;
    /* text-align: right; */
    font-weight: bold;
    color: black;
    position: absolute;
    font-size: 11px;
}

.taktikler .taktik .etkisi h5 {
    color: #DFB671;
    font-size: 14px;
}

.taktikler .taktik .etkisi ul {
    padding: 0;
}

.taktikler .taktik .etkisi li {
    color: #a2957e;
    font-size: 12px;
    float: left;
    list-style: none;

}

.taktikler .taktik .etkisi ul {
    padding: 0;
    height: 40px;
    margin: 0;
    line-height: 40px;
}

.taktikler .taktik .etkisi li:nth-child(1n+2) {
    margin-left: 5px;
    color: lawngreen;
}

.taktikler .taktik .etkisi li img {
    width: 20px;
}

.taktikler .taktik .etkisi li:first-child img {
    object-fit: contain;
    width: 30px;
    height: 40px;
}


.taktikler .taktik .avantaj_dezavantaj {
    float: right;
}

.taktikler .taktik .avantaj_dezavantaj ul {
    padding: 0;

}

.taktikler .taktik .avantaj_dezavantaj ul li {
    list-style: none;
    padding: 0;
    color: #ff1a1a;
}

.taktikler .taktik .avantaj_dezavantaj ul li img {
    width: 28px;
}

.taktikler .taktik .avantaj_dezavantaj ul li:nth-child(1) {
    margin-top: 5px;
    margin-bottom: 10px;
    color: lawngreen;
}


.taktikler_popup .ust_header div {
    float: right;
    cursor: pointer;
}

.taktikler_popup .taktikler {
    padding: 0 3px;
}

.taktikler_popup .taktikler .taktik:nth-child(1n+2) {
    margin-top: 10px;
}

.taktikler_popup .taktikler .taktik .active_control {
    box-shadow: yellow;
}

.mulk_kalesi_popup {
    width: 1000px;
    height: max-content;
}

.mulk_kalesi_popup .savunma_duzeni {
    background: center no-repeat;
    width: 626px;
    height: 295px;
    margin: 10px auto;
    float: none;
    border: 4px solid #000000a1;
    max-width: 100%;
    background-size: 641px;
    background-repeat: no-repeat;
    position: relative;
}


.mulk_kalesi_popup .savunma_duzeni .wt_taraf_gucleri {
    margin-top: 2px;
    margin-right: -25px;
}

.mulk_kalesi_popup .savunma_duzeni .kaydet {
    width: 100px;
    height: 25px;
    text-align: center;
    line-height: 16px;
    /* font-weight: bold; */
    position: absolute;
    right: 10px;
    bottom: 10px;
    color: #ffffff;
    border: 4px double #00000073;
    cursor: pointer;
}

.saldiri_duzenleme_popup {
    width: 780px;
    min-height: 61%;
    height: max-content;
    /*height küçülünce media query de max content yerine yüzdelik kullan*/
    padding-right: 5px;
    z-index: 580;

}

.saldiri_duzenleme_popup .saldiri_yonu_all {
    width: 575px;
    height: 310px;
    margin-left: 20px;
    float: left;
    border: 4px solid #000000a1;
    background-size: 641px;
    background-repeat: no-repeat;
}

.mulk_kalesi_popup .saldiri_yonu_all {
    background: url("img/savas/bg/koy.jpg") no-repeat center;

    width: 626px;
    height: 250px;
    margin: 10px auto;
    float: none;
    border: 4px solid #000000a1;
    max-width: 100%;

}

.wt_saldiri_duzenleme {
    width: 135px;
    height: 253px;
    margin: 18px 130px;
    display: none;

}

.wt_saldiri_duzenleme .duzen {
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 6px;
    background-color: #13100c7d;
    border: 3px double #212121ad;
    margin-top: 3px;
    cursor: pointer;
    position: relative;
}

.wt_saldiri_duzenleme .duzen:hover, .wt_saldiri_duzenleme .duzen_active {
    background-color: #13100cc2;
}

.wt_saldiri_duzenleme .duzen:nth-of-type(1) {
    margin-bottom: 20px;
}

.wt_saldiri_duzenleme .duzen:nth-of-type(4) {
    margin-top: 20px;
}

.wt_saldiri_duzenleme .duzen:nth-of-type(-n+4) {
    float: right;
    clear: both;
}

.wt_saldiri_duzenleme .duzen:nth-of-type(n+5) {
    position: relative;
    top: 77px;
}


.wt_saldiri_duzenleme .duzen .eklenen img {
    object-fit: contain;
    width: 43px;
    height: 43px;
}

.wt_saldiri_duzenleme .duzen .eklenen span {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: black;
    color: #cec189;
    font-size: 11px;
    padding: 0 2px;
}


.wt_savunma_duzenleme {
    float: right;
}

.wt_savunma_duzenleme .duzen:nth-of-type(-n+4) {

    float: left;
}

.wt_savunma_duzenleme .duzen:nth-of-type(n+5) {
    position: relative;
    float: right;
    top: -106px;
}

.wt_savunma_duzenleme .duzen .eklenen0 img, .popup_savunma_asker_duzen .asker0 img,
.wt_savunma_duzenleme .duzen .eklenen1 img, .popup_savunma_asker_duzen .asker1 img,
.wt_savunma_duzenleme .duzen .eklenen2 img, .popup_savunma_asker_duzen .asker2 img,
.wt_savunma_duzenleme .duzen .eklenen3 img, .popup_savunma_asker_duzen .asker3 img,
.wt_savunma_duzenleme .duzen .eklenen4 img, .popup_savunma_asker_duzen .asker4 img,
.wt_savunma_duzenleme .duzen .eklenen8 img, .popup_savunma_asker_duzen .asker8 img {
    transform: rotateY(180deg);
}

.wt_saldiri_duzenleme .duzen .eklenen5 img {
    transform: rotateY(180deg);
}

.mulk_kalesi_popup .saldiri_yonu.kale {
    width: 70%;
    height: 94%;
    margin: 0 auto;
}


.mulk_kalesi_popup .alt ul li p {

    background-color: #1c1711;
    height: 28px;
    line-height: 28px;
    margin-top: 10px;
}

.aciklama_standart_bg {
    width: 100%;
    height: max-content;
    padding: 5px 30px;
    font-size: 13px;
    color: wheat;
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38;
    background-color: #28201a;
    text-align: center;
}


.saldiri_duzenleme_popup .saldiri_yonu_text {
    text-align: center;
    position: absolute;
    padding: 10px 30px;
    display: inline-block;

    font-weight: bold;
    font-size: 14px;
    border-radius: 0 50% 50% 0px;
}

.saldiri_duzenleme_popup .saldiri_yonu {
    width: 330px;
    height: 260px;
    position: relative;
    margin: 0 auto;
}


.saldiri_yonu.kale {
    width: 380px;
    height: 280px;
    position: relative;

}

.saldiri_yonu ul {
    padding: 0;
}

.saldiri_yonu ul li {
    list-style: none;
    font-size: 28px;
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 25px;
    border: 6px double white;
    cursor: pointer;

}

.saldiri_yonu ul li span {
    font-weight: bold;
    position: relative;
    top: 23px;
    right: 45px;
    /* left: -48px; */
    font-size: 12px;
    width: 110px;
    display: block;
    text-align: center;

}

.saldiri_yonu ul li.active {
    background-color: #7d1d1d;

}

.saldiri_yonu ul li:hover {
    background-color: #7d1d1d;
}

.saldiri_yonu ul li._bir {
    left: 0;
    right: 0;
    margin: auto;


}

.saldiri_yonu ul li._uc {
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.saldiri_yonu ul li._iki {
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.saldiri_yonu ul li._dort {
    top: 0;
    bottom: 0;
    margin: auto;


}

.saldiri_duzenleme_popup .asker_secimi {
    width: 100%;
    border: 1px solid #51515178;
    margin-left: 2px;
    margin-top: 5px;
}

.saldiri_duzenleme_popup .asker_secimi .baslik_r1 {
    margin-top: 5px;
    padding: 5px 0;
}

.secili1_active {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2ff52+0,91e842+100;Neon */
    background: rgb(210, 255, 82); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(210, 255, 82, 1) 0%, rgba(145, 232, 66, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2ff52', endColorstr='#91e842', GradientType=0); /* IE6-9 */

}

.secili1_passive {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dddddd+0,d5d5d5+100 */
    background: rgb(221, 221, 221); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(221, 221, 221, 1) 0%, rgba(213, 213, 213, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(221, 221, 221, 1) 0%, rgba(213, 213, 213, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(221, 221, 221, 1) 0%, rgba(213, 213, 213, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#d5d5d5', GradientType=0); /* IE6-9 */

}

.secili1_passive:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
    background: #b4e391; /* Old browsers */
    background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #b4e391 0%, #61c419 50%, #b4e391 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b4e391', endColorstr='#b4e391', GradientType=0); /* IE6-9 */

}


.saldiri_duzenleme_popup .asker_secimi .asker {
    width: 100%;
    height: 61px;
    background-color: #28201A;
    border: 1px solid;
    cursor: pointer;
}

.saldiri_duzenleme_popup .asker_secimi .askerler .asker {
    margin-top: 7px;

}

.saldiri_duzenleme_popup .asker_secimi .askerler .asker .mobil {
    display: none;
}


.saldiri_duzenleme_popup .asker_secimi .asker .img_yeri {
    width: 57px;
    height: 57px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    float: left;
    position: relative;
    margin-top: -20px;

}

.saldiri_duzenleme_popup .asker_secimi .asker .img_yeri img {
    width: 57px;
    object-fit: contain;
    height: 54px;
}

.saldiri_duzenleme_popup .asker_secimi .asker input[type=range] {
    float: left;
    width: 405px;
    margin-left: 15px;
    margin-top: 9px;
}

.saldiri_duzenleme_popup .asker_secimi .asker .ust {
    background-color: #372d25;
    width: 100%;
    height: 20px;
    padding-left: 100px;
    color: #DFB671;
    font-size: 13px;
}

.saldiri_duzenleme_popup .asker_secimi .asker .gradiant_insaat_btn1 {
    width: 65px;
    height: 27px;
    text-align: center;
    line-height: 25px;
    margin-top: 5px;
    color: #2b241e;
    font-weight: bold;
    font-size: 15px;
    margin-right: 3px;
    float: left;
}

.saldiri_duzenleme_popup .asker_secimi .asker .gradiant_insaat_btn1:nth-of-type(0) {
    margin-left: 15px;
}

.saldiri_duzenleme_popup .asker_secimi .asker .art {
    margin-left: 10px;
}

.saldiri_duzenleme_popup .asker_secimi .asker .sayisi {
    margin-top: 5px;
    text-align: center;
    width: 65px;
    height: 27px;
    font-size: 16px;
    border: 2px solid #9E9E9E;

    background-color: #ffffeb;
}


.saldiri_duzenleme_popup .askerler {
    padding: 0 8px 5px 8px;
}


.saldiri_duzenleme_popup .onaylama_bolumu {
    padding: 10px 8px 0px 8px;
}

.saldiri_duzenleme_popup .onaylama_bolumu {
    width: 100%;
    height: 60px;
}

.saldiri_duzenleme_popup .onaylama_bolumu > div {
    float: right;
}

.saldiri_duzenleme_popup .onaylama_bolumu .stil1 {
    font-size: 13px;
    text-align: center;
    color: #e2e2e2;
    box-shadow: 0 2px 8px -2px #14100c;
    line-height: 40px;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    background-color: #28201a;
}

.saldiri_duzenleme_popup .onaylama_bolumu .hedef {
    width: 35%;
    height: 40px;
}

.saldiri_duzenleme_popup .onaylama_bolumu .sure {

    width: 35%;
    height: 40px;

}

.saldiri_duzenleme_popup .onaylama_bolumu .onur_maliyeti {
    width: 20%;
    height: 40px;
}

.saldiri_duzenleme_popup .onaylama_bolumu .onur_maliyeti img {
    margin-right: 5px;
    margin-top: -5px;

}


.saldiri_duzenleme_popup .onaylama_bolumu .hedef .yon {
    width: 30px;
    height: 13px;
    display: inline-block;
    border-left: 30px solid cornflowerblue;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;

    position: relative;
    top: 5px;
    margin-left: 5px;
    margin-right: 5px;
}


.saldiri_duzenleme_popup .onaylama_bolumu .stil1 img {
    width: 25px;
}

.saldiri_duzenleme_popup .onaylama_bolumu .onayla {
    width: 10%;
    height: 40px;
    border: 3px double #736230;
    line-height: 37px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;

    color: white;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1352f+0,a43830+27,a33931+45,a83630+73,9b3431+100 */
    background: rgb(161, 53, 47); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(161, 53, 47, 1) 0%, rgba(164, 56, 48, 1) 27%, rgba(163, 57, 49, 1) 45%, rgba(168, 54, 48, 1) 73%, rgba(155, 52, 49, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(161, 53, 47, 1) 0%, rgba(164, 56, 48, 1) 27%, rgba(163, 57, 49, 1) 45%, rgba(168, 54, 48, 1) 73%, rgba(155, 52, 49, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(161, 53, 47, 1) 0%, rgba(164, 56, 48, 1) 27%, rgba(163, 57, 49, 1) 45%, rgba(168, 54, 48, 1) 73%, rgba(155, 52, 49, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1352f', endColorstr='#9b3431', GradientType=0); /* IE6-9 */

}

.saldiri_duzenleme_popup .onaylama_bolumu .onayla:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b43b34+0,b73e35+27,b53f37+45,bb3c35+73,ad3b37+100 */
    background: rgb(180, 59, 52); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(180, 59, 52, 1) 0%, rgba(183, 62, 53, 1) 27%, rgba(181, 63, 55, 1) 45%, rgba(187, 60, 53, 1) 73%, rgba(173, 59, 55, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(180, 59, 52, 1) 0%, rgba(183, 62, 53, 1) 27%, rgba(181, 63, 55, 1) 45%, rgba(187, 60, 53, 1) 73%, rgba(173, 59, 55, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(180, 59, 52, 1) 0%, rgba(183, 62, 53, 1) 27%, rgba(181, 63, 55, 1) 45%, rgba(187, 60, 53, 1) 73%, rgba(173, 59, 55, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b43b34', endColorstr='#ad3b37', GradientType=0); /* IE6-9 */

}

.wt_onayla1 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1352f+0,a43830+27,a33931+45,a83630+73,9b3431+100 */
    background: rgb(161, 53, 47); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(161, 53, 47, 1) 0%, rgba(164, 56, 48, 1) 27%, rgba(163, 57, 49, 1) 45%, rgba(168, 54, 48, 1) 73%, rgba(155, 52, 49, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(161, 53, 47, 1) 0%, rgba(164, 56, 48, 1) 27%, rgba(163, 57, 49, 1) 45%, rgba(168, 54, 48, 1) 73%, rgba(155, 52, 49, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(161, 53, 47, 1) 0%, rgba(164, 56, 48, 1) 27%, rgba(163, 57, 49, 1) 45%, rgba(168, 54, 48, 1) 73%, rgba(155, 52, 49, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a1352f', endColorstr='#9b3431', GradientType=0); /* IE6-9 */

}

.wt_onayla1:hover {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b43b34+0,b73e35+27,b53f37+45,bb3c35+73,ad3b37+100 */
    background: rgb(180, 59, 52); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(180, 59, 52, 1) 0%, rgba(183, 62, 53, 1) 27%, rgba(181, 63, 55, 1) 45%, rgba(187, 60, 53, 1) 73%, rgba(173, 59, 55, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(180, 59, 52, 1) 0%, rgba(183, 62, 53, 1) 27%, rgba(181, 63, 55, 1) 45%, rgba(187, 60, 53, 1) 73%, rgba(173, 59, 55, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(180, 59, 52, 1) 0%, rgba(183, 62, 53, 1) 27%, rgba(181, 63, 55, 1) 45%, rgba(187, 60, 53, 1) 73%, rgba(173, 59, 55, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b43b34', endColorstr='#ad3b37', GradientType=0); /* IE6-9 */

}


.hareketler_popup {
    width: 920px;
}

.hareketler_popup .orta {
    margin-top: 5px;
    padding: 5px;
    overflow-y: auto;
    max-height: 657px;
}

.hareketler_popup .orta .birlik_hareketleri {
    width: 100%;
    max-height: 86%;
    overflow-y: auto;
}

.hareketler_popup .orta .hrk {
    width: 100%;
    min-height: 40px;
    background-color: #2f261f;
    color: #efda3c;
    border-bottom: 1px solid #7575752e;
    display: flex;

}

.hareketler_popup .orta .hrk > div {
    float: left;
    width: 21.75%;
    min-height: 40px;
    height: max-content;
    line-height: 40px;
    font-size: 13px;
    text-align: center;

}

.hareketler_popup .orta .hrk > div .detay {
    cursor: pointer;
}

.hareketler_popup .orta .hrk > div .detay img {
    width: 22px;
}

.hareketler_popup .orta .hrk > div .geri_cek {
    color: red;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    cursor: pointer;
}

.hareketler_popup .orta .hrk > div .geri_cek:hover {
    color: yellow;
}

.hareketler_popup .orta .birlik_hareketleri .hrk > div.baslangic {
    line-height: 21px;
}


.hareketler_popup .orta .hrk_baslik .img_yeri {
    width: 12%;

}

.hareketler_popup .orta .birlik_hareketleri .hrk .img_yeri {
    width: 12%;

    padding: 5px;
}


.hareketler_popup .orta .hrk .img_yeri > div {
    line-height: 20px;
    border-radius: 100%;
    padding: 6px;
    text-align: center;
    width: 30px;
    height: 30px;
}

.hareketler_popup .orta .hrk .img_yeri img {
    width: 100%;
}

.hareketler_popup .orta .hrk_baslik {
    height: 30px;
    background-color: #44382f;
    color: whitesmoke;
    border-bottom: 1px solid #80808036;
}

.hareketler_popup .orta .hrk_baslik div {
    height: 30px;
    line-height: 30px;
}


.hareketler_popup .orta .birlik_hareketleri .hrk .durum {
    line-height: 1;
    padding-top: 7px;
    position: relative;
}

.hareketler_popup .orta .hrk .durum i {
    font-style: normal;

}

.hareketler_popup .orta .hrk .durum span {
    color: grey;
    font-size: 12px;
}

.savas_sonucu .hepsi > div {
    width: 203px;
    height: max-content;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
    margin-right: 10px;
    position: relative;

}

.savas_sonucu .hepsi > .orta {
    width: 272px;
}

.savas_sonucu .hepsi > .sag {
    float: right;
}


.rapor_oyuncu_tipi > div {
    margin: 0 auto;
}

.savas_sonucu .border {
    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
}

.savas_sonucu .bg_align {
    text-align: center;
    color: #e2e2e2;
    background-color: #28201a;
}

.savas_sonucu .bg_transp {
    background-color: #28201a8f;

}

.savas_sonucu .savas_duzeni {

    /*background: url(https://localhost/yeni_oyun/public/img/savas/bg/koy2.jpg) center no-repeat;*/
    width: 626px;
    height: 220px;
    margin: 5px auto;
    float: none;
    border: 4px solid #000000a1;
    max-width: 100%;
    background-size: 641px;
    position: relative;
    padding: 0 100px;
}

.savas_sonucu .savas_duzeni .duzen {
    cursor: inherit;
}

.rapor_oyuncu_tipi {
    width: 203px;
    position: relative;
}

.rapor_oyuncu_tipi > .isim {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: center;
    color: #e2e2e2;
    background-color: #28201a;
    position: relative;

}

.rapor_oyuncu_tipi > .isim span {
    font-size: 11px;
    margin-left: 3px;
}

.rapor_oyuncu_tipi > .isim img {
    width: 25px;
    position: absolute;
    right: 4px;
    top: 2px;
}

.rapor_oyuncu_tipi > .isim img {
    left: 4px;
}

.savas_sonucu .hepsi > .sag .rapor_oyuncu_tipi .img_yeri img {
    transform: rotateY(150deg);
}

.rapor_oyuncu_tipi .img_yeri {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-top: 11px;
    margin-bottom: 11px;
    background-color: #211d18;
    box-shadow: 0 0 0px 8px #14100c, 0 0 0px 9px #33323278;
}

.rapor_oyuncu_tipi .saldiran_bayrak, .rapor_oyuncu_tipi .savunan_bayrak {
    width: 40px;
    position: absolute;


}

.rapor_oyuncu_tipi .saldiran_bayrak {
    right: 0;
    top: 40px;
}

.rapor_oyuncu_tipi .savunan_bayrak {
    left: 0;
    top: 40px;
}


.rapor_oyuncu_tipi .img_yeri .kale, .rapor_oyuncu_tipi .img_yeri .sehir {
}

.rapor_oyuncu_tipi .img_yeri img.kale, .rapor_oyuncu_tipi .img_yeri img.sehir {
    margin-top: 12px;

}

.rapor_oyuncu_tipi .img_yeri img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 100%;

}

.savas_sonucu .hepsi .oyuncu .askerler {
    width: 100%;
    margin-top: 2px;
    padding: 5px;
    float: left;
}


.savas_sonucu .hepsi .oyuncu .askerler .asker {
    border: 1px solid #80808040;
    background-color: #1c1711;
    width: 100%;
    margin-left: 1px;
    margin-top: 1px;
    text-align: center;
    color: #dcdcdc;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
}

.savas_sonucu .hepsi .oyuncu .askerler .asker:nth-of-type(1n+2) {
    border-top: none;
}

.savas_sonucu .hepsi .oyuncu .askerler .asker > div {
    float: left;
    width: 63px;
    height: 35px;
    line-height: 35px;
}

.savas_sonucu .hepsi > .sol .oyuncu .askerler .asker5 > div img {
    transform: rotateY(150deg);

}

.savas_sonucu .hepsi > .sag .oyuncu .askerler .asker5 > div img {
    transform: inherit !important;
}

.savas_sonucu .hepsi > .sag .oyuncu .askerler .asker > div img {
    transform: rotateY(150deg);
}

.savas_sonucu .hepsi .oyuncu .askerler .asker .orta {
    border-left: 1px solid #80808040;
    border-right: 1px solid #80808040;
}

.savas_sonucu .hepsi .oyuncu .askerler .asker .sag {

}

.savas_sonucu .hepsi .oyuncu .askerler .asker img {
    width: 27px;
    object-fit: contain;
    height: 26px;
}

.savas_sonucu .hepsi .oyuncu .askerler .baslik {
    height: 30px !important;;
    color: rgba(188, 170, 118, 1);
}

.savas_sonucu .hepsi .oyuncu .askerler .baslik div {
    line-height: 30px !important;

}

.savas_sonucu .hepsi .oyuncu .askerler .baslik > div {
    height: 100%;
}


.savas_sonucu .hepsi .oyuncu .yon_taktik {
    margin-top: 2px;
    margin-bottom: 2px;
    color: #e2e2e2;
    width: 96px;
    height: 22px;
    float: left;
    line-height: 22px;
    font-size: 12px;
}

.savas_sonucu .hepsi .oyuncu .yon_taktik_baslik {
    font-size: 12px;
    color: #e2e2e2;
    line-height: 18px;
    float: left;
    width: 100%;
}

.savas_sonucu .hepsi .oyuncu .yon_taktik:nth-last-of-type(1) {
    margin-left: 10px;
}


.savas_sonucu .hepsi .orta .rapor {
    margin-top: 2px;
    height: auto;
    padding: 0 5px 1px 5px;
    text-align: center;

}

.savas_sonucu .hepsi .orta .rapor p {
    color: white;
    font-size: 12px;
    display: inline-block;
    margin-top: 5px;
    background-color: black;
    padding: 5px;
    border-radius: 9px;
}

.savas_sonucu .hepsi .orta .rapor p b {
    color: orange;
}

.savas_sonucu .hepsi .orta .rapor .kisi {
    width: 100%;
    height: 30px;
    line-height: 30px;
    float: left;
    padding: 0;
    margin: 0;
    color: whitesmoke;
    font-size: 12px;
}

.savas_sonucu .hepsi .orta .rapor .baslik {
    border-bottom: 1px solid #80808054;
}

.savas_sonucu .hepsi .orta .rapor .saldiran {
    margin-bottom: 1px;
}

.savas_sonucu .hepsi .orta .rapor .kisi li {
    float: left;
    list-style: none;
    width: 65px;
    height: 100%;
}

.savas_sonucu .hepsi .orta .kaz_baslik {
    margin-bottom: 2px;
}

.savas_sonucu .hepsi .orta .kazanilan {
    height: auto;
    padding: 5px;
    color: white;
    text-align: center;
}

.savas_sonucu .hepsi .orta .kazanilan p {
    margin: 0;
    font-size: 12px;
}

.savas_sonucu .hepsi .orta .kazanilan .malzeme {
    background-color: #000000ad;
    padding: 2px 9px;
    border-radius: 15px;
    display: inline-block;
    font-size: 14px;
    color: whitesmoke;
    margin-bottom: 4px;
    min-width: 69px;
    text-align: center;

}

.savas_sonucu .hepsi .orta .kazanilan .malzeme img {
    width: 22px;
    float: right;
    height: 22px;
    object-fit: contain;
    margin-left: 2px;
}

.mulklerim {
    background-color: #252425;
    width: 250px;
    height: 31px;
    position: fixed;
    top: 1px;
    left: 0;
    right: 0;
    margin: 57px auto;
    z-index: 436;
    text-align: center;
    border-radius: 0 0 90px 90px;
    border: 1px solid grey;
    border-top: 1px solid #252425;

}

.mulklerim ul {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    color: white;
    line-height: 30px;
}

.mulklerim ul li {
    float: left;
    list-style: none;

}

.mulklerim ul li.orta {
    width: 70%;
    font-size: 13px;
}

.mulklerim ul li.orta > span {
    cursor: pointer;
}

.mulklerim ul li.orta > span:hover {
    color: orange;
}

.mulklerim ul li.sol {
    text-align: right !important;
}

.mulklerim ul li.sol, .mulklerim ul li.sag {
    width: 15%;
    font-size: 22px;
    color: #d3c89a;
    text-align: left;
}

.mulklerim ul li.sol i:hover, .mulklerim ul li.sag i:hover {
    color: #dab92d;
    cursor: pointer;
}


.fethedilen_mulkler_popup .orta {
    overflow-x: hidden;
    max-height: 660px;
}

.fethedilen_mulkler_popup .wt_uye {
    height: auto;
    border: 1px solid #b5b5b526;
    margin-left: 5px;
    margin-top: 5px;

}


.fethedilen_mulkler_popup .wt_uye > .sag img {
    width: 52px;
    margin-top: 8px;
}

.fethedilen_mulkler_popup .wt_uye > .ust {
    width: 100%;
    height: 20px;
    text-align: center;
    color: #efda3c;
    border-bottom: 1px solid #403b36;

}


.fethedilen_mulkler_popup .wt_uye .sol .ust {
    width: 100%;
    height: 48px;
    padding: 2px;

}

.fethedilen_mulkler_popup .wt_uye .sol .alt {
    width: 100%;
    height: 24px;
    border-top: 1px solid #403b36;
}

.fethedilen_mulkler_popup .wt_uye .sol .alt i {
    font-size: 18px;
    animation: 1000ms wt_uye_i_anim infinite;
    border-bottom: 1px solid;
}

.fethedilen_mulkler_popup .wt_uye .sol .alt i:hover {
    color: #efda3c;
    cursor: pointer;
}

@keyframes wt_uye_i_anim {
    50% {
        color: #efda3c;
    }
}

.fethedilen_mulkler_popup .wt_uye .klan_uyeleri {
    display: none;
    width: 100%;
    border-top: 1px solid #b5b5b526;
    padding-bottom: 5px;
    clear: both;
}

.fethedilen_mulkler_popup .wt_uye .klan_uyeleri ul {
    margin: 0;
    padding: 0;
    text-align: left;
}

.fethedilen_mulkler_popup .wt_uye .klan_uyeleri ul li {
    list-style: none;
    font-size: 12px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
}

.fethedilen_mulkler_popup .wt_uye .klan_uyeleri ul li div {
    float: left;
}

.fethedilen_mulkler_popup .wt_uye .klan_uyeleri ul li div.isim:hover {
    color: yellow;
    cursor: pointer;
}

.fethedilen_mulkler_popup .wt_uye .klan_uyeleri ul li div.isim span {
    font-size: 11px;
    color: grey;
}


.fethedilen_mulkler_popup .wt_uye .klan_uyeleri ul li div.info i:hover {
    color: #efda3c;
    cursor: pointer;
}

.fethedilen_mulkler_popup .wt_uye .klan_uyeleri ul li div.buton {
    color: #2b241e;
    font-weight: bold;
    font-size: 13px;
    text-align: center;
    float: right;
    padding: 0 5px;
}

.kordinat_git:hover {
    cursor: pointer;
    color: dodgerblue !important;
}

.ekonomi_popup .orta {
    width: 100%;
    overflow-y: auto;
    margin: 5px auto;
}

.ekonomi_popup .orta > div {
    float: left;
    text-align: center;
    margin-left: 10px;
}

.ekonomi_popup .orta > div > .header {
    color: white;
}


.ekonomi_popup .gelir_gider {
    width: 350px;
    border: 1px solid #b5b5b526;
    float: left;

}

.ekonomi_popup .gelir_gider_toplam .baslik li div.isim {
    width: 100%;
    text-align: center;
}


.ekonomi_popup .gelir_gider .baslik {
}

.ekonomi_popup .gelir_gider .baslik li {
    background-color: #181310;
    height: 33px;


}

.ekonomi_popup .gelir_gider .baslik li div {
    line-height: 33px;
    font-weight: bold;
}


.ekonomi_popup .gelir_gider ul {
    padding: 0;
    margin: 0;
}

.ekonomi_popup .gelir_gider ul:nth-child(2) {
    width: 100%;
    height: auto;
    max-height: 250px;
    overflow-y: auto;
}


.ekonomi_popup .gelir_gider ul li {
    float: left;
    list-style: none;
    width: 100%;
    font: normal 12px Arial, Helvetica, sans-serif;
    background-color: #28201a96;


}

.ekonomi_popup .gelir_gider ul:nth-child(2) li:nth-child(2n+1) {

    background-color: #28201a;

}


.ekonomi_popup .gelir_gider ul li div {
    width: 105px;
    height: 28px;
    line-height: 32px;

    float: left;
    text-align: center;
    color: #e2e2e2;
}

.ekonomi_popup .gelir_gider ul li div.isim {
    width: 130px;
    text-align: left;
    padding-left: 10px;

}

.ekonomi_popup .gelir_gider ul li div.isim span {
    color: grey;
    font-size: 11px;
}

.ekonomi_popup .gelir_gider ul li div.vergi3 {
    width: 220px;
}

.ekonomi_popup .gelir_gider ul li div.vergi1 {
    color: yellowgreen;
}

.ekonomi_popup .gelir_gider ul li div.vergi2, .ekonomi_popup .gelir_gider ul li div.vergi3 {
    color: red;
}

.ekonomi_popup .alt {


}

.ekonomi_popup .alt .gelir_gider_toplam ul li {
    height: 30px;
}

.ekonomi_popup .gelir_gider_toplam {
    height: auto;
    clear: both;
    float: unset;

}

.ekonomi_popup .gelir_gider_toplam ul {
    overflow: hidden !important;
    height: auto !important;
}

.ekonomi_popup .gelir_gider_toplam .gelir_hesap .vergi3 {
    color: yellowgreen;
}


.ekonomi_popup .alt .gelir_gider_saatlik_toplam {
    width: 274px;
    margin-left: 5px;
}


.ekonomi_popup .orta > .baslik > div {
    float: left;
    text-align: center;
    color: white;
}

.ekonomi_popup .orta > .baslik > .sol {
    width: 403px;
}

.ekonomi_popup .orta > .baslik > .sag {
    width: 274px;
    margin-left: 5px;
}

.ekonomi_popup .toplam_hesaplama {
    float: right;
}

.avatar_body {
    background: url("img/profil_bg.jpg") center no-repeat;
    background-attachment: fixed;
}

.basla_body {
    background: url("img/profil_bg.jpg") center no-repeat;
    width: 1920px;
    height: 1080px;
}

.profil_bilgileri {
    width: 724px;
    height: 690px;
    position: absolute;
}

.profil_bilgileri .orta {
    padding: 30px;
    color: #f5f5f5;
    max-height: 690px;
    overflow-y: auto;
}

.profil_bilgileri .orta p {
    font-size: 17px;
    color: #f5f5f5cc;
    font-family: monospace;

}

.profil_bilgileri .header {
    text-align: left;
}

.profil_bilgileri .ust {
    width: 100%;
    height: 200px;

}

.profil_bilgileri .ust > div {
    float: left;
}

.profil_bilgileri .orta .ust .isim_yeri {
    width: 280px;
    margin-top: 60px;
}

.profil_bilgileri .orta .ust .isim_yeri span {
    color: grey;
    font-size: 11px;
}

.profil_bilgileri .orta .ust .isim_yeri label {
    display: block;
    text-align: left;
    font-size: 22px;
}

.profil_bilgileri .orta .ust .isim_yeri input {
    width: 100%;
    line-height: 29px;
    height: 29px;
    outline-width: 0;
    padding: 0 5px;
    border: 2px solid #77717194;
    background-color: #14100c;

}

.profil_bilgileri .orta .ust .isim_yeri input:hover {
    border-color: yellow;
}


.profil_bilgileri .ust .profil_yeri {
    width: 380px;
    height: auto;
    margin-top: 20px;

}


.profil_bilgileri .ust .profil_yeri .img_yeri {
    width: 135px;
    height: 145px;
    background-color: #14100c;
    margin-left: 135px;
    border: 2px solid #77717194;
    border-radius: 5px;
    text-align: center;
    font-size: 95px;
    cursor: pointer;
    float: left;
}

.profil_bilgileri .ust .profil_yeri .img_yeri:hover {
    border-color: yellow;
}


.profil_bilgileri .ust .profil_yeri .img_yeri img {
    width: 100%;
    border-radius: 5px;
}


.profil_bilgileri .ust .profil_yeri .bayrak_img {
    width: 72px;
    height: 93px;
    line-height: 93px;
    float: left;
    margin-left: 10px;
    font-size: 46px;
    margin-top: 30px;
    text-align: center;

}

.profil_bilgileri .ust .profil_yeri .bayrak_img img {
    width: 69px;
}

.profil_bilgileri .alert_pb_border {
    border: 2px solid red !important;
}

/*.profil_bilgileri .alert_pb_color {*/
/*color: red !important;*/
/*}*/
.alert_pb_color {
    color: red !important;

}

.profil_bilgileri .alt {
    width: 100%;
    height: 350px;
}

.profil_bilgileri .alt .bayraklar {
    width: 100%;
    height: auto;
    max-height: 280px;
    overflow-y: auto;
    border: 1px solid #313131;

    padding-top: 13px;
    padding-left: 7px;

}

.profil_bilgileri .alt .bayraklar img {
    width: 69px;
    height: 93px;
    float: left;
    margin: 1px;
    cursor: pointer;
}

.profil_bilgileri .alt .bayraklar img:hover {
    border: 1px solid yellow;
}

.profil_bilgileri .karar {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 50px;
    padding-top: 10px;
}

.profil_bilgileri .karar .onayla_btn {
    width: 190px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    font-weight: bold;
    color: black;

}

.avatar_imgler {
    padding: 5px;
    display: none;
}

.avatar_imgler img {
    width: 132px;
    height: 132px;
    object-fit: contain;
    background-color: #14100c;
    border: 1px solid #b5b5b526;
    border-radius: 5px;
    text-align: center;
    font-size: 95px;
    cursor: pointer;
    margin: 3px;
}

.avatar_imgler img:hover {
    border-color: yellow;
}

.bilgilendirme_popup {
    width: 560px;
    height: 280px;
    border: 3px double #8477774d;
    box-shadow: 0 0 0px 1px black, 0 0 10px 2px black;
    border-radius: 10px;
    padding: 10px;
    color: #ffffffa6;


}

.bilgilendirme_popup .buton {
    width: 200px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-weight: bold;
    color: #171414;
    border-radius: 35px;
    margin: 10px auto;
    max-width: 100%;
}

.ayarlar {
    width: 175px;
    cursor: initial;
    height: max-content;
}

.ayarlar .orta {
    margin-top: 0;
    padding: 5px;
}

.ayarlar li {
    cursor: pointer;
    color: #000000;
    border-top: 1px solid #525252;
    font-weight: bold;
    font-size: 13px;
    font-family: sans-serif;
    padding: 3px 13px;
    border-radius: 9px;
    margin-top: 5px;
    list-style: none;
}


.hesabim_popup {
    width: 600px;
    height: 380px;
    color: #ddd;

}

.hesabim_popup .hepsi {
    padding: 0px 30px;
}

.hesabim_popup .hepsi .orta > div {
    display: none;
}

.hesabim_popup .orta {
    margin-top: 0;
    width: 100%;
    height: 300px;
    border: 1px solid #ffffff30;
    border-top: none;
    max-width: 100%;
}

.hesabim_popup .hepsi .orta > div p {
    display: inline-block;
    font-size: 12px;
    font-family: sans-serif;
    max-width: 100%;
}

.hesabim_popup .hepsi .orta .standart_odun_btn {

    width: 100px;
    height: 30px;
    line-height: 0px;
}

.hesabim_popup .baslik {
    margin-top: 10px;
    height: 30px;
    border-bottom: 1px solid #ffffff30;

}

.hesabim_popup .baslik li {
    float: left;
    list-style: none;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ffffff30;

    border-bottom: none;
    color: #b5b5b5;
    cursor: pointer;
    margin-left: 5px;
}

.hesabim_popup .baslik li:first-child {
    margin-left: 20px;
}

.hesabim_popup .baslik li.active, .hesabim_popup .baslik li:hover {
    border-bottom: 1px solid #1C1711;
    color: #ffffffd1;

}

.hesabim_popup .hepsi .orta > .sifre_degis {
    /*padding-top: 45px;*/
    width: 230px;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.hesabim_popup .orta .sifre_degis p {
    margin-top: 15px;
    display: inline-block;
}

.hesabim_popup .orta .sifre_degis input {
    width: 220px;
    padding: 5px;
    margin-top: 10px;
    height: 29px;
    max-width: 100%;

}

.hesabim_popup .orta .sifre_degis input:first-child {
    background-color: red;
}


.hesabim_popup input.standart_bg_btn {
    line-height: 20px;
    padding: 0;
    border: none;
    color: black;
}

.hesabim_popup .orta .tatil_modu p {
    width: 470px;
    margin-top: 15px;
}

.hesabim_popup .orta .tatil_modu .standart_odun_btn {
    display: block;
    margin: 0 auto;
}

.hesabim_popup .hepsi .orta > .cinsiyet p {
    width: 470px;
    margin-top: 15px;
}

.hesabim_popup .hepsi .orta > .cinsiyet .cinsiyet_degistir input {
    width: max-content;
}


.eposta_ayari {
    width: 250px;
    margin: 0 auto;
    max-width: 100%;

}


.eposta_ayari input {
    width: 220px;
    padding: 5px;
    margin-top: 10px;
    height: 29px;
    max-width: 100%;
}

.eposta_ayari p {
    margin-top: 15px;
}

.eposta_ayari > p.onay_durumu {
    width: 220px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: white;

}

.eposta_ayari > p.onaysiz {

    background-color: #9e0c0c;

}

.eposta_ayari > p.onayli {
    background-color: #0c329e;
}

.eposta_ayari .eposta_gonder {
    margin-top: 65px;
}

.eposta_ayari .eposta_gonder input {
    display: block;
    margin: 0 auto;
}

.eposta_ayari .eposta_gonder p {

    margin: 0;
}

.koy_ismi_popup {
    width: 400px;
    height: 160px;

}

.koy_ismi_popup .orta ul {
    padding: 0;

}

.koy_ismi_popup .orta ul li {
    list-style: none;
    padding: 0 40px;
    line-height: 24px;
    margin-top: 15px;

}

.koy_ismi_popup .orta ul li .sesi_kapat {
    height: 15px;
}


.koy_ismi_popup .orta ul li label {
    float: left;
    font-weight: 100;
    color: #d6d6d6;
    width: 100px;
    text-align: left;
}

.koy_ismi_popup .orta ul li input {
    width: 60%;
    height: 24px;

    padding-left: 5px;
}

.koy_ismi_popup .orta ul li input.pasif {
    background-color: #28201a;
    border: 2px solid #3d3631;
    opacity: 0.75;
}

.koy_ismi_popup .orta .standart_bg_btn {
    width: 100px;
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.koy_ismi_popup p {
    margin: 0;
    color: red;
    font-size: 12px;
    margin-top: 5px;
    text-align: center;
}


.global_hover {
    cursor: pointer !important;

}

.ses_ayarlari {
    height: 220px;
}

.ses_ayarlari .orta ul li input {
    padding-left: 0;
}

.genel_ayarlar {
    height: 310px;
}

.genel_ayarlar .orta ul li {
    display: flex;
    margin-top: 0;
}

.genel_ayarlar .orta ul li label {
    width: 100%;
}


.global_info_popup {
    max-width: 300px;
    min-width: 212px;
    z-index: 555555555;
    font-size: 12px;
    padding: 2px 10px;
    position: absolute;
    background-color: #ffffff;
    border: 1px solid #00000075;
    box-shadow: inset 0px 14px 60px -50px #000000;


}

.global_info_popup .baslik {
    color: blue;

}

.global_info_popup ul {
    padding: 0;
    margin: 0;
}

.global_info_popup ul li {
    list-style: none;
    text-align: left;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    width: 100%;
}

.global_info_popup ul li span {
    float: right;
}

.global_chat {
    background-color: #130c05f2;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 430px;
    max-width: 100%;
    height: 450px;
    border: 1px solid #ffffff66;
}

.global_chat .ust {
    width: 100%;
    text-align: center;
    font-size: 17px;
    color: wheat;
    height: 40px;
    line-height: 38px;
    font-family: 'Gayathri', sans-serif;
    padding: 0 0;
    margin-top: 3px;
}

.global_chat .ust > span {
    width: 49%;
    display: inline-block;
    text-align: center;
    height: 31px;
    vertical-align: middle;
    font-size: 16px;
}

.global_chat .ust > span.active, .global_chat .ust > span:hover {
    background-color: #efe8ce08;
    cursor: pointer;
    border: 1px solid #fff7000d;
}

.global_chat .ust .kapat {
    border-radius: 100%;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 17px;
    line-height: 27px;
    position: absolute;
    right: -11px;
    cursor: pointer;
    top: -10px;
}

.global_chat .ust .kapat:hover {
    background-color: antiquewhite;
}

.global_chat .kategori {
    margin-top: -10px;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #333333;
    display: flex;
}

.global_chat .kategori > div {
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    font-family: sans-serif;
    color: #b1b1b1a1;
    cursor: pointer;

}

.global_chat .kategori > div.active, .global_chat .kategori > div:hover {
    color: #efda3ce8;
    box-shadow: inset 0 -22px 9px -24px #efda3c;
}


.global_chat .sohbet {
    width: 100%;
    height: 300px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    word-break: break-all;
    display: none;
}

.global_chat .sohbet.active {
    display: block;
}

.global_chat .alt {
    /*background-color: red;*/
    /*width: 100%;*/

    padding: 5px 10px;
    border-top: 1px solid #333333;

}

.global_chat .alt input {
    float: left;
    width: 300px;
    height: 35px;
    outline: none;
    padding-left: 5px;

}

.global_chat .alt input:focus {


    border: 1px solid #ffff0026;
}

.global_chat .alt .buton {
    width: 90px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: black;
    float: right;
}

.global_chat.active {
    height: 65px;
}

.global_chat .sohbet .karsi_taraf {
    width: 100%;
    height: auto;
    /*background-color: red;*/
    float: left;
}

.global_chat .sohbet .karsi_taraf img {
    margin-top: 5px;
    width: 50px;
    height: 50px;
    object-fit: contain;
    border-radius: 100%;
    border: 2px solid white;
    background-color: #080705;
    float: left;
    box-shadow: inset 0 0 10px black;
}

.global_chat .sohbet .karsi_taraf .karsi {
    float: left;
    width: 350px;
    max-width: 100%;
    height: auto;
    min-height: 45px;
    margin-left: 15px;
    margin-top: 11px;
    position: relative;
    background: #EFE8CE;
    border-radius: 0 5px 5px 5px;
    padding: 10px;
}

.global_chat .sohbet .karsi_taraf .karsi:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0px 8px 8px 0;
    border-color: transparent #EFE8CE;
    display: block;
    width: 0;
    z-index: 1;
    left: -8px;
    top: 0px;
}

.global_chat .sohbet .karsi_taraf .karsi .isim {
    display: inline;
    color: #060f52;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.global_chat .sohbet .karsi_taraf .karsi .isim:hover {
    text-decoration: underline;
}

.chat_pre {
    background: #f5f5f5 !important
}

.chat_pre .isim {
    color: #750a84 !important
}

.global_chat .sohbet .karsi_taraf .karsi p {
    font-size: 13px;
    font-family: sans-serif;
    margin: 0;
    word-break: break-word;

}

.global_chat .sohbet .karsi_taraf .karsi p .raporla {
    float: right;
    width: max-content;
    padding: 0px 3px;
    border-radius: 5px;
    background-color: #d7cb94;
    box-shadow: 0 0 3px #16120696;
}

.global_chat .sohbet .karsi_taraf .karsi p .raporla:hover {
    background-color: #d2bc5b;
    cursor: pointer;
}

.global_chat .sohbet .karsi_taraf .karsi .tarih {
    float: right;
    font-size: 11px;
    color: grey;
}

.global_chat .sohbet .karsi_taraf .karsi p span.saldiran_b {
    color: green;
    font-weight: bold;
}

.global_chat .sohbet .karsi_taraf .karsi p span.savunan_b {
    color: red;
    font-weight: bold;
}

.global_chat .sohbet .gonderen {
    float: left;
    width: 380px;
    height: auto;
    min-height: 40px;
    margin-left: 10px;
    margin-top: 11px;
    position: relative;
    background: #e2d192;
    border-radius: 5px 5px 0px 5px;
    padding: 10px;
    font-size: 13px;
    font-family: sans-serif;
}

.global_chat .sohbet .gonderen:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 0px 0px 8px;
    border-color: transparent #e2d192;
    display: block;
    width: 0;
    z-index: 1;
    right: -8px;
    bottom: 0;
}

.global_chat .sohbet .gonderen p {
    margin: 0;
    word-break: break-word;
    color: black;
}

.global_chat > .orta {
    display: none;
}

.global_chat > .active {
    display: block;
}

.global_chat .haberler hr {
    border: 1px solid #3333334d;
    margin: 0;
}

.kale_sehir_askerleri_popup {
    width: 470px !important;
    height: max-content !important;
    min-height: unset !important;
    padding-bottom: 10px;


}


.kale_sehir_askerleri_popup .askerler {
    padding: 0 10px;
}

.kale_sehir_askerleri_popup .askerler .asker {
    width: 100%;
    height: 64px;
    background-color: #28201A;
    border: 1px solid #8080802b;
    margin-top: 5px;
    float: left;
}

.kale_sehir_askerleri_popup .askerler .asker .baslik {
    background-color: #372d25;
    width: 100%;
    height: 25px;
    line-height: 25px;
    padding-left: 100px;
    color: #DFB671;
    font-size: 13px;
    text-align: left;
}


.kale_sehir_askerleri_popup .askerler .asker .baslik .kuvvetler {
    width: 135px;
    height: 25px;
    float: right;

}

.kale_sehir_askerleri_popup .askerler .asker .baslik .kuvvetler .kuvvet {
    width: 60px;
    height: 25px;
    float: left;
    margin-left: 5px;
    color: #efda3c;
}

.kale_sehir_askerleri_popup .askerler .asker .baslik .kuvvetler .kuvvet img {
    width: 22px;
    float: left;
}

.kale_sehir_askerleri_popup .askerler .asker .baslik .kuvvetler .kuvvet span {
    float: left;
    margin-left: 3px;
}


.kale_sehir_askerleri_popup .askerler .asker .img_yeri {
    width: 55px;
    height: 55px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    float: left;
    position: relative;
    top: -30px;
    margin: 8px;

}

.kale_sehir_askerleri_popup .askerler .asker .img_yeri img {
    width: 50px;
    object-fit: contain;
    height: 55px;
}

.kale_sehir_askerleri_popup .askerler .asker .icerik {
    width: 370px;
    float: left;

}

.kale_sehir_askerleri_popup .askerler .asker .icerik .asker_sayisi {
    font-size: 14px;
    color: wheat;
    text-align: left;
    margin-left: 25px;
    float: left;
    margin-top: 10px;
}


.kale_sehir_askerleri_popup .askerler .asker .icerik .asker_sayisi img {
    width: 22px;
    margin-top: -3px;

}


.kale_sehir_askerleri_popup .askerler .asker .icerik .asker_al_btn {
    width: auto;
    height: 24px;
    padding: 0px 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 24px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    float: right;
    margin-top: 7px;
    margin-right: 5px;
}


.yeni_mesajlar_popup .orta {
    padding: 5px;
    height: 620px;
    overflow-y: auto;
    border-bottom: 1px solid #251e1a;
}

.yeni_mesajlar_popup .alt .toplu_mesaj_olustur {
    background-color: #d3c89a;
    width: 150px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
    margin-top: 8px;
    margin-right: 8px;
    font-weight: 600;
    color: #000000d9;
}


.yeni_mesajlar_popup .sol .baslik {
    width: 100%;

    text-align: center;

    font-weight: bold;
}


.yeni_mesajlar_popup .icerik_g, .acilmis_konu .icerik_g, .yeni_mesaj_yaz_popup .icerik_g {
    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    /*border-bottom: transparent;*/
    border-bottom: 1px solid #b5b5b503;
}

.yeni_mesajlar_popup .baslik_g, .acilmis_konu .baslik_g, .yeni_mesaj_yaz_popup .baslik_g {
    box-shadow: 1px 1px 1px -1px black;
    border: 1px solid #ffffff0d;
    background-color: #251e1a;
    font-size: 13px;
    color: #e2e2e2;
    height: 20px;
    line-height: 20px;
}

.yeni_mesajlar_popup .sol ul {
    padding: 0;
    margin: 3px 0px;
}

.yeni_mesajlar_popup .sol ul li {
    list-style: none;
    height: 20px;
    line-height: 20px;
    text-align: left;
    cursor: pointer;
}

.yeni_mesajlar_popup .sol ul li:hover {
    background-color: #00000052;

}

.yeni_mesajlar_popup .sol ul li.active {
    background-color: #00000052;
}

.yeni_mesajlar_popup .sol ul li img {
    width: 16px;
    margin-right: 3px;
}


.yeni_mesajlar_popup .sag .baslik {
    font-weight: bold;
    height: 20px;
    position: relative;
}


.yeni_mesajlar_popup .sag .baslik ul {
    margin: 0;
    padding: 0;

}

.yeni_mesajlar_popup .sag .baslik ul li {
    float: left;
    list-style: none;
    width: 33.3333333333%;

    padding-left: 5px;
}


.yeni_mesajlar_popup .sag .tum_mesajlar .mesaj {
    width: 100%;
    height: 20px;
    list-style: none;
    cursor: pointer;
position: relative;
}

.yeni_mesajlar_popup  .oku {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #e1cea5;
    width: 40px;
    text-align: center;
    color: black;
    border-radius: 5px;
}



.yeni_mesajlar_popup .sag .tum_mesajlar .mesaj:hover {
    background-color: #00000052;

}

.yeni_mesajlar_popup .sag .tum_mesajlar .active {
    background-color: #00000052;
    font-weight: 600;

}

.yeni_mesajlar_popup .sag .tum_mesajlar .mesaj div:nth-child(1) {
    /*overflow-x: auto;*/
}

.yeni_mesajlar_popup .sag .tum_mesajlar .mesaj div:nth-child(1) img {
    margin-right: 5px;
    width: 15px;
}

.yeni_mesajlar_popup .sag .tum_mesajlar .mesaj > div {
    float: left;
    width: 33.3333333333%;
    padding-left: 5px;
    font-size: 13px;
    color: #e2e2e2;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.acilmis_konu {
    width: 990px;
    height: 570px;
}

.acilmis_konu .orta {
    padding: 5px;
}

.acilmis_konu > .sol {
    width: 100%;
    padding: 1px;
    float: left;
    margin-left: 3px;
}

.acilmis_konu .sol .baslik {
    width: 100%;
    height: 20px;
}

.acilmis_konu .sol .baslik ul li {
    float: left;
    list-style: none;
    width: 33.3333333333%;
    padding-left: 5px;
}

.acilmis_konu .sol .tum_mesajlar {
    margin: 3px 0px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 297px;
}

.acilmis_konu .sol .tum_mesajlar ul li {
    width: 100%;
    height: 20px;
    list-style: none;
    cursor: pointer;
}

.acilmis_konu .sol .tum_mesajlar ul li div {
    float: left;
    width: 33.3333333333%;
    padding-left: 5px;
    font-size: 13px;
    color: #e2e2e2;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.acilmis_konu .sol .tum_mesajlar ul li div:nth-child(1) {
    overflow: hidden; /* taşacak kısımları gizle. */
    white-space: nowrap; /* alt satırı gösterme, alt satıra inme. */
    text-overflow: ellipsis; /* uzunsa sonuna üç nokta koy. */
    padding-left: 0;
}


.acilmis_konu .sol .tum_mesajlar ul li div img {
    width: 15px;
}

.acilmis_konu .sol .tum_mesajlar ul li .mesaj_ici {
    display: none;
}

.acilmis_konu .sol .tum_mesajlar ul li:hover {
    background-color: #3b3c2152;

}

.acilmis_konu .sol .tum_mesajlar ul .active {
    background-color: #3b3c2152;
}

.acilmis_konu .sol .tum_mesajlar ul .active2 {
    background-color: #00000052;
}


.acilmis_konu .sag {
    padding: 1px;
    float: left;
    width: 100%;
    margin-top: 5px;

}

.acilmis_konu .sag .baslik {
    height: 73px;
}

.acilmis_konu .sag .baslik .sol {
    float: left;
    width: 100%;
}

.acilmis_konu .sag .baslik .sol div {
    height: 22px;
    line-height: 23px;
    text-align: center;
}


.acilmis_konu .sag .icerik {
    height: 245px;
    overflow-y: auto;
    padding: 5px;
    color: #ececec;
    font-size: 13px;
    margin-top: 5px;

    /*boşluk bırakma*/
    white-space: pre-wrap;
    word-break: break-all;
    text-align: center;
}

.acilmis_konu .sag .icerik a {
    color: #2c8aff;
}

.acilmis_konu .sag .mesaj_gonder_btn {
    width: 195px;
    height: 24px;
    line-height: 24px;
    color: black;
    font-weight: bold;
    text-align: center;
    margin: 0 auto;
}


.yeni_mesaj_yaz_popup {
    width: 990px;
    height: 570px;
    font-size: 13px;
    color: #e2e2e2;
}

.yeni_mesaj_yaz_popup .hepsi {
    width: 100%;
    height: 600px;
    padding: 5px;
}

.yeni_mesaj_yaz_popup .hepsi .ust {
    width: 504px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    float: left;
}

.yeni_mesaj_yaz_popup .hepsi .ust input {
    margin-left: 50px;
    height: 24px;
    width: 395px;
    outline: none;
    padding-left: 5px;


}

.yeni_mesaj_yaz_popup .hepsi .ust_sag {
    width: 200px;
    height: 30px;
    float: left;
    margin-left: 10px;

}

.yeni_mesaj_yaz_popup .hepsi .ust_sag .gonder {
    width: 195px;
    height: 24px;
    line-height: 24px;
    color: black;
    font-weight: bold;
    text-align: center;
    margin: 2px auto;
}


.yeni_mesaj_yaz_popup input:focus, .yeni_mesaj_yaz_popup textarea:focus {
    border: 1px solid #ccff0026;
}

.yeni_mesaj_yaz_popup .input_g {
    color: white;
    background-color: #14100c;
    border: 1px solid #80808038;
}

.yeni_mesaj_yaz_popup .hepsi .sol {
    margin-top: 10px;
    width: 100%;
    height: 100px;
    padding: 1px;
    float: left;

}

.yeni_mesaj_yaz_popup .hepsi .sol .baslik {
    text-align: center;
    font-weight: 600;
}

.yeni_mesaj_yaz_popup .hepsi .sol ul {
    margin-top: 10px;
    overflow-y: auto;
    text-align: center;
}

.yeni_mesaj_yaz_popup .hepsi .sol ul li {
    list-style: none;
    text-align: center;
    display: inline-block;
    margin: 2px 5px;
}

.yeni_mesaj_yaz_popup .hepsi .sag {
    margin-top: 10px;
    margin-right: 10px;
    width: 100%;
    height: 502px;
    float: left;
    outline: none;
    padding: 6px;
    text-align: center;
}

.dip_savas {
    width: 40px;
    position: absolute !important;
    top: -5px;
    left: -37px;

}

.sehir_secim_popup {
    height: 768px !important;
    overflow: hidden;
}

.sehir_secim_popup .secim_yeri {
    width: 1200px;
    position: relative;
    height: 930px;
    float: left;
    background: url(img/zemin.jpg);

}

.sehir_secim_popup .standart_bg_btn {
    width: 200px;
    height: 40px;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    font-weight: bold;
}

.sehir_secim_popup .orta {
    overflow: hidden;
    cursor: all-scroll;

}

.sehir_secim_popup .secim_yeri .sehir {
    height: 45px;
    width: 45px;
    position: absolute;
    color: white;
    text-align: center;
    cursor: pointer;

}

.sehir_secim_popup .secim_yeri .sehir img {
    width: 24px;
}

.sehir_secim_popup .secim_yeri .sehir p {
    margin: 0;
    font-size: 12px;
    height: 10px;
    line-height: 10px;
}


.sehir_secim_popup .secim_yeri .sehir:hover img {
    border: 1px solid #00ff43;
}

.sehir_secim_popup .secim_yeri .sehir img.active {
    border: 1px solid #00ff43;

}

.sehir_secim_popup .karar_yeri {
    float: left;
    width: 200px;
    height: 625px;
    margin: 60px 20px;
    text-align: center;
    color: #efda3c;


}

.sehir_karar_yeri {
    width: 510px !important;
    height: 190px !important;
    min-height: unset !important;
    text-align: center;
    border-radius: 10px;
}

.sehir_karar_yeri .alt {
    width: 320px;
    position: absolute;
    bottom: 20px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.sehir_karar_yeri .alt div {
    width: 150px;
    float: left;
    text-align: center;
    height: 28px;
    line-height: 28px;
    font-weight: bold;
    border-radius: 10px;

}

.sehir_karar_yeri .alt div:nth-child(2) {
    margin-left: 20px;
}

.sehir_karar_yeri .sehir_durum {
    color: #2dbb09;
}

.sehir_karar_yeri p {
    /*font-style: italic;*/
    color: #8e8b8b;

}

.sehir_karar_yeri h2 {
    color: #e2e2e2;
}

.yeni_koy_harita_kurma {
    width: 35px;
    height: 35px;
    position: absolute !important;
    left: 0;
    right: -30px;
    top: 20px;
    bottom: 0;
    margin: auto;
}

.yeni_koy_harita_kurma_zemin {
    top: 104px;
    left: 10px;
}

.parali_askerler_popup {
    width: 652px;
    height: 470px;
}

.parali_askerler_popup .orta {
    padding: 0 5px;
}

.parali_askerler_popup .asker {
    width: 100%;
    height: 100px;
    background-color: #28201A;
    border: 1px solid #8080802b;
    margin-top: 5px;
    float: left;
    max-width: 100%;
}

.parali_askerler_popup .asker:nth-of-type(even) .ust {
    background-color: #2d2621;
}


.parali_askerler_popup .asker .ust {
    background-color: #372d25;
    width: 100%;
    height: 30px;
    padding-left: 20px;
    color: #DFB671;
    padding-top: 5px;
}

.parali_askerler_popup .asker .alt {
    padding: 7px 0 0 7px;

}

.parali_askerler_popup .asker .alt .img_yeri {
    width: 55px;
    height: 55px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    float: left;
}

.parali_askerler_popup .asker .alt .img_yeri img {
    width: 45px;
    height: 53px;
    object-fit: contain;
}

.parali_askerler_popup .asker .alt .img_yeri:nth-of-type(1n+2) {
    margin-left: 25px;

}

.parali_askerler_popup .asker .alt .img_yeri span {
    position: relative;
    top: -29px;
    left: 40px;
    /*box-shadow: inset 0 0 5px 1px #0e0e09;*/
    margin-top: 6px;
    background-color: #1c1711;
    width: 25px;
    height: 25px;
    display: block;
    line-height: 25px;
    color: #e2e2e2;
    border: 1px solid #80808029;
}

.parali_askerler_popup .asker .alt > div {
    float: left;

}

.parali_askerler_popup .asker .alt .askerler {
    width: max-content;
    height: 60px;
    max-width: 100%;

}

.parali_askerler_popup .asker .alt .islem {
    width: 290px;
    height: 40px;
    margin-top: 8px;
}

.parali_askerler_popup .asker .alt .islem .isl {
    font-size: 14px;
    color: wheat;
    text-align: left;
    margin-left: 25px;
    float: left;
    margin-top: 10px;
}

.parali_askerler_popup .asker .alt .islem .isl img {
    width: 22px;
}

.parali_askerler_popup .asker .alt .islem .kirala {
    width: 100px;
    height: 24px;
    border-radius: 15px;
    text-align: center;
    line-height: 24px;
    color: #2b241e;
    font-weight: bold;
    font-size: 14px;
    float: right;
    margin-top: 7px;
    margin-right: 5px;
}

.arastirma_popup {
    width: 1020px;
    height: 645px;
}

.arastirma_popup .orta {
    padding: 10px 5px 25px 5px;

}

.arastirma_popup .kategori {
    width: 100%;
    height: 40px;
    /*background-color: red;*/
    margin-bottom: 10px;
}


.arastirma_popup .kategori .bolum {
    width: 178px;
    height: 40px;
    line-height: 37px;
    font-size: 13px;
    text-align: center;
    color: #f5f5f5;
    border: 3px double #1c1711;
    float: left;
    cursor: pointer;
}


.arastirma_popup .kategori div.active, .arastirma_popup .kategori .bolum:hover {

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5c4c3c+0,5e4e3e+3,594836+13,5a4939+19,514134+34,4e4035+41,504239+47,4d3f36+50,504239+53,504239+56,46382f+66,46382f+69,4b3d34+72,493b32+75,4f4138+78,4e4037+81,46382f+84,44362d+88,483a31+91,483a31+94,43352c+97,48372d+100 */
    background: #5c4c3c; /* Old browsers */
    background: -moz-linear-gradient(top, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5c4c3c 0%, #5e4e3e 3%, #594836 13%, #5a4939 19%, #514134 34%, #4e4035 41%, #504239 47%, #4d3f36 50%, #504239 53%, #504239 56%, #46382f 66%, #46382f 69%, #4b3d34 72%, #493b32 75%, #4f4138 78%, #4e4037 81%, #46382f 84%, #44362d 88%, #483a31 91%, #483a31 94%, #43352c 97%, #48372d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c4c3c', endColorstr='#48372d', GradientType=0); /* IE6-9 */

}

.arastirma_popup .kategori div.pasive {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3a312a+0,342b24+2,322922+4,332a23+23,302720+28,2f2820+43,2b241c+49,2d241d+60,292019+66,281f18+100 */
    background: #3a312a; /* Old browsers */
    background: -moz-linear-gradient(top, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3a312a 0%, #342b24 2%, #322922 4%, #332a23 23%, #302720 28%, #2f2820 43%, #2b241c 49%, #2d241d 60%, #292019 66%, #281f18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a312a', endColorstr='#281f18', GradientType=0); /* IE6-9 */

}

.arastirma_popup .icerik {
    width: 100%;
    height: 414px;
    overflow-y: auto;
}

.arastirma_popup .icerik .arastirma {
    width: 100%;
    height: 100px;
    background-color: #28201A;
    border: 1px solid #8080802b;
    padding: 12px 0 0 12px;
    position: relative;

}

.arastirma_popup .icerik .bolum {
    display: none;

}

.arastirma_popup .icerik .bolum1 {
    display: block;
}

.arastirma_popup .icerik .bolum3 .img_yeri > img {
    margin-top: 0 !important;
}

.arastirma_popup .icerik .bolum .img_yeri .taraf > img {
    width: 20px;
}

.arastirma_popup .icerik .bolum4 .img_yeri > img {
    width: 60px;

}

.arastirma_popup .icerik .bolum2 .arastirma .img_yeri {
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #0f243e;
}

.arastirma_popup .icerik .bolum3 .arastirma .img_yeri {
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #3e0f0f;
}

.arastirma_popup .icerik .bolum4 .arastirma .img_yeri {
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #0f3e19;
}

.arastirma_popup .icerik .bolum3 div:nth-of-type(even) .img_yeri .taraf {
    border: 1px solid #00ff0814;
}

.arastirma_popup .icerik .bolum .img_yeri .taraf {
    width: 25px;
    height: 25px;
    float: right;
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #3e3c0f;
    border: 1px solid #ff000014;
    position: absolute;
    margin-left: 47px;
    bottom: 12px;

}


.arastirma_popup .icerik > div > div:nth-child(1n+2) {
    margin-top: 5px;
}

.arastirma_popup .icerik .arastirma .img_yeri {
    width: 75px;
    height: 75px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #3e3c0f;
    float: left;
    margin-right: 5px;
    border: 1px solid #0000006b;
}

.arastirma_popup .icerik .arastirma .img_yeri > img {
    object-fit: contain;
    width: 65px;
    height: 70px;
}

.arastirma_popup .icerik .arastirma .bilgiler {
    float: left;
    /* background-color: red; */
    width: 460px;
    height: 65px;
    margin-left: 5px;
}

.arastirma_popup .icerik .arastirma .bilgiler p b {
    color: white;
}

.arastirma_popup .icerik .arastirma .bilgiler h4 {
    margin: 0;
    color: #f5f5f5;

}

.arastirma_popup .icerik .arastirma .bilgiler p {
    color: #b5b5b5ab;
    font-size: 12px;
    margin: 8px 0 0 0;
    width: 300px;
}

.arastirma_popup .icerik .arastirma .seviyeler {
    width: 500px;
    height: 20px;
    margin-top: 55px;
}

.arastirma_popup .icerik .arastirma .seviyeler .seviye {
    width: 10px;
    height: 10px;
    float: left;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    border: 1px solid #80808021;
}

.arastirma_popup .icerik .arastirma .seviyeler .seviye:nth-of-type(1n+2) {
    margin-left: 4px;

}

.arastirma_popup .icerik .arastirma .seviyeler .seviye:hover, .arastirma_popup .icerik .arastirma .seviyeler .secili {
    border: 1px solid #ffffff4a;
    cursor: pointer;
}

.arastirma_popup .icerik .arastirma .seviyeler div.active {
    box-shadow: inset 0px 0px 20px 9px #00ff37 !important;
}

.arastirma_popup .icerik .arastirma .arastirma_yap {
    position: relative;
    float: right;
    top: -55px;
    right: 30px;

    width: 150px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    color: #2b241e;
    font-weight: bold;
    font-size: 15px;
}

.arastirma_popup .icerik .arastirma .arastirma_gerekli_seviye {
    color: #b5b5b5;
    position: relative;
    float: right;
    top: -55px;
    right: 30px;
    width: 360px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    text-align: right;
}


.arastirma_popup .arastirilan {
    width: 100%;
    min-height: 100px;
    /*background-color: red;*/
    border-top: 1px solid;
    padding-top: 12px;

}

.arastirma_popup .arastirilan .tum_sol {
    /*float: left;*/
}

.arastirma_popup .arastirilan .img_yeri {
    width: 74px;
    height: 74px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    float: left;
    margin-right: 5px;
    border: 1px solid #0000006b;
}

.arastirma_popup .arastirilan .img_yeri img {
    object-fit: contain;
    width: 62px;
    height: 74px;
}


.arastirma_popup .arastirilan .bilgiler {
    float: left;
    width: 50%;
    min-height: 40px;
    height: max-content;
    margin-left: 5px;
}

.arastirma_popup .arastirilan .bilgiler h6 {
    margin: 0;
    color: #f5f5f5;
}

.arastirma_popup .arastirilan .bilgiler p {
    font-size: 11px;
    margin: 4px 0 0 0;
    color: #b5b5b5ab;
}

.arastirma_popup .arastirilan .bilgiler p b {
    color: white;
}

.arastirma_popup .arastirilan .tum {
    width: 60%;
    height: 25px;
    margin-top: 3px;
    float: left;
}

.arastirma_popup .arastirilan .tum .sira {
    width: 25px;
    height: 25px;
    float: left;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    text-align: center;
    line-height: 20px;
    font-size: 13px;
    margin-left: 4px;
    border: 1px solid #80808021;
    cursor: pointer;
}

.arastirma_popup .arastirilan .tum .sira:hover, .arastirma_popup .arastirilan .tum .active {
    border: 1px solid #80808087;
}

.arastirma_popup .arastirilan .tum .sira img {
    height: 23px;
    width: 20px;
    object-fit: contain;
}

.arastirma_popup .arastirilan .dis_bar {
    background-color: #17130e;
    width: 100%;
    height: 7px;
    margin-top: 5px;
    padding: 2px 5px;
    border-radius: 25px;
    border-top: 1px solid #f5f5f517;
    box-shadow: 0 0 2px 1px #0000008f;
    float: left;
}


.arastirma_popup .arastirilan .dis_bar .progress-bar {
    background-color: #00ff37;
    border-radius: 25px;
}

.arastirma_popup .arastirilan .kalan_sure {
    color: #b5b5b5;
    text-align: center;
    display: none;
    width: 100%;
    float: left;
}

.arastirma_popup .arastirilan .arastirma_puani {
    width: 180px;
    height: 101px;
    float: right;
    margin-top: -51px;
    text-align: center;
    color: #f5f5f5;
    padding: 8px 0px;
}

.arastirma_popup .arastirilan .arastirma_puani h6 {
    margin: 0;
    font-size: 14px;


}

.arastirma_popup .arastirilan .arastirma_puani h6 img {
    width: 18px;
}

.arastirma_popup .arastirilan .arastirma_puani h6 span {
    margin-left: 3px;
}

.arastirma_popup .arastirilan .arastirma_puani .arastirma_puani_al {

    width: 80px;
    height: 22px;
    line-height: 22px;
    border-radius: 25px;
    font-weight: bold;
    text-align: center;
    color: black;
    font-size: 12px;
    margin: 6px auto;
}

.arastirma_popup .arastirilan .arastirma_puani p {
    font-size: 14px;
    color: #b5b5b5ab;
}

.arastirma_popup .arastirilan .arastirma_puani p span {
    color: #efda3c;
    margin-left: 5px;

}

.ozel_alert_bg {
    background-color: black;
    padding: 4px;
    color: white;
}


.isaret_yeri {
    position: fixed;
    width: 50px !important;
    z-index: 2142144214212111;
    height: 50px !important;


    margin: auto;


}

.isaret_yeri_manuel {
    position: absolute;
}

.isaret_yeri img {
    width: 100% !important;
    height: 100% !important;
    animation: 1500ms gorev_isareti_anim infinite;

}


.isaret_koye_gir {
    left: 50px;
    top: 60px;
}

.isaret_m_koye_gir {
    left: -100px;
    bottom: -20px;
    right: 0;
}


.isaret_2_1 {
    left: 150px;
    top: 61px;
}

.isaret_2_2 {
    left: 160px;
    top: 112px;
}

.isaret_2_3 {
    left: 410px;
    top: 240px;
}

.isaret_3_3 {
    left: 410px;
    top: 370px;
}

.isaret_4_3 {
    left: 410px;
    top: 620px;
}


.isaret_5_1 {
    right: 290px;
    top: 64px;
}

.isaret_5_2 {
    top: 70px;
    left: 0;
    right: -604px;
}

.isaret_5_3 {
    top: 60px;
    right: 20px;
}

.isaret_6_1 {
    left: 410px;
    top: 240px;
}

.isaret_6_2 {
    left: 60px;
    top: 120px;
}

.isaret_7_1 {
    left: 20px;
}

.isaret_8_1 {
    right: 400px;
    top: 60px;
}

.isaret_8_2 {
    right: 64px;
}

.isaret_8_3 {
    margin-left: 95px;
    margin-top: 29px;
}

.isaret_11_1 {
    left: 35px;

}

.isaret_11_2 {
    right: 10px;
    margin-top: -35px;

}

.isaret_11_3 {
    right: 10px;
    margin-top: -35px;

}

.isaret_11_4 {
    right: -30px;
}

.isaret_11_5 {
    margin-left: 75px;
}

.isaret_12_1 {
    left: 50px;
    top: 60px
}

.isaret_m_8_2 {
    left: 40px;
    bottom: 260px;
}

.isaret_m_8_3 {
    right: 0px;
    bottom: -25px;
}

.isaret_m_8_4 {
    right: 0px;
    bottom: -25px;
}

.isaret_m_11_2 {
    right: 30px;
    margin-top: 25px;
}

.isaret_m_2_1 {
    right: -77px;
    bottom: -20px;
    left: 0;
}

.isaret_m_11_1 {
    margin-top: -35px;
    background: none;
    box-shadow: none;
    border: none;
    margin-left: 25px;
}

.isaret_m_11_3 {
    margin-top: -5px;
    margin-left: 75px;
}

.isaret_m_2_2 {
    right: 50px;
    top: 50px;
    left: 0;
}


.isaret_m_12_1 {
    margin-left: -25px;
    margin-top: -15px;
}

.isaret_m_2_3 {
    right: 10px;
    top: 110px;
}


.isaret_m_3_1 {
    right: 10px;
    top: 250px;
}

.isaret_m_4_1 {
    right: 10px;
    top: 500px;
}

.isaret_m_5_1 {
    left: 40px;
    bottom: -20px;
}

.isaret_m_5_2 {
    left: 40px;
    bottom: 370px;
}


.isaret_m_5_3 {
    right: 40px;
    top: 60px;
}

.isaret_m_5_4 {
    right: -120px;
    top: 160px;
    left: 0;
}

.isaret_m_6_2 {
    top: 55px;
    left: 65px;
}

.isaret_m_6_3 {
    top: 115px;
    right: 10px;
}


@keyframes gorev_isareti_anim {

    50% {
        margin-top: -10px;
        margin-right: 10px;
    }

}

.gorev_sonuc_popup {
    width: 460px !important;
    max-width: 100%;
    height: max-content !important;
    text-align: center;
    min-height: unset !important;
}

.gorev_sonuc_popup .gereken {
    background-color: #0000002b;
    min-width: 38px;
    height: 46px;
    float: left;
    margin-left: 3px;
    text-align: center;
    border-radius: 5px;
}

.gorev_sonuc_popup .gereken img {
    width: 21px;
}

.gorev_sonuc_popup .gereken span {
    color: #efda3c;
    font-size: 12px;
    display: block;
    margin-top: 3px
}

.gorev_sonuc_popup .oduller {
    margin: 0 auto;
    width: 165px;
    height: 40px;
}

.wt_pp_btn {
    background-color: #1a1c2b;
    text-align: center;
    border-radius: 100px;
    box-shadow: 2px 2px 1px 0px black, -1px -1px 1px 0px #777777;
    color: #b69f6e;
    font-size: 11px;
    width: 70px;
    margin: -5px auto;
    cursor: pointer;
}

.wt_pp_btn:hover {
    background-color: #141833;
}

.win_profil_goster {
    display: none;
}

.sifremi_unuttum_popup {
    display: none;
    width: 600px;
    max-width: 100%;
    height: max-content;
    background-color: black;
}

.sifremi_unuttum_popup .orta {
    padding: 10px 20px;
    text-align: center;
}

.sifremi_unuttum_popup .orta h3 {
    font-weight: bold;
    text-align: center;
    font-family: sans-serif;
    color: #ddd;
}

.sifremi_unuttum_popup .orta p {
    text-align: center;
    color: #b5b5b5;
}

.sifremi_unuttum_popup .orta p.uyari {
    font-size: 14px;
    text-align: center;
    color: #b5b5b5;
    margin-top: 10px;
}

.sifremi_unuttum_popup input {
    width: 350px;
    height: 46px;
    margin: 20px 0;
    max-width: 100%;
}

.sifremi_unuttum_popup .dogrula {
    width: 350px;
    height: 46px;
    line-height: 36px;
    margin: 0 auto;
    max-width: 100%;
}

.islem_body {
    background: url("img/giris_bg2.jpg") center no-repeat;
    background-size: cover;
    width: 100%;
    height: 1080px;
}

.tam_ortala {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.islem_body .sifre_yenile {
    width: 700px;
    height: 440px;
    text-align: center;
    padding: 0px 80px;
    color: #b5b5b5;
    font-family: sans-serif;
}

.islem_body .sifre_yenile h2 {
    text-align: center;
    color: white;
}

.islem_body .sifre_yenile p {
    font-size: 17px;
}

.islem_body .sifre_yenile .form_alani {
    margin-top: 50px;
}

.islem_body .sifre_yenile .form_alani input {
    width: 280px;
}

.islem_body .sifre_yenile .form_alani .hata {
    font-size: 15px;
    margin-top: 10px;
}

.hesap_onayla {
    width: 390px;
    height: 290px;
    text-align: center;
    font-family: sans-serif;
}

.hesap_onayla h1 {
    font-size: 29px;
    color: #ffffff;
    text-shadow: 0px 0px 10px #7777776b;

}

.hesap_onayla h3 {
    color: #b5b5b5;
}

.hesap_onayla .odul {
    width: 200px;
    height: 100px;
    margin: 0 auto;
}

.hesap_onayla .odul {
    color: #efda3c;
}

.hesap_onayla .odul img {
    width: 20%;
}

.ceza_ver {
    vertical-align: middle;
    position: absolute;
    margin-left: 5px;
}

.ceza_ver i {
    font-size: 25px;

    color: white;
}

.ceza_ver i:hover {
    cursor: pointer;
    color: #ceb2b2;

}

.right_popup {
    position: absolute;
    width: 120px !important;
    height: auto;
    top: 0px;
    right: -130px;
    z-index: 111;
    padding: 5px;
    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;

}

.right_popup ul li {
    list-style: none;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.right_popup ul > .tip {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #232323;
}

.right_popup ul > .tip:nth-last-of-type(1) {
    border-bottom: none;
}


.right_popup ul li:hover ul {
    display: block;
    z-index: 124124;
    position: relative;
}

.right_popup ul li ul {
    padding-left: 10px;
    display: none;
}

.right_popup ul li ul li {
    font-weight: normal;
    background-color: #1c1711;
    border: 1px solid #80808040;
}

.right_popup ul li ul li:hover {
    background-color: #251e16;
    cursor: pointer;
}

.kurulan_bina16 {
    z-index: 100;
}

.market_popup {
    width: 1000px;
    height: 660px;
}

.market_popup .orta {
    padding: 10px 10px 0 10px;

}

.market_popup .orta > .kat_icerik {
    display: none;
}

.market_popup .orta .ust {
    width: 100%;
    height: 36px;
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38;
    background-color: #28201a;
    margin-bottom: 15px;
    color: wheat;
    padding: 3px;
}

.market_popup .orta .ust .kategoriler {
    width: auto;
    height: 30px;
    float: left;
    color: white;
}

.market_popup .orta .ust .kategoriler ul li {
    float: left;
    list-style: none;
    vertical-align: middle;
    line-height: 29px;
    padding: 0;
    border-radius: 0;
    width: 120px;
    border: 1px solid #000000b0;
    cursor: pointer;

}

.market_popup .orta .ust .kategoriler ul li:hover {
    color: #fff9b5;
}

.market_popup .orta .ust .kategoriler ul li:nth-of-type(2) {
    margin-left: 5px;
}

.market_popup .orta .ust .elmas_sayisi {
    float: right;
    width: auto;
    font-size: 20px;
    color: #50e6ff;
    text-shadow: 0px 4px 2px black;
    min-width: 50px;

}

.market_popup .orta .ust .elmas_sayisi img {
    width: 20px;
}

.market_popup .orta .ust .elmas_gonder {
    width: auto;
    float: right;
    margin-right: 25px;
}

.market_popup .orta .ust .elmas_gonder input {
    float: left;
    padding: 4px 0px;
    color: black;
}

.market_popup .orta .ust .elmas_gonder .o_i {
    width: 140px;
}

.market_popup .orta .ust .elmas_gonder .e_s {
    width: 50px;
    border-left: none;
}

.market_popup .orta .ust .elmas_gonder .standart_bg_btn, .market_popup .orta .ust .elmas_gonder .standart_bg_btn_disable {
    float: right;
    width: 60px;
    font-size: 12px;
    padding: 5px 0px;
    text-align: center;
    color: #2b2b2b;
    font-weight: bold;
}

.market_popup .orta .sol {
    width: 290px;
    float: left;
    padding: 2px;
}

.market_popup .orta .sol .baslik {
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0;
    text-align: center;
    box-shadow: 0 0 1px 2px black;
    font-weight: bold;
    font-size: 20px;
    margin: 0 auto;
    color: white;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
    background: rgb(169, 3, 41); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(169, 3, 41, 1) 0%, rgba(143, 2, 34, 1) 44%, rgba(109, 0, 25, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=0); /* IE6-9 */

}


.market_popup .icerik_paketi {
    margin: 15px auto;
    width: 285px;
    height: 360px;
    background-color: #8e1c1c;
    text-align: center;
    padding: 10px 0;
    color: white;
    box-shadow: inset 0 0 2px 1px #7b7979, 0px 2px 6px 0px #000000;
    position: relative;
}

.market_popup .icerik_paketi:hover {
    cursor: pointer;
    background-color: #af0c0c;
}

.market_popup .icerik_paketi .img_yeri {
    width: 80px;
    height: 80px;
    background-color: black;
    margin: 0 auto;
}

.market_popup .icerik_paketi .img_yeri img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    border: 3px solid black;
}

.market_popup .icerik_paketi .img_yeri .fiyat {
    width: 100px;
    height: 100px;
    background-color: greenyellow;
}

.market_popup .icerik_paketi h3 {
    margin: 10px 0 0 0;
    background-color: black;
    padding: 5px;

}


.market_popup .icerik_paketi > p {
    min-height: 70px;
    margin: 0;
    font-size: 14px;
}

.market_popup .icerik_paketi .fiyat_yeri {

    font-size: 40px;
    color: #50e6ff;
    text-shadow: 0px 4px 2px black;
}

.market_popup .icerik_paketi .fiyat_yeri span {
    font-size: 12px;
    display: block;
    color: white;
    text-shadow: none;
}

.market_popup .icerik_paketi .fiyat_yeri img {
    width: 40px;
}


.market_popup .icerik_paketi .indirimsiz_fiyat {
    font-size: 16px;
    position: relative;
    width: auto;
    display: inline-block;
}

.market_popup .icerik_paketi .indirimsiz_fiyat img {
    width: 20px;
}

.market_popup .icerik_paketi .indirimsiz_fiyat .ustunu_ciz {
    width: 100%;
    height: 3px;
    background-color: black;
    position: absolute;
    top: 9px;
}

.market_popup .icerik_paketi .tarih {
    width: 100px;
    margin: 0 auto;
    font-weight: bold;
}

.market_popup .orta .sag {
    background-color: #1b1611;
    padding: 2px 2px 0px 2px;
    box-shadow: 0 0 2px 0px black;
    width: 385px;
    float: right;
    margin-right: 10px;

}

.market_popup .orta .sag .baslik {
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    color: white;
    text-shadow: 0 3px 3px black;
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding: 0;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#584132+0,231e1d+100 */
    background: rgb(88, 65, 50); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(88, 65, 50, 1) 0%, rgba(35, 30, 29, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(88, 65, 50, 1) 0%, rgba(35, 30, 29, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(88, 65, 50, 1) 0%, rgba(35, 30, 29, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#584132', endColorstr='#231e1d', GradientType=0); /* IE6-9 */


}

.market_popup .orta .sag .icerik .paket {
    float: left;
    width: 123px;
    height: 174px;
    background-color: #28201a;
    position: relative;
    margin: 6px 2px;
    box-shadow: 0 2px 8px -5px #14100c, 0 6px 7px -5px black;
    color: #e2e2e2;
    border: 1px solid #b5b5b526;
    text-align: center;
}

.market_popup .orta .sag .icerik .paket h3 {
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #50e6ff;
    text-shadow: 0px 4px 2px black;

}

.market_popup .orta .sag .icerik .paket > p {
    margin: 0;
    font-size: 17px;
    color: #50e6ff;
    text-shadow: 0px 4px 2px black;
    display: inline-block;
    position: relative;

}

.market_popup .orta .sag .icerik .paket p .ustunu_ciz {
    width: 100%;
    height: 3px;
    background-color: black;
    position: absolute;
    left: 0;
    top: 10px;
}

.market_popup .orta .sag .icerik .paket .indirimli_fiyat {
    color: #00ff4e;
    height: 25px;
    line-height: 20px;
    font-size: 20px;
}

.market_popup .orta .sag .icerik .paket i {
    position: absolute;
    top: 0;
    right: 0px;
    top: 0px;
    font-size: 30px;
    color: #ff0000;
}

.market_popup .orta .sag .icerik .paket i span {
    position: absolute;
    left: 0;
    color: #ffffff;
    font-size: 12px;
    right: 0;
    line-height: 30px;

}

.market_popup .orta .sag .icerik .paket .icerik {
    height: 108px;
    line-height: 108px;
}

/*.market_popup .orta .sag .icerik .paket .icerik img{*/
/*width: 25px !important;*/
/*}*/
.market_popup .orta .sag .icerik .paket1 .icerik img {
    width: 50px;
}

.market_popup .orta .sag .icerik .paket2 .icerik img {
    width: 48px;
}

.market_popup .orta .sag .icerik .paket3 .icerik {
    line-height: 0;
    padding-top: 25px;
}

.market_popup .orta .sag .icerik .paket3 .icerik img {
    width: 38px;
}

.market_popup .orta .sag .icerik .paket4 .icerik {
    line-height: 0;
    padding-top: 25px;
}

.market_popup .orta .sag .icerik .paket4 .icerik img {
    width: 38px;
}

.market_popup .orta .sag .icerik .paket5 .icerik {
    line-height: 0;
    padding-top: 35px;
}

.market_popup .orta .sag .icerik .paket5 .icerik img {
    width: 33px;
}

.market_popup .orta .sag .icerik .paket6 .icerik {
    line-height: 0;
    padding-top: 33px;

}

.market_popup .orta .sag .icerik .paket6 .icerik img {
    width: 34px;

}

.market_popup .orta .sag .icerik .paket .satin_al {
    width: 100%;
    margin: 0 auto;
    height: 22px;
    line-height: 22px;
    font-size: 20px;

}


.market_popup .alt {
    height: 60px;
    text-align: center;
    padding: 13px;
    clear: both;
    border-top: 1px solid #5d5d5d5c;
}

.market_popup .alt .bos {
    display: inline-block;
    line-height: 40px;
    color: #e2e2e28c;
}

.market_popup .alt .aktif_paket {
    width: 50px;
    height: 50px;
    background-color: red;
}


.market_popup .urunler .icerik_paketi {
    width: 215px;
    height: 315px;
    margin: 0px 0px 16px 16px;
    float: left;
    background-color: #28201a;
    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    position: relative;
}

.market_popup .urunler .icerik_paketi:hover {
    box-shadow: inset 0 0 9px #2c2929;
    background-color: #352d27;
}


.market_popup .icerik_paketi .paket_info {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 18px;
    border-radius: 100%;
    background-color: #28201a;
    border: 1px solid #8a8a8a52;
    cursor: help;


}

.market_popup .icerik_paketi .paket_info img {
    width: 9px;

}

.market_popup .urunler .icerik_paketi h3 {
    margin: 5px 0;
    padding: 2px;
    font-size: 20px;
    background-color: #130c05;
}

.market_popup .urunler .icerik_paketi .img_yeri {
    width: 70px;
    height: 70px;
}

.market_popup .urunler .icerik_paketi > p {
    /*height: 88px;*/
    font-size: 12px;
}


.market_popup .urunler .icerik_paketi .fiyat_yeri {
    font-size: 25px;
}

.market_popup .urunler .icerik_paketi .fiyat_yeri img {
    width: 28px;
}

.market_popup .urunler .icerik_paketi .indirimsiz_fiyat {
    font-size: 14px;
}


.market_popup .urunler .icerik_paketi .indirimsiz_fiyat img {
    width: 20px;
}


.market_popup .urunler {
    width: 100%;
    height: 490px;
    overflow-y: auto;
}

.standart_satin_al_btn {
    color: #000000cf;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
    text-shadow: 0 1px 0px #ddd;
}

.harita_ustu_menu {
    z-index: 26;
    position: fixed;
    border-radius: 5px;
    background-color: #28201a;
    color: #e2e2e2;
    border: 1px solid #b5b5b526;
    text-align: center;
    box-shadow: inset 0 0 1px 1px #4a4a4a, 0px 2px 4px 1px #000000;
    cursor: pointer;
}

.harita_ustu_menu:hover {
    background-color: #33281f;
}

.sistem_gorevler {
    z-index: 24;
    width: 40px;
    height: 40px;
    position: fixed;
    left: 40px;
    top: 150px;
    line-height: 37px;


}


.sistem_gorevler img {
    width: 27px;
}

.sistem_gorevler span {
    top: 35px;
    left: -8px;

}

.harita_ustu_menu span {
    position: absolute;
    text-shadow: 0 0 20px red, -1px 1px 0px black;
    color: white;
    font-weight: bold;
}

.mini_map {
    width: 40px;
    left: 40px;
    top: 220px;
    padding: 4px;
}

.mini_map img {
    width: 100%;
}

.mini_map span {
    left: 0;
    top: 34px;
}

.harita_ustu_menu.turnuva {
    width: 60px;
    height: 60px;
    left: 110px;
    top: 165px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 6px;
}

.harita_ustu_menu.turnuva img {
    width: 100%;
}

.harita_ustu_menu.turnuva span {
    left: 0;
    right: 0;
    top: 59px;
}

.mulk_info {
    top: 280px;
    width: 30px;
    left: 44px;
}

.mulk_info span {
    left: -8px;
}


.market_ac {
    z-index: 11;
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: fixed;
    left: 30px;
    top: 80px;


}


.market_ac img {
    width: 40px;
}

.market_ac .parlama {
    width: 23px;
    height: 13px;
    position: absolute;
    background-color: #50e6ff;
    margin-left: 17px;
    z-index: -1;
    margin-top: 21px;
    animation: 3000ms parlama_anim infinite;
    box-shadow: 0 0 11px 4px #31caff

}

@keyframes parlama_anim {
    50% {
        box-shadow: 0 0 14px 7px #50e6ff;
    }
}


.market_ac i {
    position: absolute;
    right: -20px;
    top: -20px;
    font-size: 35px;
    color: #ff0000;
}

.market_ac i span {
    position: absolute;
    left: 0;
    color: #ffffff;
    font-size: 14px;
    right: 0;
    line-height: 37px;

}

.paketler {
    width: auto;
    height: 40px;
    position: fixed;
    top: 94px;
    left: 100px;
    z-index: 322;
}

.paketler .etkinlik_bar {
    width: 41px;
    height: 41px;
    float: left;
    border-radius: 100%;

    background-color: #28201a;
    color: #e2e2e2;
    border: 1px solid #b5b5b526;
    text-align: center;
    box-shadow: inset 0 0 1px 1px #4a4a4a;
    cursor: pointer;
    margin-left: 5px;
}

.paketler .etkinlik_bar img {
    object-fit: contain;
    width: 27px;
    height: 36px;
    border-radius: 100%;
}

#frameModal {
    z-index: 111111111111111111;
}


.fatura_popup {
    width: 330px !important;
    height: 550px !important;
    min-height: unset !important;
}

.fatura_popup .orta input {
    width: 220px;
    padding: 5px;
    height: 29px;
    display: block;
    margin: 10px auto;
    max-width: 100%;
}

.fatura_popup .orta {
    padding: 10px;
    text-align: center;
}

.fatura_popup .orta textarea {
    height: 90px;
    width: 220px;
    line-height: initial;
    max-width: 100%;
}

.fatura_popup .aciklama {
    line-height: 20px;
    padding: 5px 0;
}

.fatura_popup .devam_et {
    color: black;
    line-height: 29px;
    font-size: 18px;
    padding: 0 !important;
}

.fatura_popup .orta .hata {
    font-size: 11px;
    margin: 0;
    padding: 0;
    height: 30px;
    line-height: 3;
    color: red;
}

.satin_alim_ortak .orta {
    text-align: center;
}

.satin_alim_ortak img {
    width: 109px;
    background-color: #14100c;
    border: 1px solid #b5b5b526;
    border-radius: 5px;
    text-align: center;
    font-size: 95px;
    cursor: pointer;
    margin: 3px;
}

.satin_alim_ortak img:hover {
    border-color: yellow;
}

.satin_alim_ortak .alt {
    width: 355px;
    margin: 40px auto;
}

.satin_alim_ortak .alt .standart_bg_btn {
    width: 160px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    float: left;
}

.satin_alim_ortak .alt .standart_bg_btn:nth-of-type(2) {
    margin-left: 5px;
}

.bayrak_degistir_popup .orta {
    max-height: 605px;
    overflow-y: auto;
}

.bayrak_degistir_popup img {
    width: 92px;
}

.avatar_degistir_popup .orta {
    max-height: 605px;
    overflow-y: auto;
}

.isim_degistir_popup {
    width: 350px;

    text-align: center;
    padding: 11px 0;
    min-height: unset !important;
    width: 350px !important;
}

.isim_degistir_popup input {
    width: 280px;
    line-height: 29px;
    height: 29px;
    outline-width: 0;
    padding: 0 5px;
    border: 2px solid #77717194;
    background-color: #14100c;
    margin: 15px auto;
    color: white;
    max-width: 100%;
}

.isim_degistir_popup .global_aciklama_bg {
    padding: 7px 10px;
    color: #b8b8b8;
}

.isim_degistir_popup h3 {
    color: white;
    font-family: monospace;
    margin-bottom: 20px;
    margin-top: 0;
}

.isim_degistir_popup .alt {
    width: 325px;
    margin: 8px auto;
}

.isim_degistir_popup .hata {
    color: #b7b7b7;
}

.kayan_yazi_popup {
    width: 480px;
    height: 320px;
}

.kayan_yazi_popup textarea {
    outline-width: 0;
    padding: 0 5px;
    border: 2px solid #77717194;
    background-color: #14100c;
    color: white;
    width: 400px;
    height: 93px;
    max-width: 100%;
}

.kayan_yazi {
    background-color: #19171700;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: right;
    color: white;
    border-bottom: 1px solid #3333334d;
    font-family: monospace;
    padding: 0 10px;
    letter-spacing: 1px;

}

.ticker {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.ticker__inner {
    display: inline-block;
    padding-left: 100%;
    animation: ticker 20s linear infinite;
}

/* Marquee'deki tek seferlik kayma davranisini taklit eder. */
.ticker--single .ticker__inner--single {
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes ticker {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}

.sistem_gorevi_popup {
    padding-bottom: 25px;
    height: max-content;
}

.wt_header1 {
    width: 100%;
    max-width: 100%;
    height: 43px;
    margin-top: 5px;
    border-bottom: 7px solid #28201a;
    box-shadow: 0 1px #0000004d;
}

.wt_header1 > div {
    width: 175px;
    max-width: 100%;
    height: 35px;
    line-height: 35px;
    float: left;
    border-radius: 5px 5px 0 0;
    border: 3px solid #28201a;
    background-color: #28201a;
    box-shadow: inset 0px 8px 8px -7px #000000, inset 0px 0px 27px 0px #181310, 0px -2px 5px -1px #000000;
    border-bottom: none;
    text-align: center;
    cursor: pointer;
    opacity: 0.6;
    color: yellow;

}

.wt_header1 > div span {
    vertical-align: middle;
}

.wt_header1 > div img {
    width: 20px;

}


.wt_header1 > div:nth-of-type(1) {
    margin-left: 35px;
}

.wt_header1 > div:nth-of-type(2) {
    margin-left: 5px;
}

.wt_header1 > div.active, .wt_header1 > div:hover {
    opacity: 1;
}


.sistem_gorevi_popup > .hepsi > div {
    display: none;
}

.sistem_gorevi_popup > .hepsi > div.active {
    display: block;
}

.sistem_gorevi_popup > .hepsi > div.gunluk {
    overflow-y: auto;
    max-height: 589px;
}

.sistem_gorevi_popup .orta {
    padding-top: 10px;
    height: 350px;
    overflow-y: auto;
    border-bottom: 1px solid #b2b2b224 !important;
}

.sistem_gorevi_popup .orta .gorev {
    width: 160px;
    min-height: 160px;
    max-height: max-content;
    margin: 0px 0px 16px 16px;
    float: left;
    background-color: #28201a;
    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    position: relative;
}

.sistem_gorevi_popup .orta .pasif_gorev {
    display: none;
}

.sistem_gorevi_popup .orta .gorev .img_yeri {
    width: 50px;
    height: 50px;
    margin: 5px auto;
    border: 1px solid #4747479e;
}

.sistem_gorevi_popup .orta .gorev .img_yeri img {
    width: 100%;
    height: 100%;
}

.sistem_gorevi_popup .orta .gorev h4 {
    font-size: 13px;
    text-align: center;
    color: #fafafa;
    margin: 0px 0px;
}

.sistem_gorevi_popup .orta .gorev .alt {

    text-align: center;
    max-height: 83px;
    overflow-y: auto;

}

.sistem_gorevi_popup .orta .gorev .alt p {
    font-size: 12px;
    color: #adadad;
    margin: 0;
}

.sistem_gorevi_popup .orta .gorev .kabul_et {
    display: inline-block;
    font-size: 15px;

    color: lawngreen;
    text-shadow: 0 0 15px #56911d, 0 0px 4px #ffffffa3;
    cursor: pointer;

}

.sistem_gorevi_popup .orta .gorev .kabul_et:hover {
    text-shadow: 0 0 15px lawngreen, 0 0px 4px #ffffffa3;
}

.sistem_gorevi_popup .gorev_alt {
    margin-top: 5px;
}

.sistem_gorevi_popup .gorev_alt .img_yeri {
    width: 75px;
    height: 75px;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    border: 1px solid #0000006b;
    margin: 0 auto;
}


.sistem_gorevi_popup .gorev_alt .img_yeri img {
    width: 100%;
    height: 100%;
}


.sistem_gorevi_popup .gorev_alt .bilgiler {
    text-align: center;
}

.sistem_gorevi_popup .gorev_alt .bilgiler h4 {
    color: #dbdbdb;
    height: 19px;
}

.sistem_gorevi_popup .gorev_alt .bilgiler > p {
    color: #929292;
    margin-bottom: 5px;
    min-height: 20px;
    max-height: 50px;
    overflow-y: auto;
}

.sistem_gorevi_popup .gorev_alt .bilgiler .standart_dis_bar {
    width: 100%;
    height: 20px;
    max-width: 100%;
}

.sistem_gorevi_popup .gorev_alt .bilgiler .standart_dis_bar .progress-bar {
    color: black;
    font-weight: bold;
    font-size: 15px;
    line-height: 16px;
}

.sistem_gorevi_popup .gunluk > div {
    width: 96%;
    height: 75px;
    background-color: #28201a;
    box-shadow: 0 0px 0px 6px #14100c, 0 0px 0px 8px #28201a;
    border: 1px solid #b5b5b50a;
    margin: 0 auto;
    border-radius: 8px;
    padding: 10px 20px;

}

.sistem_gorevi_popup .gunluk > div:nth-of-type(1n+2) {
    margin-top: 20px;
}

.sistem_gorevi_popup .gunluk > div > .sol {
    float: left;
    width: 370px;
}

.sistem_gorevi_popup .gunluk > div > .sag {
    float: left;
    margin-left: 55px;
    margin-top: 5px;
}

.sistem_gorevi_popup .gunluk > div > .sag > .odul {
    background: #1f170c;
    width: 50px;
    height: 50px;
    border: 2px solid #1c1711;
    border-radius: 8px;
    box-shadow: inset 0 0 2px #484343, 0 0 0px 1px #0000007a;
    float: left;
    text-align: center;
    margin-top: 1px;
}

.sistem_gorevi_popup .gunluk > div > .sag > .odul img {
    width: 44px;
    object-fit: contain;
    height: 44px;
    padding: 4px;
}

.wt_dis_bar {
    background-color: #17130e;
    width: 100%;
    height: 25px;
    margin-top: 5px;
    padding: 3px 4px;
    border-radius: 25px;
    border: 1px solid #f5f5f512;
    box-shadow: 0 0 2px 1px #0000008f;
    position: relative;
    overflow: unset;
    margin: 0;
}

.wt_dis_bar .progress-bar {
    background-color: #00ff37;
    border-radius: 25px;
}

.wt_dis_bar > span {
    color: white;
    border-radius: 5px;
    padding: 0 4px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: max-content;
    margin-top: -15px;
    z-index: 124214241241;
    font-size: 12px;
    background-color: #17130e;
    padding: 0 4px;
    border: 1px solid #3a3a3aa8;
}

.sistem_gorevi_popup .gunluk > div > .sag .odul_btn {
    float: right;
    margin-left: 29px;
    width: 120px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 0 1px 1px #3838387a, 0 2px 1px 1px #00000033;
    border: 1px solid #6b6b6b9c;
    border-radius: 5px;
    color: #252525;
    margin-top: 25px;

}

.sistem_gorevi_popup .gunluk > div > .sag > .standart_bg_btn {
    animation: kabul_button_anim 2s infinite;

}

.sistem_gorevi_popup .gunluk > div p {
    font-style: italic;
    color: #c3c3c3;
}

.sistem_gorevi_popup .gunluk > div:nth-of-type(1) {
    margin-top: 15px;
}

.standart_dis_bar {
    background-color: #17130e;
    padding: 2px 5px;
    border-radius: 25px;
    border-top: 1px solid #f5f5f517;
    box-shadow: 0 0 2px 1px #0000008f;
}

.standart_dis_bar .progress-bar {
    background-color: #00ff37;
    border-radius: 25px;

}

.sistem_gorevi_popup .gorev_alt .bilgiler .odul {
    font-size: 18px;
    color: #aaaaaa;
    margin-bottom: 5px;
    height: 26px;
}

.sistem_gorevi_popup .gorev_alt .bilgiler .odul span {
    background-color: #000000ad;
    padding: 5px 15px;
    border-radius: 15px;
    color: #dbdbdb;
    font-size: 14px;
}

.sistem_gorevi_popup .gorev_alt .bilgiler .odul span img {
    width: 22px;
}

.sistem_gorevi_popup .gorev_alt .alt_btn {
    margin: 0 auto;
    width: 130px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #ffffffde;
    border-radius: 10px;
    border: 1px solid #7b7b7b94;
    cursor: pointer;
    margin-top: 10px;
}

.sistem_gorevi_popup .gorev_alt .alt_btn:hover {
    background-color: #00000021;
}

.sistem_gorevi_popup .gorev_alt div.kabul {
    margin: 0;
    margin-right: 15px;
    animation: kabul_button_anim 2s infinite;
    box-shadow: 0 0 4px 3px rgb(124, 252, 0);

}

.ep_orta_height1 {
    max-height: 500px !important;
    min-height: 500px !important;
}

.ep_orta_height2 {
    max-height: 627px !important;
    min-height: 627px !important;
}

.envanter_popup {
    width: 620px;
    min-height: 310px;
    height: max-content;
    max-width: 100%;
}

.envanter_popup .orta table thead > tr > th {
    border-bottom: 0;
    color: white;
}

.envanter_popup .orta table tbody > tr {
    color: white;
    font-family: sans-serif;
    font-size: 12px;

}

.envanter_popup .orta table tbody > tr:nth-child(1n+2) {
    border-top: 3px solid #1c1711;
}

.envanter_popup .orta table tbody > tr td {
    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 3px solid #1c1711;
    border-bottom: 1px solid #b5b5b503;
    vertical-align: middle;

}

.envanter_popup .orta table tbody > tr td:last-child {
    border-right: unset;
}


.envanter_popup .orta table tr > .esya img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.envanter_popup .orta table tr > .esya .donusturme_puani {
    background-color: #110e0a;
    position: absolute;
    padding: 1px 3px;
    border: 1px solid #6b6b6b21;
    color: #e0cda4;
    font-size: 11px;
    right: 0;
    bottom: 0;
    display: none;
}

.envanter_popup .orta {
    max-height: 627px;
    min-height: 627px;
    overflow-y: auto;
}

.envanter_popup .orta table tr > .esya .direkt_kapasite {
    width: 30px;
    height: 30px;
    object-fit: contain;
}


.envanter_popup .orta table tr > .esya .donustur_envanter_ekle {
    background: #1f170c;
    border: 2px solid #1c1711;
    border-radius: 8px;
    box-shadow: inset 0 0 2px #484343, 0 0 0px 1px #0000007a;
    text-align: center;
    padding: 4px;
    margin: 2px;
}

/*//sil*/

.envanter_popup .donusturme_ac {
    background-color: #00000063;
    width: 100%;
    height: 35px;
    text-align: center;
    line-height: 35px;
    color: wheat;
    box-shadow: inset 0 0 11px -5px #0000004a;

}

.envanter_popup .donusturme_ac:hover {
    background-color: #000000cc;
    cursor: pointer;
}


.envanter_popup .alt {
    display: none;
    width: max-content;
    margin: 20px auto 0 auto;
}

.envanter_popup .alt > div {
    float: left;
}

.envanter_popup .alt .kartlar > div {
    width: 60px;
    height: 60px;
    background-color: #28201a;
    display: inline-block;
    border: 1px solid #3c3c3c1f;
    box-shadow: inset 0 0 20px 11px #00000047;
    cursor: pointer;
    position: relative;
}

.envanter_popup .alt .kartlar > div:hover {
    box-shadow: inset 0 0 20px 11px #000000a3

}

.envanter_popup .alt .kartlar > div i {
    right: 0;
    bottom: 0;
    background-color: #110e0a;
    position: absolute;
    padding: 1px 3px;
    border: 1px solid #6b6b6b21;
    color: #e0cda4;
    font-style: normal;
    font-size: 12px;
}

.envanter_popup .alt .kartlar > div .kaldir {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: max-content;
    height: max-content;
    color: white;
    background-color: #000000e0;
    padding: 0 5px;
    border-radius: 7px;
}

.envanter_popup .alt .kartlar > div:hover .kaldir {
    display: block;
}

.envanter_popup .alt .kartlar > div img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    display: block;

}

.envanter_popup .alt .tipi {
    margin-left: 15px;
    text-align: center;
}

.envanter_popup .alt .tipi > div {
    background-color: #27201a;
    width: 35px;
    height: 35px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #ffffff00;
    box-shadow: inset 0 0 20px 0px black;
    cursor: pointer;
    padding: 4px;
}

.envanter_popup .alt .tipi > div img {
    width: 100%;
    object-fit: contain;
    height: 100%;
    border-radius: 100%;
    display: block;
}

.envanter_popup .alt .tipi > div:hover, .envanter_popup .alt .tipi .active {
    box-shadow: inset 0 0 20px 20px #ff8100;

}


.envanter_popup .alt .tipi p {
    color: #bbbbbbb8;
    font-size: 12px;
}

.envanter_popup .alt .donusturme_yeri {
    display: inline-block;
    margin-left: 25px;
}

.envanter_popup .alt .donusturme_yeri .donustur {
    text-align: center;
    border-radius: 10px 10px 0 0;
    font-weight: bold;
    color: #101010;

}

.envanter_popup .alt .donusturme_yeri .urun {
    width: 210px;
    min-height: 55px;
    background-color: #0000009c;
    margin: 0 auto;
    text-align: center;
    border-radius: 0 0 10px 10px;
}

.envanter_popup .alt .donusturme_yeri .urun b {
    color: orange;
}


.envanter_popup .alt .donusturme_yeri .urun img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.envanter_popup .alt .donusturme_yeri .urun p {
    color: white;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 0;
}

.envanter_popup .alt .donusturme_yeri .urun .bos {
    font-size: 40px;
    color: #b3a64a;
    text-shadow: 0 0 3px #ccff00;
}


.envanter_popup .alt .kartlar, .envanter_popup .alt .tipi {
    margin-top: 15px;
}

.etki_et {
    width: 34px !important;
    height: 35px !important;
    object-fit: contain;
    padding: 4px;
    margin: 5px;
    background-color: #ff000000;

}

.etki_et_uretim {
    box-shadow: inset 0px 0px 20px 9px #130c0c, inset 0px 0px 20px 9px #3c3e0f !important;
    border: 1px solid #352c0d !important;
}

.etki_et_techizat {
    box-shadow: inset 0px 0px 20px 9px #130c0c, inset 0px 0px 20px 9px #0f1e3e !important;
    border: 1px solid #0f1e3eb0 !important;
}

.etki_et_asker {
    box-shadow: inset 0px 0px 20px 9px #130c0c, inset 0px 0px 20px 9px #3e0f0f !important;
    border: 1px solid #3e0f0fb0 !important;
}

.etki_et_teknik {
    box-shadow: inset 0px 0px 20px 9px #130c0c, inset 0px 0px 20px 9px #103e0f !important;
    border: 1px solid #153e0fb0 !important;
}

.envanter_popup .orta table tr > .esya {
    text-align: center;
    padding: 0;
    width: 84px;
    position: relative;
}

.envanter_popup .orta table tr > .aciklama {
    width: 370px;
}

.envanter_popup .orta table tr > .aciklama .sure {
    float: right;
    color: #FFEB3B;
}

.envanter_popup .orta table tr > .sayi {
    width: 50px;
    text-align: center;
}

.envanter_popup .orta table tr > .durum {
    text-align: center;
}

.envanter_popup .orta table tr > .durum .standart_bg_btn {
    height: 25px;
    line-height: 25px;
    color: #131111;
    font-weight: bold;
}

.envanter_popup .orta table tr > .durum_kullan .standart_bg_btn {
    width: 49%;
    display: inline-block;
}

.envanter_popup .orta table tr > .durum .donusturme_btn {
    display: none;
}

.esya_hover:hover {
    box-shadow: none;
}


.sandik_popup {
    width: 620px !important;
    min-height: unset !important;
    max-width: 100%;
    padding-bottom: 55px;
    height: max-content !important;
}

.sandik_popup .standart_bg_btn {
    width: 210px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: bold;
    color: #1d1d1d;
    margin: 0 auto;
    font-size: 16px;
    margin-top: 35px;
}

.sandik_popup .alt {
    display: none;

}

.sandik_popup .not {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: #bdbdbd;
    font-size: 12px;
}

.sandik_popup .urun {
    width: 210px;
    min-height: 80px;
    background-color: #0000009c;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
}

.sandik_popup .urun p {
    color: white;
    font-size: 13px;
    margin-top: 15px;
}

.sandik_popup .urun h3 {
    color: white;
    padding-top: 11px;
}

.sandik_popup .urun p b {
    color: orange;
}

.sandik_popup .urun img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.sandik_popup .img_yeri {
    margin: 50px auto 0 auto;
    text-align: center;
    width: 100px;
    height: 100px;
    background-size: 100%;
    background-repeat: no-repeat;

}

.sandik_popup .sandik_salla {
    animation: esya_anime_sallanma 1000ms forwards;

}

.sandik_popup .sandik_dolu1 {
    animation-delay: 1s;
    animation: esya_anime_sandık_dolu1 800ms forwards;
}

.sandik_popup .sandik_bos1 {
    animation-delay: 1s;
    animation: esya_anime_sandık_bos1 800ms forwards;
}

.sandik_popup .sandik_dolu2 {
    animation-delay: 1s;
    animation: esya_anime_sandık_dolu2 800ms forwards;
}

.sandik_popup .sandik_bos2 {
    animation-delay: 1s;
    animation: esya_anime_sandık_bos2 800ms forwards;
}

.sandik_popup .sandik_dolu3 {
    animation-delay: 1s;
    animation: esya_anime_sandık_dolu3 800ms forwards;
}

.sandik_popup .sandik_bos3 {
    animation-delay: 1s;
    animation: esya_anime_sandık_bos3 800ms forwards;
}

@keyframes esya_anime_sallanma {
    10% {
        transform: rotate(10deg);
    }
    20% {
        transform: rotate(0deg);
    }
    30% {
        transform: rotate(10deg);
    }
    40% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(10deg);
    }
    60% {
        transform: rotate(0deg);
    }
    70% {
        transform: rotate(10deg);
    }
    80% {
        transform: rotate(0deg);
    }
    90% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }

}

@keyframes esya_anime_sandık_dolu1 {
    100% {
        background-image: url("img/esyalar/1.1.png");
    }

}

@keyframes esya_anime_sandık_bos1 {
    100% {
        background-image: url("img/esyalar/1.0.png");
    }
}

@keyframes esya_anime_sandık_dolu2 {
    100% {
        background-image: url("img/esyalar/2.1.png");
    }

}

@keyframes esya_anime_sandık_bos2 {
    100% {
        background-image: url("img/esyalar/2.0.png");
    }
}

@keyframes esya_anime_sandık_dolu3 {
    100% {
        background-image: url("img/esyalar/3.1.png");
    }

}

@keyframes esya_anime_sandık_bos3 {
    100% {
        background-image: url("img/esyalar/3.0.png");
    }
}


@keyframes kabul_button_anim {

    50% {
        box-shadow: 0 0 9px 3px rgb(125, 255, 0);
    }

}

.wt_bildirim_aktif {
    margin-left: 4px;
    border: 2px solid red;
    /* background-color: #d40000; */
    width: 10px;
    height: 10px;
    border-radius: 100%;
    display: inline-block;
    line-height: 22px;
    position: relative;
    /* left: -2px; */
    top: 1px;
    color: white;
    text-align: center;
    font-size: 10px;
    animation: wt_bildirim_aktif_anim 1s infinite;

}


@keyframes wt_bildirim_aktif_anim {

    50% {
        transform: scale(1.4);
    }

}


.gorev_iptal_btn {
    text-align: center;
    color: black;
    font-weight: bold;
}


.loglar_popup {
    width: 1330px;
    height: 750px;
    max-width: 100%;
}

.loglar_popup .orta {
    max-height: 700px;
    overflow: auto;
}

.loglar_popup .orta table {
    color: white;
}

.loglar_popup .orta .ust {

    width: 100%;
    height: 35px;
    padding: 5px 5px;
    border-bottom: 2px solid black;
}

.loglar_popup .orta .ust form {
    float: left;
}

.loglar_popup .orta .ust .secimler {
    float: left;
    margin-top: 3px;
    margin-left: 5px;
}

.loglar_popup .orta .ust .secimler > div {
    margin: 0;
    color: white;
}

.bina_tasima {
    background-color: #ff00004f !important;
}


.mini_map_popup {
    text-align: center;
    overflow: hidden;
    height: 768px !important;
    width: 850px !important;
}

.mini_mapwarband,.mini_mapavrupa_kralliklari{
    width: 1000px !important;
}

.mini_mapwarband,.mini_maphacli-seferleri{
    width: 1020px !important;
}

.mini_mapwarband,.mini_maphacli-seferleri .harita{
    width: 3410px !important;
    height: 2350px !important;
}

.mini_map_popup input {
    margin-top: 2px;
    text-align: center;
}

.mini_map_popup .orta {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: all-scroll;
    background: #4d7b16;
}

.mini_map_popup .orta .harita {
    width: 3230px;
    position: relative;
    height: 1800px;
    max-width: unset;
    max-height: unset;
    background: url(img/mini_map.png);
    background-size: cover;
    background-repeat: no-repeat;

}

.mini_map_popup .orta > .anadolu {
    background: url(img/mini_map_anadolu.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.mini_map_popup .orta > .avrupa_kralliklari {
    background: url(img/zemin.jpg);
}

.mini_map_popup .orta > .warband {
    width: 2500px;
    height: 2500px;
}


.mini_map_popup .orta .harita .mulk {
    height: auto;
    width: 45px;
    position: absolute;
    color: white;
    text-align: center;
    cursor: pointer;
}

.mini_map_popup .orta .harita .mulk p {
    margin: 0;
}

.mini_map_popup .orta .harita .mulk .sehir {
    width: 24px;
}

.mini_map_popup .orta .harita .mulk .kale {
    width: 15px;
}


.mini_map_popup .orta .harita > div span {
    color: white;
    /*font-size: 11px;!*standart*!*/
    font-size: 19px;
    display: block;
    display: block;
    position: relative;
    width: max-content;
    margin: 0 auto;

}

.mini_map_popup .orta .harita > div span:hover {
    color: red;
    cursor: pointer;
}

.mini_map_popup .orta .harita .alan_kale:hover span {
    color: red;
    cursor: pointer;
}

.mini_map_popup .orta .harita > div {

    cursor: pointer;
    text-align: center;
    margin-top: 10px;
}

.mini_map_popup .orta .harita > div img {
    width: 14px;
    cursor: pointer;
}

.mini_map_popup .orta .harita > div .mulk_sehir {
    font-weight: bold;
    color: black;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    /*top: -17px;!*standart*!*/
    top: -30px;
    font-size: 26px;
}

.mini_map_popup .orta .harita .alan_kale {
    /*margin: 2px;*/
    z-index: 2;
}

.mini_map_popup .general_bolum {
    width: max-content;
    height: 21px;
    margin-top: 2px;
    margin: 0 auto;
}

.mini_map_popup .general_bolum p {
    background-color: #28201a;
    padding: 0px;
    height: 21px;
    line-height: 21px;
    color: #e4e4e4;
    font-size: 10px;
    float: left;
    margin-right: 8px;
    padding: 0 12px;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    cursor: pointer;
}

.mini_map_popup .general_bolum p:hover {
    background-color: #3e2d21;
}

.mini_map_popup .general_bolum img {
    width: 18px;
    cursor: pointer;
    object-fit: contain;
    height: 16px;
}

.mini_map_popup .general_bolum input {
    float: left;
}

.haber_bulteni {
    width: 100px;
    height: 24px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 108px;
    margin: auto;
    z-index: 555;
    background-color: #130c05f2;
    border-radius: 12px 12px 0 0;
}

.hb_active {
    height: 196px;
    width: 379px;
}

.haber_bulteni .baslik {
    text-align: center;
    color: wheat;
    height: 25px;
    line-height: 29px;
    font-family: 'Gayathri', sans-serif;
    cursor: pointer;
}

.haber_bulteni .orta {
    padding: 5px;
    overflow-y: auto;
    max-height: 170px;
}

.haber_bulteni .orta p {
    float: left;
    width: 100%;
    height: auto;
    min-height: 25px;
    position: relative;
    background: #EFE8CE;
    border-radius: 0 5px 5px 5px;
    padding: 6px;
    font-size: 12px;
    color: black;
    margin-bottom: 4px;
}

.haber_bulteni .orta p span.saldiran_b {
    color: green;
}

.haber_bulteni .orta p span.savunan_b {
    color: red;
}

.scroll_hareket {
    cursor: pointer;
}

.gunluk_odul_popup {
    width: 885px;
    height: 590px;
}

.gunluk_odul_popup .hepsi > .baslik {
    width: 96%;
    height: 50px;
    line-height: 38px;
    padding-top: 5px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 15px;
    color: wheat;
    margin: 15px 13px;
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38;
    background-color: #28201a;
    text-align: center;
    border: 1px solid #00000080;
}


.standart_efekt1 {
    background-color: #352c21;
    box-shadow: inset 0 0 0px 5px #1c1711;
    border: 4px solid #000000d1;
    padding: 8px 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.gunluk_odul_popup .orta .odul {
    width: 110px;
    height: 150px;
    position: relative;
    float: left;
    margin-left: 10px;
    margin-top: 10px;


    text-align: center;

}

.gunluk_odul_popup .orta > div.parlama {
    animation: gunluk_odul_parlama 2s infinite;
    text-shadow: 0 0 0px #c8ff00;
}

@keyframes gunluk_odul_parlama {

    50% {
        text-shadow: 0 0 15px #c8ff00;
    }

}

.gunluk_odul_popup .orta > div.kart_cevir {
    animation: gunluk_odul_cevirme 2s forwards;

}


@keyframes gunluk_odul_cevirme {

    50% {
        transform: rotateY(90deg);
    }
}


.gunluk_odul_popup .orta > div.active, .gunluk_odul_popup .orta .odul:hover {
    background-color: #293521;
}

.gunluk_odul_popup .orta .odul .img_yeri {

}

.gunluk_odul_popup .orta .odul img {
    object-fit: contain;
    /*width: 60px;*/
    /*height: 60px;*/
}

.gunluk_odul_popup .orta .odul .img_yeri p {
    margin: 0;
    color: white;
}

.gunluk_odul_popup .orta .odul .baslik {
    color: white;
    font-weight: bold;
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
    font-size: 16px;
}

.gunluk_odul_popup .odul_al {
    margin: 0 auto;
    width: 140px;
    height: 60px;
    line-height: 50px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
    clear: both;

}

.general_popup {
    min-height: unset !important;
    height: 692px !important;
}

.general_popup > .orta {
    overflow-y: auto;
    max-height: 94%;
    overflow-x: hidden;
}

.general_popup table {
    width: auto;
    margin: 0 auto;
    margin-bottom: 0;
}

.general_popup table tr td {
    padding: 0;
    color: white;
    text-align: center;
    border: 1px solid #b5b5b526;
}

.general_popup table thead tr {
    border: none;
}

.general_popup table thead tr th {
    border: none;
}

.general_popup table thead {
    color: white;
}

.general_popup table tr td img {
    width: 21px;
    height: 21px;
    object-fit: contain;
}

.general_popup table thead tr th {
    text-align: center;
}

.general_popup table thead tr th img {
    width: 34px;
    object-fit: contain;
    height: 33px;
}


.general_popup table .uye {
    background-color: #130c05 !important;
}

.general_popup table .uye td {
    border: none;
}

.general_popup table tbody tr {

    background-color: #28201a;

}

.general_popup table tbody tr:hover {
    background-color: #1a2028b8;
}

.general_popup table tbody tr td:first-child span {
    font-size: 10px;
    color: #a2a2a2;
}

.hedef_border_ekle {
    box-shadow: 0 0 5px yellow;
    background-color: #ffffff;
    color: black;
    font-weight: bold;

    animation: hedef_border_ekle 1s infinite;

}


@keyframes hedef_border_ekle {

    50% {
        box-shadow: 0 0 20px yellow;
    }

}

.ticaret_merkezi_popup {
    width: 100%;
    height: max-content;
    float: left;
    padding-top: 10px;
    color: white;
    max-width: 100%;
}

.ticaret_merkezi_popup .orta .urun table thead > tr > th {
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 3px solid #1c1711;
    border-bottom: 1px solid #b5b5b503;
    vertical-align: middle;
}

.ticaret_merkezi_popup .orta table tbody > tr td {
    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 3px solid #1c1711;
    border-bottom: 1px solid #b5b5b503;
    vertical-align: middle;
}

.ticaret_merkezi_popup .orta table tbody > tr {
    border-top: 3px solid #1c1711;
}


.ticaret_merkezi_popup .orta .urun {
    display: none;
    overflow-y: auto;
    max-height: 342px;
    overflow-x: hidden;
    max-width: 100%;
}

.ticaret_merkezi_popup .orta > div.active {
    display: block;
}

.ticaret_merkezi_popup .orta .table {
    margin-bottom: 0;
}

.ticaret_merkezi_popup .orta table tbody > tr td, .ticaret_merkezi_popup .orta table thead > tr th {
    padding: 0 5px;
    text-align: center;


}

.ticaret_merkezi_popup .orta table tbody > tr.kendi_urun td {
    background-color: #1a2028;
}

.ticaret_merkezi_popup .orta table tbody > tr.klan_urun td {
    background-color: #1d281a;
}

.ticaret_merkezi_popup .tipi img {
    width: 30px;
    object-fit: contain;
    height: 23px;

}

.ticaret_merkezi_popup .miktar {
    width: 75px;
    padding: 0 !important;
}

.ticaret_merkezi_popup .miktar input {
    width: 75px;
    border: none;
    text-align: center;

}

.ticaret_merkezi_popup .fiyat {
    width: 75px;
    padding: 0 !important;
}

.ticaret_merkezi_popup .fiyat input {
    width: 75px;
    border: none;
    text-align: center;

}


.ticaret_merkezi_popup tr .devam_et {
    text-align: center;
    height: 18px;
    line-height: 18px;
    color: #1f1f1f;
    font-weight: bold;
}


.ticaret_merkezi_popup .alt {
    width: 100%;
    height: 20px;
    border-top: 1px solid #130c05;
    background-color: #14100c;
}

.ticaret_merkezi_popup .alt ul {
    float: right;
}

.ticaret_merkezi_popup .alt ul li {
    list-style: none;
    float: left;
    margin-right: 5px;
    color: #929292;
    cursor: pointer;
    border-left: 1px solid;
    padding: 0 5px;
    font-size: 13px;
}

.ticaret_merkezi_popup .alt ul li:first-child {
    border-left: none;
}

.ticaret_merkezi_popup .alt ul li:hover, .ticaret_merkezi_popup .alt ul li.active {
    color: white;
}

.ticaret_merkezi_popup .orta table tr:hover td {
    background-color: #28201a85;

}

.ticaret_merkezi_popup .teklif_guncelle {
    color: black;
    font-weight: bold;;
}

.ticaret_merkezi_popup .urun .sehir span {
    font-size: 11px;
    color: #b3b3b3;
}

.ticaret_merkezi_devam_et_popup {
    height: max-content;
}

.ticaret_merkezi_devam_et_popup .onayla {
    width: 100px;
    height: 23px;
    line-height: 24px;
    float: right;
    color: black;
}

.ticaret_merkezi_devam_et_popup .orta .urun .img_yeri {
    position: relative;
    width: 43px;
    height: 43px;
    margin: 0 auto;
}

.ticaret_merkezi_devam_et_popup .orta .urun .img_yeri span {
    position: absolute;
    background-color: #3d3586b8;
    text-align: center;
    font-size: 11px;
    height: 14px;
    line-height: 1;
    padding: 2px 4px;
    right: -30px;
    top: -5px;
    color: white;
}

.ticaret_merkezi_devam_et_popup .orta .urun .img_yeri img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    border: 1px solid #b5b5b526;
}

.ticaret_merkezi_devam_et_popup .orta .urun h3 {
    margin: 0;
    margin-top: 8px;
    font-size: 16px;
    color: whitesmoke;
}

.ticaret_merkezi_devam_et_popup .orta .urun h3 span {
    color: #8a8a8a;
    font-size: 12px;
}

.ticaret_merkezi_devam_et_popup .orta .urun > p {
    color: orange;
    font-size: 11px;
}

.ticaret_merkezi_devam_et_popup .orta .urun input[type=range] {
    width: 60%;
    margin: 0 auto;
}

.ticaret_merkezi_devam_et_popup .orta .urun input[type=number] {
    width: 65px;
    height: 23px;
}

.ticaret_merkezi_devam_et_popup .orta .urun .odenecek {
    display: inline-block;
    margin: 0 auto;
    padding: 0 5px;
    background-color: #28201a;

    margin-top: 12px;
    box-shadow: 0 2px 8px -5px #14100c;
    border: 1px solid #b5b5b526;
    color: #d0d0d0;

}

.ticaret_merkezi_devam_et_popup .orta .urun .sure {
    font-size: 11px;
    color: #9a9a9a;
}


.ticaret_merkezi_devam_et_popup .orta .urun .odenecek b {
    color: #FFEB3B;
    font-weight: unset;
}

.mabet_yeri_ozellik {
    float: left;
    width: 100%;
    height: 237px;
    margin-top: 25px;
}

.mabet_yeri_ozellik .baslik {
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38;
    background-color: #28201a;
    text-align: center;
    padding: 5px 30px;
    color: wheat;
    font-size: 13px;
}

.mabet_yeri_ozellik .orta > div {
    width: 160px;
    height: max-content;
    float: left;
    margin-left: 36px;
    margin-top: 20px;
    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    color: #e2e2e2;
    border: 1px solid #b5b5b526;
    opacity: 0.5;

    cursor: pointer;

}

.mabet_yeri_ozellik .orta div:hover {
    background-color: #281a1a;
}

.mabet_yeri_ozellik .orta > div.active {
    opacity: 1;
}

.mabet_yeri_ozellik .orta > div > .img_yeri {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    margin: 8px;
    float: left;
}

.mabet_yeri_ozellik .orta > div > .gerekli {
    font-size: 11px;
    border-top: 1px solid #b5b5b526;
    float: left;
    width: 100%;
    color: #ffd400;
    text-align: center;

}

.mabet_yeri_ozellik .orta > div:nth-of-type(1) > .img_yeri {
    background-color: #00b8ff1f;
    box-shadow: 1px 0px 20px 9px #00b8ff1f;
}

.mabet_yeri_ozellik .orta > div:nth-of-type(2) > .img_yeri {
    background-color: #002bff1f;
    box-shadow: 1px 0px 20px 9px #002bff1f;
}

.mabet_yeri_ozellik .orta > div:nth-of-type(3) > .img_yeri {
    background-color: #6200ff1f;
    box-shadow: 1px 0px 20px 9px #6200ff1f;
}

.mabet_yeri_ozellik .orta > div:nth-of-type(4) > .img_yeri {
    background-color: #ff006a1f;
    box-shadow: 1px 0px 20px 9px #ff006a1f;
}

.mabet_yeri_ozellik .orta > div:nth-of-type(5) > .img_yeri {
    background-color: #ff3b001f;
    box-shadow: 1px 0px 20px 9px #ff3b001f;
}

.mabet_yeri_ozellik .orta > div:nth-of-type(6) > .img_yeri {
    background-color: #00ff4317;
    box-shadow: 1px 0px 20px 9px #00ff431f;
}


.mabet_yeri_ozellik .orta > div > .img_yeri > img {
    width: 100%;
    height: 100%;
}

.mabet_yeri_ozellik .orta > div > .aciklama {
    float: left;
    text-align: center;
    width: 120px;
    font-size: 12px;
    padding: 3px 0px;
}

.mabet_yeri_ozellik .orta > div > .aciklama b {
    color: orange;
}


.mobil_karar {
    width: 300px;
    max-width: 100%;
    height: max-content;
    position: fixed;
    right: 0;
    top: 57px;
    margin: auto;
    left: 0;
    background-color: #130c05;
    border: 3px double;
    z-index: 9999999;
    padding: 10px 0;
}

.mobil_karar p {
    text-align: center;
    color: #d6d6d6;
}

.mobil_karar .karar_yeri {
    width: 100%;

    height: 30px;
}

.mobil_karar .karar_yeri > div {
    float: left;
    width: 50%;
    text-align: center;
    font-size: 32px;


}

.mobil_karar .karar_yeri > div > i {
    cursor: pointer;
}

.mobil_karar .karar_yeri > .karar_hayir i {
    color: #fc0000;
    text-shadow: 0 0 15px #311209, 0 0px 4px #e69a9aa3;
}

.mobil_karar .karar_yeri > .karar_tamam i {
    color: lawngreen;
    text-shadow: 0 0 15px #56911d, 0 0px 4px #ffffffa3;
}


.mobil_karar .karar_yeri > .karar_iptal {
    text-align: center;
    color: white;
    font-size: 15px;
    width: 100%;
}

.mobil_karar .karar_yeri > .karar_iptal i {
    font-style: normal;
}

.mobil_karar .karar_yeri > .karar_iptal i:hover {
    color: bisque;
}

img.click_hover {
    box-shadow: 0 0 6px 4px #fff700;
}


/*Mobil popup*/

.mobil_popup, .mobil_popup_static {
    background-color: #1C1711;
    width: 728px;
    min-height: 692px;
    max-width: 100%;
    height: max-content;
    max-height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    position: fixed;
    margin: auto;
    box-shadow: 0 0 2px 0px #bfbfbf8c;
    border: 2px solid #060504bf;
    z-index: 555555555;

}

.mobil_popup_st {
    z-index: 13333;
    background-color: #1C1711;
    box-shadow: 0 0 2px 0px #bfbfbf8c;
    border: 2px solid #060504bf;
}


.wt_mobil_kapat {
    background-color: #28201a;
    border: 1px solid #8a8a8a52;
    cursor: pointer;
}

.wt_beyaz_kapat {


    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 17px;
    line-height: 27px;
    position: absolute;
    right: 10px;
    top: 0;
    cursor: pointer;
}

.mobil_popup .global_header, .mobil_popup_st .global_header, .mobil_popup_static .global_header {
    background-color: #0000004d;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #efe2cb;
    text-align: center;
    position: relative;
}

.mobil_popup .global_header .kapat_popup, .mobil_popup_st .global_header .kapat_popup, .mobil_popup_static .global_header .kapat_popup {
    position: absolute;
    right: 5px;
    background-color: #28201a;
    top: 3px;
    height: 20px;
    width: 20px;
    line-height: 26px;
    border: 1px solid #8a8a8a52;
    cursor: pointer;
}

.mobil_popup .global_header .kapat_popup img, .mobil_popup_st .global_header .kapat_popup img, .mobil_popup_static .global_header .kapat_popup img {
    width: 12px;
    position: relative;
    top: -4px;
}

.mobil_popup .global_header .yardim, .mobil_popup_st .global_header .yardim, .mobil_popup_static .global_header .yardim {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 30px;
    top: 3px;
    line-height: 18px;
    border-radius: 100%;

    background-color: #28201a;
    border: 1px solid #8a8a8a52;
    cursor: help;
}

.wt_taraf_gucleri {
    background-color: #a33830;
    position: absolute;
    right: 30px;
    color: white;

    padding: 5px;
    border: 3px double #130c05;
    margin-top: -115px;
    text-align: center;
    cursor: pointer;
}

.taraf_gucleri_popup {
    width: 350px;
    min-height: unset;
}

.taraf_gucleri_popup tr td {
    color: #04ff00;
}

.taraf_gucleri_popup tr th {
    color: white;
}

.taraf_gucleri_popup tr th:nth-of-type(2) {
    text-align: center;
}

.taraf_gucleri_popup tr td img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.mobil_popup .global_header .yardim img, .mobil_popup_st .global_header .yardim img, .mobil_popup_static .global_header .yardim img {
    width: 9px;
    cursor: help;
}

.mobil_popup .global_header .yardim a, .mobil_popup_st .global_header .yardim a, .mobil_popup_static .global_header .yardim a {
    padding: 1px 5px;
    cursor: help;

}

.asker_uretimdekiler_popup {
    width: 430px;
    min-height: 430px;
    height: max-content;
}

.asker_uretimdekiler_popup .orta {
    text-align: center;
}

.asker_uretimdekiler_popup .orta .uretim {
    background-color: #28201A;
    padding-top: 5px;
}

.asker_uretimdekiler_popup .orta .uretim .asker {
    width: 52px;
    height: 67px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    margin-right: 5px;
    border-radius: 5px;
    color: #DFB671;
    display: inline-block;

}

.asker_uretimdekiler_popup .orta .uretim .asker img {
    object-fit: contain;
    width: 47px;
    height: 46px;
}

.asker_uretimdekiler_popup .kalan_saniye {
    background-color: #231c16;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #212121;
    color: #e7ff63;
    margin-top: 5px;
}

.asker_duzen_popup {
    position: absolute;
    width: max-content;
    min-width: 200px;
    min-height: 100px;
    margin: 0;
    z-index: 124142412421214124124;
}

.asker_duzen_popup .orta .asker {
    width: 52px;
    height: 67px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c;
    margin-right: 5px;
    border-radius: 5px;
    color: #DFB671;
    display: inline-block;
    margin: 2px;
    cursor: pointer;
}

.asker_duzen_popup .orta .asker:hover {
    background-color: #382816;
}

.asker_duzen_popup .orta .asker img {
    object-fit: contain;
    width: 47px;
    height: 46px;
}

.asker_duzen_popup .orta .asker span {
    display: block;
}

.savas_sonucu .wt_saldiri_duzenleme {
    float: left;

}

.savas_sonucu .wt_savunma_duzenleme {
    float: right;
}

.wt_rapor_duzenleme {
    width: 95px;
    height: 210px;
    margin: 0;
}

.wt_rapor_duzenleme .duzen:nth-of-type(n+5) {
    top: -146px;
    clear: both;
}

.wt_rapor_duzenleme .duzen {
    width: 40px;
    height: 40px;
}

.wt_rapor_duzenleme .duzen img {
    width: 34px !important;
    height: 34px !important;
}

.oyun_menu {
    background-color: #130c05;
    width: 100%;
    height: 60px;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #3a3a3a;
    z-index: 1000000;
}

.mobil_navbar_alt {
    width: max-content;
    max-width: 100%;
    height: max-content;
    z-index: 124214124124142241124;
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 94px;
}

.mobil_navbar_alt .bilgi {
    display: inline-block;
    vertical-align: middle;
    background-color: #130c05;
    color: #e0ef07;
    border-radius: 25px;
    padding-right: 2px;
    border: 1px solid #f9fbfa30;
    line-height: 17px;
    padding: 0 4px 0 0;
}

.mobil_navbar_alt > .bilgi > img {
    width: 22px;
    border-radius: 100%;
    border: 1px solid #40404052;
    background-color: #30291d;
}


.oyun_menu > .orta_alt {
    width: 282px;
    position: absolute;
    z-index: -1;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
}

.oyun_menu > .orta_alt > div span {
    color: white;
}

.oyun_menu > .orta_alt > div {
    display: inline-block;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
}

.oyun_menu > .orta_alt > div > div {
    width: 40px;
    height: 40px;
    border: 1px solid black;
    background-color: #d3c89a;
    box-shadow: inset 0 0 6px 0px black;
    border-radius: 100%;
    line-height: 40px;
    margin-top: 2px;
    margin: 0 auto;
}

.oyun_menu > .orta_alt > div > div img {
    width: 31px;
    object-fit: contain;
    height: 24px;
}


.oyun_menu .sol, .oyun_menu .sag {
    background-color: #130c05;
    width: 70px;
    height: 80px;
    position: relative;
    top: -20px;

    border: 1px solid #3a3a3a;
    box-shadow: 0 0 3px -2px #dadada;
    padding-top: 5px;
    text-align: center;
    color: white;


}

.oyun_menu .sol {
    border-radius: 0 20px 0 0;
    float: left;
}

.oyun_menu .sol .img_yeri, .oyun_menu .sag .img_yeri {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin: 0 auto;
    box-shadow: inset 0 0 6px #382e24, 0 0 5px -4px #616161;
    text-align: center;
    line-height: 55px;
    font-size: 26px;
    color: #afafaf;
    cursor: pointer;
    margin-bottom: 4px;
}

.oyun_menu .sol .img_yeri:hover, .oyun_menu .sag .img_yeri:hover {
    color: yellow;
}

.oyun_menu .sol span, .oyun_menu .sag span {
    border-top: 1px solid #3a3a3a;
    display: block;
    font-size: 12px;
    line-height: 18px;
}

.oyun_menu .sag {
    border-top: none;
    float: right;
}


.oyun_menu .sag .img_yeri {
    line-height: unset;
}

.oyun_menu .sag .img_yeri img {
    width: 48px;
    object-fit: contain;
    height: 48px;
}


.sag_menuler {
    width: 70px;
    height: max-content;
    background-color: #130c05;
    position: fixed;
    right: 0;
    bottom: -592px;
    border-radius: 25px 25px 0 0;
    z-index: 8988888888;
    transition: all 0.3s ease;
    border: 1px solid #3a3a3a;
    border-bottom: 0;
    overflow-y: auto;
    max-height: 370px;
    padding-top: 5px;

    text-align: center;
}


.sol_menuler {
    width: 70px;
    height: max-content;
    background-color: #130c05;
    position: fixed;
    left: 0;
    bottom: -592px;
    border-radius: 25px 25px 0 0;
    z-index: 1000000;
    transition: all 0.3s ease;
    border: 1px solid #3a3a3a;
    border-bottom: 0;

}

.sol_menuler_active {
    bottom: 79px !important;
    transition: all 0.3s ease;
}

.diger_menuler_active {
    bottom: 60px !important;
    transition: all 0.3s ease;
}
.sol_menuler > div{
    display: flex;
    flex-direction: column;
    color: #cec396;
    align-items: center;
    font-size: 13px;
}
.sol_menuler > div>div {
    width: 30px;
    height: 30px;
    display: flex;
    margin: 5px auto 0 auto;
    border: 1px solid black;
    background-color: #d3c89a;
    box-shadow: inset 0 0 6px 0px black;
    border-radius: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.sol_menuler > div img {
    width: 16px;
    object-fit: contain;
    height: 16px;
}

.y_radius_kaldir {
    border-radius: 0 !important;
}

.sag_menuler > div {
    text-align: center;
    display: inline-block;
}

.sag_menuler > div .button_nv {
    width: 40px;
    height: 40px;
    border: 1px solid black;
    background-color: #d3c89a;
    box-shadow: inset 0 0 6px 0px black;
    border-radius: 100%;
    line-height: 40px;
    margin-top: 2px;
    margin: 0 auto;
}

.sag_menuler > div span {
    color: white;
    font-size: 11px;
}

.sag_menuler > div .button_nv img {
    width: 43px;
    object-fit: contain;
    height: 30px;
}


.diger_menuler {
    height: 280px;
    background-color: #130c05;
    position: fixed;
    /* border-left: hidden; */
    bottom: -360px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 9px 9px 0 0;
    transition: all 0.3s ease;
    border: 1px solid #3a3a3a;
    border-bottom: 0;
    z-index: 1000000;
    padding: 0px 5px;
    text-align: center;
    width: 170px;
}

.diger_menuler > div a {
    display: block;
    color: #000000;

}

.diger_menuler > div {
    color: #000000;
    border-top: 1px solid #525252;
    font-weight: bold;
    font-size: 13px;
    font-family: sans-serif;
    padding: 3px 13px;
    border-radius: 9px;
    margin-top: 5px;
}


.baslangic_gorevi {
    width: 300px;
    height: 300px;
    min-height: unset;
}


.gorev_img_yeri {
    border: 3px double #464646b3;
    border-radius: 100%;
    width: 70px;
    background-color: #330e0875;
    box-shadow: inset 0 0 14px #736d5461;
    margin: 0 auto;
}


.gorev_img_yeri img {
    width: 100%;
    border-radius: 100%;
}


.baslangic_gorevi .ust {
    border-bottom: 1px solid #3c3c3c;
}

.baslangic_gorevi .orta {
    text-align: center;
    color: white;
    min-height: 160px;
}

.baslangic_gorevi .orta p {
    font-size: 12px;
    color: #d6d6d6;

}

.baslangic_gorevi .orta .gorev_img {
    width: 40px;
    height: 40px;
    object-fit: contain;

}

.baslangic_gorevi .orta h4 {
    color: yellow;
    font-size: 14px;

}

.baslangic_gorevi .orta p {
    font-size: 12px;
    color: #d6d6d6;

}

.baslangic_gorevi {
    text-align: center;
}

.baslangic_gorevi .standart_bg_btn {
    width: 45%;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #151313;


    margin: 10px auto;
    display: inline-block;
}


.baslangic_gorevi .alt {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    color: #b3b3b3;
    border-top: 1px solid #3c3c3c;
}


.silinecek1 {
    width: 600px;
    height: max-content;

    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 44444;
    background-color: rgba(0, 0, 0, 0.95);
    color: white;

    text-align: center;
    max-width: 100%;
}


.silinecek1 .giris_form_ozel_btn {
    width: 200px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ffffff1a;
    margin: 10px auto;
}

.silinecek1 img {
    margin-top: 15px;
    width: 440px;
    max-width: 100%;
    border-radius: 40px;
    box-shadow: 0 0 9px #ffffff75, inset 0 0 16px #0000008a;
}

.silinecek1 p {
    padding: 0 10px;
    font-size: 14px;
    margin: 0;
    margin-top: 10px;
    color: #d6d6d6;
}


.mobil_ortala {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block !important;
    z-index: 1000000;
}


.hane_click_p:hover, .daha_fazla_click:hover {
    color: yellow !important;
    cursor: pointer;

}

.loglar_popup {
    width: 1000px;
}


.mobil_img {
    object-fit: contain;
}

.varis_sureler_pops {
    position: fixed;
}

.irk_popup .hepsi {
    text-align: center;
}

.irk_popup .hepsi .irk {
    width: 160px;
    height: 180px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 5px;
    background-color: #14100c;
    padding: 5px;
    box-shadow: 0 0 2px 1px #f5ff3b42;
    display: inline-block;

}

.irk_popup .hepsi .irk:hover, .irk_popup .hepsi .active {
    box-shadow: 0 0 2px 1px #f5ff3b;
    cursor: pointer;
}

.irk_popup .hepsi .irk .img_yeri {

    margin: 15px auto;
    width: 60px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #947e40;
    box-shadow: 0 0 2px black, 0 2px 3px black, inset 0 0px 9px 1px black, inset 0 0px 3px 1px #ffeb3bdb, inset 0 0px 0px 2px #947e40, inset 0 0px 0px 3px #947e40a3, inset 0 0px 0px 3px #ffffff;

}

.irk_popup .hepsi .irk h4 {
    color: white;
}

.irk_popup .hepsi .irk img {
    width: 70px;
    margin-top: 15px;

}

.irk_popup .hepsi .irk p {
    color: #d2d2d2;
    font-size: 13px;
}

.irk_popup .hepsi .irk p b {
    color: orange;
}

.irk_popup .hepsi .irk .avantaj {
    margin: 0;
    display: inline-table;
}

.irk_popup .irklar {
    width: 503px;
    margin: 0 auto;
    max-width: 100%;
}

.irk_popup .hepsi .irk:nth-of-type(1) .img_yeri, .wt_irk1 {
    background-color: #3e082c !important;

}

.irk_popup .hepsi .irk:nth-of-type(2) .img_yeri, .wt_irk2 {
    background-color: #092708 !important;

}

.irk_popup .hepsi .irk:nth-of-type(3) .img_yeri, .wt_irk3 {
    background-color: #12383e !important;
}

.irk_popup .hepsi .irk:nth-of-type(4) .img_yeri, .wt_irk4 {
    background-color: #672400 !important;

}

.irk_popup .hepsi .irk:nth-of-type(5) .img_yeri, .wt_irk5 {
    background-color: #333818 !important;

}

.irk_popup .hepsi .irk:nth-of-type(6) .img_yeri, .wt_irk6 {
    background-color: #770b02 !important;
}

.wt_irk_opa1 {
    background-color: #3e082c59 !important;

}

.wt_irk_opa2 {
    background-color: #09270852 !important;

}

.wt_irk_opa3 {
    background-color: #12383e4a !important;
}

.wt_irk_opa4 {
    background-color: #67240054 !important;

}

.wt_irk_opa5 {
    background-color: #33381852 !important;

}

.wt_irk_opa6 {
    background-color: #770b023b !important;
}


.irk_popup .orta {
    padding-top: 25px;
    padding-bottom: 25px;
}

.irk_popup .orta .aciklama {
    display: none;
}

.irk_popup .hikaye {
    padding: 0 65px;
    margin-top: 30px;
}

.irk_popup .hikaye h2 {
    color: #c2cbd0;
    text-shadow: 0 0 4px black;
}

.irk_popup .hikaye p {
    color: #d2d2d2;
    font-size: 13px;
    max-height: 112px;
    overflow-y: auto;
}

.irk_popup .hikaye h4 {
    color: orange;
    margin-top: 15px;
}

.irk_popup .hikaye .onayla_btn {
    width: 190px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0 auto;
    font-weight: bold;
    color: black;
}

.calradiaLoader {
    background-color: #000000b5;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 12412421412412124;

}

.calradiaLoader .orta {
    text-align: center;
    color: white;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    width: max-content;
    height: max-content;
    max-width: 100%;

}

.calradiaLoader .orta > img {
    max-width: 100%;
}

.calradiaLoader .orta > .gif {
    display: block;
    width: 50px;
    max-width: 100%;
    margin: 0 auto;
}

.mobil_koye_git {
    position: absolute;
    margin-top: -35px;
    text-align: center;
    margin-left: -1px;
    line-height: 30px;
    height: 30px;
    width: 70px;
    background-color: #130c05;
    border: 1px solid #3a3a3a;
    border-radius: 20px 0 0 0;

}

.mobil_koye_git:hover {
    color: orange;
}

.pre_sira_iptal {
    font-weight: bold;
    text-align: center;
    color: black;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 5px;
    border-radius: 25px;
}

.arastirma_popup .pre_sira_iptal, .asker_uretimdekiler_popup .pre_sira_iptal {
    clear: both;
    margin: 0 auto;
    width: max-content;
}

.swListe {
    width: 330px;
    height: 500px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    max-width: 100%;
}

.swListe .sw {
    text-align: center;
    width: 260px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid #4646462e;
    box-shadow: 0 0 11px black;
    display: inline-block;
    padding: 0 5px;
    font-family: inherit;
    margin-top: 15px;
    max-width: 95%;
}

.swListe .sw .baslik {
    color: white;
    font-size: 15px;
    text-shadow: none;


}


.swListe h1 {
    text-align: center;
    color: white;
    border: none;
    color: white !important;
    text-shadow: none;
    font-family: sans-serif;
    padding: 15px 0;
    margin: 0;
    margin-bottom: 15px;
    font-size: 19px;
    border-radius: 10px 10px 0 0;
}

.swListe .sw .gun {
    color: orange;
    font-size: 30px;
    text-shadow: 0 0 3px black;
    font-weight: 600;

}

.swListe .active {
    box-shadow: 0 0 0px 0px #ffff0040;

    /*box-shadow: 0 0 3px 3px yellow;*/

    animation: yeniSw 1s infinite;

}

@keyframes yeniSw {

    50% {
        box-shadow: 0 0 3px 3px yellow;
    }

}


/*.active {*/
/*box-shadow: 0 0 3px 3px #ab0b0a;*/
/*}*/


/*.swListe .sw .baslik{*/
/*color: black;*/
/*font-weight: bold;*/
/*text-shadow: 0 0 3px #ffffff91;*/


/*width: 100%;*/
/*height: 60px;*/
/*line-height: 60px;*/
/*font-size: 25px;*/
/*font-family: sans-serif;*/
/*border-radius: 5px 5px 0 0;*/

/*background: rgb(225, 100, 59); !* Old browsers *!*/
/*background: -moz-linear-gradient(top, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%); !* FF3.6-15 *!*/
/*background: -webkit-linear-gradient(top, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%); !* Chrome10-25,Safari5.1-6 *!*/
/*background: linear-gradient(to bottom, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!*/
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1643b', endColorstr='#890e05', GradientType=0); !* IE6-9 *!*/

/*}*/
/*.swListe .sw .swName{*/
/*color: white;*/
/*margin-top: 10px;*/
/*font-size: 15px;*/
/*}*/
/*.swListe .sw p{*/
/*margin-top: 5px;*/
/*font-size: 12px;*/
/*color: #a7a7a7;*/
/*min-height: 90px;*/
/*}*/
/*.swListe .sw .standart_bg_btn{*/
/*width: 120px;*/
/*height: 25px;*/
/*line-height: 25px;*/
/*text-align: center;*/
/*font-weight: bold;*/
/*box-shadow: 0 0 1px 1px #3838387a, 0 2px 1px 1px #00000033;*/
/*border: 1px solid #6b6b6b9c;*/
/*border-radius: 5px;*/
/*color: #252525;*/
/*margin: 0 auto;*/
/*margin-top: 10px;*/


/*}*/


.wt_bgk {
    background-color: #ffffff30;
}

.wt_bgkf {
    background-color: #ff00004f !important;
}

.wt_hareket_red {
    background-color: #ff0000e0 !important;
}

.wt_hareket_green {
    background-color: #44ff00b3 !important;
}

.hareket_detaylar_popup {
    min-width: 122px;
}

.hareket_detaylar_popup .orta .asker {
    width: max-content
}

.hareket_detaylar_popup .orta {
    text-align: center;
}

.hareket_detaylar_popup .orta .asker img {
    width: 37px;
}

.hareket_detaylar_popup .duzen_footer {
    text-align: center;
    color: #18abf1;
    font-size: 13px;
}

.pcMulkTik {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    border-radius: 100%;
    background-color: #252425;
    line-height: 30px;
    color: white;
    font-size: 18px;
    cursor: pointer;
}

.pcMulkTik:hover {
    background-color: #1b161b;
}

.pcMulkSecim {
    position: unset;
    width: 255px;
    border-radius: 15px;
    padding: 5px;
    overflow: hidden;
}

.pcMulkSecim .buton > div:hover {
    cursor: pointer;
    background-color: #e7f15c;
}

.mulkler_popup .orta table {
    width: 100%;

}

.mulkler_popup .orta .trBaslik {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#41220f+0,371d0d+44,2b1609+100 */
    background: #41220f; /* Old browsers */
    background: -moz-linear-gradient(top, #41220f 0%, #371d0d 44%, #2b1609 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #41220f 0%, #371d0d 44%, #2b1609 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #41220f 0%, #371d0d 44%, #2b1609 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#41220f', endColorstr='#2b1609', GradientType=0); /* IE6-9 */
}

.mulkler_popup table tr td {
    border: 1px solid #b5b5b50f;
}

.mulkler_popup .trBaslikIn {
    background-color: #211914;
}

.general_popup table tbody tr td span.sure {
    font-size: 10px;
    color: #a2a2a2;
}

.mulk_kalesi_popup .tab-content {
    max-height: 620px;
    overflow-y: auto;
}

.mulk_kalesi_popup .nav-tabs > li.active > a {
    background-color: #28201a;
    border: 1px solid #ffffff30;
    border-bottom-color: transparent;
    color: #f5de91;
}

.mulk_kalesi_popup .nav-tabs {
    border-bottom: 1px solid #ffffff30;
}

.mulk_kalesi_popup .nav-tabs > li > a {
    color: #6b655e;
}

.mulk_kalesi_popup .koy_sur {
    background: url(img/savas/bg/koy.jpg) no-repeat center;
    width: 626px;
    height: 310px;
    margin: 10px auto;
    border: 4px solid #000000a1;
    max-width: 100%;
}

.wt_koy_gelistir {
    width: auto !important;
    position: relative;
}

.wt_koy_gelistir .duzen {
    float: left !important;
    clear: unset !important;
    margin: 0 !important;
    position: relative !important;
    top: 0 !important;
    width: 40px;
    height: 40px;

}


.wt_koy_gelistir .ust .duzen, .wt_koy_gelistir .alt .duzen {
    margin-right: 1px !important;
}

.wt_koy_gelistir .sol .duzen, .wt_koy_gelistir .sag .duzen {
    margin-bottom: 1px !important;

}

.wt_koy_gelistir .duzen img {
    width: 31px;
    object-fit: contain;
    height: 34px;
}

.wt_koy_gelistir .duzen .kalan_sure {
    position: absolute;
    margin-bottom: 0;
    background-color: #000000ad;
    color: white;
    border-radius: 5px;
    padding: 0 5px;
    font-size: 11px;


}

.wt_koy_gelistir .sol .kalan_sure {
    left: 40px;
    margin-top: -25px;
}

.wt_koy_gelistir .sag .kalan_sure {
    right: 40px;
    margin-left: -27px;
    margin-top: -25px;
}

.wt_koy_gelistir .alt .kalan_sure {
    left: 0;
    right: 0;
    width: max-content;
    top: -20px;
}

.wt_koy_gelistir .ust .kalan_sure {
    left: 0;
    right: 0;
    width: max-content;
    margin: auto;
    bottom: -20px;
}

.wt_koy_gelistir .duzen .savunma_puani {
    color: white;
    position: absolute;
    background-color: #000000b0;
    font-size: 11px;
    line-height: 1;
    padding: 1px;
    border-radius: 3px;
    width: max-content;
}

.wt_koy_gelistir .duzen .pre_sirasi {
    background-color: red;
    padding: 1px 4px;
}


.wt_koy_gelistir .duzen .savunma_puani img {
    width: 10px !important;
    height: 10px !important;
}

.wt_koy_gelistir .sol .savunma_puani {
    left: 22px;
    margin-top: -25px;
    bottom: 0;
}

.wt_koy_gelistir .sag .savunma_puani {
    bottom: 0;
}

.wt_koy_gelistir .ust .savunma_puani {
    bottom: -10px;
    left: 0;
    right: 0;
    margin: auto;
}

.wt_koy_gelistir .alt .savunma_puani {
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
}


.wt_koy_gelistir .ust {
    width: max-content;
    margin: auto;
    position: absolute;
    top: -8px;
    left: 0;
    right: 0;
    /*margin-top: 26px;*/
}

.wt_koy_gelistir .sol {
    width: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    margin: auto;
    height: max-content;
    /*margin-left: 20px;*/

}

.wt_koy_gelistir .alt {
    width: max-content;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: auto;
    /*margin-bottom: 26px;*/
}

.wt_koy_gelistir .sag {
    width: 40px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: max-content;
    /*margin-right: 20px;*/
}

.mulk_kalesi_popup .sur_gelistir {
    width: 100%;
    padding: 0 38px;
    text-align: center;
}

.mulk_kalesi_popup .sur_gelistir .item {
    background-color: #00000021;
    width: 120px;
    height: 180px;
    border: 4px solid #0000002b;
    text-align: center;
    display: inline-block;
    margin-right: 5px;
}

.mulk_kalesi_popup .sur_gelistir .item .img_yeri {
    padding: 5px 0px;
    border-bottom: 4px solid #0000002b;
}

.mulk_kalesi_popup .sur_gelistir .item:nth-of-type(2) .img_yeri {
    box-shadow: inset 0px 0px 20px 9px #130c10, inset 0px 0px 20px 9px #0f3e1f;

}

.mulk_kalesi_popup .sur_gelistir .item:nth-of-type(3) .img_yeri {
    box-shadow: inset 0px 0px 20px 9px #130c10, inset 0px 0px 20px 9px #3e220f;

}


.mulk_kalesi_popup .sur_gelistir .item .img_yeri img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.mulk_kalesi_popup .sur_gelistir .item h4 {

    color: wheat;
    font-size: 14px;
}

.mulk_kalesi_popup .sur_gelistir .item p {

    color: #c8bb83;
    font-size: 12px;
}

.mulk_kalesi_popup .sur_gelistir .item .standart_bg_btn, .mulk_kalesi_popup .sur_gelistir .item .standart_bg_btn_disable {

    height: 25px;
    min-width: 90px;
    width: max-content;
    line-height: 25px;
    margin: 0 auto;
    font-weight: bold;
    color: #000000d1;
    box-shadow: -1px 2px 5px -4px #000000a6, inset 0 0 3px black;
}

.mulk_kalesi_popup .sur_gelistir .item .gerekli_malzeme {
    display: inline-block;
}

.mulk_kalesi_popup .sur_gelistir .item .gerekli_malzeme img {
    width: 20px;
    object-fit: contain;
    height: 27px;
}

.mulk_kalesi_popup .sur_gelistir .secili_item {
    width: 100%;
    font-size: 13px;
    color: wheat;
    box-shadow: 0px 1px 1px -1px #ffffff38, 0px 2px 1px -1px #00000038, 0px -1px 1px -1px #ffffff38, 0 0 2px 0px #00000082;
    background-color: #28201a;
    margin-bottom: 12px;
    height: 60px;
    padding-top: 3px;
}

.mulk_kalesi_popup .sur_gelistir .secili_item .islem_yok {
    margin-top: 15px;
    font-size: 15px;
}

.mulk_kalesi_popup .sur_gelistir .secili_item .islem_yok .pre_sira_iptal {
    width: 130px;
    max-width: 100%;
    margin: 0 auto;
}

.mulk_kalesi_popup .sur_gelistir .secili_item .islem {
    border: 3px solid #0000004a;
    box-shadow: inset 0 0 32px #0000004a;
    min-width: 60px;
    color: #b9b3a5;
    display: none;
}

.mulk_kalesi_popup .sur_gelistir .secili_item .islem:hover {
    box-shadow: inset 0 0 32px #000000b0;
    cursor: pointer;
}

.mulk_kalesi_popup .sur_gelistir .secili_item .islem img {
    width: 40px;
    height: 25px;
    object-fit: contain;
}

.mulk_kalesi_popup .sur_gelistir .secili_item .islem p {
    margin-bottom: 0;
    margin-top: 5px;
}

.savas_sonucu .wt_koy_gelistir {
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    width: 177px !important;
    margin: auto;
    height: 130px;

}

.savas_sonucu .wt_koy_gelistir .duzen {
    width: 22px;
    height: 22px;
    border: 1px solid #13100c3b;

}

.savas_sonucu .wt_koy_gelistir .duzen img {
    width: 18px;
    object-fit: contain;
    height: 18px;
}

.savas_sonucu .wt_koy_gelistir .sol, .savas_sonucu .wt_koy_gelistir .sag {
    width: 22px;

}

.harita_hane_rengi {
    background-color: #d5242a4d;
    box-shadow: 0 0 60px 1px #d5242aba;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: -10px;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 20%;
}


.klan_bagis_yap_popup .orta {
    padding: 10px 5px 25px 5px;

}

.klan_bagis_yap_popup .bagis {
    width: 100%;
    height: max-content;
    min-height: 100px;
    background-color: #28201A;
    border: 1px solid #8080802b;
    padding: 0px 0 0 12px;
    position: relative;
    margin-bottom: 10px;
    float: left;
}

.klan_bagis_yap_popup .bagis .img_yeri {
    width: 75px;
    height: 79px;
    text-align: center;
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #3e3c0f;
    float: left;
    margin-right: 5px;
    border: 1px solid #0000006b;
    margin-top: 12px;
    padding: 4px;
}

.klan_bagis_yap_popup .bagis .img_yeri img {
    object-fit: contain;
    width: 65px;
    height: 70px;

}

.klan_bagis_yap_popup .bagis .bilgiler {
    float: left;
    width: 300px;
    height: 65px;
    margin-left: 5px;
    margin-top: 12px;
    max-width: 100%;
}

.klan_bagis_yap_popup .bagis .bilgiler h4 {
    margin: 0;
    color: #f5f5f5;
}

.klan_bagis_yap_popup .bagis .bilgiler p {
    color: #b5b5b5ab;
    font-size: 12px;
    margin: 8px 0 0 0;
    width: 300px;
    max-width: 100%;
}

.klan_bagis_yap_popup .bagis .bilgiler p:nth-of-type(2) {
    color: orange;

}

.klan_bagis_yap_popup .bagis .bagis_bilgiler {
    width: 315px;
    float: left;
    max-width: 100%;
    margin-top: 3px;
}

.klan_bagis_yap_popup .bagis .bagis_bilgiler > span {
    background-color: #00000052;
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    box-shadow: inset 0 0 16px -9px black;
    border: 1px solid #7777771c;
    display: inline-block;
}

.klan_bagis_yap_popup .bagis .bagis_bilgiler > span:hover {
    background-color: black;
    cursor: pointer;
}

.klan_bagis_yap_popup .bagis .bagis_bilgiler > span > img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.klan_bagis_yap_popup .bagis .bagis_bilgiler > span > span:nth-of-type(1) {
    margin-right: 3px;
}

.klan_bagis_yap_popup .bagis .bagis_bilgiler > span > span:nth-of-type(2) {
    margin-left: 3px;
}

.klan_bagis_yap_popup .bagis .seviyeler {
    width: 500px;
    height: 20px;
    margin-top: 55px;
}

.klan_bagis_yap_popup .bagis .bagis_yap {
    position: relative;
    float: right;
    top: -55px;
    right: 30px;
    width: 150px;
    height: 30px;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    color: #2b241e;
    font-weight: bold;
    font-size: 15px;
}

.klan_bagis_yap_popup .orta .alt {
    background-color: #28201a;
    height: 185px;
    border-top: 5px solid #13110ccf;
    width: 410px;
    max-width: 100%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 5px;
    overflow-y: auto;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ffffff14;
    background-color: #14100c;
    box-shadow: 0 0 7px -1px black;
    padding: 3px 0 0 0;
    position: relative;
    margin-bottom: 5px;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi .tarih {
    position: absolute;
    right: 9px;
    top: 4px;
    font-size: 11px;
    color: #a5a5a5;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi h4 {
    margin: 6px 0;
    color: white;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi p {
    color: #1bff00b8;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi .sol_img {
    width: 50px;
    height: 60px;
    object-fit: contain;
    display: inline-block;
    float: left;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi .bagislanan {
    font-size: 14px;
    height: 30px;
    background-color: black;
    border-radius: 100px;
    padding: 2px 9px;
    color: #d4d4d4;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi .bagislanan img {
    width: 20px;
    height: 17px;
    object-fit: contain;
}

.klan_bagis_yap_popup .orta .alt .bagis_kisi .bilgiler {

    display: inline-block;
}

.kaynak_bagisla_popup {

    width: 460px;
    min-height: 243px;
    height: max-content;

}

.kaynak_bagisla_popup .orta {
    margin-top: 15px;
    text-align: center;
}

.kaynak_bagisla_popup .orta .img_yeri {
    position: relative;
    width: 43px;
    height: 43px;
    margin: 0 auto;
}

.kaynak_bagisla_popup .orta .img_yeri img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #28201a;
    box-shadow: 0 2px 8px -5px #14100c;
    border: 1px solid #b5b5b526;
}

.kaynak_bagisla_popup .orta .bilgiler {
    color: white;
}

.kaynak_bagisla_popup .orta .bilgiler h4 {
    margin-bottom: 0;
    color: #f5f5f5;
}

.kaynak_bagisla_popup .orta .bilgiler p {
    margin-bottom: 0;
    font-size: 12px;

}

.kaynak_bagisla_popup .orta .bilgiler p:nth-of-type(1) {
    color: #b5b5b5ab;
}

.kaynak_bagisla_popup .orta .bilgiler p:nth-of-type(2) {
    color: orange;
}

.kaynak_bagisla_popup .orta .bagis_kaynagi {
    background-color: #00000052;
    color: white;
    padding: 2px 6px;
    border-radius: 10px;
    box-shadow: inset 0 0 16px -9px black;
    border: 1px solid #7777771c;
    display: inline-block;
}

.kaynak_bagisla_popup .orta .bagis_kaynagi img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.kaynak_bagisla_popup .orta .bagis_kaynagi .pay {
    margin-right: 3px;
}

.kaynak_bagisla_popup .orta .bagis_kaynagi .payda {
    margin-left: 3px;
}

.kaynak_bagisla_popup .orta .alt .bagis_range {
    width: 60%;
    margin: 0 auto;
}

.kaynak_bagisla_popup .orta .alt .malzeme_bilgisi {
    display: inline-block;
    margin: 0 auto;
    padding: 0 5px;
    background-color: #28201a;
    margin-top: 12px;
    box-shadow: 0 2px 8px -5px #14100c;
    border: 1px solid #b5b5b526;
    color: #d0d0d0;
}

.kaynak_bagisla_popup .orta .alt .malzeme_bilgisi b {
    font-weight: normal;
}


.kaynak_bagisla_popup .orta .alt .standart_bg_btn {
    width: 100px;
    margin: 10px auto;
    font-weight: bold;
    color: #000000f2;
    border: 1px solid #00000052;
}

.hizli_sandik_popup {
    height: max-content !important;
    min-height: 150px !important;
    padding-bottom: 0 !important;
}

.hizli_sandik_popup .orta {
    padding: 5px 35px;

}

.hizli_sandik_popup .ust {
    text-align: center;
    color: white;
}

.hizli_sandik_popup .ust .img_yeri {
    width: max-content;
    margin: 0 auto;
    position: relative;
    margin-top: 0;
    height: max-content;
    margin-bottom: 15px;
}

.hizli_sandik_popup .ust .sayi {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #000000eb;
    padding: 0px 5px;
    border-radius: 10px;
    font-size: 14px;
}

.hizli_sandik_popup .ust img {
    width: 70px;
    max-width: 100%;
}

.hizli_sandik_popup .ust .standart_bg_btn, .hizli_sandik_popup .ust .standart_bg_btn_disable {
    width: 100px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    margin-top: 0;
}


.hizli_sandik_popup .ust p {
    color: #c5c5c5;
    font-size: 13px;
}

.hizli_sandik_popup .alt {
    display: block;
    width: 100%;
    text-align: center;

}

.hizli_sandik_popup .alt .urun {
    width: 210px;
    max-width: 100%;
    min-height: 80px;
    background-color: #0000009c;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 15px;
    padding: 5px 0;
    max-width: 100%;
}


.hizli_sandik_popup .alt .urun img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.hizli_sandik_popup .alt .urun p {
    color: white;
    font-size: 13px;
    margin-top: 15px;
}

.global_chat .haberler .icerik {
    padding: 10px 15px;
    overflow-y: auto;
    max-height: 373px;
    min-height: 344px;
}

.global_chat .haberler .icerik .haber {
    background-color: #1c160c;
    padding: 20px 20px;
    margin-bottom: 5px;
}

.global_chat .haberler .icerik .tarih {
    margin-bottom: 5px;
    font-size: 10px;
    color: #8c8c8c;
}

.global_chat .haberler .icerik .baslik {
    margin-top: 0;
    margin-bottom: 10px;
    color: #ccc295;
}

.global_chat .haberler .icerik .baslik a {
    color: #ccc295;
}

.global_chat .haberler .icerik .aciklama {
    color: #8c8c8c;
    margin-bottom: 0;
}

.global_chat .haberler .icerik .haber .devam {
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 15px;
    color: #272727;
    font-weight: bold;
}


.mucadele_bileti {
    width: 0;
    height: 0;
    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent;
    border-left: 70px solid #1c1711;
    position: fixed;
    right: 265px;
    top: -45px;
    transform: rotate(-45deg);
    box-shadow: 0 0 55px -3px #ffffff00;
    animation: mucadele_bileti 3s infinite;

}

.mucadele_bileti:hover {
    box-shadow: 0 0 55px -3px #ffb630 !important;
    animation: none !important;
    cursor: pointer;
}

.mucadele_bileti img {
    width: 35px;
    position: absolute;
    left: -60px;
    top: -25px;
    border-radius: 50px;
    box-shadow: 0 0 8px -10px #ff230021;

}

@keyframes mucadele_bileti {
    50% {
        box-shadow: 0 0 55px -3px #ffffff;
    }
}

.mucadele_bileti_popup {
    width: 1000px;
    min-height: 450px;
}

.mucadele_bileti_popup .orta {
    margin-top: 50px;
}

.mucadele_bileti_popup .hepsi {
    color: white;
    text-align: center;
}

.mucadele_bileti_popup .hepsi {

}


.mucadele_bileti_popup .hepsi .sag {
    width: max-content;
    margin: 0 auto;
}

.mucadele_bileti_popup .hepsi .sag .odul_bolumu {
    float: left;
}

.mucadele_bileti_popup .hepsi .sag .oduller {
    float: left;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul {
    float: left;
    position: relative;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul:nth-of-type(1) > div {
    border-left: none;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul > .seviye {
    height: max-content;
    text-align: right;
    padding: 0px 6px 10px 6px;
    font-size: 18px;
    border-left: none;
    color: #e8e8e8;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul > .seviye hr {
    margin-top: 0;
    margin-bottom: 0;
    border-color: #989898;
    border-width: 5px;

}

.mucadele_bileti_popup .hepsi .sag .oduller .odul > div {
    min-width: 75px;
    height: 75px;
    border-left: 2px solid #a5a5a51f;
    position: relative;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul .sayi {
    position: absolute;
    bottom: 1px;
    right: 1px;
    background-color: #000000b0;
    font-size: 12px;
    padding: 0 2px;
    border-radius: 4px;
    border: 1px solid #313131c7;
    color: white;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-top: 10px;
    padding: 5px;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul > .normal {
    background-color: #282b2a6b;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul > .pre {
    background-color: #00ffc421;
    opacity: 0.5;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul .alindi {
    background-color: #00000070;
    border-radius: 100%;
    position: absolute;
    color: #00ff0e;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid;
    top: 0;
    right: 0;
    font-size: 10px;

}


.mucadele_bileti_popup .hepsi .sag .oduller .odul .al {
    background-color: #fff70021;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    line-height: 18px;
    font-size: 14px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    animation: bilet_odul_al 1s infinite;

}

@keyframes bilet_odul_al {

    50% {
        background-color: #fff70036;

    }
}


.mucadele_bileti_popup .hepsi .sag .oduller .odul .al small {
    display: none;
}

.mucadele_bileti_popup .hepsi .sag .oduller .odul .al:hover small {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: max-content;
    height: max-content;
    margin: auto;
    border-radius: 3px;
    background-color: #000000db;
    padding: 0 6px;
}

.mucadele_bileti_popup .hepsi .sag .geri, .mucadele_bileti_popup .hepsi .sag .ileri {
    float: left;
    background-color: #4c4c4ce0;
    height: 150px;
    margin-top: 40px;
    width: 25px;
    text-align: center;
    line-height: 150px;
    font-size: 26px;
    color: #131313;
    border: 2px solid #00000026;
}

.mucadele_bileti_popup .hepsi .sag .geri:hover, .mucadele_bileti_popup .hepsi .sag .ileri:hover {
    background-color: #353535e0;
    cursor: pointer;
}

.mucadele_bileti_popup .hepsi .sag .geri {
    margin-right: 18px;
}

.mucadele_bileti_popup .hepsi .sag .ileri {
    margin-left: 18px;
}


.mucadele_bileti_popup .hepsi .bilgi {
    min-height: 50px;
    width: 740px;
    margin: 0 auto;
}

.mucadele_bileti_popup .hepsi .bilgi {

}

.mucadele_bileti_popup .hepsi .bilgi .baslik {
    float: left;
}

.mucadele_bileti_popup .hepsi .bilgi .baslik .bilet_baslik {
    font-weight: 900;
    font-size: 18px;
    font-family: sans-serif;
}

.mucadele_bileti_popup .hepsi .bilgi .baslik .durum {
    text-align: left;
    font-size: 12px;
    width: max-content;
    background-color: #00000082;
    padding: 0 10px;
    border-radius: 40px;
    border: 1px solid #ff000045;
    color: red;


}

.mucadele_bileti_popup .hepsi .bilgi .baslik .durum_aktif {
    border: 1px solid #00ff0345;
    color: #04ff00;

}

.mucadele_bileti_popup .hepsi .bilgi .sag_yer {
    float: right;
    text-align: right;
}

.mucadele_bileti_popup .hepsi .bilgi .sag_yer .aciklama {
    font-size: 12px;
    color: #ffbc00;
}

.mucadele_bileti_popup .hepsi .bilgi .sag_yer .aciklama img {
    width: 15px;
}

.mucadele_bileti_popup .hepsi .bilgi .sag_yer .seviye {
    font-weight: 900;
    font-size: 18px;
    font-family: sans-serif;
}


.mucadele_bileti_popup .hepsi .alt {
    clear: both;
    position: relative;
    top: 30px;

}

.mucadele_bileti_popup .hepsi .alt > div {
    width: 240px;
    height: 40px;
    line-height: 37px;
    font-weight: bold;
    display: inline-block;
    font-size: 17px;
    cursor: pointer;
}

.mucadele_bileti_popup .hepsi .alt .sol_btn {
    background-color: #ffda00;
    color: #000000;
    font-weight: bold;
    display: inline-block;
    font-size: 17px;
    text-shadow: 0 0 1px #000000;
    border: 2px solid #9a9a4d;
    box-shadow: 0 0 0px 1px #00000063;
}

.mucadele_bileti_popup .hepsi .alt > div:hover {
    background-color: #ff8800;
    color: black;
    border-color: #ff7600;
}

.mucadele_bileti_popup .hepsi .alt .sag_btn {
    font-weight: bold;
    display: inline-block;
    font-size: 17px;
    color: #ff7600;
    border: 2px solid #ff7600;
}

.mucadele_bileti_popup .hepsi .alt .aciklama {
    font-size: 14px;
    margin-bottom: 0;
    color: white;
    margin-top: 15px;
}

.mucadele_bileti_popup .hepsi .odul .info {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 8px;
    color: #9e9e9e;
    cursor: pointer;
    background-color: #00000075;
    padding: 2px 5px;
    border: 1px solid #00000069;
}

.mucadele_bileti_popup .hepsi .odul .info:hover {
    color: yellow;
}

.mucadele_bileti_popup .hepsi .odul .adet {
    position: absolute;
    background-color: #5b2469;
    width: 14px;
    height: 14px;
    line-height: 13px;
    border: 1px solid #5e00a5;
    font-size: 11px;
    left: 1px;
    top: 15px;
    border-radius: 100%;
    color: #ffffffa3;
}

.body_koy_ici .mucadele_bileti {
    right: -10px;
    z-index: 94;
}

.wt_oyuncu_ara {
    width: max-content;
}

.wt_oyuncu_ara .baslik {
    font-size: 12px;
    color: white;
}

.wt_oyuncu_ara input {
    height: 25px;
    outline: none;
    display: block;
}

.wt_oyuncu_ara .standart_bg_btn {
    text-align: center;
    font-weight: 600;
    margin-top: 3px;
    height: 25px;
    line-height: 25px;
    color: #14100c;
    width: 85px;
    display: inline-block;
}

.wt_oyuncu_ara .liste {
    height: 193px;
    margin-top: 3px;
}


.ilet_popup {
    width: max-content !important;
    min-height: 300px !important;
}

.ilet_popup .liste > div {
    padding: 2px 5px;
    margin-bottom: 1px;
    width: 172px;
}

.ilet_popup .liste > div i {
    float: right;
    font-size: 18px;
}

.ilet_popup .liste > div i:nth-of-type(2) {
    margin-right: 5px;
}

.ilet_popup .liste > div i:hover {
    color: #9b9b9b;
    cursor: pointer;
}

.ilet_popup .liste > div.active, .ilet_popup .liste > div:hover {
    background-color: #130c056e;
    cursor: pointer;
}

.ilet_popup .sol_alici {
    float: left;
    color: white;
    margin-right: 5px;
}

.ilet_popup .sol_alici .baslik {
    font-size: 12px;

}

.ilet_popup .sol_alici .liste {
    height: 249px;
    width: 180px;
    padding-right: 6px;
}

.ilet_popup .orta {
    padding: 5px;
}

.ilet_popup .sol {
    float: left;
}

.ilet_popup .sag {
    color: white;
    float: left;
    margin-left: 5px;
}

.ilet_popup .sag .liste {
    height: 249px;
    width: 180px;
}

.ilet_popup .liste {
    overflow-y: auto;
}

.ilet_popup .liste ul li {
    list-style: none;
}

.ilet_popup .sag .baslik {
    font-size: 12px;
}

.ilet_popup .baslik {
    padding: 0px 2px;
}


.baslangic_rehberi {
    background-color: #1c1711;
    width: 300px;
    min-height: 300px;
    max-width: 100%;
    height: max-content;
    max-height: 100%;
    right: -340px;
    bottom: 0;
    top: 0px;
    position: fixed;
    margin: auto;
    box-shadow: 0 0 10px 4px #00000094;
    z-index: 555555555;
    border-radius: 5px;
    color: #949494;
    transition: all 250ms;
}

.baslangic_rehberi .tab-content .header {
    background-color: #0000004d;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #efe2cb;
    text-align: center;
    position: relative;
}

.baslangic_rehberi .tab-content .header .kapat {
    position: absolute;
    right: 5px;
    background-color: #28201a;
    top: 3px;
    height: 20px;
    width: 20px;
    line-height: 26px;
    border: 1px solid #8a8a8a52;
    cursor: pointer;
    padding: 2px;
}

.baslangic_rehberi .tab-content .content {
    padding: 20px 30px;
}


.baslangic_rehberi .tab-content .content p {
    font-size: 13px;
}

.baslangic_rehberi_active {
    right: 20px;
}

.baslangic_rehberi_hover:hover {
    right: -305px;
}

.baslangic_rehberi .nav-tabs {
    display: flex;
    justify-content: space-between;
    border: none;
    position: absolute;
    flex-direction: column;
    margin-left: -75px;
    margin-top: 20px;
    cursor: pointer;
    padding-right: 10px;
}

.baslangic_rehberi .nav-tabs li.active, .baslangic_rehberi .nav-tabs li:hover {
    opacity: 1;
    cursor: pointer;
}

.baslangic_rehberi .nav-tabs li {
    list-style: none;
    background-color: #1f1f12;
    margin-bottom: 10px;
    width: 70px;
    height: 60px;
    border-radius: 40% 0% 10% 15%;
    text-align: center;
    border: 1px solid #0000006b;
    opacity: 0.6;
}

.baslangic_rehberi .nav-tabs li:nth-of-type(1) {
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #464309;
}

.baslangic_rehberi .nav-tabs li:nth-of-type(2) {
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #0f3e19;
}

.baslangic_rehberi .nav-tabs li:nth-of-type(3) {
    box-shadow: inset 0px 0px 20px 9px #13100c, inset 0px 0px 20px 9px #3e0f0f;
}

.baslangic_rehberi .nav-tabs li a {
    text-align: center;
    color: #f5f5f5;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.baslangic_rehberi .nav-tabs li a img {
    width: 42px;
    height: 42px;
    object-fit: contain;
    border-bottom: 1px solid #d7cb9517;
    border-radius: 100%;
    padding: 5px;
}

.baslangic_rehberi .nav-tabs li > a > span {
    display: block;
}

.baslangic_rehberi .nav-tabs li a:hover, .baslangic_rehberi .nav-tabs li.active > a, .baslangic_rehberi .nav-tabs li a:focus {
    background-color: transparent;
    border: none;
    color: #f5f5f5;
    cursor: pointer;
}

.turnuva_etkinlik_popup {
    min-height: 590px;
}

.turnuva_etkinlik_popup .orta {
    display: flex;
    height: 560px;
    padding: 20px 25px;
}

.turnuva_etkinlik_popup .orta .sol {
    width: 45%;
}


.turnuva_etkinlik_popup .orta .sag {
    width: 55%;
    padding-left: 25px;
}

.turnuva_etkinlik_popup .orta .panel {
    width: 100%;
    height: 130px;
    max-height: max-content;
    background-color: #28201a;
    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    display: flex;
    flex-direction: column;
}

.turnuva_etkinlik_popup .orta .panel .ust {
    background-color: #372d25;
    width: 100%;
    min-height: 32px;
    border-bottom: 2px solid #1c1712;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c3c3c3;
}

.turnuva_etkinlik_popup .orta .odul .alt {
    display: flex;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira {
    width: 100%;
    border-right: 3px solid #14100c91;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 5px 0;

}

.turnuva_etkinlik_popup .orta .odul .alt > .sira:nth-last-of-type(1) {
    border-right: none;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira .baslik {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    text-shadow: 0px 3px 11px black;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    margin: 0 auto;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#584132+0,231e1d+100 */
    background: rgb(88, 65, 50); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(88, 65, 50, 1) 0%, rgba(35, 30, 29, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(88, 65, 50, 1) 0%, rgba(35, 30, 29, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(88, 65, 50, 1) 0%, rgba(35, 30, 29, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#584132', endColorstr='#231e1d', GradientType=0); /* IE6-9 */
    border: 2px solid;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira:nth-of-type(1) .baslik {
    color: #C0C0C0;
    border-color: #c0c0c07a;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira:nth-of-type(2) .baslik {
    font-size: 24px;
    color: #FFD700;
    border-color: #ffd70061;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira:nth-of-type(3) .baslik {
    color: #cd7f32;
    border-color: #cd7f3261;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira .oduller {
    display: flex;
    justify-content: space-around;
    margin-top: 5px;
    text-align: center;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira .oduller span {
    margin: 0;
    font-size: 15px;
    text-shadow: 0px 4px 2px black;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira .oduller .elmas span {
    color: #50e6ff;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira .oduller .altin span {
    color: #ffff00e6;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira .oduller .elmas span, .turnuva_etkinlik_popup .orta .odul .alt > .sira .oduller .altin span {
    display: block;
    text-align: center;
}

.turnuva_etkinlik_popup .orta .odul .alt > .sira .oduller img {
    width: 20px;
}

.turnuva_etkinlik_popup .orta .aciklama p {
    margin: 0;
    padding: 10px;
    text-align: center;
    overflow-y: auto;
    height: 89px;
    font-size: 13px;
    color: #b9b9b9;
}

.turnuva_etkinlik_popup .orta .sure {
    height: 100px;
}

.turnuva_etkinlik_popup .orta .sure p {
    margin: 0;
    color: #ffff00e6;
    text-shadow: 0px 4px 2px black;
    font-size: 32px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.turnuva_etkinlik_popup .orta .skor {
    height: 100px;
}

.turnuva_etkinlik_popup .orta .skor p {
    margin: 0;
    color: #50e6ff;
    text-shadow: 0px 4px 2px black;
    font-size: 32px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.turnuva_etkinlik_popup .orta .sol .siralama {
    width: 100%;
    height: 100%;
    max-height: max-content;
    background-color: #28201a;
    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    display: flex;

}

.turnuva_etkinlik_popup .orta .sol .siralama .ust {
    background-color: #372d25;
    width: 100%;
    min-height: 32px;
    border-bottom: 2px solid #1c1712;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c3c3c3;
}

.turnuva_etkinlik_popup .orta .sol .oyuncu {
    width: 100%;
    height: 49px;
    border-bottom: 2px solid #1c1712;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}


.turnuva_etkinlik_popup .orta .sol .sira {
    position: absolute;
    left: 10px;
    font-size: 20px;
    width: 25px;
    text-align: center;
}

.turnuva_etkinlik_popup .orta .sol .puan {
    position: absolute;
    right: 10px;
    background-color: #14100c;
    padding: 0 5px;
    border-radius: 5px;
    font-size: 13px;
    color: #f9d201;
    min-width: 40px;
    text-align: center;
}

.turnuva_etkinlik_popup .orta .sol .oyuncu {
    font-size: 14px;
    color: #b9b9b9;
}

.turnuva_etkinlik_popup .orta .sol .oyuncu:nth-last-of-type(1) {
    border-bottom: none;
}


.turnuva_etkinlik_popup .orta .sol .oyuncu:nth-of-type(1) .sira {
    font-size: 35px;
    color: #FFD700;
}


.turnuva_etkinlik_popup .orta .sol .oyuncu:nth-of-type(2) .sira {
    font-size: 25px;
    color: #C0C0C0;
}


.turnuva_etkinlik_popup .orta .sol .oyuncu:nth-of-type(3) .sira {
    font-size: 20px;
    color: #cd7f32;
}

.ozel_indirim_wrapper {
    position: fixed;
    right: 295px;
    bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.ozel_indirim_wrapper:hover .ozel_indirim {
    box-shadow: 0 2px 5px 7px #460505;
}

.ozel_indirim_wrapper .ozel_indirim {
    box-shadow: 0 2px 5px 7px black;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background: -moz-linear-gradient(top, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%);
    background: linear-gradient(to bottom, rgba(225, 100, 59, 1) 0, rgba(201, 45, 30, 1) 2%, rgba(184, 10, 12, 1) 4%, rgba(151, 12, 6, 1) 35%, rgba(121, 15, 1, 1) 73%, rgba(123, 15, 0, 1) 85%, rgba(152, 16, 6, 1) 98%, rgba(137, 14, 5, 1) 100%);

}

.ozel_indirim_wrapper .ozel_indirim img {
    width: 110px;
    object-fit: contain;
    position: relative;
    top: -16px;
    left: -5px;
}

.ozel_indirim_wrapper .yazi {
    display: flex;
    align-items: center;
    position: relative;
    top: 15px;
}

.ozel_indirim_wrapper .yazi img {
    width: 50px;
}

.ozel_indirim_wrapper .yazi span {
    color: #e91b00;
    font-size: 32px;
    text-shadow: 0px 3px 2px black, 0px -3px 2px black;
    font-weight: bold;
}

.body_koy_ici .ozel_indirim_wrapper {
    right: 10px;
    z-index: 94;
}

.ozel_indirim_popup .orta {
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 660px;
    overflow-y: auto;
}

.ozel_indirim_popup .orta .paket {
    display: flex;
    width: 90%;
    height: max-content;
    box-shadow: 0 2px 8px -2px #14100c;
    align-items: center;
    justify-content: space-between;
    border-radius: 42px;
    cursor: pointer;
    border: 1px solid transparent;
    padding: 10px 0 20px 0;
    position: relative;
    margin-bottom: 30px;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a90329+0,6d0019+49,6d0019+91,6d0019+97 */
    background: rgb(169, 3, 41); /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 49%, rgba(109, 0, 25, 1) 91%, rgba(109, 0, 25, 1) 97%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 49%, rgba(109, 0, 25, 1) 91%, rgba(109, 0, 25, 1) 97%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(169, 3, 41, 1) 0%, rgba(109, 0, 25, 1) 49%, rgba(109, 0, 25, 1) 91%, rgba(109, 0, 25, 1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329', endColorstr='#6d0019', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.ozel_indirim_popup .orta .paket:hover {
    border: 1px solid lightsteelblue;

}

.ozel_indirim_popup .orta .paket .img-wrapper {
    margin-left: 15px;
}

.ozel_indirim_popup .orta .paket .img-wrapper img {
    width: 140px;
}

.ozel_indirim_popup .orta .paket .bilgi {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    color: white;
    margin-top: 10px;
    margin-right: 50px;
}

.ozel_indirim_popup .orta .paket .bilgi .baslik {
    font-size: 28px;
}


.ozel_indirim_popup .orta .paket .bilgi .aciklama {
    color: #ffffff8a;
    text-align: center;
}

.ozel_indirim_popup .orta .paket .bilgi .esyalar {
    margin-top: 20px;
    display: flex;
    width: 370px;
    justify-content: center;
    flex-wrap: wrap;
}


.ozel_indirim_popup .orta .paket .bilgi .esyalar .esya {
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: #28201a;
    box-shadow: 0 2px 8px -2px #14100c;
    border-top: 1px solid #b5b5b526;
    border-left: 1px solid #b5b5b526;
    border-right: 1px solid #b5b5b526;
    position: relative;
    margin-right: 18px;
    margin-bottom: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ozel_indirim_popup .orta .paket .bilgi .esyalar .esya:hover {
    background-color: #70370c;
}


.ozel_indirim_popup .orta .paket .bilgi .esyalar .esya:nth-last-of-type(1) {
    margin-right: 0;
}

.ozel_indirim_popup .orta .paket .bilgi .esyalar .esya img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.ozel_indirim_popup .orta .paket .bilgi .esyalar .esya .adet {
    position: absolute;
    background-color: #28201a;
    width: 34px;
    height: 34px;
    line-height: 13px;
    left: -15px;
    top: -17px;
    border-radius: 100%;
    color: #ffe500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    border: 1px solid #251e18;
}

.ozel_indirim_popup .orta .paket .bilgi .esyalar .esya .oran {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #000000b0;
    font-size: 12px;
    padding: 0 4px;
    border-radius: 4px;
    border: 1px solid #313131c7;
    color: white;
}


.ozel_indirim_popup .orta .paket .bilgi .fiyat_yeri .kac_x_deger {
    font-size: 18px;
    text-align: center;
    margin-bottom: 6px;
    font-weight: bold;
    color: cornsilk;
}

.ozel_indirim_popup .orta .paket .bilgi .fiyat_yeri .fiyat {
    text-shadow: 0px 4px 2px black;
    color: #50e6ff;
    font-size: 22px;
    text-align: center;
    margin: 0 auto;
    background-color: #6d0019;
    border-radius: 100%;
    padding: 0 15px;
    position: absolute;
    left: -30px;
    bottom: -30px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ozel_indirim_popup .orta .paket .bilgi .fiyat_yeri .fiyat img {
    width: 28px;
    margin-left: 5px;
}


.ozel_indirim_popup .orta .paket .bilgi .fiyat_yeri p {
    margin-bottom: 0;
    font-size: 13px;
    text-shadow: none;
    color: #ffc107;
    margin-top: 5px;
}

.ozel_indirim_popup .orta .paket .bilgi .fiyat_yeri .satin_al_btn {
    color: #000000;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: 150px;
    border-radius: 15px;
    margin: 0 auto;
}

.irk_degis_popup {
    width: 370px;
    height: max-content;
    min-height: max-content;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 25px;
}

.irk_degis_popup .orta select {
    height: 45px;
    font-size: 18px;
}

.irk_degis_popup .alt {
    width: 100%;
    margin: 0;
    margin-top: 20px;
}

.irk_degis_popup .alt > div {
    width: 100% !important;
    margin-bottom: 10px;
    margin-left: 0 !important;
}


.admin_popup_sabit {
    width: 300px;
    left: 0;
    right: unset;
    min-height: 400px;
    bottom: 0;
    top: unset;
}

.admin_popup_sabit .sabit_btn {
    display: none;
}

.admin_popup_sabit .nav-tabs {
    display: none;
}

.anlik_hareket {
    opacity: 1;
    position: absolute;
    color: #377DC5;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    z-index: 999;
}


.anlik_hareket .daire {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: red;
    border-radius: 100%;
    top: -23px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 2px 2px 4px 1px #0000002e, 2px 2px 4px 1px black;
}

.anlik_hareket .daire img {
    width: 30px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.anlik_hareket .border-right {
    right: -75px;
}

.anlik_hareket .border-left {
    left: -75px;
}


.insaat_sirasi {
    background-color: #1C1711;
    width: 728px;
    min-height: 692px;
    max-width: 100%;
    height: max-content;
    max-height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0px;
    position: fixed;
    margin: auto;
    box-shadow: 0 0 2px 0px #bfbfbf8c;
    border: 2px solid #060504bf;
    z-index: 3;
    width: 310px;
    min-height: max-content;
    position: fixed;
    bottom: 0 !important;
    left: 0 !important;
    margin: unset !important;
    top: unset;
}

.insaat_sirasi .global_header{
    background-color: #0000004d;
    height: 26px;
    line-height: 26px;
    font-size: 15px;
    color: #efe2cb;
    text-align: center;
    position: relative;
}

.insaat_sirasi .content {
}

.insaat_sirasi .item {
    width: 100%;
    border-bottom: 1px solid;
    display: flex;
    align-items: center;
    position: relative;
    gap: 16px;
    padding: 5px 0;
}

.insaat_sirasi .item .sira {
    position: absolute;
    bottom: 0;
    left: 0;
    color: white;
    background-color: #13100c;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.insaat_sirasi .item .img_box img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.insaat_sirasi .malzemeler {
    display: flex;
    gap: 2px;
}

.insaat_sirasi .malzemeler .gereken {
    color: white;
    background-color: #000000d9;
    height: max-content;
    padding: 2px 6px;
    border-radius: 5px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 2px;
}

.insaat_sirasi .malzemeler .gereken img {
    width: 20px;
}

.insaat_sirasi .item .kaldir {
    padding: 0 5px;
    font-weight: 700;
}

.koy_bina_ismi{
    background-color: #130c05ab;
    width: max-content;
    position: absolute;
    bottom: 0;
    color: white;
    padding: 0px 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: auto;
}


.aksiyon_durumlari{
    position: fixed;
    top: 130px;
    left: 0;
    right: 0;
    z-index: 3;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    display: flex;
    gap: 10px;
    width: max-content;
}

.aksiyon_durumlari .aksiyon_basarim{
    width: 33px;
    height: 33px;
    border-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 4px;
    box-shadow: inset -1px -4px 6px -1px #5b5b5b7d, 1px 3px 6px 0px black, 0px 0px 5px 1px #ffe80021;

}

.aksiyon_durumlari .aksiyon_basarim img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 100%;
    opacity: 0.8;
}

.aksiyon_durumlari .aksiyon_basarim svg{
    position: absolute;
    top: -20px;
    left: 25px;
    filter: saturate(4);
    width: 20px;
}

.aksiyon_bildirim {
    animation: standart_bildirim_keyframe 3s infinite;
    animation-delay: 1s;
}

@keyframes standart_bildirim_keyframe {

    50% {
        box-shadow: inset -1px -4px 6px 6px #ccff417d, 1px 3px 6px 0px black, 0px 0px 5px 1px #ffe80021;
    }

}