/*----------------------------------Fruit-------------------------------------------*/
body#fruit{background-color:#f7fcf4;}
/* Text color */
#fruit .header .logo,
#fruit .or-text,
#fruit .login-outer .forgot-link,
#fruit .login-btn .forgot-link,
#fruit .login-outer .title h1,
#fruit .left-Panel ul li.active a,
#fruit .left-Panel ul li:hover a,
#fruit .current-balance,
#fruit .dashboard-block .card p {
    color: #509b3e;
}

#fruit .text-primary {color:#509b3e !important;}
#fruit .text-secondary {color: rgb(193 202 59) !important;}
/* Background */
#fruit .main-navigation,
#fruit .header-right-bar .dropdown-menu-header,
#fruit .add-photo .option-outer > a,
#fruit .paginetion li a.active, #fruit .paginetion li a.active:hover,

#fruit .datepicker table tr td span.active:hover, 
#fruit .datepicker table tr td span.active:hover:hover, 
#fruit .datepicker table tr td span.active.disabled:hover, 
#fruit .datepicker table tr td span.active.disabled:hover:hover, 
#fruit .datepicker table tr td span.active:active, 
#fruit .datepicker table tr td span.active:hover:active, 
#fruit .datepicker table tr td span.active.disabled:active, 
#fruit .datepicker table tr td span.active.disabled:hover:active, 
#fruit .datepicker table tr td span.active.active, 
#fruit .datepicker table tr td span.active:hover.active, 
#fruit .datepicker table tr td span.active.disabled.active, 
#fruit .datepicker table tr td span.active.disabled:hover.active, 
#fruit .datepicker table tr td span.active.disabled, 
#fruit .datepicker table tr td span.active:hover.disabled,
#fruit .datepicker table tr td span.active.disabled.disabled,
#fruit .datepicker table tr td span.active.disabled:hover.disabled,
#fruit .datepicker table tr td span.active[disabled],
#fruit .datepicker table tr td span.active:hover[disabled],
#fruit .datepicker table tr td span.active.disabled[disabled],
#fruit .datepicker table tr td span.active.disabled:hover[disabled],
#fruit .datepicker table tr td.active:active,
#fruit .datepicker table tr td.active:hover:active,
#fruit .datepicker table tr td.active.disabled:active,
#fruit .datepicker table tr td.active.disabled:hover:active,
#fruit .datepicker table tr td.active.active,
#fruit .datepicker table tr td.active:hover.active,
#fruit .datepicker table tr td.active.disabled.active,
#fruit .datepicker table tr td.active.disabled:hover.active
{background-color:#509b3e;}

#fruit .btn-primary.focus, #fruit .btn-primary:focus, #fruit .btn-primary:hover, #fruit .btn-primary 
{background-color:#509b3e !important;}
#fruit .butcher-block .btn-primary.focus, 
#fruit .butcher-block .btn-primary:focus,
#fruit .butcher-block .btn-primary:hover, 
#fruit .butcher-block .btn-primary {background-color: #511309 !important;}

#fruit .btn-info.focus, #fruit .btn-info:focus, #fruit .btn-info:hover, #fruit .btn-info {background-color: #c1ca3b !important;}
#fruit .btn-secondary.focus, #fruit .btn-secondary:focus, #fruit .btn-secondary:hover, #fruit .btn-secondary {background-color: #e0e8dc !important;}

#fruit .current-balance span,
#fruit .header-right-bar .dropdown-menu-header .view-all-btn:hover,
#fruit .main-navigation ul ul li a:hover, #fruit .main-navigation ul ul li.active > a {color:#c1ca3b;}
#fruit .main-navigation > ul > li.open, #fruit .main-navigation > ul > li.active {border-color:#c1ca3b;}
#fruit .main-navigation ul li a:hover:after, #fruit .main-navigation ul li.active > a:after {background-color: #c1ca3b;}

#fruit .custom-control-input:checked~.custom-control-label::before,
#fruit .custom-control-input:not(:disabled):active~.custom-control-label::before,
#fruit .custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #509b3e; border-color:#509b3e !important; }
#fruit .custom-control-input:focus~.custom-control-label::before {border-color:#509b3e !important; }

#fruit .header-right-bar .dropdown-menu .arrow::after {border-bottom-color:#509b3e;}

#fruit .header-right-bar .dropdown-menu-body .list-unstyled .media.unread {background-color:#f5faf3;}
#fruit .header-right-bar .dropdown-menu-body .list-unstyled .media:hover {background-color: #eaf2e6;}

#fruit .chat-detail-listing .media .user-icon,
#fruit .chat-detail-listing .media .media-body p {background-color: #91db5b;}
#fruit .chat-detail-listing .media .media-body .customer-name {color: #91db5b;}

#fruit .chat-detail-listing .media.float-right .user-icon,
#fruit .chat-detail-listing .media.float-right .media-body p {background-color:#f0f6ec}
#fruit .chat-detail-listing .media.float-right .media-body p,
#fruit .chat-detail-listing .media.float-right .user-icon,
#fruit .chat-detail-listing .media.float-right .media-body .customer-name {color:#406a42;}

#fruit .left-Panel ul li a {color: #90a292;}
#fruit .dropdown-item:focus, #fruit .dropdown-item:hover, #fruit .dropdown-item.active, #fruit .dropdown-item:active {background-color: #f4f8f4; }

#fruit	.title h1 {color:#406a42;}


/* Track */
#fruit .AutoCompleteExtender_CompletionList::-webkit-scrollbar-track, #fruit .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #9bc3b1;
}

/* Handle */
#fruit .AutoCompleteExtender_CompletionList::-webkit-scrollbar-thumb, #fruit .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-thumb {
    background: #509b3e;
}

    /* Handle on hover */
    #fruit .AutoCompleteExtender_CompletionList::-webkit-scrollbar-thumb:hover, #fruit .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-thumb:hover {
        background: #407b2e;
    }

#fruit .pagination > td > table > tbody > tr > td > span, #fruit .pagination > td > table > tbody > tr > td > span:hover {
    background-color: #509b3e;
}
/* Handle */
#fruit .notification-menu::-webkit-scrollbar-thumb {
    background: #509b3e55;
}

    /* Handle on hover */
    #fruit .notification-menu::-webkit-scrollbar-thumb:hover {
        background: #509b3e99;
    }


#fruit .GB_Window .header {
    background-color: #509b3e !important;
}


#fruit .chat-header {
    background: #509b3e !important;
}


#fruit .float-left .chat-user-icon {
    background: #91db5b;
    color: #fff;
}

#fruit .byOther > div {
    background: #91db5b;
    color: #fff;
}

#fruit .byOther .commentOwner {
    color: #91db5b;
}

#fruit .float-right .chat-user-icon {
    background: #f0f6ec;
    color: #406a42;
}


#fruit .byUser > div {
    background: #f0f6ec;
    color: #406a42;
}

#fruit .byUser .commentOwner {
    color: #406a42;
}


#fruit #payment-proceed .card .slide-btn .custom-control-label {
    color: #509b3e;
}

#fruit .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    background: #509b3e url(../images/check.svg) no-repeat 3px 3px/10px 10px;
    border-color: #509b3e !important;
}
/*----------------------------------Butcher-------------------------------------------*/

/* Text color */
#butcher .header .logo,
#butcher .or-text,
#butcher .login-outer .forgot-link,
#butcher .login-btn .forgot-link,
#butcher .login-outer .title h1,
#butcher .left-Panel ul li.active a,
#butcher .left-Panel ul li:hover a,
#butcher .current-balance,
#butcher .dashboard-block .card p {
    color: #824028;
}

#butcher .text-primary {color:#824028 !important;}
#butcher .text-secondary {color:#ff9c1a !important;}
/* Background */
#butcher .main-navigation,
#butcher .header-right-bar .dropdown-menu-header,
#butcher .add-photo .option-outer > a,
#butcher .paginetion li a.active, #butcher .paginetion li a.active:hover,

