html body {
	font-family: "Helvetica Neue",Helvetica !important;
	background-color: #ffffff !important;
}

.dropdown_category_filter_purchase {
	background-color: #616161 !important;
	background: #616161 !important;
}

.dropdown_category_filter_finance {
	background-color: #558fb5 !important;
	background: #558fb5 !important;
}

.copyClipAnc {
	color: rgb(0, 176, 103) !important;
}

#spnApplicationMaintenance {
	background-color: #c0392b;
	padding: 2px 5px;
	-webkit-border-radius: 3px !important;
	-moz-border-radius: 3px !important;
	border-radius: 2px !important;
	/* font-weight: 600; */
	font-size: 13px;
}

.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a, .page-sidebar .page-sidebar-menu .sub-menu > li > a {
	color: #fff !important;
}

	.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i, .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
		color: #fff !important;
	}

.page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed .page-sidebar .page-sidebar-menu:hover .sub-menu {
	background-color: #26A1AB !important;
}

.page-sidebar-closed .page-content-wrapper .page-content {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.modal-body {
	padding: 10px !important;
}

.page-sidebar-menu {
	min-height: 1000px !important;
	/*height:100vh !important;*/
}

.page-content-wrapper {
	margin-bottom: 20px !important;
}


.modal-lg {
	width: 900px;
}

.overflow_auto {
	overflow: auto !important;
}

#spnLE {
	position: relative !important;
	right: 14px;
	font-size: 20px;
	top: 9px;
}

#spnLoggedUser {
	font-family: "Segoe UI Light",wf_segoe-ui_light,helvetica,arial,sans-serif;
	color: #ffffff;
	font-size: 24px;
	border-right: 1px solid #ffffff;
	padding-right: 10px;
}

.pApplicationTitle {
	font-size: 25px;
	color: #ffffff;
	margin: 0px !important;
	float: left !important;
}

.visibility_hidden {
	visibility: hidden;
}


.page-top {
	padding-right: 35px;
	margin-top: 5px;
	float: left !important;
}


#notice-cookie-block {
	position: fixed;
	bottom: 0;
	margin: 0;
	height: auto;
	top: initial;
	background: rgba( 231, 231, 231,0.25);
	filter: alpha(opacity=50);
}

.notice-text > p > a {
	color: #333333;
}

.notice-text > p {
	color: #000;
	font-family: "Open Sans", sans-serif;
}

	.notice-text > p > a:hover {
		color: #888 !important;
		text-decoration: none;
		line-height: inherit;
		transition: color 0.5s ease;
	}

	.notice-text > p > a, .notice-text > p > a:hover, .notice-text > p > a:visited, .notice-text > p > a:active, .notice-text > p > a:link, .notice-text > p > ae:active {
		text-decoration: none;
	}

.btn_accept {
	max-width: 100%;
	min-width: 0;
	padding: 5px 16px;
	border: 1px solid;
	border-color: #4d4d4d;
	color: #4d4d4d;
	text-transform: uppercase;
	font-weight: normal;
	text-align: center;
	font-size: 11px;
	letter-spacing: 1px;
	font-family: "Open Sans", sans-serif;
}

.accept_actions > button:hover {
	background: #606060 !important;
	color: #fff !important;
}

.button_cust > span {
	margin-right: 3px !important;
}

#divAnnouncementsClose {
	position: absolute;
	bottom: 5px;
	right: 5px;
	z-index: 99999;
}
/*BEGIN COMMON*/
.padding-top-10 {
	padding-top: 10px !important;
}

.padding-top-3 {
	padding-top: 3px !important;
}

.padding_5 {
	padding: 5px !important;
}

.padding_10 {
	padding: 10px !important;
}

.padding_top_11 {
	padding: 11px 0px 0px 0px;
}

.padding_5_10 {
	padding: 5px 10px !important;
}

.padding_2 {
	padding: 2px !important;
}

.padding_5 {
	padding: 5px !important;
}

.padding_20 {
	padding: 20px !important;
}

.padding_30 {
	padding: 30px !important;
}

.padding_9 {
	padding: 9px !important;
}

.padding_6 {
	padding: 6px !important;
}

.padding_LR_2 {
	padding-left: 2px !important;
	padding-right: 2px !important;
}

.padding_R_2 {
	padding: 0 2px 0 0 !important;
}

.padding_L_0 {
	padding-left: 0px !important;
}

.padding_2_5 {
	padding: 2px 5px !important;
}

.padding_3_7 {
	padding: 3px 7px !important;
}

.padding_2_15 {
	padding: 2px 15px !important;
}

.padding_2_10 {
	padding: 2px 10px !important;
}

