.h8 {
    height: 8px;
}

.h10 {
    height: 10px;
}

.h12 {
    height: 12px;
}

.h24 {
    height: 24px;
}

.h30 {
    height: 30px;
}

.h32 {
    height: 32px;
}

.h36 {
    height: 36px;
}

.h40 {
    height: 40px;
}

.h50 {
    height: 50px;
}

.h60 {
    height: 60px;
}

.h90 {
    height: 90px;
}

.h100 {
    height: 100px;
}

.h120 {
    height: 120px;
}

.h160 {
    height: 160px;
}

.h200 {
    height: 200px;
}

.h220 {
    height: 220px;
}

.h240 {
    height: 240px;
}

.h300 {
    height: 300px;
}

.h320 {
    height: 320px;
}

.h360 {
    height: 360px;
}

.h400 {
    height: 400px;
}

.h440 {
    height: 440px;
}

.h500 {
    height: 500px;
}

.h600 {
    height: 600px;
}

.w45 {
    width: 45px !important;
}

.w60 {
    width: 60px !important;
}

.w_yuzde60 {
    width: 60%;
}

.w_yuzde70 {
    width: 70%;
}

.w_yuzde80 {
    width: 80%;
}

.w_yuzde90 {
    width: 90%;
}

.w_yuzde95 {
    width: 95%;
}

.w_yuzde98 {
    width: 98%;
}

.w_yuzde100 {
    width: 100%;
}

.h_yuzde30 {
    height: 30%;
}

.h_yuzde40 {
    height: 40%;
}

.h_yuzde50 {
    height: 50%;
}

.h_yuzde60 {
    height: 60%;
}

.h_yuzde80 {
    height: 80%;
}

.h_yuzde90 {
    height: 90%;
}

.h_yuzde100 {
    height: 100%;
}


/* Yönler */
.sag {
    text-align: right;
}

.sol {
    text-align: left;
}

.ortala {
    text-align: center;
}

.hizala {
    text-indent: 10px;
    text-align: justify;
}

.ust {
    vertical-align: top;
}

.alt {
    vertical-align: bottom;
}

.orta {
    vertical-align: middle;
}

