.category_menu .sub_menu .sub_menu {    /*width: 530px;*/
padding-right: 0; overflow: scroll; }
.listing .product_box { width: calc(25% - 0.5%); }
.listview .product_box { width: 100%; }

/*  */
.product_box.in-cart:before { z-index: 1; }
.total_cart button.btn { width: 100%; }

/*
.product_box h3.height a{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/
.danger-btn { background: #E30613 !important; }
table.cart .action .btn.danger-btn { color: #fff4f4 !important; }
table.site-po td.po-number { cursor: pointer; }
.float-right { float: right; }
.header_right .chosen-container { width: 200px !important; max-width: 200px !important; }
.btn-sm { height: 25px; line-height: 25px; min-width: 50px; text-align: center; }
.btn.btn-rounded { min-width: auto; border-radius: 50%; height: 35px; width: 35px; text-align: center; line-height: 35px; padding: 0; }
.btn.btn-rounded .fa { margin-right: 0; }
.btn-inline-group { min-width: 31px; }

/* Order Tracking */
.order_step li { width: 13%; }
.order_step li.active:before { background: #4E8108; }
.order_step li.active.danger:before { background: #F44336; }
.order_step li.active.danger span { background: #F44336; }
.order_step li.active.danger .fa, .order_step .active.danger p { color: #F44336; }

/**
 * Date Range Picker
 */
.daterangepicker { font-family: Noto Sans; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border-radius: 0; border-left: none; }
.daterangepicker .ranges li.active { background-color: #e33a2b; }
.daterangepicker .calendar-table thead { background: #000; color: #FFF; }
.daterangepicker .calendar-table th { background: #000; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td, .daterangepicker td.start-date.end-date { border-radius: 0; }
.daterangepicker th.available span, .daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { border-color: #FFF; }
.daterangepicker td.in-range { background-color: #e33a2b1c; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #e33a2b; }
.daterangepicker .drp-buttons .btn { line-height: 12px; }
.daterangepicker.show-calendar .ranges { margin-top: 0; }
.daterangepicker .calendar-table { border: none; }
.daterangepicker.show-ranges.ltr .drp-calendar.left, .daterangepicker .drp-calendar.right { padding: 0; }
.daterangepicker .drp-calendar.left .calendar-table { padding: 0; }

/*.daterangepicker td.available:hover, */
.daterangepicker th.available:hover { background: #2B2B2B; }

/* Grid View */
.grid-view.widget-compact table, .grid-view.widget-compact table thead th { font-size: 90%; }

/* Dropdown */
.select2-container--default .select2-selection--single { border-radius: 0; height: 35px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 35px; }
.select2-container--open .select2-dropdown--below { border-radius: 0; }

/*chat css*/
.chat-side { max-width: 830px; display: inline-block; width: 100%; float: left !important; }
.chat-wrap { border: 1px solid #c1c1c1; padding: 49px 0px 60px 10px; min-height: 345px; display: inline-block; width: 100%; background: url(../images/chat-pattern.jpg) repeat; position: relative; }
.chat-title { border-radius: 4px 4px 0px 0px; position: absolute; top: 0px; left: 0px; width: 100%; height: 48px; line-height: normal; background: #000; box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.10); padding: 10px; z-index: 99; }
.chat-textarea { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 65px; line-height: normal; box-shadow: 0px -3px 4px rgba(0, 0, 0, 0.10); border-top: 1px solid #bbb; background: #ececec; padding: 10px 60px 10px 10px; }
.chat-title h3 { margin-bottom: 0px; color: #fff; }
.chat-textarea .form-group { margin-bottom: 0px }
.chat-field { resize: none; width: 100%; border-radius: 4px; display: inline-block; padding: 4px 10px; height: 43px; }
.user-send { cursor: pointer; color: #fff; line-height: 38px; position: absolute; right: 10px; top: 17%; /* margin-top: 40px; */ font-size: 20px; text-transform: capitalize; width: 38px; height: 38px; text-align: center; display: inline-block; background: #e30613; border-radius: 50%; }
.chat_box_main { position: relative; width: 100%; display: inline-block; }
.chat_view { width: 60%; float: left; position: relative; padding-left: 56px; margin-bottom: 10px;    /* background: #fff; */ display: inline-block; min-height: 38px; }
.chat_view .user-info { color: #fff; line-height: 38px; position: absolute; left: 5px; top: 0px;    /* margin-top: 40px; */ font-size: 15px; text-transform: capitalize; width: 38px; height: 38px; text-align: center; display: inline-block; background: #e30613; border-radius: 50%; }
.user-text { border: 1px solid #dbdbdb; background: #fff; position: relative; width: 100%; min-height: 36px; padding: 5px 5px 18px 5px; border-radius: 9px; }
.chat-time { position: absolute; right: 10px; bottom: 3px; color: #838383; font-size: 11px; }
.chat_view.right { float: right; padding-right: 56px; padding-left: 0px; }
.chat_view.right .user-info { right: 5px; left: auto; }
.chat_inner_box { display: inline-block; width: 100%; }
.scroll { width: 100%; display: inline-block; max-height: 318px; overflow: auto; padding: 20px 0px; }
.scrollbar { float: left; height: 300px; }
#style-3::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; }
#style-3::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; }
#style-3::-webkit-scrollbar-thumb { background-color: #818181; }

/* discuss*/
.discussion-area { width: 100%; /*display: inline-block;*/ background: #fff; border-radius: 4px; margin: 0 auto; padding: 20px; margin: 30px 0px; }
.discussion-area h3 { padding: 0px 0px 10px 0px; border-bottom: 1px solid #9c9c9c; }
.discussion-wrap { width: 100%; margin: 0 auto; }
.discussion-form .form-group { padding: 8px; margin-bottom: 25px; float: left; width: 100%; margin-bottom: 0px; min-height: 80px; resize: none; border-radius: 4px; }
.btn.discussion-submit { margin-top: 10px; float: right;}
.user-avatar { background: #e30613; width: 35px; height: 35px; display: inline-block; border-radius: 50%; color: #fff; line-height: 35px; text-align: center; font-weight: 500; position: absolute; font-size: 17px; left: 10px; }
.discussion-chat { display: inline-block; width: 100%; border: 1px solid #e7f4ff; background: #f4faff; padding: 10px 11px 11px 53px; position: relative; height: 57px; }
.discussion-chat p { margin-bottom: 0px; line-height: 35px; font-size: 15px; color: #353535; }
.discussion-wrap .discuss-date { float: right; display: inline-block; font-size: 11px; color: #797979; }
.discussion-comment1 { width: 100%; display: inline-block; }
.discussion-content p { margin-bottom: 0px; line-height: 24px; color: #5a5a5a; font-size: 14px; }
.discussion-list { width: 100%; margin-bottom: 10px; position: relative; padding-bottom: 26px; display: inline-block; background: #f4faff; }
.discussion-content { padding: 0px 10px 10px 50px; display: inline-block; }
.discussion-list .reply { position: absolute; bottom: 6px; left: 52px; color: #ff2f3b; font-size: 12px; }
.discussion-list.reply-dis { float: right; max-width: 660px; width: 100%; }

.pull-up {margin-top: -20px;}
.action-pane {margin-bottom: 15px;;}
.shortclose-po-custom-width {width: 50%;}

/* Rating */
.custom-required:after {
    content: ' *';
    color: red;
}
.rating {
    unicode-bidi: bidi-override;
    direction: ltr;
    text-align: left;
    margin-top: 10px;
}
.rating > span {
    display: inline-block;
    position: relative;
    width: 1.1em;
    font-size: 20px;
    cursor: pointer;
    margin-right: 5px;
}
.rating > span.glyphicon-star-empty:before {
    color: #ccc;
} 
.rating > span.glyphicon-star:before {
    
    color: #FFD700;
}
.help-block {
    font-style: italic;
    color: #666;
    margin-bottom: 5px;
}
.error-message {
    color: red;
    margin-top: 5px;
}