::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #BBB9B9;
    border: 0px none #FFFFFF;
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #616161;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #616161;
    }

::-webkit-scrollbar-track {
    background: #F7F7F7;
    border: 0px none #BBB9B9;
    border-radius: 50px;
}

    ::-webkit-scrollbar-track:hover {
        background: #F7F7F7;
    }

    ::-webkit-scrollbar-track:active {
        background: #F7F7F7;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}

.cancelOrder td {
    text-decoration: line-through;
}


.search-page .search-bar button.home-search-submit .fa-search {
    display: none;
}

.refundResultMessageContent {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 20px auto;
}


@media only screen and (max-width: 767px) {
    .search-page .search-bar button.home-search-submit {
        width: 42px;
    }

        .search-page .search-bar button.home-search-submit .fa-search {
            display: inline-block;
        }


        .search-page .search-bar button.home-search-submit span {
            display: none;
        }

    .page-content {
        padding: 10px;
    }
}

.jettBilgi {
    float: left;
    margin-right: 11px;
}

    .jettBilgi img {
        width: 41px;
        height: 35px;
        position: relative;
        top: 7px;
        -moz-transition: .5s all;
        -o-transition: .5s all;
        -webkit-transition: .5s all;
        transition: .5s all;
    }

.tooltip-inner {
    max-width: 500px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 4px;
    color: #000;
    border: 1px solid #000;
    -webkit-box-shadow: 1px 1px 7px rgba(0,0,0,.4) !important;
    -moz-box-shadow: 1px 1px 7px rgba(0,0,0,.4) !important;
    box-shadow: 1px 1px 7px rgba(0,0,0,.4) !important;
}

.login .content .form-title {
    color: #000;
    line-height: 30px;
    margin-bottom: 20px;
    text-align: justify;
}

.login .content .form-actions .btn {
    padding: 10px 20px;
}

.input-icon > i {
    margin: 13px 2px 4px 10px;
}

.alert-danger span {
    display: block;
    padding-right: 10px;
}

.login .copyright {
    color: #eee;
}

.input-icon > .form-control {
    height: 40px;
}

.login .content {
    width: 100%;
    max-width: 460px;
}

.input-daterange input:last-child {
    border-radius: 4px;
}

.input-daterange input:first-child {
    border-radius: 4px;
}

.input-custom {
    float: left;
    width: 260px !important;
    margin: 0 30px 5px 5px;
}

    .input-custom .userWidth {
        width: 74px;
    }

    .input-custom label {
        margin-bottom: 0;
    }

.form-wizard .md-radio-inline {
    margin-left: 12px;
    margin-right: 0;
}

/*form-wizard*/
.form-wizard h3 {
    font-size: 21px;
}

/*scoringFormConfig*/
.scoringFormConfig .icheck-inline > label {
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 15px;
}


/*slimScrollDiv*/

.slimScrollDiv .feeds li .col2 {
    text-align: right;
}

.slimScrollDiv .label {
    white-space: normal;
}

/*CRM*/
.portlet.box.steps-soft > .portlet-title {
    background-color: #36c6d3;
}

.portlet.box.steps-soft {
    border: 1px solid #36c6d3;
    border-top: 0;
}

    .portlet.box.steps-soft > .portlet-title > .actions .btn-default {
        border: 1px solid #79c3ca;
        color: #79c3ca;
    }

        .portlet.box.steps-soft > .portlet-title > .actions .btn-default:hover, .portlet.box.steps-soft > .portlet-title > .actions .btn-default:focus, .portlet.box.steps-soft > .portlet-title > .actions .btn-default:active, .portlet.box.steps-soft > .portlet-title > .actions .btn-default.active {
            border: 1px solid #79c3ca;
        }

.branch-chat-content {
    max-height: 500px;
    overflow-x: auto;
}

/*Profile*/

.page-header .navbar .topbar-actions .btn-group-img .btn > .profilImageContent {
    padding: inherit;
    width: 35px;
    height: inherit;
    overflow: hidden;
    display: inline-block !important;
}

    .page-header .navbar .topbar-actions .btn-group-img .btn > .profilImageContent img {
        width: 100%;
        height: 100%;
    }


/*FraudOrdersList*/
.fraudOrdersTableContent {
    display: none;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    width: 400px;
    font-size: 12px;
    z-index: 99;
}

    .fraudOrdersTableContent .btn-link {
        font-size: 12px;
    }

/*chats Css*/

.chats li.in .message {
    /*overflow: hidden;*/
    padding: 5px;
}

.chats li .body {
    display: block;
    width: 99%;
    overflow: hidden;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}


.imgContent {
    margin: 5px 2%;
    width: 45%;
    display: inline-block;
    text-align: center;
    height: 180px;
}

    .imgContent img {
        width: 100%;
        height: 100%;
    }

.thumbnail {
    display: inline-block;
    z-index: 99999;
    cursor: -webkit-zoom-in;
}



/*latest customers table*/
.profile .table-advance thead tr th {
    background: #f0f6fa;
}

.profile .table-bordered th,
.profile .table-bordered td,
.profile .table-bordered {
    border-color: #e5eff6;
}

.profile .table-striped tbody > tr:nth-child(2n+1) > td,
.profile .table-striped tbody > tr:nth-child(2n+1) > th {
    background: #fcfcfc;
}

.profile .table-hover tbody tr:hover td,
.profile .table-hover tbody tr:hover th {
    background: #f5fafd;
}

/*add portfolio*/
.add-portfolio {
    overflow: hidden;
    margin: 5px 0 13px 0;
    background: #f0f6fa;
    padding: 12px 14px;
    text-align: center;
}

    .add-portfolio span {
        float: left;
        display: inline-block;
        font-weight: 300;
        font-size: 22px;
        margin-top: 0;
    }

    .add-portfolio .btn {
        margin-left: 20px;
    }

/*portfolio block*/
.portfolio-block {
    background: #f7f7f7;
    margin-bottom: 15px;
    overflow: hidden;
}

.portfolio-stat {
    overflow: hidden;
}

/*portfolio text*/
.portfolio-text {
    overflow: hidden;
}

    .portfolio-text img {
        float: left;
        margin-right: 15px;
    }

    .portfolio-text .portfolio-text-info {
        overflow: hidden;
    }

/*portfolio button*/
.portfolio-btn a {
    display: block;
    padding: 25px 0;
    background: #ddd !important;
}

    .portfolio-btn a:hover {
        background: #1d943b !important;
    }

.portfolio-btn span {
    color: #fff;
    font-size: 22px;
    font-weight: 200;
}

/*portfolio info*/
.portfolio-info {
    float: left;
    color: #616161;
    font-size: 12px;
    padding: 10px 25px;
    margin-bottom: 5px;
}

    .portfolio-info span {
        color: #16a1f2;
        display: block;
        font-size: 28px;
        line-height: 28px;
        margin-top: 0px;
        font-weight: 200;
    }

/*portfolio settings*/
.profile-settings {
    background: #fafafa;
    padding: 15px 8px 0;
    margin-bottom: 5px;
}

    .profile-settings p {
        padding-left: 5px;
        margin-bottom: 3px;
    }

    .profile-settings .controls > .radio,
    .profile-settings .controls > .checkbox {
        font-size: 12px;
        margin-top: 2px !important;
    }



/*ScoringNewForm*/
#scoringForm .progress > .progress-bar-success {
    background-color: #1f897f;
}

