.temizle {
    clear: both !important;
}

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

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

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

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

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

.margin0 {
    margin: 0px !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-center {
    text-align: center !important;
}

.td_siyah td {
    color: #333 !important;
}

.tr_fff a, .tr_fff i {
    color: #FFF !important;
}

.inline_block {
    display: inline-block !important;
}

.display_none {
    display: none !important;
}

table a {
    color: #337ab7;
}

table a:hover, table a:focus {
    color: #7B7B77;
}

.gizle {
    display: none;
}

.font_size_14 {
    font-size: 14px !important;
}

.font_size_12 {
    font-size: 12px !important;
}

.font_family_open {
    font-family: "Open Sans", Arial, sans-serif !important;
}

.font_weight_bold {
    font-weight: bold !important;
}

.color333 {
    color: #333 !important;
}

.color666 {
    color: #666 !important;
}

.colorfff {
    color: #fff !important;
}

.padding0px {
    padding: 0px !important;
}

.colorDADADA {
    color: #dadada !important;
}

.w100 {
    width: 100% !important;
    float: left;
}

.loader {
    position: relative !important;
}

.loader_extra {
    position: relative !important;
}

.loader2 {
    position: relative !important;
    min-height: 300px !important;
}

.loading {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 5 !important;
    left: 0px;
    top: 0px;
    background: url("images/loader.GIF") no-repeat center center #ffffff !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.loading_extra {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 5 !important;
    left: 0px;
    top: 0px;
    background: url("images/loader.GIF") no-repeat center center #ffffff !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.loading_extra_td {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    z-index: 5 !important;
    left: 0px;
    top: 0px;
    background: url("images/loader.GIF") no-repeat center center #ffffff !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    height: 80px !important;
}

.loading2 {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 5 !important;
    left: 0px;
    top: 0px;
    background: url("images/loader.GIF") no-repeat center center #ffffff !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.arac_resim_box {
    width: 200px;
    float: left;
    margin: 10px;
}

.arac_resim {
    width: 200px;
    height: 150px;
    float: left;
    display: block;
    padding: 10px;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 3px;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.arac_resim:hover {
    border: 1px solid #008EC8;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.arac_resim img {
    max-width: 200px;
    max-height: 150px;
    width: 100%;
}

.arac_resim_sil {
    float: left;
    margin: 10px 0px 0px calc(50% - 18.5px);
}

.cursor {
    cursor: pointer;
}

.minh100 {
    min-height: 100px;
}

.mw400 {
    max-width: 400px;
}

#blackbox {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    z-index: 9999;
    background: rgb(255, 255, 255);
}

.cssload-container {
    position: relative;
    top: calc(50% - 50px);
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 2px solid rgb(204, 204, 204);
    border-left-color: rgb(39, 82, 84);
    border-radius: 1623px;
    -o-border-radius: 1623px;
    -ms-border-radius: 1623px;
    -webkit-border-radius: 1623px;
    -moz-border-radius: 1623px;
}

.cssload-whirlpool {
    margin: -41px 0 0 -41px;
    height: 81px;
    width: 81px;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
    content: "";
    margin: -37px 0 0 -37px;
    height: 72px;
    width: 72px;
    animation: cssload-rotate 1150ms linear infinite;
    -o-animation: cssload-rotate 1150ms linear infinite;
    -ms-animation: cssload-rotate 1150ms linear infinite;
    -webkit-animation: cssload-rotate 1150ms linear infinite;
    -moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
    content: "";
    margin: -47px 0 0 -47px;
    height: 91px;
    width: 91px;
    animation: cssload-rotate 2300ms linear infinite;
    -o-animation: cssload-rotate 2300ms linear infinite;
    -ms-animation: cssload-rotate 2300ms linear infinite;
    -webkit-animation: cssload-rotate 2300ms linear infinite;
    -moz-animation: cssload-rotate 2300ms linear infinite;
}

@keyframes cssload-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes cssload-rotate {
    100% {
        -o-transform: rotate(360deg);
    }
}

@-ms-keyframes cssload-rotate {
    100% {
        -ms-transform: rotate(360deg);
    }
}

@-webkit-keyframes cssload-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes cssload-rotate {
    100% {
        -moz-transform: rotate(360deg);
    }
}

#fountainG {
    position: relative;
    width: 84px;
    height: 10px;
    margin: auto;
}

.fountainG {
    position: absolute;
    top: 0;
    background-color: rgb(0, 0, 0);
    width: 10px;
    height: 10px;
    animation-name: bounce_fountainG;
    -o-animation-name: bounce_fountainG;
    -ms-animation-name: bounce_fountainG;
    -webkit-animation-name: bounce_fountainG;
    -moz-animation-name: bounce_fountainG;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
    transform: scale(.3);
    -o-transform: scale(.3);
    -ms-transform: scale(.3);
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}

#fountainG_1 {
    left: 0;
    animation-delay: 0.6s;
    -o-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    -moz-animation-delay: 0.6s;
}

#fountainG_2 {
    left: 10px;
    animation-delay: 0.75s;
    -o-animation-delay: 0.75s;
    -ms-animation-delay: 0.75s;
    -webkit-animation-delay: 0.75s;
    -moz-animation-delay: 0.75s;
}

#fountainG_3 {
    left: 21px;
    animation-delay: 0.9s;
    -o-animation-delay: 0.9s;
    -ms-animation-delay: 0.9s;
    -webkit-animation-delay: 0.9s;
    -moz-animation-delay: 0.9s;
}

#fountainG_4 {
    left: 31px;
    animation-delay: 1.05s;
    -o-animation-delay: 1.05s;
    -ms-animation-delay: 1.05s;
    -webkit-animation-delay: 1.05s;
    -moz-animation-delay: 1.05s;
}

#fountainG_5 {
    left: 42px;
    animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    -ms-animation-delay: 1.2s;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
}

#fountainG_6 {
    left: 52px;
    animation-delay: 1.35s;
    -o-animation-delay: 1.35s;
    -ms-animation-delay: 1.35s;
    -webkit-animation-delay: 1.35s;
    -moz-animation-delay: 1.35s;
}

#fountainG_7 {
    left: 63px;
    animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    -ms-animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
}

#fountainG_8 {
    left: 73px;
    animation-delay: 1.64s;
    -o-animation-delay: 1.64s;
    -ms-animation-delay: 1.64s;
    -webkit-animation-delay: 1.64s;
    -moz-animation-delay: 1.64s;
}

@keyframes bounce_fountainG {
    0% {
        transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-o-keyframes bounce_fountainG {
    0% {
        -o-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -o-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-ms-keyframes bounce_fountainG {
    0% {
        -ms-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -ms-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-webkit-keyframes bounce_fountainG {
    0% {
        -webkit-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -webkit-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

@-moz-keyframes bounce_fountainG {
    0% {
        -moz-transform: scale(1);
        background-color: rgb(0, 0, 0);
    }

    100% {
        -moz-transform: scale(.3);
        background-color: rgb(255, 255, 255);
    }
}

.loader_ozellik {
    width: 100%;
    height: 30px;
    float: left;
    display: none;
}

.dolu, .dolu:focus {
    box-shadow: 0px 0px 3px 3px #47a447;
    outline: 0px !important;
}

.kagit_con_box {
    width: calc(100% / 5) !important;
}

.baski_con_box {
    width: calc(100% / 5) !important;
}

.baski_con_box2 {
    width: calc(100% / 6) !important;
}