/* padding ayarları */
.p0 {
    padding: 0px !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.p80 {
    padding: 80px !important;
}

.p100 {
    padding: 100px !important;
}

.p160 {
    padding: 160px !important;
}

.pl0 {
    padding-left: 0px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl25 {
    padding-left: 25px !important;
}

.pl30 {
    padding-left: 30px !important;
}

.pl40 {
    padding-left: 40px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pr0 {
    padding-right: 0px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr25 {
    padding-right: 25px !important;
}

.pr30 {
    padding-right: 30px !important;
}

.pr40 {
    padding-right: 40px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pt0 {
    padding-top: 0px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pt120 {
    padding-top: 120px !important;
}

.pt160 {
    padding-top: 160px !important;
}

.pt8 {
    padding-top: 8px !important;
}

.pb0 {
    padding-bottom: 0px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pb120 {
    padding-bottom: 120px !important;
}

.pb160 {
    padding-bottom: 160px !important;
}

.ph0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.ph5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ph10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ph15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.ph20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.ph25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.ph30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.ph40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.ph50 {
    padding-left: 50px !important;
    padding-right: 50px !important;
}

.pv0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pv5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pv10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pv15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pv20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pv25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pv30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pv40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pv50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

/* margin ayarları */
.m0 {
    margin: 0px !important;
}

.m5 {
    margin: 5px !important;
}

.m10 {
    margin: 10px !important;
}

.m15 {
    margin: 15px !important;
}

.m20 {
    margin: 20px !important;
}

.m25 {
    margin: 25px !important;
}

.m30 {
    margin: 30px !important;
}

.m40 {
    margin: 40px !important;
}

.m50 {
    margin: 50px !important;
}

.ml0 {
    margin: 0px !important;
}

.ml5 {
    margin: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.mr0 {
    margin-right: 0px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mb0 {
    margin-bottom: 0px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mh0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mh5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mh10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mh15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mh20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mh25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mh30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mh40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mh50 {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mv0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mv5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mv10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mv15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mv20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mv25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mv30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mv40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mv50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

/* genel ayarlar */
.b {
    font-weight: bold;
}

.b0 {
    border: 0px;
}

.b1 {
    border: 1px solid;
}

.br3 {
    border-radius: 3px;
}

.br5 {
    border-radius: 5px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.dn {
    display: none;
}

.tdn {
    text-decoration: none !important;
}

.tdu {
    text-decoration: underline !important;
}

.mcp {
    cursor: pointer !Important;
}

/* font size ayarları */
.fs10 {
    font-size: 10px !Important;
}

.fs11 {
    font-size: 11px !Important;
}

.fs12 {
    font-size: 12px !Important;
}

.fs13 {
    font-size: 13px !Important;
}

.fs14 {
    font-size: 14px !Important;
}

.fs15 {
    font-size: 15px !Important;
}

.fs16 {
    font-size: 16px !Important;
}

.fs18 {
    font-size: 18px !Important;
}

.fs20 {
    font-size: 20px !Important;
}

.fs24 {
    font-size: 24px !Important;
}

.fs32 {
    font-size: 32px !Important;
}

.textcenter {
    text-align: center !Important;
}

.textleft {
    text-align: left !Important;
}

.textright {
    text-align: right !Important;
}

.beyaz {
    color: #ffffff !important;
}

.gri {
    color: Gray !important;
}

.kirmizi {
    color: red !important;
}

.ffArial {
    font-family: Arial !Important;
}

.bold {
    font-weight: bold !Important;
}

.fnormal {
    font-weight: normal !Important;
}

.ph3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.fw100 {
    font-weight: 100 !important;
}

/* diğer ayarlar */
.lh16 {
    line-height: 16px !Important;
}

.lh20 {
    line-height: 20px !Important;
}

.lh24 {
    line-height: 24px !Important;
}

.fa-1_25 {
    font-size: 1.25em !Important;
}

.fa-1_5 {
    font-size: 1.5em !Important;
}

ul.non {
    list-style: outside none none;
}

.btn-danger {
    background-color: #2edf92 !important;
}

.form-control-borderless {
    border: none;
    box-shadow: hsl(0deg 0% 90%) 0 5px 16px;
}

    .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
        border: none;
        outline: none;
        box-shadow: hsl(0deg 0% 80%) 0 5px 16px;
    }

.golge {
    box-shadow: hsl(0deg 0% 50%) 0 5px 16px;
}

.tags {
    color: #ababab;
    background-color: #f2f2f2;
    font-weight: normal;
}

.tagslabel {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 500;
    line-height: 1;
    color: #ababab;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.login-block {
    background-color: #fff;
    padding: 60px;
    box-shadow: 0 3px 50px 0 rgb(0 0 0 / 15%);
    text-align: center;
    border-radius: 5px;
}

.login-links {
    padding: 15px 5px 0;
    font-size: 13px;
    color: #96a2b2;
}

input.guzelcb[type="checkbox"] {
    display: none;
}

    input.guzelcb[type="checkbox"] + label {
        display: block;
        position: relative;
        margin-bottom: 20px;
        font: 14px/20px 'Open Sans', Arial, sans-serif;
        color: #ddd;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
    }

        input.guzelcb[type="checkbox"] + label:last-child {
            margin-bottom: 0;
        }

        input.guzelcb[type="checkbox"] + label:before {
            content: '';
            display: block;
            width: 20px;
            height: 20px;
            border: 1px solid #6cc0e5;
            position: absolute;
            left: 0;
            top: 0;
            opacity: .6;
            -webkit-transition: all .12s, border-color .08s;
            transition: all .12s, border-color .08s;
        }

    input.guzelcb[type="checkbox"]:checked + label:before {
        width: 10px;
        top: -5px;
        left: 5px;
        border-radius: 0;
        opacity: 1;
        border-top-color: transparent;
        border-left-color: transparent;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }