/*  ---------------- taglar ------------- */

body {
    margin: 0 0 0 0;
    font-family: 'prnova', 'Segoe UI';
    background-color: #F44336;
}

img {
    border: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.unselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 20px 0 6px rgba(0,0,0,0.3);
    border-radius: 2px;
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 15px 10px 6px rgba(15,179,154,0.9);
}
/*  ---------------- yazı renkleri ------------- */

.beyaz {
    color: #ffffff;
}

.siyah {
    color: #000000;
}

.kara {
    color: #323232;
}

.koyu-gri {
    color: #333333;
}

.ortagri {
    color: #434343;
}

.gri {
    color: #999999;
}

.turanj {
    color: #f17800;
}

.mavi {
    color: #1daff3;
}

.turkuvaz {
    color: #0fb39a;
}

/*  ---------------- arka renkler --------------- */
.arkabeyaz {
    background-color: #ffffff;
}

.arkaturkuvaz {
    background-color: #0fb39a;
}

.arkaturanj {
    background-color: #f17800;
}

.arkakoyugri {
    background-color: #333333;
}

.arkamavi {
    background-color: #F44336;
}

.arkaacikgri {
    background-color: #ebebeb;
}

.arkakara {
    background-color: #323232;
}
/*  ---------------- yazı boyutları ------------- */

.pt12 {
    font-size: 12pt;
}

.pt14 {
    font-size: 14pt;
}

.pt16 {
    font-size: 16pt;
}

.pt18 {
    font-size: 18pt;
}

.pt20 {
    font-size: 20pt;
}

.px34 {
    font-size: 34px;
}

.px84 {
    font-size: 84px;
}

.px30 {
    font-size: 30px !important;
}

.px20 {
    font-size: 20px !important;
}

.px32 {
    font-size: 32px !important;
}

.line25 {
    line-height: 25px;
}

.line23 {
    line-height: 35px;
}

.line70 {
    line-height: 70px;
}
/*  ---------------- yardımcı tanımlar ------------- */

.temizle {
    clear: both;
}

.buyukharf {
    text-transform: uppercase;
}


.w10 {
    width: 10px;
}

.w15 {
    width: 15px;
}

.w20 {
    width: 20px;
}

.w24 {
    width: 24px;
}

.w30 {
    width: 30px;
}

.w35 {
    width: 35px;
}

.w45 {
    width: 45px;
}

.w175 {
    width: 175px;
    min-width: 175px;
}

.w300 {
    width: 300px;
    min-width: 300px;
}

.w320 {
    width: 320px;
    min-width: 320px;
}

.w220 {
    width: 220px;
    min-width: 220px;
}

.wy100 {
    width: 100%;
}

.wy50 {
    width: 50%;
}

.wy25 {
    width: 25%;
}

.wy75 {
    width: 75%;
}

.h50 {
    height: 50px;
}

.hy100 {
    height: 100%;
}

.h35 {
    height: 35px;
}

.l35 {
    line-height: 35px;
}

.l50 {
    line-height: 50px;
}


/*		floatlar */

.float-sol {
    float: left;
}

.float-sag {
    float: right;
}

/*   marginler */

.margin-5 {
    margin: 5px;
}

.margin-10 {
    margin: 10px;
}

.margin-20 {
    margin: 20px;
}

.margin-50 {
    margin: 50px;
}

.margin-sol-5 {
    margin-left: 5px;
}

.margin-sol-10 {
    margin-left: 10px;
}

.margin-sol-20 {
    margin-left: 20px;
}

.margin-sol-35 {
    margin-left: 35px;
}

.margin-sag-5 {
    margin-right: 5px;
}

.margin-sag-10 {
    margin-right: 10px;
}

.margin-sag-20 {
    margin-right: 20px;
}

.margin-ust-5 {
    margin-top: 5px;
}

.margin-ust-10 {
    margin-top: 10px;
}

.margin-ust-20 {
    margin-top: 20px;
}

.margin-ust-80 {
    margin-top: 20px;
}

.margin-alt-5 {
    margin-bottom: 5px;
}

.margin-alt-10 {
    margin-bottom: 10px;
}

.margin-alt-20 {
    margin-bottom: 20px;
}


/* paddingler */

.padding-5 {
    padding: 5px;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.padding-sol-5 {
    padding-left: 5px;
}

.padding-sol-10 {
    padding-left: 10px;
}

.padding-sol-20 {
    padding-left: 20px;
}

.padding-sag-5 {
    padding-right: 5px;
}

.padding-sag-10 {
    padding-right: 10px;
}

.padding-sag-20 {
    padding-right: 20px;
}

.padding-ust-5 {
    padding-top: 5px;
}

.padding-ust-10 {
    padding-top: 10px;
}

.padding-ust-20 {
    padding-top: 20px;
}

.padding-alt-5 {
    padding-bottom: 5px;
}

.padding-alt-10 {
    padding-bottom: 10px;
}

.padding-alt-20 {
    padding-bottom: 20px;
}

.menucu {
    display: inline-block;
    line-height: 70px;
    padding: 0 20px;
    height: 70px;
    cursor: pointer;
}

    .menucu > a {
        line-height: 70px;
    }

.ayarcim {
    display: table-cell;
    line-height: 70px;
    height: 70px;
    padding: 0 20px;
    cursor: pointer;
}

.ayaralt {
    overflow: hidden;
    height: 70px;
    width: 0px;
    vertical-align: top;
}

.inlineblock {
    display: inline-block;
}

.standarta {
    text-decoration: none;
    color: inherit;
}

.dikeycizgi {
    width: 1px;
    height: 80%;
    vertical-align: top;
}

.yasla-sol {
    text-align: left;
}

.yasla-sag {
    text-align: right;
}

.yasla-orta {
    text-align: center;
}

.tablo {
    display: table;
}

.satir {
    display: table-row;
}

.hucre {
    display: table-cell;
}

.pointer {
    cursor: pointer;
}

.vtop {
    vertical-align: top;
}

.vmidle {
    vertical-align: middle !important;
}

.input {
    width: 150px !important;
    height: 35px;
    font-family: 'prnova';
    color: #999999;
    font-size: 14px;
    padding: 1px 10px 0 10px;
    margin: 0 4px 0 0;
    background-color: #ffffff;
    border-top: 1px solid #c7c7c7;
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
}

.input2 {
    width: 130px !important;
    height: 35px;
    font-family: 'prnova';
    color: #999999;
    font-size: 14px;
    padding: 1px 10px 0 10px;
    margin: 0 4px 0 0;
    background-color: #ffffff;
    border-top: 1px solid #c7c7c7;
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
}

.input3 {
    width: 100px !important;
    height: 35px;
    font-family: 'prnova';
    color: #999999;
    font-size: 14px;
    padding: 1px 10px 0 10px;
    margin: 0 4px 0 0;
    background-color: #ffffff;
    border-top: 1px solid #c7c7c7;
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
}

.input4 {
    width: 300px !important;
    height: 35px;
    font-family: 'prnova';
    color: #999999;
    font-size: 14px;
    padding: 1px 10px 0 10px;
    margin: 0 4px 0 0;
    background-color: #ffffff;
    border-top: 1px solid #c7c7c7;
    border-right: 2px solid #c7c7c7;
    border-bottom: 2px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
}