#butcher .datepicker table tr td span.active:hover, 
#butcher .datepicker table tr td span.active:hover:hover, 
#butcher .datepicker table tr td span.active.disabled:hover, 
#butcher .datepicker table tr td span.active.disabled:hover:hover, 
#butcher .datepicker table tr td span.active:active, 
#butcher .datepicker table tr td span.active:hover:active, 
#butcher .datepicker table tr td span.active.disabled:active, 
#butcher .datepicker table tr td span.active.disabled:hover:active, 
#butcher .datepicker table tr td span.active.active, 
#butcher .datepicker table tr td span.active:hover.active, 
#butcher .datepicker table tr td span.active.disabled.active, 
#butcher .datepicker table tr td span.active.disabled:hover.active, 
#butcher .datepicker table tr td span.active.disabled, 
#butcher .datepicker table tr td span.active:hover.disabled,
#butcher .datepicker table tr td span.active.disabled.disabled,
#butcher .datepicker table tr td span.active.disabled:hover.disabled,
#butcher .datepicker table tr td span.active[disabled],
#butcher .datepicker table tr td span.active:hover[disabled],
#butcher .datepicker table tr td span.active.disabled[disabled],
#butcher .datepicker table tr td span.active.disabled:hover[disabled],
#butcher .datepicker table tr td.active:active,
#butcher .datepicker table tr td.active:hover:active,
#butcher .datepicker table tr td.active.disabled:active,
#butcher .datepicker table tr td.active.disabled:hover:active,
#butcher .datepicker table tr td.active.active,
#butcher .datepicker table tr td.active:hover.active,
#butcher .datepicker table tr td.active.disabled.active,
#butcher .datepicker table tr td.active.disabled:hover.active
{background-color:#824028;}

#butcher .btn-primary.focus, #butcher .btn-primary:focus, #butcher .btn-primary:hover, #butcher .btn-primary 
{background-color:#824028 !important;}

#butcher .btn-info.focus, #butcher .btn-info:focus, #butcher .btn-info:hover, #butcher .btn-info {background-color: #ff9c1a !important;}

#butcher .current-balance span,
#butcher .header-right-bar .dropdown-menu-header .view-all-btn:hover,
#butcher .main-navigation ul ul li a:hover, #butcher .main-navigation ul ul li.active > a {color:#ff9c1a;}
#butcher .main-navigation > ul > li.open, #butcher .main-navigation > ul > li.active {border-color:#ff9c1a;}
#butcher .main-navigation ul li a:hover:after, #butcher .main-navigation ul li.active > a:after {background-color: #ff9c1a;}

#butcher .custom-control-input:checked~.custom-control-label::before,
#butcher .custom-control-input:not(:disabled):active~.custom-control-label::before,
#butcher .custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #824028; border-color:#824028 !important; }
#butcher .custom-control-input:focus~.custom-control-label::before {border-color:#824028 !important; }

#butcher .header-right-bar .dropdown-menu .arrow::after {border-bottom-color:#824028;}

#butcher .chat-detail-listing .media .user-icon,
#butcher .chat-detail-listing .media .media-body p {background-color: #91db5b;}
#butcher .chat-detail-listing .media .media-body .customer-name {color: #91db5b;}

#butcher .chat-detail-listing .media.float-right .user-icon,
#butcher .chat-detail-listing .media.float-right .media-body p {background-color:#f0f6ec}
#butcher .chat-detail-listing .media.float-right .media-body p,
#butcher .chat-detail-listing .media.float-right .user-icon,
#butcher .chat-detail-listing .media.float-right .media-body .customer-name {color:#406a42;}

#butcher .left-Panel ul li a {color: #90a292;}
#butcher .dropdown-item:focus, #butcher .dropdown-item:hover, #butcher .dropdown-item.active, #butcher .dropdown-item:active {background-color:#f8f4f4; }

#butcher .title h1 {color:#6a4b40;}


/* Track */
#butcher .AutoCompleteExtender_CompletionList::-webkit-scrollbar-track, #butcher .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c39bb1;
}

/* Handle */
#butcher .AutoCompleteExtender_CompletionList::-webkit-scrollbar-thumb, #butcher .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-thumb {
    background: #824028;
}

    /* Handle on hover */
    #butcher .AutoCompleteExtender_CompletionList::-webkit-scrollbar-thumb:hover, #butcher .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-thumb:hover {
        background: #723018;
    }