.padding_TB_2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.padding_TB_1 {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.padding_TB_5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.padding_TB_10 {
	padding: 10px 0 !important;
}

.padding_TB_15 {
	padding: 15px 0 !important;
}

.padding_top_bottom_5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.padding_L_50 {
	padding-left: 50px !important;
}

.padding_LR_05 {
	padding-left: 5px !important;
	padding-right: 0px !important;
}

.padding_LR_10 {
	padding: 0px 10px !important;
}

.padding_LR_5 {
	padding: 0px 10px !important;
}

.padding_LR_4 {
	padding: 0px 4px !important;
}

.padding_TB_5 {
	padding: 5px 0px !important;
}

.padding_bottom_20 {
	padding-bottom: 20px !important;
}

.padding_bottom_10 {
	padding-bottom: 10px !important;
}

.padding_bottom_10_only {
	padding: 0px 0px 10px 0px !important;
}

.padding_top_bottom_25 {
	padding: 25px 0 !important;
}

.padding_left_0 {
	padding-left: 0px !important;
}

.padding_right_35 {
	padding-right: 35px !important;
}

.padding_left_25 {
	padding-left: 25px !important;
}

.margin_bottom_5 {
	margin-bottom: 5px !important;
}

.margin_bottom_10 {
	margin-bottom: 10px !important;
}

.no_padding {
	padding: 0px !important;
}

.no_bold {
	font-weight: 100 !important;
}

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

.border_radius_5 {
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

.border_none {
	border: none !important;
}

.border_radius_left_5 {
	-webkit-border-radius: 5px 0px 0px 5px !important;
	-moz-border-radius: 5px 0px 0px 5px !important;
	border-radius: 5px 0px 0px 5px !important;
}

.page-container {
	/*overflow-y:scroll !important;*/
}

.margin_top_5 {
	margin-top: 5px !important;
}

.margin_top_6 {
	margin-top: 6px !important;
}

.margin_bottom_3 {
	margin-bottom: 3px !important;
}

.margin_top_2 {
	margin-top: 2px !important;
}

.margin_top_3 {
	margin-top: 3px !important;
}

.margin_top_25 {
	margin-top: 25px !important;
}

.margin_top_15 {
	margin-top: 15px !important;
}

.margin_top_10 {
	margin-top: 10px !important;
}

.margin_TB_5 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.margin_0 {
	margin: 0px !important;
}

.margin_5 {
	margin: 5px !important;
}

.margin_0_5 {
	margin: 0 5px !important;
}

.margin_left_5 {
	margin-left: 5px !important;
}

.margin_left_18 {
	margin-left: 18px !important;
}

.margin_left_2 {
	margin-left: 2px !important;
}

.margin_left_16 {
	margin-left: 16px !important;
}

.margin_left-16 {
	margin-left: -16px !important;
}

.margin_left_35 {
	margin-left: 35px !important;
}

.margin_left_23 {
	margin-left: 23px !important;
}

.font_10 {
	font-size: 11px !important;
}

.font_11 {
	font-size: 11px !important;
}

.font_12 {
	font-size: 12px !important;
}

.font_13 {
	font-size: 13px !important;
}

.font_14 {
	font-size: 14px !important;
}

.font_15 {
	font-size: 15px !important;
}

.font_16 {
	font-size: 16px !important;
}

.font_17 {
	font-size: 17px !important;
}

.font_20 {
	font-size: 20px !important;
}

.font_25 {
	font-size: 25px !important;
}

.font_30 {
	font-size: 30px !important;
}


.font_35 {
	font-size: 35px !important;
}

.font_50 {
	font-size: 50px !important;
}

.float_left {
	float: left !important;
}

.no_curser_point {
	cursor: default !important;
}

.margin_left_10 {
	margin-left: 10px !important;
}

.margin_left_20 {
	margin-left: 20px !important;
}

.margin_right_2 {
	margin-right: 2px !important;
}

.margin_right_5 {
	margin-right: 5px !important;
}

.margin_right_10 {
	margin-right: 10px !important;
}

.margin_right_15 {
	margin-right: 15px !important;
}

.border_bottom_gray {
	border-bottom: 1px solid #E6E6E6;
}

.border_bottom_gray_E1E1E1 {
	border-bottom: 1px solid #E1E1E1;
}

.border_right_gray {
	border-right: 1px solid #E6E6E6;
}

.border_custom_green_26A1AB {
	border-color: #26A1AB;
}

.border_custom_black_333333 {
	border-color: #333333;
}

.border_right_purple_2 {
	border-right: 2px solid #8E44AD;
}

.border_bottom_purple {
	border-bottom: 1px solid #8E44AD;
}

.border_left_purple {
	border-left: 1px solid #8E44AD;
}

.border_left_black {
	border-left: 1px solid #333333;
}

.background_unique_red {
	background-color: #D2322D !important;
}

.background_dark_grey {
	background-color: #5D6154 !important;
}

.background_cofee_color {
	background: #745E3D !important;
}

.background_dark_blue {
	background-color: #ACD7E5 !important;
}

.background_yellow_F1DD8C {
	background-color: #F1DD8C !important;
}

.background_blue_275682 {
	background-color: #0F416E !important;
}

.background_blue_0078D7 {
	background-color: #0078D7 !important;
}

.background_light_blue_D9EDF7 {
	background-color: #D9EDF7 !important;
}

.background_purple {
	background-color: #8E44AD;
}

.background_blue_dark {
	background-color: #2980b9;
}

.border_right_yellow_2 {
	border-right: 2px solid #C49F47;
}

.border_bottom_yellow {
	border-bottom: 1px solid #C49F47;
}

.background_yellow {
	background-color: #C49F47;
}

.background_light_green {
	background-color: #DDF9EF !important;
}

.background_light_red_FFEFED {
	background-color: #FFEFED;
}

.background_ECECEC {
	background-color: #ECECEC;
}

.background_light_black {
	background: #E6E6FA;
}

.background_FBFBFB {
	background-color: #FBFBFB;
}

.border_right_red_2 {
	border-right: 2px solid #E7505A;
}

.border_bottom_red {
	border-bottom: 1px solid #E7505A;
}

.border_top_black_1 {
	border-top: 1px solid #333333;
}

.border_top_gray_e6e6e6 {
	border-top: 1px solid #e6e6e6;
}

.border_bottom_black_1 {
	border-bottom: 1px solid #333333;
}

.border_bottom_black_2 {
	border-bottom: 2px solid #333333;
}

.border_right_black_1 {
	border-right: 1px solid #333333;
}

.border_right_white_1 {
	border-right: 1px solid #fff;
}

.border_black_1 {
	border: 1px solid #333333 !important;
}

.border_light_green_5 {
	border: 5px solid #26C281 !important;
}

.background_red {
	background-color: #E7505A;
}

.background_black {
	background-color: #333333 !important;
}

.background_white {
	background-color: #ffffff !important;
}


.background_light_orange {
	background-color: #FFF0E0 !important;
}

.background_light_blue {
	background-color: #D4E3EC !important;
}

.background_light_aqua_blue {
	background-color: #C5E0FD !important;
}

.background_custom_mat_shade {
	background-color: #848063 !important;
}

.background_color_dark_grey {
	background-color: #7F6242 !important;
}

.background_darkgrey_color {
	background-color: #696969 !important
}

.background_dark_orange {
	background-color: #d35400 !important;
}

.background_color_dark_brown {
	background: #C13911 !important;
}

.background_color_light_blue_E1EDFB {
	background-color: #E1EDFB !important;
}

.background_color_light_blue {
	background-color: #DAEFFF !important;
}

.background_color_light_yellow_F0E2C8 {
	background-color: #F0E2C8 !important;
}

.border_bottom_gold {
	border-bottom: 1px solid #AD792E;
}

.background_custom_green {
	background-color: #EDFDF3 !important;
}

.background_custom_midnight_blue {
	background-color: #2c3e50 !important;
}

.background_custom_midnight_blue_light {
	background-color: #3F5971 !important;
}

.background_custom_green_27AE60 {
	background-color: #27ae60 !important;
}

.background_custom_dark_green {
	background-color: #0F416E !important;
}

.background_custom_dark_blue {
	background-color: #207DA8 !important;
}

.background_dark_pink {
	background-color: #d80073 !important;
}

.background_dark_gold_AD792E {
	background-color: #AD792E !important;
}

.background_custom_green_dark {
	background-color: #3FBB68 !important;
}

.background_custom_light_gray_E1E1E1 {
	background-color: #E1E1E1 !important;
}

.background_custom_aqua {
	background-color: #3598DC !important;
}

.background_orange {
	background: #fa6800 !important;
}

.background_olive_green {
	background-color: #00865C !important;
}

.background_navy_blue {
	background-color: #245984 !important;
}

.background_custom_yellow {
	background-color: #FFFBE6 !important;
}

.background_custom_pink {
	background-color: #F6DCE6 !important;
}

.background_custom_pink_dark {
	background-color: #F69CBF !important;
}

.background_custom_yellow_dark {
	background-color: #EAC084 !important;
}

.background_custom_blue {
	background-color: #DDEDFE !important;
}

.background_custom_blue_dark {
	background-color: #2F8DE4 !important;
}

.background_custom_gray {
	background-color: #C3C3C3 !important;
}

.background_color_custom_red {
	background-color: #d9534f;
}

.background_custom_green_26A1AB {
	background-color: #26A1AB !important;
}

.background_custom_purple_8e44ad {
	background-color: #8e44ad !important;
}

.background_cecece {
	background-color: #cecece !important;
}

.font_color_dark_blue_spx {
	color: #1E4E6A !important;
}

.font_color_dark_milgreen {
	color: #0F416E !important;
}

.font_color_custom_dark_green {
	color: #217346 !important;
}

.font_color_purple {
	color: #8E44AD !important;
}

.font_color_ECECE {
	color: #ECECEC !important;
}

.font_color_custom_green_dark {
	color: #3FBB68 !important;
}

.font_color_military_green {
	color: #3D7F70 !important;
}

.font_color_maroon {
	color: #44393D !important;
}

.font_color_maroon_dark {
	color: #863AA6 !important;
}

.font_color_custom_dark_blue {
	color: #207DA8 !important
}

.font_color_dark_yellow {
	color: #EAC084 !important;
}

.font_color_dark_blue {
	color: #275682 !important;
}

.font_color_green_008a00 {
	color: #008a00 !important;
}

.font_color_validation_red {
	color: #c0392b !important;
}

.font_color_amber_f0a30a {
	color: #f0a30a !important;
}

.font_colour_custom_purple {
	color: #9b59b6 !important;
}

.font_colour_custom_gray {
	color: #C3C3C3 !important;
}

.font_color_custom_green_27ae60 {
	color: #27ae60 !important;
}

.font_colour_custom_green {
	color: #EDFDF3 !important;
}

.font_color_dark_purple {
	color: #2A5380 !important;
}

.font_colour_custom_green_26A1AB {
	color: #26A1AB !important;
}

.font_colour_custom_yellow {
	color: #FFFBE6 !important;
}

.font_colour_custom_blue {
	color: #DDEDFE !important;
}

.font_colour_custom_blue_dark {
	color: #2F8DE4 !important;
}

.font_colour_custom_pink_dark {
	color: #F69CBF !important;
}

.font_white {
	color: #ffffff !important;
}

.font_blue_2980b9 {
	color: #2980b9 !important;
}

.font_green_16a085 {
	color: #16a085 !important;
}

.font_red {
	color: #c0392b !important;
}

.font_color_jungle_green {
	color: #27AE61 !important;
}

.font_gold {
	color: #ffbd3d !important;
}

.font_gray {
	color: #A5A5A5 !important;
}

.font_color_red {
	color: #E7505A !important;
}

.font_color_purple {
	color: #8E44AD !important;
}

.font_color_green {
	color: #26C281 !important;
}

.font_color_yellow {
	color: #C49F47 !important;
}

.font_color_blue {
	color: #3598DC !important;
}

.font_color_black {
	color: #333333 !important;
}

.font_color_gray {
	color: #C3C3C3 !important;
}

.font_color_orange {
	color: #fa6800 !important;
}

.cursor_pointer {
	cursor: pointer !important;
}

.hide {
	display: none !important;
}

.show_block {
	display: block !important;
}

.show_inline {
	display: inline !important;
}

.progress-bar-jungle-green {
	background-color: #26C281;
}

.progress-bar-jungle-green-light {
	background-color: #72C7A4;
}

.progress-bar-black {
	background-color: #000000;
}


.progress-bar-black {
	background-color: #000000;
}

.progress-bar-light-blue {
	background-color: #79A0C2;
}

/*.progress-striped .progress-bar-black {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}*/


.fix_wrap {
	overflow: auto !important;
}

.logout {
	font-size: 17px;
	color: #ffffff;
	font-family: "Segoe UI Light",wf_segoe-ui_light,helvetica,arial,sans-serif;
	cursor: pointer;
	margin: 7.5px 14px 0 6px !important;
	float: right;
}

/*END COMMON*/


#imgPrfPic {
	padding: 0px !important;
	position: relative !important;
	width: 45px;
	background-color: #000000;
	right: 3px;
}


.progress {
	border: 1px solid #ffffff !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}


/*BEGIN BACK TO TOP*/
.back-to-top {
	background: none;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 70px;
	height: 70px;
	z-index: 100;
	display: none;
	text-decoration: none;
	color: #337ab7;
	z-index: 9999999 !important;
	opacity: 0.55; /* Opacity (Transparency) */
}

	.back-to-top > i {
		font-size: 40px !important;
	}

	.back-to-top:hover {
		opacity: 1;
	}
/*END BACK TO TOP*/


#imgLogo {
	padding: 8px !important;
	position: relative !important;
	right: 15px;
	width: 46px;
	color: #ffffff;
	font-size: 25px;
	top: 8px;
}

#imgFlag {
	position: relative;
	top: 5px;
	cursor: pointer;
	right: 16px;
}

