@-ms-viewport {
	width: device-width;
}
/* ============================================
	Structure Design
============================================ */

.note-editor.note-frame.fullscreen {
	z-index: 9999 !important;
}

.table-responsive.al_overflow_auto {
	overflow-x: auto !important;
}

.modal.link-dialog .checkbox input[type="checkbox"] {
	margin-left: 0;
	position: relative;
	top: 2px;
}

.modal.link-dialog .checkbox label {
	line-height: 16px;
}

.w-100 {
	width: 100%;
}

.h-auto {
	height: auto;
}

.text_wrap {
	white-space: nowrap;
}

.d-none {
	display: none !important;
}

.help-block-error {
	color: #F00;
}

.m_0 {
	display: none;
}

.mb_0 {
	margin-bottom: 0 !important;
}

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

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

.mb_15 {
	margin-bottom: 15px !important;
}

.mb_20 {
	margin-bottom: 20px !important;
}

.mb_25 {
	margin-bottom: 25px !important;
}

.mr_0 {
	margin-right: 0 !important;
}

.mr__1 {
	margin-right: -1px;
}

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

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

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

.mr_20 {
	margin-right: 20px !important;
}

.mr_25 {
	margin-right: 25px !important;
}

.ml_0 {
	margin-left: 0 !important;
}

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

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

.ml_15 {
	margin-left: 15px !important;
}

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

.ml_25 {
	margin-left: 25px !important;
}

.mt_0 {
	margin-top: 0 !important;
}

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

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

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

.mt_20 {
	margin-top: 20px !important;
}

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