#butcher .pagination > td > table > tbody > tr > td > span, #butcher .pagination > td > table > tbody > tr > td > span:hover {
    background-color: #824028;
}


/* Handle */
#butcher .notification-menu::-webkit-scrollbar-thumb {
    background: #82402855;
}

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


#butcher .GB_Window .header {
    background-color: #824028 !important;
}

#butcher .chat-header {
    background: #824028 !important;
}


#butcher .float-left .chat-user-icon {
    background: #91db5b;
    color: #fff;
}

#butcher .byOther > div {
    background: #91db5b;
    color: #fff;
}

#butcher .byOther .commentOwner {
    color: #91db5b;
}

#butcher .float-right .chat-user-icon {
    background: #f0f6ec;
    color: #406a42;
}


#butcher #payment-proceed .card .slide-btn .custom-control-label {
    color: #824028;
}

#butcher .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    background: #824028 url(../images/check.svg) no-repeat 3px 3px/10px 10px;
    border-color: #824028 !important;
}
/*----------------------------------Production-------------------------------------------*/

/* Text color */
#Production .header .logo,
#Production .or-text,
#Production .login-outer .forgot-link,
#Production .login-btn .forgot-link,
#Production .login-outer .title h1,
#Production .left-Panel ul li.active a,
#Production .left-Panel ul li:hover a,
#Production .current-balance,
#Production .dashboard-block .card p {
    color: #2285CD;
}

#Production .text-primary {color:#1F2227 !important;}
#Production .text-secondary {color:#2285CD !important;}

#Production .main-navigation,
#Production .header-right-bar .dropdown-menu-header,
#Production .add-photo .option-outer > a,
#Production .paginetion li a.active, #Production .paginetion li a.active:hover,