#spnTitle {
	position: absolute;
	top: 4px;
	left: 120px;
}

#spnTitle2 {
	position: absolute;
	top: 4px;
	left: 140px;
	text-transform: lowercase;
}

#spnTitle3 {
	position: absolute;
	top: 4px;
	left: 232px;
	text-transform: uppercase !important;
}

#btnDeliveryCapacity {
	/*position: absolute;
	top: 8px;
	left: 200px;
	text-transform: uppercase !important;*/
}

#spnTitle2:first-letter {
	text-transform: uppercase !important;
}


.title_top {
	font-family: "Segoe UI Light",wf_segoe-ui_light,helvetica,arial,sans-serif;
	font-size: 17px;
	color: #ffffff;
	top: 8px !important;
}

.page-sidebar {
	padding-top: 45px !important;
	position: fixed;
	z-index: 999 !important;
}

.page-content-wrapper, .page-content {
	z-index: -1 !important;
}

.page-sidebar-menu > li > a,
.page-sidebar-menu > li > a > i {
	color: #ffffff !important;
	font-size: 15px !important;
}

.spnSubLogo {
	font-size: 13px !important;
	font-weight: 600;
}

.div_menu_sub {
	cursor: pointer;
}

.hilightedMenu {
	background-color: #C5E0FD !important;
	background: #C5E0FD !important;
}