#scoringForm .form-wizard .steps > li.active > a.step .number {
    background-color: #1f897f;
}

.scoringPad {
    padding: 7px 0 0 7px;
}

.accordion-toggle {
    display: block;
}

.zoomImg {
    display: block;
    width: 100px;
    height: 126px !important;
}

.imgBig {
    display: none;
    position: absolute;
    left: 130px;
    top: 0;
    z-index: 9;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.zoom:hover > .imgBig {
    display: block;
}

.imgBig img {
    width: 400px;
    height: 504px !important;
}

.zoom img {
    display: block;
}

    .zoom img::selection {
        background-color: transparent;
    }

.dealers .portlet > .portlet-title > .nav-tabs > li.active > a, .dealers .portlet > .portlet-title > .nav-tabs > li:hover > a {
    color: #26a69a !important;
}

    .dealers .portlet > .portlet-title > .nav-tabs > li.active > a .font-blue-hoki {
        color: #26a69a !important;
    }


.dealers .portlet .form .form-actions, .branchUploadedImages .portlet .form .form-actions {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0 10px 10px 10px;
}

.stock .portlet > .portlet-title > .nav-tabs > li.active > a, .stock .portlet > .portlet-title > .nav-tabs > li:hover > a {
    color: #3598dc !important;
}

    .stock .portlet > .portlet-title > .nav-tabs > li.active > a .font-blue-hoki {
        color: #3598dc !important;
    }

.stock .portlet .form .form-actions {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0 10px 10px 10px;
}

.material .portlet > .portlet-title > .nav-tabs > li.active > a, .material .portlet > .portlet-title > .nav-tabs > li:hover > a {
    color: #e35b5a !important;
}

    .material .portlet > .portlet-title > .nav-tabs > li.active > a .font-blue-hoki {
        color: #e35b5a !important;
    }

.material .portlet .form .form-actions {
    background-color: transparent;
    border: 0;
    margin: 0;
    padding: 0 10px 10px 10px;
}

.material .form-group.form-md-line-input .form-control:focus {
    border-color: #e35b5a !important;
}

#refundReportDetail .modal-footer button {
    margin-left: 5px;
}

