a,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    background-color: #111111;
    border: 1px solid black;
    font-family: "Open Sans", sans-serif;
    height: 600px;
    padding: 0 8px;
    position: absolute;
    width: 884px;
}

.custom_select_pus {
    vertical-align: middle;
    padding: 10px;
    width: 200px;
    margin: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color: #373737;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.custom_input[type=text],
.custom_input[type=number],
.custom_input[type=password] {
    background-color: #272727;
    border: 1px solid #373737;
    color: white;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    outline: 0;
    padding: 6px 12px;
    vertical-align: middle;
}

::-webkit-input-placeholder {
    color: #4e4e4e;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #4e4e4e;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #4e4e4e;
}

:-ms-input-placeholder {
    color: #4e4e4e;
}

.custom_select {
    -webkit-appearance: none;
    background: no-repeat right url(/images/icon_arrow_select.png);
    background-color: #111111;
    border: 1px solid #636363;
    color: #cccccc;
    font-family: "Open Sans", sans-serif;
    margin-right: 8px;
    padding: 3px 20px 3px 3px;
}

    .custom_select:focus {
        outline: none;
    }

.ib {
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.p {
    color: #808080;
    font-size: 14px;
    margin-bottom: 4px;
}

.dash {
    color: #999999;
    font-size: 14px;
    vertical-align: middle;
}

.box {
    border: 1px solid #959595;
    box-sizing: border-box;
    margin: 16px 0;
    padding: 8px 12px;
    width: 100%;
}

.input_label {
    color: white;
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
}

.block_wrapper {
    margin-bottom: 12px;
}

.col_2 {
    float: left;
    width: 50%;
}


.label_text {
    color: #808080;
    font-size: 12px;
    margin-right: 10px;
    vertical-align: middle;
}

.loading_message {
    color: #cccccc;
    font-size: 18px;
    margin-bottom: 1.2em;
}

.result_message {
    font-size: 0.875em;
    color: #f8902a;
    margin-bottom: 8px;
}

    .result_message a {
        color: #f8902a;
    }

.result_message_big {
    font-size: 17px;
    color: #fff;
    margin-bottom: 8px;
    margin-left: 10px;
}

    .result_message_big a {
        color: #f8902a;
    }

/* Menu Classes */
.menu_area {
    border-bottom: 1px solid #373737;
    color: #999999;
    font-family: "Open Sans Condensed", sans-serif;
    *font-family: sans-serif;
    height: 47px;
    line-height: 47px;
    width: 100%;
}

    .menu_area .gamelogo,
    .menu {
        float: left;
        text-align: center;
    }

    .menu_area .gamelogo {
        width: 132px;
    }

    .menu_area .menu {
        width: 436px;
    }

        .menu_area .menu .item {
            cursor: pointer;
            *font-size: 14px;
            margin-left: 20px;
            vertical-align: middle;
        }

        .menu_area .menu:first-child {
            margin-left: 0;
        }

        .menu_area .menu .item:hover {
            color: white;
        }

        .menu_area .menu .selected {
            color: #ffd006;
            cursor: auto;
        }

            .menu_area .menu .selected:hover {
                color: #ffd006;
                cursor: auto;
            }

    .menu_area .npoints {
        float: right;
        *font-size: 13px;
        text-align: left;
        width: 115px;
    }

    .menu_area .account {
        float: right;
        font-size: 12px;
        *font-size: 9px;
        text-align: right;
        width: 198px;
    }
/* Main Area Classes */

.main_area {
    font-family: "Open Sans", sans-serif;
    height: 600px;
    margin-left: 15px;
    overflow: hidden;
    width: 869px;
}

.header {
    color: white;
    font-size: 14px;
    font-weight: 300;
    line-height: 43px;
    margin-bottom: 10px;
}

.content {
    height: 476px;
    margin-bottom: 8px;
    width: 100%;
}
/* Main Content Blocks */

.body,
.aside,
.v_separator {
    float: left;
    height: 100%;
}

.body {
    position: relative;
    width: 700px;
}

.v_separator {
    border-left: 1px solid #373737;
    margin: 0 7px;
    width: 0;
}

.aside {
    color: #cccccc;
    font-size: 14px;
    width: 150px;
}
/* Body & Content Wrappers */

.payment_left {
    width: 210px;
    position: relative;
    padding: 10px 23px 40px;
    margin-top: 0px;
    text-align: left;
}


.paymentScreen {
    margin-bottom: 20px;
    position: absloute;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}

.slide_panel {
    height: 100%;
    position: relative;
    width: 100%;
    margin-top: -70px;
}

.section {
    margin-bottom: 20px;
    position: relative;
}

/* Body Contents */

.body .head {
    background: #1f1f1f;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 8px;
    padding: 3px 8px;
}

.body .input_container_single,
.input_container_left {
    position: relative;
    vertical-align: middle;
}

.body .input_container_left {
    width: 570px;
}

.body .input_container_right {
    bottom: 0;
    *bottom: 20px;
    position: absolute;
    right: 8px;
    text-align: right;
    vertical-align: middle;
    width: 125px;
}

.body .radio_item {
    color: #cccccc;
    font-size: 12px;
    margin-bottom: 2px;
    width: 135px;
}
/* Payment Method Description Box Classes */

.body .desc_box {
    border: 1px solid #373737;
    box-sizing: border-box;
    height: 68px;
    margin: 8px 0 28px 0;
}

.logo,
.description {
    vertical-align: middle;
}

.logo {
    line-height: 68px;
    text-align: center;
    width: 116px;
}

.description {
    line-height: 68px;
}

.payment_name,
.payment_phrase,
.payment_limit,
.payment_note,
.payment_result {
    line-height: normal;
}

.payment_name {
    color: white;
    font-size: 14px;
    vertical-align: middle;
}

.payment_phrase {
    color: #cccccc;
    font-size: 12px;
}

.payment_limit {
    color: #808080;
    font-size: 10px;
    vertical-align: middle;
}

.payment_note {
    color: #ffa801;
    font-size: 10px;
}

.payment_result {
    color: #cccccc;
    font-size: 16px;
}
/* Footer Classes */

.footer {
    bottom: 0;
    position: absolute;
}

    .footer ul {
        color: #808080;
        font-size: 10px;
        line-height: 1.2em;
        margin: 0;
        padding: 0 0 0 20px;
    }

.history {
    border-collapse: collapse;
    width: 100%;
}

    .history th,
    td {
        text-align: left;
        border-bottom: 1px solid #636363;
        width: 20%;
    }

    .history th {
        color: white;
        font-size: 12px;
        padding: 12px 0;
    }

    .history td {
        color: #cccccc;
        font-size: 14px;
        padding: 10px 0;
    }

.page_jump_box,
.page_num {
    color: #999999;
    cursor: pointer;
    font-size: 12px;
}

.page_jump_box {
    margin: 0 20px;
}

.page_num {
    margin: 4px;
}

    .page_jump_box:hover,
    .page_num:hover {
        color: white;
    }

.page_current {
    color: #fedf11;
    font-size: 16px;
    cursor: auto;
}

    .page_current:hover {
        color: #fedf11;
    }
/* Separators */

.h_separator {
    border-top: 1px solid #7e7e7e;
    height: 0;
    margin-bottom: 20px;
    width: 100%;
}

.h_separator_dashed {
    border-top: 1px dashed #7e7e7e;
    height: 0;
    margin-bottom: 20px;
    width: 100%;
}

.clear {
    clear: both;
}
/* Dropdown Box Classes */

.dropdown {
    background-color: #252525;
    border: 1px solid #464646;
    padding: 2px;
    position: absolute;
    right: 0;
    top: 47px;
}

    .dropdown .item,
    .item_signout {
        color: #999999;
        cursor: pointer;
        font-size: 14px;
        padding: 6px 20px;
    }

        .dropdown .item:hover,
        .item_signout:hover {
            color: white;
        }

    .dropdown .item_signout {
        background: #363636;
    }
/* Popup Layer Classes */

.popup_layer {
    background: url(/images/shade.png);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    .popup_layer .window {
        background-color: #252525;
        border: 1px solid #464646;
        height: 244px;
        margin: 0 auto;
        padding: 20px 26px;
        position: relative;
        top: 150px;
        width: 662px;
    }

.popup_head {
    color: white;
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 0.5em;
}

.popup_text {
    color: #999999;
    line-height: 1.6em;
}

.popup_button_container {
    bottom: 20px;
    position: absolute;
    text-align: right;
    width: 662px;
    ;
}
/* Game Logos */

*[class^="gamelogo_"] {
    display: inline-block;
    *display: inline;
    width: 180px;
	height: 67px;
    vertical-align: middle;
    zoom: 1;
}

.gamelogo_ko {
    background: no-repeat center url('/syst3m/images/common/top_logo.png');
	float:left;
}
/* Payment Logos */

*[class^="paymentlogo_"] {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}

.paymentlogo_eprepag {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_eprepag.png);
    height: 30px;
    width: 76px;
}

.paymentlogo_esn {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_esn.png);
    height: 30px;
    width: 60px;
}

.paymentlogo_gocash {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_gocash.png);
    height: 30px;
    width: 75px;
}