/*COMMON BEGIN*/
.border_bottom_dark_gray {
	border-bottom: 1px solid #333333 !important;
}

#spnLoggedUserEmail {
	color: #ffffff;
	padding-right: 10px;
}

#imgCompLogo {
	width: 350px;
	margin: auto;
	padding: 30px 0 20px 0;
}

.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background: #231F20 !important;
	color: #f9f9f9;
}

.copyright {
	font-family: "Open Sans", sans-serif !important;
	margin-top: 5px;
}

.footer_new {
	position: relative !important;
	bottom: 0;
	width: 100%;
	height: 310px;
	background: #000 !important;
	color: #fff !important;
	clear: both;
	position: relative;
}

.approval_header {
	background: #000000;
}

.page-container:before, .page-container:after {
	display: none !important;
}

.footer_new .logo {
	display: block;
	margin: 0 auto;
	width: 220px;
	height: 16px;
	background-image: url(/Content/images/sanipex-white.svg);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	font-size: 0;
	line-height: 0;
}

.social {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-flex;
	margin: 20px 0;
}

	.social li.facebook a {
		background-image: url(/Content/images/facebook-white.svg)
	}

	.social li.instagram a {
		background-image: url(/Content/images/instagram-white.svg)
	}

	.social li.linkedin a {
		background-image: url(/Content/images/linkedin-white.svg)
	}

	.social li.twitter a {
		/*background-image: url(/Content/images/twitter-white.svg)*/
		background-image: url(/Content/images/x.png);
		width: 30px !important;
	}

	.social li.pinterest a {
		background-image: url(/Content/images/pinterest-white.svg)
	}

	.social li.youtube a {
		background-image: url(/Content/images/youtube-white.svg)
	}

	.social li a {
		display: inline-block;
		width: 25px;
		height: 25px;
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: contain;
		width: 43px;
		height: 27px;
	}