.returnInfo .dropdown-menu {
    min-width: 275px;
}

.panel-warning {
    border-color: #c6c6c6;
}

.panel-danger {
    border-color: #f63e5b;
}

.tab-content .panel-danger {
    border-color: #ebccd1;
}

.todoBtn {
    position: absolute;
    top: 3px;
    right: 6px;
    z-index: 1;
    padding: 4px 13px;
}

.ticketsSub .panel {
    position: relative;
}

.ticketsSub .todo-comment {
    border: 2px solid #ececec;
    padding: 5px 10px;
    border-radius: 5px;
}


.topValue {
    position: relative;
    top: 7px;
}



.tabbable-custom > .nav-tabs > li {
    background-color: #f3565d;
}

/*operasyon css*/

.operation-content .icheckbox_square-green {
    margin: 7px 0 7px 7px !important;
}

@media only screen and (max-width: 1367px) {
    .operation-content .operation-img-td .productImgBig img {
        width: 250px;
    }
}

@media only screen and (max-width: 641px) {
    .operation-content .operation-img-td .productImg img {
        height: 20px;
        width: inherit;
    }
}

.operation-content .form-horizontal .control-label {
    padding-top: 0 !important;
}

.refundReportModal .form-group {
    margin-bottom: 5px;
}

.refundReportModal .form-control-static {
    min-height: 29px;
}

.page-loading {
    border-radius: unset;
    border: none;
    background-color: transparent;
    box-shadow: none;
    position: absolute;
    z-index: 99999;
}

.page-header .navbar .topbar-actions .kBack .btn {
    background-color: #F9F9F9;
}

.page-header .navbar .topbar-actions .kBack select.form-control {
    position: relative;
    top: 5px;
    padding: 3px 6px;
}

.my-account {
    top: 3px;
}

@media only screen and (max-width: 760px) {
    .my-account {
        float: right;
        top: 7px;
    }
}


.page-sidebar.navbar-collapse, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .navbar-collapse {
    width: 100%;
}

@media screen and (max-width: 1366px) {
    .page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
        font-size: 12px;
    }

    .page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
        padding: 10px 8px;
    }

    .page-sidebar .page-sidebar-menu .sub-menu li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
        font-size: 12px;
    }

    .page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
        padding: 9px 14px 9px 20px;
        font-size: 12px;
    }
}

/*branchUploadedImages*/
.branchUploadedImages {
    position: relative;
}

.curtainhUploadedImages {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url('../images/pback.png');
    display: none;
    border-radius: 4px;
}

