:root {
    --turuncu: #f0901a;
    --mor: #9f6396;
    --yesil: #a4c858;
    --mavi: #3698cd;
    --fume: #575756;
}


.classNone {display:none !important}

/*Table özel css başlangıcı*/
.table-list-elitcreative {
    display:block;
    width:100%;
    margin-bottom:15px;
}

.table-list-elitcreative .table-list-operation-top { margin-bottom:2px; }
.table-list-elitcreative .table-list-operation-top .left-area { height: 44px; }
.table-list-elitcreative .table-list-operation-top .right-area { height: 44px; }
.table-list-elitcreative .table-list-operation-top .left-area .record-display { margin-top: 16px; }
.table-list-elitcreative .table-list-operation-top .left-area .record-display select { width: 55px; height: 25px; padding: 2px 3px; }
.table-list-elitcreative .table-list-operation-top .left-area .record-display span { margin-left:5px; font-size:12px; line-height:25px; }
.table-list-elitcreative .table-list-operation-top .right-area .row { position: relative; height: 100%; }
.table-list-elitcreative .table-list-operation-top .right-area select.selected-records-operation-area {width: 225px; height: 25px; padding: 2px 3px; display:none;}
.table-list-elitcreative .table-list-operation-top .right-area .record-count { bottom: 0; right: 0; position: absolute; }
.table-list-elitcreative .table-list-operation-top .right-area .record-count span { font-size:12px; }


.table-list-elitcreative .table-list-operation-bottom {  }
.table-list-elitcreative .table-list-operation-bottom .left-area { height: 25px; }
.table-list-elitcreative .table-list-operation-bottom .right-area { height: 37px; }
.table-list-elitcreative .table-list-operation-bottom .left-area .record-display {  }
.table-list-elitcreative .table-list-operation-bottom .left-area .record-display select { width: 55px; height: 25px; padding: 2px 3px; }
.table-list-elitcreative .table-list-operation-bottom .left-area .record-display span { margin-left:5px; font-size:12px; line-height:25px; }
.table-list-elitcreative .table-list-operation-bottom .right-area .row { position: relative; height: 100%; }
.table-list-elitcreative .table-list-operation-bottom .right-area .record-count { position: absolute; right: 0; bottom: 0; }
.table-list-elitcreative .table-list-operation-bottom .right-area .record-count span { font-size:12px; }

.table-list-elitcreative .table-elitcreative {
    margin:0;
}

.table-list-elitcreative .table-elitcreative table {
    border: 1px solid #e9e9e9 !important;
    border-bottom: 2px solid #e9e9e9 !important;
    margin-bottom:2px;
}

    .table-list-elitcreative .table-elitcreative table.ValidationBorderClass {
        border: 2px solid #B73913 !important;
    }

    .table-list-elitcreative .table-elitcreative table thead tr {
        font-weight: 700 !important;
        background-image: unset !important;
        filter: unset !important;
        background: #fff !important;
    }

        .table-list-elitcreative .table-elitcreative table thead tr th {
            border-right: 1px solid #dddddd !important;
        }

        .table-list-elitcreative .table-elitcreative table thead tr th.ValidationBorderBottomClass {
            border-bottom: 2px solid #B73913 !important;
        }

        .table-list-elitcreative .table-elitcreative table thead tr th.row-number {
            max-width: 40px;
            width: 40px;
        }

        .table-list-elitcreative .table-elitcreative table thead tr th.row-checkbox {
            max-width: 40px;
            width: 40px;
        }

        .table-list-elitcreative .table-elitcreative table thead tr th.row-shorting {
            max-width: 110px;
            width: 110px;
        }

        .table-list-elitcreative .table-elitcreative table thead tr th.row-record-number {
            max-width: 80px;
            width: 80px;
        }

        .table-list-elitcreative .table-elitcreative table thead tr th:last-child {
            max-width: 240px;
            width: 240px;
        }

    .table-list-elitcreative .table-elitcreative table tbody tr td {
        border-right: 1px solid #dddddd !important;
        border-top: 1px solid #dddddd !important;
        vertical-align: middle !important;
    }

    .table-list-elitcreative .table-elitcreative table tbody tr .operation-td a {
        font-size: 12px !important;
        display: inline-block !important;
        margin-right: 1px !important;
    }

        .table-list-elitcreative .table-elitcreative table tbody tr .operation-td a i {
            /*float: left !important;*/
        }

