body.hub_app_13 {
    background-color: #EFF3F6;
} 

.hub_app_13 .zrpt_box_tittle {
    background-color: #E6EBEE;
    margin: 0 -15px 20px -15px;
    padding: 10px 15px;
} 

.hub_app_13 .zrpt_box_tittle .search_dropdown_wrap {
    position: absolute;
    top: 0px;
    left: 10px;
}
.hub_app_13 .zrpt_box_tittle .search_dropdown_wrap .search_dropdown span {
    max-width: 120px;
    float: left;
}
.hub_app_13 .zrpt_box_tittle .search_dropdown_wrap .select2-container.search_dropdown .select2-choice {
    border: none !important;
    background-color: #ccc !important;
    color: #fff;
    padding: 1px 0 1px 10px !important;
    line-height: 20px !important;
    border-radius: 40px !important;
    max-width: 158px;
    min-width: 100px;
}
.hub_app_13 .zrpt_box_tittle .search_dropdown_wrap .select2-container.search_dropdown .select2-choice .select2-arrow {
    top: -8px !important;
    border-left: none !important;
}
.hub_app_13 .zrpt_box_tittle .search_dropdown_wrap .search_dropdown {
    margin: 0 -6px 2px 7px;
    padding: 0 15px 0 0px;
    border-right: 1px solid #ccc;
}
.hub_app_13 .zrpt_box_tittle .rounded_searchbox {
    border-radius: 30px;
    padding: 9px 48px 9px 15px;
    width: 100%
}
.hub_app_13 .zrpt_box_tittle .rounded_btn {
    padding: 8px 25px;
    text-decoration: none;
    font-size: 14px;
    border-radius: 30px;
    background-color: #3BC0FF;
    color: #fff;
} 