.branchUploadedImages .scroll {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

    .branchUploadedImages .scroll .scrollContent {
        width: 100%;
        margin: 50px auto;
    }


.copyText {
    border: none;
    text-align: center;
    padding: 7px 0;
    border-radius: 4px;
    cursor: text !important;
    background-color: #428bca !important;
    color: #fff;
    vertical-align: bottom;
    width: 130px !important;
}

    .copyText.wbig {
        width: 100% !important;
    }

.complaint /*.portlet.light*/ {
    border: 1px solid #e1e1e1;
}

    .complaint .portlet {
        margin-bottom: 0;
    }

        .complaint .portlet.light > .portlet-title {
            min-height: inherit;
            margin-bottom: 4px;
        }

        .complaint .portlet.light {
            padding: 0 20px 15px 20px;
            background-color: #fff;
        }

.complaint-btn {
    text-align: center;
    line-height: 62px;
}



.descriptionText:hover + .hide {
    display: block !important;
    position: absolute;
    left: 23%;
    background-color: #4F7178;
    padding: 6px 10px;
    width: 65%;
    z-index: 99;
    border-radius: 4px;
    color: #fff;
}

.segmentation {
    border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    background-color: #E26A6A;
}

.segmentation-title {
    padding: 4px 8px;
    width: auto;
    height: auto;
}

.segmentation-box {
    font-size: 14px;
    padding: 4px 6px;
    margin-top: -10px;
    width: auto;
    height: auto;
}

.segmentation_A {
    background-color: #44b6ae;
}

.segmentation_B {
    background-color: #3598dc;
}

.segmentation_C {
    background-color: #f3c200;
}

.segmentation_D {
    background-color: #67809F;
}

.segmentation_E {
    background-color: #E26A6A;
}

.field-validation-error span, .field-validation-valid {
    color: #a94442;
}

#promotionRequestDetail .form-horizontal .control-label {
    padding-top: 0 !important;
}

.operation-custom-img {
    width: 65%;
    max-width: 350px;
}

.operation-custom-img-small {
    width: 25%;
    max-width: 350px;
}

.zoomContainer {
    z-index: 99999;
}
/*BRANCH COORDINATION --> OPERATION --> COUNTDOWN*/
.operation-item-countdown {
    overflow: hidden;
}

    .operation-item-countdown span.countdown_row {
        overflow: hidden;
    }

        .operation-item-countdown span.countdown_row span {
            font-size: 16px;
            font-weight: 300;
            line-height: 20px;
            margin-right: 2px;
        }

        .operation-item-countdown span.countdown_row > span {
            float: left;
        }

    .operation-item-countdown span.countdown_section {
        color: #000000;
        padding: 7px 15px !important;
        margin-bottom: 2px;
        font-weight: 300;
        text-align: center;
    }

    .operation-item-countdown span.countdown_amount {
        display: inline-block;
        font-size: 26px !important;
        padding: 15px !important;
        font-weight: 300;
    }
/*BRANCH COORDINATION --> OPERATION --> COUNTDOWN*/

.card-asterix {
    -webkit-text-security: disc;
    -moz-text-security: disc;
}

.secret-card-info {
    pointer-events: none;
    -webkit-text-security: disc;
    background-color: #ccc;
    -moz-text-security: disc;
}

.card-message {
    height: 444px !important;
    font-size: 21.6px;
    border-radius: 4px;
    width: 100%;
    display: block;
    padding: 13px 16px;
    margin: 0 auto 10px;
    background-color: #fff;
    resize: none;
    line-height: normal;
    font-family: Courier New,Courier,monospace;
    overflow-y: hidden;
}


.well h4.address-change-version-title {
    color: #333;
    font-weight: 500;
    padding-top: 0;
    padding-bottom: 15px;
}

@media only screen and (min-width: 1349px) {
    .card-message {
        height: 356px !important;
    }
}

@media only screen and (min-width: 1500px) {
    .card-message {
        height: 312px !important;
    }
}

@media only screen and (min-width: 1680px) {
    .card-message {
        height: 252px !important;
    }
}


.m-w-50 {
    max-width: 165px;
}

.w-300 {
    width: 300px;
}

.vertical-middle {
    vertical-align: middle;
}

.line-height-30 {
    line-height: 30px;
}

.break-word {
    word-wrap: break-word;
}

@media only screen and (max-width:668px) {
    .bottomDetail {
        display: none;
    }
}

@media only screen and (max-width: 990px) {
    .requestStatusBranchChange .text-right {
        text-align: left;
    }
}