.al_d-flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.al_flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.al_flex-column {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

.al_align-items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.al_align-items-end {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.al_justify-content-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.al_justify-content-center {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.al_justify-content-between {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.al_justify-content-end {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.al_align-items-end {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.al_flex-wrap {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.al_flex-1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* ============================================
	Select 2 Radio
============================================ */

/* .asset_field{
	margin: 0 0 15px 0 !important;
} */

/* ============================================
	Custom Inputs
============================================ */

.border_line {
	/* border: 1px solid var(--gxs_color_55) !important; */
	border: 1px solid var(--gxs_color_10) !important;
	box-shadow: 0 4px 3px 2px rgba(0,0,0,.04) !important;
	-webkit-border-radius: 5px !important;
	border-radius: 5px !important;
}

.btn_yellow {
	background: var(--theme_color);
	border-color: var(--theme_color) !important;
	color: var(--gxs_color_100);
}

.al_unit_box .btn-group .btn.active,
.al_garment_totalqty {
	background: var(--theme_color);
	color: var(--gxs_color_100);
}

.al_border_div {
	border-color: var(--gxs_color_55);
}

/* Ready Checkbox ============================ */

.md-radio input[type="checkbox"]:checked ~ label > .check,
.md-radio input[type="radio"]:checked ~ label > .check,
.al_ld_list .md-radio input[type="checkbox"]:checked ~ label > .check {
	background: var(--theme_color);
}

.md-radio input[type="checkbox"]:checked ~ label > .box,
.md-radio input[type="radio"]:checked ~ label > .box,
.al_ld_list .md-radio input[type="checkbox"]:checked ~ label > .box {
	border-color: var(--theme_color);
}

.md-radio label > .check {
	left: 4px;
	width: 12px;
	top: 4px;
	height: 12px;
}

/* Custom Toggle ============================ */

.custom_toggle [type="checkbox"]:not(:checked),
.custom_toggle [type="checkbox"]:checked {
	position: absolute;
	left: -9999px;
}

	.custom_toggle [type="checkbox"]:not(:checked) + label,
	.custom_toggle [type="checkbox"]:checked + label {
		position: relative;
		padding-left: 65px;
		width: 65px;
		cursor: pointer;
		height: 27px;
		margin-bottom: 0;
	}

		.custom_toggle [type="checkbox"]:not(:checked) + label:before,
		.custom_toggle [type="checkbox"]:checked + label:before,
		.custom_toggle [type="checkbox"]:not(:checked) + label:after,
		.custom_toggle [type="checkbox"]:checked + label:after {
			content: '';
			position: absolute;
		}

		.custom_toggle [type="checkbox"]:not(:checked) + label:before,
		.custom_toggle [type="checkbox"]:checked + label:before {
			left: 0;
			top: 0;
			width: 65px;
			height: 27px;
			background: #b5b5b5;
			border-radius: 25px;
			transition: background-color .2s;
		}

		.custom_toggle [type="checkbox"]:not(:checked) + label:after,
		.custom_toggle [type="checkbox"]:checked + label:after {
			width: 27px;
			height: 27px;
			transition: all .2s;
			border-radius: 50%;
			background: #707070;
			top: 0;
			/* left: 0; */
			left: 38px;
			/* transition: all .2s; */
		}

		/* on checked */
		.custom_toggle [type="checkbox"]:checked + label:before {
			background: var(--theme_color);
		}

		.custom_toggle [type="checkbox"]:checked + label:after {
			background: #707070;
			top: 0;
			left: 0;
			border-radius: 50%;
		}

		.custom_toggle [type="checkbox"]:checked + label .ui,
		.custom_toggle [type="checkbox"]:not(:checked) + label .ui:before,
		.custom_toggle [type="checkbox"]:checked + label .ui:after {
			position: absolute;
			right: 5px;
			width: auto;
			border-radius: 0;
			font-size: 14px;
			font-family: var(--font_bold);
			line-height: 22px;
			transition: all .2s;
		}

		.custom_toggle [type="checkbox"]:not(:checked) + label .ui:before {
			content: "No";
			left: 10px;
			right: inherit;
			margin-top: 2px;
			color: var(--gxs_color_0);
		}

		.custom_toggle [type="checkbox"]:checked + label .ui:after {
			content: "Yes";
			color: var(--gxs_color_0);
			margin-top: 2px;
			right: 0;
			left: inherit;
		}

.custom_toggle [type="checkbox"]:focus + label:before {
	border: 0;
	outline: 0;
	box-sizing: border-box;
}


/* Custom Button Group Radio ============================ */

.radiobtn {
	position: relative;
	display: block;
}

	.radiobtn label {
		display: block;
		background: #fee8c3;
		color: #444;
		border-radius: 5px;
		/* padding: 10px 20px; */
		/* border: 2px solid #fdd591; */
		margin-bottom: 5px;
		cursor: pointer;
	}

	.radiobtn input[type="radio"] {
		display: none;
		position: absolute;
		width: 100%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

		.radiobtn input[type="radio"]:checked + label {
			/* background: #fdcb77; */
			/* border-color: #fcae2c; */
		}

/* ============================================
	Inner Page Design 
============================================ */

.al_inrow > .col-sm-6 {
	margin-right: -1px;
}

.al_expand_collap {
	position: relative;
	cursor: pointer;
}

	.al_expand_collap:after {
		content: "\f068" !important;
		font-family: "FontAwesome";
		color: var(--gxs_color_0);
		position: absolute;
		right: 10px;
		top: 12px;
	}

	.al_expand_collap.collapsed:after {
		content: "\f067" !important;
		font-family: "FontAwesome";
		color: var(--gxs_color_0);
		position: absolute;
		right: 10px;
		top: 12px;
	}

.al_mask_layer {
	position: relative;
}

	.al_mask_layer:after {
		content: "";
		background: rgba(205, 205, 205, 0.7);
		cursor: not-allowed;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 5;
	}

.al_map-product {
	margin-top: auto;
	position: relative;
	width: 100%;
	display: flex;
	margin-bottom: 15px;
	z-index: 150;
}

	.al_uploaded_srch_box .custom_toggle [type="checkbox"]:not(:checked) + label::after,
	.al_map-product .custom_toggle [type="checkbox"]:not(:checked) + label::after {
		background: url('../images/Map-Garment-Black.svg') no-repeat #707070;
		border: 3px solid #707070;
	}

	.al_uploaded_srch_box .custom_toggle [type="checkbox"]:checked + label::after,
	.al_map-product .custom_toggle [type="checkbox"]:checked + label::after {
		background: url('../images/Map-Garment-White.svg') no-repeat #707070;
		border: 3px solid #707070;
	}

	.al_map-product strong {
		margin-left: 10px;
		font-size: 18px;
	}

.divApparel .asset_field {
	height: 77px;
}

	.divApparel .asset_field.h-auto {
		height: auto;
	}

.divApparel .asset_field,
.al_panel_box .asset_field {
	width: 100%;
	margin: 0;
	display: inline-block;
}

.al_ld_srch_box {
	border-radius: 4px;
	padding: 5px;
	position: relative;
	margin: 0 10px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

	.al_ld_srch_box .form-control {
		width: calc(100% - 20px);
		height: 25px;
		font-size: 18px;
		border-radius: 0;
		border: none;
		border-bottom: 1px solid var(--gxs_color_30);
		padding-top: 0;
	}

	.al_ld_srch_box a {
		width: 20px;
		text-align: right;
	}

.al_ld_list {
	width: 100%;
	border: 1px solid var(--gxs_color_30);
	border-radius: 4px;
	padding: 10px;
	margin-top: 10px;
}

.al_close_img .al_reset_btn {
	width: 27px;
	height: 27px;
	line-height: 27px;
	cursor: pointer;
	/* background: #d9d9d9; */
	font-size: 22px;
}

.al_ld_list .slimScrollDiv,
.al_ld_list .scroller {
	height: 220px !important;
}

.slimScrollDiv .slimScrollBar {
	background: var(--gxs_color_45);
}

.slimScrollDiv .slimScrollRail {
	background: #edf2f7;
	opacity: 1 !important;
}

.al_ui_srch_list .slimScrollDiv,
.al_ui_srch_list .scroller {
	height: 240px !important;
}

.al_ld_list ul li {
	padding: 3px 5px;
	line-height: normal;
}

	.al_ld_list ul li:nth-child(odd) {
		background: #fafafa;
	}

	.al_ld_list ul li .md-radio {
		width: 22px;
		height: 22px;
		margin-right: 5px;
	}

.al_uploaded_srch_box .btn-warning {
	color: var(--gxs_color_100) !important;
}

.al_no_image .md-radio input,
.asset_field .al_ld_list .md-radio input {
	display: none;
}

	.al_no_image .md-radio input[type="checkbox"]:checked ~ label > .check,
	.al_ld_list .md-radio input[type="checkbox"]:checked ~ label > .check {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}

/* .al_ld_list .md-radio label > .check{
	left: 4.5px;
} */

.al_ld_list strong {
	font-weight: 500;
	font-size: 15px;
}

.al_asset_list_box .slimScrollDiv,
.al_asset_list_box .scroller {
	/* min-height: 150px; */
	height: auto !important;
	max-height: 615px;
	overflow-y: auto;
}

.al_asset_list_box li {
	margin-bottom: 15px;
}

	.al_asset_list_box li:last-child {
		margin-bottom: 0;
	}

	.al_asset_list_box li > div {
		margin-right: 15px;
	}

		.al_asset_list_box li > div:last-child {
			margin-right: 0;
		}

.al_ab_dd {
	width: 100%;
}

.al_ab_wh {
	width: 100%;
	max-width: 250px;
}

.al_ab_check {
	width: 100%;
	max-width: 180px;
}

.al_ab_wh .widh_height {
	width: 100%;
	height: auto;
}

.al_ab_check .custom_toggle strong {
	font-size: 18px;
	font-weight: 500;
	margin-left: 15px;
}

.al_asset_list_box ul li .border_line {
	min-height: 70px;
}


.al_uploaded_images {
	width: 100%;
	min-height: 356px;
	/* display: inline-block; */
	border: 1px solid #828282;
	border-radius: 9px;
	margin-bottom: 15px;
	position: relative;
}

	.al_uploaded_images .scroller_div,
	.al_after_upload_images .al_scroller_div_lg_img {
		width: 100%;
		overflow-y: auto;
	}

		.al_uploaded_images .scroller_div > ul,
		.al_after_upload_images .al_scroller_div_lg_img ul {
			margin-bottom: 0;
		}

			.al_uploaded_images .scroller_div ul > li.al_img_1,
			.al_after_upload_images .al_scroller_div_lg_img ul li.al_img_1 {
				margin-right: 30px;
			}

				.al_uploaded_images .scroller_div ul > li.al_img_1:last-child,
				.al_after_upload_images .al_scroller_div_lg_img ul li.al_img_1:last-child {
					margin-right: 0;
				}

/* Normal Part */

.al_img_1,
.al_img_1.radio_sel_active .al_white_bg,
.al_img_1.radio_sel_active .al_ui_srch_list {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.al_img_1 {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 230px;
	-ms-flex: 1 0 230px;
	flex: 1 0 230px;
	max-width: 230px;
	cursor: pointer;
}

	.al_img_1 .al_uploaded_srch_box,
	.al_img_1 .al_ui_srch_list {
		display: none;
	}

	.al_img_1 ul li > img {
		max-height: 241px;
		margin-top: 47px;
	}

/* Active Part */
.scroller_div .al_img_1.radio_sel_active {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 565px;
	-ms-flex: 1 0 565px;
	flex: 1 0 565px;
	max-width: 565px;
}

.al_img_1.radio_sel_active .al_ui_srch_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.al_img_1.radio_sel_active .al_white_bg {
	background: var(--gxs_color_0);
	width: 100%;
	border: 2px solid #828282;
	border-radius: 8px;
	padding: 15px;
	position: relative;
}

	.al_img_1.radio_sel_active .al_white_bg > .al_d-flex {
		border: 1px solid #828282;
		border-radius: 8px;
		padding: 15px;
	}

.al_img_1.radio_sel_active .al_uploaded_srch_box {
	width: 100%;
	display: inline-block;
	margin: 0 0 10px 0;
}

	.al_img_1.radio_sel_active .al_uploaded_srch_box .al_ab_check {
		margin-left: 0 !important;
	}

.al_img_1.radio_sel_active .scroller_div img {
	border: 1px solid var(--gxs_color_45);
	border-radius: 11px;
	overflow: hidden;
}

.al_img_1.radio_sel_active .scroller_div .slimScrollDiv,
.al_img_1.radio_sel_active .scroller_div ul.scroller {
	width: 100% !important;
}

.al_img_1.radio_sel_active .al_ui_srch_list {
	margin-top: 0;
	border-radius: 11px;
	width: auto;
}

	.al_img_1.radio_sel_active .al_ui_srch_list input[type="checkbox"] {
		display: none;
	}

.al_img_1.radio_sel_active .al_2box {
	height: 294px;
}

	.al_img_1.radio_sel_active .al_2box > .al_img_spc,
	.al_img_1.radio_sel_active .al_2box > div {
		width: 100%;
		max-width: calc(50%);
	}

.al_img_1 .al_2box > .al_img_spc,
.al_img_1 > img {
	border: 3px solid var(--gxs_color_30);
	border-radius: 10px;
	max-height: 300px;
}

	.al_img_1 .al_2box > .al_img_spc img {
		max-height: 280px;
	}

.al_img_1.radio_sel_active .al_2box > .al_img_spc {
	border: 1px solid var(--gxs_color_30);
	border-radius: 10px;
	margin-right: 10px;
}

	.al_img_1.radio_sel_active .al_2box > .al_img_spc img {
		max-height: 261px;
	}

.al_img_1.radio_sel_active .al_2box .al_scroll_div {
	height: 241px;
}

/* .al_img_1.radio_sel_active .al_white_bg .al_d-flex > div{
	width: 100%;
	margin-left: 15px;
} */

.al_scroller_div_lg_img .al_img_1 {
	width: 100%;
	max-width: 230px;
	max-height: 280px;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

	.al_scroller_div_lg_img .al_img_1 > img {
		max-height: 278px;
	}

	.al_scroller_div_lg_img .al_img_1 > img {
		border-width: 3px;
	}

	.al_scroller_div_lg_img .al_img_1.radio_sel_active > img {
		border-color: var(--theme_color);
	}

.al_arrow i {
	background: var(--gxs_color_100);
	color: var(--gxs_color_0);
	width: 35px;
	height: 35px;
	border-radius: 4px;
	text-align: center;
	line-height: 36px;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	z-index: 1500;
}

.al_nav-prev i {
	left: 0;
}

.al_nav-next i {
	right: 0;
}

.al_arrow i:hover {
	background: var(--theme_color);
	color: var(--gxs_color_100);
}

.al_after_upload_images {
	background-color: var(--gxs_color_0);
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	-webkit-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 3px 5px 3px rgba(0, 0, 0, 0.2);
}

.al_scroller_div_lg_par {
	position: relative;
}

#al_map_product {
	display: none;
}

	#al_map_product.al_garment_map_par {
		display: inline-block;
	}

/* .al_large_image img{
	width: 100%;
	max-width: 1170px;
} */

.al_img_tools {
	padding: 10px;
}

	.al_img_tools .al_tools_color,
	.al_img_tools .al_tools_list_box {
		border: 1px solid var(--gxs_color_10) !important;
		box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
		padding: 10px;
		border-radius: 4px;
		margin-right: 10px;
	}

	.al_img_tools .al_tools_color {
		padding: 10px 0;
	}

	.al_img_tools .al_view_tools {
		flex: 0 0 250px;
		max-width: 250px;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

	.al_img_tools .al_tools_color label {
		padding: 0 10px;
	}

	.al_img_tools .al_tools_color .al_color_picker {
		padding: 0 10px;
	}

	.al_img_tools .al_d-flex > .al_tools_color {
		flex: 0 0 240px;
		max-width: 240px;
		-webkit-align-self: flex-start;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}

.al_tools_color .al_white_bg {
	position: relative;
}

	.al_tools_color .al_white_bg .dropdown-menu {
		background: var(--gxs_color_0);
	}

.al_img_tools .al_tools_list {
	flex: 1;
}

	.al_img_tools .al_tools_list ul.row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.al_img_tools .al_tools_list ul li {
		margin: 0 10px 10px;
	}

		.al_img_tools .al_tools_list ul li a.btn,
		.al_img_tools .al_al_tools_box_opt a.btn {
			border: 1px solid var(--gxs_color_55);
			color: var(--gxs_color_100);
			font-size: 15px !important;
			font-weight: 500 !important;
			padding: 7px !important;
			line-height: normal;
			border-radius: 4px !important;
		}

.al_img_tools .al_tools_list_box a.btn {
	min-width: 140px;
}

.al_img_tools .al_tootls_submit {
	flex: 0 0 250px;
	max-width: 250px;
}

.al_img_tools .al_white_bg.btn-group.open .dropdown-toggle {
	box-shadow: none;
}

.al_al_tools_box_opt {
	margin-top: 10px;
}

	.al_al_tools_box_opt a {
		border: 1px solid var(--gxs_color_55) !important;
		box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
		margin-right: 10px;
		margin-bottom: 10px;
		border-radius: 4px;
		padding: 7px;
		color: var(--gxs_color_100);
		text-decoration: none;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

		.al_al_tools_box_opt a:last-child {
			margin-right: 0;
		}

		.al_al_tools_box_opt a.al_d-flex.al_justify-content-center {
			width: 57px;
			height: 57px;
		}

		.al_al_tools_box_opt a:hover,
		.al_al_tools_box_opt a:focus {
			background: var(--theme_color);
			border-color: var(--theme_color) !important;
		}

		.al_al_tools_box_opt a.btn_delete {
			width: 76px !important;
		}

			.al_al_tools_box_opt a.btn_delete:hover,
			.al_al_tools_box_opt a.btn_delete:focus {
				color: var(--gxs_color_0);
				background-color: var(--red);
				border-color: #e31d2d !important;
			}

		.al_al_tools_box_opt a img {
			max-height: 41px;
		}

.sp-original-input-container {
	position: relative;
}

	.sp-original-input-container .sp-colorize-container {
		height: 34px;
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		border-radius: 50% !important;
		overflow: hidden;
	}

		.sp-original-input-container .sp-colorize-container .sp-colorize {
			height: 100%;
		}

.al_tools_color .dropdown-menu {
	width: 100%;
	min-width: 1px;
	max-width: 240px;
}

.al_asset_upload_pos {
	border: none !important;
	box-shadow: none !important;
	margin-bottom: -15px;
}

	.al_asset_upload_pos .sp-palette-container,
	.al_asset_upload_pos .sp-button-container {
		display: none;
	}

.al_copy_color {
	width: 34px;
	height: 34px;
	position: relative;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 50% !important;
	overflow: hidden;
	background-image: url('../../../images/testing/no-color.jpg');
	background-size: contain;
}

#al_copy_color {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}


.al_color_picker .form-control {
	border: none;
	box-shadow: none;
}

.al_color_picker {
	position: relative;
}

	.al_color_picker:after {
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 2px;
		vertical-align: middle;
		border-top: 5px dashed;
		border-top: 5px solid\9;
		border-right: 5px solid transparent;
		border-left: 5px solid transparent;
		position: absolute;
		right: 10px;
		top: 15px;
	}

.al_drop_box .dropdown-menu {
	background: var(--gxs_color_0);
	margin-top: 10px;
}

.al_img_tools .al_al_tools_box_opt .al_drop_box .dropdown-menu a.btn {
	padding: 4px 7px !important;
}

.al_drop_box .dropdown-menu h3 {
	text-align: center;
	margin: 20px 0 7px 0;
	font-size: 22px;
	font-weight: 500;
}

.al_drop_box .dropdown-menu .al_wh {
	max-width: 250px;
	margin: 20px auto 5px 0;
}

	.al_drop_box .dropdown-menu .al_wh h3 {
		width: 70px;
		text-align: left;
		margin: 0;
	}

.al_input_box {
	border: 1px solid;
	padding: 5px;
}

	.al_input_box .form-control {
		border: none;
	}

.al_unit_box .btn-group .btn {
	background: var(--gxs_color_0);
	min-width: 42px;
	padding: 2px 7px !important;
	font-weight: 500 !important;
}

.al_unit_box h4 {
	font-weight: 500;
	font-size: 15px;
}

.al_unit_box .btn-group .btn {
	min-width: 40px;
}

.al_tools_list_box a.al_active,
.radiobtn input[type="radio"]:checked + label,
.al_drop_box.open a,
.al_al_tools_box_opt a.open {
	background: var(--theme_color);
	border-color: var(--theme_color) !important;
}

.al_drop_box .dropdown-menu .al_wh .al_ld_srch_box {
	margin-right: 0;
}

	.al_drop_box .dropdown-menu .al_wh .al_ld_srch_box .form-control {
		width: 100%;
	}

.al_skew_setting {
	margin: 15px 0;
}

.al_setting_lines {
	margin-bottom: 14px;
}

	.al_setting_lines:last-child {
		margin-bottom: 0;
	}

	.al_setting_lines label {
		margin: 0 0 4px 0;
	}

	.al_setting_lines > div {
		width: 100%;
	}

	.al_setting_lines .rangeslider {
		width: calc(100% - 30px);
	}


	.al_setting_lines .rangeslider--horizontal {
		height: 4px;
		background: var(--gxs_color_55);
		border: none;
		box-shadow: none;
	}

	.al_setting_lines .rangeslider__fill {
		background: transparent;
	}

	.al_setting_lines .rangeslider__handle {
		background: var(--gxs_color_0);
		width: 27px;
		height: 27px;
		border: 4px solid var(--gxs_color_55);
		box-shadow: none;
		top: -11px;
	}

		.al_setting_lines .rangeslider__handle::after {
			display: none;
		}

	.al_setting_lines span {
		width: 27px;
		text-align: center;
		padding-top: 0;
	}

.btn_grey {
	background: var(--gxs_color_45);
	border-color: var(--gxs_color_45);
}

	.btn_grey:hover,
	.btn_grey:focus {
		background: var(--gxs_color_45) !important;
		border-color: var(--gxs_color_45) !important;
	}

.btn_delete:hover,
.btn_delete:focus {
}

.al_sizewise_label ul,
.al_sizewise_box ul {
	margin: 0 -10px;
}

	.al_sizewise_label ul li,
	.al_sizewise_box ul li {
		width: 100%;
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		margin-right: -1px;
		padding: 0 10px;
	}


	/* .al_sizewise_box ul{overflow-x: auto;} */
	.al_sizewise_label ul li,
	.al_sizewise_box ul li {
		margin-bottom: 5px;
	}

		.al_sizewise_label ul li:last-child,
		.al_sizewise_box ul li:last-child {
			margin-bottom: 0;
		}

		.al_sizewise_label ul li > div,
		.al_sizewise_box ul li > div {
			margin-right: -1px;
		}

			.al_sizewise_label ul li > div.al_sizewise_size,
			.al_sizewise_box ul li > div.al_sizewise_size {
				width: 100%;
				min-width: 45px;
				max-width: 45px;
			}

			.al_sizewise_label ul li > div.al_sizewise_qty,
			.al_sizewise_box ul li > div.al_sizewise_qty {
				width: 100%;
				min-width: 63px;
				max-width: 63px;
			}

			.al_sizewise_label ul li > div.al_sizewise_price,
			.al_sizewise_box ul li > div.al_sizewise_price {
				width: 100%;
				min-width: 90px;
				flex: 1;
			}

		.al_sizewise_label ul li label,
		.al_sizewise_box ul li label {
			padding: 6px 2px;
			line-height: normal;
			border: none;
			font-weight: 500;
			height: auto;
			margin-bottom: 0 !important;
		}

		.al_sizewise_label ul li .form-control,
		.al_sizewise_box ul li .form-control {
			font-size: 18px;
			padding: 6px 2px;
		}

/* Garment Mapping ============================ */

.al_modal_header .modal-dialog {
	width: 100%;
	max-width: 450px;
}

.al_modal_header .modal-header {
	background: var(--theme_color);
	padding: 8px 15px;
}

	.al_modal_header .modal-header .close {
		color: var(--gxs_color_100);
		opacity: 1;
		width: 25px;
		height: auto;
		background-image: none !important;
		text-indent: inherit;
	}

.al_modal_header h3 {
	font-size: 24px;
	font-family: var(--font_bold);
}

.al_modal_header .al_ld_srch_box .form-control {
	width: 100%;
}

.al_modal_header .btn.grey-cascade {
	min-width: 70px;
	line-height: normal;
}

.al_mdl_scale_box {
	width: 320px;
	margin: 0 0 0 auto;
}

	.al_mdl_scale_box .al_ld_srch_box {
		margin: 0;
	}

/* View Asset ============================ */

/* .tabs {margin-bottom: 30px;}
  
.tab-left-right ul {
	position: relative;
	z-index: 1;
}

.tabs ul li {
    width: 25%;
}
  
.tab-left-right ul li > a {
	position: relative;
	width: 100%;
	display: inline-block;
	padding: 0 2em 0;
	color: var(--gxs_color_100);
	text-decoration: none;
	margin: 0 -.3em;
	text-align: center;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tab-left-right ul  li > a::before {
	border: .2em solid var(--gxs_color_45);
	margin: 0 -16px;
}
.tab-left-right ul a::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	border-bottom: none;
	border-radius: 1em 1em 5px 5px;
	background: var(--gxs_color_0);
	transform: scale(1.2, 1.5) perspective(0.5em) rotateX(5deg);
}
  
.tab-left-right ul li.active a {
	z-index: 2;
}
.tab-left-right ul li.active a::before {
	background: var(--gxs_color_0);
	margin: 0;
}
  
.tab-left-right ul li:first-child > a{
	margin-left: -12px;
}
.tab-left-right ul li:first-child > a:before{
	border-radius: 1em 1em 5px 5px;
	transform: scale(1.2, 1.5) perspective(0.5em) rotateX(5deg);
}
  
.tab-left-right ul {
	padding: 0 34px;
	margin-bottom:	0;
	z-index: 150 !important;
}
.tab-left-right ul a::before {
	transform-origin: bottom;
} */

.al_view_asset_par {
	width: 100%;
	max-width: 1050px;
	margin: 0 auto;
}

.tabbed {
	width: 100%;
	/* min-width: 400px; */
	margin: 0 auto;
	margin-bottom: 30px;
	/* overflow: hidden; */
	transition: border 250ms ease;
}

	.tabbed .al_tab_top ul {
		margin: 0px;
		padding: 0px;
		/* overflow: hidden; */
		overflow: visible;
		padding-left: 36px;
		list-style-type: none;
	}

		.tabbed .al_tab_top ul * {
			margin: 0px;
			padding: 0px;
		}

		.tabbed .al_tab_top ul li {
			width: 25%;
		}

			.tabbed .al_tab_top ul li a {
				display: block;
				min-width: 78px;
				height: 36px;
				padding: 10px 24px 8px;
				background-color: var(--gxs_color_0);
				/* margin-right: 46px; */
				margin-right: 36px;
				z-index: 2;
				position: relative;
				cursor: pointer;
				color: #777;
				transition: all 250ms ease;
				text-decoration: none !important;
				z-index: 3;
			}

				.tabbed .al_tab_top ul li a .al_tab_bottom:after {
					content: "";
					border-bottom: 2px solid transparent;
					position: absolute;
					left: -33px;
					right: -33px;
					bottom: -2px;
					height: 36px;
					z-index: 9999 !important;
				}

			.tabbed .al_tab_top ul li:first-child a .al_tab_bottom:after {
				left: -35px;
			}

			.tabbed .al_tab_top ul li:last-child a .al_tab_bottom:after {
				right: -34.5px;
			}

			.tabbed .al_tab_top ul li.active a .al_tab_bottom:after {
				border-color: var(--gxs_color_0);
			}

			.tabbed .al_tab_top ul li a span {
				line-height: 31px;
				font-size: 20px;
				text-align: center;
				border-top: 2px solid var(--gxs_color_45);
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
				z-index: 11;
			}

			.tabbed .al_tab_top ul li a:before,
			.tabbed .al_tab_top ul li a:after {
				display: block;
				content: " ";
				position: absolute;
				top: 0;
				height: 100%;
				width: 44px;
				background-color: var(--gxs_color_0);
				transition: all 250ms ease;
			}

			.tabbed .al_tab_top ul li a:before {
				right: -24px;
				transform: skew(30deg, 0deg);
			}

			.tabbed .al_tab_top ul li a:after {
				left: -24px;
				transform: skew(-30deg, 0deg);
			}

			.tabbed .al_tab_top ul li.active a {
				z-index: 10;
			}

				.tabbed .al_tab_top ul li.active a,
				.tabbed .al_tab_top ul li.active a:before,
				.tabbed .al_tab_top ul li.active a:after {
					background-color: var(--gxs_color_0);
					color: var(--gxs_color_100);
				}

	.tabbed.round .al_tab_top ul li a {
		border-radius: 8px 8px 0 0;
	}

		.tabbed.round .al_tab_top ul li a:before {
			border-radius: 0 8px 0 0;
		}

		.tabbed.round .al_tab_top ul li a:after {
			border-radius: 8px 0 0 0;
		}

	.tabbed .al_tab_top ul li:first-child a:after {
		left: -36px;
		transform: skew(-0deg, 0deg);
	}

	.tabbed .al_tab_top ul li:last-child a:before {
		right: -36px;
		transform: skew(-0deg, 0deg);
	}

	.tabbed .al_tab_top ul li a:after {
		border-top: 2px solid var(--gxs_color_45);
		border-left: 2px solid var(--gxs_color_45);
	}

	.tabbed .al_tab_top ul li a:before {
		border-top: 2px solid var(--gxs_color_45);
		border-right: 2px solid var(--gxs_color_45);
	}

.al_va_tabs .al_tab_content {
	background: var(--gxs_color_0);
	margin-top: 0;
	position: relative;
	z-index: 0;
	border-radius: 0 0 10px 10px;
	border-left: 2px solid var(--gxs_color_45);
	border-right: 2px solid var(--gxs_color_45);
}

.al_va_tabs .tab-content {
	border: none;
	border-top: 1px solid var(--gxs_color_45);
	border-bottom: 2px solid var(--gxs_color_45);
	border-radius: 0 0 10px 10px;
	padding: 15px;
	position: relative;
	z-index: 15;
}

.al_tab_1 .al_color_info,
.al_tab_2 .al_color_info,
.al_tab_3 .al_color_info {
	border-top: 3px solid var(--gxs_color_45);
	padding: 8px 10px !important;
	margin: 0 !important;
}

	.al_tab_1 .al_color_info li,
	.al_tab_2 .al_color_info li,
	.al_tab_3 .al_color_info li {
		padding: 0 0 10px 0 !important;
	}

		.al_tab_1 .al_color_info li:last-child,
		.al_tab_2 .al_color_info li:last-child,
		.al_tab_3 .al_color_info li:last-child {
			padding: 0 !important;
		}

.al_tab_1 .al_border_div,
.al_tab_2 .al_border_div,
.al_tab_3 .al_border_div,
.al_tab_2 .al_tab_left .al_files_div {
	border: 3px solid var(--gxs_color_45);
	border-radius: 8px;
	overflow: hidden;
}

	.al_tab_3 .al_border_div .al_padding {
		padding: 10px;
	}

	.al_tab_2 .al_border_div ul,
	.al_tab_3 .al_border_div ul {
		padding: 0;
		margin: 5px -5px 0;
	}

.al_tab_1 .al_border_div ul li,
.al_tab_2 .al_border_div ul li,
.al_tab_3 .al_border_div ul li {
	width: auto !important;
}

.al_tab_3 .al_border_div ul li {
	width: auto !important;
	padding: 0 5px 5px;
}

.al_tab_3 .al_border_div ul li span {
	background: transparent;
	width: 27px;
	height: 27px;
	border: 3px solid var(--gxs_color_100);
	border-radius: 50%;
	display: inline-block;
}

.al_tab_3 .al_border_div ul li .al_label {
	background: var(--theme_color);
	text-shadow: none !important;
	font-size: 15px;
	font-weight: 300;
	padding: 6px 8px;
	color: var(--gxs_color_100);
	box-shadow: 0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.18);
}

.al_tab_3 .al_border_div ul li .al_label_round {
	border-radius: 18px;
}

.al_tab_3 .al_embro_div span {
	font-size: 24px;
	line-height: 24px;
}

.al_tab_3 .al_embro_div strong {
	font-family: var(--font_bold);
	font-size: 16px;
	padding: 0 5px;
	line-height: 24px;
}

.al_tab_1 .al_size_info .al_border_div {
	padding: 10px;
	min-height: 82.5px;
}

	.al_tab_1 .al_size_info .al_border_div > div {
		font-size: 15px;
	}

.al_tab_1 .al_unit_size {
	word-break: break-word;
}

	.al_tab_1 .al_unit_size span:after {
		content: ",";
		margin-right: 5px;
	}

	.al_tab_1 .al_unit_size span:last-child:after {
		display: none;
	}

.al_tab_1 .al_size_info .al_border_div .al_edit_deco {
	color: var(--gxs_color_100);
}

	.al_tab_1 .al_size_info .al_border_div .al_edit_deco i {
		padding-right: 3px;
		font-size: 13px;
	}

body.al_remove_scroll {
	overflow: visible !important;
}

#al_deco_setting.modal,
.al_modal_header.modal {
	top: 0 !important;
	right: 0;
	bottom: 0;
	left: 0;
	padding: inherit;
	width: inherit;
	margin-left: inherit;
	background-color: transparent;
	-webkit-box-shadow: inherit;
	box-shadow: inherit;
	background-clip: padding-box;
	position: fixed;
}

	#al_deco_setting.modal .modal-dialog {
		width: 100%;
		max-width: 800px;
	}

		#al_deco_setting.modal .modal-dialog .asset_field {
			margin: 0 !important;
		}

		#al_deco_setting.modal .modal-dialog .al_bottom_btn .btn {
			padding: 9px 45px;
			font-size: 15px;
			line-height: normal;
			color: var(--gxs_color_100);
		}

		#al_deco_setting.modal .modal-dialog .al_select-deco .panel {
			padding: 7px;
		}

		#al_deco_setting.modal .modal-dialog .al_select-deco .panel-body {
			padding: 0;
		}

.al_modal_svcl .al_svcl_btns {
	display: none;
}

.al_modal_svcl.collapsed .al_m_edit {
	display: none;
}

.al_modal_svcl.collapsed .al_svcl_btns {
	display: inline-block;
}

.al_modal_svcl a {
	color: var(--gxs_color_100);
}


.al_tab_1 .al_loc_wh {
	padding-right: 5px !important;
}

.al_tab_1 .al_loc_wh .scroller {
	height: 242px;
}

.al_tab_1 .al_loc_wh ul {
	padding: 0;
	margin: 0;
}

.al_tab_1 .al_loc_wh ul li {
	margin-bottom: 10px;
}

.al_tab_1 .al_loc_wh ul li:last-child {
	margin-bottom: 0;
}

.al_tab_1 .al_loc_wh ul li .al_border_div {
	min-height: 55px;
	padding: 5px 10px;
}

.al_tab_1 .al_loc_wh ul li .al_border_div label {
	font-size: 13px;
}

.al_tab_2 {
	width: 100%;
	display: inline-block;
}

	.al_tab_2 .row {
		margin-left: -10px;
		margin-right: -10px;
	}

	.al_tab_2 [class*="al_tab_"] {
		padding: 0 10px;
	}

	.al_tab_2 .al_tab_left {
		position: relative;
	}

		.al_tab_2 .al_tab_left .al_prod_btn {
			padding: 13px 0px;
			border-radius: 8px;
			text-decoration: none;
		}

		.al_tab_2 .al_tab_left .al_exis_list .al_border_div {
			padding: 10px;
		}

		.al_tab_2 .al_tab_left .al_exis_list .al_ld_srch_box {
			margin: 0;
		}

		.al_tab_2 .al_tab_left .al_files_div .al_file_label,
		.al_tab_2 .al_tab_left .al_files_div .al_file_lbl_b {
			background: var(--green);
			color: var(--gxs_color_0);
			width: 100%;
			display: inline-block;
			padding: 7px 10px;
		}

		.al_tab_2 .al_tab_left .al_files_div .al_file_lbl_b {
			width: calc(100% - 25px);
			margin: 0 auto;
			padding: 9px 10px;
		}

		.al_tab_2 .al_tab_left .al_files_div .al_upload_box {
			min-height: 200px;
		}

.al_files_div .al_upload_box img {
	width: 150px;
}

.al_tab_2 .al_tab_left .al_selected_card {
	width: 100%;
	display: inline-block;
}

.al_tab_2 .al_tab_left .al_exis_list .al_border_div {
	position: relative;
}

.al_tab_2 .al_tab_left .al_selected_card.al_sc_open {
	background-color: var(--gxs_color_0);
	position: absolute;
	margin-top: 50px;
	left: 0;
	text-align: center;
	padding: 10px;
}

.al_tab_2 .al_tab_left .al_selected_card .btn.save_lock {
	width: auto;
	color: var(--gxs_color_100);
	font-size: 14px;
	display: inline-block;
}

.al_tab_2 .al_tab_left .al_map_exislist .scroller,
.al_tab_2 .al_tab_left .al_map_exislist .slimScrollDiv {
	height: 435px;
}

.al_tab_2 .al_tab_left .al_map_exislist ul {
	margin: 0 !important;
	padding: 0;
}

.al_tab_2 .al_tab_left .al_map_exislist li {
	margin-bottom: 7px;
}

	.al_tab_2 .al_tab_left .al_map_exislist li:last-child {
		margin-bottom: 0;
	}

	.al_tab_2 .al_tab_left .al_map_exislist li img {
		max-width: 70px;
		border: 2px solid var(--gxs_color_45);
		margin-right: 10px;
	}

	.al_tab_2 .al_tab_left .al_map_exislist li label {
		font-size: 16px;
		margin-bottom: 0;
	}

	.al_tab_2 .al_tab_left .al_map_exislist li strong small {
		letter-spacing: 0.7px;
	}

	.al_tab_2 .al_tab_left .al_map_exislist li div {
		padding-top: 3px;
	}

.al_tab_2 .al_tab_right .border_line {
	border-radius: 8px;
}

.al_tab_2 .al_tab_right .asset_field {
	margin: 0 !important;
}

.al_tab_2 .al_tab_right .al_map_btn {
	width: 150px;
	margin-left: 15px;
}

	.al_tab_2 .al_tab_right .al_map_btn.btn-danger {
		padding: 26px 0px;
		text-align: center;
		display: block;
		border: 1px solid;
		font-size: 16px !important;
		-webkit-border-radius: 5px !important;
		-moz-border-radius: 5px !important;
		border-radius: 5px !important;
	}

		.al_tab_2 .al_tab_right .al_map_btn.btn-danger[disabled]:hover {
			cursor: not-allowed;
		}

.al_tab_2 .al_tab_right .custom_toggle strong {
	font-size: 20px;
}

.al_tab_2 .al_tab_right .al_map_img_view ul {
	margin: 0 -5px;
}

	.al_tab_2 .al_tab_right .al_map_img_view ul li {
		width: 130px;
		height: 130px;
		padding: 0 5px 10px;
	}

		.al_tab_2 .al_tab_right .al_map_img_view ul li div,
		.al_tab_2 .al_tab_right .al_map_img_view ul li a {
			width: 100%;
			height: 100%;
			border: 3px solid var(--gxs_color_45);
			border-radius: 8px;
			overflow: hidden;
		}

		.al_tab_2 .al_tab_right .al_map_img_view ul li div {
			border: 3px solid var(--gxs_color_45);
		}

		.al_tab_2 .al_tab_right .al_map_img_view ul li a {
			border: 4px dashed var(--gxs_color_45);
			color: #828282;
			font-size: 16px;
			line-height: normal;
			text-decoration: none;
		}

.al_tab_2 .al_tab_2_radio .al_rdd_list {
	margin-bottom: 20px;
}

	.al_tab_2 .al_tab_2_radio .al_rdd_list:last-child {
		margin-bottom: 0;
	}

	.al_tab_2 .al_tab_2_radio .al_rdd_list .al_radio_btn {
		width: 40px;
		height: 22px;
		position: relative;
	}

	.al_tab_2 .al_tab_2_radio .al_rdd_list .asset_field,
	.al_tab_2 .al_tab_2_radio .al_rdd_list .form-md-line-input {
		width: 100%;
		margin: 0;
	}

	.al_tab_2 .al_tab_2_radio .al_rdd_list .border_line label {
		width: 150px;
	}

	.al_tab_2 .al_tab_2_radio .al_rdd_list .border_line .btn-default {
		border: none;
	}

	.al_tab_2 .al_tab_2_radio .al_rdd_list .border_line .multiple_value b.caret.r-tick {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
	}

.multiple_value .help_block {
	position: relative;
}

	.multiple_value .help_block.help-block-error {
		color: #F00;
	}

/* Dashboard ============================ */

.al_dash_countring .al_count_list {
	width: 110px;
	padding: 0;
	margin-bottom: 10px;
	text-align: center;
}

	.al_dash_countring .al_count_list a {
		text-decoration: none !important;
		color: var(--gxs_color_100);
	}

	.al_dash_countring .al_count_list span {
		width: 80px;
		height: 80px;
		border-radius: 50%;
		font-size: 30px;
		border: 2px solid var(--gxs_color_45);
		margin: 0 auto;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.al_dash_countring .al_count_list:hover span,
	.al_dash_countring .al_count_list:focus span {
		-webkit-box-shadow: 0 2px 6px 2px rgba(0,0,0,.4);
		-moz-box-shadow: 0 2px 6px 2px rgba(0,0,0,.4);
		-ms-box-shadow: 0 2px 6px 2px rgba(0,0,0,.4);
		-o-box-shadow: 0 2px 6px 2px rgba(0,0,0,.4);
		box-shadow: 0 2px 6px 2px rgba(0,0,0,.4);
	}

	.al_dash_countring .al_count_list strong {
		font-size: 11px;
		font-weight: normal;
		margin-top: 0;
	}

/* Sales Login ============================ */

.al_place_order_btn {
	text-decoration: none !important;
}

	.al_place_order_btn img {
		width: 30px;
	}

.al_sales_login_par {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 5555;
}

	.al_sales_login_par.al_popup_open {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
	}

.al_sales_login {
	width: 100%;
	max-width: 750px;
	margin: auto;
	border: 2px solid var(--gxs_color_45);
}

	.al_sales_login .al_sl_head {
		background: #050505;
		padding: 10px 15px;
	}

		.al_sales_login .al_sl_head > div {
			margin: auto 10px auto auto;
		}

		.al_sales_login .al_sl_head i {
			cursor: pointer;
		}

		.al_sales_login .al_sl_head * {
			margin: 0;
			color: var(--gxs_color_0);
		}

		.al_sales_login .al_sl_head h3 {
			font-size: 24px;
			font-weight: normal;
		}

	.al_sales_login .al_sl_body {
		background: var(--gxs_color_0);
		min-height: 360px;
		padding: 15px;
	}

	.al_sales_login .al_sl_loginbox {
		width: 100%;
		max-width: 310px;
	}

	.al_sales_login .al_sl_formcontrol {
		border: 2px solid var(--gxs_color_100);
		padding: 5px 7px;
	}

		.al_sales_login .al_sl_formcontrol .form-control {
			border: none;
			box-shadow: none;
			padding: 6px 0;
			font-size: 20px;
			color: var(--gxs_color_100);
		}

		.al_sales_login .al_sl_formcontrol.al_flex-wrap .form-control {
			width: calc(100% - 35px);
		}

	.al_sales_login .al_sl_loginbox.al_help-block .form-control {
		color: #F00;
	}

	.al_sales_login .al_sl_loginbox .save_lock.al_btn_black {
		background: var(--gxs_color_100);
		color: var(--gxs_color_0);
		font-size: 24px;
		border-color: var(--gxs_color_100);
		padding: 20px 0px;
		border-radius: 0 !important;
	}

		.al_sales_login .al_sl_loginbox .save_lock.al_btn_black:hover,
		.al_sales_login .al_sl_loginbox .save_lock.al_btn_black:focus {
			background: var(--gxs_color_30) !important;
			border-color: var(--gxs_color_30) !important;
			color: var(--gxs_color_100);
			box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
		}

	.al_sales_login .al_sl_loginbox small {
		color: var(--gxs_color_100);
		font-weight: 500;
		margin-top: 5px;
		text-align: center;
	}

/* Re Order ============================ */

.al_top_space {
	padding: 0;
}

.al_container_space {
	padding-left: 35px;
	padding-right: 35px;
}

.al_reorder_ribbon {
	background: var(--gxs_color_100);
	color: var(--gxs_color_0);
	padding: 0 15px;
	min-height: 50px;
	position: relative;
	z-index: 5;
}

	.al_reorder_ribbon ul {
		margin-right: -10px;
		margin-left: -10px;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

		.al_reorder_ribbon ul li {
			font-size: 18px;
			padding: 0 10px;
		}

			.al_reorder_ribbon ul li strong {
				font-weight: 500;
			}

			.al_reorder_ribbon ul li:first-child {
				margin-right: auto;
			}

			.al_reorder_ribbon ul li:last-child {
				margin-left: auto;
			}

			.al_reorder_ribbon ul li h3 {
				font-size: 27px;
				margin: 0;
				font-weight: 500;
				text-transform: uppercase;
			}

.al_re-order {
	width: 100%;
	max-width: 700px;
	margin: 45px auto;
}

	.al_re-order h4 {
		font-size: 27px;
		margin: 0 10px 0 0;
	}

	.al_re-order .radiobtn input[type="radio"] + label {
		background: var(--gxs_color_100);
		color: var(--gxs_color_0);
		font-size: 18px !important;
		padding: 5px 15px !important;
		min-width: 65px;
		text-align: center;
	}

	.al_re-order .radiobtn input[type="radio"]:checked + label {
		background: var(--theme_color);
		border-color: var(--theme_color) !important;
		color: var(--gxs_color_100);
	}

.al_orignal_order_par .al_label_tbox .border_line,
.al_orignal_order_par .al_label_tbox.al_help-block .border_line {
	border: 2px solid var(--gxs_color_55) !important;
	border-radius: 0 !important;
}

.al_orignal_order_par .al_label_tbox {
	min-width: 250px;
}

/* .al_orignal_order_par .al_label_tbox .border_line{border: none !important;} */

.al_validate_sku .btn,
.al_orignal_order_par .btn {
	min-width: 65px;
	height: 45px;
	font-size: 15px !important;
}

.al_label_tbox .border_line {
	background: var(--gxs_color_0);
	padding: 5px 10px;
}

.al_label_tbox label {
	width: 180px;
	font-size: 13px; /*Vishal Pekayare - size changed for order completion page*/
	color: #A2A2A2;
	margin: 0;
}

.al_label_tbox .form-control {
	background: transparent;
	min-width: 1px;
	font-size: 16px; /*Vishal Pekayare - size changed for order completion page*/
	font-weight: 500;
	color: var(--gxs_color_100);
	border: none;
	box-shadow: none;
	padding: 6px 3px;
}

/*Start - Vishal Pekayare - size changed for order completion page*/

.al_single_pill .multiselect-selected-text,
.al_single_pill .select2-selection__rendered,
.al_single_pill .select2-selection__choice {
	color: #333 !important;
	background-color: var(--theme_color);
	border: 1px solid var(--theme_color);
	border-radius: 4px !important;
	cursor: default;
	float: left;
	margin: 0 0 0 5px;
	border-radius: 25px !important;
	padding: 8px 13px !important;
	display: block;
}

.al_single_pill .select2-container--bootstrap .select2-selection--single {
	min-height: 48px !important;
	height: auto !important;
}

.al_single_pill_nodata .select2-selection__rendered {
	background-color: transparent;
	border: none;
	padding: 0px !important;
}

.al_single_pill select {
	margin-bottom: 5px;
}

.al_single_pill .multiple_value b.caret.r-tick {
	margin-top: 15px;
}

.al_lbl_pills.al_pill_border .select2-container--bootstrap .select2-selection {
	border: 1px solid var(--gxs_color_10) !important;
	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
	-moz-box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
}

.actions a.al_excel_btn {
	background: var(--theme_color);
	color: var(--gxs_color_100);
	padding: 4px 5px;
	border-radius: 2px;
	line-height: 19px;
	display: inline-block;
	margin: 0px 5px 5px 0px;
	float: left;
	text-decoration: none;
}

	.actions a.al_excel_btn img {
		width: 20px;
	}

/*End - Vishal Pekayare - size changed for order completion page*/

/* Place Order ============================ */
.al_place_order_par .al_request_info {
	font-size: 24px;
	font-weight: 500;
}

.al_placebox_scroll {
	height: auto;
	max-height: 479px;
	overflow-y: auto;
}

.al_help-block label,
.al_label_tbox.al_help-block .form-control {
	color: #F00;
}

.help-block-error {
	display: none;
}

.al_help-block .help-block-error {
	color: var(--gxs_color_100);
}

.al_label_tbox.al_help-block .border_line {
	border-color: #F00 !important;
}

.al_help-block .help-block-error {
	background: #fedad9;
	border: 1px solid #F00;
	padding: 2px 10px 3px;
	margin-top: -1px;
	display: block;
}

.al_help_icon {
	margin-left: 5px;
	width: 27px;
	align-self: center;
	display: none;
}

.al_label_tbox.al_help-block .al_help_icon,
.al_sl_loginbox.al_help-block .al_help_icon {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.al_place_box {
	background: var(--gxs_color_0);
	width: 100%;
	border: 3px solid var(--gxs_color_45);
	position: relative;
	display: inline-block;
}

	.al_place_box div > .col-sm-12.col-md-6,
	.al_select_garment_par > .col-sm-12 {
		padding: 0;
	}

.al_select_garment_par .panel-group.al_exp_coll_par {
	padding: 0 10px;
}

.al_placebox_head,
.al_placebox_body {
	padding: 8px 10px;
	line-height: normal;
}

.al_placebox_head {
	background: var(--theme_color);
	color: var(--gxs_color_100);
	font-size: 16px;
	border-bottom: 3px solid var(--gxs_color_45);
	cursor: pointer;
}

.al_placebox_body .al_label_tbox {
	margin-bottom: 15px;
}

	.al_placebox_body .al_label_tbox:last-child {
		margin-bottom: 0;
	}

	.al_placebox_body .al_label_tbox .border_line {
		border-radius: 1px !important;
		border: 1px solid var(--gxs_color_55) !important;
	}

	.al_placebox_body .al_label_tbox .bootstrap-tagsinput {
		width: 100%;
		min-height: 34px;
		border: none;
		box-shadow: none;
		line-height: normal;
		padding: 0;
	}

		.al_placebox_body .al_label_tbox .bootstrap-tagsinput input {
			/* border: 1px solid red; */
			min-width: 150px;
		}

		.al_placebox_body .al_label_tbox .bootstrap-tagsinput .tag {
			background: var(--theme_color);
			color: var(--gxs_color_100);
			font-size: 13px;
			text-transform: none;
			display: inline-block;
			margin-bottom: 5px;
		}

.al_place_option {
	margin: 0;
	padding: 0;
}

	.al_place_option li {
		margin-bottom: 10px;
	}

		.al_place_option li:last-child {
			margin-bottom: 0;
		}

		.al_place_option li a {
			background: #e0e1e0;
			color: #050505;
			text-decoration: none;
			font-size: 35px;
			padding: 10px;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}

			.al_place_option li a:hover,
			.al_place_option li a:focus,
			.al_place_option li.al_active a,
			.al_place_option li.al_active a:hover,
			.al_place_option li.al_active a:focus {
				background: var(--gxs_color_45);
				color: var(--gxs_color_0);
			}

			.al_place_option li a img {
				margin-right: 10px;
				width: 55px;
			}

			.al_place_option li a span {
				-webkit-box-flex: 1;
				-webkit-flex: 1 0 auto;
				-ms-flex: 1 0 auto;
				flex: 1 0 auto;
				text-align: center;
			}

.al_select_garment_box {
	background: #fafafa;
	padding: 0;
}

	.al_select_garment_box .al_upload_form .row {
		/* margin-left: -10px;
	margin-right: -10px; */
		margin: 0;
	}

	.al_select_garment_box .al_upload_form .col-sm-12.col-md-8,
	.al_select_garment_box .al_upload_form .col-sm-12.col-md-4 {
		padding: 30px 10px;
		margin-right: -1px;
	}

.al_upload_form textarea {
	resize: none;
	height: 70px;
	overflow-y: auto;
}

.al_upload_form .al_filemanager_par,
.al_after_garmen_upload {
	background: var(--gxs_color_0);
	border: 1px solid var(--gxs_color_45);
	box-shadow: 1px 1px 4px rgba(0,0,0,.4);
	min-height: 550px;
	margin-bottom: 10px;
}

.al_select_garment_box .al_upload_form .col-sm-12.col-md-4 {
	border-left: 1px solid var(--gxs_color_30);
}

.al_instock_dropship_par {
	width: 100%;
}

	.al_instock_dropship_par .md-radio:first-child {
		margin-right: 30px;
	}

	.al_instock_dropship_par .al_dropship_par .al_label_tbox label {
		max-width: 125px;
		flex: 0 0 125px;
	}

	/* .al_instock_dropship_par .al_instock_par,
.al_instock_dropship_par .al_dropship_par{display: none;} */

	.al_instock_dropship_par .al_dropship_par .al_sizes_box label {
		width: auto;
	}

	.al_instock_dropship_par .al_dropship_par .al_sizes_box li {
		margin-bottom: 15px;
		margin-right: -1px;
	}

		.al_instock_dropship_par .al_dropship_par .al_sizes_box li:last-child .form-control {
			margin-right: 0;
		}

	.al_instock_dropship_par .al_dropship_par .al_sizes_box .form-control {
		background: var(--gxs_color_0);
		min-width: 1px;
		border: 1px solid var(--gxs_color_30);
		box-shadow: none !important;
		border-radius: 0;
		margin-top: 5px;
		text-align: center;
		font-size: 20px;
		/* height: 45px; */
		max-width: 40px;
		flex: 0 0 40px;
	}

	.al_instock_dropship_par .al_dropship_par .al_sizes_box label {
		flex: 0 0 auto;
	}

.al_dropship_par .al_quantity_par .border_line {
	padding: 0 0 0 10px;
}

	.al_dropship_par .al_quantity_par .border_line label {
		padding-top: 5px;
	}

.al_dropship_par .al_quantity_par .al_quantity {
	width: 100%;
}

/* .al_dropship_par .al_quantity_par .al_quantity > *{float: left;} */

.al_dropship_par .al_quantity_par .al_plus_minus i {
	background: var(--gxs_color_45);
	width: 42px;
	height: 42px;
	color: var(--gxs_color_0);
	text-align: center;
	line-height: 42px;
	font-size: 24px;
	cursor: pointer;
}

.al_dropship_par .al_quantity_par .al_quantity .form-control {
	width: 100%;
	height: 42px;
	min-width: 1px;
	/* max-width: 250px; */
	border-radius: 0;
}

.al_filemanager_par > .al_d-flex {
	flex: 0 0 auto;
	/* border: 1px solid red; */
}

.al_filemanager_par .al_filemanager_nofile {
	/* border: 1px solid red; */
	flex: 1 0 auto;
	display: flex;
	width: 100%;
}

	/* .al_filemanager_par .al_filemanager_nofile .al_div_filemanager{
	border: 1px solid red;
} */

	.al_filemanager_par .al_filemanager_nofile .al_div_filemanager .al_files_div {
		height: calc(100% - 15px);
	}

		.al_filemanager_par .al_filemanager_nofile .al_div_filemanager .al_files_div .al_file_label {
			background: var(--green);
			color: var(--gxs_color_0);
			width: 100%;
			/* margin-bottom: auto; */
			padding: 9px 15px;
			font-size: 20px;
		}

		.al_filemanager_par .al_filemanager_nofile .al_div_filemanager .al_files_div .al_file_lbl_b {
			background: var(--green);
			width: calc(100% - 50px);
			color: var(--gxs_color_0);
			padding: 15px;
			font-size: 20px;
			margin: 0 auto;
		}

		.al_filemanager_par .al_filemanager_nofile .al_div_filemanager .al_files_div small {
			font-size: 14px;
			color: var(--gxs_color_30);
			margin: 7px auto 0;
			display: inline-block;
		}

	.al_filemanager_par .al_filemanager_nofile .al_div_nofile {
		display: none;
		padding: 10px;
	}

.al_filemanager_par .al_no_image {
	margin: auto auto 15px auto;
}

	.al_filemanager_par .al_no_image label {
		padding-top: 2px;
	}

.al_gar_shoe_select .radiobtn {
	width: 100%;
	max-width: 50%;
}

.al_gar_shoe_select,
.al_garment_totalqty {
	border: 1px solid var(--gxs_color_55);
}

	.al_gar_shoe_select label {
		box-shadow: none;
		margin-bottom: 0;
	}

	.al_gar_shoe_select .radiobtn input[type="radio"] + label {
		background: var(--gxs_color_0);
		color: var(--gxs_color_45);
		font-size: 23px !important;
		border: none;
		font-weight: 500 !important;
		line-height: normal;
		margin-left: 0 !important;
	}

		.al_gar_shoe_select .radiobtn input[type="radio"] + label:hover {
			background: transparent !important;
		}

	.al_gar_shoe_select .radiobtn input[type="radio"]:checked + label {
		background: var(--gxs_color_45) !important;
		color: var(--gxs_color_0);
	}

#al_shoes_div_1,
#al_shoes_div_2 {
	display: none;
}

.al_garment_totalqty > * {
	width: 50%;
	padding: 7px 8px;
	margin: 0;
	line-height: normal;
}

.al_garment_totalqty > span {
	font-size: 20px;
}

.al_garment_bottom_btns {
	margin-left: -5px;
	margin-right: -5px;
}

	.al_garment_bottom_btns .btn {
		margin: 0 5px;
		font-size: 16px !important;
		font-weight: 500 !important;
		width: auto;
		float: none;
		display: inline-block;
	}

	.al_garment_bottom_btns .grey-cascade:hover,
	.al_garment_bottom_btns .grey-cascade:focus,
	.grey-cascade:hover,
	.grey-cascade:focus {
		background-color: #798d8f !important;
		border-color: #74898a !important;
	}


	

.al_exp_coll_par .panel {
	border: 3px solid var(--gxs_color_45);
	border-radius: 0;
}

.al_exp_coll_par .panel-title a,
.al_grey_heading {
	background: #c2c0c1;
	color: var(--gxs_color_100);
	text-decoration: none !important;
	line-height: normal;
	font-size: 16px;
	border-bottom: 3px solid var(--gxs_color_45);
	padding: 6px 10px;
}

.al_grey_heading {
	border-bottom-width: 1px;
}

.al_select_garment_par .al_placebox_head_ec:after,
.al_select_garment_par .al_placebox_head_ec.collapsed:after,
.al_exp_coll_par .panel-title a:after,
.al_exp_coll_par .panel-title a.collapsed:after {
	font-family: "FontAwesome";
	margin-left: auto;
	font-size: 18px;
}

.al_select_garment_par .al_placebox_head_ec.collapsed:after,
.al_exp_coll_par .panel-title a.collapsed:after {
	content: "\f067";
}

.al_select_garment_par .al_placebox_head_ec:after,
.al_exp_coll_par .panel-title a:after {
	content: "\f068";
}

.al_select_garment_par .al_select_gar_collp,
.al_exp_coll_par .al_collapse_mode {
	display: inline-block;
	width: 100%;
	padding: 10px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.al_exp_coll_par .al_collapse_mode_in .al_collapse_mode,
.al_select_garment_par .al_collapse_mode_in .al_select_gar_collp {
	display: none;
}

.al_collapse_mode .col-sm-12.col-md-6 {
	padding: 0 15px !important;
}

.al_select_garment_par .panel {
	margin-bottom: 0;
}

.al_exp_coll_par .panel .panel-body {
	padding: 10px;
}

.al_exp_coll_par .al_inner_panelbox {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}

	.al_exp_coll_par .al_inner_panelbox .al_placebox_body {
		padding: 0;
	}

.al_exp_coll_par .al_width_height .row {
	margin-left: -7px;
	margin-right: -7px;
}

	.al_exp_coll_par .al_width_height .row > div {
		width: 100%;
		max-width: 50%;
		padding: 0 7px;
		margin-right: -1px;
	}

.al_width_height .al_label_tbox label {
	width: 100%;
	flex: 1 0 auto;
	max-width: 50px;
}

.al_wh_x {
	width: 35px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	text-align: center;
	flex: 0 0 35px;
}

.al_gar_icm .radiobtn {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	margin-right: 7px;
}

	.al_gar_icm .radiobtn:last-child {
		margin-right: 0;
	}

	.al_gar_icm .radiobtn label {
		background: #e0e1e0;
		color: #969797;
		font-size: 25px !important;
		font-weight: 500 !important;
		line-height: normal !important;
	}

	.al_gar_icm .radiobtn input[type="radio"]:checked + label:hover,
	.al_gar_icm .radiobtn input[type="radio"] + label:hover,
	.al_gar_icm .radiobtn input[type="radio"]:checked + label {
		background: #96999c !important;
		color: var(--gxs_color_0) !important;
		border-color: #96999c !important;
	}

.al_lbl_pills .select2-container--bootstrap .select2-selection,
.al_2col_spc .select2-container--bootstrap .select2-selection {
	width: 100%;
	box-shadow: none !important;
	border: none !important;
}

.al_lbl_pills .custome_code {
	padding-bottom: 13px;
}

.al_2col_spc .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
	float: right;
}

.al_search_fileupload .btn.btn_yellow {
	font-size: 15px !important;
	font-weight: 500 !important;
}

	.al_search_fileupload .btn.btn_yellow img {
		width: 45px;
	}

.al_search_fileupload .al_filemanager_par .al_filemanager_nofile {
	min-height: 411px;
}

	.al_search_fileupload .al_filemanager_par .al_filemanager_nofile .al_div_filemanager .al_files_div {
		height: calc(100%);
	}

.al_search_fileupload .al_filemanager_par,
.al_search_fileupload .al_assets_list,
.al_search_fileupload .al_assets_list .al_assets_list_box,
.al_collapse_mode .al_coll_img {
	border: 1px solid #b6b5b6;
}

.al_search_fileupload .al_files_div .al_upload_box img {
	width: 70px;
	margin-top: 55px;
	margin-bottom: 20px;
}

.al_srch_uploadedimg {
	position: relative;
	cursor: pointer;
}

	.al_srch_uploadedimg .al_srch_border_layer {
		border: 10px dashed red;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

.al_assets_list {
	padding: 5px 8px 8px 8px;
}

	.al_assets_list > label {
		font-size: 15px;
	}

.al_assets_list_box ul.scroller {
	height: 180px;
	padding: 0 7px 0 0;
}

	.al_assets_list_box ul.scroller li {
		color: #6d6d6d;
		line-height: 15px;
		padding: 5px;
	}

		.al_assets_list_box ul.scroller li:nth-child(even) {
			background: #e5e5e5;
		}

		.al_assets_list_box ul.scroller li span.text-right {
			margin-left: auto;
		}

		.al_assets_list_box ul.scroller li a.al_green {
			font-size: 15px;
			color: var(--green);
		}

		.al_assets_list_box ul.scroller li a.al_red {
			font-size: 15px;
			color: #E7505A;
		}

.al_collapse_mode .al_coll_img {
	width: 100%;
	max-width: 134px;
	margin-bottom: 10px;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: start;
	align-self: flex-start;
	text-align: center;
}

	.al_collapse_mode .al_coll_img img {
		max-height: 105px;
	}

.al_coll_label {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

	.al_coll_label .al_placebox_body {
		padding: 0;
	}

		.al_coll_label .al_placebox_body .al_label_tbox {
			margin-bottom: 15px !important;
		}

			.al_coll_label .al_placebox_body .al_label_tbox label {
				flex: 1 0 135px;
			}

			.al_coll_label .al_placebox_body .al_label_tbox .form-control {
				padding-top: 0;
			}

.al_label_tbox .dropdown-search label {
	color: var(--gxs_color_100);
}

.al_label_tbox .dropdown-search .btn-default {
	border: none;
}

.al_coll_submit a {
	font-size: 18px !important;
	font-weight: 500 !important;
	padding: 10px 8px !important;
}

.al_2col_spc .col-sm-12.col-md-6 {
	padding: 0;
}

.al_number_playername {
	border: 1px solid var(--gxs_color_55) !important;
	padding: 10px;
}

.al_number_playername_box {
	border: 1px solid var(--gxs_color_55) !important;
	margin-bottom: 3px;
}

.al_size_num_nm {
	margin-top: -5px;
}

	.al_size_num_nm ul {
		margin: 0;
		padding: 0;
	}

		.al_size_num_nm ul li {
			margin-bottom: 5px;
		}

			.al_size_num_nm ul li:last-child {
				margin-bottom: 0;
			}

			.al_size_num_nm ul li [class*="al_snn_"] {
				min-width: 100px;
				width: 100%;
			}

			.al_size_num_nm ul li .al_snn_size {
				max-width: 100px;
			}

			.al_size_num_nm ul li .al_snn_number {
				min-width: 150px;
				max-width: 150px;
			}

			.al_size_num_nm ul li .al_snn_name {
				min-width: 200px;
			}

			.al_size_num_nm ul li [class*="al_snn_"] label {
				font-size: 24px !important;
				font-weight: 500;
				margin-bottom: 0;
			}

			.al_size_num_nm ul li .form-control {
				min-width: 1px;
				font-size: 20px;
				color: var(--gxs_color_100);
				line-height: normal;
				border-radius: 0;
			}

			.al_size_num_nm ul li .al_snn_number .form-control {
				text-align: center;
			}

			.al_size_num_nm ul li .form-control:disabled {
				background: #e2e2e2;
			}

			.al_size_num_nm ul li [class*="al_snn_"] label.disabled {
				color: #e2e2e2;
			}

.al_gar_img_qty {
	border: 1px solid var(--gxs_color_55);
	border-radius: 15px;
	padding: 10px;
}

.al_gar_img_box {
	border: 2px solid #458603;
	padding: 7px;
	border-radius: 2px;
	position: relative;
}

	.al_gar_img_box img {
		max-width: 210px;
	}

.al_germap_box {
	background: #458603;
	width: 30px;
	height: 30px;
	padding: 5px;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	top: 5px;
	right: 5px;
}

.al_qtybox_lbl {
	margin-left: 15px;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

	.al_qtybox_lbl > strong {
		font-weight: 500;
		font-size: 18px;
		margin-bottom: 5px;
	}

	.al_qtybox_lbl ul {
		margin: 0;
		padding: 0;
	}

		.al_qtybox_lbl ul li {
			text-align: center;
			margin-right: 7px;
			margin-bottom: 7px;
		}

			.al_qtybox_lbl ul li:last-child {
				margin-right: 0;
			}

			.al_qtybox_lbl ul li label {
				color: #dcdcdc;
				text-transform: uppercase;
			}

			.al_qtybox_lbl ul li span {
				background: #dcdcdc;
				width: 30px;
				height: 30px;
				color: var(--gxs_color_100);
				font-size: 20px;
				text-transform: uppercase;
				text-align: center;
				line-height: 30px;
				border-radius: 4px;
			}

			.al_qtybox_lbl ul li.al_lbl_fintotal {
				-webkit-align-self: flex-end;
				-ms-flex-item-align: end;
				align-self: flex-end;
			}

				.al_qtybox_lbl ul li.al_lbl_fintotal span {
					width: auto;
					padding: 0 5px;
					font-size: 14px;
					line-height: normal;
				}

					.al_qtybox_lbl ul li.al_lbl_fintotal span strong {
						font-weight: 500;
						font-size: 20px;
						margin-left: 5px;
					}

.al_form_lbl_box .row {
	margin-left: -5px;
	margin-right: -5px;
}

	.al_form_lbl_box .row .al_col_div {
		padding: 0 5px;
		width: 100%;
		max-width: 20%;
		margin-bottom: 10px;
	}

		.al_form_lbl_box .row .al_col_div > div {
			border: 1px solid var(--gxs_color_55);
			border-radius: 4px;
			min-height: 60px;
			padding: 5px;
		}

			.al_form_lbl_box .row .al_col_div > div span {
				font-size: 20px;
			}

.al_lbl_deco_list .al_lbl_decolist > span {
	background: #969696;
	color: var(--gxs_color_0);
	padding: 5px 8px;
	font-size: 18px;
	border-radius: 15px;
	margin: 0 5px 7px 0;
}

.al_lbl_deco_list div > a .fa {
	color: var(--gxs_color_100);
}

.btn_lg {
	min-width: 250px;
	font-size: 21px !important;
	font-weight: 500 !important;
}

.terms_cond_div ol li {
	line-height: 21px;
}

	.terms_cond_div ol li:not(:last-child) {
		margin-bottom: 15px;
	}

/* Order Tabbed =============================== */


/* == 25 - 32 Page Start == */
.al_info_title {
	background-color: #95999c;
	font-size: 20px;
	margin: 0;
	color: var(--gxs_color_0);
	font-weight: 500;
	padding: 6px 15px;
}

.al_ord_info_value > .al_cust_nm {
	max-width: 30%;
	flex: 0 0 30%
}

.al_ord_info_value > .al_od_nm {
	max-width: 20%;
	flex: 0 0 20%
}

.al_ord_info_value > div * {
	padding: 0 15px;
}

.al_ord_info_value > div:not(:last-child) {
	border-right: 1px solid var(--gxs_color_100);
}

.al_ord_info_value label {
	background-color: #010101;
	color: var(--gxs_color_0);
	margin-bottom: 0px;
	line-height: 24px;
}

.al_ord_info_value span {
	background-color: var(--gxs_color_0);
	color: #95999c;
	font-size: 24px;
	line-height: 30px;
	border-bottom: 1px solidvar(--gxs_color_100);
}
/* .right_border{border-right: 1px solid var(--gxs_color_100);} */

#al_ordc_accordion .al_img_3 {
	-webkit-flex: 1 0 470px;
	-ms-flex: 1 0 470px;
	flex: 1 0 470px;
	max-width: 470px;
}

#al_ordc_accordion .al_uploaded_images .scroller_div {
	z-index: 5;
}

.al_ord_comp_par .order_number {
	/* padding-right: 25px !important; */
}

.order_number .caption {
	padding: 13px 0px 13px 0px !important;
}

	.order_number .caption label {
		font-size: 22px;
		margin-bottom: 0px;
	}

.al_img_3 {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 420px;
	-ms-flex: 1 0 420px;
	flex: 1 0 420px;
	max-width: 420px;
	margin-bottom: 10px;
	padding: 0px 10px;
}

.garment_section {
	border: inherit !important;
	min-height: auto !important;
}

.gar_product {
	border: 1px solid var(--gxs_color_100);
	border-radius: 19px;
	height: 287px;
}

	.gar_product h4 {
		color: var(--gxs_color_100);
		margin: 0px;
		padding: 8px 10px;
		font-weight: 500;
		font-size: 17px;
		border-radius: 20px 20px 0 0;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
		position: relative; /*Start : Added z index by Rutu tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
		z-index: 99; /*Start : Added z index by Rutu tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
	}


.product_error {
	border: 4px solid #f00;
	box-shadow: 0px 2px 9px 0px #808080;
}
#garment_div .al_img_3.radio_sel_active .gar_product h4 {
	background-color: var(--theme_color);
}

#garment_div .al_img_3 .approval_delivery_deisgnation_title {
	font-size: 18px;
	margin: 3px 0 8px;
}

	#garment_div .al_img_3 .approval_delivery_deisgnation_title:after {
		content: "\f067";
		font-size: 22px;
		font-family: "FontAwesome";
		margin-left: auto;
	}

#garment_div .al_img_3.radio_sel_active .approval_delivery_deisgnation_title:after {
	content: "\f068";
	font-size: 22px;
	font-family: "FontAwesome";
	margin-left: auto;
}

#garment_div > li {
	padding: 0px 10px 0 0 !important;
}

	#garment_div > li:last-child {
		/*padding: 0 !important;*/ /*Start : tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
	}

	#garment_div > li .al_panel_box {
		padding: 5px 10px !important;
	}

.gar_product .portlet.box.dark {
	padding: 5px 15px !important;
	background-color: transparent;
	border: inherit;
}

.gar_product .portlet .portlet-title {
	background-color: transparent !important;
}

.gar_product .portlet .caption {
	color: var(--gxs_color_100) !important;
	padding: 5px 0px 0px 0px !important;
}

.gar_product .portlet.box > .portlet-body {
	padding: 7px 15px 5px 15px;
}

.gar_product .portlet-title {
	min-height: auto;
}

.tshirt_area {
	border: 1px solid #95999c;
	padding: 6px;
	border-radius: 10px;
	height: 210px;
}

.tshirt_img_area {
	border: 2px solid #84a556;
	text-align: center;
	border-radius: 5px;
	padding: 5px 15px;
	height: 160px;
}

	.tshirt_img_area img.al_bl_tshirt {
		max-width: 100%;
		width: auto;
		height: 100%;
		max-width: calc(100% - 0px);
		max-height: 150px;
		margin: 0px auto;
	}

	.tshirt_img_area span {
		/*background: #458603;		Commented by Vishal Pekayare*/
		background: var(--theme_color);		/*Added by Vishal Pekayare For order completion SKU download feature*/
		position: absolute;
		right: 5px;
		top: 5px;
		padding: 1px 5px;
		border-radius: 50%;
		width: 22px;
		height: 22px;
	}

		.tshirt_img_area span img {
			width: 15px;
			height: 15px;
		}
.deco_label label {
	margin-bottom: 5px;
	font-size: 16px;
	padding: 4px 15px;
	border-radius: 25px;
	display: block;
	text-align: center;
	z-index: 99; /*Start : tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
	position: relative; /*Start : tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
}
.grey_label {
	background-color: #95999c;
	color: var(--gxs_color_0);
}

.green_label {
	background-color: #00be56;
	color: var(--gxs_color_0);
}

.yellow_label {
	background-color: #f2d430;
	color: var(--gxs_color_0);
}
/* .garment_section ul{margin: 0px -10px;} */
.not_data {
	background-color: #e9e9e9;
}

.main_order_page .portlet.box.dark {
	border: inherit;
}

.al_deco_tab .tabbed .al_tab_top ul li {
	min-width: 250px;
	width: auto;
}

.al_re_ed_de {
	margin-right: auto;
	margin-bottom: 5px;
}

	.al_re_ed_de a,

	.al_preview_label span {
		padding: 3px 15px 5px;
		display: inline-block;
		border-radius: 15px;
		margin-right: 5px;
		line-height: normal;
		text-decoration: none !important;
		margin-bottom: 10px;
		box-shadow: 0 1px 4px rgba(0, 0, 0, .2), 0 1px 4px rgba(0, 0, 0, .26);
	}

.al_re_ed_de a {
	border-radius: 5px;
}

		.al_re_ed_de a:hover,
		.al_preview_label span:hover {
			text-decoration: none;
			color: var(--gxs_color_0);
			box-shadow: 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .26);
			transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
		}


		.al_preview_label span.red {
			background-color: #ef6c74;
			color: var(--gxs_color_0);
		}


/* .al_reassign{background-color:#f2d430;color:var(--gxs_color_0);} */
.al_edit {
	background-color: #95999c;
	color: var(--gxs_color_0);
}

.al_delete {
	background-color: #ef6c74;
	color: var(--gxs_color_0);
}

.al_field .col-md-12.asset_field {
	width: 100%;
	margin: 0%;
}

.al_field .col-md-6.asset_field {
	width: 48%;
	margin: 0% 1%;
}
/* .al_row{margin:0px -4px;} */
.al_ass_zip {
	float: left;
	width: 100%;
}

	.al_ass_zip label {
		float: left;
		width: auto;
	}

	.al_ass_zip a {
		float: right;
		background-color: #95999c;
		color: var(--gxs_color_0);
		padding: 1px 9px;
		display: inline-block;
		border-radius: 15px;
		font-size: 11px;
	}

.al_instructions {
	border: 1px solid #6f6e6e;
	padding: 5px;
	border-radius: 5px;
}

	/*start - Added by Vishal Pekayare - Order Completion*/
	.al_instructions .nav-tabs {
		border: none;
		margin-bottom: 0;
	}

		.al_instructions .nav-tabs > li > a {
			background: #E4E4E4;
			padding: 3px 10px;
			color: #707070;
			font-size: 18px;
			font-weight: 500;
			border: none !important;
			margin: 0;
		}

		.al_instructions .nav-tabs > li:first-child > a {
			border-radius: 4px 0 0 0;
		}

		.al_instructions .nav-tabs > li:last-child > a {
			border-radius: 0 4px 0 0;
		}

		.al_instructions .nav-tabs > li.active:hover a,
		.al_instructions .nav-tabs > li.active a {
			background: #F5F5F5;
			color: #707070;
		}


.al_instructions_scroll {
	height: auto;
	max-height: 310px;
	min-height: 310px;
	overflow-y: auto;
	border: 1px solid var(--gxs_color_30);
	padding: 5px;
}

.al_history_box_par > li {
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.161);
}

	.al_history_box_par > li:not(:last-child) {
		margin-bottom: 15px;
	}

	.al_history_box_par > li.al_ah_box_rightside .al_light_card_heading,
	.al_history_box_par > li.al_ah_box_rightside .al_panel-collapse .al_d-flex {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}

.al_history_box_par .al_light_card_heading {
	background: rgba(239,245,249,1);
	box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.161);
	margin-right: -1px;
}

.al_history_box_par .al_first_border {
	border-left: 5px solid transparent;
}

.al_history_box_par .al_border_readytosend .al_first_border {
	border-left-color: rgba(35,206,120,1);
}

.al_history_box_par .al_border_readytosend .al_ah_icon_box svg {
	fill: rgba(35,206,120,1);
}

.al_history_box_par .al_border_awatingapproval .al_first_border {
	border-left-color: rgba(255,88,99,1);
}

.al_history_box_par .al_border_revision_request .al_first_border {
	border-left-color: rgba(193,84,87,1);
}


.al_history_box_par .al_ah_lbl {
	background: var(--gxs_color_0);
	width: 60px;
	font-size: 13px;
	padding: 3px 5px;
	line-height: normal;
	position: relative;
}

	.al_history_box_par .al_ah_lbl:after {
		content: "";
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid var(--gxs_color_0);
		position: absolute;
		right: -7px;
		top: calc(50% - 8px);
	}

.al_history_box_par li.al_ah_box_rightside .al_ah_lbl:after {
	border: none;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid var(--gxs_color_0);
	right: inherit;
	left: -6px;
}

.al_history_box_par > li .al_ah_lbl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

	.al_history_box_par > li .al_ah_lbl img {
		width: 20px;
	}

.al_history_box_par .al_ah_icon_box {
	width: 50px;
}

	.al_history_box_par .al_ah_icon_box svg {
		width: 18px;
	}

.al_history_box_par .al_ahheading_box {
	padding: 5px 0;
	flex: 1 0 auto;
}

.al_history_box_par > li.al_ah_box_rightside .al_ahheading_box {
	text-align: right;
}

.al_history_box_par .al_ahheading_box h3 {
	font-size: 15px;
	font-weight: 500;
	margin: 0;
}

.al_history_box_par .al_ahheading_box span {
	font-size: 10px;
	color: rgba(123,122,122,1);
}

.al_history_box_par .al_ah_expand_arrow {
	width: 30px;
}

	.al_history_box_par .al_ah_expand_arrow svg {
		width: 18px;
	}

.al_history_box_par > li .al_panel-collapse {
	background: rgba(239,245,249,1);
}

	.al_history_box_par > li .al_panel-collapse .al_ah_whitebox {
		width: 100%;
		background: var(--gxs_color_0);
		padding: 10px;
		font-weight: 500;
	}

.al_history_box_par .al_ah_panel_box {
	cursor: pointer;
}

.al_history_box_par .al_ah_file a img {
	width: 20px;
}

.al_history_box_par .al_ah_file a svg {
	width: 10px;
}

/*End - Added by Vishal Pekayare - Order Completion*/


.al_instructions_scroll {
	height: auto;
	max-height: 310px;
	min-height: 310px;
	overflow-y: auto;
	border: 1px solid var(--gxs_color_30);
	padding: 5px;
}

.al_ass_table {
	max-height: 93px;
	min-height: 93px;
	overflow-y: auto;
	border: 1px solid var(--gxs_color_30);
	padding: 0px;
}
/* .al_zip_area{padding:0px 10px;} */
/* .al_zip_file{height:124px !important;} */
.al_middle_img_box {
	padding: 0px;
	min-height: 355px;
	border: 1px solid #6f6e6e;
	border-radius: 4px;
}
/* .al_middle_img img{height:325px;width:100%;border-radius:3px;} */
.al_down_file {
	color: #4e902b;
}

.al_del_file {
	color: #ef6c74;
}

.al_ass_table table tr:nth-of-type(even) {
	background-color: #e5e5e5;
}

.al_ass_table table tr td {
	font-size: 11px;
	padding: 2px 5px;
}

.asset_field .help_block {
	font-size: 12px;
}

.al_deco_tab .form-control {
	height: 25px;
}

.al_deco_tab .form-group.form-md-line-input .form-control {
	font-size: 14px;
}

.al_deco_tab .asset_field {
	padding: 2px 10px;
	height: 57px;
	margin-bottom: 10px !important;
}

.al_deco_tab .form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
	top: 16px;
}

.al_deco_tab .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label {
	top: -2px !important;
}

.al_display_proof .portlet.box.dark {
	border: 1px solid #373A3B !important;
}

.al_bottom_space {
	margin-bottom: 15px;
}

.al_exp_coll_par.al_notifications .panel-title a, .al_grey_heading {
	border-bottom: inherit;
	padding: 12px 10px;
}

.al_not_icon {
	border: 1px solid var(--gxs_color_30);
	position: absolute;
	margin-top: -44px;
	margin-left: 120px;
}

.al_field .border_line {
	border: 1px solid #95999c !important;
}
/* == 25 - 32 Page End == */

.al_reassign_modalbtn a {
	width: 100%;
	padding: 3px 15px 5px !important;
	display: inline-block;
	border-radius: 15px !important;
	line-height: normal !important;
	text-decoration: none !important;
	font-size: 15px !important;
	font-weight: 500 !important;
}

.al_btn_minwidth {
	min-width: 160px;
	text-align: center;
}

.main_order_page {
	/* border: 1px solid red; */
	width: calc(100% - 30px);
	margin: 0 auto;
}

.al_notification_box {
	background: var(--theme_color);
	border: 1px solid #77663b;
	font-size: 20px;
	padding: 8px 10px;
	cursor: pointer;
}

	.al_notification_box:after,
	.al_notification_box.collapsed:after {
		font-family: 'FontAwesome';
		margin-left: auto;
		font-size: 24px;
	}

	.al_notification_box:after {
		content: "\f068";
	}

	.al_notification_box.collapsed:after {
		content: "\f067";
	}

	.al_notification_box .al_noti_count img {
		width: 40px;
	}

	.al_notification_box .al_noti_count {
		position: relative;
		margin: 0 9px;
	}

		.al_notification_box .al_noti_count span {
			background: #f60000;
			min-width: 18px;
			height: 18px;
			color: var(--gxs_color_0);
			text-align: center;
			line-height: 16px;
			font-size: 11px;
			border-radius: 50%;
			border: 2px solid var(--gxs_color_0);
			display: inline-block;
			position: absolute;
			top: -5px;
			right: -5px;
		}

.al_chatbox_par {
	background: var(--gxs_color_0);
	padding: 10px 5px;
}

	.al_chatbox_par .chat_div,
	.al_chatbox_par .al_send_mail_box {
		width: 100%;
		max-width: 1150px;
		margin: 0 auto;
	}

	.al_chatbox_par .al_send_mail_box {
		margin-top: 15px;
	}

		.al_chatbox_par .al_send_mail_box .al_d-flex > div {
			margin-bottom: 15px;
		}

			.al_chatbox_par .al_send_mail_box .al_d-flex > div:last-child {
				margin-bottom: 0;
			}

		.al_chatbox_par .al_send_mail_box label {
			width: 100%;
			max-width: 100px;
			flex: 0 0 100px;
			margin: 13px 0 0 0;
		}

		.al_chatbox_par .al_send_mail_box .form-control {
			height: 45px;
		}

		.al_chatbox_par .al_send_mail_box .note-editor {
			margin-bottom: 0;
		}

		.al_chatbox_par .al_send_mail_box .btn.btn-success:hover {
			background: #398439 !important;
		}

.al_oc_border .al_border_line_box,
.al_zip_file {
	min-height: 63px;
	border: 1px solid #6f6e6e;
	border-radius: 4px;
	padding: 2px 8px;
}

.al_oc_border .al_border_line_box {
	margin-bottom: 10px;
}

.al_zip_file {
	min-height: 136px;
	margin-bottom: 10px;
}

.al_oc_border .al_border_line_box label {
	font-size: 13px;
	margin-bottom: 0;
}

.al_oc_border .al_border_line_box .form-control {
	border: none;
	height: auto;
	box-shadow: none !important;
	padding: 0;
	color: var(--gxs_color_100);
}

	.al_oc_border .al_border_line_box .form-control[readonly],
	.al_snm_box .form-control[readonly] {
		background-color: transparent;
		cursor: not-allowed;
	}

.al_oc_border .al_border_line_box .form-control,
.al_snm_box .form-control {
	background-color: #eef1f5;
}

.al_oc_border .al_border_line_box .help_block {
	font-size: 13px;
}

.al_oc_border .al_row {
	margin-left: -7px;
	margin-right: -7px;
}

	.al_oc_border .al_row .col-sm-6 {
		padding-left: 7px;
		padding-right: 7px;
	}

.al_names_numbers_par .al_name_num_excel .caption {
	margin-right: auto;
}

.al_names_numbers_par .al_name_num_excel a.al_excel_btn {
	background: var(--theme_color);
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
	padding: 3px;
}

	.al_names_numbers_par .al_name_num_excel a.al_excel_btn img {
		width: 27px;
	}

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

.al_names_numbers_par .al_nn_names_box {
	width: 100%;
	max-width: 360px;
	margin-right: 10px;
}

	.al_names_numbers_par .al_nn_names_box > .al_d-flex {
		margin: 0 -5px;
	}

	.al_names_numbers_par .al_nn_names_box .al_nn_nb {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
		padding: 0 5px;
	}

		.al_names_numbers_par .al_nn_names_box .al_nn_nb .border_line {
			padding: 5px;
			max-height: 54px;
			overflow-y: auto;
		}

			.al_names_numbers_par .al_nn_names_box .al_nn_nb .border_line label {
				width: 100%;
			}

			.al_names_numbers_par .al_nn_names_box .al_nn_nb .border_line .form-control {
				height: auto;
				padding: 0;
				line-height: normal;
			}

.al_nn_number_box {
	position: relative;
	height: 128px;
}

	.al_nn_number_box .al_arrow i {
		z-index: 150;
	}

.al_nn_numberbox_scroll {
	height: 128px;
	border: 1px solid #95999c;
	padding: 2px 10px 0;
	overflow-y: auto;
	position: relative;
	z-index: 5;
}

	.al_nn_numberbox_scroll ul:first-child {
		margin-bottom: 2px;
	}

.al_snm_box.al_d-flex {
	margin: 0 -10px;
}

.al_snm_box .al_snm_subbox,
.al_snm_box li {
	width: 100%;
	/* max-width: 50%;
	flex: 0 0 50%; */
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
	margin-right: -1px;
	padding: 0 10px;
	/* border: 1px solid #F00; */
	/* margin-right: 20px; */
}

.al_snm_box label {
	font-size: 15px;
	color: var(--gxs_color_100);
	padding: 0;
	margin-bottom: 2px;
}

.al_snm_box [class*="al_snm_box_"] input {
	min-width: 1px;
	height: 30px;
	font-size: 12px;
	border-radius: 0;
	color: var(--gxs_color_100);
	padding: 6px 1px;
	margin-bottom: 5px;
}

.al_snm_box [class*="al_snm_box_"]:not(:last-child) {
	margin-right: 5px;
}

.al_snm_box .al_snm_box_1 {
	width: 100%;
	max-width: 70px;
}


.al_snm_box .al_snm_box_2 {
	width: 100%;
	max-width: 55px;
}

.al_snm_box .al_snm_box_3 {
	width: 100%;
}

/* Art Request ================================ */

.al_art_request_par #garment_div .al_img_3 .approval_delivery_deisgnation_title::after {
	display: none !important;
}

.al_oc_viewasset_par {
	margin-top: 40px;
}

	.al_oc_viewasset_par .al_oc_head .title_bg {
		box-shadow: none !important;
		padding: 0 15px;
	}

	.al_oc_viewasset_par .al_oc_head .title_area {
		width: 100%;
		max-width: 320px;
	}

	.al_oc_viewasset_par .al_oc_head .title h1 {
		padding: 0;
	}

	.al_oc_viewasset_par .share_download {
		margin: 0;
	}

	.al_oc_viewasset_par .al_review_btns .panel {
		background: transparent;
		border-radius: 0;
		margin-bottom: 0;
	}

		/* .al_oc_viewasset_par .al_review_btns .al_review_expbtn,
	.al_oc_viewasset_par .al_review_btns .al_collapse_mode_in .al_rev_btn {
		display: none;
	} */

		.al_oc_viewasset_par .al_review_btns .panel.al_collapse_mode_in .al_review_expbtn {
			display: inline-block;
		}

.al_gar_panel_box,
.al_viewasset_gar_box {
	border: 1px solid #808080;
	border-radius: 8px;
}

.al_gar_panel_box_h {
	padding: 5px 10px;
	border-radius: 8px 8px 0 0;
}

	.al_gar_panel_box_h span,
	.al_gar_panel_box_b_l span {
		font-size: 18px;
	}

	.al_gar_panel_box_h .fa-times {
		cursor: pointer;
	}

.al_gar_panel_box_b {
	background: var(--gxs_color_0);
	padding: 10px;
	border-radius: 0 0 8px 8px;
}

.al_viewasset_gar_box {
	padding: 10px;
	position: relative;
	/* min-height: 257px; */
	flex: 1 0 auto;
}

/* .panel-body {
	min-height: 300px;
} */

.al_viewasset_gar_box_l {
	margin-right: 10px;
	flex: 1 0 190px;
}

	/* .al_gar_panel_box_b_l a{color: var(--gxs_color_100);} */

	.al_viewasset_gar_box_l .al_gar_img_box {
		position: relative;
		width: 100%;
		max-width: 190px;
	}

		.al_viewasset_gar_box_l .al_gar_img_box img {
			max-width: 100%;
		}

.al_viewasset_gar_btn {
	width: 100%;
	display: inline-block;
	border-radius: 15px !important;
	line-height: normal !important;
	padding: 6px 10px !important;
	margin-bottom: 7px;
	text-decoration: none !important;
	font-size: 18px !important;
}

	.al_viewasset_gar_btn.al_btn_sm {
		width: calc(100% - 15px);
	}

	.al_viewasset_gar_btn:last-child {
		margin-bottom: 0;
	}

.al_success:hover,
.al_success:focus,
.al_success {
	background: #00bc59 !important;
	color: var(--gxs_color_0) !important;
}

.al_rev_req:focus,
.al_rev_req:hover,
.al_rev_req {
	background: #1893e9 !important;
	color: var(--gxs_color_0) !important;
}

.al_pending:focus,
.al_pending:hover,
.al_pending {
	background: var(--gxs_color_45) !important;
	color: var(--gxs_color_0) !important;
}

.al_wraning:focus,
.al_wraning:hover,
.al_wraning {
	background: #f0d539 !important;
	color: var(--gxs_color_100) !important;
}

.al_gar_panel_box_h,
.al_no_selection {
	background: #e7e7e7 !important;
	color: #484848 !important;
}

	.al_no_selection span {
		font-size: 45px;
		line-height: normal;
		max-width: 320px;
		margin: 0 auto;
	}

.al_viewasset_gar_box_r {
	height: auto;
	max-height: 190px;
	overflow-y: auto;
}

/* .al_gar_panel_box_b .al_gar_panel_box_b_l,
.al_gar_panel_box_b .al_gar_panel_box_b_r{
	padding: 10px;
} */

.al_gar_panel_box_b .al_gar_panel_box_b_l {
	width: 100%;
	max-width: 450px;
	flex: 0 0 450px;
}

.al_gar_panel_box_b .al_gar_panel_box_b_r .panel {
	margin-bottom: 0;
}


.al_oc_viewasset_par .al_review_btns .btn {
	font-size: 20px !important;
	font-weight: 500 !important;
}

	.al_oc_viewasset_par .al_review_btns .btn span {
		min-width: 117px;
		text-align: center;
		display: inline-block;
	}

	.al_oc_viewasset_par .al_review_btns .btn img {
		max-width: 25px;
	}

.al_oc_viewasset_par .al_oc_body {
	background: #e5e5e5;
	padding: 15px 10px;
}

	.al_oc_viewasset_par .al_oc_body .al_oc_whitepaper {
		background: var(--gxs_color_0);
		width: 100%;
		max-width: 1350px;
		min-height: 29.7cm;
		/* min-height: 1050px;
	width: 21cm; */
		box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		padding: 30px;
		margin: 0 auto;
		position: relative;
	}

.al_whitepaper_arrow {
	position: absolute;
	top: 50%;
	margin-top: -45px;
	padding: 0 10px;
}

	.al_whitepaper_arrow.al_wpa_prev {
		left: 0;
	}

	.al_whitepaper_arrow.al_wpa_next {
		right: 0;
	}

	.al_whitepaper_arrow img {
		width: 50px;
	}


/* .al_oc_viewasset_par .al_oc_body .al_oc_whitepaper [class*="al_oc_whitepaper"]{
	border: 1px solid red;
} */

.al_oc_whitepaper_head {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

	.al_oc_whitepaper_head .al_oc_header {
		flex: 1 0 auto;
	}

		.al_oc_whitepaper_head .al_oc_header li {
			margin-bottom: 7px;
		}

			.al_oc_whitepaper_head .al_oc_header li:last-child {
				margin-bottom: 0;
			}

		.al_oc_whitepaper_head .al_oc_header label {
			width: 100%;
			max-width: 200px;
			flex: 0 0 200px;
			text-align: right;
			margin-right: 20px;
			color: #656669;
			font-size: 18px;
			margin-bottom: 2px;
		}

		.al_oc_whitepaper_head .al_oc_header span {
			font-size: 18px;
		}

	.al_oc_whitepaper_head .al_oc_header_logo img {
		max-width: 160px;
	}

.al_oc_viewasset_par .al_oc_body .al_oc_whitepaper .al_oc_whitepaper_body {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
}

.al_oc_whitepaper_body .row .col-sm-12.col-md-6 {
	margin-bottom: 30px;
	margin-right: -1px;
}

	/* .al_oc_whitepaper_body .row .col-sm-12.col-md-6,
.al_oc_whitepaper_body .row .col-sm-12.col-md-6 > .al_d-flex{
	border: 1px solid red;
} */

	.al_oc_whitepaper_body .row .col-sm-12.col-md-6 > .al_d-flex {
		width: 100%;
		max-width: 500px;
		margin: auto;
	}

/* .al_oc_gar_top .al_oc_gar_top_l{
	border: 1px solid blue;
} */

.al_oc_gar_top .al_oc_gar_top_c {
	/* border: 1px solid blue; */
	max-width: 115px;
	flex: 0 0 115px;
}

	.al_oc_gar_top .al_oc_gar_top_c ul li img {
		padding: 0 15px;
	}

.al_oc_gar_top .al_oc_gar_top_r {
	width: 100%;
	max-width: 180px;
	flex: 0 0 180px;
	/* border: 1px solid blue; */
}

	.al_oc_gar_top .al_oc_gar_top_c ul li,
	.al_oc_gar_top .al_oc_gar_top_r ul li {
		margin-bottom: 15px;
	}

		.al_oc_gar_top .al_oc_gar_top_c ul li:last-child,
		.al_oc_gar_top .al_oc_gar_top_r ul li:last-child {
			margin-bottom: 0;
		}

		.al_oc_gar_top .al_oc_gar_top_r ul li label {
			font-family: var(--font_bold);
			font-size: 14px;
			margin-bottom: 2px;
		}

.al_oc_whitepaper_body .row .col-sm-12.col-md-6 .al_oc_gar_bottom {
	font-size: 18px;
}

.al_oc_viewasset_par .al_oc_body .al_oc_whitepaper .al_oc_whitepaper_foot > .row {
	margin-left: -10px;
	margin-right: -10px;
}

.al_oc_whitepaper .al_oc_whitepaper_foot .al_barcode_box {
	margin-right: -1px;
	padding: 0 15px;
}

	.al_oc_whitepaper .al_oc_whitepaper_foot .al_barcode_box img {
		max-width: 250px;
		/* max-height: 54px; */
	}

	.al_oc_whitepaper .al_oc_whitepaper_foot .al_barcode_box span,
	.al_page_no {
		color: #686868;
		font-size: 18px;
	}

	.al_oc_whitepaper .al_oc_whitepaper_foot .al_barcode_box strong {
		color: var(--gxs_color_100);
		font-size: 19px;
	}

.al_disclaimertext {
	border-top: 1px solid #d7d7d7;
	padding-top: 20px;
	margin-top: 5px;
	margin-bottom: 40px;
}

	.al_disclaimertext p {
		color: #686868;
		font-size: 7px;
		text-align: center;
		line-height: normal;
		margin-bottom: 0;
	}

.al_view_savebtn {
	margin: 0 -5px;
	justify-content: flex-end;
}

	.al_view_savebtn .save_lock {
		width: 100%;
		min-width: 180px;
		max-width: 270px;
		padding: 18px 9px;
		margin: 5px !important;
	}


.al_deco_tab .al_va_tabs .tab-content {
	padding: 0;
}

	.al_deco_tab .al_va_tabs .tab-content .tab_content_white,
	.al_deco_tab .al_va_tabs .tab-content .tab_content_yellow,
	.al_deco_tab .al_va_tabs .tab-content .tab_content_green {
		padding: 15px;
	}


.al_deco_tab .tabbed .al_tab_top ul li a .al_tab_bottom::after {
	border-bottom: 1px solid var(--gxs_color_45);
	bottom: 0px;
}

.al_va_tabs .al_tab_content {
	border-top: 1px solid var(--gxs_color_45);
	margin-top: -1px;
}

.al_deco_tab .al_va_tabs .tab-content {
	border-top: 0;
}

.tabbed .al_tab_top ul li.active.al_tab_white a .al_tab_bottom::after {
	border-color: var(--gxs_color_0);
}

.tabbed .al_tab_top ul li.al_tab_yellow a,
.tabbed .al_tab_top ul li.al_tab_yellow a::before,
.tabbed .al_tab_top ul li.al_tab_yellow a::after {
	background-color: #fccf0e !important;
	color: var(--gxs_color_100);
}

.tabbed .al_tab_top ul li.active.al_tab_yellow a .al_tab_bottom::after {
	border-color: #fccf0e;
}

.al_deco_tab .tabbed .al_tab_top ul li.al_tab_yellow a::before {
	border-bottom-color: #fccf0e;
}

.tab-pane.tab_content_yellow {
	background-color: #fccf0e;
}

	.tab-pane.tab_content_yellow .portlet.box.dark > .portlet-title {
		background: #6a5f2a;
	}

	.tab-pane.tab_content_yellow .table-striped > tbody > tr:nth-of-type(2n+1),
	.tab-pane.tab_content_yellow .table-scrollable > .table,
	.tab-pane.tab_content_yellow .mt-checkbox > span, .mt-radio > span,
	.tab-pane.tab_content_yellow .al_single_radio .radio > span,
	.tab-pane.tab_content_yellow .al_oc_border .al_border_line_box,
	.tab-pane.tab_content_yellow .portlet.box > .portlet-title .caption input,
	.tab-pane.tab_content_yellow .portlet.box > .portlet-body,
	.tab-pane.tab_content_yellow .al_zip_file,
	.tab-pane.tab_content_yellow .al_middle_img,
	.tab-pane.tab_content_yellow .al_instructions {
		background: #fef3c0;
	}

.tabbed .al_tab_top ul li.al_tab_green a,
.tabbed .al_tab_top ul li.al_tab_green a::before,
.tabbed .al_tab_top ul li.al_tab_green a::after {
	background-color: #58b957 !important;
	color: var(--gxs_color_100);
}

.tabbed .al_tab_top ul li.active.al_tab_green a .al_tab_bottom::after {
	border-color: #58b957;
}

.al_deco_tab .tabbed .al_tab_top ul li.al_tab_yellow a::before {
	border-bottom-color: #58b957;
}

.tab-pane.tab_content_green {
	background-color: #58b957;
}

	.tab-pane.tab_content_green .portlet.box.dark > .portlet-title {
		background: #3f5943;
	}

	.tab-pane.tab_content_green .table-striped > tbody > tr:nth-of-type(2n+1),
	.tab-pane.tab_content_green .table-scrollable > .table,
	.tab-pane.tab_content_green .mt-checkbox > span, .mt-radio > span,
	.tab-pane.tab_content_green .al_single_radio .radio > span,
	.tab-pane.tab_content_green .al_oc_border .al_border_line_box,
	.tab-pane.tab_content_green .portlet.box > .portlet-title .caption input,
	.tab-pane.tab_content_green .portlet.box > .portlet-body,
	.tab-pane.tab_content_green .al_zip_file,
	.tab-pane.tab_content_green .al_middle_img,
	.tab-pane.tab_content_green .al_instructions {
		background: #d5edd5;
	}

	.tab-pane.tab_content_yellow .mt-checkbox > input:checked ~ span,
	.tab-pane.tab_content_green .mt-checkbox > input:checked ~ span {
		background: #0f0f0f;
	}

.tabbed.round .al_tab_top ul li a {
	opacity: 0.5;
}

.tabbed .al_tab_top ul li.active a,
.tabbed .al_tab_top ul li.active a::before,
.tabbed .al_tab_top ul li.active a::after {
	opacity: 1;
}

.dropdown_menu {
	position: relative;
}

.pend_decoration,
.al_ord_tog_box {
	width: 270px;
	background: #95999c;
	color: var(--gxs_color_0);
	text-align: center;
	padding: 8px 15px;
	display: inline-block;
	border-radius: 20px;
	font-size: 18px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	position: relative;
	z-index: 1502;
}

	.pend_decoration:hover,
	.pend_decoration:focus {
		color: var(--gxs_color_0);
		text-decoration: none;
		box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22);
	}

.dropdown_menu .dropdown_box {
	min-width: 270px;
	height: auto;
	height: 315px;
	overflow-y: auto;
	position: absolute;
	top: 24px;
	right: 0;
	z-index: 1501;
	display: none;
	list-style: none;
	padding: 10px;
	padding-top: 27px;
	background-color: var(--gxs_color_0);
	border-radius: 2px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22);
}

.dropdown_menu.dropdown_m_open .dropdown_box {
	display: block;
}

.al_arch_deco_par {
	width: 100%;
	border: 1px solid #707070;
	padding: 5px 10px 10px 10px;
	border-radius: 8px;
	margin: 7px auto;
}

	.al_arch_deco_par:first-child {
		margin-top: 0;
	}

	.al_arch_deco_par:last-child {
		margin-bottom: 0;
	}

	.al_arch_deco_par h3 {
		color: var(--gxs_color_100);
		text-align: center;
		font-weight: 500;
		margin: 0 0 5px 0;
		font-size: 18px;
		line-height: normal;
	}

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

.dashboard_sec .row .col-sm-12.col-md-4 {
	margin-right: -1px;
}

	.dashboard_sec .row .col-sm-12.col-md-4 .al_active {
		background: var(--gxs_color_100);
		color: var(--gxs_color_0);
	}

		.dashboard_sec .row .col-sm-12.col-md-4 .al_active .dash_icons svg {
			fill: var(--gxs_color_0);
		}

.dashboard_sec a .al_dash_count_b {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.dashboard_sec a:hover .al_dash_count_b {
	color: var(--theme_color);
}

.dashboard_sec .row .col-sm-12.col-md-4 .dash_icons svg {
	fill: var(--gxs_color_100);
	max-height: 100px;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.dashboard_sec .row .col-sm-12.col-md-4:hover .dash_icons svg {
	fill: var(--theme_color);
}

.dash_icons svg > * {
	opacity: 1 !important;
}


.al_dash_count_b {
	font-size: 24px;
}

.al_reassign_modalbtn .fa-times {
	cursor: pointer;
}

.al_reassign_modalbtn_2 .btn {
	font-size: 20px !important;
	border-radius: 0 !important;
	border: 2px solid #7f828c;
	padding: 8px 10px !important;
	margin-bottom: 15px;
}

	.al_reassign_modalbtn_2 .btn:last-child {
		margin-bottom: 0;
	}


.al_assign_artist .table > tbody > tr {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

	.al_assign_artist .table > tbody > tr:hover,
	.al_assign_artist .table > tbody > tr.al_active,
	.al_assign_artist .table > tbody > tr.al_active:hover {
		background: var(--gxs_color_100);
		color: var(--gxs_color_0);
	}

.al_assign_artist .table > thead > tr > th {
	background: transparent;
}

.al_assign_artist .table > thead > tr > th,
.al_assign_artist .table > tbody > tr > td {
	border: none;
	padding: 4px 6px;
}

.al_assign_artist .btn.dark {
	width: auto;
	border-radius: 0 !important;
}

	.al_assign_artist .btn.dark:hover,
	.al_assign_artist .btn.dark:focus {
		background: #181c1f !important;
	}

.al_vertical_c.in {
	border: 1px solid red;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}

	.al_vertical_c.in .modal-dialog {
		padding-top: 15px;
		margin: auto;
	}

.al_save_send_btn {
	padding: 0 15px;
}

.al_queue_popup_div {
	position: relative;
}

	.al_queue_popup_div span {
		cursor: pointer;
	}

	.al_queue_popup_div .al_queue_box {
		display: none;
	}
		/* .al_queue_popup_div .al_queue_box.al_quque_open{display: block;} */

		.al_queue_popup_div .al_queue_box .al_reassign_modalbtn {
			background: var(--gxs_color_0);
			width: 350px;
			height: auto;
			max-height: 110px;
			overflow-y: auto;
			padding: 7px;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 15;
		}

.table tr:last-child .al_queue_popup_div .al_queue_box .al_reassign_modalbtn {
	top: inherit;
	bottom: 0;
}

.al_queue_popup_div .al_queue_box .al_reassign_modalbtn.al_queuebox_yellow_box {
	background: var(--theme_color);
	color: var(--gxs_color_100);
}

.al_queue_popup_div .al_queue_box .al_assign_artist .table {
	background: transparent;
}

.al_queue_popup_div .al_queue_box .text-left {
	text-align: left !important;
}

.al_queue_popup_div .al_queue_box .text-center {
	text-align: center !important;
}

.al_queue_popup_div .al_queue_box h3 {
	font-size: 18px;
	margin: 0;
}

.al_queue_popup_div .al_queue_box .al_assign_artist .table > thead > tr > th,
.al_queue_popup_div .al_queue_box .al_assign_artist .table > tbody > tr > td {
	padding: 2px 4px;
}

.al_email_box {
	text-align: center;
	vertical-align: bottom !important;
}

	.al_email_box,
	.al_email_box svg {
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

		.al_email_box svg {
			width: 34px;
			height: 34px;
			fill: var(--gxs_color_100);
		}

.table-hover > tbody > tr > td.al_email_box.al_email_box_open,
.table-hover > tbody > tr:hover > td.al_email_box.al_email_box_open:hover,
.table-hover > tbody > tr:hover > td.al_email_box:hover {
	background: var(--gxs_color_100) !important;
}

.al_email_box:hover svg,
.al_email_box.al_email_box_open svg,
.al_email_box.al_email_box_open:hover svg {
	fill: var(--gxs_color_0);
}

.al_data_box datalist {
	width: 100%;
	color: #F00;
	height: 15px;
	overflow-y: auto;
}

	.al_data_box datalist option {
		width: 100%;
		color: #F00;
		font-size: 25px;
	}




.al_multi_box button.multiselect,
.al_multi_box .dropdown-search {
	background: transparent !important;
	height: auto !important;
	line-height: normal !important;
	padding: 0 !important;
	border: 0;
}

.al_multi_box a .fa {
	color: #333333;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.al_multi_box a:hover .fa {
	color: var(--theme_color);
}

.al_sportmodal .modal-title {
	margin-right: auto;
	font-size: 18px;
}

.al_filloutline_color_par.al_placebox_body {
	border-top: 1px solid #dcdcdc;
	padding: 15px 0 0 0 !important;
}

.al_filloutline_color_par .form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
	top: 10px;
}

.al_filloutline_color_par > .row .col-sm-12.col-md-6 {
	margin-right: -1px;
}

.al_filloutline_color_par .custome_code {
	width: 100%;
	max-width: 270px;
}


.al_ord_tog_box {
	width: auto;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
}

.al_ord_toggle_btn {
	margin: 0 10px 0 auto;
}

.al_ord_tog_box #al_completed_tab,
.al_ord_tog_box #al_decoration_view {
	transition: all 0.3s ease;
}

	.al_ord_tog_box #al_completed_tab.active,
	.al_ord_tog_box #al_decoration_view.active {
		color: var(--theme_color);
	}

.al_ord_tog_box a {
	color: var(--gxs_color_0);
	text-decoration: none !important;
}

.lbl {
	position: relative;
	display: block;
	height: 16px;
	width: 45px;
	background: #373A3B;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.3s ease;
}

	.lbl:after {
		position: absolute;
		left: -3px;
		top: -4px;
		display: block;
		width: 24px;
		height: 24px;
		border-radius: 100px;
		background: var(--theme_color);
		box-shadow: 0px 0px 3px rgb(246, 210, 53);
		content: '';
		transition: all 0.3s ease;
	}

	.lbl:active:after {
		transform: scale(1.15, 0.85);
	}

.cbx:checked ~ label {
	background: #373A3B;
}

	.cbx:checked ~ label:after {
		left: 21px;
		background: var(--theme_color);
	}

.cbx:disabled ~ label {
	background: #d5d5d5;
	pointer-events: none;
}

	.cbx:disabled ~ label:after {
		background: #bcbdbc;
	}

.hidden {
	display: none;
}

.al_single_pill .multiselect-selected-text,
.al_single_pill .select2-selection__choice {
	color: #333 !important;
	background-color: var(--theme_color);
	border: 1px solid var(--theme_color);
	border-radius: 4px !important;
	cursor: default;
	float: left;
	margin: 0 0 0 5px;
	border-radius: 25px !important;
	padding: 8px 13px !important;
	display: block;
}

.al_single_pill .multiple_value b.caret.r-tick {
	margin-top: 15px;
}

.card {
	width: 100%;
	/* height: 100%; */
	transition: transform 1.5s;
	transform-style: preserve-3d;
	/* cursor: pointer; */
	position: relative;
}

	/*.card.is-flipped {
		transform: rotateY(180deg);
	}*/

.card__face {
	background: var(--gxs_color_0);
	position: relative;
	width: 100%;
	/* height: 100%; */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 15;
}

.card__face--front {
}

.card__face--back {
	display: none;
}

/* .card__face--back {
transform: rotateY(180deg);
} */

#flip_box_h_2 .al_oc_viewasset_par {
	margin-top: 0;
}

body .al_panel_box_list li {
	position: relative;
}

body.al_acr_mask_layer .al_panel_box_list li:before {
	content: "";
	background: transparent;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99;
}

/*Start - Added by Vishal Pekyare - order completion page*/

.al_prodcution_dd_top {
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: -ms-flexbox !important;
	display: flex !important;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: auto;
}

.al_production_select {
	margin: 0 7px 4px 0;
}

	.al_production_select > .bootstrap-select {
		width: auto !important;
	}

.portlet.box.dark > .portlet-title > .actions .al_production_select .btn-default {
	background: var(--gxs_color_0) !important;
	color: var(--gxs_color_100);
	width: auto;
	min-width: 198px;
	border: none !important;
	box-shadow: none !important;
	padding: 6px 7px;
	outline: none !important;
}

.al_production_select .dropdown-menu > li > a {
	color: var(--gxs_color_100);
	padding: 8px 6px;
}

.al_production_select .bs3.open .btn {
	border-radius: 4px 4px 0 0;
	z-index: 1001;
}

.al_production_select .dropdown-menu {
	background: var(--gxs_color_0);
	padding-left: 0;
	padding-right: 0;
}

.al_production_select .bs3.open .dropdown-menu {
	border-radius: 0 0 4px 4px !important;
	text-align: center;
}

.al_production_select .filter-option {
	padding-right: 0 !important;
}

	.al_production_select .filter-option .filter-option-inner-inner {
		font-size: 14px;
		font-weight: 500;
		text-align: center;
	}

		.al_production_select .filter-option .filter-option-inner-inner:after {
			content: "";
			width: 0;
			height: 0;
			display: inline-block;
			border: 5px solid transparent;
			border-bottom-color: black;
			position: relative;
			top: -2px;
			margin-left: 5px;
		}

.al_production_select .bs3.open .filter-option .filter-option-inner-inner:after {
	border-top-color: black;
	border-bottom-color: transparent;
	top: 3.5px;
}

.al_production_select .bs-caret {
	display: none;
}

.al_production_select .bootstrap-select .dropdown-menu li.disabled a {
	color: #E6E6E6;
}

/*End - Added by Vishal Pekayare - order completion page*/


.al_lbl_pills .select2.select2-container{
	width: 100% !important;
	min-height: 41px;
}

/* ============================================
	Media Query
============================================ */
@media only screen and (device-width: 1199px), only screen and (max-width: 1199px) {
	.al_form_lbl_box .row .al_col_div {
		max-width: 25%;
	}

	.al_dropship_par .al_quantity_par .border_line {
		padding: 0 10px;
	}

	.al_names_numbers_par .portlet-body > .al_d-flex {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.al_names_numbers_par .portlet-body > .al_d-flex .al_nn_number_box {
			margin-top: 15px;
		}

	.al_tab_1 > .row > .col-md-5.al_size_info {
		width: 100%;
	}

	.al_tab_1 > .row > .al_middle_img,
	.al_tab_1 > .row > .col-md-4.al_size_info {
		width: 50%;
	}

	.al_instructions_scroll {
		min-height: 357px;
	}

	.al_sizewise_label ul li,
	.al_sizewise_box ul li {
		width: 100%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

		.al_sizewise_label ul li.al_sizewise_lvl_5 {
			display: none;
		}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.al_select_garment_box .al_upload_form .col-sm-12.col-md-4 .al_label_tbox .border_line {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.al_select_garment_box .al_upload_form .col-sm-12.col-md-4 .al_label_tbox .border_line label {
			width: 100%;
			max-width: 100%;
			-webkit-box-flex: 1;
			-webkit-flex: 1 0 auto;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
		}

	.al_select_garment_box .al_upload_form .col-sm-12.col-md-4 .al_label_tbox.al_help-block .form-control {
		width: calc(100% - 35px);
	}
}

@media only screen and (device-width: 1024px), only screen and (max-width: 1024px) {
	.al_form_lbl_box .row .al_col_div {
		max-width: 33.33333333%;
	}

	.al_deco_tab .tabbed .al_tab_top ul li {
		width: 32%;
	}

	.al_size_info {
		margin-bottom: 15px;
	}
}

@media only screen and (min-device-width: 992px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

	.al_setup_type > .al_d-flex {
		width: 100%;
		display: table;
	}

	.al_setup_type .al_d-flex .col-sm-12.col-md-6 {
		width: 50%;
		float: none;
		display: table-cell;
	}

	.al_oc_gar_top .al_oc_gar_top_r {
		width: 100%;
		max-width: 150px;
		flex: 0 0 150px;
	}

	.al_oc_viewasset_par .al_oc_head .title_area {
		width: auto;
		max-width: inherit;
	}

	.title h1 {
		font-size: 25px;
	}

	.al_oc_viewasset_par .al_review_btns .btn span {
		min-width: 45px;
	}
}

@media only screen and (device-width: 991px), only screen and (max-width: 991px) {
	.al_img_tools > .al_d-flex {
		flex-direction: column;
		align-items: center;
	}

	.al_img_tools .al_tools_color {
		flex: 0 0 auto;
	}

	.al_img_tools > .al_d-flex > div {
		margin: 0 auto 15px auto;
	}

		.al_img_tools > .al_d-flex > div:last-child {
			margin: 0 auto;
		}

	.al_img_tools .al_tootls_submit {
		flex: 0 0 auto;
		width: 100%;
	}

	.al_tab_left {
		margin-bottom: 15px;
	}

	.al_select_garment_box .al_upload_form .col-sm-12.col-md-8,
	.al_select_garment_box .al_upload_form .col-sm-12.col-md-4 {
		width: 100%;
		padding: 10px;
	}

	.al_select_garment_box .al_upload_form .col-sm-12.col-md-4,
	.al_search_fileupload {
		max-width: 500px;
		border: 1px solid var(--gxs_color_30);
		margin: 0 auto 15px;
	}

	.al_search_fileupload {
		border: none;
		margin: 15px auto;
	}

	.al_place_box div > .col-sm-12.col-md-6 {
		padding: 0 15px;
	}

	.al_setup_type .al_d-flex .col-sm-12.col-md-6 {
		padding: 0;
	}

	.al_qtybox_lbl {
		margin-left: 0;
	}

	.al_gar_img_qty {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.al_form_lbl_box .row .al_col_div {
		max-width: 50%;
	}

	.al_reorder_ribbon ul li h3 {
		font-size: 22px;
	}

	.al_place_order_par .al_setup_type > .al_d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.al_placebox_body .al_label_tbox .border_line {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.al_label_tbox label,
	.al_instock_dropship_par .al_dropship_par .al_label_tbox label,
	.al_coll_label .al_placebox_body .al_label_tbox label {
		width: 100%;
		max-width: 100%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		margin-bottom: 2px;
	}

	.al_label_tbox.al_help-block .form-control {
		width: calc(100% - 35px);
	}

	.al_placebox_scroll {
		max-height: inherit;
		overflow: visible;
	}

	.al_sizes_box label {
		text-align: center;
	}

	.al_oc_whitepaper .al_oc_whitepaper_foot .al_barcode_box img {
		max-width: 185px;
	}

	.al_oc_viewasset_par .al_oc_head .title_bg {
		padding: 0 10px;
	}

	.al_oc_viewasset_par .al_oc_head .title_area {
		max-width: 145px;
	}

	.al_gar_panel_box_b > div,
	.al_viewasset_gar_box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.al_gar_panel_box_b .al_gar_panel_box_b_l {
		margin: 0 auto 15px !important;
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
	}

	.al_viewasset_gar_box {
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.al_viewasset_gar_box_l {
		margin: 0 0 15px 0;
	}

	.al_orignal_order_par .al_text_sub .border_line {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.al_snm_box > li,
	.al_snm_box .al_snm_subbox {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

		.al_snm_box .al_snm_subbox.al_srm_lvl_3 {
			display: none;
		}

	.dashboard_sec .row .col-sm-12.col-md-4 {
		width: 100%;
		max-width: 50%;
	}

	.al_sizewise_label ul li,
	.al_sizewise_box ul li {
		width: 100%;
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}

		.al_sizewise_label ul li.al_sizewise_lvl_4 {
			display: none;
		}

	.al_review_btns {
		width: 100%;
		-webkit-box-flex: 1;
		-webkit-flex: 1 0 auto;
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		margin: 10px 0;
		text-align: left;
	}

	.al_ord_comp_par .order_number > .al_d-flex > div {
		margin: 5px 0;
	}

		.al_ord_comp_par .order_number > .al_d-flex > div:first-child {
			margin: 0;
		}
}

@media only screen and (device-width: 768px), only screen and (max-width: 768px) {
	.al_top_space .al_container_space {
		padding-left: 10px;
		padding-right: 10px;
	}

	.al_img_tools .al_d-flex > .al_tools_color,
	.al_img_tools .al_view_tools {
		width: 100%;
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 auto;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
	}

	.al_2col_spc .col-sm-12.col-md-6 {
		padding: 0 !important;
	}

	.al_place_order_par .al_setup_type .al_d-flex .col-sm-12.col-md-6,
	.al_dropship_par .al_quantity_par .border_line {
		padding: 0;
	}

		.al_dropship_par .al_quantity_par .border_line label {
			padding: 0 0 0 10px;
		}

	.al_oc_whitepaper_head .al_oc_header label {
		max-width: 170px;
		flex: 0 0 170px;
	}

	.al_oc_head h1.page_title {
		display: inline-block;
	}

	.al_review_btns .al_review_expbtn a {
		margin-bottom: 10px;
	}
	/* .al_review_btns .al_review_expbtn a:last-child{margin-bottom: 0;} */

	.al_orignal_order_par > .al_d-flex {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.al_orignal_order_par > .al_d-flex h4 {
			width: 100%;
		}

	.al_tab_1 > .row > .al_middle_img,
	.al_tab_1 > .row > .col-md-4.al_size_info {
		width: 100%;
	}

	.al_middle_img_box {
		min-height: inherit;
	}

	.al_deco_tab .tabbed .al_tab_top ul li {
		min-width: 1px;
	}

	.al_deco_tab .tabbed .al_tab_top ul {
		padding-left: 0;
		margin-right: -5px;
		margin-left: -5px;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.al_deco_tab .tabbed .al_tab_top ul li {
			width: auto;
		}

	.al_deco_tab .tabbed.round .al_tab_top ul li.al_tab_white a,
	.al_deco_tab .tabbed.round .al_tab_top ul li.al_tab_white.active a {
		background: var(--gxs_color_0);
	}

	.al_deco_tab .tabbed.round .al_tab_top ul li a {
		/*background: rgba(255, 255, 255, 0.5);*/
		min-width: inherit;
		height: auto;
		padding: 8px 15px;
		border-radius: 8px;
		margin: 0 5px 10px;
	}

	.al_deco_tab .tabbed .al_tab_top ul li a::before,
	.al_deco_tab .tabbed .al_tab_top ul li a::after,
	.al_deco_tab .tabbed .al_tab_top ul li.active a .al_tab_bottom::after {
		display: none;
	}

	.al_deco_tab .tabbed .al_tab_top ul li.al_tab_white.active a {
		background: #95999C;
		color: var(--gxs_color_100);
	}

	.al_deco_tab .tabbed .al_tab_top ul li.al_tab_yellow.active a {
		background: var(--theme_color);
		color: var(--gxs_color_100);
	}

	.al_deco_tab .tabbed .al_tab_top ul li.al_tab_green.active a {
		background: #58B957;
		color: var(--gxs_color_100);
	}

	.al_deco_tab .tabbed .al_tab_top ul li a span {
		border: none;
		line-height: normal;
		position: relative;
	}

	.tab-pane.tab_content_green .al_middle_img {
		padding-bottom: 15px;
	}

	.al_ord_info_value {
		flex-wrap: wrap;
	}

		.al_ord_info_value > div {
			width: 100%;
			max-width: 100% !important;
			flex: 0 0 auto !important;
		}

	.al_deco_tab .tabbed .al_tab_top ul li a .al_tab_bottom::after {
		border-bottom: 0;
	}
}

@media only screen and (device-width: 767px), only screen and (max-width: 767px) {
	.al_asset_list_box {
		margin-top: 15px;
	}

		.al_asset_list_box li {
			flex-wrap: wrap;
			margin-bottom: 20px;
		}

			.al_asset_list_box li > .al_ab_dd {
				width: 100%;
				margin: 0 0 10px 0;
			}

	.al_ab_check {
		margin-top: 10px;
	}

	.al_reorder_ribbon ul,
	.al_collapse_mode .al_collp_mode_box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

		.al_reorder_ribbon ul li {
			margin: 5px auto;
		}

	.al_exp_coll_par .al_width_height .row > div {
		max-width: 100%;
	}

	.al_collapse_mode .al_collp_mode_box {
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}

		.al_collapse_mode .al_collp_mode_box [class*="al_coll_"] {
			margin-right: 0 !important;
		}

	.al_collapse_mode .al_coll_img {
		max-width: inherit;
	}

		.al_collapse_mode .al_coll_img img {
			max-height: inherit;
		}

	.al_instock_dropship_par .al_dropship_par .al_sizes_box label {
		text-align: center;
	}

	.al_2col_spc > .al_d-flex > .col-sm-12.col-md-6 {
		width: 100%;
	}

	.al_upload_form .al_filemanager_par,
	.al_after_garmen_upload {
		min-height: inherit;
	}

	.al_assets_list_box .slimScrollDiv {
		height: 180px !important;
	}


	.al_img_3 {
		flex: 1 0 100%;
		max-width: 100%;
	}

	.tshirt_img_area {
		margin-bottom: 10px;
	}

	.order_number .caption label {
		font-size: 18px;
	}
	/* .al_deco_tab .tabbed .al_tab_top ul li a::before, 
	.al_deco_tab .tabbed .al_tab_top ul li a::after,
	.al_deco_tab .tabbed .al_tab_top ul li.active a .al_tab_bottom::after{display: block;}
	.al_deco_tab .tabbed .al_tab_top ul li a span{font-size: 13px;}	
	.al_deco_tab .tabbed .al_tab_top ul li {width: 50%;}
	.al_deco_tab .tabbed.round .al_tab_top ul li a{padding: 8px 2px;}
	.al_deco_tab .tabbed .al_tab_top ul li:first-child a::after {left: -5px;}
	.al_deco_tab .tabbed .al_tab_top ul li a::before {right: -4px;}
	.al_deco_tab .tabbed .al_tab_top ul li a::before, .tabbed .al_tab_top ul li a::after {width:71px;} */

	.al_oc_whitepaper_head .al_oc_header,
	.al_oc_whitepaper_body .row .col-sm-12.col-md-6 {
		width: 100%;
	}

		.al_oc_whitepaper_head > .al_d-flex,
		.al_oc_whitepaper_head .al_oc_header li,
		.al_oc_viewasset_par .al_oc_body .al_oc_whitepaper .al_oc_whitepaper_foot > .row {
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
		}

		.al_oc_whitepaper_head .al_oc_header label {
			max-width: 100%;
			flex: 1 0 auto;
			text-align: left;
		}

		.al_oc_whitepaper_head .al_oc_header span {
			width: 100%;
			word-break: break-word;
		}

	.al_oc_whitepaper .al_oc_whitepaper_foot .al_barcode_box {
		margin-bottom: 15px;
	}

	.al_snm_box > li,
	.al_snm_box .al_snm_subbox {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

		.al_snm_box .al_snm_subbox.al_srm_lvl_2 {
			display: none;
		}

	#al_nn_numberbox_scroll {
		overflow-x: auto;
	}

	.al_snm_box .al_snm_box_1,
	.al_snm_box .al_snm_box_2 {
		min-width: 55px;
	}

	.al_snm_box .al_snm_box_3 {
		min-width: 270px;
	}

	.al_sizewise_label ul li,
	.al_sizewise_box ul li {
		width: 100%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

		.al_sizewise_label ul li.al_sizewise_lvl_3 {
			display: none;
		}

	.al_oc_viewasset_par .al_review_btns .panel {
		-webkit-box-pack: start;
		-webkit-justify-content: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
}

@media only screen and (device-width: 640px), only screen and (max-width: 640px) {
	.box .user {
		width: 80px;
	}
}

@media only screen and (device-width: 620px), only screen and (max-width: 620px) {

	.al_img_tools .al_tools_color,
	.al_img_tools .al_tools_list_box {
		margin-right: 0;
	}

	.al_img_tools > .al_d-flex > div {
		width: 100%;
		max-width: 100%;
	}

	.tabbed .al_tab_top ul {
		padding-left: 0;
		margin-right: -5px;
		margin-left: -5px;
	}

		.tabbed .al_tab_top ul li {
			width: auto;
		}

	.tabbed.round .al_tab_top ul li a {
		background: rgba(255, 255, 255, 0.5);
		min-width: inherit;
		height: auto;
		padding: 8px 15px;
		border-radius: 8px;
		margin: 0 5px 10px;
	}

	.tabbed .al_tab_top ul li a::before,
	.tabbed .al_tab_top ul li a::after,
	.tabbed .al_tab_top ul li.active a .al_tab_bottom::after {
		display: none;
	}

	.tabbed .al_tab_top ul li.active a {
		background: var(--gxs_color_0);
	}

	.tabbed .al_tab_top ul li a span {
		border: none;
		line-height: normal;
		position: relative;
	}

	.al_text_sub {
		flex-direction: column;
		align-items: flex-start;
	}

		.al_text_sub button {
			margin: 10px 0 0 0 !important;
		}

	.al_label_tbox.al_help-block .border_line {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.al_label_tbox.al_help-block .border_line label {
			width: 100%;
		}


	.al_form_lbl_box .row .al_col_div {
		max-width: 100%;
	}

	.al_oc_gar_top {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.al_oc_gar_top .al_oc_gar_top_l {
			width: 100%;
			-webkit-box-flex: 1;
			-webkit-flex: 1 0 auto;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
		}

		.al_oc_gar_top .al_oc_gar_top_r {
			max-width: inherit;
			width: auto;
			-webkit-box-flex: 1;
			-webkit-flex: 1 0 auto;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto;
		}

	.dashboard_sec .row .col-sm-12.col-md-4 {
		width: 100%;
		max-width: 100%;
	}
}

@media only screen and (device-width: 520px), only screen and (max-width: 520px) {
	.al_place_option li a {
		font-size: 22px;
	}

		.al_place_option li a img {
			width: 35px;
		}

	.al_oc_viewasset_par .al_oc_body .al_oc_whitepaper {
		padding: 15px;
	}

	.al_oc_whitepaper_body .row {
		margin: 0;
	}

		.al_oc_whitepaper_body .row .col-sm-12.col-md-6 {
			padding-left: 0;
			padding-right: 0;
		}

	.al_oc_gar_top .al_oc_gar_top_c {
		max-width: 70px;
		flex: 0 0 70px;
		padding: 0 10px 0 0;
	}

		.al_oc_gar_top .al_oc_gar_top_c ul li img {
			padding: 0;
		}

	.al_place_order_btn img {
		width: 16px;
	}

	.al_sales_login .al_sl_head {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

		.al_sales_login .al_sl_head > div {
			width: 100%;
			margin: 0;
			-webkit-box-ordinal-group: 4;
			-webkit-order: 3;
			-ms-flex-order: 3;
			order: 3;
		}

		.al_sales_login .al_sl_head h3 {
			-webkit-box-ordinal-group: 2;
			-webkit-order: 1;
			-ms-flex-order: 1;
			order: 1;
		}

		.al_sales_login .al_sl_head i {
			-webkit-box-ordinal-group: 3;
			-webkit-order: 2;
			-ms-flex-order: 2;
			order: 2;
		}

	.al_send_mail_box > .al_d-flex > div.al_d-flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.al_chatbox_par .chat_div,
	.al_chatbox_par .al_send_mail_box {
		padding: 0 5px;
	}

	.al_send_mail_box > .al_d-flex > div.al_d-flex {
		margin-bottom: 0;
	}

	.al_send_mail_box > .al_d-flex > div.text-center {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.al_send_mail_box > .al_d-flex > div.al_d-flex label {
		max-width: 100%;
		flex: 0 0 auto;
	}

	.al_sizewise_label ul li,
	.al_sizewise_box ul li {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

		.al_sizewise_label ul li.al_sizewise_lvl_2 {
			display: none;
		}

	/*Start - Added by Vishal Pekayare - Order Completion*/

	.al_multi_box button.multiselect,
	.al_multi_box .dropdown-search {
		background: transparent !important;
		height: auto !important;
		line-height: normal !important;
		padding: 0 !important;
		border: 0;
	}

	.al_multi_box a .fa {
		color: #333333;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.al_multi_box a:hover .fa {
		color: var(--theme_color);
	}

	.al_sportmodal .modal-title {
		margin-right: auto;
		font-size: 18px;
	}

	.al_filloutline_color_par.al_placebox_body {
		border-top: 1px solid #dcdcdc;
		padding: 15px 0 0 0 !important;
	}

	.al_filloutline_color_par .form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
		top: 10px;
	}

	.al_filloutline_color_par > .row .col-sm-12.col-md-6 {
		margin-right: -1px;
	}

	.al_filloutline_color_par .custome_code {
		width: 100%;
		max-width: 270px;
	}

	/*End - Added by Vishal Pekayare - Order Completion*/

	.al_review_btns > .panel > .al_d-flex {
		-webkit-box-pack: start !important;
		-webkit-justify-content: flex-start !important;
		-ms-flex-pack: start !important;
		justify-content: flex-start !important;
	}

	/*Start - Added by Vishal Pekayare - Order Completion*/
	.al_instructions .nav-tabs > li > a {
		font-size: 15px;
		padding: 3px 8px;
	}

	.al_history_box_par .al_ahheading_box {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-ms-flex: 1;
		flex: 1;
		word-break: break-word;
	}
	/*End - Added by Vishal Pekayare - Order Completion*/
}

@media only screen and (device-width: 360px), only screen and (max-width: 360px) {
	.brandname-log .login {
		top: 2px;
	}

	.login .user {
		top: -1px;
	}

	.al_names_numbers_par .portlet.box > .portlet-body {
		padding: 0 !important;
	}

	.al_names_numbers_par .al_nn_names_box {
		margin: 0;
	}

		.al_names_numbers_par .al_nn_names_box > .al_d-flex {
			width: 100%;
			margin: 5px 0 0 0;
		}
}






.modal-open {
	overflow-y: hidden !important;
}

.al_fullscreen_mode {
	padding: 0 !important;
	bottom: 0 !important;
}

	.al_fullscreen_mode .modal-dialog {
		max-width: 100%;
		width: 100%;
		height: 100%;
		padding: 15px !important;
		margin: 0;
	}

	.al_fullscreen_mode .modal-content {
		height: auto;
		min-height: 100%;
		border-radius: 0;
		display: flex;
		flex-direction: column;
	}

	.al_fullscreen_mode .modal-body {
		display: flex;
		flex: 1 0 auto;
	}

	.al_fullscreen_mode .modal-header h4 {
		font-size: 18px;
		font-weight: 500;
		margin: 0 auto 0 0;
	}

	.al_fullscreen_mode .modal-body iframe {
		width: 100%;
		min-height: 100%;
		border: none;
		display: flex;
		flex-direction: column;
	}

/*Start - Added by Vishal Pekayare- Overriding the Decoration details with other Asset number task*/
	.al_populate {
		background-color: #f0d539;
		border: 0;
		padding: 2px 10px;
		border-radius: 5px;
		box-shadow: 0 0px 0px rgb(0 0 0 / 20%), 0 2px 3px rgb(0 0 0 / 26%);
		font-size: 14px;
	}
/*End - Added by Vishal Pekayare- Overriding the Decoration details with other Asset number task*/


a.deco-error {
	display: inline-block;
	cursor: pointer;
	position: relative;
	float: left; /*Start : tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
	top: 0px; /*Start : tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
	left: -11px; /*Start : tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
	background: white;
	border-radius: 50%;
	width: 20px;
	height: 20px;
}

	a.deco-error > span {
		color: #ff0000;
		font-size: 22px;
		fill: white;
		text-align: center;
		position: relative;
		left: -1px;
		top: -1px;
	}
/*Start : Added by Rutu tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/
.show-drag span.material-icons-outlined {
	font-size: 17px;
	cursor:pointer;
}
.deco_label label:hover .show-drag {
	display: block;
}
.garment-heading:hover .show-drag-li {
	display: block;
}
.show-drag {
	display: none;
	position: absolute;
	right: 9px;
	top: 4px;
	z-index: 999;
	color: white;
}
.show-drag-li {
	display: none;
	position: absolute;
	right: 17px;
	top: 7px;
	z-index: 999;
	color: black;
}
/*End : Added by Rutu tkt1248_Ability to dragdrop art tabs to change the order of the garmentsdecorations*/

/*Start - Added by Vishal Pekayare- PSD available in SKU Details*/
.no_pdf_available {
	background-image: url('../../../images/no_psd_available.png');
	width: 22px;
	height: 22px;
	position: absolute;
	top: 34px;
	right: 5px;
}

.pdf_available {
	background-image: url('../../../images/psd_available.png');
	width: 22px;
	height: 22px;
	position: absolute;
	top: 34px;
	right: 5px;
}
/*End - Added by Vishal Pekayare- PSD available in SKU Details*/

/*Start - Generate new artID css added by Rutu*/
.generate_new_artID {
	display: inherit;
	width: auto;
	margin-top: 3px;
	margin-bottom: 15px;
}

.generate_new_artID a {
	/* display: inline !important; */
	padding: 2px 10px;
	box-shadow: 0 3px 6px rgb(0 0 0 / 20%), 0 3px 6px rgb(0 0 0 / 26%);
	border-radius: 3px;
}
.generate_new_artID a:hover {
	text-decoration: none;
}
.al_middle_img_box img {
	max-height: 355px;
	/* width: 100%; */
	margin: 0px auto;
	display: block;
}
/*End - Generate new artID css added by Rutu*/
.add-sku {
	margin-bottom: 10px;
	position: relative;
	top: -3px;
	font-size: 26px;
	color: black;
}

.ml-auto {
	margin-left: auto;
}