/* AutoComplete item */
.AutoCompleteExtender_CompletionList, .AutoCompleteExtender_CompletionListOrder {
    color: Black;
    padding: 1px;
    font-size: small;
    background-color: #fff;
    text-decoration: none;
    list-style-image: none;
    list-style: none;
    text-align: left;
    z-index: 1000000;
    border-radius: .25rem;
    overflow: auto;
    max-height: 400px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5);
}

/*AutoComplete flyout */
.AutoCompleteExtender_CompletionListItem {
    text-align: left;
    background-color: #fff;
}

/* AutoComplete highlighted item */
.AutoCompleteExtender_HighlightedItem {
    text-align: left;
    background-color: #EEE;
    text-decoration: none;
    list-style-image: none;
    list-style: none;
}

.AutoCompleteExtender_CompletionList li, .AutoCompleteExtender_CompletionListOrder li {
    padding: 8px 8px 10px;
    font-size: 0.875rem;
    cursor: pointer;
}

/* width */
.AutoCompleteExtender_CompletionList::-webkit-scrollbar, .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar {
    width: 8px;
}

.wrapper-sticky, .wrapper-sticky * {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
}

.wrapper-sticky {
    max-height: 50vh;
    overflow: auto;
    transition: width 2s;
}

    .wrapper-sticky table tr.sticky-top th, .wrapper-sticky table tr.sticky-top td {
        top: 0;
        position: sticky;
        z-index: 1;
        background: #FAFAFA;
    }

.wrapper-sticky-50vh {
    max-height: 50vh;
}

.grid-table .table > tbody > tr > th {
    color: #222629;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    white-space: nowrap;
    padding: 12px 10px;
    white-space: nowrap;
    background: #FAFAFA;
}

.grid-table .table-wrap-normal > tbody > tr > td {
    white-space: normal;
}

.create-order-outer .grid-table .table > tbody > tr > th {
    background: #f2f2f2;
}

.bootstrap-select .dropdown-menu {
    z-index: 99;
}

.dev-link-icon {
    display: block;
    width: 100%;
}

    .dev-link-icon > img {
        height: 20px;
        display: block;
        position: relative;
        left: 50%;
        margin-left: -10px;
    }

.bootstrap-select > .dropdown-toggle.bs-placeholder {
    color: #494c4f;
}

.required-field {
    color: red;
}

.input-tips {
    font-size: 12px;
}

.text-red {
    color: red !important;
}

.font-bold {
    font-weight: 600;
}

.btn-butcher, .btn-butcher:hover {
    background: #511309 !important;
}


.alphabet-search {
    display: block;
    padding:5px 10px;
}

    .alphabet-search span {
        float: left;
        padding: 3px;
    }

        .alphabet-search span a {
            font-size: 14px;
            color: #212529;
            font-weight: 600;
            line-height: 31px;
            text-align: center;
            padding: 0px 10px;
            border-radius: 30px;
            min-width: 30px;
            display: block;
        }

            .alphabet-search span a:hover, .alphabet-search span a.active {
                background-color: #000;
                color: #fff;
            }

.highlight-red {
    background: #ffeeee;
}

    .highlight-red:hover {
        background: #ffe4e4 !important;
    }

.highlight-blue {
    background: #def1fb;
}

    .highlight-blue:hover {
        background: #d9ebf7 !important;
    }

.header-right-bar .dropdown-toggle em {
    width: auto;
    padding: 0 3px;
    min-width: 20px;
}

.main-navigation .form-control {
    cursor: default;
}

.grid-bottomnew {
    padding: 15px;
    background: #FAFAFA;
}

    .grid-bottomnew:hover {
        background: #F2F2F2;
    }

.font-color-default {
    color: #212529 !important;
}

#payment-proceed .card .card-header .slide-btn {
    font-size: 16px;
    color: #222629;
    font-weight: 600;
    text-align: left;
    height: auto;
    padding: 15px;
    border-radius: 0px !important;
    text-decoration: none !important;
    width: 100%;
    background-color: #dfdfdf;
}

.grid-table .table .collapse-block .table > tbody > tr > td, .grid-table .table .collapse-block .table > tbody > tr > th {
    height: 42px;
    padding: 3px 10px;
}

.grid-table .table .collapse-block .table {
    background-color: #f1f1f1;
    padding: 15px;
}

    .grid-table .table .collapse-block .table > tbody > tr > th {
        background-color: #eee;
    }

.table-hover tbody tr:hover {
    background-color: rgba(0,0,0,0);
}

.form-control-sm {
    height: 100%;
}

.bg-none {
    background: none !important;
}

.border-n {
    border: none !important
}

.list-group-item .new {
    animation-name: colorchng;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    animation-direction: reverse;
}