.unreached-call-countdown, .unreached-issue-countdown {
    overflow: hidden;
}

    .unreached-call-countdown span.countdown_row, .unreached-issue-countdown span.countdown_row {
        overflow: hidden;
    }

        .unreached-call-countdown span.countdown_row > span, .unreached-issue-countdown span.countdown_row > span {
            float: left;
        }

    .unreached-call-countdown span.countdown_section{
        color: #000000;
        padding: 7px 15px !important;
        margin-top: 20px;
        text-align: center;
        margin-left: -15px;
    }

    .unreached-issue-countdown span.countdown_section {
        color: #000000;
        padding: 1px 2px !important;
        text-align: center;
        margin-left: -3px;
        font-size: 15px !important;
        margin-top: 5%;
    }

    .unreached-call-countdown span.countdown_amount, .unreached-issue-countdown span.countdown_amount {
        font-size: 21px !important;
    }

.close-btn {
    float: right;
    font-size: 17px;
    margin: -30px 5px 0px 0px;
    font-weight: bold;
    border: 1px solid #666;
}

.call-popup-btn {
    margin-top: 85px !important;
    width: 170px;
    margin-bottom: 10px;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.m-t-128 {
    margin-top: 128px !important;
}

.m-t-70 {
    margin-top: 70px !important;
}

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

.th-relative {
    min-width: 150px;
    position: relative;
}

    .th-relative .fa-info-circle {
        margin-left: 2px;
    }


.overflow-x-auto {
    overflow-x: auto;
}

.clap-icon {
    font-size: 25px;
    margin-left: 5px;
    padding: 5px;
}

.issue-clap-icon {
    font-size: 15px;
    padding-top: 4px;
    position: absolute;
    margin-left: 3px;
}

.show-clap-message-link {
    float: right;
}

.clap-modal {
    width: 750px;
}

.mt-step-number i {
    font-size: 24px;
}

.float-left {
    float: left !important;
}

.message-list {
    padding: 10px;
    border: 1px solid #e5e5e5;
}

.backgroud-soft-gray {
    background-color: #f3f3f3;
}

.input-group-flex {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.form-control-flex {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.input-group-append {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.input-group-append .btn {
    position: relative;
    z-index: 2;
}

.select2-no-search {
    display: none !important;
}

.file-upload-button {
    text-overflow: ellipsis;
    display: block;
}

.btn-long {
    width: 175px;
}

.personal-data-desc {
    min-height: 35px;
    resize: vertical;
}

.btn-outbound-call {
    width: 130px;
    padding: 2px;
}

.btn-confirm-cancel {
    width: 130px;
    height: 44px;
}

.walletWithdrawSpinBtn
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

#modal-branchcschat-detail {
    min-height: 650px;
}

.limited-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 300px;
}

.sdg-history-icon {
    font-size: 30px !important;
    margin-left: 5px;
    color: black;
}

.m-w-300 {
    max-width:300px
}

.scroll-x {
    overflow-x: scroll;
}

.clipboard-input{
    z-index:-99999;
    position:absolute
}

.stockRequestProductCodesContent {
    display: none;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    position: absolute;
    width: 300px;
    font-size: 12px;
    z-index: 99;
}

.js-orderproduct-wanteddeliverytime {
    background-color: white !important;
}

.fileinput-filename{
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.backgroud-gray {
    background-color: #616161 !important;
}

.default-filter-border {
    background-color: #578ebe !important;
    color: #fff !important;
}

.harmonyListContent .btn-link span{
    font-family: "Open Sans",sans-serif !important;
}

.pin-code{
    padding: 0;
    margin: 0 auto;
    display: flex;

}

.pin-code input {
    border: none;
    text-align: center;
    width: 48px;
    height:48px;
    font-size: 36px;
    background-color: #F3F3F3;
    margin-right:5px;
}



.pin-code input:focus {
    border: 1px solid #573D8B;
    outline:none;
}

.pincode-number::-webkit-outer-spin-button,
.pincode-number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.error {
    color: #a94442;
}

/* Popover styling */

.popover__title {
    text-align: center;
    padding: 15px 0;
}

.popover__wrapper {
    position: relative;
    display: inline-block;
}
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: -50px;
    transform: translate(0, 10px);
    background-color: #FFFFFF;
    padding: 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    width: auto;
}
.popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -8px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #bfbfbf transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
    text-align: center;
}

.table-audit th,
.table-audit td {
    text-align: center !important;
    vertical-align: middle !important;
    border-right: 1px solid #dee2e6 !important;
}

    .table-audit th:last-child,
    .table-audit td:last-child {
        border-right: 1px solid #dee2e6 !important;
    }