#Production .datepicker table tr td span.active:hover, 
#Production .datepicker table tr td span.active:hover:hover, 
#Production .datepicker table tr td span.active.disabled:hover, 
#Production .datepicker table tr td span.active.disabled:hover:hover, 
#Production .datepicker table tr td span.active:active, 
#Production .datepicker table tr td span.active:hover:active, 
#Production .datepicker table tr td span.active.disabled:active, 
#Production .datepicker table tr td span.active.disabled:hover:active, 
#Production .datepicker table tr td span.active.active, 
#Production .datepicker table tr td span.active:hover.active, 
#Production .datepicker table tr td span.active.disabled.active, 
#Production .datepicker table tr td span.active.disabled:hover.active, 
#Production .datepicker table tr td span.active.disabled, 
#Production .datepicker table tr td span.active:hover.disabled,
#Production .datepicker table tr td span.active.disabled.disabled,
#Production .datepicker table tr td span.active.disabled:hover.disabled,
#Production .datepicker table tr td span.active[disabled],
#Production .datepicker table tr td span.active:hover[disabled],
#Production .datepicker table tr td span.active.disabled[disabled],
#Production .datepicker table tr td span.active.disabled:hover[disabled],
#Production .datepicker table tr td.active:active,
#Production .datepicker table tr td.active:hover:active,
#Production .datepicker table tr td.active.disabled:active,
#Production .datepicker table tr td.active.disabled:hover:active,
#Production .datepicker table tr td.active.active,
#Production .datepicker table tr td.active:hover.active,
#Production .datepicker table tr td.active.disabled.active,
#Production .datepicker table tr td.active.disabled:hover.active
{background-color:#1F2227;}

#Production .btn-primary.focus, #Production .btn-primary:focus, #Production .btn-primary:hover, #Production .btn-primary 
{background-color:#2285CD !important;}

#Production .btn-info.focus, #Production .btn-info:focus, #Production .btn-info:hover, #Production .btn-info {background-color: #2285CD !important;}

#Production .current-balance span,
#Production .header-right-bar .dropdown-menu-header .view-all-btn:hover,
#Production .main-navigation ul ul li a:hover, #Production .main-navigation ul ul li.active > a {color:#2285CD;}
#Production .main-navigation > ul > li.open, #Production .main-navigation > ul > li.active {border-color:#2285CD;}
#Production .main-navigation ul li a:hover:after, #Production .main-navigation ul li.active > a:after {background-color: #2285CD;}

#Production .custom-control-input:checked~.custom-control-label::before,
#Production .custom-control-input:not(:disabled):active~.custom-control-label::before,
#Production .custom-radio .custom-control-input:checked~.custom-control-label::before {background-color: #1F2227; border-color:#1F2227 !important; }
#Production .custom-control-input:focus~.custom-control-label::before {border-color:#1F2227 !important; }

#Production .header-right-bar .dropdown-menu .arrow::after {border-bottom-color:#1F2227;}

#Production .chat-detail-listing .media .user-icon,
#Production .chat-detail-listing .media .media-body p {background-color: #91db5b;}
#Production .chat-detail-listing .media .media-body .customer-name {color: #91db5b;}

#Production .chat-detail-listing .media.float-right .user-icon,
#Production .chat-detail-listing .media.float-right .media-body p {background-color:#f0f6ec}
#Production .chat-detail-listing .media.float-right .media-body p,
#Production .chat-detail-listing .media.float-right .user-icon,
#Production .chat-detail-listing .media.float-right .media-body .customer-name {color:#406a42;}

#Production .left-Panel ul li a {color: #90a292;}
#Production .dropdown-item:focus, #Production .dropdown-item:hover, #Production .dropdown-item.active, #Production .dropdown-item:active {background-color:#f8f4f4; }

#Production .title h1 {color: #1F2227;}


/*Track */ 
#Production .AutoCompleteExtender_CompletionList::-webkit-scrollbar-track, #Production .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #c39bb1;
}

/* Handle */
#Production .AutoCompleteExtender_CompletionList::-webkit-scrollbar-thumb, #Production .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-thumb {
    background: #1F2227;
}

    /* Handle on hover */
    #Production .AutoCompleteExtender_CompletionList::-webkit-scrollbar-thumb:hover, #Production .AutoCompleteExtender_CompletionListOrder::-webkit-scrollbar-thumb:hover {
        background: #723018;
    }

#Production .pagination > td > table > tbody > tr > td > span, #Production .pagination > td > table > tbody > tr > td > span:hover {
    background-color: #1F2227;
}


/* Handle */
#Production .notification-menu::-webkit-scrollbar-thumb {
    background: #1F222755;
}

    /* Handle on hover */
    #Production .notification-menu::-webkit-scrollbar-thumb:hover {
        background: #1F222799;
    }


#Production .GB_Window .header {
    background-color: #1F2227 !important;
}

#Production .chat-header {
    background: #1F2227 !important;
}


#Production .float-left .chat-user-icon {
    background: #91db5b;
    color: #fff;
}

#Production .byOther > div {
    background: #91db5b;
    color: #fff;
}

#Production .byOther .commentOwner {
    color: #91db5b;
}

#Production .float-right .chat-user-icon {
    background: #f0f6ec;
    color: #406a42;
}


#Production #payment-proceed .card .slide-btn .custom-control-label {
    color: #1F2227;
}

#Production .bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
    background: #1F2227 url(../images/check.svg) no-repeat 3px 3px/10px 10px;
    border-color: #1F2227 !important;
}