@-webkit-keyframes colorchng {
    0% {
        color: red;
    }

    12% {
        color: orange;
    }

    24% {
        color: green;
    }

    36% {
        color: lightseagreen;
    }

    48% {
        color: blue;
    }

    60% {
        color: dodgerblue;
    }

    72% {
        color: indigo;
    }

    85% {
        color: violet;
    }

    100% {
        color: red;
    }
}

@keyframes colorchng {
    0% {
        color: red;
    }

    12% {
        color: orange;
    }

    24% {
        color: green;
    }

    36% {
        color: lightseagreen;
    }

    48% {
        color: blue;
    }

    60% {
        color: dodgerblue;
    }

    72% {
        color: indigo;
    }

    85% {
        color: violet;
    }

    100% {
        color: red;
    }
}

@-webkit-keyframes bgcolorchng {
    0% {
        background-color: white;
    }

    50% {
        background-color: #d3d3d3;
    }

    100% {
        background-color: white;
    }
}

@keyframes bgcolorchng {
    0% {
        background-color: white;
    }

    50% {
        background-color: #d3d3d3;
    }

    100% {
        background-color: white;
    }
}

.min-hight-group {
    min-height: 52px;
}

.input-group > .dropdown {
    /* position: relative; */
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    min-width: 0;
    margin-bottom: 0;
}

.clspnt {
    cursor: pointer;
}

.hide {
    display: none;
}

.newComment {
    padding: 0px 6px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border-radius: 10px;
    background-color: #64ac64;
    color: white;
    font-weight: 700;
    font-size: 12px;
    float: right;
}

    .newComment:hover {
        color: white;
        background-color: #91bd91;
    }

.chat-block .btn-secondary {
    border-radius: 44px !important;
}

.chat-block .form-group {
    height: auto;
    border-radius: 10px;
}

    .chat-block .form-group > textarea {
        resize: none;
        scrollbar-width: none;
    }

        .chat-block .form-group > textarea::-webkit-scrollbar {
            display: none;
        }

    .chat-block .form-group .form-control {
        padding-right: 40px;
    }

.attachment-label {
    background: #f4f5f6;
    border-radius: 10px;
    border: 1px solid #d3d3d3;
}

.hide {
    display: none;
}

.head-title {
    margin: 0px 0px 15px 0px;
    padding: 8px 0px 8px 0px;
    color: #585858;
    font-weight: bold;
    font-size: 22px;
    border-bottom: 1px solid #5bb146;
    overflow: auto;
}

.divCmntText {
    padding: 5px 2px 2px 0px;
}

.commentOwner {
    font-weight: 700;
    font-size: 15px;
}

a.custom-link {
    color: #21a598;
}

    a.custom-link:hover {
        color: #999;
    }

.commentDate {
    font-size: 12px;
    color: #888;
}

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

.byUser {
    float: right;
}

.byOther {
    float: left;
}



.byUser, .byOther {
    max-width: 85%;
    min-width: 250px;
}

.conversation-box {
    clear: both;
    padding: 0px;
    min-width: 300px;
    max-height: 500px;
    overflow-y: auto;
    background-color: #FFF;
}

.pointer {
    cursor: pointer;
}

a.doc-area {
    background-color: #fff;
    border-radius: 6px;
    padding: 10px 6px;
    margin-bottom: 3px;
    text-align: center;
    display: block;
    color: #4a9822 !important;
}

    a.doc-area:hover {
        background-color: #fff;
        color: #4a9822;
        box-shadow: 0 0 9px 1px #ccc;
    }

.chat-action-icon {
    margin: 0px 1px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    background-color: #fff;
    border-radius: 4px;
    transition: 0.3s;
    padding: 1px;
}

    .chat-action-icon:hover {
        border: 1px solid #b4c2ce;
        background-color: #fff;
        transition: 0.3s;
    }

    .chat-action-icon:focus {
        border: 1px solid #fff;
        background-color: #fff;
        box-shadow: 0 0 3px 1px #50b050;
    }

.newDot {
    height: 6px;
    width: 6px;
    margin-top: 5px;
    border-radius: 5px;
    background-color: #FFF;
    opacity: 1;
    margin-left: auto;
    border: 1px solid #fff;
    animation-name: bgcolorchng;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    animation-direction: reverse;
}




.notification-menu {
    max-height: 400px;
    overflow-y: auto;
}
    /* width */
    .notification-menu::-webkit-scrollbar {
        width: 6px;
    }

    /* Track */
    .notification-menu::-webkit-scrollbar-track {
        /*border-radius: 10px;*/
        background: #0001;
    }

    /* Handle */
    .notification-menu::-webkit-scrollbar-thumb {
        background: #21a59855;
        border-radius: 4px;
    }

        /* Handle on hover */
        .notification-menu::-webkit-scrollbar-thumb:hover {
            background: #21a59899;
        }