.hub_app_13 .zrpt_box_content .site_reports_wrapper .srw_heading {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    position: relative;
    padding: 5px 0;
    color: #909090;
    margin-bottom: 15px;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .srw_heading .seperator_sky {
    position: absolute;
    width: 65px;
    border-bottom: 1px solid #5CCCFC;
    bottom: 0;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .report-img-data-wrap {
    padding: 10px;
    cursor: pointer;
    min-height: 81px;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .report-img-data-wrap:hover {
    background-color: #F8F9FB;
    border-radius: 4px;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .img-wrap {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    padding: 5px;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .reports-Data h5 {
    margin: 0;
    color: #555557;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .reports-Data p {
    color: #9e9e9e;
    margin: 0;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .App_Setting {
    float: left;
    width: 11%;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 1px 2px #f3f3f3;
    min-height: 130px;
    margin-left: 0.75%;
    margin-right: 0.75%;
    background-color: #fcfcfc;
    position: relative;
    margin-bottom: 17px;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .App_Setting:hover {
    border-radius: 10px;
    background-color: #EFF2F7;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .App_Setting:first-child {
    float: left;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .App_Setting .img-wrap {
    width: 100%;
    height: auto;
    float: left;
    padding: 5px 15px;
    margin: 0;
}
.hub_app_13 .zrpt_box_content .site_reports_wrapper .App_Setting .reports-Data {
    width: 100%;
    float: left;
    text-align: center;
}


.hub_app_13 .cust_addon_lavel .btn_go{font-size: 18px; font-weight: 600;}
.hub_app_13 .cust_addon_lavel .total_price, .hub_app_14 .cust_addon_lavel .total_price{ background-color: #E8E8E8; border-radius: 0 15px 15px 0; font-size: 19px; padding: 0 12px; vertical-align: middle; display: table-cell; font-weight: 600; letter-spacing: 1px;}
.hub_app_13 .cust_addon_lavel .total_price, .hub_app_14 .cust_addon_lavel .total_price.total-price-fix{ font-size: 14px !important; font-weight: Normal; letter-spacing: 1px; white-space: nowrap; max-width: 100px; border-right: 12px solid #E8E8E8;overflow:hidden;}
.hub_app_13 .cust_addon_lavel .total_icon, .hub_app_14 .cust_addon_lavel .total_icon{border-radius: 15px 0 0 15px; font-size: 19px; padding: 1px 14px; vertical-align: middle; display: table-cell; font-weight: 600;}
.hub_app_13 .cstm-rounded-cal #datepkr-auto .btn-light:first-child{border-radius: 40px 0 0 40px}
.hub_app_13 .cstm-rounded-cal #datepkr-auto .btn-light:last-child{border-radius: 0 40px 40px 0;}
.hub_app_13 .cstm-rounded-cal #datepkr-auto .btn-light{background-color: #fff;}
.hub_app_13 .delivery-cal thead tr th, .hub_app_13 .delivery-cal tbody tr td{padding:7px 15px;}
.hub_app_13 .delivery-cal thead tr th{border-top-left-radius:5px; border-top-right-radius:5px;}
 .hub_app_13 .delivery-cal tbody tr:last-child td{border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.hub_app_13 .orderQuaintity-less{border: 1px solid rgba(223, 59, 59, 0.5); position: relative; margin-right: -6px; background-color: #fafafa; padding: 0 7px; line-height: 22px; height: 27px;border-radius:15px 0 0 15px;}
.hub_app_13 .orderQuaintity-less:hover{background-color: #fff;}
.hub_app_13 .orderQuaintity-less:focus{border: 1px solid #478FCA;}
.hub_app_13 .orderQuaintity-add{border: 1px solid rgba(97, 195, 144, 0.5); margin-left: -4px; background-color: #fafafa; padding: 0 7px; line-height: 22px; height: 27px;border-radius:0px 15px 15px 0px;}
.hub_app_13 .orderQuaintity-add:hover{background-color: #fff;}
.hub_app_13 .orderQuaintity-add:focus{border: 1px solid #478FCA;}
.hub_app_13 .orderQuaintity-number{max-width: 60px; padding: 0; line-height: 22px; height: 27px; text-align: center; border: 1px solid rgba(0,0,0, 0.2);}
.radius-25{border-radius: 25px;}
.zipOrdering-tabContent .select2-container .select2-choice{border-radius: 25px !important;padding-top:3px !important; padding-bottom:4px !important; }


.hub_app_13 .ui-selct2-radius-5 .select2-container .select2-choice{border-radius: 5px;}
/* .hub_app_13 .select2-container .select2-choice{border-radius: 25px;padding-top:3px !important; padding-bottom:4px !important; } */
.hub_app_13 .site-subscribeSummary h2{border-radius: 0;}
.hub_app_13 .site-summaryHeading{padding-top: 6px; padding-bottom: 5px;}
.hub_app_13 .site-summaryHeading span{font-weight: normal; line-height: 18px; font-size: 18px; margin: 0;}
.hub_app_13 .site-summaryHeading p{margin: 0; max-width: 80%; line-height: 19px;}
.hub_app_13 .site-summaryHeading small{display: block; font-size: 14px; font-weight: normal;}
.hub_app_13 .site-summaryHeading .fa-comment{position: absolute; right: 12px; top: 6px;}
.hub_app_13 .finalCheckout-btn i{margin-left: 30px;}
.hub_app_13 .lessAmount-alert{font-size: 14px; color: #fff; line-height: 16px; background-color: #f8b657;}
.hub_app_13 .clearAll-link{background-color: #DF3B3B; border-radius: 5px; transition: 0.3s; color: #fff; cursor: pointer; float: left; font-size: 18px; line-height: 18px; margin: 2px 0 0; padding: 5px 10px; text-transform: capitalize;}
.hub_app_13 .purchased-SiteLists{background-color: #f6f6f6; float: left; width: 100%; padding: 0;}
.hub_app_13 .productTotal-cost{border-top: 3px solid #fff;}
.hub_app_13 .btnwith-label span {background-color: #ccc; border-radius: 50%;  padding: 3px 0; position: absolute; right: -13px; top: -13px; width: 26px;}
.hub_app_13 .bg-lightgray-new{background: #f7f7f7;}

  
 
  .hub_app_13 .width-120{width:120px !important;}
  
.count-frequency-Circle{display: inline-block; width: 180px; height: 180px; line-height: 170px; text-align: center; font-size: 8em; font-weight: 600; color: #fff; border-radius: 50%; border: 6px solid #ccc; background-color: #f2f2f2;margin-top:30px;}
.count-frequency-Circle.Daily{background-color: #65DFEF; border-color: #0ABED5;}
.count-frequency-Circle.Weekly{background-color: #A5E15E; border-color: #8BC34A;}
.count-frequency-Circle.Monthly{background-color: #C084F3; border-color: #AC70DF;}
.count-frequency-Circle.disable-circle{background-color: #f2f2f2; border-color: #ccc;}
.count-frequency-badge{font-size: 15px;padding:6px 20px; border-radius: 2px; border: 1px solid #A6A6A6; color: #A6A6A6; position: relative; width: 140px; display: inline-block; margin: 40px 0 40px 20px; background-color: #F2F2F2;}
.count-frequency-badge .badge-check{width: 40px; height: 40px; line-height: 40px; position: absolute; left: -25px; top: -3px; color: #fff; border-radius: 50%; background-color: #ccc;}
.count-frequency-badge .badge-check.daily{background-color: #65DFEF;}
.count-frequency-badge .badge-check.weekly{background-color: #A5E15E;}
.count-frequency-badge .badge-check.monthly{background-color: #C084F3;}
.count-frequency-badge .badge-check.disable-badge{background-color: #CCCCCC;}
.hub_app_13 .ajax-search-input {border-radius: 25px !important;}
.hub_app_13 .ajax-search-input input{border-radius: 25px !important;}
.hub_app_13 .dropdown-menu.dropdown-right{right:0 !important;left:auto !important;}
.hub_app_13 .dropdown-menu.dropdown-right:after{right:9px !important;left:auto !important;}
.hub_app_13 .dropdown-menu.dropdown-right:before{right:9px !important;left:auto !important;}

.hub_app_13 .fliter-list{margin-top:7px;}
.hub_app_13 .fliter-list div{padding:0;}

.hub_app_13 .sch-filter div{
list-style-type:none;
padding:0;
}
.hub_app_13 .sch-filter ul.dropdown-menu.list-inline{
min-width:600px;
max-width:600px;
margin-left:-235px;
padding: 10px 0;
}
.hub_app_13 .sch-filter ul.dropdown-menu.list-inline.daypartPos{
min-width:410px;
max-width:410px;
margin-left:-140px;
}
.hub_app_13 .sch-filter ul.dropdown-menu.list-inline.onlyPosition{
min-width:200px;
max-width:200px;
margin-left:-55px;
}
.hub_app_13 .sch-filter ul.dropdown-menu.one-list-filter{
	left:50%;
	margin-left:-90px !important;
	margin-top:8px;
	max-width:200px;
	min-width:200px;
}
.hub_app_13 .sch-filter ul.dropdown-menu.two-list-filter{
	max-width:350px;
	min-width:350px;
	left:50%;
	margin-left:-165px !important;
	margin-top:8px;
}
.hub_app_13 .sch-filter ul.dropdown-menu.list-inline.with-ReportFlag-true{
min-width:650px;
max-width:650px;
right:-270px;
padding: 10px 0;
}
.hub_app_13 .sch-filter ul.dropdown-menu.list-inline.daypartPos.with-ReportFlag-true{
min-width:500px;
max-width:500px;
right:-230px;
}
.hub_app_13 .sch-filter ul.dropdown-menu.list-inline.onlyPosition.with-ReportFlag-true{
min-width:350px;
max-width:350px;
right:23px;
top:37px;
}

.hub_app_13 .sch-filter div.dropdown-menu.list-inline li{
vertical-align:top;

}

.hub_app_13 .sch-filter .btn-group > .btn:last-child:not(:first-child),.hub_app_13 .sch-filter .btn-group > .dropdown-toggle:not(:first-child){
border-bottom-left-radius:3px !important;
border-top-left-radius:3px !important;
}
.hub_app_13 .sch-filter .filter-pop>div {
border-right:1px solid #ccc;
border-left:0px solid #ccc; 
}
.hub_app_13 .sch-filter .filter-pop-certificate>div:first-child {
border-left:none; 
}
.hub_app_13 .sch-filter .filter-pop-certificate>div {
border-left:1px solid #ccc; 
}
.hub_app_13 .sch-filter .filter-pop.change-withReport > div{
	border-right: 0;
}
.hub_app_13 .sch-filter .filter-pop>div.borderright {
border-right:1px solid #ccc;
border-left:0 none;
}

.hub_app_13 .sch-filter .filter-pop>div.noborder {
border-right:0 none;
border-left:0 none; 
}
.hub_app_13 .sch-filter .filter-pop>div div{
 border-right:0px none !important;
 }

.hub_app_13  .sch-filter  .dropdown-menu.filter-list > li .filter-toggle i, .hub_app_13  .sch-filter .dropdown-menu .filter-list > li  .filter-toggle i{
color:#e6e6e6;
float: left;
padding: 3px 5px 0 0;
}
.hub_app_13  .sch-filter .dropdown-menu.filter-list .filter-toggle.selected i, .hub_app_13  .sch-filter .dropdown-menu .filter-list .filter-toggle.selected i{
color:#7e9095;
}
.hub_app_13 .tringle{display:none !important;}
.hub_app_13 input[type="checkbox"] + .lbl::before, 
.hub_app_13 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_13 input[type="radio"] + .lbl::before{border-radius: 15px;}
.hub_app_13 input[type="checkbox"]:checked + .lbl::before, 
.hub_app_13 input[type="radio"]:checked + .lbl::before{border-color: #2dc2a4; background-color: #fff;}
.hub_app_13 .lastOrder-suppliers{border: 1px solid #ddd; border-radius: 3px;}
.hub_app_13 .lastOrder-suppliers ul{padding: 0;}
.hub_app_13 .lastOrder-suppliers li{float: left; margin: 1%; width: 47%; border: 1px solid #ccc; background-color: #F7F8FC; padding: 1px 8px; box-sizing: border-box;}
.hub_app_13 .lastOrder-suppliers .inline-block{vertical-align: middle;}
.hub_app_13 .lastOrder-suppliers .supplier-figure{width: 25%;}
.hub_app_13 .lastOrder-suppliers .supplier-figure img{max-width: 100%;}
.hub_app_13 .lastOrder-suppliers .orderSupplier-details{width: 55%; padding-left: 10px; box-sizing: border-box;}
.hub_app_13 .lastOrder-suppliers .selectSupplier-checkbox{width: 16%;}
.hub_app_13 .lastOrder-suppliers .selectSupplier-checkbox input[type="checkbox"]{min-width: 25px; height: 25px; border-radius: 3px; margin-top: 0 !important}
.hub_app_13 .lastOrder-suppliers .selectSupplier-checkbox input[type="checkbox"] + .lbl::before{min-width: 25px; height: 25px; border-radius: 3px;}
.hub_app_13 .lastOrder-suppliers .selectSupplier-checkbox input[type="checkbox"]:checked + .lbl::before{line-height: 24px; font-size: 18px;}
.hub_app_13 .border-top{border-top: 1px solid rgb(243, 243, 243) !important;}

.hub_app_13 .invDetailPopup .tooltip-inner {
max-width:610px !important;
}
.hub_app_13 .selectize-control.single .selectize-input {
    box-shadow: none !important;
    background-image: none !important;
    background-color: #fff !important;
}
.hub_app_13 .selectize-control.single .selectize-input input{min-height: 0 !important;}
.ordDlv_cal{padding:5px 0;background-color:#e8e8e8; color: #777;font-size: 18px;font-weight:600;}
.ordDlv_cal .select2-choice{padding: 3px 8px !important; font-weight: normal !important;}
.ordDlv_cal .select2-choice input{height: 0 !important;}

.hub_app_13 .received_qty {
    border-radius: 4px !important;
    padding: 4px 0 !important;
    width: 50px;
}
.hub_app_13 .onbiz-zipinv, .hub_app_-51 .onbiz-zipinv{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat;z-index: 1030!important;}

.hub_app_13 .footer-for-table:hover, .hub_app_-51 .footer-for-table:hover{ background-color: #F0F2F6;}

.hub_app_13 .table > tbody > tr > td > input.form-control, 
.hub_app_-51 .table > tbody > tr > td > input.form-control{
	min-height: 27px !important; 
	height: 27px !important; 
	max-height: 27px !important;
	margin-top: -2px; 
	margin-bottom: -2px;
	}
.hub_app_13 .table tr td .selectize-control,
.hub_app_-51 .table tr td .selectize-control{
	height: 25px !important; 
	margin-top: -2px; 
	margin-bottom: 0;
	}
.hub_app_13 .table tr td .selectize-control .selectize-input, 
.hub_app_-51 .table tr td .selectize-control .selectize-input{
	padding: 0px 8px !important;
	}
.hub_app_13 .table tr td .selectize-dropdown .selectize-input, 
.hub_app_-51 .table tr td .selectize-input input{
	line-height: 25px !important;
	}
.hub_app_13 .table tr td  .selectize-dropdown,
.hub_app_-51 .table tr td  .selectize-dropdown{
	line-height: 25px !important;
	}
.hub_app_13 .table tr td .selectize-input.focus,
.hub_app_-51 .table tr td .selectize-input.focus{
	line-height: 25px !important;
	}
.hub_app_13 .table tr td .selectize-control.single .selectize-input.input-active,
.hub_app_-51 .table tr td .selectize-control.single .selectize-input.input-active{
	line-height: 25px !important;
}
.hub_app_13 .table tr td .selectize-input, .hub_app_-51 .table tr td .selectize-input{line-height: 25px !important;}
.hub_app_13 .table > tbody > tr > td > .input-group > input.form-control,
.hub_app_13 .table > tbody > tr > td > .input-group > input.form-control{ 
	height: 25px !important; 
	min-height: 25px !important;
	max-height: 25px !important; 
	}
.hub_app_13 .table > tbody > tr > td > .input-group > .input-group-addon,
.hub_app_-51 .table > tbody > tr > td > .input-group > .input-group-addon{ 
	height: 25px !important; 
	min-height: 25px !important;
	max-height: 25px !important;
	padding: 4px 10px; 
	}
.hub_app_13 .table > tbody > tr > td > .select2-container .select2-choice,
.hub_app_-51 .table > tbody > tr > td > .select2-container .select2-choice{
	height: 27px !important; 
	min-height: 27px !important;
	max-height: 27px !important;
	line-height: 14px !important;
	margin-top: -4px;
	margin-bottom: -3px;
}
.hub_app_13 .table > tbody > tr > td > .select2-container .select2-choice .select2-arrow,
.hub_app_-51 .table > tbody > tr > td > .select2-container .select2-choice .select2-arrow{
	top: -6px;
	}
	
.hub_app_13 .lbl-small-radio::before{height: 15px !important; min-width: 15px !important; margin-right: 5px !important; margin-bottom:5px;}
.hub_app_13 input[type="checkbox"] + .lbl-small-radio::before, .hub_app_13 input[type="radio"] + .lbl-small-radio::before
{
	 height: 15px !important;
    min-width: 15px !important;
    font-size: 10px !important;
    line-height: 14px !important;
}
.hub_app_13 input[type=radio].lbl-small-input {
    width: 16px !important;
    height: 16px !important;
    margin: 3px 0 0 0 !important;
    
}
/* for search place holder css */

.hub_app_13 .cstm-search-box input[type="search"]::-moz-placeholder,
.hub_app_-51 .cstm-search-box input[type="search"]::-moz-placeholder  {
    color: #d0d0d0;
    opacity: 1;
}

.hub_app_13 .cstm-search-box input[type="search"]::-webkit-input-placeholder,
.hub_app_-51 .cstm-search-box input[type="search"]::-webkit-input-placeholder {
    color: #d0d0d0;
}

.hub_app_13 .cstm-search-box input[type="search"]::-moz-placeholder,
.hub_app_-51 .cstm-search-box input[type="search"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #d0d0d0;
}

.hub_app_13 .cstm-search-box input[type="search"]:-ms-input-placeholder,
.hub_app_-51 .cstm-search-box input[type="search"]:-ms-input-placeholder {
    color: #d0d0d0;
}
.hub_app_13 input[type="checkbox"] + .lbl-check-small::before, .hub_app_-51 input[type="checkbox"] + .lbl-check-small::before{height: 14px !important; min-width: 14px !important; line-height: 12px !important; font-size: 12px !important; }
.hub_app_13 .Count_Frequency_btn,
.hub_app_-51 .Count_Frequency_btn{
	position: relative; 
	background-color: #F9FAFC; 
	color: #777; 
	padding: 10px 30px; 
	border: 1px solid #E1E1E1; 
	border-radius: 5px;
	width: 130px;
	float: left;
	cursor: pointer;
	text-align: center;
	font-size: 16px;
	}
	.hub_app_-51 .Count_Frequency_btn.active{
	border: 0px solid #E1E1E1; 
	}
.hub_app_13 .Count_Frequency_btn.active,
.hub_app_-51 .Count_Frequency_btn.active{background-color: #4DCB8B; color: #fff;}
.hub_app_13 .Count_Frequency_btn span,
.hub_app_-51 .Count_Frequency_btn span{display: none;}
.hub_app_13 .Count_Frequency_btn.active span,
.hub_app_-51 .Count_Frequency_btn.active span{
	position: absolute;
	display: block; 
	background-color: #4DCB8B; 
	border-radius:50%; 
	height: 24px; 
	width: 24px; 
	line-height: 22px; 
	text-align: center; 
	border: 1px solid #fff; 
	color: #fff;
	left: -15px;
	top: 9px;
	corsor: pointer;
	font-size: 14px;
	box-shadow: 1px 0px 3px rgba(0,0,0,0.3);
	}
table.sturt-table > tbody > tr > td:last-child, 
table.sturt-table > tbody > tr > th:last-child, 
table.sturt-table > tfoot > tr > td:last-child, 
table.sturt-table > tfoot > tr > th:last-child, 
table.sturt-table > thead > tr > td:last-child, 
table.sturt-table > thead > tr > th:last-child{border-width:1px 0 0 !important;}



.floated-text{bottom:9px;overflow: hidden;position: absolute;right: 15px;text-overflow: ellipsis;white-space: nowrap;width:150px;}

/*********ZipInventory Onboarding Configuration page css****/

.zInvOnboarding{
    position: fixed;
    background:rgba(0, 0, 0, 0.8);
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: url("../../images/wizard/zinvWzrd.png") no-repeat;
    background-size: cover;
    padding: 80px 10px 10px 50px;
    z-index: 1030;
}

.zInvOnboarding .inv-onb-org-wiz-wrapper{
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-size: cover;
    padding: 80px 10px 10px 10px;
    overflow: hidden;
}
/* .zInvOnboarding .onb-org-wiz-wrapper {
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    top: -45px;
    padding-bottom: 45px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
} */
.zInvOnboarding .main_box_db_wrap {background-color: transparent; padding: 20px; display: table;width: 28%; border-radius: 15px;margin: 0 8%; height: 310px; vertical-align: middle; position: relative;border:3px solid rgb(255, 255, 255); box-shadow: 0 0 1px rgb(255, 255, 255);}
.zInvOnboarding .main_box_db_wrap1{width: 100% !important;margin: 0 !important;}
.zInvOnboarding .main_box_db_wrap1:after{display: none;}
.zInvOnboarding .main_box_db_wrap2{width: 42% !important;}
.zInvOnboarding .main_box_db_wrap2:nth-child(2){margin-left: 4% !important;}
.zInvOnboarding .main_box_db_wrap:first-child{margin-left:0;}
.zInvOnboarding .main_box_db_wrap:nth-child(2){margin-left:0;}
.zInvOnboarding .main_box_db_wrap:last-child{margin:0;}
.zInvOnboarding .main_box_db_wrap:after{position: absolute;right: -18%; top: 50%; margin-top:-50px; content: "\f178"; color: #fff; font-size: 50px; font-family: fontawesome; font-weight: 900;width:8%; text-indent: -10px; text-align:center;transform: rotate(0deg);} /*#35c4ff*/
.zInvOnboarding .main_box_db_wrap:last-child:after{display:none;}
.zInvOnboarding .main_box_db_wrapinner{display: table-cell; height: 310px; vertical-align: middle; width: 100%;}
.zInvOnboarding .box_db_wrap{
    padding: 10px;
    cursor: pointer;
    min-height: 81px;
    background-color: #F1EFE2;
    border-radius: 4px;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 20px;
}
.zInvOnboarding .box_db_wrap:last-child{margin-bottom:0;}
.zInvOnboarding .box_db_wrap button{display: none;}
.zInvOnboarding .box_db_wrap:hover{
    background-color: #ccc;
    border-radius: 4px;
}
.zInvOnboarding .box_db_wrap:hover button{
    display: block;
    background-color: #fff;
    color: red;
    border-radius: 35px;
    padding: 5px 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -35px;
    border: 1px solid #ccc;
    box-shadow: none;
}

.zInvOnboarding .box_db_wrap .bd_img_wrap{
    width: 50px;
    height: 50px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    padding: 5px;
}
.zInvOnboarding .box_db_wrap .bd_img_wrap img{width: 50px;}
.zInvOnboarding .box_db_wrap .content_wrap{
    display: inline-block;
    width: 76%;
    vertical-align: middle;
}
.zInvOnboarding .box_db_wrap .content_wrap h5{margin: 0 0 2px 0; font-weight: 500;}
.zInvOnboarding .box_db_wrap .content_wrap p{margin: 0;}
.zInvOnboarding .box_db_wrap .notif-data-wrap{
    position: absolute;
    right: -8px;
    top: -10px;
    width: 30px;
    height: 30px;
    float: left;
    color: white;
    border-radius: 50%;
    line-height: 26px;
    text-align: center;
    border: 2px solid #fff;
}
.zInvOnboarding .box_db_wrap .notif-data-wrap.tick{background-color: #40a26f;}
.zInvOnboarding .box_db_wrap .notif-data-wrap.exclamation{background-color: #E10000;}
.zInvOnboarding .box_db_wrap .span-cnf-count{display: none}
.zInvOnboarding .box_db_wrap .span-cnf-icon{display: block}
.zInvOnboarding .box_db_wrap:hover .span-cnf-count{
    display: block;
}
.zInvOnboarding .box_db_wrap:hover .span-cnf-icon{
    display: none;
}
.zInvOnboarding .rounded_black_btn{margin-top:-40px; margin-bottom: 20px;}
.zInvOnboarding .box_db_Sitewrap {
    padding: 10px 20px;
    cursor: pointer;
    height: 81px;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
    width: 100%;
    display: inline-block;
    line-height: 60px;
}
.zInvOnboarding .box_db_Sitewrap .content_Sitewrap {
    display: inline-block;
    width: 84%;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.4;
}
.zInvOnboarding .box_db_Sitewrap .icoWrap{display: inline-block;vertical-align: middle; text-align: right;}
.zInvOnboarding .box_db_Sitewrap .icoWrap .notif-data-Sitewrap {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 16px;
    float: left;
    color: #fff;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
    background-color: #ccc;
    vertical-align: middle;
}
.zInvOnboarding .box_db_Sitewrap .notif-data-Sitewrap.active{background-color: green;}

/***************END********************/

#wizaerd_mdl .modal-content{padding:0px;}
#wizaerd_mdl .modal-header{
    background-color: #EDEEF0;
    border-radius: 10px 10px 0px 0px;
    border: medium none;
    padding:25px;
}
#wizaerd_mdl .modal-header span{
    border-radius: 50%;
    width: 20px;
    height: 20px;
    float: left;
    position: absolute;
    border: 1px solid #444;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    color: red;
    right: 15px;
}
#wizaerd_mdl .modal-body .thumps-wrapper{
    border-radius: 50%;
    margin: auto;
    display: block;
    background-color: #61c390;
    width: 140px;
    line-height: 140px;
    height: 140px;
    font-size: 70px;
}
.hub_app_13 .border-1, .hub_app_-51 .border-1{border:1px solid rgb(221, 221, 221); box-sizing: border-box;}
.needing-action{padding: 15px; width: 100%; float: left; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); border-radius: 10px; background: #fff;}
.needing-action img.type-img{height: 50px; width: 50px; margin-right: 10px;}
.needing-action img.action-img{height: 25px; width: 25px; margin-right: 10px;}
.lightgray-bg{background: #f2f2f2;}
.cyan-bg{background: rgb(92, 204, 252);}
.thumb-youtube{position: relative;}
.thumb-youtube .thumb-overlay{position:absolute; top:0; bottom:0 ; left:0; right:0; width: 100%; height: 100%; background: rgba(0,0,0,0);display: none; transition: all 0.5s ease; z-index: 9999;}
.thumb-youtube:hover .thumb-overlay{display: block;}
.thumb-youtube .thumb-overlay img{ 
	color: #cc181e;
    position: absolute;
    top: 50%;
    margin-top: -32px;
    left: 50%;
    height: 68px;
    width: 73px;
    margin-left: -36px;
}
.max-width-150{max-width: 150px;}
.hub_app_13 .alert-icon-info {
    background: rgb(255, 0, 0) none repeat scroll 0 0;
    border-radius: 50%;
    color: rgb(255, 255, 255);
    height: 18px;
    position: absolute;
    right: -4px;
    top: -6px;
    width: 18px;
}
.rounded_blue_btn:hover, .rounded_red_btn:hover, .rounded_green_btn:hover, .rounded_gray_btn:hover, .rounded_black_btn:hover{color:#fff;}
.rounded_blue_btn:focus, .rounded_red_btn:focus, .rounded_green_btn:focus, .rounded_gray_btn:focus, .rounded_black_btn:focus{color:#fff;}
 .addsupplier-mdl .box_db_Sitewrap {
    padding: 10px;
    cursor: pointer;
    background-color: #fafafa;
    border-radius: 4px;
    position: relative;
    width: 100%;
    display: inline-block;
    line-height: 30px;
    border: 1px solid #f2f2f2;
}
.addsupplier-mdl .box_db_Sitewrap .content_Sitewrap {
    display: inline-block;
    width: 80%;
    vertical-align: middle;
    font-size: 12px;
    line-height: 1.4;
}
.addsupplier-mdl .box_db_Sitewrap .icoWrap{display: inline-block;vertical-align: middle; text-align: right;}
.addsupplier-mdl .box_db_Sitewrap .icoWrap .notif-data-Sitewrap {
    display: inline-block;
    width: 25px;
    height: 25px;
    font-size: 13px;
    float: left;
    color: #fff;
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
    background-color: #ccc;
    vertical-align: middle;
}
.addsupplier-mdl .box_db_Sitewrap .notif-data-Sitewrap.active{background-color: rgb(27, 188, 155);}
.onbording-vidoe-btn{
    margin-top:-40px;
}
.variance-tooltip1{min-width:150px;margin-left:-98px; margin-top: -10px !important;}
.variance-tooltip1 .tooltip-inner{background: #fff;max-width:none !important; display: block;}
.variance-tooltip1 .tooltip-inner a{color: #fff;background:#666;display:block;width:100%;padding:0 5px;border-radius: 3px;}
.variance-tooltip1 .tooltip-inner a:hover{border-radius: 3px !important;}
.variance-tooltip1 .tooltip-arrow{left:90% !important;bottom:0px !important;}


/* App based color theming css starts */
.hub_app_13 .sidebar-left .nav .active > a, .hub_app_13 .sidebar-left .nav .active > a:focus, .hub_app_13 .sidebar-left .nav .active > a:hover{border-left: 3px solid #8e87ff !important;}
.hub_app_13 .nav-pills > li.active > a, .hub_app_13 .nav-pills > li.active > a:hover, .hub_app_13 .nav-pills > li.active > a:focus{background-color: #565777 !important;}
.hub_app_13 .zrpt_box_content .header_wrap .seperator_sky{border-bottom: 1px solid #8e87ff !important;}
/* App based color theming css Ends */
.hub_app_13 .order_alert{
	position: absolute;
	right:10px;
	top:10px;
}
.hub_app_13 .bg-light-cyan{
	background-color: #35c4ff;
}
.hub_app_13 .center-auto{
	margin:0 auto;
	width:80px!important;
	border-radius:25px!important;
	text-align:center;
}
.min-height-96 {
    min-height: 96px !important;
}
/* tabs start */
.hub_app_13 .tab-content-right{background-color: #fff; min-height: calc(100vh - 130px); max-height: calc(100vh - 130px); padding: 30px 50px; /* box-shadow: -10px 1px 8px #f9f9f9; */ box-sizing: border-box;border-bottom: none;}
.hub_app_13 .tabs-left{display: block; background-color: #fff; min-height: calc(100vh - 130px); max-height: calc(100vh - 130px); border-bottom: none; background: #fafafa;}
.hub_app_13 .tabs-left li{position: relative; float: none; padding: 20px;}
.hub_app_13 .tabs-left li a{padding: 15px; color: #444;}
.hub_app_13 .tabs-left li:active, .hub_app_13 .tabs-left li:focus,
.hub_app_13 .tabs-left li a, .hub_app_13 .tabs-left li a:active, .hub_app_13 .tabs-left li a:focus,
.hub_app_13 .tabs-left li:active, .hub_app_16 .tabs-left li:focus,
.hub_app_13 .tabs-left li a, .hub_app_16 .tabs-left li a:active, .hub_app_13 .tabs-left li a:focus
{border: none !important; font-size: 16px; border-radius: 0;}
.hub_app_13 .tabs-left li:hover{background-color: transparent;}
.hub_app_13 .tabs-left li a:hover{background-color: #F3F4F6;}
.hub_app_13 .tabs-left li.active a {background-color: #F3F4F6;}
/* tabs end */
.isSupItemSwitchCandy{
    margin: 0 auto;
    width: 360px;
    }

.isSupItemSwitchCandy .switch-candy a{
background:#e0f6fe;
border:1.2px solid #2ec5f5;
}

.isSupItemSwitchCandy .switch-light.switch-candy input ~ span span:first-child,
.isSupItemSwitchCandy .switch-light.switch-candy input:checked ~ span span:nth-child(2),
.isSupItemSwitchCandy .switch-candy input:checked + label{
color:#2ec5f5;
}
.isSupItemSwitchCandy .switch-light.switch-candy input ~ span span:first-child i,
.isSupItemSwitchCandy .switch-light.switch-candy input:checked ~ span span:nth-child(2) i,
.isSupItemSwitchCandy .switch-candy input:checked + label i{
background-color: #2ec5f5;
color:#fff;


}
.isSupItemSwitchCandy .switch-light.switch-candy span span,
.isSupItemSwitchCandy .switch-light.switch-candy input:checked ~ span span:first-child, 
.isSupItemSwitchCandy .switch-toggle.switch-candy label{
color:#7f8187;
text-align:left;
}
.isSupItemSwitchCandy .switch-light.switch-candy span span i,
.isSupItemSwitchCandy .switch-light.switch-candy input:checked ~ span span:first-child i, 
.isSupItemSwitchCandy .switch-toggle.switch-candy label i{
background-color: #7f8187;
color:#fff;
}
.isSupItemSwitchCandy .switch-toggle.switch-candy,.isSupItemSwitchCandy .switch-light.switch-candy > span, 
.isSupItemSwitchCandy .switch-toggle.switch-candy, 
.isSupItemSwitchCandy .switch-light.switch-candy > span{
    background-color: #fff !important;
}
.isSupItemSwitchCandy i{
margin:0 10px 0 10px;
font-size:14px;
border-radius: 50%;
    font-style: normal;   
        height: 30px;
    width: 30px;
    padding: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;

}
.isSupItemSwitchCandy .switch-light a{right: calc( 50%)}
.isSupItemSwitchCandy .switch-light input:checked ~ span a{right: 0px;}
.penSupplierTable table tr.bg-inactive:nth-child(odd) {
    background-color: #fafbfc !important;
}
.penSupplierTable table tr.bg-inactive:nth-child(even) {
    background-color: #fff !important;
}
.width-68_percent{
	width:68%;
}


/*Mass Item Update  */
 .hub_app_13 .multiselect-chg button,
 .hub_app_-51 .multiselect-chg button{
border-radius: 5px!important;
    padding: 7px 15px 7px 12px;
    margin: 0;
    font-size: 13px;
    height: 34px;
   
}
 .hub_app_13 .multiselect-chg .btn-group.open .dropdown-toggle, 
 .hub_app_-51 .multiselect-chg .btn-group.open .dropdown-toggle{
 box-shadow:none;
    -webkit-box-shadow:none;
}
 .hub_app_13 .multiselect-chg .multi-select-popup,
 .hub_app_-51 .multiselect-chg .multi-select-popup{
padding-bottom:10px;
box-shadow:none;
}
 .hub_app_13 .multiselect-chg .multi-select-popup li a,
 .hub_app_-51 .multiselect-chg .multi-select-popup li a{
line-height:1.2;
color:#000;
    position: relative;
    text-indent: 2px;
    font-size:13px;  
}
 .hub_app_13 .multiselect-chg .multi-select-popup li,
 .hub_app_-51 .multiselect-chg .multi-select-popup li{
margin-left:-5px;
margin-right:-5px;
}
 .hub_app_13 .multiselect-chg .multi-select-popup li a i, 
 .hub_app_-51 .multiselect-chg .multi-select-popup li a i{
top:-1px; display:inline-block;
  width: 0;
 text-indent: -9px;}
 .hub_app_13 .multiselect-chg .multi-select-popup li:nth-child(2) button,
 .hub_app_-51 .multiselect-chg .multi-select-popup li:nth-child(2) button{   
    padding: 4px 0;
    height: 28px;
    line-height: 19px;    
       margin-bottom:5px;
}
 .hub_app_13 .select-chg .select2-container .select2-choice{
line-height:22px;
}
 .hub_app_13 .width-85px{
width:85px;
}
 .hub_app_13 .width-286px{
width:286.66px;
}
 .hub_app_13 .deactivate{
background-color:#f15c6a;
}
.width-95{
	width:95px;
}
/* Variance Report Css start  */
.vrnce-rpt-tbl-wrapper{
    width: 100%;
    height: 100%;
}
.vrnce-rpt-tbl-fixed{
    overflow-x: scroll;
    overflow-y: scroll;
    height: fit-content;
    max-height: 90vh;
}
.vrnce-rpt-tbl-fixed table{
    min-width: max-content;
    margin:0;
    table-layout:auto !important;
}
.vrnce-rpt-tbl-fixed table th{
    position:sticky;
    top:0;
    background-color: #eaecec;

}
.vrnce-rpt-tbl-wrapper .vrnce-rpt-tbl-heading td{
	background-color: #f4f4f4;	
}
.rpt-slide-btn .pre-scroll, .rpt-slide-btn .next-scroll{
	position: absolute;
	top: 50%;
	background-color: rgba(255,255,255,0); 
	z-index: 2;
	padding:8px;
	cursor:pointer;
	height: 40px;
	line-height: 24px;
	transition:0.1s all;
 }
.rpt-slide-btn .pre-scroll:hover, .rpt-slide-btn .next-scroll:hover{
	background-color: rgba(255,255,255,0.99); 
	box-shadow:0px 6px 13px rgba(0, 0, 0, 0.15);
}
.rpt-slide-btn .pre-scroll{
	left: 210px;
	border-radius: 0 5px 5px 0;
}
.rpt-slide-btn .next-scroll{
	right: 15px;
	border-radius: 5px 0 0 5px;
}
.rpt-slide-btn .next-scroll i:before {
	transform: rotate(90deg);
}
.rpt-slide-btn .pre-scroll i:before {
	transform: rotate(-90deg);
}
 .vrnce-rpt-tbl-wrapper .vrnce-rpt-tbl-fixed table thead tr th:nth-child(1), .vrnce-rpt-tbl-wrapper table tbody tr.vrnce-rpt-tbl-body td:nth-child(1){
	width: 100px;
	left: 0;
	position: sticky !important;
	z-index: 2
}
 .vrnce-rpt-tbl-wrapper .vrnce-rpt-tbl-fixed thead tr th:nth-child(2), .vrnce-rpt-tbl-wrapper table tbody tr.vrnce-rpt-tbl-body td:nth-child(2){
 	width: 100px;
 	position: sticky !important;
	left: 100px;
	z-index: 2
 }
 .vrnce-rpt-tbl-wrapper table tbody tr.vrnce-rpt-tbl-heading td:nth-child(1){
	width: 200px;
 	position: sticky !important;
	left: 0;
	z-index: 2
}
tr.vrnce-rpt-tbl-body:nth-child(even) td{
background-color: #fafafa;
}
tr.vrnce-rpt-tbl-body:nth-child(odd) td{
background-color: #fff;
}
/* variance report Css End */