/*COMMON END*/
.cssload-loader {
	width: 313px;
	height: 63px;
	line-height: 63px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 52%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	font-family: helvetica, arial, sans-serif;
	text-transform: uppercase;
	font-weight: 900;
	font-size: 23px;
	color: rgb(36,89,132);
	letter-spacing: 0.2em;
}

	.cssload-loader::before, .cssload-loader::after {
		content: "";
		display: block;
		width: 19px;
		height: 19px;
		background: rgba(53,153,220,0.57);
		position: absolute;
		animation: cssload-load 0.7s infinite alternate ease-in-out;
		-o-animation: cssload-load 0.7s infinite alternate ease-in-out;
		-ms-animation: cssload-load 0.7s infinite alternate ease-in-out;
		-webkit-animation: cssload-load 0.7s infinite alternate ease-in-out;
		-moz-animation: cssload-load 0.7s infinite alternate ease-in-out;
	}

	.cssload-loader::before {
		top: 0;
	}

	.cssload-loader::after {
		bottom: 0;
	}



@keyframes cssload-load {
	0% {
		left: 0;
		height: 38px;
		width: 19px;
	}

	50% {
		height: 10px;
		width: 50px;
	}

	100% {
		left: 294px;
		height: 38px;
		width: 19px;
	}
}

@-o-keyframes cssload-load {
	0% {
		left: 0;
		height: 38px;
		width: 19px;
	}

	50% {
		height: 10px;
		width: 50px;
	}

	100% {
		left: 294px;
		height: 38px;
		width: 19px;
	}
}

