/* tabs start */
.hub_app_8 .zipSupplier-tabs{float: left; margin-bottom: -3px; position: relative; z-index: 10;}
.hub_app_8 .zipSupplier-tabs a{float: left; width: 200px; position: relative; text-align: center; padding: 9px 0; height: 48px; color: #616974; font-size: 20px; text-transform: capitalize; font-weight: 600; border-bottom: 0; border-radius: 5px 5px 0 0;}
.hub_app_8 .zipSupplier-tabs a:hover, .hub_app_8 .zipSupplier-tabs a.active{background-color: #fff; border: 1px solid #e6e9ed; border-bottom: 0; margin-top: -1px;}
/* tabs start end */
/* order management page css start */ 
.hub_app_8 .supplier-table th{color: #636363; font-size: 18px;}
.hub_app_8 .supplier-table td{font-size: 16px; text-transform: capitalize; color: #636363; line-height: 18px;}
.hub_app_8 .supplier-table small {display: block; font-size: 13px; color:#636363;}
.hub_app_8 .supplier_management .cust_addon_lavel .btn_go{font-size: 18px; font-weight: 600;}
.hub_app_8 .supplier_management .cust_addon_lavel .total_price{ background-color: #E8E8E8; border-radius: 0 4px 4px 0; font-size: 19px; padding: 0 12px; vertical-align: middle; display: table-cell; font-weight: 600; letter-spacing: 1px;}
.hub_app_8 .supplier_management .cust_addon_lavel .total_icon{border-radius: 4px 0 0 4px; font-size: 19px; padding: 5px 14px; vertical-align: middle; display: table-cell; font-weight: 600;}
.hub_app_8 .filter-list.dropdown-menu:after {
    position: absolute;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    content: '';
    left: 3px;
    z-index: 2;
}
.hub_app_8 .filter-list.dropdown-menu:before {
    position: absolute;
    top: -7px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #c3c3c3;
    border-left: 7px solid transparent;
    z-index: 1;
    content: '';
}
/* order management page css end */ 

/* catalog summary page css start */ 
.hub_app_8 .catalog_summary .btn-border {font-size: 14px;  padding: 3px 12px 3px 7px;}
.hub_app_8 #catalog_sumary_mdl .custom_btn{border-radius: 20px; font-size: 18px;padding: 4px 28px !important;}
/* catalog summary page css end */

/* zipsupplier order detail start */
.hub_app_8 .order-detail .notification_msg {
    background-color: #1bbc9b;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    top: -10px;
    width: 20px;
    z-index: 999;
    color: #fff;
    right: -5px;
}
.hub_app_8 .order-detail .grand_total_order {
    background-color: #e6e9ee;
    bottom: 21px;
    font-size: 14px;
    position: fixed;
    width: 94%;
}
.hub_app_8 .order-detail .P_unit {
    border-radius: 4px !important;
    padding: 4px 0 !important;
    width: 50px;
}
.hub_app_8 .media-left {
    display: block;
    float: left;
}
.hub_app_8 .img-sm {
    height: 46px;
    width: 46px;
}
.hub_app_8 .pad-hor {
    padding-left: 15px;
}
.hub_app_8 .speech {
    background-color: #f9fafc;
    border-radius: 0;
    color: #444;
    display: inline-block;
    padding: 12px 20px;
    position: relative;
    width: 100%;
}
.hub_app_8 .speech::before {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #f9fafc;
    border-top: 10px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: 8px 0 0 -10px;
    position: absolute;
    top: 0;
    width: 0;
}
.hub_app_8 .media-body p {
    margin: 0;
}
.hub_app_8 .mdl_comment_button {
    background-color: #1BBC9B;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    height: 52px;
    margin: 15px;
    padding: 14px;
    width: 52px;
}
/* zipsupplier order detail end */  

/* Create New Catalog page css */
 .hub_app_8 .catalog-wizard-wrapper {float: left; min-height: 135px; padding: 0 30px; position: relative; width: 100%;}
.hub_app_8 .catalog-progress-bar{float: left; width: 100%; padding: 0 25px; min-height: 250px; position: relative; background: url("../../images/zipSupplier/zsWizard-bg.jpg") no-repeat; background-size: 100% 100%;}
.hub_app_8 .catalog-wizard .page-title{color: #fff; font-size: 22px; font-weight: 400; text-transform: capitalize;}
.hub_app_8 .btn-close-green{width: 30px; text-align: center; display: inline-block; height: 30px; border-radius: 15px; background-color: #fff; color: #2dc2a4; font-size: 16px; border: 1px solid #2dc2a4; transition: 0.3s; overflow: hidden; padding: 2px 0;}
.hub_app_8 .btn-close-green span{position: absolute; left: -1px; top: -1px; width: 30px; height: 30px; border-radius: 50%; background-color: #2dc2a4; color: #fff; font-size: 20px;}
.hub_app_8 .btn-close-green:hover{padding: 2px 15px 2px 36px; width: auto; transition: 0.3s;}
.hub_app_8 .catalog-progress-bar .btn-close-green{position: absolute; right: 25px; top: 25px;}
.hub_app_8 .catalog-progress-bar ul{float: left; width: 100%; position: relative; z-index: 12; padding: 0; margin: 0; display: inline-block; vertical-align: middle; list-style: none;}
.hub_app_8 .catalog-progress-bar li{float: left; width: 33%; position: relative; z-index: 10; text-align: center;}
.hub_app_8 .catalog-progress-bar li:before{content: ""; position: absolute; left: 0; z-index: -1; width: 100%; height: 12px; background-color: #ead7ee; top: 35px;}
.hub_app_8 .catalog-progress-bar li.current:after{content: ""; position: absolute; left: 0; z-index: -1; width: 100%; height: 12px; background-color: #2dc2a4; top: 35px;}
.hub_app_8 .catalog-progress-bar li:first-child:before, 
.hub_app_8 .catalog-progress-bar li.current:first-child:after{left: 50%; width: 50%}
.hub_app_8 .catalog-progress-bar li:last-child:before,
.hub_app_8 .catalog-progress-bar li.last:before,
.hub_app_8 .catalog-progress-bar li.current:last-child:after,
.hub_app_8 .catalog-progress-bar li.current.last:after{right: 50%; width: 50%}
.hub_app_8 .catalog-progress-bar li h4{color: #ead7ee; font-size: 20px;}
.hub_app_8 .catalog-progress-bar li.current h4{color: #2dc2a4;}
.hub_app_8 .catalog-progress-bar li.active h4{color: #fff;}
.hub_app_8 .catalog-progress-bar li .icon-box{display: inline-block; width: 80px; position: relative; border-radius: 50%; text-align: center; height: 80px; background-color: #ead7ee;}
.hub_app_8 .catalog-progress-bar li.current .icon-box{background-color: #2dc2a4;}
.hub_app_8 .catalog-progress-bar li.active .icon-box{background-color: #fff;}
.hub_app_8 .catalog-progress-bar li.active:before{background-color: #fff;}
.hub_app_8 .catalog-progress-bar li.current .icon-box:before{content: ""; position: absolute; left: 50%; margin-left: -9px; bottom: -60px; border-left: 14px solid transparent; border-right: 14px solid transparent; border-bottom: 14px solid #fff;}
.hub_app_8 .catalog-progress-bar li .icon-box span{display: inline-block; vertical-align: middle; margin-top: 23px;}
.hub_app_8 .catalog-progress-bar li .icon-box span{background: url("../../images/zipSupplier/wiz-icons.png"); background-repeat: no-repeat;}
.hub_app_8 .catalog-progress-bar li .icon-box.icon-create span{width: 37px; height: 34px; background-position: 0 -37px;}
.hub_app_8 .catalog-progress-bar li .icon-box.icon-build span{width: 28px; height: 34px; background-position: -43px -37px;}
.hub_app_8 .catalog-progress-bar li .icon-box.icon-assign span{width: 28px; height: 34px; background-position: -80px -37px;}
.hub_app_8 .catalog-progress-bar li.current .icon-box.icon-create span{background-position: 0 0;}
.hub_app_8 .catalog-progress-bar li.current .icon-box.icon-build span{background-position: -43px 0;}
.hub_app_8 .catalog-progress-bar li.current .icon-box.icon-assign span{background-position: -80px 0;}
.hub_app_8 .catalog-progress-bar li.active .icon-box.icon-create span{background-position: 0 -74px;}
.hub_app_8 .catalog-progress-bar li.active .icon-box.icon-build span{background-position: -43px -74px;}
.hub_app_8 .catalog-progress-bar li.active .icon-box.icon-assign span{background-position: -80px -74px;}
.hub_app_8 .catalog-progress-bar li .icon-box strong{display: none; position: absolute; width: 20px; font-size: 14px; color: #fff; background-color: #2dc2a4; border-radius: 50%; top: 2px; right: 0;}
.hub_app_8 .catalog-progress-bar li.active .icon-box strong{display: block;}
.hub_app_8 .catalog-body {float: left; padding: 10px 30px; width: 100%; position: relative;}
.hub_app_8 .catalog-body .inner-box{float: left; width: 100%; padding: 20px 25px; background-color: #fff; min-height: 350px; overflow: hidden; border-radius: 10px; margin-top: -70px; box-shadow: 0 0 2px #ebebeb;}
.hub_app_8 .create-catalog-section label{color: #636363;}
.hub_app_8 .btn-next-step{background-color: #2dc2a4; margin-right: 20px; border: 0 none; border-radius: 20px 0 0 20px; color: #fff; font-size: 20px; padding: 5px 10px 5px 20px; position: relative; height: 38px; transition: 0.3s;}
.hub_app_8 .btn-next-step:before{content: ""; position: absolute; right: -19px; top: 0; border-top: 19px solid transparent; border-bottom: 19px solid transparent; border-left: 19px solid #2dc2a4; transition: 0.3s;}
.hub_app_8 .btn-next-step:hover{background-color: #0da284; transition: 0.3s;}
.hub_app_8 .btn-next-step:hover:before{border-left-color: #0da284; transition: 0.3s;}

.hub_app_8 .btn-prev-step {
    background-color: #2dc2a4;
    border: 0 none;
    border-radius: 0 20px 20px 0;
    color: #fff;
    font-size: 20px;
    height: 38px;
    margin-left: 20px;
    padding: 5px 10px 5px 20px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.hub_app_8 .btn-prev-step::before {
    border-bottom: 19px solid transparent;
    border-right: 19px solid #2dc2a4;
    border-top: 19px solid transparent;
    content: "";
    left: -19px;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
}
.hub_app_8 .btn-prev-step:hover {
    background-color: #0da284;
    transition: all 0.3s ease 0s;
}
.hub_app_8 .btn-prev-step:hover::before {
    border-left-color: #0da284;
    transition: all 0.3s ease 0s;
}
/* Create New Catalog page css end */

/* Build catalog page css */
.hub_app_8 .catalog-header{padding: 10px 0; background-color: #E1E2E4;}
.hub_app_8 .hash-label span{float: left; font-size: 22px; color: #fff; border-radius: 5px 0 0 5px; padding: 0 10px;}
.hub_app_8 .hash-label label{float: left; border-radius: 0 5px 5px 0; margin-bottom: 0; color: #478FCA; font-size: 22px; padding: 0 15px; background-color: #F2F2F2;}
/*.hub_app_8 .btn-success{background-color: #2DC2A4;}*/
/*.hub_app_8 .btn-success:hover{background-color: #0da284;}*/
.hub_app_8 .btn-danger:hover{background-color: #d83c2d;}
.hub_app_8 .catalog-header .btn-success, 
.hub_app_8 .catalog-header .btn-danger{font-size: 16px; padding: 4px 14px; width: 130px;}
.hub_app_8 .catalog-header div{font-size: 18px; font-weight: 600; color: #636363;}

.hub_app_8 .product-accordion{color: #666666; font-size: 18px;}
.hub_app_8 .accordion-head{background-color: #F2F2F2; padding: 10px 0; background-color: #f2f2f2; border-bottom: 1px solid #fff;}
.hub_app_8 .toggle-btn{display: inline-block; line-height: 12px; padding-top: 3px; vertical-align: top; margin-right: 5px;}
.hub_app_8 .toggle-btn i{line-height: 22px;}
.hub_app_8 .accordion-content{display: none; padding: 0; list-style: none; margin-bottom: 0;}
.hub_app_8 .accordion-content:first-child{display: block;}
.hub_app_8 .accordion-content li{float: left; width: 100%; padding: 6px 0; border-top: 1px solid #E1E2E4;}
.hub_app_8 .accordion-content li:first-child{border-top: 0;}
.hub_app_8 .accordion-content .product-icon{display: inline-block; width: 40px; height: 40px; vertical-align: middle; background-color: #ddd; margin-right: 10px;}
.hub_app_8 .accordion-content strong {display: inline-block; font-weight: 400; vertical-align: middle; line-height: 20px; max-width: calc(100% - 70px);}
.hub_app_8 .accordion-content .priceInput{background-color: #fff; border-radius: 5px; font-size: 18px; text-align: center; width: 80px;}
.hub_app_8 #add-catalog-modal .modal-content,
.hub_app_8 #clear-catalog-modal .modal-content{padding: 0 10px;}

.hub_app_8 input[type="checkbox"] + .lbl::before, 
.hub_app_8 input[type="radio"] + .lbl::before{height: 22px; min-width: 24px; line-height: 21px; font-size: 16px; border-radius: 4px; color: #2dc2a4; margin-right: 2px; border: 1px solid #2DC2A4; box-shadow: none; cursor: pointer;}
.hub_app_8 input[type="radio"] + .lbl::before{border-radius: 15px;}
.hub_app_8 input[type="checkbox"]:checked + .lbl::before, 
.hub_app_8 input[type="radio"]:checked + .lbl::before{border-color: #2dc2a4; background-color: #fff;}
.hub_app_8 .assignSite-table th,
.hub_app_8 .assignSite-table td{color: #636363; font-size: 16px; line-height: 16px;}
.hub_app_8 .assignSite-table td strong{font-weight: 600; line-height: 14px; display: block;}
.hub_app_8 .assignSite-table td small{font-size: 13px; line-height: 12px;}
.bottom-fixed{padding: 6px 15px; background-color: #E8E8E8; font-size: 15px;}
.hub_app_8 .product-accordion .lbl-green{position: absolute; right: 38px; padding: 2px 50px; width: auto; text-align: center; display: inline-block; height: 30px; border-radius: 15px; background-color: #fff; font-size: 16px; border: 1px solid #2dc2a4; overflow: hidden;}
.hub_app_8 .product-accordion .lbl-green span{position: absolute; left: -1px; top: -1px; width: 30px; height: 30px; border-radius: 50%; background-color: #2dc2a4; color: #fff; font-size: 20px;}
.hub_app_8 .zipSupplier-catalog-detail .site_tab .site_btn, .hub_app_8 .zipSupplier-catalog-detail .site_mdl .site_btn{padding: 4px 15px;}
.hub_app_8 .zipSupplier-catalog-detail .site_mdl .site_btn_cancel{padding: 4px 25px;}

/* Build catalog page css end */

/* Product upload catalog css */
.hub_app_8 .product-upload-catalog li .icon-box span{display: inline-block; vertical-align: middle; margin-top: 23px;}
.hub_app_8 .product-upload-catalog li .icon-box span{background: url("../../images/zipSupplier/upload-catalog.png"); background-repeat: no-repeat;}
.hub_app_8 .product-upload-catalog li .icon-box.icon-create span{width: 29px; height: 34px; background-position: 0 -35px;}
.hub_app_8 .product-upload-catalog li .icon-box.icon-build span{width: 36px; height: 34px; background-position: -31px -35px;}
.hub_app_8 .product-upload-catalog li .icon-box.icon-assign span{width: 27px; height: 34px; background-position: -70px -35px;}
.hub_app_8 .product-upload-catalog li.current .icon-box.icon-create span{background-position: 0 0;}
.hub_app_8 .product-upload-catalog li.current .icon-box.icon-build span{background-position: -31px 0;}
.hub_app_8 .product-upload-catalog li.current .icon-box.icon-assign span{background-position: -70px 0;}
.hub_app_8 .product-upload-catalog li.active .icon-box.icon-create span{background-position: 0 -70px;}
.hub_app_8 .product-upload-catalog li.active .icon-box.icon-build span{background-position: -31px -70px;}
.hub_app_8 .product-upload-catalog li.active .icon-box.icon-assign span{background-position: -70px -70px;}
.hub_app_8 .border-btn.border-gray{color: #8c8c8c; border: 1px solid #ccc;}
.hub_app_8 .border-btn.border-gray:hover{border-color: #8c8c8c; color: #444;}
.hub_app_8 .uploadFile-input input[type="file"]{opacity: 0; position: absolute; z-index: -1;}
.hub_app_8 .uploadFile-input label i{vertical-align: middle;}
.hub_app_8 .uploadFile-input label{width: 100%; text-align: center; padding: 10px 0; cursor: pointer; background-color: #FAFAFA; border: 2px dashed #ccc; color: #7c7c7c; font-size: 20px; font-weight: 300;}
.hub_app_8 .accordion-content .table thead tr th{text-align: center; font-size: 17px;}
.hub_app_8 .accordion-content .table thead tr{background: none;}
/* Product upload catalog css end */


/* Site Details Page start */
.hub_app_8 .site-details .btn-site-details{padding:6px 20px;}
 .site-details-cal{width: 100%;}
 .site-details-cal span{height:25px;width:25px;padding:3px 0; display: inline-block;text-align: center;vertical-align:center;}
 .site-details-cal .bg-green{background:#2dc2a4;color:#ffffff;}
 .site-details-cal .bg-gray{background:#dcdddf !important; color:#666666;}
/* Site Details Page end */

/* Ordering vendor Page start */
.ordering-vendor .catalog-header{border-bottom: 1px solid #ccc; background: none; padding: 10px 4px;}
/* Ordering vendor Page end */

/* Product Administration page css start */
.hub_app_8 .product_admins .item_btn{padding: 4px 15px;}
.hub_app_8 .product_admins .additem_contaent{ width: 20%; float: left; padding: 0 5px;}


/* Product Administration page css end */
.hub_app_8 .product_summary{}
/* Product - Summary page start */

/* Sales trend start */
.hub_app_8 .sales-trend .min-width{min-width:100px;}
.hub_app_8 .Graph-tab {max-width: 150px; margin: 0 auto; border: 1px solid #e6e9ed;text-align: center; color:#666; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.hub_app_8 .Graph-tab .data{text-align: center; color:#666;padding:7px 10px;font-size: 20px;}
.hub_app_8 .Graph-tab .gtbg{width: 100%; border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.hub_app_8 .gtbg-blue{background:#00b0f0;color:#ffffff;}
.hub_app_8 .gtbg-voilet{background:#8b58b1;color:#ffffff;}
.hub_app_8 .gtbg-green{background:#00b050;color:#ffffff;}
.hub_app_8 .gtgb-sales{letter-spacing: 1px;font-weight:600;margin-top:40px;}
/* Sales Trend end */

/* Summary start */
.hub_app_8 .sales-trend .min-width{min-width:80px;}
.hub_app_8 .summary-tab {position:relative ;min-width: 100%; margin: 0 auto; border: 1px solid #e6e9ed;text-align: center; color:#666; border-radius: 5px;display:table;}
.hub_app_8 .summary-tab .data{vertical-align:middle;text-align: center; background-color: #f0f1f5; color:#666;padding:7px 10px;font-size: 28px;display:table-cell;}
.hub_app_8 .summary-tab .gtbg{height:75px;vertical-align:middle;padding: 10px; border-top-left-radius: 5px;border-bottom-left-radius: 5px;display:table-cell;width:67px;}
.hub_app_8 .gtbg-sky{background:#6fc8cc;color:#ffffff;}
.hub_app_8 .gtbg-pink{background:#fc6d67;color:#ffffff;}
.hub_app_8 .gtbg-yellow{background:#feb430;color:#ffffff;}
.hub_app_8 .gtgb-sales{letter-spacing: 1px;font-weight:600;margin-top:40px;}
/* Summary end */
/* Catalog Administration start */
.hub_app_8 .zsup_prd .lbl-green {
    background-color: #fff;
    border: 1px solid #2dc2a4;
    border-radius: 15px;
    display: inline-block;
    font-size: 16px;
    height: 30px;
    overflow: hidden;
    padding: 2px 30px 2px 40px;
    position: absolute;
    right: 38px;
    text-align: center;
    width: auto;
}
.hub_app_8 .zsup_prd .lbl-green span {
    background-color: #2dc2a4;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 30px;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 30px;
}
/* catalog administration end */

/* Product - Summary page end */


/* dashboard */
.hub_app_8 .zsup_dasboard .new{left: 50px; padding: 0 12px; position: absolute;}
/* dashboard end */

.hub_app_8 .sup-site-detail {
	height:300px;
	width: 100%;
}

/* Request Approval modal css */
.hub_app_8 .employee-modal{width: 440px !important;}
.hub_app_8 .requestApproval-list{padding: 0 10px;}
.hub_app_8 .requestApproval-list img{width: 40px;}
.hub_app_8.requestApproval-list img + span{display: block; font-size: 11px; margin-top: 3px;}
.hub_app_8 .requestApproval-list .col-md-12 .col-md-1{padding: 19px 0 0;}
.hub_app_8 .requestApproval-list .col-md-12{padding: 5px 0; border-bottom: 1px solid #dadada;}
.hub_app_8 .requestApproval-list .col-md-12:first-child{border-top: 1px solid #dadada;}
.hub_app_8 .request-siteDetails .col-md-12{padding: 7px 10px;}
.hub_app_8 .request-siteDetails strong {
    float: left;
    min-width: 90px;
}
.hub_app_8 .request-siteDetails span{
    float: left;
    padding-left: 20px;
}

/* supply tyle start */
 /* .hub_app_8 .nav-pills > li.active > a, .hub_app_8 .nav-pills > li.active > a:hover, .hub_app_8 .nav-pills > li.active > a:focus{background-color: #465766 !important;}  */
.bg-zsup-wiz .onb-org-wiz-wrapper{background-color: rgba(0, 0, 0, 0.9);}
.supply-tyle .supplier_img, .supply-tyle .vendor_img{width: 20px; width: 20px;}
.supply-tyle .f_more_tab .f_more_thead_gray{background-color: #E8E8E8; color: #636363; border-bottom: 1px solid #dedde3;}
.supply-tyle .f_more_tab .f_more_thead_gray h2{ font-size: 18px; font-weight: 600; margin:0; padding: 10px 0;}
.supply-tyle .f_more_tab .f_more_thead_light_blue{background-color: #b9daf9; padding: 2px 15px;}
.supply-tyle .f_more_tab .f_more_thead_light_blue .btn_dropdown{background-color: #fff; padding: 2px 10px; margin: 0; border-radius: 0;}
.supply-tyle .f_more_tab .border-blue:hover {background-color: #54A3F2; color: #fff; transition: all 0.3s ease 0s;}
.supply-tyle .f_more_tab .border-blue {border-color: #54A3F2; color: #54A3F2;}
.supply-tyle .f_more_tab .sullpier_product_img{height: 160px; display: table; width: 100%; cursor: pointer;}
.supply-tyle .f_more_tab .sullpier_product_img.active{opacity: 0.6;}
.supply-tyle .f_more_tab .sullpier_product_img h4{ color: #fff; font-weight: 600; margin:0; font-size: 22px; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; vertical-align: middle; padding: 2px 10px;}
.supply-tyle .checkbox-type{position: absolute; top: 40%; left: 50%; border-radius: 50%; width: 50px; height: 50px;margin-left:-25px;}
.supply-tyle .checkbox-type i{padding: 5px;}
/* supply tyle end */


/* .hub_app_8 .nav-pills > li.active > a, .hub_app_8 .nav-pills > li.active > a:hover, .hub_app_8 .nav-pills > li.active > a:focus{background-color: #8B359A !important;} */
.hub_app_8 .bg-zsup-wiz .onb-org-wiz-wrapper{background-color: rgba(0, 0, 0, 0.9);}


.hub_app_8 .accept-request .btn-invitations{margin: 0 0 0 -66px; width: 230px;}
.hub_app_8 .accept-request .dropdown-menu:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    left: 50%;
    bottom: 100%;
    border-width: 0 10px 10px;
    border-bottom-color: #78787A;
    top: -10px;
}
.hub_app_8 .accept-request .dropdown-menu{right:50px; background: rgba(0, 0, 0, 0.5); color: #fff; width: 275px; padding: 10px;}
.hub_app_8 .accept-request .dropdown-menu p{font-size: 14px; margin-bottom: 5px;}
.hub_app_8 .accept-request .dropdown-menu .btn-view-detail{border-radius: 5px; font-size:14px; color: #fff; background-color: #478FCA;}


.hub_app_8 #zip-logbook-logMdl .profile-activity {
    padding: 10px 4px;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity {
    padding: 10px 4px;
    border-bottom: 1px dotted #D0D8E0;
    position: relative;
    border-left: 1px dotted #FFF;
    border-right: 1px dotted #FFF;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity:first-child {
    border-top: 1px dotted transparent;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity:last-child {
    border-bottom: 1px dotted transparent;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity:first-child:hover {
    border-top-color: #D0D8E0;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity:last-child:hover {
    border-bottom-color: #D0D8E0;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity:hover {
    background-color: #F4F9FD;
    border-left: 1px dotted #D0D8E0;
    border-right: 1px dotted #D0D8E0;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity img {
    border: 2px solid #DDDDDD;
    border-radius: 100%;
    max-width: 40px;
    max-height: 40px;
    margin-right: 10px;
    margin-left: 0px;
    box-shadow: none;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity .thumbicon {
    background-color: #74ABD7;
    display: inline-block;
    border-radius: 100%;
    width: 38px;
    height: 38px;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    line-height: 38px;
    margin-right: 10px;
    margin-left: 0px;
    text-shadow: none !important;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity .time {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-top: 4px;
    padding-left: 47px;
}

.hub_app_8 #zip-logbook-logMdl .profile-activity a.user {
    color: #17a185;
    font-size: 14px;
}
.hub_app_8 .sullpier_product_img{background-repeat: no-repeat;background-size: 100% 100%}
.hub_app_8 .wordSpace{ word-spacing: 5px;}
.hub_app_8 .row-botttom-border{border-top: 1px solid #ccc;}
.hub_app_8 .row-botttom-border:first-child{border-top: 0;}
.hub_app_8 #redBookGlobalCategory input{height:37px;}
.hub_app_8 .margin-t-n-4{margin-top:-4px;}

.hub_app_8 .calendarDays-box{margin: 0; padding: 4px; background-color: #ddd;}
.hub_app_8 .calendarDays-box li{float: left; margin-left: 4px;}
.hub_app_8 .calendarDays-box li:first-child{margin-left: 0;}
.hub_app_8 .calendarDays-box li a{float: left; background-color: #f7f7f7; color: #000; transition: 0.3s; padding: 5px; text-align: center; width: 28px;}
.hub_app_8 .calendarDays-box li a.active{background-color: #578EBE; color: #fff; transition: 0.3s;}
.hub_app_8 #order-history .tooltip .tooltip-inner {width:200px;text-transform:none;text-align:left;}

.hub_app_8 .bottom-fixedPrice{position: relative; height: 88vh; width: 100%;}
.hub_app_8 .bottom-fixedPrice .bottomFixed-row{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 999;}
.hub_app_8 #subTabs li { background-color: #dedede;  border-radius: 0px;}
.hub_app_8 #subTabs li.active { background-color: #e35e5e;border-radius: 0px;color: #fff !important;}
.hub_app_8 #subTabs li.active a {color: #fff;font-weight: 700;}
.hub_app_8 #prd-Filter input[type=checkbox]{top:0;}
.hub_app_8 .noTransformText{ text-transform:none !important;}
.hub_app_8 .zipSupplier-main .dropdown-menu {min-width:120px;}

.hub_app_8 .filter-on:before {
    color: #fff;
    content: "\f00c";
    font-family: fontawesome;
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    left: 1px;
    top: -1px;
    z-index: 1;
}

.hub_app_8 .filter-on:after {
    border-color: #1bbc9b transparent transparent #1bbc9b;
    border-style: solid;
    border-width: 8px 8px 9px 9px;
    content: "";
    height: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
}
.hub_app_8 .opn-c-notify.bg-green.white {border-radius: 15px; margin-top: -3px; padding: 2px 6px;}

.hub_app_8 .zipSupplier-catalog-detail .custom-prd-id{padding-left:1px;}
.hub_app_8 .zipSupplier-catalog-detail .custom-prd-name{padding-left:77px;}
.hub_app_8 .zipSupplier-catalog-detail .custom-prd-price{padding-right:85px;}
.hub_app_8 .zipSupplier-catalog-detail .default-prd-id{padding-left:17px;}
.hub_app_8 .zipSupplier-catalog-detail .default-prd-name{padding-left:138px;}
.hub_app_8 .zipSupplier-catalog-detail .default-prd-price{padding-right:136px;}
.hub_app_8 .zip-org-details-wiz input{color:#666666 !important;}
.hub_app_8 .zipsup-btn{padding:24px 15px; background:#5b9bd5;height:85px;vertical-align:middle;text-align:center;font-size:15px;font-weight:bold;border-radius:15px;}
.prdFilter{
left:-105px !important;
width:300px;
}
.prdFilter:before {
 position:absolute;
  content:"";
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  top:-10px;
}
#prd-Filter .dropdown-menu .filter-list  li .filter-toggle i{
color:#e6e6e6;
float: left;
padding: 3px 5px 0 0;
}
#prd-Filter .dropdown-menu .filter-list .filter-toggle.selected i, #prd-Filter .dropdown-menu .filter-list .filter-toggle.selected i{
color:#7e9095;
}
.hub_app_8 .you-ralset{position:fixed;top:0;right:150px;}
.hub_app_8 .fixed-layout-wiz div[id^="option"]::after{background-color: #bbbcbe;}
.hub_app_8 #zsup-dsbrd div img{width:154px !important; height:154px !important;}