.table-list-elitcreative .table-elitcreative .active-row > td {
    background-color: #e8e8e8 !important;
    /*color: #FFF !important;*/
}

    .table-list-elitcreative .table-elitcreative .active-row > td > a {
        /*color: #FFF !important;*/
    }

    .table-list-elitcreative .table-elitcreative .active-row > td > p {
        /*color: #FFF !important;*/
    }

.table-list-elitcreative .table-elitcreative .active-row .animated-checkbox input[type="checkbox"]:checked + .label-text:before {
    /*color: #fff !important;*/
}

.table-list-elitcreative .table-elitcreative .sub-table table tr {
    border: 1px solid #ddd !important;
}

.table-list-elitcreative .table-elitcreative .sub-table-header {
    border: 1px solid #ddd !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 10px 0 10px 5px !important;
    border-bottom: 0 !important;
}
.input-pass-show {
    position: absolute;
}

    .input-pass-show i {
        color: #411d67;
    }

.input-after-icon {
    display: none;
    position: absolute;
    right: 9%;
    top: 57% !important;
}

.record-shorting {}
.record-shorting div.record-number-update { display: inline-block; }
.record-shorting div.record-number-update-manuel { display: none; }
.record-shorting div.record-number-update a { float: left; width: 16px; font-size: 16px; height: 16px; }
.record-shorting div.record-number-update a i { float: left; }
.record-shorting div.record-number-update a.shorting-circle { width: 12px; margin-top: 0px; margin-left: 10px; margin-right: 10px; }
.record-shorting div.record-number-update a img { float: left; width: 100%; }
.record-shorting div.record-number-update-manuel input { margin-right: 2px; height: 22px; width: 40px; font-size: 11px; text-align: center; float: left; }
.record-shorting div.record-number-update-manuel a.record-number-update-approved {  }
.record-shorting div.record-number-update-manuel a.record-number-update-cancel {  }

.liked {background: #df4444 !important;color:#ffffff !important;}

/*Sipariş Adres Seçme*/

.address-radio {
    margin-top: 7px;
}

.address-now {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .address-now li {
        margin-right: 5px;
        width: 150px;
        height: 36px;
        position: relative;
        text-align: center;
        display: inline-block;
    }

    .address-now label,
    .address-now input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

        .address-now input[type="radio"] {
            display: none;
        }

            .address-now input[type="radio"]:checked + label,
            .Checked + label {
                background: var(--yesil);
            }

    .address-now label {
        padding: 10px 5px;
        cursor: pointer;
        background: var(--mor);
        color: #fff;
        border-radius: 3px;
        font-weight: 500;
        font-size: 12px;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
    }

        .address-now label:hover {
            background: var(--yesil);
        }

/*Sipariş Adres Seçme*/


@media screen and (max-width: 767px) {
    .table-list-elitcreative .table-elitcreative table thead tr th.row-number {
        max-width: unset;
        width:unset;
    }

    .table-list-elitcreative .table-elitcreative table thead tr th.row-checkbox {
        max-width: unset;
        width:unset;
    }

    .table-list-elitcreative .table-elitcreative table thead tr th.row-shorting {
        max-width: unset;
        width:unset;
    }

    .table-list-elitcreative .table-elitcreative table thead tr th.row-record-number {
        max-width: unset;
        width:unset;
    }

    .table-list-elitcreative .table-elitcreative table thead tr th:last-child {
        max-width: unset;
        width:unset;
    }
}
/*Table özel css sonu*/

/*Table filtreleme ve sıralama özel css başlangıcı*/
.table-filter-elitcreative { width: 100%; float:left; display:inline-block; margin-bottom: 15px; }
.table-filter-elitcreative fieldset { width: 100%; min-width: 0; float:left; display:inline-block; padding:5px 15px 10px 15px; border: 1px solid #d5d5d5; margin:0; border-radius: 4px;}
.table-filter-elitcreative fieldset legend { padding: 0 2px 0 2px; display: block; width: unset; margin-bottom: 0; font-size: 13px; line-height: inherit; color: #333333; border: 0; border-bottom: none; }



.table-short-elitcreative {width: 100%;float: left;display: inline-block;margin-bottom: 15px;}
.table-short-elitcreative fieldset { width: 100%; min-width: 0; float:left; display:inline-block; padding:5px 15px 10px 15px; border: 1px solid #d5d5d5; margin:0; border-radius: 4px;}
.table-short-elitcreative fieldset legend { padding: 0 2px 0 2px; display: block; width: unset; margin-bottom: 0; font-size: 13px; line-height: inherit; color: #333333; border: 0; border-bottom: none; }

.table-short-elitcreative fieldset .short-area {}
.table-short-elitcreative fieldset .short-type-area { float: right; }

.table-short-elitcreative fieldset .short-area input.dropdown-selected-item { padding: 0; margin: 0; border: 0; color: #537c9f!important; background: transparent !important; cursor: pointer; width: auto; font-weight: 400; text-align: center; white-space: nowrap; font-size: 14px; line-height: 1.42857143; user-select: none; }

.modal-body .table-short-elitcreative {padding: 0 10px !important;}
.siparisadres .table-short-elitcreative {padding: 0 10px !important;}
.siparisadres .table-short-elitcreative fieldset {margin-bottom:10px !important;}
/*Table filtreleme ve sıralama özel css sonu*/

/*Sayfalama css başlangıcı*/
.pagination-area { float: right; }
.pagination-area ul { text-align: center; margin: 0; display: inline-block; }
.pagination-area ul li { display: inline-block; margin: 0; float: left; border: 1px solid #dddddd; border-right: 0; }
.pagination-area ul li:last-child { border-right: 1px solid #dddddd; }
.pagination-area ul li a { background-color: #ffffff; color: #777; float: left; line-height: 1.42857; padding: 6px 10px; text-decoration: none; font-weight: 700; border-radius: 0px; }
.pagination-area ul li.static-elem a { padding: 6px 14px; }
.pagination-area ul li a:hover { background-color: #6fb3e0 !important; color: #fff; }
.pagination-area ul li.current-page a { background-color: #2c6aa0 !important; color: #fff; }
.pagination-area ul li.current-page a:hover { background-color: #2c6aa0 !important; color: #fff; }
/*Sayfalama css sonu*/

/*Fieldset özel css başlangıcı*/
fieldset.fieldset-elit { width: 100%; min-width: 0; float:left; display:inline-block; padding:5px 15px 10px 15px; border: 1px solid #d5d5d5; margin:0; border-radius: 4px;}
fieldset.fieldset-elit legend { padding: 0 2px 0 2px; display: block; width: unset; margin-bottom: 0; font-size: 13px; line-height: inherit; color: #333333; border: 0; border-bottom: none; }
/*Fieldset özel css sonu*/


/* Destek talepleri detay sayfası css başlangıcı */
.ticket-area {
    display: inline-block;
    width: 100%;
}

.ticket-area .ticket-message {
    display: inline-block;
    width: calc(100% - 45px);
}

    .ticket-area .ticket-message.message-admin {
        background: #ffffff;
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .ticket-area .ticket-message.message-user {
        background: #ffffff;
        padding: 15px;
        margin-bottom: 10px;
        border-radius: 5px;
    }

    .ticket-area.ticket-area-system .ticket-message.message-admin {
        margin-left: 45px !important;
        margin-right: 0px !important;
        border: 2px solid #87B87F;
    }

    .ticket-area.ticket-area-system .ticket-message.message-user {
        margin-left: 0px !important;
        margin-right: 45px !important;
        border: 2px solid #57657f;
    }

    .ticket-area.ticket-area-client .ticket-message.message-admin {
        margin-left: 0px !important;
        margin-right: 45px !important;
        border: 2px solid #57657f;
    }

    .ticket-area.ticket-area-client .ticket-message.message-user {
        margin-left: 45px !important;
        margin-right: 0px !important;
        border: 2px solid #87B87F;
    }

    .ticket-area .ticket-message .ticket-info {
        display: inline-block;
        width: 100%;
        padding: 0;
        border-radius: 6px;
        background: #f6f8fa;
    }

        .ticket-area .ticket-message .ticket-info .ticket-info-sender {
            float: left;
            font-size: 15px;
        }

            .ticket-area .ticket-message .ticket-info .ticket-info-sender .sender-icon-area {
                display: inline-block;
                float: left;
                height: 40px;
                width: 40px;
                text-align: center;
                padding: 10px 10px 10px 10px;
                background: #e7ecf1;
                border-radius: 4px 0 0 4px;
            }

                .ticket-area .ticket-message .ticket-info .ticket-info-sender .sender-icon-area i {
                    font-size: 20px;
                }

                .ticket-area.ticket-area-system .ticket-message.message-admin .ticket-info .ticket-info-sender .sender-icon-area i {
                    color: #87B87F !important;
                }

                .ticket-area.ticket-area-system .ticket-message.message-user .ticket-info .ticket-info-sender .sender-icon-area i {
                    color: #57657f !important;
                }

                .ticket-area.ticket-area-client .ticket-message.message-admin .ticket-info .ticket-info-sender .sender-icon-area i {
                    color: #57657f !important;
                }

                .ticket-area.ticket-area-client .ticket-message.message-user .ticket-info .ticket-info-sender .sender-icon-area i {
                    color: #87B87F !important;
                }

            .ticket-area .ticket-message .ticket-info .ticket-info-sender .sender-text {
                float: left;
                font-size: 15px;
                line-height: 40px;
                padding-left: 5px;
            }

            .ticket-area.ticket-area-system .ticket-message.message-admin .ticket-info .ticket-info-sender .sender-text {
                color: #629B58 !important;
            }

            .ticket-area.ticket-area-system .ticket-message.message-user .ticket-info .ticket-info-sender .sender-text {
                color: #57657f !important;
            }

            .ticket-area.ticket-area-client .ticket-message.message-admin .ticket-info .ticket-info-sender .sender-text {
                color: #57657f !important;
            }

            .ticket-area.ticket-area-client .ticket-message.message-user .ticket-info .ticket-info-sender .sender-text {
                color: #629B58 !important;
            }

                .ticket-area .ticket-message .ticket-info .ticket-info-sender .sender-text b {
                    /*font-weight: 500;*/
                }

                .ticket-area.ticket-area-system .ticket-message.message-admin .ticket-info .ticket-info-sender .sender-text b {
                    font-weight: 600 !important;
                }

                .ticket-area.ticket-area-system .ticket-message.message-user .ticket-info .ticket-info-sender .sender-text b {
                    font-weight: 500 !important;
                }

                .ticket-area.ticket-area-client .ticket-message.message-admin .ticket-info .ticket-info-sender .sender-text b {
                    font-weight: 500 !important;
                }

                .ticket-area.ticket-area-client .ticket-message.message-user .ticket-info .ticket-info-sender .sender-text b {
                    font-weight: 600 !important;
                }

        .ticket-area .ticket-message .ticket-info .ticket-info-message-date {
            float: right;
            color: #434343;
            height: 40px;
            padding-right: 10px;
        }

            .ticket-area .ticket-message .ticket-info .ticket-info-message-date span {
                display:inline-block;
                font-style: italic;
                font-size: 13px;
                line-height: 40px;
            }

    .ticket-area .ticket-message .ticket-message-text {
        display: inline-block;
        width: 100%;
        padding: 10px 10px 10px 10px;
        background: #e7ecf1;
        border-radius: 4px 4px 4px 4px;
        margin-top:5px;
    }

        .ticket-area .ticket-message .ticket-message-text p {
            padding: 0px;
            margin: 0px;
            font-size: 14px;
            color: #57657f;
            font-weight: 400;
        }


    .ticket-area .ticket-message .ticket-additions {
        display: inline-block;
        width: 100%;
        padding: 10px 10px 10px 10px;
        background: #f6f8fa;
        border-radius: 4px 4px 4px 4px;
        margin-top:10px;
    }

        .ticket-area .ticket-message .ticket-additions > span {
            display:inline-block;
            line-height:20px;
            font-weight:600;
            color: #57657f;
            font-size: 14px;
        }

        .ticket-area .ticket-message .ticket-additions .additions-div {
            display: inline-block;
            width: 100%;
            padding: 10px 10px 0px 10px;
        }

            .ticket-area .ticket-message .ticket-additions .additions-div .addition-item {
                display: inline-block;
                width: 100%;
                border-bottom: 1px dashed #d3d3d3;
                float: left;
                margin-bottom: 3px;
                padding-bottom: 3px;
            }

                .ticket-area .ticket-message .ticket-additions .additions-div .addition-item > a {
                    display: inline-block;
                    float: left;
                }

                    .ticket-area .ticket-message .ticket-additions .additions-div .addition-item > a:hover .add-item-icon i {
                        font-weight: 600;
                    }

                    .ticket-area .ticket-message .ticket-additions .additions-div .addition-item > a:hover .add-item-text span {
                        font-weight: 600;
                    }

                    .ticket-area .ticket-message .ticket-additions .additions-div .addition-item .add-item-icon {
                        display: inline-block;
                        float: left;
                        height: 25px;
                        width: 25px;
                        text-align: left;
                    }

                        .ticket-area .ticket-message .ticket-additions .additions-div .addition-item .add-item-icon i {
                            font-size: 15px;
                            color: #57657f;
                            margin-top: 5px;
                            font-weight: 500;
                        }

                    .ticket-area .ticket-message .ticket-additions .additions-div .addition-item .add-item-text {
                        display: inline-block;
                        float: left;
                        height: 25px;
                    }

                        .ticket-area .ticket-message .ticket-additions .additions-div .addition-item .add-item-text span {
                            display: inline-block;
                            color: #57657f;
                            font-size: 13px;
                            font-weight:400;
                            line-height:25px;
                        }

    .ticket-area .ticket-message .ticket-footer {
        display: inline-block;
        width: 100%;
        padding: 10px 10px 10px 10px;
        background: #f6f8fa;
        border-radius: 4px 4px 4px 4px;
        margin-top:10px;
    }

        .ticket-area .ticket-message .ticket-footer .ticket-footer-row {
            display: inline-block;
            width: 100%;
        }

            .ticket-area .ticket-message .ticket-footer .ticket-footer-row .ticket-footer-row-span-1 {
                display: inline-block;
                line-height: 20px;
                font-weight: 500;
                color: #57657f;
                font-size: 13px;
            }

            .ticket-area .ticket-message .ticket-footer .ticket-footer-row .ticket-footer-row-span-2 {
                display: inline-block;
                line-height: 20px;
                font-weight: 500;
                color: #57657f;
                font-size: 13px;
                font-style: italic;
            }

@media screen and (max-width: 991px) {
    .ticket-area .ticket-message {
        display: inline-block;
        width: 100%;
    }

        .ticket-area .ticket-message.message-admin {
            margin-left: unset;
            margin-right: unset;
        }

        .ticket-area .ticket-message.message-user {
            margin-left: unset;
            margin-right: unset;
        }

        .ticket-area.ticket-area-system .ticket-message.message-admin {
            margin-left: unset !important;
            margin-right: unset !important;
        }

        .ticket-area.ticket-area-system .ticket-message.message-user {
            margin-left: unset !important;
            margin-right: unset !important;
        }

        .ticket-area.ticket-area-client .ticket-message.message-admin {
            margin-left: unset !important;
            margin-right: unset !important;
        }

        .ticket-area.ticket-area-client .ticket-message.message-user {
            margin-left: unset !important;
            margin-right: unset !important;
        }
}
/* Destek talepleri detay sayfası css sonu */