@-ms-keyframes cssload-load {
	0% {
		left: 0;
		height: 38px;
		width: 19px;
	}

	50% {
		height: 10px;
		width: 50px;
	}

	100% {
		left: 294px;
		height: 38px;
		width: 19px;
	}
}

@-webkit-keyframes cssload-load {
	0% {
		left: 0;
		height: 38px;
		width: 19px;
	}

	50% {
		height: 10px;
		width: 50px;
	}

	100% {
		left: 294px;
		height: 38px;
		width: 19px;
	}
}

@-moz-keyframes cssload-load {
	0% {
		left: 0;
		height: 38px;
		width: 19px;
	}

	50% {
		height: 10px;
		width: 50px;
	}

	100% {
		left: 294px;
		height: 38px;
		width: 19px;
	}
}

/*Delivery Details start*/
.spnApptH {
	font-size: 15px;
}

.div_day_header {
	background-color: #333333 !important;
	color: #ffffff;
}

.div_graph_container {
	margin-top: 10px;
}

.divApptHEmp > .spnApptH {
	position: relative;
	bottom: 4px;
	margin-left: 5px !important;
}

.divApptHExt > .spnApptH {
	position: relative;
	bottom: 4px;
	margin-left: 5px !important;
}

.spngridPrfImg {
	padding: 0px !important;
	width: 38px;
	background-color: #000000;
}

.divApptL {
	width: 13%;
	max-width: 15%;
	border-left: 1px solid #C9DAEA;
	padding: 0px !important;
	margin: 3px 0px !important;
	vertical-align: top;
	/*box-shadow: 0 0px 2px 0 rgba(195,195,195,1.0),0 0px 4px 0px rgba(0,0,0,0.19);*/
}

.divSegments {
	height: 75px !important;
}

.divApptRowTimeSlot {
	background-color: #333333 !important;
	color: #fff !important;
	margin-top: 5px;
}

#divApptMainWrapper {
	margin: 15px auto 10px auto !important;
	box-shadow: 0 0px 4px 0 rgba(195,195,195,1.0),0 0px 11px 0 rgba(0,0,0,0.19) !important;
}

.divApptH {
	width: 13%;
	max-width: 15%;
	box-shadow: none !important;
}

.divApptLEmp {
	width: 7%;
	max-width: 200px;
	box-shadow: none !important;
}

.div_appt_caseid_wrapper, .div_appt_casename_wrapper, .div_appt_secondary_address_wrapper {
	padding: 0px 3px !important;
}

.shadow_3d_activity {
	box-shadow: 0 0px 4px 0 rgba(195,195,195,1.0),0 0px 11px 0 rgba(0,0,0,0.19) !important;
}

.shadow_3d_case_track {
	box-shadow: 0 0px 2px 0 rgba(195,195,195,1.0),0 0px 4px 0px rgba(0,0,0,0.19) !important;
}

.div_graph_container {
	overflow-y: hidden !important;
	overflow-x: hidden !important;
}

.div_day_wrapper {
	padding: 5px !important;
}

.div_day_container {
	box-shadow: 0 0px 4px 0 rgba(195,195,195,1.0),0 0px 11px 0 rgba(0,0,0,0.19) !important;
}

div_graph_container {
	overflow-x: hidden !important;
	padding: 5px !important;
}

.spn_capacity_consumed, .spn_capacity_remaining {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #0F416E !important;
}

.spn_warehouse_graph_capacity_consumed, .spn_warehouse_graph_capacity_remaining {
	font-size: 13px !important;
	font-weight: 600 !important;
	color: #0F416E !important;
}

.consumed_full {
	color: #D2322D !important;
}

.consumed_almost_full {
	color: #d35400 !important;
}

.consumed_remaining {
	color: #16a085 !important;
}

.div_status {
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	padding: 5px;
	margin: 2px;
	min-height: 60px
}

.spn_status_custom_position {
	position: relative;
	top: 19px;
}

.div_schedule_status {
	font-weight: 600;
	text-align: center;
	color: #ffffff;
	font-size: 13px;
}

.div_warehouse_graph_status {
	text-align: center;
	color: #ffffff;
	font-size: 13px;
	padding: 5px;
	margin: 2px;
	min-height: 60px;
}

.spn_consumed_scheduled {
	position: relative;
	top: 20px;
	left: 0px;
	font-size: 20px !important;
}

.div_available {
	background-color: #00B067 !important;
}

.div_filled {
	background-color: #c0392b !important;
}

.div_partially_filled {
	background-color: #d35400 !important;
}

.div_graph_wrapper {
	padding: 3px !important;
}

/*Delivery Details end*/



/* New menu starts*/

div_slide_content {
	display: none;
}