.paymentlogo_odeme {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_odeme.png);
    height: 30px;
    width: 69px;
}

.paymentlogo_paybyme_mobile {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_paybyme_mobile.png);
    height: 30px;
    width: 78px;
}

.paymentlogo_paybyme_prepaid {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_paybyme_prepaid.png);
    height: 30px;
    width: 81px;
}

.paymentlogo_paypal {
    background: no-repeat center url(/application/images/paymentlogos/paypal.png);
    width: 160px;
    height: 47px;
    margin-bottom: 10px;
}

.paymentlogo_trinkpay {
    background: no-repeat center url(/application/images/paymentlogos/trinklogo.png);
    width: 160px;
    height: 187px;
    margin-bottom: 10px;
}

.paymentlogo_paypal:hover {
    box-shadow: 0 0px 10px 1px #fd830c;
}

.paymentlogo_trinkpay:hover {
    box-shadow: 0 0px 10px 1px #fd830c;
}

.paymentlogo_kesn {
    background: no-repeat center url(/application/images/paymentlogos/kesn.png);
    width: 160px;
    height: 47px;
    margin-bottom: 10px;
}

    .paymentlogo_kesn:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }

.paymentlogo_bayi {
    background: no-repeat center url(/application/images/paymentlogos/bayiler.png);
    width: 160px;
    height: 47px;
    margin-bottom: 10px;
}

    .paymentlogo_bayi:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }

.paymentlogo_sonteklif {
    background: no-repeat center url(/application/images/paymentlogos/sonteklif.png);
    width: 160px;
    height: 47px;
    margin-bottom: 10px;
}

    .paymentlogo_sonteklif:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }

.paymentlogo_banka {
    background: no-repeat center url(/application/images/paymentlogos/banka-havale-atm.png);
    width: 160px;
    height: 47px;
    margin-bottom: 10px;
}

    .paymentlogo_banka:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }


.paymentlogo_mobil {
    background: no-repeat center url(/application/images/paymentlogos/mobil_menu.png);
    width: 160px;
    height: 47px;
    margin-bottom: 10px;
}

    .paymentlogo_mobil:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }


.paymentlogo_banka_odemeyaptim {
    background: no-repeat center url(/application/images/paymentlogos/odeme-yaptim.png);
    width: 160px;
    height: 47px;
    margin-left: 8px;
}


.paymentlogo_bursagb {
    background: no-repeat center url();
    width: 160px;
    height: 47px;
    margin-left: 8px;
}



.paymentlogo_gamebayi {
    background: no-repeat center url(/application/images/paymentlogos/gamebayi.png);
    width: 160px;
    height: 47px;
    margin-left: 8px;
}



.paymentlogo_atagame {
    background: no-repeat center url(/application/images/paymentlogos/atagame.png);
    width: 160px;
    height: 47px;
    margin-left: 8px;
}

.btn {
    padding: 10px 20px;
    background: transparent;
    border: 1px solid #831017;
}

.btn_red {
    background: #831017;
    color: #FFF;
}

.btn_green {
    padding: 10px 20px;
    background: green;
    color: #FFF;
    border: 1px solid green;
}

.btn:hover {
    border: 1px solid #560a0f;
}

.btn_red:hover {
    background: #560a0f;
}

.paymentlogo_banka_odemeyaptim:hover {
    box-shadow: 0 0px 10px 1px #fd830c;
}

.paymentlogo_banka_bakiyedonustur {
    background: no-repeat center url(/application/images/paymentlogos/bakiye-donustur.png);
    width: 200px;
    height: 59px;
    margin-left: 8px;
}


    .paymentlogo_banka_bakiyedonustur:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }


.paymentlogo_banka_odemeyapacagim {
    background: no-repeat center url(/application/images/paymentlogos/odeme-yapacagim.png);
    width: 160px;
    height: 47px;
    margin-left: 8px;
}

    .paymentlogo_banka_odemeyapacagim:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }

.paymentlogo_paysafecard {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_paysafecard.png);
    height: 30px;
    width: 82px;
}

.paymentlogo_rixty {
    background: no-repeat center url(/images/paymentlogo/paymentlogo_rixty.png);
    height: 30px;
    width: 52px;
}
/* Reseller Logos */

*[class^="resellerlogo_"] {
    display: inline-block;
    *display: inline;
    margin: 8px 0;
    vertical-align: middle;
    width: 150px;
    zoom: 1;
}

/* Icons */

*[class^="icon_"] {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    zoom: 1;
}

.icon_npoints {
    background: no-repeat left url(/images/icon_npoints.png);
    padding-left: 25px;
}

.main_area .icon_npoints {
    height: 20px;
}

.icon_arrow_dn {
    background: no-repeat right url(/images/icon_arrow_dn.png);
    cursor: pointer;
    line-height: 47px;
    padding-right: 17px;
    text-align: right;
}

    .icon_arrow_dn:hover {
        background: no-repeat right url(/images/icon_arrow_dn_over.png);
        color: white;
    }

.icon_arrow_up {
    background: no-repeat right url(/images/icon_arrow_up.png);
    cursor: pointer;
    line-height: 47px;
    padding-right: 17px;
    text-align: right;
}

    .icon_arrow_up:hover {
        background: no-repeat right url(/images/icon_arrow_up_over.png);
        color: white;
    }

.icon_login {
    cursor: pointer;
    line-height: 47px;
    padding-right: 17px;
    text-align: right;
}

    .icon_login:hover {
        color: white;
    }
/* Buttons */

*[class^="button_"] {
    border-radius: 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    font-size: 14px;
    font-weight: 600;
    *font-weight: normal;
    padding: 8px 12px;
    zoom: 1;
}

.button_gray, .button_yellow {
    border-radius: 4px;
    color: black;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    font-size: 14px;
    font-weight: 600;
    *font-weight: normal;
    padding: 8px 12px;
    zoom: 1;
    *behavior: url(/css/border-radius.htc);
}
/*
.rounded-corners {
    behavior: url(/css/border-radius.htc);
    border-radius: 20px;
}
*/
.button_gray {
    background: #707070;
}

    .button_gray:hover {
        background: white;
    }

.button_yellow {
    background: #ffd006;
}

    .button_yellow:hover {
        background: #dd8218;
    }
/* Common */

.no_padding {
    padding: 0;
}

.bold {
    font-weight: 600;
}

.t_yellow {
    color: #ffd006;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.no_visible {
    display: none;
}

.custom_button {
    /* opacity: 0; */
    font-size: 1em;
    width: 190px;
    background: #222222;
    text-align: center;
    line-height: 35px;
    color: #fd830c;
    /* color:#F10101; */
    border-radius: 3px;
    border: 1px solid #fd830c;
    background-repeat: no-repeat;
    background-image: -webkit-linear-gradient( top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.4) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -moz-linear-gradient( 0 0, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.4) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: -o-linear-gradient( 0 0, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.4) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-image: linear-gradient( 0 0, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.4) 37%, rgba(255, 255, 255, 0.8) 45%, rgba(255, 255, 255, 0.0) 50% );
    background-position: -90px 100%, 0 0;
    -moz-background-size: 100% 100%, 100% 100%;
    background-size: 100% 100%, 100% 100%;
    -webkit-transition: background-position 0s ease;
    -moz-transition: background-position 0s ease;
    -o-transition: background-position 0s ease;
    transition: background-position 0s ease;
}

    .custom_button:hover {
        box-shadow: 0 0px 10px 1px #fd830c;
    }

.custom_button_hover {
    background-position: 170px 100%, 0 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    transition-duration: 1s;
}


    .kcmobil.vertical {
        width: 90px;
    }

        .kcmobil.vertical .noUi-target {
            height: 150px;
        }