.form-control-inline {
    display: inline-block;
}

.custom-file .custom-file-label {
    overflow: hidden;
}


.add-photo .custom-file > label {
    color: transparent;
}

.add-photo .custom-file {
    height: 108px;
}

    .add-photo .custom-file .custom-file-label .add-img-icon {
        position: absolute;
        height: 94px;
        left: 0;
        margin: 0 0.75rem;
    }

a.aspNetDisabled {
    cursor: no-drop;
}

.preview-image {
    border-radius: 5px;
}

.report tr {
    vertical-align: top !important;
}

.notification-menu > ul > li {
    cursor: pointer;
}

.dropdown-menu-header > h3 {
    cursor: default;
}

.report-outer table, .report-outer table tr, .report-outer table tr td, .report-outer table tr td {
    vertical-align: top;
}

.dev-checkbox, .dev-checkbox-control > .dev-checkbox > input {
    margin-right: 5px;
}

.dev-checkbox-control > label, .dev-checkbox-control > .dev-checkbox > label {
    vertical-align: middle;
}

.header-right-bar .dropdown-menu-body .list-unstyled .media.unread {
    background-color: #f6f6f6;
}

.grid-table .table > tbody > tr.selected-row > td {
    background: #e8effa;
}

.grid-table .table > tbody > tr.selected-row:hover > td {
    background: #dfe8f5;
}

.grid-table .table > tbody > tr.selected-row > td {
    font-weight: 500;
    color: black;
}

    .grid-table .table > tbody > tr.selected-row > td > a {
        font-weight: 500;
        color: black;
    }

/*Sorting icon start*/
.grid-table .table > tbody > tr > th a.sorting, .grid-table .table > tbody > tr > th a.sorting_asc, .grid-table .table > tbody > tr > th a.sorting_desc {
    position: relative;
    padding-right: 20px;
    cursor: pointer;
    display: block;
}

.grid-table .table > tbody > tr > th a:after {
    content: '';
    width: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    right: auto;
    background-repeat: no-repeat;
    background-size: 8px 10px;
    background-position: right center;
}

.grid-table .table > tbody > tr > th a.sorting:after {
    background-image: url(../images/sorting.svg);
}

.grid-table .table > tbody > tr > th a.sorting_asc:after {
    background-image: url(../images/sorting_asc.svg);
}

.grid-table .table > tbody > tr > th a.sorting_desc:after {
    background-image: url(../images/sorting_desc.svg);
}
/*Sorting icon start*/

.header-right-bar .dropdown-menu-body .list-unstyled .media:hover {
    background-color: #e9f0ee;
}

@media (min-width: 992px) {
    .AutoCompleteExtender_CompletionListOrder {
        margin-top: 20px;
    }
}



@media (min-height: 1024px) {

    .wrapper-sticky {
        max-height: 55vh;
    }
}

.txtPaymentAmount {
    text-align: right;
}

.grid-table .table > tbody > tr > td a.grid-link {
    color: #111;
}

    .grid-table .table > tbody > tr > td a.grid-link:hover {
        color: #8f8f8f;
    }

.strike-through {
    text-decoration: line-through;
}

.form-group label {
    min-height: 18px;
}


.butcher-invoice-row {
    background: #fde4dc;
}

    .butcher-invoice-row:hover {
        background: #f7ddd5 !important;
    }

.font-black {
    color: Black !important;
}

.invoice-outer {
    background-color: #f2fff5;
    margin-bottom: 30px;
}

    .invoice-outer .invoice-hed {
        background-color: #b4eac1;
        padding: 15px 15px 0;
        margin-bottom: 15px;
    }

        .invoice-outer .invoice-hed .form-group p {
            padding-bottom: 0px;
        }

    .invoice-outer .summary-block .list-group-item {
        background: none;
    }

    .invoice-outer .grid-table .table > tbody > tr > th {
        background: #d0efd7;
    }


#confirm-delivery .alert-danger {
    background-color: #fff7f8;
    border-color: #fff7f8;
}


.invoice-outer.butcher {
    background-color: #fff7f8;
     margin-bottom: 15px;
}

 .invoice-outer.butcher .invoice-hed {
        background-color: #ffd3d8;
    }

 .invoice-outer.butcher .grid-table .table > tbody > tr > th {
        background: #ffe7e7;
    }

 .invoice-outer.butcher .butcher-invoice-row {
        background: #fff7f8;
    }

#fruit .invoice-outer.butcher .summary-block .text-primary {
    color: #dc3545 !important;
}

.filter-and-print {position:relative; padding-right:90px;}
    .filter-and-print .btn-print {position:absolute; right:0; top:0px;}


.summaryTextBox .form-control {
    font-size: 16px;
    text-align: right;
    height: 34px;
    color: #939393;
    max-width:100px;
}