.div_content:hover .div_slide_content {
	display: block;
}

.div_filter_label {
	padding: 15px 10px !important;
	display: inline-block;
}

.div_category_label {
	padding: 10px !important;
	display: inline-block !important;
	font-family: Helvetica,sans-serif !important;
	line-height: 1.5;
	font-size: 16px !important;
}

.div_category_filter {
	display: inline !important;
	padding: 15px 9px;
	cursor: pointer !important;
	color: #fff;
}

	.div_category_filter:hover {
		color: #fff !important;
	}


		.div_category_filter:hover .dropdown-menu {
			display: block;
		}

.dropdown_category_filter {
	min-width: 324px !important;
	margin-top: 0px !important;
	border: none !important;
}

.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before:before {
	display: none !important;
}

.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before:after {
	display: none !important;
}

.div_category_label > ul > li > a {
	display: inline-block;
	padding: 15px !important;
}

.dropdown_category_filter > li {
	font-family: Helvetica,sans-serif !important;
	line-height: 1.5;
	font-size: 15px !important;
	-webkit-transition: .3s !important;
	transition: .3s !important;
	width: 100% !important;
}

	.dropdown_category_filter > li > a {
		color: #fff;
		padding: 10px 16px !important;
	}

		.dropdown_category_filter > li > a:hover {
			color: #000 !important;
		}

	.dropdown_category_filter > li:hover {
		color: #000 !important;
	}

.div_category_filter_val {
	font-size: 16px !important;
}

.dropdown_category_filter_reports {
	background-color: #86babb !important;
	background: #86babb !important;
}

.dropdown_category_filter_sales {
	background-color: #745e3d !important;
	background: #745e3d !important;
}

.dropdown_category_filter > li:first-child {
	padding-top: 20px !important;
}

.dropdown_category_filter > li:last-child {
	padding-bottom: 20px !important;
}

.dropdown_category_filter_cases {
	background-color: #174343 !important;
	background: #174343 !important;
}

.dropdown_category_filter_tiles {
	background-color: #857f60 !important;
	background: #857f60 !important;
}

.dropdown_category_filter_warehouse {
	background-color: #427f6e !important;
	background: #427f6e !important;
}

.dropdown_category_filter_production {
	background-color: #616161 !important;
	background: #616161 !important;
}

.dropdown_category_filter_knowledge {
	background-color: #222e41 !important;
	background: #222e41 !important;
}

.dropdown_category_filter_stock {
	background-color: #1d506b !important;
	background: #1d506b !important;
}

.dropdown_category_filter_products {
	background-color: #5d6153 !important;
	background: #5d6153 !important;
}

.dropdown_category_filter_plumbing {
	background-color: #86babb !important;
	background: #86babb !important;
}




.div_category_filter_sales:hover {
	background-color: #745e3d !important;
	background: #745e3d !important;
}

.div_category_filter_cases:hover {
	background-color: #174343 !important;
	background: #174343 !important;
}

.div_category_filter_tiles:hover {
	background-color: #857f60 !important;
	background: #857f60 !important;
}

.div_category_filter_warehouse:hover {
	background-color: #427f6e !important;
	background: #427f6e !important;
}

.div_category_filter_production:hover {
	background-color: #616161 !important;
	background: #616161 !important;
}

.div_category_filter_knowledge:hover {
	background-color: #222e41 !important;
	background: #222e41 !important;
}

.div_category_filter_stock:hover {
	background-color: #1d506b !important;
	background: #1d506b !important;
}

.div_category_filter_products:hover {
	background-color: #5d6153 !important;
	background: #5d6153 !important;
}

.div_category_filter_plumbing:hover {
	background-color: #86babb !important;
	background: #86babb !important;
}

.div_category_filter_reports:hover {
	background-color: #86babb !important;
	background: #86babb !important;
}

.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before {
	border: none !important;
}

.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:after {
	border: none !important;
}

.dropdown > .dropdown-menu:before, .dropdown-toggle > .dropdown-menu:before, .btn-group > .dropdown-menu:before {
	border: none !important;
}

.dropdown > .dropdown-menu:after, .dropdown-toggle > .dropdown-menu:after, .btn-group > .dropdown-menu:after {
	border: none !important;
}

.dropdown_category_filter {
	text-align: left !important;
}
/* New menu ends*/
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
	.page-header.navbar .menu-toggler.responsive-toggler {
		margin: 14.5px 14px 0 6px !important;
	}

	.page-header.navbar .page-logo {
		height: 40px !important;
	}

	.page-header.navbar .page-top {
		height: 0px;
	}

	.page-sidebar-menu {
		min-height: 160px !important;
		/*height:100vh !important;*/
	}

	#spnLoggedUser {
		display: none !important;
	}

	#spnLoggedUserEmail {
		display: none !important;
	}

	.border_right_black_1 {
		border-right: 0px;
	}

	.copyright {
		font-size: 13px !important;
	}

	#imgCompLogo {
		width: 200px;
	}

	.link_expired {
		font-size: 20px !important;
	}

	.mob_text_left {
		text-align: left !important;
	}

	.mob_text_right {
		text-align: right !important;
	}

	.mob_text_center {
		text-align: center !important;
	}

	.mob_no_padding {
		padding: 0px !important;
	}

	.mob_hide {
		display: none !important;
	}

	#imgWelcome {
		height: auto !important;
	}

	.div_mob_inline {
		display: inline;
	}

	.mob_margin_top_10 {
		margin-top: 10px !important;
	}

	.mob_margin_bottom_10 {
		margin-bottom: 10px !important;
	}

	.mob_justify_center {
		justify-content: center !important
	}
}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {

	.page-header.navbar .menu-toggler.responsive-toggler {
		margin: 14.5px 14px 0 6px !important;
	}

	.page-header.navbar .page-logo {
		height: 40px !important;
	}

	.page-header.navbar .page-top {
		height: 0px;
	}

	.page-sidebar-menu {
		min-height: 160px !important;
		/*height:100vh !important;*/
	}

	#spnLoggedUser {
		display: none !important;
	}

	#spnLoggedUserEmail {
		display: none !important;
	}

	.border_right_black_1 {
		border-right: 0px;
	}

	.copyright {
		font-size: 13px !important;
	}

	#imgCompLogo {
		width: 200px;
	}

	.link_expired {
		font-size: 20px !important;
	}

	.mob_text_left {
		text-align: left !important;
	}

	.mob_text_right {
		text-align: right !important;
	}

	.mob_text_center {
		text-align: center !important;
	}

	.mob_no_padding {
		padding: 0px !important;
	}

	.mob_hide {
		display: none !important;
	}

	.div_mob_inline {
		display: inline;
	}


	.mob_margin_top_10 {
		margin-top: 10px !important;
	}

	.mob_margin_bottom_10 {
		margin-bottom: 10px !important;
	}

	.mob_justify_center {
		justify-content: center !important
	}
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {

	.page-header.navbar .menu-toggler.responsive-toggler {
		margin: 14.5px 14px 0 6px !important;
	}

	.page-header.navbar .page-logo {
		height: 40px !important;
	}

	.page-header.navbar .page-top {
		height: 0px;
	}

	.page-sidebar-menu {
		min-height: 160px !important;
		/*height:100vh !important;*/
	}

	#spnLoggedUser {
		display: none !important;
	}

	#spnLoggedUserEmail {
		display: none !important;
	}

	.border_right_black_1 {
		border-right: 0px;
	}

	.copyright {
		font-size: 13px !important;
	}

	#imgCompLogo {
		width: 200px;
	}

	.link_expired {
		font-size: 20px !important;
	}

	.mob_text_left {
		text-align: left !important;
	}

	.mob_text_right {
		text-align: right !important;
	}

	.mob_text_center {
		text-align: center !important;
	}

	.mob_no_padding {
		padding: 0px !important;
	}

	.mob_hide {
		display: none !important;
	}

	.div_mob_inline {
		display: inline;
	}


	.mob_margin_top_10 {
		margin-top: 10px !important;
	}

	.mob_margin_bottom_10 {
		margin-bottom: 10px !important;
	}

	.mob_justify_center {
		justify-content: center !important
	}
}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

/* ----------- IPAD  ----------- */

/* Portrait and Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

	.page-header.navbar .menu-toggler.responsive-toggler {
		margin: 14.5px 14px 0 6px !important;
	}

	.page-header.navbar .page-logo {
		height: 40px !important;
	}

	.page-header.navbar .page-top {
		height: 0px;
	}
}
/* Portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.page-sidebar-menu {
		min-height: 160px !important;
		/*height:100vh !important;*/
	}

	.page-sidebar.navbar-collapse.in {
		margin: 0px !important;
	}

	.page-container {
		bottom: 45px !important;
	}

	#spnLoggedUser {
		display: none !important;
	}

	#spnLoggedUserEmail {
		display: none !important;
	}

	.mob_hide {
		display: none !important;
	}

	.mob_margin_top_10 {
		margin-top: 10px !important;
	}

	.mob_margin_bottom_10 {
		margin-bottom: 10px !important;
	}

	.mob_justify_center {
		justify-content: center !important
	}
}

/* Landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	.page-sidebar-menu {
		min-height: 1000px !important;
		/*height:100vh !important;*/
	}

	#imgCompLogo {
		width: 200px;
	}

	.link_expired {
		font-size: 20px !important;
	}
}