@charset "utf-8";
@import url('../../../ArtLocker/Common/fonts/roboto-font/roboto-fonts.css');
@import url('../../../ArtLocker/Common/fonts/MateralIcons/materiallcons-fonts.css');
@import url('../../../ArtLocker/Common/fonts/summernote/summernote-fonts.css');

/*:root {
    --primary_bg: 18,18,18;
    --secondary_bg: 32,101,167;
    --gxs_color_45: 154,154,154;
    --body_bg_d: 32,33,36;
    --body_bg_l: 102,102,102;
    --var(--gxs_color_0)_bg: 255,255,255;
    --font_w_4: 'UnitedSansRegLight';
	--font_medium: 'UnitedSansRegMedium';
	--font_bold: 'UnitedSansRegBold';
    --gray_txt: #888888;
    --txt_dark_gray: var(--gxs_color_65)333;
}*/
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	list-style: none;
}

img {
	max-width: 100%;
}

html,
body {
	position: relative;
	height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 16px;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

h3, h4, h5 {
	margin-top: 5px;
	font-family: var(--font_bold);
}

div {
	display: block;
}

.big-font {
	font-size: 24px
}

.mid-font {
	font-size: 20px
}

.small-font {
	font-size: 18px;
}

.center {
	text-align: center;
}

body {
	background: var(--gxs_color_20);
	color: var(--gxs_color_90);
	font-family: var(--font_regular);
	font-size: 14px !important;
	line-height: 18px;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	/* overflow-y: scroll;
	overflow-x: hidden; */
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-stroke: 1px transparent;
	letter-spacing: 0.5px;
}

hr {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: var(--gxs_color_30);
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin-bottom: 10px;
	margin-top: 0px;
}

ol {
	list-style: decimal outside none;
}

ul {
	list-style: disc outside none;
}

p {
	margin-bottom: 10px;
	text-align: justify;
}
/*Added css for T:1736_left menu*/
.al--breadcrumb ul li {
	line-height: 14px;
}
.al--sidemenu > ul.nav > .nav-item > a.nav-link:focus {
	background-color: #494949 !important;
}
.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
}
.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important;
}
.al--title_menu_button {
	padding: 0 5px 0px 5px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important;
}
.al--sidemenu .al--submenu > li > a, .al--search_user_profile .al--desktop_search input, .al--left_menuparent .nav-tabs .nav-link, .al--back_overlay, .al--assignment_button .al--btn_white, .al--assignment_button .al--btn_outline, .dropdown-item, .al--working_box .nav-tabs li a, .all--notification_td svg, .al--assethistory_icon svg, .table-hover tbody tr, .al--multiselect-boxes .custom-select .multiselect-selected-text:after, .al--assignment_button .al--btn_white, .al--assignment_button .dropdown-submenu a::after, .table tr td, .al--sidemenu > ul.nav > .nav-item > a.nav-link, .al--sidemenu .al--submenu > li > a, .al--search_user_profile .al--top_box.dropdown .dropdown-menu a, .al--search_user_profile .al--top_box a.dropdown_btn, .al--title_menu_button, .al--search_user_profile .al--top_box a {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.mr-2, .mx-2 {
	margin-right: 0.5rem !important;
}
.al--title_menu_button h1 {
	font-family: var(--font_bold);
	color: var(--gxs_color_0);
	font-size: 18px;
	height: 18px;
	margin: 0px;
	letter-spacing: 0.5px;
	font-weight: normal;
	padding: 1px 3px;
}
.al--title_menu_button svg {
	fill: var(--gxs_color_0);
	height: 24px;
}
.al--logo a img {
	height: 46px;
}
.al--search_user_profile .al--search_box {
	position: relative;
}
.al--search_user_profile .al--desktop_search {
	position: absolute;
	right: 0;
	top: calc(50% - 15px);
}
.al--search_user_profile .al--desktop_search .al--search_btn_l {
	left: 0;
}
.al--search_user_profile .al--desktop_search [class*="al--search_btn_"] {
	width: 30px;
	height: 30px;
	padding: 5px;
	position: absolute;
	top: 2px;
}
	.al--search_user_profile .al--desktop_search input {
		width: 130px;
		background: transparent;
		box-shadow: none !important;
		border: 2px solid rgba(var(--bg_light),1);
		border-radius: 25px;
		color: var(--gxs_color_0);
		font-family: 'Roboto', sans-serif !important;
		padding-left: 30px;
		padding-right: 10px;
		padding-top: 7px;
		height: 31px;
	}
@media only screen and (device-width: 992px), only screen and (min-width: 992px){
	.al--mobile_search {
		display: none;
	}
}
.al--search_user_profile .al--top_box a {
	padding: 9px 8px;
	position: relative;
	overflow: hidden;
}
.al--search_user_profile .al--top_box svg {
	width: 30px;
	fill: rgba(var(--bg_light),1);
}
#mobile_searchbox {
	position: fixed;
	left: 0;
	top: 50px;
	right: 0;
}
	#mobile_searchbox input {
		height: 40px;
		color: rgba(var(--primary_bg),1);
		font-family: 'UnitedSansRegBold';
		font-size: 18px;
		/* -webkit-appearance: none; */
		border: 1px solid red;
		border-radius: 0;
	}

.al--search_user_profile .al--top_box > a, .al--search_user_profile .al--top_box > a.dropdown_btn {
	height: 50px;
	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;
}
.open > .dropdown-menu {
	display: block;
	transform: translate3d(px, 0px, 0px);
	padding: 0;
}
.more_opt.open ul.dropdown-menu.menu_drop {
	transform: translate3d(0px, 0px, 0px);
}
.dropdown-menu {
	background-color: white;
	border: 1px solid rgba(0,0,0,.15) !important;
	box-shadow: none !important;
	padding: 15px 0;
	width: -242px;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 2.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.pb-2, .py-2 {
	padding-bottom: 0.5rem !important;
}
.pt-2, .py-2 {
	padding-top: 1rem !important;
}
.avatar {
	position: relative;
	display: inline-block;
	width: 24px;
	height: 24px;
	font-size: 13px;
	background-color: lightgray;
	border-radius: 50%;
	text-align: center;
	line-height: 1.9;
}
/*.avatar-md {
	width: 56px;
	height: 56px;
}*/
.font-weight-bold {
	font-weight: 700 !important;
	color: black !important;
	text-decoration: none !important;
}
.text-uppercase {
	text-transform: uppercase !important;
}
.ml-2 {
	margin-left: 1.5rem !important;
}
.mx-3 {
	margin-left: 2rem !important;
}
.font-lg {
	font-size: 16px;
	font-weight: 500;
	color: #464646 !important;
	margin: 0 !important;
}
.mb-0, .my-0 {
	margin-bottom: 0 !important;
}
.l-gray {
	color: #686868 !important;
	font-size: 14px;
}
.mt-2, .my-2 {
	margin-top: 0.5rem !important;
}
.dropdown-divider {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px solid #e9ecef;
}
.al--search_user_profile .al--top_box.dropdown .dropdown-menu a {
	color: #686868 !important;
	font-size: 14px;
	font-family: var(var(--font_regular));
	letter-spacing: 0.4px;
	padding: 10px 24px 10px 66px;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
	margin-bottom: 0px;
}
.home_header {
	margin-top: 50px;
}
.east-small {
	max-width: initial!important;
}
.login {
	width: 100%!important;
}
.box .user {
	line-height: 0;
}
/*[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"], [class*=" icon-"], [class^=fa-]:not(.fa-stack), [class^=glyphicon-], [class^=icon-] {
	line-height: 28px;
}*/
.LoggedInUserName{
	display:none;
}
ul.list-unstyled li a {
	color: #686868;
	font-size: 14px;
	font-family: var(var(--font_regular));
	letter-spacing: 0.4px;
	padding: 10px 24px 10px 34px !important;
	background: white;
	text-align: left;
	text-transform: initial;
}
.signup_button {
	display: block;
}
.signup_button {
	width: auto;
	max-width: 300px;
	min-width: 100%;
	height: 40px;
	background: white;
	border: 2px solid transparent !important;
	color: var(--gxs_color_100);
	padding: 0 30px;
	text-align: left;
	text-transform: initial;
	text-decoration: none;
	-webkit-transition: all .15s ease 0s;
	transition: all .15s ease 0s;
	vertical-align: top;
}
h1.page_title {
	font-family: var(--font_regular);
}
.al--sidemenu .al--submenu > li > a,
.al--search_user_profile .al--desktop_search input,
.al--left_menuparent .nav-tabs .nav-link,
.al--back_overlay,
.al--assignment_button .al--btn_white,
.al--assignment_button .al--btn_outline,
.dropdown-item,
.al--working_box .nav-tabs li a,
.all--notification_td svg,
.al--assethistory_icon svg,
.table-hover tbody tr,
.al--multiselect-boxes .custom-select .multiselect-selected-text:after,
.al--assignment_button .al--btn_white,
.al--assignment_button .dropdown-submenu a::after,
.table tr td,
.al--sidemenu > ul.nav > .nav-item > a.nav-link,
.al--sidemenu .al--submenu > li > a,
.al--search_user_profile .al--top_box.dropdown .dropdown-menu a,
.al--search_user_profile .al--top_box a.dropdown_btn,
.al--title_menu_button,
.al--search_user_profile .al--top_box a {
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.al--drawer-effect {
	animation: fadeIn 0.9s;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}
.al--left_menuparent {
	background: #121212;
	width: 266px;
	position: fixed;
	left: 0;
	top: 50px;
	bottom: 0;
	z-index: 9999;
}

.al--drawer_open .al--left_menuparent {
	left: -100%;
}

.al--left_menu {
	height: 100%;
	flex: 1;
}

.al--left_menuparent .tab-content {
	overflow-y: auto;
	color: rgba(var(--bg_light),1);
}

.al--left_menuparent .nav-tabs {
	border-bottom: none;
	margin-bottom: 0px;
}

.al--left_menuparent .nav-tabs .nav-link,
.al--left_menuparent .nav-tabs .nav-link.active {
	background: #121212 !important;
	border: none;
	border-radius: 0;
}

	.al--left_menuparent .nav-tabs .nav-link {
		border: none;
		color: rgba(var(--bg_light),1);
		font-family: var(--font_medium);
		/* border-right: 1px solid rgba(var(--bg_light),1) !important;
    border-bottom: 1px solid rgba(var(--bg_light),1) !important;*/
		position: relative;
		overflow: hidden;
		background: #272727 !important;
	}

	.al--left_menuparent .nav-tabs .nav-link.active {
		border-bottom: none !important;
		color: var(--gxs_color_0);
		padding: 10px 15px;
	}

.al--sidemenu > ul.nav > .nav-item > a.nav-link {
	color: var(--gxs_color_0);
	font-family: var(--font_bold);
	font-size: 14px;
	font-family: var(--font_bold);
}

/*.al--sidemenu > ul.nav > .nav-item > a.nav-link,*/
.al--sidemenu .al--submenu > li > a {
	position: relative;
	overflow: hidden;
}

ul.nav-tabs > li.nav-item > a.nav-link-sub {
	border: none;
	color: rgba(var(--bg_light),1);
	font-family: var(--font_medium) ;
	border-right: 0px solid rgba(var(--bg_light),1);
	border-bottom: 0px solid rgba(var(--bg_light),1);
	position: relative;
	overflow: hidden;
	padding: 1.2rem 1rem;
	display: block;
	font-family: var(--font_bold);
}

	ul.nav-tabs > li.nav-item > a.nav-link-sub.ripple_btn.active {
		font-family: var(--font_bold);
		color: white;
	}

.al--sidemenu > ul.nav > .nav-item:hover > a.nav-link,
.al--sidemenu .al--submenu > li:hover,
.al--search_user_profile .al--top_box.dropdown > .dropdown-menu a:hover
.al--sidemenu > ul.nav > .nav-item:hover > a.nav-link,
.al--sidemenu .al--submenu > li:hover,
.al--search_user_profile .al--top_box.dropdown .dropdown-menu a:hover,
.al--search_user_profile .al--top_box.dropdown .dropdown-menu button:hover,
.al--search_user_profile .al--top_box.show a.dropdown_btn,
.al--title_menu_button:hover,
.al--search_user_profile .al--top_box:hover > a {
	background: rgba(var(--bg_light),.4) !important;
}

/* .al--sidemenu .al--submenu > li:hover > a,
        .al--sidemenu .al--submenu > li:hover > a {
            background: rgba(var(--bg_light),.4) !important;
        }*/
.al--left_menuparent .nav-tabs .nav-link:hover
{
	background-color: #242626;
}

.al--sidemenu > ul.nav > .nav-item > a.nav-link span {
	/* padding: 0 1rem;*/
}
.al--sidemenu > ul.nav > .nav-item > a.nav-link svg {
	display: none;
}
.al--sidemenu > ul.nav > .nav-item > a.nav-link:hover svg {
	display: block;
}
.al--sidemenu > ul.nav > .nav-item > a.nav-link svg {
	fill: var(--gxs_color_0);
}
.al--sidemenu .al--submenu > li > a:hover{
	text-decoration:none;
}
.al--sidemenu > ul.nav > .nav-item > a.nav-link.collapsed svg {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.al--sidemenu > ul.nav > .nav-item > a.nav-link svg {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.al--sidemenu .al--submenu {
	padding: 0;
}

	.al--sidemenu .al--submenu > li > a {
		width: 100%;
		/* color: rgba(var(--bg_light),1); */
		font-size: 14px;
		color: #F7F7F7;
		font-family: var(var(--font_regular));
		padding-left: 27px;
	}
	.al--sidemenu .al--submenu > li > a {
		/*border-left: 3px solid transparent;*/
		margin-left: 14px;
		padding: 1.1rem 0.7rem 1rem 1.3rem;
	}
ul#sidemenu_parent li > hr {
	border-color: #555555;
	margin: 0 10px 0 15px;
}
#main-content {
	/* border: 2px solid red; */
	/*margin: 70px 15px 15px 15px;*/
	margin: 0px 0px 15px 15px;
	margin-left: 290px;
}

@media only screen and (device-width: 991px), only screen and (min-width: 992px) {
	.al--drawer_open #main-content {
		margin-left: 0px;
		/*animation: fadeIn 0.9s;*/
	}
}
.al--left_menuparent .tab-content {
	margin: 10px 7px 10px 0px;
	padding-right: 2px;
}

.tab-content::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.tab-content::-webkit-scrollbar-track {
	background-color: transparent;
	-webkit-border-radius: 10px;
	border-radius: 15px;
}

.tab-content::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 15px;
	background: #bdbdbd;
}

.tab3 > #sidebar:hover {
	overflow-y: auto !important;
}
.tab3 > #sidebar {
	overflow-y: hidden !important;
}
#sidebar::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

#sidebar::-webkit-scrollbar-track {
	background-color: transparent;
	-webkit-border-radius: 10px;
	border-radius: 15px;
}

#sidebar::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 15px;
	background: #bdbdbd;
}
.al--left_menu > .tab-content {
	overflow-y: hidden !important;
}

.al--left_menu > .tab-content:hover {
	overflow-y: auto !important;
}

.al--sidemenu > ul {
	width: 247px;
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #929292;
}
.al--sidemenu > ul > li.nav-item > a.nav-link {
	padding: 1.2rem 0.7rem 1.1rem 1.3rem;
}
ul.al--submenu.date-range li {
	padding-left: 11px!important;
	padding-right: 11px!important;
}
.datepicker-days table.table-condensed {
	margin: 0px auto;
}
.al_vertical_c.show {
	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.show .modal-dialog {
		padding-top: 15px;
		margin: auto;
	}

.fade.show{
	opacity:1;
}

/*Sidebar left borders for new left menu UI added by Rutu*/
.al-draft {
	border-left: 3px solid var(--draft);
}

.al-received {
	border-left: 3px solid var(--art_approval_received);
}

.al-unassigned {
	border-left: 3px solid var(--art_approval_unassigned);
}

.al-assigned {
	border-left: 3px solid var(--art_approval_assigned);
}

.al-production-art-needed {
	border-left: 3px solid var(--prod_approved_file_needed);
}

.al-ready-for-sampling {
	border-left: 3px solid var(--ready_for_sampling_status);
}

.al-ready-to-send {
	border-left: 3px solid var(--ready_to_send);
}

.al-sample-approval-needed {
	border-left: 3px solid var(--art_approval_needed);
}

.al-revision-requested {
	border-left: 3px solid var(--revision_requested);
}

.al-on-hold {
	border-left: 3px solid var(--on-hold);
}

.al-customer-approved {
	border-left: 3px solid var(--customer_approved);
}

.al-approved-file-needed {
	border-left: 3px solid var(--approved_file_needed);
}

.al-approved-file-pending {
	border-left: 3px solid var(--approved-file_pendingstatus);
}

.al-ready-for-customization {
	border-left: 3px solid var(--ready_for_customization);
}

.al-send-files {
	border-left: 3px solid var(--send_files);
}

.al-art-approval-cancelled {
	border-left: 3px solid var(--art_approval_cancelled);
}

.al-art-approval-published {
	border-left: 3px solid var(--art_approval_published);
}

.al-request-sample {
	border-left: 3px solid var(--request_sample);
}

.al--sidemenu .al--submenu li.al--bordercolor-1 a {
	border-left-color: #9d5ffd
}

.al--sidemenu .al--submenu li.al--bordercolor-2 a {
	border-left-color: #dc4184
}

.al--sidemenu .al--submenu li.al--bordercolor-3 a {
	border-left-color: #eac400
}

.al--sidemenu .al--submenu li.al--bordercolor-4 a {
	border-left-color: #3bc0ff
}

.al--sidemenu .al--submenu li.al--bordercolor-5 a {
	border-left-color: #0092dd
}

.al--sidemenu .al--submenu li.al--bordercolor-6 a {
	border-left-color: #ff96c3
}

.al--sidemenu .al--submenu li.al--bordercolor-7 a {
	border-left-color: #fe6669
}

.al--sidemenu .al--submenu li.al--bordercolor-8 a {
	border-left-color: #b55a5a
}

.al--sidemenu .al--submenu li.al--bordercolor-9 a {
	border-left-color: #9d9d96
}

.al--sidemenu .al--submenu li.al--bordercolor-10 a {
	border-left-color: #65b77f
}

.al--sidemenu .al--submenu li.al--bordercolor-11 a {
	border-left-color: #dc4184
}

.al--sidemenu .al--submenu li.al--bordercolor-12 a {
	border-left-color: #dbaf00
}

.al--sidemenu .al--submenu li.al--bordercolor-13 a {
	border-left-color: #00c7c6
}

.al--sidemenu .al--submenu li.al--bordercolor-14 a {
	border-left-color: #ca0287
}

.al--sidemenu .al--submenu li.al--bordercolor-15 a {
	border-left-color: #c86300
}

.al--sidemenu .al--submenu li.al--bordercolor-16 a {
	border-left-color: #7931af
}

.al--sidemenu .al--submenu > li > a {
	/*border-left: 3px solid transparent;*/
	margin-left: 14px;
	padding: 1.1rem 0.7rem 1rem 1.3rem;
}

.al--sidemenu > ul > li.nav-item > a.nav-link {
	padding: 1.2rem 0.7rem 1.1rem 1.3rem;
}

.al--sidemenu .al--submenu {
	margin-bottom: 7px;
}

.al-active {
	background: rgba(var(--bg_light),.4) !important;
}
.cont_space.cont_space_mob {
	margin-top: 64px;
}
/*Sidebar left borders for new left menu UI added by Rutu ends*/

.daterangepicker.dropdown-menu.opensleft {
	margin-top: -35px;
}
.daterangepicker .ranges {
	float: initial !important;
}
.range_inputs {
	text-align: center;
}

/*Ends Added css for T:1736_left menu*/
/* section{width:100%; margin:0px 0px 20px 0px;} */
header {
	width: 100%;
	height: auto;
	background: var(--header);
	padding: 0 16px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
}

footer {
	width: 100%;
	height: auto;
	background: var(--gxs_color_100);
}
.head {
	height: 61px !important;
}
.fullwrap {
	width: 100%;
	height: auto; /* border-top:2px solid #95989a; */ /*background:var(--gxs_color_0);*/
	display: block;
}

.topbar {
	width: 100%;
	min-height: 40px;
	height: auto;
	padding: 3px 0;
	background: var(--theme_color);
	display: block;
	position: relative;
	text-align: center;
	line-height: 34px;
	display:none;
}

	.topbar span {
		font-size: 20px;
	}

.east_container {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto; /* border:2px solid yellow; */
}

	.east_container:before,
	.east_container:after,
	.east_container_space:before,
	.east_container_space:after {
		display: table;
		content: "";
	}

	.east_container:after,
	.east_container_space:after {
		clear: both;
	}

.east_container_header {
	padding-left: 15px;
	padding-right: 15px;
}

.east_container_space { /* border:2px solid red; */
	padding-left: 35px;
	padding-right: 35px;
}


/*h1.page_title:before,
h1.page_title:after {
	display: table;
	content: "";
}*/

h1.page_title:after {
	clear: both;
}

h1.page_title {
	margin: 0px 0px 9px;
	font-size: var(--sub_header_2);
	font-weight: var(--font_regular);
	color: var(--gxs_color_65);
}
/*
h1.page_title:after {
	background: var(--theme_color);
	width: 90px;
	height: 4px;
	margin-top: 6px;
}*/


.brandname {
	float: left;
	width: 50%;
}

	.brandname h1 {
		text-align: right;
		color: var(--gxs_color_90);
		line-height: 42px;
		margin: 15px 0;
	}

.all_checkbox .multiselect-all {
	display: none;
}

/* box shadow */
.box_shadow {
	box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2);
	clear: both;
	margin-bottom: 8px;
	margin-top: 8px;
}

/* login div */
.logo-wrap {
	text-align: center;
	color: var(--gxs_color_90); /* width:200px; */
	margin: 0 auto;
}

.logo-wrap img {
	padding: 0px;
	width: 152px;
	float: left;
	position: relative;
	top: 16px;
}

.login {
	width: 50%;
	float: right;
	text-align: right;
	padding: 14px 4px 0px 4px;
	position: relative; /* border:1px solid red; */
}

	.login a {
		/*font-size: 45px;*/
		color: var(--gxs_color_0);
	}

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

.closebtn {
	font-size: 20px;
	cursor: pointer;
	position: absolute;
	float: right;
	right: 20px;
	top: 16px;
}

.box .user {
	width: auto;
	float: right;
	/* border:1px solid red; */
	position: relative;
	top: -8px;
}

.box .user span {
	color: var(--gxs_color_0);
	font-size: 23px;
	float: left;
	position: relative;
	top: 15px;
	margin-right: 10px;
}

.box .userlogin {
	padding: 12px;
	border: 1px solid #d2d2d2;
	padding: 20px;
	background-color: var(--gxs_color_0);
	color: var(--gxs_color_100);
	position: absolute;
	display: none;
	top: 60px;
	z-index: 22;
	width: 360px;
	/* right: -61px; */
	text-align: left;
	right: -17px;
	/* box-shadow:0 2px 3px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:0 2px 3px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow:0 2px 3px 2px rgba(0, 0, 0, 0.2); */

	box-shadow: 0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);
}

.login-title {
	font-size: 18px;
	text-transform: uppercase;
	position: relative;
	top: -12px;
}

.user_account_login input[type=email], .user_account_login input[type=password] {
	width: 300px;
	height: 45px;
	border: 1px solid #ccc;
	text-indent: 15px;
	font-size: 14px;
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
}

.user_account_login .error_msg {
	display: none;
	color: #512698;
	text-transform: none;
	margin: 10px 0;
	font-size: 12px;
	font-weight: 700;
}

.user_account_login label {
	display: block;
	margin: 15px 0 8px;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase;
}

.user_account_login input[type=email], .user_account_login input[type=password] {
	width: 100%;
	height: 35px;
	border: 1px solid #ccc;
	text-indent: 15px;
	font-size: 14px;
	-webkit-appearance: none;
	border-radius: 0;
	box-sizing: border-box;
}

.user_account_login .error_msg {
	display: none;
	color: #512698;
	text-transform: none;
	margin: 10px 0;
	font-size: 12px;
	font-weight: 700;
}

.user_account_login .forget_submit {
	width: 100%;
	box-sizing: border-box;
	display: block;
	margin-top: 25px;
}

.submitbar {
	width: 50%;
	box-sizing: border-box;
	float: left;
}

.user_account_login .forget_submit .submitbar input[type=submit] {
	float: right;
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	cursor: pointer;
}

.login_button {
	width: auto;
	max-width: 300px;
	min-width: 140px;
	height: 40px;
	background: var(--theme_color);
	border: 2px solid transparent !important;
	color: var(--gxs_color_100) !important;
	padding: 0 30px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .15s ease 0s;
	transition: all .15s ease 0s;
	vertical-align: top;
}



.signup_button {
	width: auto;
	max-width: 300px;
	min-width: 100%;
	height: 40px;
	background: var(--theme_color);
	border: 2px solid transparent !important;
	color: var(--gxs_color_100);
	padding: 0 30px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: all .15s ease 0s;
	transition: all .15s ease 0s;
	vertical-align: top;
}

.user_account_login .forget_submit .submitbar .login_button:hover {
	background: #009ce3;
	box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
}


.user_account_login .forget_submit .submitbar .login_link {
	font-size: 14px;
	color: var(--gxs_color_100);
}

/*.divReturnToAdmin:hover{background: #009ce3;box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);}*/
/*.aReturnToAdmin:hover{color: var(--theme_color)!important;}*/

.userlogin .signup {
	width: 100%;
	margin-top: 25px;
	padding-top: 10px;
	font-size: 14px;
	border-top: #999 solid 1px;
	display: inline-block;
}

	.userlogin .signup a, .signup span {
		display: inline-block;
		letter-spacing: normal;
	}

	.userlogin .signup a {
		margin-left: 15px;
		font-size: 14px;
		color: var(--gxs_color_100);
	}
/* sign up */
.input-icon {
	position: relative;
	left: 0;
}

	.input-icon.right {
		left: auto;
		right: 0;
	}

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

.form .form-body, .portlet-form .form-body {
	padding: 20px;
}

.portlet.light .form .form-body, .portlet.light .portlet-form .form-body {
	padding-left: 0;
	padding-right: 0;
}

label {
	font-weight: 400;
}

.form-control {
	outline: 0 !important;
}

.input-icon > i {
	color: #ccc;
	position: absolute;
	margin: 11px 2px 4px 10px;
	z-index: 3;
	width: 16px;
	font-size: 16px;
	text-align: center;
	left: 0;
}

.input-icon.right > i {
	left: auto;
	right: 8px;
	float: right;
}

.input-icon.right > .form-control {
	padding-right: 33px;
	padding-left: 12px;
}

.input-icon > .form-control {
	padding-left: 33px;
}

.input-group-addon:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

input {
	border-radius: 0;
}

/* home animation effect start here */
.card_div_area {
	width: 90%;
	margin: 0% 5%;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-2000px,0);
		transform: translate3d(0,-2000px,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-2000px,0,0);
		transform: translate3d(-2000px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(2000px,0,0);
		transform: translate3d(2000px,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}


@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,2000px,0);
		transform: translate3d(0,2000px,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
/* home animation effect end here */

/* material form design */
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
	font-size: 16px;
	top: 25px;
	transition: .2s ease all;
	color: #999
}

.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: 0;
	font-size: 12px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label {
	font-size: 14px;
	top: 24px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label {
	top: 0;
	font-size: 13px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label {
	font-size: 20px;
	top: 30px
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label {
	top: 0;
	font-size: 12px
}

.select2-container--bootstrap .select2-dropdown,
.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-selection:focus {
	border: 1px solid #e7ecf1 !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;
}

.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
	padding-left: 34px
}

.form-group.form-md-line-input .form-control {
	background: 0 0;
	border: 0;
	border-bottom: 1px solid #c2cad8;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	color: #555;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
	font-size: 16px;
}

	.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after {
		visibility: visible;
		left: 0;
		width: 100%;
		background: #32c5d2;
	}

	.form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block, .form-group.form-md-line-input .form-control.edited:not([readonly]):not(:focus) ~ .help-block-error, .form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block-error, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block-error {
		opacity: 0;
		filter: alpha(opacity=0);
	}

	.form-group.form-md-line-input .form-control ~ label {
		top: 0;
		margin-bottom: 0;
		font-size: 14px;
		color: #888;
	}

	.form-group.form-md-line-input .form-control ~ .form-control-focus, .form-group.form-md-line-input .form-control ~ label {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		pointer-events: none;
	}

		.form-group.form-md-line-input .form-control ~ .form-control-focus:after, .form-group.form-md-line-input .form-control ~ label:after {
			content: '';
			position: absolute;
			z-index: 5;
			bottom: 0;
			left: 50%;
			height: 2px;
			width: 0;
			visibility: hidden;
			transition: .2s ease all;
		}

	.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block {
		color: #36c6d3;
		opacity: 1;
		filter: alpha(opacity=100);
	}

.form-group.form-md-line-input .help-block {
	position: absolute;
	margin: 2px 0 0;
	opacity: 0;
	filter: alpha(opacity=0);
	font-size: 13px;
}

.help-block {
	margin-top: 5px;
	margin-bottom: 5px;
}

.form-group.form-md-line-input {
	position: relative;
	margin: 0 0 0px 0px;
	padding-top: 8px;
}

	.form-group.form-md-line-input.has-success .form-control {
		border-bottom: 1px solid #27a4b0;
	}

	.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
		font-size: 16px;
		top: 18px;
		transition: .2s ease all;
		/* color: #999; */
		color: #444;
		padding-left: 0px;
	}

.bor_menu,
.top_bor {
	border-color: #999 !important;
}

.filtermenu {
	float: left;
	width: 20%;
	background: #383a3b;
	position: relative;
	height: 45px;
	color: var(--gxs_color_0);
	text-align: center;
	font-size: 18px;
	font-family: var(--font_bold);
	font-family: var(--font_bold);
	padding-top: 10px;
}

	.filtermenu a {
		text-decoration: none;
		color: var(--gxs_color_0);
	}
/* Search */
.main_bread {
	margin-top: 0px;
	background-color: #9a9a9a;
	padding: 0px 15px;
}
.bread_container {
	width: 56%;
	margin: 0px auto;
	background-color: var(--gxs_color_0);
	padding: 5px 15px;
}
.al--breadcrumb ul {
	margin: 0;
	padding: 0;
}
.al--breadcrumb li:not(:last-child):after {
	content: "/";
	padding-left: 5px;
	margin-right: 5px;
}
a {
	color: rgba(var(--primary_bg),1);
	outline: none !important;
}
.home_header:before,
.home_header:after {
	display: table;
	content: "";
}

.home_header:after {
	clear: both;
}

.home_header {
	background: #666;
	padding: 12px 15px 8px;
	text-align: center;
	z-index: 5500;
	/* border:2px solid blue; */

	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.mt-checkbox > span,
.mt-radio > span,
.mt-checkbox b {
	z-index: 6500;
}

.caret-container {
	width: 100%;
	position: absolute;
	left: 0;
	height: 25px;
}

	.caret-container .caret {
		float: right;
		margin: 10px 15px 0;
	}

.home_header .search {
	width: 750px;
	float: none;
	display: inline-block;
	-webkit-transition: width .25s;
	transition: width .25s;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.home_header .search .btn {
		height: 45px;
		border-radius: 0 !important; /* top: -1px; */
	}

		.home_header .search .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
			box-shadow: none !important;
			border-top: none;
		}

.home_header_fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-box-shadow: 0 0px 3px 2px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0px 3px 2px rgba(0,0,0,.5);
	box-shadow: 0 0px 3px 2px rgba(0,0,0,.5);
}

.sticky_logo {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

	.sticky_logo img {
		/*width: 100px;*/
		width: 190px;
	}

.home_header_fixed .search {
	width: 850px;
}


.search .dropdown-menu {
	min-width: 350px;
}

/* .search .multiselect-container>li{margin-left:40px;}
.search .multiselect-container>li.multiselect-group{margin-left:0px;} */

.search .multiselect-container > li.multiselect-group label {
	padding: 3px 20px 3px 39px;
}

.search1 {
	background: #f2f2f2;
}

#search_text {
	width: 95%;
	padding: 10px 0px 5px 15px;
	font-size: 22px;
	font-family:  var(--font_bold);
	border: 0 none;
	height: 45px;
	margin-right: 0;
	color: #383a3b;
	outline: none;
	background: var(--gxs_color_0);
	box-sizing: border-box;
	transition: all 0.15s;
	float: left;
}

.search_button {
	border: 0 none;
	background: #2b9d10;
	width: 5%;
	padding: 0px;
	height: 45px;
	cursor: pointer;
	display: inline-block;
	float: right;
	text-align: center;
}

.search-wrap {
	/*background: var(--theme_color);*/
	height: 45px;
	display: flex;
}

.dropdown-search {
	width: 29%;
	float: left;
	border-left: 1px solid #383a3b;
	position: relative;
	background: var(--theme_color);
	height: 45px;
	border: 0px;
	outline: 0;
}

.input-search {
	float: left;
	width: 65%;
	margin: 0px;
	padding: 0 15px;
	height: 50px;
	position: relative;
	outline: 0px;
	border: 0;
	border-bottom: 1px solid #ccc !important;
	display: inline-block;
	vertical-align: top;
	/* box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
	-ms-border-shaow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
	-o-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18); */
}


.search-btn {
	float: right;
	background: var(--theme_color);
	height: 45px;
	width: 6%;
	border: 0px;
	color: var(--gxs_color_0);
	font-size: 17px;
	font-weight: 500;
	cursor: pointer;
	outline: none;
}

	.search-btn:hover,
	.search-btn:focus {
		outline: none;
	}

.eastbay_inner {
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,.2) !important;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.2) !important;
}


.eastbay_inner {
	position: relative;
	height: 28px;
	width: 100%;
	background: var(--darkbreadcrumb);

	padding: 2px 15px;
	box-shadow: none !important;
}

	.eastbay_inner .filtermenu {
		display: none;
		/* border:2px solid blue; */
		width: 285px;
		height: 50px;
		background: var(--gxs_color_55);
		/* z-index: 1; */
		position: absolute;
		vertical-align: top;
		left: 0px;
		-webkit-font-smoothing: antialiased;
	}
/*
	.eastbay_inner .center-container {
		position: absolute;
		right: 0px;
		left: 285px;
		padding-right: 299px;
		background: var(--gxs_color_0);
		height: 50px;
	}*/

		.eastbay_inner .center-container .input-search {
			width: 100%;
		}

	.eastbay_inner .search {
		width: 250px;
		/* border:2px solid blue; */

		position: absolute;
		right: 50px;
		white-space: nowrap;
		background-color: var(--gxs_color_20);
	}

		.eastbay_inner .search .dropdown-search {
			width: 100%;
		}

		.eastbay_inner .search .btn {
			height: 50px;
		}

	.eastbay_inner .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
		box-shadow: none;
		border-top: none;
	}

	.eastbay_inner .search-btn {
		/* border:2px solid blue; */

		border: none;
		position: absolute;
		right: 0px;
		background: var(--theme_color);
		color: white;
		width: 50px;
		height: 50px;
		font-size: 17px;
		line-height: 50px;
		text-align: center;
	}


.sidebar-menu .cd-filter-block .checkbox-label::before,
.sidebar-menu .cd-filter-block .radio-label::before {
	background: transparent;
	width: 18px;
	height: 18px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.sidebar-menu .cd-filter-block {
	padding: 5px 10px
}

	.sidebar-menu .cd-filter-block .checkbox-label::after {
		width: 18px;
		height: 18px;
		left: 3px; /* top: 12px; */
		padding-top: 3px;
	}

	.sidebar-menu .cd-filter-block h5 {
		padding-bottom: 5px;
	}

	.sidebar-menu .cd-filter-block h3,
	.sidebar-menu .cd-filter-block h5 {
		text-transform: capitalize;
	}

		.sidebar-menu .cd-filter-block h3,
		.sidebar-menu .cd-filter-block h5.closed {
			background: none;
		}

	.sidebar-menu .cd-filter-block label {
		color: var(--gxs_color_0);
		line-height: normal;
		position: relative;
		top: 2px;
	}

.mt-element-card .item-list .mt-card-item .mt-card-content .mt-card-social > ul > li > a,
.mt-element-card .item-list .mt-card-item .mt-card-content .mt-card-social > ul > li > a:hover,
.mt-element-card .item-list .mt-card-item .mt-card-content .mt-card-social > ul > li > a:focus {
	color: #E87E04;
	text-decoration: underline;
	font-size: 13px !important;
}

.multiselect-container.dropdown-menu.multiselect-cont {
	max-height: 200px;
	overflow: auto;
	left: inherit;
	position: absolute;
	right: 0;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	margin-top: 5px;
	z-index: 7500;
	background-color: var(--gxs_color_30);
	transform: translate3d(0px, 0px, 0px);
}

.multiselect-selected-text {
	padding-right: 4%;
	font-size: 14px;
	white-space: normal !important;
}

.btn:focus
.btn-success:focus, .btn:hover, .btn-success:hover .multiselect-btn:hover {
	background: var(--theme_color) !important;
	box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

.btn-default.focus, .multiselect-btn:focus {
	background: var(--theme_color);
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

.open > .btn-default.dropdown-toggle:focus {
	background-color: var(--theme_color);
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}

.btn-default.active, .btn-default:active, .btn-default:hover, .open > .btn-default.dropdown-toggle, .multiselect-btn:active {
	background-color: var(--theme_color);
	box-shadow: 0 8px 18px rgba(0,0,0,.22),0 6px 6px rgba(0,0,0,.26);
	webkit-box-shadow: 0 8px 18px rgba(0,0,0,.22),0 6px 6px rgba(0,0,0,.26);
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
}
/* .multiselect-cont{ background:#ff0000;width: 80%; border-radius:0px; -webkit-border-radius:0px;left: inherit; float:right;} */
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox {
	height: auto;
}

span.multiselect-native-select {
	position: initial;
}

.caret.r-tick {
	color: #515151;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px dashed;
}


.bannerwrap {
	width: 100%;
	text-align: center;
	height: auto;
	margin-top: 20px;
	margin-bottom: 11;
}

	.bannerwrap img {
		width: 100%;
	}

.parent-cat {
	position: relative;
	margin-top: 25px;
}

.cat-block a {
	position: relative;
	text-align: center;
	text-decoration: none;
}

.asset_field {
	padding: 5px 10px;
	height: 70px;
	width: 46%;
	margin: 0% 2%;
}

	.asset_field:hover {
		box-shadow: 0 3px 7px rgba(0,0,0,0.23),0 3px 7px rgba(0,0,0,0.30);
	}

.cat-block_div {
	margin-bottom: 30px;
}

.cat-block figure {
}

.cart_name {
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.12),0px 2px 8px 0px rgba(0,0,0,0.24);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.cat-block-name {
	line-height: 33px;
	width: 100%;
	height: auto;
	padding: 15px;
	position: relative;
	font-size: 30px;
	font-family:  var(--font_bold) !important;
	text-align: center;
	font-family: var(--font_bold);
	padding-top: 20px;
	color: #383a3b;
	text-transform: uppercase;
	text-decoration: none;
	background: var(--gxs_color_0);
}

.parent-cat .portlet.light {
	background: none;
}

.cat-block-name:after {
	font-family: 'FontAwesome';
	content: "\f0da";
	padding-left: 15px;
}

.footer {
	color: var(--gxs_color_0);
	font-style: normal;
	font-family: 'UnitedSansRgMd';
	padding-top: 20px;
	overflow: hidden;
}

.footercopyright {
	background: #666;
	color: var(--gxs_color_0);
	height: auto;
	text-align: center;
	padding: 5px 0px;
	width: auto;
}

.footlink {
	padding-bottom: 20px;
}

.menu1 {
	float: left;
	position: relative;
	width: 100%;
	height: 137px;
}

	.menu1:before {
		content: '';
		height: 100%;
		border-right: solid 1px #212021;
		position: absolute;
		right: 0;
		bottom: 0px;
		z-index: 1;
	}
/* .menu1:after{content: '';height: 100%;border-right: solid 1px #212021;position: absolute;left: 0;bottom: 0px;z-index: 1;} */

.footlink h3 {
	color: var(--theme_color);
	text-transform: uppercase;
	font-style: italic;
	font-family: var(--font_bold);
	font-family: "UnitedSansReg-Heavy"
}

.ctmenu li a {
	font-size: 12px;
	color: var(--gxs_color_0);
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-ms-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	font-style: italic;
	text-transform: uppercase;
	font-family: var(--font_bold);
}

	.ctmenu li a:hover {
		color: var(--theme_color);
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
	}

.ctmenuL {
	float: left;
	width: 50%;
}

.ctmenuR {
	float: left;
	width: 50%;
}

.ftmenu {
	display: inline-block;
	margin-top: 5px;
}

	.ftmenu li {
		position: relative;
		color: var(--gxs_color_0);
		padding: 4px 18px 0px 18px;
		text-align: center;
		display: inline-block;
		text-transform: uppercase;
	}

		.ftmenu li:nth-child(1) {
			color: #ccc !important;
			padding-left: 10px;
			padding-right: 12px;
			color: #3f79a8 !important;
			border-right: 2px solid var(--theme_color);
		}

		.ftmenu li:nth-child(2) {
			color: #ccc !important;
			padding-left: 10px;
			padding-right: 12px;
			color: #3f79a8 !important;
			border-right: 2px solid var(--theme_color);
		}

		.ftmenu li:nth-child(3) {
			color: #ccc !important;
			padding-left: 10px;
			padding-right: 12px;
			color: #3f79a8 !important;
			border-right: 2px solid var(--theme_color);
		}

		.ftmenu li:nth-child(4) {
			font-style: italic;
			font-family: var(--font_bold);
		}

		.ftmenu li a {
			font-style: italic;
			font-family: var(--font_bold);
			color: var(--gxs_color_0);
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 1px;
			transition: all 0.2s ease-in-out 0s;
			-moz-transition: all 0.2s ease-in-out 0s;
			-ms-transition: all 0.2s ease-in-out 0s;
			-o-transition: all 0.2s ease-in-out 0s;
			-webkit-transition: all 0.2s ease-in-out 0s;
		}

	.ftmenu a:hover {
		color: var(--theme_color);
		transition: all 0.2s ease-in-out 0s;
		-moz-transition: all 0.2s ease-in-out 0s;
		-ms-transition: all 0.2s ease-in-out 0s;
		-o-transition: all 0.2s ease-in-out 0s;
		-webkit-transition: all 0.2s ease-in-out 0s;
	}

.dropdown.dropdown-lg .dropdown-menu {
	margin-top: -1px;
	padding: 6px 20px;
}

.input-group-btn .btn-group {
	display: flex !important;
}

.btn-group .btn {
	border-radius: 0;
	margin-left: -1px;
}

	.btn-group .btn:last-child {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}

.btn-group .form-horizontal .btn[type="submit"] {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}

.form-group .form-control:last-child {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}


/* Home ================================================= */

.parent_container {
	position: relative;
	display: block;
	margin-top: 45px;
}

#wrapper {
	/* padding-left: 250px; */
	padding-left: 20%;
	transition: all 0.4s ease 0s;
}

#sidebar-wrapper {
	/* margin-left: -250px; */
	margin-left: -20%;
	/* top: 137px; */
	top: -45px;
	/* left: 250px; */
	left: 20%;
	/* width: 250px; */
	width: 20%;
	background: #383a3b;
	position: absolute;
	height: 100%;
	overflow-y: auto;
	/* z-index: -1; */
	transition: all 0.4s ease 0s;
}

/* #sidebar-wrapper .cd-filter.filter-is-visible{margin-top:137px;} */

#wrapper.active {
	padding-left: 0;
}

	#wrapper.active #sidebar-wrapper {
		left: 0;
	}

#page-content-wrapper {
	/* width: 100%; */
	/* padding-top: 70px; */
	transition: all 0.4s ease 0s;
}

.sidebar-nav {
	position: absolute;
	top: 0;
	width: 250px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#menu-toggle {
	text-decoration: none;
	float: left;
	color: var(--gxs_color_0);
	z-index: 9999;
	/* padding-right: 15px; */
}


/*  ==== Add user page start here */
.file_manager_search_div {
	margin-bottom: 30px;
}

.add_permission li {
	width: 49%;
	float: none;
	display: inline-flex;
	font-size: 13px;
	padding: 5px 5px 5px 5px;
	vertical-align: text-top;
	margin-bottom: 20px;
}
/*  ==== Add user page end here */


@media (max-width:767px) {
	/*Start: tkt:1583_Approval screen in mobile phones_06May2022*/
	.yes-blue {
		margin-top: 5px;
	}
	.approve-div .checkbox_div {
		margin-bottom: 20px !important;
	}
	.terms_cond_div_new {
		height: 150px!important;
	}
	.terms_div, .slimScrollDiv {
		width: 100% !important;
		max-width: 100%;
	}
	.term_condition_new {
		width: 100% !important;
	}
	.approve_disapprove a {
		width: 180px;
		margin-top: 5px;
	}
	ul.AppRej {
		display: initial!important;
	}
	/*End: tkt:1583_Approval screen in mobile phones_06May2022*/
	.logo-wrap img {
		width: 145px!important;
	}
	.brandname h1 {
		margin-top: 24px!important;
		font-size: 25px!important;
	}
	.brandname-log .login {
		top: 24px !important;
	}
	.login a {
		/*font-size: 37px !important;*/
		color: var(--gxs_color_0);
	}
	#wrapper {
		padding-left: 0;
	}

	#sidebar-wrapper {
		left: 0;
	}

	#wrapper.active {
		position: relative;
		left: 250px;
	}

		#wrapper.active #sidebar-wrapper {
			left: 250px;
			width: 250px;
			transition: all 0.4s ease 0s;
		}

	#menu-toggle {
		display: inline-block;
	}
}




.cd-filter-trigger.filter-is-visible,
.cd-filter-trigger.filter-is-visible:hover {
	color: var(--gxs_color_0) !important;
}


.mt-card-social ul li {
	font-size: 13px;
	margin-bottom: 5px;
}

	.mt-card-social ul li .deco_type {
		display: block;
	}
	/* .mt-card-social ul li .doc_type_scroll{height:66px; overflow-y:auto;} */

	.mt-card-social ul li label {
		color: var(--gxs_color_100);
		font-size: 15px;
		font-family: var(--font_bold);
		padding-right: 5px;
	}

	.mt-card-social ul li span {
		display: block;
		margin-bottom: 3px;
		position: relative; /* height: auto; min-height: 30px; */
	}

		.mt-card-social ul li span img {
			width: 30px; /* height:30px; */
			margin-right: 5px;
		}


/* End Parent Container ============================================ */

/* index profile page start here*/
.login_profile a {
	font-size: 25px;
}

	.login_profile a:hover {
		text-decoration: none;
	}

	.login_profile a:focus {
		text-decoration: none;
	}

.login_profile .user {
	width: initial;
}

.profile_area {
	padding: 0px !important;
	width: 200px !important;
	top: 80px !important;
	right: 5px !important;
}

.profile_div {
	box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.22) !important;
}

	.profile_div ul {
		margin-bottom: 0px;
	}

		.profile_div ul li a {
			color: var(--gxs_color_90);
			font-size: 14px;
			padding: 8px 16px 8px 10px;
			line-height: 18px;
			border-bottom: 1px solid #ccc !important;
			float: left;
			width: 100%
		}

			.profile_div ul li a:hover {
				background-color: var(--theme_color);
				color: var(--gxs_color_90);
			}

	.profile_div:before {
		position: absolute;
		top: -8px;
		right: 9px;
		display: inline-block !important;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #efefef;
		border-left: 8px solid transparent;
		content: '';
	}

	.profile_div:after {
		position: absolute;
		top: -7px;
		right: 10px;
		display: inline-block !important;
		border-right: 7px solid transparent;
		border-bottom: 7px solid var(--gxs_color_0);
		border-left: 7px solid transparent;
		content: '';
	}

.active_profile {
	background: var(--theme_color);
	color: var(--gxs_color_90);
}

.profile_li {
	display: none;
}
/* index profile page end here*/

/* asset upload page start here*/

.loading-message.loading-message-boxed {
	border: 1px solid #ddd;
	background-color: #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
	box-shadow: 0 1px 8px rgba(0,0,0,.1);
}

.loading-message {
	display: inline-block;
	padding: 10px;
	margin: 0 auto;
	color: var(--gxs_color_100) !important;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
}

.loading-message, .page-loading {
	min-width: 125px;
	vertical-align: middle;
}

	.loading-message > span {
		line-height: 20px;
		vertical-align: middle;
		position: relative;
		top: 1px;
	}

	.loading-message:before {
		content: "";
		background: url("../images/loading-spinner-grey.gif");
		width: 22px;
		height: 22px;
		display: inline-block;
		float: left;
	}

	.loading-message img {
		display: none;
	}

.blockOverlay {
	background: var(--gxs_color_100) !important;
	opacity: 0.5 !important;
	z-index: 7000 !important;
}

.blockMsg {
	z-index: 7100 !important;
	top: 48% !important;
}

#blockui_sample_3_2_1 {
	margin-left: 7px;
	z-index: 7500;
}

.admin_eastbay_inner .center-container {
	width: 56%;
	margin: 0px auto;
	background-color: var(--gxs_color_0);
	padding: 5px 15px;
}

	.admin_eastbay_inner .center-container h1.page_title {
		margin-bottom: 0;
	}

.shadow_effect {
	box-shadow: 0 2px 5px 3px rgba(0, 0, 0, .1);
}

.admin_label h4 {
	border-bottom: 1px solid var(--gxs_color_0);
	padding-bottom: 10px !important;
	margin-bottom: 25px !important;
}

	.admin_label h4:before {
		background: url() !important;
	}

.admin_label ul li {
	text-align: left;
	width: 100%;
	float: left;
	margin-left: 0px;
	padding-left: 10px;
	margin-bottom: 15px;
}

	.admin_label ul li a {
		color: var(--gxs_color_0);
		font-size: 14px;
		font-weight: normal;
		border-bottom: 1px solid var(--gxs_color_0);
		width: 100%;
		padding: 5px 0px;
		float: left;
	}

.active_text {
	//border-left: 6px solid var(--theme_color);
	margin-left: 0px !important;
	padding-left: 5px !important;
	background-color: #636566;
}

.filter_div {
	width: 100%;
	float: left;
	padding-bottom: 20px !important;
}

.full_width {
	width: 100%;
	float: left;
}

.notif {
	/*background-color: #bac3d0;
	color: black;
	border-radius: 50%;
	padding: 2px 5px;
	font-size: 10px;
	float: right;*/
}



/*.cd-filter-block .ready{background:#C1C1C1;}
.cd-filter-block .pending{background:#FEC640;}
.cd-filter-block .approve{background:#79B342;}

.cd-filter-block .revirequested{background:#1599D7;}
.cd-filter-block .processed{background:#F26C3D;}
.cd-filter-block .cancelled{background:#231F20;  color: white !important;}
.cd-filter-block .published{background:#8E52A1;}
.cd-filter-block .onhold{background:#36c6d3;}*/
.cd-filter-block .ready {
	background: var(--on-hold);
}

.cd-filter-block .pending {
	background: var(--customer_approved);
}

.cd-filter-block .approve {
	background: var(--approved);
}

.cd-filter-block .revirequested {
	background: var(--approved_file_needed);
}

.cd-filter-block .processed {
	background: var(--art_approval_cancelled);
}

.cd-filter-block .cancelled {
	background: var(--cancelled);
	/*color:  var(--gxs_color_0) !important;*/
}

.cd-filter-block .published {
	background: var(--published);
}

.cd-filter-block .onhold {
	background: var(--processed);
}
/*Priyanka Added for Order QueueColors */
.cd-filter-block .ReceivedStatus {
	background-color: var(--art_approval_received);
}

.cd-filter-block .UnassignedStatus {
	background-color: var(--art_approval_needed);
}

.cd-filter-block .AssignedStatus {
	background-color: var(--revision_requested);
}

.cd-filter-block .Approved-FileNeededStatus {
	background-color: var(--approved-file_neededstatus);
}

.cd-filter-block .Approved-FilePendingStatus {
	background-color: var(--label-danger);
}

.cd-filter-block .ReadyForCustomizationStatus {
	background-color: var(--send_files);
}
/*Priyanka Added for Order QueueColors */



.title {
	background-color: var(--gxs_color_65);
}

	.title h1 {
		margin: 8px 0px;
		padding: 0px 10px;
		color: var(--gxs_color_0);
		font-size: 27px;
		display: inline-block;
	}

.save_lock {
	background-color: var(--theme_color);
	color: var(--gxs_color_90);
	padding: 11px 0px;
	text-align: center;
	display: block;
	font-size: 16px;
	width: 100%;
	border: 1px solid var(--theme_color);
}

	.save_lock:hover {
		text-decoration: none;
		color: var(--gxs_color_90);
		background: #009ce3 !important;
		box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
		outline: none;
	}

	.save_lock:focus {
		text-decoration: none;
		color: var(--gxs_color_90); /* border: 1px solid var(--theme_color) !important; */
		outline: none;
	}

.pd_top {
	padding-top: 10px;
}

.drag_div {
	border: 1px solid #a2a4a7;
	padding: 195px 20px;
	text-align: center;
}

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

.asset_area {
	width: 100% !important;
	margin: 0px 0px 15px 0px !important;
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

	.asset_area:hover {
		box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
	}


.m_space {
	margin-top: 86px;
}

.choos_files {
	background-color: #58b957;
	color: var(--gxs_color_0);
	display: block !important;
	padding: 4px 30px !important;
	text-align: center;
	margin: 0px 5px 5px 0px;
	float: left;
}

	.choos_files:hover {
		background-color: #469445 !important;
		color: var(--gxs_color_0);
		text-decoration: none;
	}

	.choos_files:focus {
		background-color: #469445 !important;
		color: var(--gxs_color_0);
		text-decoration: none;
	}

/* .box_effect .asset_area,
.box_effect .asset_field,
.box_effect .widh_height, */
.box_effect .asset_area:hover,
.box_effect .asset_field:hover,
.box_effect .widh_height:hover {
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
}

.border_line {
	border: 1px solid #e7ecf1 !important;
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
}

.box_effect .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
	color: #999;
}

.asset_bg {
	background-color: #e6e3e3;
}

.asset_field {
	padding: 5px 10px;
	height: 70px;
	width: 46%;
	margin: 0% 2%;
	box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
}

	.asset_field:hover {
		box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
	}

	.asset_field label {
		width: 100%;
		color: #444;
	}

	.asset_field input {
		border: 1px solid #ccc;
		font-size: 22px;
	}

.view_asset_field {
	padding: 5px 10px;
	width: 46%;
	margin: 0% 2%;
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
	min-height: 70px;
}

	.view_asset_field:hover {
		box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
	}

	.view_asset_field label {
		width: 100%;
		color: var(--gxs_color_90);
	}

	.view_asset_field input {
		border: 1px solid #ccc;
		font-size: 22px;
	}

.widh_height {
	padding: 5px 10px;
	height: 70px;
	box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}

	.widh_height:hover {
		box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.2);
	}

	.widh_height label {
		width: 100%;
		float: left;
		color: var(--gxs_color_90);
	}

	.widh_height input {
		font-size: 22px;
	}

.t_center {
	text-align: center;
}

.cent_close {
	margin: 27px 0% 0;
}

.keyword_width {
	width: 100%;
	margin: 0% 0% 0% 0%;
	height: auto !important;
}

	.keyword_width label {
		/*//width: 100%;
		//float: left;*/
	}

	.keyword_width textarea {
		width: 100%;
		float: left;
		border: 0px solid var(--gxs_color_0);
		height: 60px;
		font-size: 22px;
	}

.batch_upload {
	background-color: #26C281;
	color: var(--gxs_color_0);
	padding: 5px 30px 8px 30px;
	cursor: pointer;
}

	.batch_upload:hover {
		color: var(--gxs_color_0);
		text-decoration: none;
		background-color: #469445 !important;
		box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
	}

	.batch_upload:focus {
		color: var(--gxs_color_0);
		text-decoration: none;
		background-color: #469445 !important;
	}

.batch_csv {
	margin-top: 10px;
	display: inline-block;
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

	.fileinput-button input {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		opacity: 0;
		-ms-filter: 'alpha(opacity=0)';
		font-size: 200px;
		direction: ltr;
		cursor: pointer;
	}

.cont_space {
	margin: 20px 0px 20px 0px;
}

.fil_manager {
	margin-top: 15px;
}

.select_form {
	width: 100%;
	float: left;
	border: 1px solid #ccc;
	height: 34px;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type="number"] {
	-moz-appearance: textfield;
}

.num_border {
	border: 1px solid #ccc;
}

.fix_filter {
	min-height: 1308px;
	position: fixed;
}

.multiple_value {
	width: 100%;
	float: left;
	height: 34px;
}

	.multiple_value button {
		text-align: left;
		box-shadow: inherit !important;
		height: 34px;
	}

	.multiple_value b.caret.r-tick {
		float: right;
		margin-top: 7px;
		font-size: 12px;
		border-left: 3px solid transparent;
		border-right: 3px solid transparent;
		border-top: 6px dashed;
		position: absolute;
		right: 10px;
	}

	.multiple_value ul.dropdown-menu {
		min-width: 100%;
	}

	.multiple_value ul li {
		float: left;
		width: 100%;
		margin-bottom: 5px;
	}

		.multiple_value ul li a {
			float: left;
			width: 100%;
		}

.user_search a {
	font-size: 35px;
	line-height: 45px;
}

.fl_margin {
	float: left;
	margin-right: 5px;
}

.red:hover {
	background-color: #e7505a !important;
	border-color: #e7505a !important;
	color: var(--gxs_color_0) !important;
}

.ver_scroll::-webkit-scrollbar {
	width: 5px;
}

.ver_scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.ver_scroll::-webkit-scrollbar-thumb {
	background-color: var(--theme_color);
	outline: 1px solid slategrey;
}

.ver_scroll {
	overflow-x: hidden;
	overflow-y: scroll;
	min-height: 30px;
	max-height: 32px;
	overflow: auto;
	margin-top: 5px;
}

	.ver_scroll span {
		width: 100%;
		float: left;
	}

.terms_cond_div_new::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

.terms_cond_div_new::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.terms_cond_div_new::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background: #929292;
}

.brows_input {
	width: 300px;
}

.uneditable-input {
	min-width: 255px;
	width: 255px;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	height: 34px;
	color: #555;
	background-color: var(--gxs_color_0);
	border: 1px solid #798594;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.desin_color_div {
	margin-bottom: 10px;
}

	.desin_color_div h4 {
		font-size: 16px;
	}

	.desin_color_div ul {
		border: 1px solid #ccc;
		overflow-x: hidden;
		overflow-y: scroll;
		min-height: 162px;
		max-height: 160px;
		overflow: auto;
	}

		.desin_color_div ul li {
			padding: 10px 5px 10px 5px;
		}

		.desin_color_div ul::-webkit-scrollbar {
			width: 5px;
		}

		.desin_color_div ul::-webkit-scrollbar-track {
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		}

		.desin_color_div ul::-webkit-scrollbar-thumb {
			background-color: var(--theme_color);
			outline: 1px solid slategrey;
		}

.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: 0px !important;
}

.asset_field .form-control {
	padding: 6px 12px 2px 12px;
}

.view_asset_field .form-control {
	padding: 6px 12px 2px 12px;
}

.widh_height .form-control {
	padding: 6px 12px 2px 12px;
}

.print_button {
	padding: 11px 30px !important;
	width: 190px;
	box-shadow: inherit !important;
	cursor: inherit;
}

	.print_button:hover {
		background-color: transparent !important;
		box-shadow: inherit !important;
		border: 1px solid #e6e6e6;
	}

	.print_button:focus {
		background-color: transparent;
	}

.custome_code {
	margin-top: 10px;
	float: left;
	width: 35%;
}

	.custome_code .form-group {
		float: left;
		width: 100%;
	}

.select2-bootstrap-prepend {
	margin-bottom: 15px;
}

.excel_font {
	font-size: 35px;
	color: #58b957;
}

.start_upload {
	color: var(--gxs_color_0) !important;
	border: 1px solid #3598dc !important;
	background-color: #3598dc !important;
}

	.start_upload:hover {
		background-color: #217ebd !important;
		border: 1px solid #3598dc !important;
	}

	.start_upload i {
		color: var(--gxs_color_0) !important;
	}

.cancel_upload {
	color: var(--gxs_color_0) !important;
	border: 1px solid #e7505a !important;
	background-color: #e7505a !important;
}

	.cancel_upload:hover {
		border: 1px solid #e7505a !important;
		background-color: #e7505a !important;
	}

	.cancel_upload i {
		color: var(--gxs_color_0) !important;
	}

.file_input {
	position: absolute;
	line-height: 22px;
	padding: 0px 0px 0px 5px;
}


.box_effect {
	width: 100%;
	padding: 15px;
	background: var(--gxs_color_0);
}

.file_manager_table_div {
	background: var(--gxs_color_0);
	display: block;
	overflow: hidden;
}

	.file_manager_table_div .table-scrollable {
		margin: 0 !important;
	}

.box_effect,
.file_manager_div,
.keyword_div,
.file_manager_table_div,
.file_manager_search_div .search_approval_bg {
	-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);
}

.template-upload .label-danger {
	color: var(--gxs_color_0);
}


/* Order Management ============= */

/* .file_manager_div, */
.keyword_div {
	overflow: hidden;
}

.file_manager_div .portlet.box.dark > .portlet-title,
.file_manager_div .portlet.dark,
.file_manager_div .portlet > .portlet-body.dark {
	-webkit-border-radius: 5px 5px 0 0 !important;
	-moz-border-radius: 5px 5px 0 0 !important;
	border-radius: 5px 5px 0 0 !important;
}

.file_manager_div .portlet.box.dark {
	border-radius: 5px !important;
	overflow: visible;
}

.file_manager_div .portlet > .portlet-body {
	clear: both;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

/* Order Management ============= */


.box_effect,
.file_manager_div,
.keyword_div,
.save_lock,
.box_effect .asset_area,
.box_effect .asset_field,
.box_effect .widh_height,
.active_text,
.cd-filter-block ul li:hover,
#tags_2_tag,
.file_manager_div .table-scrollable,
.full_width,
.file_manager_table_div,
.file_manager_search_div .search_approval_bg {
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

	.active_text a,
	.cd-filter-block ul li:hover a {
		color: var(--theme_color) !important;
	}

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



.box_effect,
.file_manager_div,
.keyword_div,
.file_manager_div .portlet,
.keyword_div .portlet,
.checkbox_div {
	margin-bottom: 0 !important;
}

.box_effect,
.file_manager_div,
.keyword_div,
.checkbox_div {
	margin-bottom: 25px !important;
}

.portlet.box.dark {
	border-color: #373A3B;
}

.portlet {
	overflow: hidden;
}

	.portlet.box.dark > .portlet-title,
	.portlet.dark,
	.portlet > .portlet-body.dark {
		background: #373A3B;
	}



.file_manager_div .btn.green {
	background: #26C281;
	border-color: #26C281;
}

	.file_manager_div .btn.green:hover,
	.file_manager_div .btn.green:focus {
		outline: none;
		background: #1FD086 !important;
	}

.center_radio_div div {
	text-align: center;
	margin: auto;
	display: table;
}

.design_box_div {
	border: 1px solid #c2cad8;
	padding: 10px;
	border-radius: 5px;
}

	.design_box_div .control-label img {
		width: 30px;
	}

.first_div {
	position: absolute;
	top: 0px;
	margin-left: 370px !important;
	width: 92% !important;
}

/* asset upload page end here*/

/* Tags input start here*/
div.tagsinput, div[class^="addlinks_tagsinput"] {
	background: var(--gxs_color_0);
	padding: 0px 0px;
	width: 300px;
	margin-top: 0px;
	min-height: 0px !important;
}

	div.tagsinput span.tag, div[class^="addlinks_tagsinput"] span.tag {
		border: 1px solid #26C281;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		display: block;
		float: left;
		text-decoration: none;
		background-color: #26C281 !important;
		color: var(--gxs_color_0);
		margin-right: 5px;
		margin-bottom: 5px;
		padding: 5px 12px 8px 13px;
	}

		div.tagsinput span.tag a, div[class^="addlinks_tagsinput"] span.tag a {
			font-family: var(--font_bold);
			color: #26C281;
			text-decoration: none;
			font-size: 11px;
			background-color: var(--gxs_color_0);
			padding: 0px 6px 4px 6px;
			border-radius: 50%;
		}

	div.tagsinput input, div[class^="addlinks_tagsinput"] input {
		width: 256px !important;
		margin: 0px;
		border: 1px solid var(--gxs_color_0);
		padding: 5px;
		outline: 0px;
		border-radius: 5px;
		font-weight: normal !important;
		font-size: 16px;
		background-color: var(--gxs_color_0);
	}

	div.tagsinput div, div[class^="addlinks_tagsinput"] div {
		display: block;
		float: left; /* width:91%; */
		width: 256px;
		position: absolute;
		padding: 0;
		top: -50px;
		left: 100px;
	}

.tags_clear {
	clear: both;
	width: 100%;
	height: 0px;
}

.not_valid {
	background: #FBD8DB !important;
	color: #90111A !important;
}
/* Tags input end here*/

/* Fixes for IE < 8 */
@media screen\9 {
	.fileinput-button input {
		filter: alpha(opacity=0);
		font-size: 100%;
		height: 100%;
	}
}

.yellow {
	background-color: var(--theme_color) !important;
	color: var(--gxs_color_90) !important;
	font-size: 14px !important;
}

	.yellow:hover {
		background: #009ce3 !important;
		box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
	}

.gray_color {
	background-color: #95a5a6 !important;
	color: var(--gxs_color_0);
}

	.gray_color:hover {
		background-color: #788d8e !important;
		color: var(--gxs_color_0) !important;
	}

.user_account_login .forget_submit .submitbar .login_button:hover {
	background: #009ce3;
	box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
}



.user_account_login .forget_submit .submitbar .login_link {
	font-size: 14px;
	color: var(--gxs_color_100);
}


/* Search Asset ================= */


/* Custom Scroller ========================= */

.sb-container {
	position: relative;
	overflow: hidden;
	padding-right: 5px;
}

.sb-content {
	height: 100%;
	width: 120%;
	padding-right: 20%;
	overflow-y: scroll;
	box-sizing: border-box;
}

.sb-scrollbar-container {
	position: absolute;
	right: 5px;
	bottom: 5px;
	top: 5px;
	width: 10px;
}

.sb-scrollbar-container-hide {
	right: -20px;
}

.sb-scrollbar {
	position: absolute;
	right: 0;
	height: 30px;
	width: 5px;
	border-radius: 10px;
	background: rgba(50, 50, 50, 0.3);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

	.sb-scrollbar:hover {
		background: rgba(0, 0, 0, 0.5);
	}

/* / Custom Scroller ========================= */

.search-view {
	float: left;
	height: auto;
	padding-top: 30px;
	width: 100%;
	padding-bottom: 20px;
}

.list-holder:before,
.list-holder:after {
	display: table;
	content: "";
}

.list-holder:after {
	clear: both;
}

.list-holder {
	padding: 10px 0px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: -8px;
	margin-right: -8px;
	width: auto;
}
/*Search Asset card css Added by Rutu*/
.more_opt {
	position: absolute;
	right: 0;
	top: 12px;
	right: 7px;
	color: #C4C4C4;
	display: none;
	z-index: 99999999;
}

.menu_drop {
	width: auto;
	min-width: 75px;
	background-color: var(--gxs_color_0);
	left: auto !important;
	right: 10px !important;
	padding: 0px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, .08), 0 2px 5px rgba(0, 0, 0, .11) !important;
	border-radius: 4px !important;
}

.more_opt > a {
	color: #C4C4C4;
}

ul.menu_drop li > a {
	padding: 6px 8px 6px 8px;
	font-size: 13px;
}

ul.menu_drop li:last-child {
	border-top: 1px solid #cecece;
}

.mt-card-item:hover .more_opt {
	display: block; /*Priyanka updated for tkt:0972*/
}

.item-list {
	float: left;
	/* width: 23%; */
	width: 232px;
	min-height: 460px;
	height: 460px;
	background: var(--gxs_color_0);
	margin: 8px 8px;
	padding: 0px;
	/* border: 1px solid #95999c; */
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position:relative;
}

	.item-list:hover {
		-webkit-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 7%);
		-moz-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 7%);
		box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 7%);
	}

.mt-card-avatar > img {
	height: 194px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.mt-card-content {
	display: inline-block;
	width: 100%;
	height: 266px;
	padding: 16px;
}


.mt-element-card .mt-card-item .mt-card-avatar {
	border: 0px solid #dcdad9;
	margin-bottom: 5px;
	height: 194px;
	margin: 0px auto;
	text-align: center;
	background-color: #f4f4f4;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.mt-element-card .mt-card-item {
	border: 0px;
	position: relative;
	margin-bottom: 13px;
	display: inline-block;
	width: 100%;
	height: 100%;
}

	.mt-element-card .mt-card-item .mt-card-content {
		text-align: left;
	}

		.mt-element-card .mt-card-item .mt-card-content .mt-card-desc {
			font-size: 14px;
			height: 50px;
			position: absolute;
			right: 0;
			text-align: center;
			width: 50px;
			bottom: 43px;
		}

.mt-card-content h3 {
	color: #373A3B;
	font-size: 20px !important;
	margin-top: 0;
}

.mt-element-card .search_asset .mt-card-item {
	margin-bottom: 0 !important;
	width: 100%;
	height: 100%;
}

.mt-element-card .search_asset .item-list {
	height: 460px;
	border-radius: 5px;
}

	.mt-element-card .search_asset .item-list .mt-card-content {
		display: inline-block;
		width: 100%;
		height: 266px;
		padding: 16px;
	}

.mt-element-card .search_asset .doc_type_scroll {
	height: 160px;
	width: 237px;
	max-width: 100%;
	/* border:1px solid red; */
}

.convert_order_btn {
	background-color: var(--theme_color);
	color: var(--gxs_color_90);
	padding: 11px 0px;
	text-align: center;
	display: block;
	font-size: 14px;
	width: 100%;
	border: 1px solid var(--theme_color);
	bottom: 0;
	position: absolute;
	right: 0;
}

	.convert_order_btn:hover {
		text-decoration: none;
		color: var(--theme_color);
		background: #323232 !important;
		box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
		outline: none;
	}

	.convert_order_btn:focus {
		text-decoration: none;
		color: var(--gxs_color_90); /* border: 1px solid var(--theme_color) !important; */
		outline: none;
	}

/* Search Asset ================= */

.mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li {
	display: block;
}

.style_pagination {
	clear: both;
	color: #282829;
	width: 100%;
}

	.style_pagination .col-md-6:first-child {
		width: 40%;
	}

	.style_pagination .col-md-6:last-child {
		width: 60%;
	}

	.dataTables_paginate,
	.style_pagination .pagination {
		margin: 0;
		padding: 0;
		-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 2px 3px 2px rgba(0,0,0,.2);
		-o-box-shadow: 0 2px 3px 2px rgba(0,0,0,.2);
		box-shadow: 0 2px 3px 2px rgba(0,0,0,.2);
	}

	.style_pagination .record_showing {
		font-size: 13px;
		font-style: italic;
		margin-top: 9px;
		text-align: left;
	}

.dataTables_paginate .pagination {
	margin: 0;
}

.dataTables_length {
	margin: 15px 0 0 15px;
}

.dataTables_filter {
	margin: 15px 15px 0 0
}

.dataTables_info {
	margin-left: 15px;
}

.dataTables_wrapper .dataTables_paginate {
	margin-bottom: 15px;
}

.dataTables_wrapper .pagination > li {
	display: inline-flex;
}

.dataTables_wrapper table thead tr:first-child th {
	border: none !important;
}


.pagination > li a,
.style_pagination .pagination > li > a,
.style_pagination .pagination > li > span {
	border: medium none !important;
	color: #282829;
	font-size: 14px;
	margin-left: 0;
	padding: 8px 14px;
}

.dataTables_paginate {
	margin-right: 15px;
}

.pagination > li.active a,
.style_pagination li.dis_active a,
.style_pagination .pagination > li > a:focus {
	background: #383a3b;
	border: medium none !important;
	color: var(--theme_color);
	text-decoration: none;
}

.pagination > li a:hover,
.style_pagination .pagination > li > a:hover {
	background: var(--theme_color);
	color: #383a3b;
}
/* End search view */

/* view asset upload page start here*/
.label_font {
	font-size: 14px;
	line-height: normal;
	color: #333 !important;
}

.t_space {
	margin-top: 10px;
}

.view_img_div { /* height:520px; */
	border: 1px solid #ccc;
	padding: 10px;
}

.view_asset_img_sec {
	padding: 0;
	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.07) !important;
	-moz-box-shadow: 0 2px 3px 2px rgba(0,0,0,.07) !important;
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.07) !important;
}

	.view_asset_img_sec .customer_area {
		padding: 10px 10px 0 10px;
		display: inline-block;
	}


.view_img {
	width: 100%;
}
/* .view_pill{margin-top: 10px;} */
.view_pill span {
	font-size: 14px;
	background-color: #58b957;
	color: var(--gxs_color_0);
	padding: 6px 15px 8px 15px;
	border-radius: 20px;
	margin-right: 5px;
	display: inline-block;
}

.lock_key {
	margin-top: 5px;
}

	.lock_key a {
		color: var(--gxs_color_0);
		float: right;
		margin-top: 10px;
		position: relative;
		bottom: 5px;
	}

		.lock_key a .fa {
			position: relative;
			top: 5px;
			padding-right: 5px;
		}

		.lock_key a:hover {
			color: var(--gxs_color_0) !important;
		}

.box_effect_label .col-md-8 .view_asset_field label:first-child {
	font-size: 12px;
}

.box_effect_label .col-md-8 .widh_height label:first-child {
	font-size: 12px;
}


.title_bg {
	background-color: var(--gxs_color_65);
	min-height: 50px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.2) !important;
	-moz-box-shadow: 0 0 5px 5px rgba(0,0,0,.2) !important;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.2) !important;
}

	.title_bg h1 {
		color: var(--gxs_color_0);
	}

	.title_bg a:hover {
		color: #232222;
		text-decoration: none;
	}

.share_download {
	margin-top: 11px;
	--background:black;
}

	.share_download ul li {
		float: left;
	}

		.share_download ul li a {
			padding: 5px 8px;
			background-color: var(--theme_color);
			color: var(--gxs_color_0);
			border: 1px solid var(--theme_color);
			height: 34px;
			border-radius: 2px;
			display: inline-block;
			margin: 0px 3px;
			line-height: 21px;
		}

			.share_download ul li a .notif {
				line-height: 18px;
			}

			.share_download ul li a:hover {
				text-decoration: none;
				color: var(--gxs_color_0);
				background-color: var(--theme_color);
			}

			.share_download ul li a:focus {
				text-decoration: none;
			}

	.share_download img {
		margin-top: -5px;
		margin-right: 5px;
	}

/* .title_area{padding-left: 0px;} */
.title_area a .fa {
	color: var(--gxs_color_0);
	font-size: 27px;
	line-height: 30px;
}


.view_keyword_box {
	margin-bottom: 10px !important;
	padding: 10px 5px 10px 10px;
	border-radius: 2px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 8px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

	.view_keyword_box:hover {
		box-shadow: 0 3px 9px rgba(0,0,0,0.23),0 3px 9px rgba(0,0,0,0.30);
	}

.design_pill {
	margin-top: 10px;
}

	.design_pill span {
		font-size: 14px;
		color: #333;
		background-color: var(--theme_color);
		padding: 6px 15px 8px 15px;
		border-radius: 20px;
		margin-right: 5px;
		display: inline-block;
	}

.auto_height {
	width: 46%;
	margin: 0% 2%;
}

.level_icon span {
	width: 100%;
	float: left;
	font-size: 14px !important;
}

	.level_icon span img {
		width: 30px;
	}

.design_lable_img label img {
	width: 30px;
}
/* view asset upload page end here*/

/* ready to publish page start here*/
.pub_button {
	background: var(--theme_color);
	padding: 10px 20px;
	float: right;
	color: var(--gxs_color_100);
}

	.pub_button:hover {
		text-decoration: none;
		color: var(--gxs_color_100);
		background: #009ce3;
		box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
	}

	.pub_button:focus {
		text-decoration: none;
		color: var(--gxs_color_100);
	}

.view_data {
	color: #282829;
	line-height: 32px;
}

.pub_detail {
	text-align: center;
}

.check_top {
	margin-top: 5px;
}

.ready_pg_style {
	margin-top: 25px;
	margin-bottom: 15px;
}

.reasy_to_publ .mt-card-content {
	display: block;
}

.reasy_to_publ .item-list {
	min-height: 150px;
}

.reasy_to_publ .item-list {
	min-height: 150px;
	height: 460px;
	cursor: pointer;
}

	.reasy_to_publ .item-list img {
		cursor: pointer;
	}

	.reasy_to_publ .item-list a,
	.reasy_to_publ .item-list a:hover {
		color: #373A3B;
		text-decoration: none;
	}

.publish_code {
	text-align: center;
	width: 100%;
	display: inline-block;
}

	.publish_code a .fa {
		font-size: 28px;
		position: relative;
		top: 7px;
		color: #0f0f0f;
		margin-right: 15px;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

	.publish_code a:hover .fa {
		color: #26C281;
	}

.reasy_to_publ_sort {
	position: relative;
}

.reasy_to_publ_sort {
	margin-bottom: 25px;
	height: auto;
}

	.reasy_to_publ_sort .dropdown-search {
		height: auto;
		width: 100%;
		max-width: 250px;
		float: right;
	}

	.reasy_to_publ_sort span.right {
		display: inline-block;
		text-align: right;
		color: var(--gxs_color_0);
		position: absolute;
		right: 270px;
		top: 23px;
	}

.code_text {
	line-height: 32px;
}

.null {
	padding: 0px;
}

.fl_left {
	float: left;
}
/* ready to publish page end here*/

/* Modal Design ========================================== */

.modal-body .table-responsive {
	margin-bottom: 0;
	height: auto;
	max-height: 280px;
}

@font-face {
	font-family: "summernote";
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/summernote/summernote.eot?0d0d5fac99cc8774d89eb08b1a8323c4");
	src: url("../fonts/summernote/summernote.eot?#iefix") format("embedded-opentype"), url("../fonts/summernote/summernote.woff?0d0d5fac99cc8774d89eb08b1a8323c4") format("woff"), url("../fonts/summernote/summernote.ttf") format("truetype")
}



.modal_form .form-horizontal {
	height: auto;
	max-height: 459px;
	overflow: auto;
}

.modal_form:before {
	border-top: 1px dashed #26C281;
	margin-bottom: 20px;
	content: "";
	width: 100%;
	display: block;
}


.note-editor.note-frame .note-editing-area .note-editable {
	min-height: 200px;
}

.note-editor.note-frame .note-color .dropdown-menu {
	min-width: 375px !important;
	left: inherit;
	right: 0;
}

	.note-editor.note-frame .note-color .dropdown-menu li .btn-group:last-child {
		float: right;
	}


body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
	margin-right: 0;
}

.modal-open.page-overflow .modal-scrollable,
.modal-open.page-overflow .page-container,
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
.modal-open.page-overflow .page-container .navbar-fixed-top {
	overflow-y: auto !important;
}

.modal-scrollable {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.modal.fade.in {
	top: 50%;
}

.modal.fade {
	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
	-o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
	transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}

.modal-open .modal {
	overflow-x: hidden;
}

.fade.in {
	opacity: 1;
}

.modal {
	border-radius: 2px;
	border: 0 !important;
}

.modal {
	z-index: 10050;
	outline: 0;
	overflow-y: auto !important;
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}

.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}

.modal {
	position: absolute;
}

.modal {
	left: 50%;
	bottom: auto;
	right: auto;
	padding: 0;
	width: 800px;
	margin-left: -400px;
	background-color: var(--gxs_color_0);
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
}

	.modal .modal-body {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
		border: 0;
	}

.modal-overflow .modal-body {
	max-height: none;
	overflow: visible;
}

.modal-body {
	position: relative;
	padding: 15px;
}

.modal-backdrop, .modal-backdrop.fade.in {
	opacity: .2;
	filter: alpha(opacity=20);
}

.modal .modal-footer {
	border: 0 !important;
}

.modal-footer {
	padding: 15px;
	text-align: right;
}

.modal-backdrop, .modal-backdrop.fade.in {
	background-color: #333 !important;
}

	.modal-backdrop, .modal-backdrop.fade.in {
		background: var(--gxs_color_0);
	}

.modal-backdrop {
	position: fixed;
	bottom: 0;
}

.modal-backdrop {
	border: 0;
	outline: 0;
}

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

	.modal_table .modal-header h4 {
		line-height: normal;
		font-size: 20px;
		color: var(--gxs_color_0);
	}

	.modal_table .modal-header .close {
		background: none;
		color: var(--gxs_color_0);
		width: auto;
		height: auto;
		display: inline-block;
		opacity: 1;
		text-indent: initial;
		font-size: 18px;
	}

.modal_table .table-responsive {
	margin-bottom: 20px !important;
	border: 1px solid #e7ecf1;
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.03);
}

.modal_table table {
	margin-bottom: 0;
}

	.modal_table table tr th,
	.modal_table table tr td p {
		text-align: center;
	}

.modal_table .modal-body .note-toolbar .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
	padding: 6px 9px;
}

.modal_table .modal-footer {
	padding-top: 0;
	text-align: center;
}

/* / Modal Design ========================================== */



/* notification page start here*/
.sort_div {
	float: right;
	padding-right: 20px;
	color: var(--gxs_color_0);
}

.sort-btn {
	display: inline-table;
	padding-left: 20px;
	padding-right: 20px;
}

.asset_height {
	height: 34px !important;
	margin-left: 10px !important;
}

.sort_space {
	margin-top: 5px;
}

.asset_div {
	background-color: var(--gxs_color_0);
	padding: 0px;
}

	.asset_div li {
		border-bottom: 1px solid #ccc;
	}

		.asset_div li a {
			padding: 8px 10px;
		}

.new_message {
	background-color: var(--th_bg) !important;
	color: var(--gxs_color_0) !important;
	padding: 11px 8px !important;
}

.not_thead th {
	background-color: var(--th_bg) !important;
	color: var(--gxs_color_100) !important;
}

.notification_table thead tr.not_thead th {
	text-align: center;
	padding: 11px 8px;
}

.active_success {
	background-color: #abe7ed !important;
}

.active_gray {
	background-color: #eef1f5;
}

	.active_gray:hover {
		//background-color: #c6d0d4 !important;
	}

.whitespace {
	white-space: nowrap;
	margin-bottom: 0px;
}

.data_set_time {
	font-size: 11px;
}

.notification_table tbody tr td {
	vertical-align: middle;
	padding: 3px 8px;
	text-align: center;
}

	.notification_table tbody tr td p.whitespace {
		text-align: center;
	}

.scroller {
	padding: 0 12px 0 0;
	margin: 0;
}

.title_area h3 {
	margin-top: 5px;
	margin-bottom: 0px;
}

.noti_share_download {
	margin-top: 4px;
}

	.noti_share_download ul li {
		float: left;
	}

		.noti_share_download ul li a {
			padding: 5px 10px;
			color: var(--theme_color);
			border: 1px solid var(--theme_color);
			border-radius: 2px;
			margin: 0px 3px;
		}

			.noti_share_download ul li a:hover {
				text-decoration: none;
				color: var(--gxs_color_0);
				background-color: var(--theme_color);
			}

			.noti_share_download ul li a:focus {
				text-decoration: none;
			}
/*.noti_view_asset{padding: 10px !important;}*/ /*Commented by Prabdeep Bhatti - RequestedAssetDetailsInPopup*/
.info_bg {
	color: var(--gxs_color_0) !important;
	background-color: #2f353b !important;
	border-color: #2f353b !important;
}

.action_ic {
	text-align: right;
}

	.action_ic a.green {
		background: none !important;
		border-color: #32c5d2 !important;
	}

		.action_ic a.green:hover,
		.action_ic a.green:focus {
			background: #32c5d2 !important;
			color: var(--gxs_color_0);
		}


	.action_ic a {
		padding: 2px 4px !important;
	}

.update_resend {
	color: var(--theme_color) !important;
	border: 1px solid var(--theme_color) !important;
}

	.update_resend:hover {
		background-color: var(--theme_color) !important;
		border: 1px solid var(--theme_color) !important;
		color: var(--gxs_color_0) !important;
	}
/* notification page end here*/

/* art approval page start here*/
.art_approval_table {
	margin: 20px 0px;
	z-index: 100;
}


	.art_approval_table thead tr th {
		text-align: left;
	}

	.art_approval_table .table > thead > tr > th {
		vertical-align: inherit;
	}


	.art_approval_table tbody tr td {
		text-align: left;
		vertical-align: middle;
		padding: 3px 8px;
	}

.dataTables_wrapper .dataTables_filter {
	float: right;
}

div.dataTables_wrapper div.dataTables_filter label {
	font-weight: normal;
	white-space: nowrap;
	text-align: left;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0.5em;
	display: inline-block;
}

.dataTables_wrapper {
	padding: 0px;
}

	.dataTables_wrapper .dataTables_paginate {
		float: right;
	}


.file_manager_search_div .search {
	display: block;
	min-height: 45px;
	width: 100%;
	position: relative;
}


.file_manager_table_div table tr.active td {
	background: #E2E6EB;
}


/* Search Box ============= */
.file_manager_search_div .search .sea_box {
	/*position: absolute;
	left: 0;
	right: 725px;
	width: auto;
	height: 45px;*/
	flex: 1 1 auto !important;
}

	.file_manager_search_div .search .sea_box .form-control {
		width: 100%;
	}

/* Calendar ============= */
.file_manager_search_div .search-wrap .calendar_div {
	width:auto;
}

/* Sort By ============= */
.file_manager_search_div .sort_by_div {
	/*position: absolute;
	right: 315px;*/
	height: 45px;
	width: 100%;
	max-width: 180px;
}

	.file_manager_search_div .select_keyword .dropdown-search,
	.file_manager_search_div .sort_by_div .dropdown-search {
		width: 100%;
		max-width: 180px;
	}

	.file_manager_search_div .sort_by_div .sort_label {
		display: none;
	}
.sort_by_div.select_keyword.ArtistReports {
	margin-left: 15px;
	max-width: 240px;
	width: 240px;
}
	.sort_by_div.select_keyword.ArtistReports .dropdown-search.all_checkbox {
		max-width: 240px;
		width: 240px;
	}
/* Select Keywords ============= */
.file_manager_search_div .select_keyword {
	/*position: absolute;
	right: 545px;*/
	/*height: 45px;
	width: 100%;*/
	/*max-width: 180px;*/
	width: 180px;
}

.al_reorder_ribbon .file_manager_search_div .search-btn {
	/*position: relative;
	right: 500px;*/
	height: 45px;
	width: 45px;
	z-index: 5;
}

.search_approval_bg {
	padding: 15px;
	background-color: #666;
}

/*  ==== Add user page start here */
.full_search_div .search .sea_box {
	/*right: 405px;*/
}

.full_search_div .select_keyword {
	/*right: 225px;*/
	margin-right: 13px;
	width: 180px;
}
.full_search_div .search > .select_keyword {
	float: right;
	margin-right: 0;
}
	.full_search_div .search > .select_keyword > .dropdown-search.all_checkbox {
		width: 365px !important;
	}
.full_search_div .sort_by_div {
	right: 45px;
}

/*.full_search_div .search-btn {*/ /*Priyanka updated 26Nov2021*/
	/*position: absolute;
	right: 0px;
	height: 45px;
	width: 45px;
}*/

/*Start Added by Rutu*/
.full_search_div.file_manager_search_div .search-btn { 
	/*position: absolute;
	right: 0px;*/
	height: 45px;
	width: 45px;
}

.file_manager_search_div .search-btn {
	/*position: absolute;
	right: 500px;*/
	height: 45px;
	width: 45px;
}
/*End Added by Rutu*/

.add_user_table tbody tr td {
	padding: 8px;
}

.change_password:hover {
	text-decoration: none;
}
/*  ==== Add user page end here */


.art_approval_table table {
	margin-bottom: 0;
}

	.file_manager_div table tr:hover td,
	.art_approval_table table tr:hover td {
		background: #CFECFF !important;
		cursor: pointer;
	}

.app_left {
	text-align: left;
}

.re_send {
	text-align: right !important;
	//float:right;
}

	.re_send a {
		color: var(--gxs_color_90);
		padding: 5px 8px;
		text-decoration: none;
		background-color: var(--theme_color);
	}

		.re_send a:hover {
			color: var(--gxs_color_90);
			background: #009ce3 !important;
			box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
		}

.sort_by {
	width: 18%;
}

.search .sort_by .multiselect-container > li {
	margin-left: 10px;
}

.search .sort_by .dropdown-menu {
	min-width: 250px;
}

.cal_ic {
	padding: 8px 14px !important;
}

.daterangepicker {
	min-width: 180px;
}

.daterangepicker_input .input-mini, .input-xxs {
	width: 100% !important;
}

.input-search2 {
	width: 27%;
}

.calendar_div {
	width: 270px;
	float: right;
}
	.calendar_div #dashboard-report-range {
		border: 1px solid #a3a9a6 !important;
	}
.select_keyword {
	/*width: 15%;*/
}

.go_search {
	float: left;
	width: 5%;
}

.cal_label {
	line-height: 26px;
}

.table > thead > tr > th {
	vertical-align: top;
}

.full_range {
	background: #26C281 !important;
	color: var(--gxs_color_0) !important;
	border: 0px;
}

	.full_range:hover {
		background: #26C281 !important;
		color: var(--gxs_color_0) !important;
		border: 1px solid #26C281 !important;
		border-color: #26C281 !important;
	}
/* Start : Added by shadab to make it grey 05-09-2018 17:23*/
.full_range1 {
	background: #a3a9a6 !important;
	color: var(--gxs_color_0) !important;
	border: 0px;
}

	.full_range1:hover {
		background: #a3a9a6 !important;
		color: var(--gxs_color_0) !important;
		border: 1px solid #a3a9a6 !important;
		border-color: #a3a9a6 !important;
	}
/* End : Added by shadab to make it grey 05-09-2018 17:23*/
.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
	border: 1px solid #e7ecf1;
}
/* art approval page end here*/


/* Material Design Button with ripple effect ============== */


.ripple-effect {
	display: inline-block;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	z-index: 1;
	border-radius: 0px !important;
}

	.ripple-effect .ripple {
		display: block;
		position: absolute;
		border-radius: 100%;
		background: rgba(0, 0, 0, 0.2);
		-webkit-transform: scale(0);
		transform: scale(0);
		pointer-events: none;
	}

	.ripple-effect .animated {
		-webkit-animation: ripple 0.6s linear;
		animation: ripple 0.6s linear;
	}

@-webkit-keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		transform: scale(2.5);
	}
}

@keyframes ripple {
	100% {
		opacity: 0;
		-webkit-transform: scale(2.5);
		transform: scale(2.5);
	}
}

/* Sidebar ============================================ */


#container:before,
#container:after {
	display: table;
	content: "";
}

#container:after {
	clear: both;
}

#container {
	background: #e9e9e9;
	width: 100%;
	margin-top: 50px;
}

/*sidebar navigation*/

/* .wrap{
	border:1px solid red;
}

.wrap:before,
.wrap:after{display:table; content:"";}
.wrap:after{clear:both;} */
.tab3 {
	position: fixed;
	left: 0;
	top: 90px!important;
	bottom: 0;
	z-index: 999;
	width: 266px;
}
#sidebar {
	height: auto;
	position: absolute;
	background: #121212;
	z-index: 9999;
	margin: 10px 7px 10px 0px;
	overflow-y: auto !important;
	height: 100%;
}
/* .side_fixed {
	position: fixed !important;
	top: 0;
	width: 100%;
} */


#sidebar,
#main-content {
	/*transition: all 0.4s ease;*/
}

	#main-content:before,
	#main-content:after {
		display: table;
		content: "";
	}

	#main-content:after {
		clear: both;
	}

#main-content {
	background: #E9E9E9;
	margin-left: 266px;
}

.sidebar-toggle-box {
	float: left;
	padding-right: 15px;
	margin-top: 20px;
}

	.sidebar-toggle-box .fa-bars {
		cursor: pointer;
		display: inline-block;
		font-size: 20px;
	}


.sidebar-closed > #sidebar > ul {
	display: none;
}

/*.sidebar-closed #main-content {
	margin-left: 0px;
}*/

.sidebar-closed #sidebar {
	margin-left: -285px;
}

.eastbay_inner .cd-filter-trigger:before {
	background: transparent url("../images/cd-icon-filter.png") no-repeat center center;
	content: "";
	width: 16px;
	height: 16px;
	display: inline-block;
	position: relative;
	top: 2px;
	right: 10px;
}

.eastbay_inner .cd-filter-trigger {
	width: 100%;
	left: 0;
	background: none;
	padding-left: 54px;
	text-align: left;
}

.filter_sec:before,
.filter_sec:after {
	display: table;
	content: "";
}

.filter_sec:after {
	clear: both;
}

.filter_sec {
	padding: 10px 0px;
}

/*	.filter_sec:before {
		background: var(--theme_color);
		width: 100%;
		height: 50px;
		position: absolute;
		top: -50px;
		left: 0;
		z-index: 2;
		content: "Menu";
		text-indent: 0;
		color: var(--gxs_color_0);
		font-family:  var(--font_bold);
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 700;
		padding-left: 71px;
		line-height: 50px;
	}*/

	/*.filter_sec:after {
		background: transparent url("../images/cd-icon-filter.png") no-repeat center center;
		content: "";
		width: 16px;
		height: 16px;
		position: absolute;
		top: -33px;
		left: 44px;
		z-index: 100;
	}*/
	/*.Backend:before{content:"Admin" !important;}*/

	.filter_sec .cd-close {
		position: absolute;
		top: -50px;
		right: 0;
		height: 50px;
		line-height: 51px;
		width: 60px;
		color: #383a3b;
		font-size: 1.3rem;
		text-align: center;
		background: #f0db81;
		/* opacity: 0; */
		-webkit-transition: opacity 0.3s;
		-moz-transition: opacity 0.3s;
		transition: opacity 0.3s;
		z-index: 100;
		font-size: 18px;
	}

.Frontent .cd-filter-block .cd-filter-content li {
	margin-bottom: 5px;
	margin-left: 0px;
	padding-left: 10px;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.Frontent .cd-filter-block:nth-child(2) .cd-filter-content li {
	margin: 9px 0 0 0;
	padding: 0;
}

.cd-filter-block .cd-filter-content li:hover {
	background: #373A3B;
}

	.cd-filter-block .cd-filter-content li:hover label {
		color: var(--theme_color) !important;
	}


.view_asset_pdf {
	margin-left: 4%;
	margin-right: 4%;
}

	.view_asset_pdf iframe {
		max-height: 90%;
		height: 100vh;
	}


/* review page start here*/
.step_div {
	background-color: var(--gxs_color_0);
	padding: 20px 0px 10px 0px;
	overflow: hidden;
}
/*Priyanka added 26Nov2021*/
.review_search {
	width: 100%;
}

.review_one {
	text-align: center;
}

	.review_one a {
		margin-bottom: 5px;
	}

	.review_one span {
		text-align: center;
		margin: 10px 0px;
		width: 100%;
		float: left;
		font-size: 20px;
	}

.install_text {
	font-size: 20px;
	margin-top: 20px;
}

	.install_text a {
		border-radius: 3px;
		padding: 3px 10px;
		color: #E87E04;
		text-decoration: underline;
		display: -webkit-inline-box;
	}

		.install_text a:hover {
			text-decoration: underline;
		}

		.install_text a:focus {
			text-decoration: none;
		}

.adobe_reader {
	font-size: 20px;
	margin: 10px 0px;
}

.green_bg {
	background-color: #26C281;
}

.mt-element-step .step-thin .done {
	background-color: #26C281 !important;
}

.mt-element-step .step-thin .mt-step-number {
	font-size: 26px;
	border-radius: 50% !important;
	float: left;
	margin: auto;
	padding: 25px 26px;
}

.mt-element-step .step-thin .mt-step-title {
	font-size: 30px;
	font-weight: 100;
	padding-left: 80px;
	margin-top: 18px;
	margin-bottom: 20px;
}

.mt-element-step .step-thin .mt-step-content {
	padding-left: 80px;
	margin-top: 5px;
}

.t_right {
	text-align: right;
}

.btn .blue:hover {
	background-color: #217ebd !important;
}

.review_logo_area {
	width: 100%;
	float: left;
}

	.review_logo_area div {
		width: 100%;
		float: left;
	}

	.review_logo_area h3 {
		font-size: 24px;
		text-align: center;
		width: 100%;
	}

.review_logo {
	/*width: 35%;*/
}

.review_label label {
	font-family: var(--font_bold);
	color: var(--gxs_color_100);
	font-size: 15px;
}

.review_value {
	font-weight: normal;
	font-size: 13px;
	line-height: 24px;
}

	.doc_type_scroll li a,
	.review_value a {
		color: #E87E04;
		text-decoration: underline;
	}

.number_value {
	background-color: var(--gxs_color_0);
	padding: 3px 10px;
	border-radius: 50%;
	color: #5cd1db;
}

.need_assistance {
	padding-top: 24px !important;
	min-height: 172px;
}

	.need_assistance .mt-step-title {
		margin-bottom: 10px;
	}

	.need_assistance .mt-step-number {
		padding: 10px 14px !important;
		margin: auto auto 15px !important;
	}

	.need_assistance .mt-step-content {
		margin-top: 5px;
	}

.review_label span {
	float: right;
}

.main_review {
	margin-bottom: 10px;
}

.pdf_area {
	margin-top: 10px;
	margin-left: 170px;
	margin-right: 170px;
}

	.pdf_area iframe {
		border: 0px;
	}

.label_value {
	border-bottom: 1px solid var(--theme_color);
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.approval_div ul li {
	margin-bottom: 15px;
	line-height: 21px;
}

.number_div {
	margin: 0px 0px 0px 20px;
}

	.number_div li {
		list-style-type: decimal;
		margin-bottom: 5px;
		text-align: justify;
		color: var(--gxs_color_100);
	}

		.number_div li b {
			color: var(--gxs_color_100);
		}

		.number_div li a {
			color: #E87E04;
			text-decoration: underline;
		}
		
		.number_div_new {
	margin: 0px 0px 0px 20px;
}

	.number_div_new li {
		list-style-type: decimal;
		margin-bottom: 15px;
		text-align: justify;
		color: var(--gxs_color_100);
	}

		.number_div_new li b {
			color: var(--gxs_color_100);
		}

		.number_div_new li a {
			color: #E87E04;
			text-decoration: underline;
		}

.title_name {
}

h1.title_name {
	margin: 0px 15px 0px 15px !important;
}

	h1.title_name:after {
		display: none;
	}

.chat_div_area {
	border: 1px solid #ccc;
	padding: 5px;
}

.terms_cond_div {
	text-align: left;
	padding: 10px 0px 0px 0px;
}
.terms_cond_div_new {
	text-align: left;
	padding: 10px 0px 0px 0px;
	height: 295px;
	overflow-y: auto;
	margin-bottom: 7px;
}

.term_condition {
	width: 630px !important;
	margin: 0px auto;
	padding: 0px 10px 20px 10px;
	background-color: #e0ebf9;
	color: #327ad5;
	border-radius: 4px;
	text-align: center;
	overflow: hidden;
}
.term_condition_new {
	width: 630px !important;
	margin: 0px auto;
	padding: 20px;
	background-color: var(--gxs_color_0);
	color: var(--gxs_color_100);
	border-radius: 4px;
	text-align: left;
	overflow: hidden;
}

	.term_condition .svg-box {
		text-align: center;
	}

	.term_condition h2 {
		text-align: left;
		margin-top: 0px;
	}
.cancel-btn {
	color: #7c7c7c;
	font-size: 20px;
}
.popup-header {
	border-bottom: 1px solid #cecece;
}
	.popup-header > h2 {
		margin-top: 0px !important;
	}
.agree_div {
	text-align: center;
	margin-top: 10px;
}

.thanks_div {
	width: 480px;
	margin: 0px auto;
	padding: 0px 10px 20px 10px;
	border-radius: 4px;
	text-align: center;
	margin-top: 30px;
	background-color: #abe7ed;
	color: #27a4b0;
}

	.thanks_div h2 {
		margin-top: 0px;
	}

	.thanks_div p {
		text-align: center;
	}
.popup-footer {
	text-align:left;
}
.check_border {
	border: 1px solid green;
	border-radius: 50%;
	padding: 15px;
	color: green;
}

.disagreed {
	width: 480px;
	margin: 0px auto;
	padding: 0px 10px 20px 10px;
	border-radius: 4px;
	text-align: center;
	margin-top: 30px;
	background-color: #fbe1e3;
	color: #e73d4a;
}

	.disagreed h2 {
		margin-top: 0px;
	}

	.disagreed p {
		text-align: center;
	}

.close_border {
	border: 1px solid #e7505a;
	border-radius: 50%;
	padding: 15px 25px;
	color: #e7505a;
}

.btn_space {
	padding: 5px 15px !important;
}


.review_top_text {
	margin: 0 15px;
}

	.review_top_text .pull-left {
		width: 65%;
	}

	.review_top_text .pull-right {
		width: 35%;
	}

	.review_top_text h1:after {
		display: none;
	}

	.review_top_text h1 {
		margin: 0;
	}

	.review_top_text .pull-right h1 {
		text-align: right;
	}

.chat-form {
	position: relative;
}

/* Review 3 ============================================ */
.chat_div .slimScrollDiv {
	height: 520px;
}

.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background: var(--gxs_color_100) !important;
	opacity: 1 !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: var(--theme_color);
}

.chat_text {
	border: 1px solid transparent; /*margin-right:35px;*/
}

	.chat_text .form-control {
		height: 35px;
	}

.chat-form .btn-cont {
	margin-top: -42px;
}

.chat-form .re_atch_btn {
	position: absolute;
	top: 11px;
	right: 10px;
	height: 35px;
}

	.chat-form .re_atch_btn a {
		padding: 8px 7px;
		color: var(--gxs_color_100);
		font-size: 18px;
	}

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

	.approve_disapprove a {
		min-width: 130px;
		letter-spacing: 0.9px;
		margin-right: 15px;
	}

	.approve_disapprove span {
		line-height: 35px;
	}

/* Review 3 ============================================ */



/* Review page new CSS*/
.popup {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(0, 0, 0, 0.75);
	z-index: 9999;
}

.popup-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

	.popup-inner .my-div {
		-webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
		-moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
		box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
	}
.pop-1 {
	top: 56%!important;
}
.popup-close {
	position: absolute;
	right: 30px;
	top: 16px;
	transition: ease 0.25s all;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	cursor: pointer;
	z-index: 9999;
}
.popup-x {
	position: absolute;
	right: 32px !important;
	top: 30px !important;
	transition: ease 0.25s all;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%);
	cursor: pointer;
	z-index: 9999;
}
.popup-header {
	border-bottom: 1px solid #cecece;
}
.popup .thanks_div {
	margin: 0 !important;
}

.svg-box {
	display: inline-block;
	position: relative;
	width: 150px
}
.no-show{
	display:none;
}

.green-stroke {
	stroke: #27a4b0
}

.red-stroke {
	stroke: #FF6245
}

.yellow-stroke {
	stroke: #327ad5
}

.alert-sign, .checkmark, .cross {
	stroke-width: 6.25;
	position: absolute;
	stroke-linecap: round
}

.circular circle.path {
	stroke-dasharray: 330;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	opacity: .4;
	animation: .7s draw-circle ease-out
}

.checkmark {
	top: 56px;
	left: 49px;
	width: 52px;
	height: 40px
}

	.checkmark path {
		animation: 1s draw-check ease-out
	}

@keyframes draw-circle {
	0% {
		stroke-dasharray: 0,330;
		stroke-dashoffset: 0;
		opacity: 1
	}

	80% {
		stroke-dasharray: 330,330;
		stroke-dashoffset: 0;
		opacity: 1
	}

	100% {
		opacity: .4
	}
}

@keyframes draw-check {
	0% {
		stroke-dasharray: 49,80;
		stroke-dashoffset: 48;
		opacity: 0
	}

	50% {
		stroke-dasharray: 49,80;
		stroke-dashoffset: 48;
		opacity: 1
	}

	100% {
		stroke-dasharray: 130,80;
		stroke-dashoffset: 48
	}
}

.cross {
	top: 54px;
	left: 54px;
	width: 40px;
	height: 40px
}

	.cross .first-line {
		animation: .7s draw-first-line ease-out
	}

	.cross .second-line {
		animation: .7s draw-second-line ease-out
	}

@keyframes draw-first-line {
	0%,50% {
		stroke-dasharray: 0,56;
		stroke-dashoffset: 0
	}

	100% {
		stroke-dasharray: 56,330;
		stroke-dashoffset: 0
	}
}

@keyframes draw-second-line {
	0%,50% {
		stroke-dasharray: 0,55;
		stroke-dashoffset: 1
	}

	100% {
		stroke-dasharray: 55,0;
		stroke-dashoffset: 70
	}
}

.alert-sign {
	top: 40px;
	left: 68px;
	width: 15px;
	height: 70px;
	animation: .5s alert-sign-bounce cubic-bezier(.175,.885,.32,1.275)
}

	.alert-sign .dot {
		stroke: none;
		fill: #327ad5
	}

@keyframes alert-sign-bounce {
	0% {
		transform: scale(0);
		opacity: 0
	}

	50% {
		transform: scale(0);
		opacity: 1
	}

	100% {
		transform: scale(1)
	}
}
/* review page end here*/

/* setting page start here*/
.setting_div {
	border: 1px solid #ccc;
	padding: 10px;
	float: left;
	width: 100%;
}

	.setting_div h3 {
		border-bottom: 2px solid var(--theme_color);
		padding-bottom: 10px;
	}

.add_new {
	float: right;
	margin-top: 10px;
}

.setting_div table {
	width: 100%;
}

	.setting_div table tr td {
		border: 1px solid #ccc;
		padding: 5px;
	}

.edit_manage a {
	padding: 2px 5px !important;
}

.list_server {
	width: 10%;
}

.list_name {
	width: 80%;
}

.edit_manage {
	width: 10%;
}

.portlet.box.green > .portlet-title, .portlet.green, .portlet > .portlet-body.green {
	background-color: var(--theme_color);
}

.portlet.box.green {
	border: 1px solid var(--theme_color);
}

.cont_number {
	font-size: 20px;
}
/* setting page end here*/

/* Dashboard ============================================ */
.dashboard_icon .fa {
	font-size: 26px;
	color: var(--gxs_color_0);
	margin-top: 24px;
	float: right;
}

.dashboard_sec {
	width: 100%;
	max-width: 960px;
	margin: 50px auto 0 auto;
	text-align: center;
}

.white_box,
.dash_icons {
	margin: 0 auto;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.white_box {
	background: var(--gxs_color_0);
	padding: 15px;
	width: 100%;
	margin-bottom: 30px;
	-webkit-box-shadow: 0 2px 3px 2px rgba(0,0,0,.09);
	-moz-box-shadow: 0 2px 3px 2px rgba(0,0,0,.09);
	-ms-box-shadow: 0 2px 3px 2px rgba(0,0,0,.09);
	-o-box-shadow: 0 2px 3px 2px rgba(0,0,0,.09);
	box-shadow: 0 2px 3px 2px rgba(0,0,0,.09);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: var(--gxs_color_100);
}

	.white_box:hover {
		-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);
	}

	.white_box h3 {
		width: 100%;
		display: inline-block;
		margin-top: 5px;
		font-size: 19px;
		font-weight: normal;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-ms-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}

/* 1 */
.user_roles {
	background: url("../images/dashboard/users.png") no-repeat;
	width: 131px;
	height: 110px;
}

/* 2 */
.dash_search {
	background: url("../images/dashboard/search.png") no-repeat;
	width: 110px;
	height: 110px;
}

/* 3 */
.dash_email {
	background: url("../images/dashboard/email.png") no-repeat;
	width: 144px;
	height: 110px;
}

/* 4 */
.dash_asset {
	background: url("../images/dashboard/assetmanager.png") no-repeat;
	width: 97px;
	height: 110px;
}

/* 5 */
.dash_approval {
	background: url("../images/dashboard/approvals.png") no-repeat;
	width: 110px;
	height: 110px;
}

/* 6 */
.dash_reports {
	background: url("../images/dashboard/reports.png") no-repeat;
	width: 110px;
	height: 110px;
}

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

.dashboard_sec a:hover .dash_icons {
	background-position: left bottom;
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	.ie_popup .portlet,
	.ie_popup .col-md-12,
	.ie_popup .file_manager_div {
		overflow: visible;
	}

	.agree_div {
		padding-bottom: 20px;
	}

	.svg-box {
		height: 150px;
	}
}


/* ========================
    Select & GOTO Page 
======================== */

.select_result {
	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;
}

.style_pagination .select_result .record_showing {
	margin-top: 0;
}

.select_result .form-control {
	width: 80px;
	margin-right: 7px;
}


.goto_pg > div {
	border-radius: 4px;
	margin-right: 15px;
	position: relative;
}

.goto_pg .form-control {
	max-width: 135px;
}

.goto_pg .pub_button {
	padding: 7px 15px;
	border-radius: 0 4px 4px 0;
	position: absolute;
	right: 1px;
	top: 1px;
}






.goto_pg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.srch_pagin {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 3px !important;
}

.goto_clk {
	position: relative;
}

.goto_clk_div {
	display: none;
	position: relative;
	right: 150px;
	z-index: 15;
	width: 63px;
	margin-top: 0;
}

	.goto_clk_div .form-control {
		border: none !important;
		height: 36px;
	}

.goto_pg .form-control {
	padding-right: 33px;
	padding-left: 5px;
}

.goto_pg .pub_button {
	padding: 8px 5px;
	font-size: 13px;
}

.record_per_pg img {
	max-height: 45px;
	margin-left: 15px;
}

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

	.rec_cnt span {
		position: absolute;
		bottom: 3px;
		right: 2px;
		font-size: 10px;
		width: 21px;
		text-align: center;
		color: var(--gxs_color_100);
	}

.rec_div {
	display: none;
	width: 145px;
	background: #666;
	padding: 5px;
	color: var(--gxs_color_0);
	border-radius: 4px;
	margin-left: 15px;
	position: relative;
	right: 0;
	bottom: 0;
	text-align: left;
}

	.rec_div strong {
		margin-bottom: 15px;
		display: inline-block;
		font-weight: 400;
	}

	.rec_div ul {
		padding: 0;
		margin: 0;
		list-style: none;
		display: flex;
		align-items: center;
	}

		.rec_div ul li a {
			color: var(--gxs_color_0);
			padding: 0 5px;
			text-decoration: none !important;
			-webkit-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}

		.rec_div ul li.active a,
		.rec_div ul li.active:hover a,
		.rec_div ul li:hover a {
			color: var(--theme_color);
			font-size: 18px;
		}







@media (max-width: 930px) {
	.new_style_pg .row {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

		.new_style_pg .row .col-md-6 {
			width: 100%;
		}

	.goto_pg {
		margin-top: 18px;
		-webkit-box-pack: start;
		-webkit-justify-content: start;
		-ms-flex-pack: start;
		justify-content: start;
	}
}

@media (max-width: 680px) {
	.goto_pg {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}

		.goto_pg > div {
			margin: auto auto 10px 0;
		}

		.goto_pg > .pagination {
			margin: auto auto 0 0;
		}



	.record_per_pg {
		margin: 18px auto 0 0 !important;
	}

		.record_per_pg img {
			margin: 0;
		}

	.rec_div {
		top: 0;
		left: 0;
		right: inherit;
		bottom: inherit;
		margin-left: 0;
	}
}

.pagination > li > a > i {
	line-height: 18px !important;
}
/* ========================
    End Select & GOTO Page 
======================== */

/* Order Management Start Added By Priyanka_19Jan2021 For ViewArtApprovalUIIssuesFix*/

.al_colon_div .col-md-6.col-sm-12 .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-right: -1px;
}

.al_colon_div .row [class*="review_"] {
	padding: 0 15px;
}

.al_colon_div .row .review_label {
	max-width: 195px;
	-ms-flex: 0 0 195px;
	flex: 0 0 195px;
	max-width: 195px;
}

	.al_colon_div .row .review_label:after {
		content: ":";
		font-weight: 500;
		margin-left: 5px;
	}

.al_colon_div .review_value {
	max-width: 100%;
}

/* Order Management End */

/* Media Query ============================================ */
@media (max-width: 1280px) {
	.col-md-2.logo-wrap {
		width: 20%;
	}

	.col-md-10.brandname-log {
		width: 80%;
	}
}


@media (max-width: 1250px) {
	/*.file_manager_search_div .search .sea_box {
		right: 705px;
	}*/

/*	.file_manager_search_div .select_keyword {
		right: 110px !important;
		position: relative;
	}

	.file_manager_search_div .search-btn {
		right: 480px;
	}

	.file_manager_search_div .sort_by_div {
		right: 279px;
	}*/

	.file_manager_search_div .calendar_div .thin {
		font-size: 13px;
	}
}

@media (max-width: 1150px) {
	/*.file_manager_search_div .search .sea_box {
		right: 665px;
	}

	.file_manager_search_div .select_keyword {
		right: 525px;
		max-width: 140px
	}*/
}

@media (min-width: 992px) and (max-width: 1070px) {

	.title_area {
		width: 35%;
	}

	.share_download {
		width: 45%;
	}
	/*.lock_key{width: 20%;}*/

	.col-md-2.logo-wrap {
		width: 25%;
	}

	.col-md-10.brandname-log {
		width: 75%;
	}
}

@media (min-width: 985px) and (max-width: 1115px) {
	.cat-block-name {
		font-size: 24px;
	}
}

@media screen and (max-width: 1024px) {

	.artist-search {
		display: block!important;
	}
	.sort_by_div.select_keyword.ArtistReports {
		position: absolute;
		right: 45px !important;
		max-width: inherit !important;
		left: -14px;
		top: 45px;
		width: 100%;
		display: contents;
	}
		.sort_by_div.select_keyword.ArtistReports .dropdown-search.all_checkbox {
			max-width: inherit!important;
			width: 100%!important;
		}
	.full_search_div.file_manager_search_div .artist-search .search-btn {
		position: absolute;
		right: 0;
	}
	.al--drawer_open #main-content {
		margin-left: 0px;
	}
	.col-md-2.logo-wrap {
		width: 30%;
		display: inline-block;
		vertical-align: top;
	}
	.box .userlogin {
		top: 57px !important;
	}
	.dashboard_icon .fa {
		margin-top: 13px;
	}
	.login {
		top: -7px;
	}
	.box .user {
		top: 0px;
	}
	.brandname h1 {
		line-height: 5px!important;
	}
	.col-md-10.brandname-log {
		width: 70%;
		display: inline-block;
		text-align: right;
		float: right;
	}

	.logo-wrap img {
		padding: 8px;
		top: 0px;
	}

	.login_profile a {
		font-size: 18px;
	}

	.m_space {
		margin-top: 86px;
	}

	/* review page start here*/
	.review_logo {
		/*width: 58%;*/
	}

	.review_search {
		width: 100% !important;
	}

	.pdf_area {
		margin-left: 0px;
		margin-right: 0px;
	}
	/* review page end here*/

	/*.file_manager_search_div .search .sea_box {
		right: 185px;
	}

	.file_manager_search_div .select_keyword {
		right: 45px;
	}

	.file_manager_search_div .search-btn {
		right: 0px;
	}*/

	.file_manager_search_div .search {
		min-height: 90px;
	}

	.file_manager_search_div .sort_by_div {
		left: 0;
		top: 45px;
		right: 280px;
		max-width: inherit;
		width: auto;
	}

	.file_manager_search_div .calendar_div {
		top: 45px;
		position: absolute;
		width: 100%;
	}
	.search-wrap .calendar_div #dashboard-report-range{
		width:100%;
	}
	/*  ==== Add user page start here */
	.full_search_div .search {
		min-height: 45px;
	}

	.full_search_div .select_keyword {
		/*right: 225px;*/
	}

	.full_search_div .ArtistReports {
		right: 45px !important;
	}

	.full_search_div .sort_by_div {
		left: inherit;
		top: 0px;
		right: 45px;
		max-width: 180px !important;
		width: 100%;
	}

	.add_permission li {
		width: 100%;
	}
	/*  ==== Add user page end here */

}

@media (min-width:992px) {

	.title_area {
		max-width: 300px;
	}

	.share_download {
		width: auto;
	}

	.lock_key {
		float: right;
		width: auto;
	}
}

/* @media (min-width:768px) {

    .popup-inner{
       max-height: 650px;
       overflow: auto;
    }
    .popup-close{
       right: 45px;
    }
}*/


@media (max-width: 991px) {
	.home_header .search,
	.home_header_fixed .search {
		width: 100%;
	}

	.sticky_logo {
		margin-bottom: 10px;
	}

	.title_bg .col-md-5,
	.title_bg .col-md-2 {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		display: inline-block;
	}

	.title_bg .share_download ul li {
		display: inline-flex;
	}

	.title_bg .lock_key a {
		float: left;
		padding-bottom: 3px;
		padding-bottom: 7px;
	}

	.review_top_text h1 {
		font-size: 22px;
	}

	/*Added By Priyanka_19Jan2021 For ViewArtApprovalUIIssuesFix */
	.al_colon_div .col-md-6.col-sm-12 {
		width: 50%;
	}
}

@media (max-width: 979px) {
	.modal.fade.in, .modal.container.fade.in, .modal.modal-overflow.fade.in {
		top: 1%;
		bottom: auto;
	}

	.modal, .modal.container, .modal.modal-overflow {
		top: 1%;
		right: 1%;
		left: 1%;
		bottom: auto;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		padding: 0 !important;
	}
}

@media (max-width: 800px) {
	.eastbay_inner {
		/*height: 100px;*/
	}

	.admin_eastbay_inner {
		height: 28px;
	}

	/*.eastbay_inner .center-container {
		left: 0;
		right: 220px;
		padding-right: 0;
	}*/

		.admin_eastbay_inner .center-container {
			left: 285px;
			right: 0;
			width: 73%;
		}

	.eastbay_inner .filtermenu {
		width: 100%;
	}

	.eastbay_inner .filtermenu {
		top: 50px;
	}

	.admin_eastbay_inner .filtermenu {
		top: 0;
	}

	.eastbay_inner .search {
		width: 170px;
		display: block;
		right: 50px;
	}
}

@media (min-width:769px) {
	.sec_padding {
		margin-left: 50px;
		margin-right: 50px;
	}
}

@media screen and (max-width: 768px) {
	#adv-search {
		width: 100%;
		margin: 0 auto;
	}

	.dropdown.dropdown-lg {
		position: static !important;
	}

		.dropdown.dropdown-lg .dropdown-menu {
			min-width: 500px;
		}

	.col-md-2.logo-wrap {
		/* width: 25%; */
		display: inline-block;
		text-align: right;
		vertical-align: top;
	}

	.col-md-10.brandname-log { /* width: 74%; */
		display: inline-block;
		text-align: right;
	}

	.cat-block .cat-block-name {
		font-size: 25px !important;
	}
	/* .box .userlogin {top:102px;} */
	.footlink {
		font-size: 10px !important;
	}

	/* .cd-filter-trigger.filter-is-visible{overflow: visible !important;color: var(--gxs_color_0) !important;} */
	#menu-toggle .filter-is-visible {
		overflow: visible !important;
		color: var(--gxs_color_0) !important;
	}


	/* index profile page start here*/
	.profile_li {
		display: block;
	}

	.mob_hide {
		display: none;
	}

	.login_profile a {
		font-size: 45px;
	}

	.profile_area {
		top: 90px !important;
	}

	.profile_div ul li a {
		font-size: 14px !important;
	}
	/* index profile page end here*/
	/* asset upload page start here*/
	.cont_space {
		margin: 0px 0px 20px 0px;
	}

	.m_bottom {
		margin-bottom: 10px;
	}

	.drag_div {
		padding: 145px 20px;
	}

	.asset_field {
		width: 44%;
		margin: 0% 3% 0% 3%;
	}

	.view_asset_field {
		width: 44%;
		margin: 0% 3% 0% 3%;
	}

	.keyword_width {
		width: 100% !important;
		margin: 5% 0% 0% 0% !important;
	}


	div.tagsinput input, div[class^="addlinks_tagsinput"] input {
		width: 100% !important;
	}

	.m_space {
		margin-top: 85px;
	}

	.first_div {
		margin-left: 230px !important;
	}
	/* asset upload page end here*/

	/* Start search view */
	.mt-element-card .mt-card-item .mt-card-content .mt-card-name {
		border-bottom: 15px;
	}

	.mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li {
		margin: 6px 3px;
	}


	.item-list {
		width: 46%; /* margin: 2%;padding: 20px; */
	}

	/* view asset upload page start here*/
	/* .label_font {font-size: 18px;line-height: 22px;} */
	/* .view_img_div {height: 350px;} */
	/* view asset upload page end here*/

	/* review page start here*/
	.review_logo {
		/*width: 58%;*/
	}

	.review_logo_area h3 {
		float: left;
	}
	/* review page end here*/

}

@media (max-width: 768px) {


	#sidebar {
		height: auto;
		/* overflow: hidden; */
		position: relative;
		width: 100%;
		/* z-index: 1001; */
		/* display:block; */
	}


	/* body container */
	#main-content {
		margin: 0px !important;
		position: none !important;
	}

	/* sidebar */
	#sidebar {
		margin: 0px !important;
		/*display: none;*/
	}

	.sticky_logo {
		display: none !important;
	}

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

	.mt-element-card .search_asset .item-list {
		height: auto !important;
	}

	.mt-element-card .search_asset .doc_type_scroll {
		width: 100%;
	}
}

@media(min-width:768px) {
	.file_manager_div_notification .table-responsive {
		overflow-x: unset;
	}
}

@media (min-width: 767px) {
	.mobile_page_title {
		display: none;
	}
}

@media (min-width: 360px) and (max-width: 767px) {
	.file_manager_search_div .search .rpt_dates {
		position: static;
		width: 109%;
	}
}

@media screen and (max-width: 768px) {
	.sea_box .input-daterange {
		width: 92% !important
	}

	.file_manager_search_div .ArtistReports {
		max-width: 165px !important;
	}

/*	h1.page_title {
		display: none;
	}*/

	.LoggedInUserName {
		display: none;
	}
}


@media (max-width: 767px) {
	.col-md-2.logo-wrap {
		width: 230px;
		z-index: 5500;
	}

	.col-md-10.brandname-log {
		width: 100%;
		position: absolute;
		padding-left: 230px;
		right: 0;
	}

/*
	.admin_eastbay_inner .center-container {
		display: none;
	}*/

	.admin_eastbay_inner .filtermenu {
		width: 100%;
	}

	.mobile_page_title {
		display: none;
	}

		.mobile_page_title h1 {
			margin: 25px 35px 25px;
			display: inline-block;
		}

	.sec_padding .col-md-4 {
		width: 343px;
		margin: 0 auto;
	}

	.title_bg .row {
		margin-left: 0px;
		margin-right: 0px;
	}

	.ready_pg_style .col-md-3,
	.ready_pg_style .col-md-6,
	.ready_pg_style .col-md-3 {
		width: 50%;
		min-height: 40px;
	}

	.ready_pg_style .t_center {
		text-align: right;
	}

	.ready_pg_style .col-md-3:last-child {
		float: right;
	}

	/* Review page new CSS*/
	.review_top_text .pull-left,
	.review_top_text .pull-right {
		width: 100%;
		float: none;
	}

		.review_top_text .pull-right h1 {
			text-align: left;
			margin-top: 10px;
		}
	/*.popup-inner{height:auto; max-height: 400px; overflow-y: auto;}*/
	.popup-close {
		right: 35px;
	}

	/*Start tkt:1583_Approval screen in mobile phones.*/
	.terms_div {
		height: 465px !important;
	}
	/*Start tkt:1583_Approval screen in mobile phones.*/
	/* Review page new CSS*/

	.box .user span {
		display: none;
	}

	/*  ==== Add user page start here */
	.full_search_div .search {
		/*min-height: 90px !important;*/
	}

	.full_search_div .select_keyword {
		right: 0px !important;
		max-width: 240px !important;
	}

	.full_search_div .sort_by_div {
		right: 45px !important;
		/*max-width: inherit !important;*/
		left: 0px;
		top: 45px;
	}

	.full_search_div .search-btn {
		/*top: 45px !important;*/
	}

	.full_search_div .search .sea_box {
		right: 135px !important;
	}

	.add_permission li {
		width: 100%;
	}
	/*  ==== Add user page end here */

	.file_manager_div_notification .table-responsive {
		overflow-x: auto;
	}

		.file_manager_div_notification .table-responsive .wrapper .tooltip {
			padding: 10px 15px;
		}

			.file_manager_div_notification .table-responsive .wrapper .tooltip .tooltip_cont {
				height: auto;
				max-height: 65px;
				overflow: auto;
			}

	.LoggedInUserName {
		display: none;
	}

	/*Added By Priyanka_19Jan2021 For ViewArtApprovalUIIssuesFix */
	.al_colon_div .col-md-6.col-sm-12 {
		width: 100%;
	}
}

@media (min-width: 641px) and (max-width: 767px) {
	.view_img_div {
		margin-bottom: 15px;
	}

	.view_wid_hei .col-md-6 {
		margin-bottom: 15px;
	}

		.view_wid_hei .col-md-6:last-child {
			margin-bottom: 0;
		}

		.view_wid_hei .col-md-6 .col-md-5 {
			width: 46.5%;
		}

		.view_wid_hei .col-md-6 .col-md-2 {
			width: 7%;
		}
}


@media screen and (max-width: 640px) {
	/* Review page new CSS*/
	.popup-inner {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.popup-close {
		right: 45px;
		top: 14px;
	}
	/* Review page new CSS*/

	.card_div_area {
		width: 100%;
		margin: 0% 0%;
	}

	.brandname {
		width: 60%;
	}

	.login {
		width: 40%;
		padding: 0 !important;
		position: relative;
		/*top: 15px;*/
	}
	header {
		height: 70px;
	}
	.east_container {
		margin: 7px auto;
	}
	.box .userlogin {
		top: 65px;
	}

	.box .user {
		width: 50px;
	}

	.logo-wrap img {
		width: 60px;
		padding: 0;
	}

	.col-md-2.logo-wrap {
		width: 160px;
		padding: 10px 0;
	}

	.dashboard_icon .fa {
		font-size: 25px;
		margin-top: 6px;
	}

	.col-md-10.brandname-log {
		padding-left: 160px;
	}

	.brandname h1 {
		margin: 0;
		margin-top: 4px;
	}

	.brandname-log .login {
		top: 25px !important;
	}


	.col-md-4.cat-block {
		width: 20%;
		float: left;
	}

	.brandname h1 {
		line-height: 40px;
	}

	.multiselect-selected-text {
		padding-right: 4%;
		white-space: inherit !important;
		font-size: 12px;
	}

	.caret.r-tick {
		color: #515151;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px dashed;
	}

	.menu1:before {
		display: none;
	}

	.login {
		padding: 0;
		position: relative;
		top: 0px;
	}

	.menu1 {
		height: auto;
	}

	.logo-wrap img {
		padding-left: 5px
	}
	/* index profile page start here*/
	.mob_hide {
		display: none;
	}

	.login_profile a {
		font-size: 45px;
	}

	.profile_area {
		top: 56px !important;
	}

	.profile_div ul li a {
		font-size: 14px !important;
	}
	/* index profile page end here*/

	/* asset upload page start here*/
	.cont_space {
		margin: 0px 0px 20px 0px;
	}

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

	.drag_div {
		padding: 50px 20px;
	}

	.asset_field {
		width: 94%;
		margin: 5% 3% 0% 3%;
		height: auto;
	}

	.view_asset_field {
		width: 94%;
		margin: 5% 3% 0% 3%;
		height: auto;
	}

	.keyword_width {
		width: 100% !important;
		margin: 5% 0% 0% 0% !important;
	}

	div.tagsinput input, div[class^="addlinks_tagsinput"] input {
		width: 100% !important;
	}

	.multiple_value {
		width: 100% !important;
	}

	.form-group.form-md-line-input .help-block {
		//position: initial;
	}

	.asset_field {
		padding: 5px 10px 25px 10px;
	}

	.m_space {
		margin-top: 0px;
		padding: 0px;
	}

	.custome_code {
		width: 100%;
	}

	.portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn, .portlet > .portlet-title > .actions > .btn-group > .btn.btn-sm, .portlet > .portlet-title > .actions > .btn.btn-sm {
		font-size: 12px;
	}

	.choos_files {
		padding: 4px 3px !important;
	}
	/* .start_upload{padding: 4px 3px !important;} */
	.cancel_upload {
		padding: 4px 3px !important;
	}

	.fil_manager {
		padding: 0px;
	}

	.keywords_sec div.tagsinput div, .AddLinks_body div[class^="addlinks_tagsinput"] div {
		top: 0;
		left: 0;
		width: auto;
		max-width: 539px;
		border: 0.5px solid #2f353b;
		margin: 0 15px;
	}

	.keywords_sec .table-responsive {
		margin-top: 50px;
		margin-bottom: 0;
	}

	.first_div {
		position: inherit;
		margin-left: 0px !important;
		width: 100% !important;
	}

	.mt-checkbox-inline label {
		width: 100%;
	}

	.save_locker_mspace {
		margin-top: 10px;
	}

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

		.checkbox_div .mt-checkbox-inline {
			float: left !important;
		}

	.batch_upload_div .fileinput-new,
	.batch_upload_div .brows_input {
		width: 100%;
	}

	.batch_csv {
		margin-bottom: 15px;
		width: 100%;
	}

	/* asset upload page end here*/

	/* Start search view */
	.mt-card-item {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.item-list {
		width: 46%;
	}

	/* view asset upload page start here*/
	.view_img_div {
		height: auto;
		margin-bottom: 15px;
		float: left;
	}
	/* view asset upload page end here*/

	/* view asset upload page start here*/
	.title_area {
		padding: 0px;
	}

	.title_bg h1 {
		padding: 0px;
	}

	.share_download {
		padding: 0px;
		margin-top: 5px;
	}

		.share_download ul li a {
			padding: 4px 5px;
			font-size: 12px;
		}

		.share_download img {
			margin-right: 0px;
		}
	/* .lock_key{padding:0px;} */
	/* .lock_key a{margin-top: 0px;} */
	.title_bg {
		padding-bottom: 10px;
	}

	.view_pill span {
		margin-bottom: 5px;
	}

	.design_pill span {
		margin-bottom: 5px;
	}
	/* view asset upload page end here*/

	/* notification page start here*/
	.noti_share_download {
		margin-top: 10px;
		padding: 0px;
	}

	.keyword_width {
		padding-bottom: 0px !important
	}
	/* notification page end here*/

	/* art approval page start here*/
	/* .search_approval_bg .input-search{width:42%;}
.select_keyword{width:40% !important;}
.sort_by{width:100% !important;}
.calendar_div {width:100%;}
.search-btn2{width: 9%;} */
	/* art approval page end here*/

	/* review page start here*/
	.main_review {
		margin-bottom: 10px;
	}

	.review_label span {
		float: initial;
	}

	.review_logo {
		/*width: 58%;*/
		margin-bottom: 10px;
	}

	.term_condition {
		width: 100% !important;
	}

	.thanks_div {
		width: 100%;
	}

	.disagreed {
		width: 100%;
	}
	/* review page end here*/


	.file_manager_search_div .search {
		/*min-height: 135px;*/
	}

	.file_manager_search_div .search .sea_box {
		right: 175px;
	}

	.file_manager_search_div .search .sea_box .form-control {
		border-radius: 0 !important;
	}

	.file_manager_search_div .select_keyword {
		right: 45;
		max-width: 130px;
	}

	.file_manager_search_div .search-btn {
		right: 0;
	}

	.file_manager_search_div .sort_by_div {
		left: 0;
		top: 45px;
		right: 0px;
		max-width: inherit;
		width: auto;
	}

	.file_manager_search_div .calendar_div {
		top: 90px;
		width: auto;
	}

		.file_manager_search_div .calendar_div,
		.file_manager_search_div .calendar_div .yellow {
			width: 100%;
		}

	.daterangepicker.dropdown-menu {
		z-index: 6500 !important;
	}
}

@media (max-width:580px) {
	.approve_disapprove a {
		float: left;
	}

	.approve_disapprove span {
		display: block;
		border: 1px solid transparent;
	}

	.note-editor.note-frame .note-color .dropdown-menu {
		min-width: inherit !important;
		width: 100vw;
		left: inherit;
		right: 0;
		max-width: 200px;
		margin-left: 0;
		max-height: 295px;
		overflow: auto;
	}

		.note-editor.note-frame .note-color .dropdown-menu li .btn-group:last-child {
			float: none;
			margin-top: 15px;
		}
	/*Added By Priyanka_19Jan2021 For ViewArtApprovalUIIssuesFix */
	.al_colon_div .col-md-6.col-sm-12 .row {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.al_colon_div .row [class*="review_"] {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (max-width:500px) {
	.note-editor.note-frame .note-color .dropdown-menu {
		left: 0;
		right: inherit;
	}
}

@media screen and (max-width: 480px) {
	/*Start : Added by Vishal Pekayare -Order Tab Section Start*/
	.order_tab .al_ord_tog_box a {
		padding: 14px 8px;
	}
	/*End : Added by Vishal Pekayare -Order Tab Section Start*/

	.input-search {
		width: 49%;
	}

	.dropdown-search {
		width: 38%;
	}

	.search-btn {
		width: 13%;
	}

	/* .box .user {width:55px;}	
.box .userlogin {top: 55px;} */
	.search .dropdown-menu {
		min-width: 238px;
		max-width: 238px;
	}

	.user_search a {
		line-height: 45px !important;
		font-size: 35px;
	}
	/* .brandname h1{text-align: left;} */
	.col-md-4.cat-block {
		width: 20%;
		float: left;
	}

	/* .col-md-2.logo-wrap{width:28%; float:left;}
.col-md-10.brandname-log{width:72%;display: inline-block;text-align: right;} */

	.brandname {
		width: 75%;
	}

		.brandname h1 {
			line-height: 30px;
			font-size: 22px;
			margin-top: 9px;
		}

	.login {
		padding: 0;
		position: relative;
		top: 10px;
	}

	.brandname-log .login {
		width: 25%;
	}


	.box .userlogin {
		top: 65px;
	}

	.multiselect-selected-text {
		padding-right: 4%;
		white-space: inherit !important;
		font-size: 12px;
	}

	.caret.r-tick {
		color: #515151;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px dashed;
	}

	.ctmenuL {
		float: left;
		width: 100%;
	}

	.ctmenuR {
		float: left;
		width: 100%;
	}

	.ftmenu li:nth-child(1) {
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(2) {
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(3) {
		border-right: 0px !important;
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(4) {
		font-size: 14px !important;
		padding-top: 5px;
	}

	.ftmenu li a {
		font-size: 12px !important;
	}

	/* index profile page start here*/
	.mob_hide {
		display: none;
	}

	.login_profile a {
		font-size: 45px;
	}

	.profile_area {
		top: 56px !important;
	}

	.profile_div ul li a {
		font-size: 14px !important;
	}
	/* index profile page end here*/
	/* asset upload page start here*/
	.cont_space {
		margin: 0px 0px 20px 0px;
	}

	.drag_div {
		padding: 50px 20px;
	}

	.asset_field {
		width: 94%;
		margin: 5% 3% 0% 3%;
	}

	.view_asset_field {
		width: 94%;
		margin: 5% 3% 0% 3%;
	}

	.keyword_width {
		width: 100% !important;
		margin: 5% 0% 0% 0% !important;
	}

	.brows_input {
		width: 410px;
	}

	.uneditable-input {
		min-width: 145px;
	}
	/* asset upload page end here*/
	/* Start search view */
	.style_pagination .col-md-6:first-child, .style_pagination .col-md-6:last-child {
		float: left;
		margin-bottom: 7px;
		text-align: left;
		width: 100%;
	}

	.style_pagination .pagination > li > a, .style_pagination .pagination > li > span {
		padding: 8px 12px !important;
	}

	.mt-card-item {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li {
		display: block;
	}

	.item-list {
		width: 96%; /* padding: 15px;margin-left: 2%; */
	}

	.sec_padding .col-md-4 {
		width: 100%;
		margin: 0 auto;
	}

	.login .user,
	.login .user_search {
		display: inline-block;
		width: auto !important;
		line-height: 30px;
	}

		.login .user .fa,
		.login .user_search .fa {
			font-size: 21px;
			line-height: normal;
		}

		.login .user_search .fa {
			position: relative;
			top: -4px;
			font-size: 18px;
		}

	.login .user {
		padding-left: 10px;
	}
}

@media (max-width: 450px) {
	/* Review page new CSS*/
	.chat-form {
		padding: 10px 5px;
	}

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

		.review_title .pull-right {
			float: none !important;
			text-align: center;
			margin: 10px auto 0;
			display: inline-block;
			width: 100%;
		}
	/*.chat_text{margin-right: 30px;}*/

	.chat-form .input-cont .form-control {
		font-size: 12px !important;
		padding-left: 5px;
	}

	.chat-form .re_atch_btn {
		right: 5px;
	}

	.re_atch_btn a {
		padding: 8px 5px !important;
	}

	.re_atch_btn span {
		display: none;
	}

	.WelcomeNote {
		display: none;
	}

	.pdf_area iframe {
		padding: 0 15px;
		height: 430px !important;
	}
	/* Review page new CSS*/

	/*.logo-wrap{position:relative; top:8%;}*/

	.eastbay_inner .filtermenu {
		width: 100%;
	}

	.eastbay_inner .search {
		width: 110px;
	}
/*
	.eastbay_inner .center-container {
		right: 160px;
	}*/

	.east_container_space {
		padding-left: 20px;
		padding-right: 20px;
	}

	.file_manager_search_div .search .sea_box {
		right: 135px;
	}

	.file_manager_search_div .select_keyword {
		right: 45px;
		max-width: 90px;
	}

	.file_manager_search_div .search-btn {
		right: 0;
	}

	.file_manager_search_div .calendar_div .yellow .thin {
		font-size: 11px;
	}

	.reasy_to_publ_sort span.right {
		position: relative;
		right: 0;
		display: block;
		top: 0;
		text-align: center;
		padding-bottom: 5px;
	}

	.reasy_to_publ_sort .dropdown-search {
		height: auto;
		width: 100%;
		max-width: 250px;
		float: none;
		max-width: 100%;
	}

	.ready_pg_style .col-md-3,
	.ready_pg_style .col-md-6,
	.ready_pg_style .col-md-3,
	.ready_pg_style .col-md-3 .pub_button {
		width: 100%;
		float: left;
		text-align: left;
		min-height: 40px;
	}

		.ready_pg_style .col-md-3 .pub_button {
			display: inline-block;
			width: auto;
		}
}

@media screen and (max-width: 360px) {
	/* .user_search a {line-height: 30px !important;font-size: 25px !important;}	 */
	/* .box .user {width:40px;}	 */

	.col-md-2.logo-wrap {
		width: 110px;
	}

	.col-md-10.brandname-log {
		padding-left: 110px;
		height: 50px;
		padding-top: 5px;
	}

	.brandname {
		width: 128px;
		padding-top: 6px;
	}

	.brandname-log .login {
		width: 60px;
		top: 5px;
	}
	/*return to admin*/
	.box .user {
		margin-right: 0;
	}

	.user_search a,
	.login .user,
	.login .user_search {
		line-height: normal !important;
	}

		.login .user_search .fa {
			top: -1px;
		}

	.login .user {
		top: -6px;
		position: relative;
	}

	.login .user_search {
		top: -5px;
		position: relative;
	}

	.brandname h1 {
		font-size: 22px;
		line-height: 7px !important;
	}

	.login {
		padding: 0;
		position: relative;
		top: 8px;
	}

		.login a {
			/*font-size: 30px !important;*/
		}

	.input-search {
		width: 44%;
	}

	.dropdown-search {
		width: 38%;
	}

	.search-btn {
		width: 18%;
	}

	.multiselect-selected-text {
		padding-right: 4%;
		white-space: inherit !important;
		font-size: 12px;
	}

	.caret.r-tick {
		color: #515151;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px dashed;
	}

	.search .btn {
		padding: 0;
	}

	.ctmenuL {
		float: left;
		width: 100%;
	}

	.ctmenuR {
		float: left;
		width: 100%;
	}

	.ftmenu li:nth-child(1) {
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(2) {
		border-right: 0px !important;
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(3) {
		border-right: 0px !important;
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(4) {
		font-size: 14px !important;
		padding-top: 5px;
	}

	.ftmenu li a {
		font-size: 12px !important;
	}

	.box .userlogin {
		width: 330px;
		top: 38px;
	}
	/* .box .user {margin-right: 10px;} */
	.user_account_login .forget_submit .submitbar .login_link {
		font-size: 14px !important;
	}

	.userlogin .signup a {
		font-size: 14px !important;
		margin-left: 0px;
		margin-top: 10px;
	}

	.login_button {
		min-width: 100px;
	}


	/* index profile page start here*/
	.mob_hide {
		display: none;
	}

	.login_profile a {
		font-size: 45px;
	}

	.profile_area {
		top: 45px !important;
	}

	.profile_div ul li a {
		font-size: 14px !important;
	}
	/* index profile page end here*/
	/* asset upload page start here*/
	.cont_space {
		margin: 0px 0px 20px 0px;
	}

	.m_bottom {
		margin-bottom: 10px;
	}

	.drag_div {
		padding: 50px 20px;
	}

	.asset_field {
		width: 90%;
		margin: 5% 5% 0% 5%;
	}

	.view_asset_field {
		width: 90%;
		margin: 5% 5% 0% 5%;
	}

	.keyword_width {
		width: 100% !important;
		margin: 5% 0% 0% 0% !important;
	}
	/*.brows_input {width: 290px;}
.uneditable-input {min-width: 145px;}*/
	/* asset upload page end here*/
	/* Start search view */
	.style_pagination {
		clear: both;
		color: #282829;
		width: 100%;
	}

		.style_pagination .pagination > li > a, .style_pagination .pagination > li > span {
			border: medium none !important;
			font-size: 14px;
			margin-left: 0;
			padding: 8px 13px;
		}

		.style_pagination .col-md-6:first-child, .style_pagination .col-md-6:last-child {
			float: left;
			margin-bottom: 7px;
			text-align: left;
			width: 100%;
		}

		.style_pagination .pagination > li > a, .style_pagination .pagination > li > span {
			padding: 8px 12px !important;
		}

	.mt-card-item {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.mt-element-card .mt-card-item .mt-card-content .mt-card-social > ul > li {
		display: block;
	}

	.item-list {
		width: 96%;
		padding: 10px;
		margin-left: 2%;
	}

	.toolbarButton,
	.secondaryToolbarButton,
	.overlayButton {
		width: 28.7px !important;
	}
}

@media screen and (max-width: 320px) {
	.user_search a {
		line-height: 30px !important;
		font-size: 25px !important;
	}
	

	/* .col-md-2.logo-wrap{width:30%; float:left; padding:0px;}
	.col-md-10.brandname-log{width:70%;display: inline-block;text-align: right;padding:0px;} */
	.brandname {
		padding-top: 0px;
	}

		.brandname h1 {
			line-height: 20px !important;
			font-size: 20px;
			text-align: center;
		}

	.login {
		padding: 0 !important;
		position: relative;
		top: 15px;
	}

		.login a {
			/*font-size: 28px;*/
		}

	.box .userlogin {
		max-width: 100%;
		min-width: 300px;
		right: 10px;
		top: 45px;
	}

	.input-search {
		width: 44%;
	}

	.dropdown-search {
		width: 38%;
	}

	.search-btn {
		width: 18%;
	}

	.multiselect-selected-text {
		padding-right: 4%;
		white-space: normal !important;
		font-size: 12px;
	}

	.caret.r-tick {
		color: #515151;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px dashed;
	}

	.search .btn {
		padding: 0;
	}

	.ctmenuL {
		float: left;
		width: 100%;
	}

	.ctmenuR {
		float: left;
		width: 100%;
	}

	.footlink {
		font-size: 10px !important;
	}

	.menu1:before {
		display: none;
	}

	.ftmenu li:nth-child(1) {
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(2) {
		border-right: 0px !important;
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(3) {
		border-right: 0px !important;
		font-size: 12px !important;
	}

	.ftmenu li:nth-child(4) {
		font-size: 14px !important;
		padding-top: 5px;
	}

	.ftmenu li a {
		font-size: 12px !important;
	}

	.login {
		padding: 0px !important;
		position: relative;
		top: 15px;
	}
	/* .box .user {margin-right: 10px;} */
	.user_account_login .forget_submit .submitbar .login_link {
		font-size: 14px !important;
	}

	.userlogin .signup a {
		font-size: 14px !important;
		margin-left: 0px;
		margin-top: 10px;
	}

	.login_button {
		min-width: 100px;
	}

	.form-control {
		border-radius: 4px !important;
	}


	/* index profile page start here*/
	.mob_hide {
		display: none;
	}

	.login_profile a {
		font-size: 45px;
	}

	.profile_area {
		top: 45px !important;
	}

	.profile_div ul li a {
		font-size: 14px !important;
	}
	/* index profile page end here*/

	/* asset upload page start here*/
	.cont_space {
		margin: 0px 0px 20px 0px;
	}

	.m_bottom {
		margin-bottom: 10px;
	}

	.drag_div {
		padding: 50px 20px;
	}

	.asset_field {
		width: 90%;
		margin: 5% 5% 0% 5%;
	}

	.view_asset_field {
		width: 90%;
		margin: 5% 5% 0% 5%;
	}

	.keyword_width {
		width: 100% !important;
		margin: 5% 0% 0% 0% !important;
	}

	.start_upload i {
		display: none !important;
	}

	.cancel_upload i {
		display: none !important;
	}

	.brows_input {
		width: 250px;
	}

	.uneditable-input {
		min-width: 145px;
	}
	/* asset upload page end here*/

	.home_header .search .form-control {
		border-radius: 0 !important;
	}

	/* Review page new CSS*/
}


@media(min-width:768px) {
	.file_manager_div_notification .table-responsive {
		overflow-x: unset;
	}
}

@media (max-width: 767px) {
	.file_manager_div_notification .table-responsive {
		overflow-x: auto;
	}

		.file_manager_div_notification .table-responsive .wrapper .tooltip {
			padding: 10px 15px;
		}

			.file_manager_div_notification .table-responsive .wrapper .tooltip .tooltip_cont {
				height: auto;
				max-height: 65px;
				overflow: auto;
			}
}

.backgroundcolor {
	background-color: #f7f2dc !important;
}

@media only screen and (max-device-width: 480px) {
	.agree_div {
		padding-left: 50px;
		padding-right: 50px;
	}

	.clstxtApproverName {
		width: 100% !important;
		margin-bottom: 10px;
	}
}

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

	.clstxtApproverName {
		width: 100% !important;
		margin-bottom: 10px;
	}
}

@media (max-width: 375px) {

	.style_pagination .pagination > li > a,
	.style_pagination .pagination > li > span {
		padding: 8px 9px !important;
	}
}

/*Added by Prabdeep Bhatti - July2020AdminDeleteAnyCommentsinAssetHistory*/
.DeleteIconInAssetHistory {
	padding: 3px 7px;
	color: var(--theme_color);
	border: 1px solid var(--theme_color);
	height: 26px;
	display: inline-block;
	margin: 0px 10px;
	line-height: 17px;
	background: black;
}

	.DeleteIconInAssetHistory:hover {
		text-decoration: none;
		color: var(--theme_color);
	}
/*End - Added by Prabdeep Bhatti - July2020AdminDeleteAnyCommentsinAssetHistory*/



/*Start : Added by Vishal Pekayare -Order Tab Section Start*/
.order_tab .al_ord_tog_box {
	background-color: var(--gxs_color_90);
	padding: 0px;
}

	.order_tab .al_ord_tog_box a {
		padding: 14px 15px;
		background-color: var(--gxs_color_90);
		border-radius: 5px 5px 0px 0px;
		color: #605f62;
	}

		.order_tab .al_ord_tog_box a.active {
			background-color: var(--gxs_color_0);
			color: var(--gxs_color_100) !important;
		}

			.order_tab .al_ord_tog_box a.active span {
				border-bottom: 4px solid #373A3B;
				padding: 6px 0px;
			}
/*End : Added by Vishal Pekayare -Order Tab Section Start*/

/*Css added by Rutu 26 aug*/
.sku_popup {
	overflow: auto;
}

.float-left {
	float: left;
}

body.modal-open {
	padding-right: 0px !important;
}



.ml-0 {
	margin-left: 0px !important;
}

.mt-0 {
	margin-top: 0 !important;
}
/*Css added by Rutu 26 aug*/

.divReturnToAdmin {
	position: absolute;
	right: 50px;
	top: 5px;
	font-size: 14px !important;
	cursor: pointer;
	display: block;
	z-index: 99999;
}


/*Art Approval Review page css*/
ul.AppRej {
	display: inline-flex;
}
.btn-ui {
	padding: 10px 16px;
	color: white;
	border-radius: 3px !important;
	box-shadow: 0px 3px 2px 0px #cecece;
	margin-left: 20px;
	text-transform: uppercase;
	height: 36px;
	text-align: center;
}
a.btn-ui:hover{
	text-decoration:none;
	color:white;
}
.btn-ui:hover {
	box-shadow: 0 4px 6px rgb(0 0 0 / 22%);
}
.approve-btn {
	background-color: #67C26A;
}
.req-btn {
	background-color: #C15457;
}
.askqus-btn {
	background-color: #3C92DF;
}
.arterror-btn {
	background-color: #FFE456;
	color: var(--gxs_color_100);
}
.arterror-btn:hover{
	color:black!important;
}
.less-margin {
	margin-left: 20px!important;
	margin-right: 20px!important;
}
.clear {
	height: 0px;
	width: 100%;
	clear: both;
}

/*Approve popup imput css*/

:root {
	--omrs-color-ink-lowest-contrast: rgba(47, 60, 85, 0.18);
	--omrs-color-ink-low-contrast: rgba(60, 60, 67, 0.3);
	--omrs-color-ink-medium-contrast: rgba(19, 19, 21, 0.6);
	--omrs-color-interaction: #6200EE;	
	--omrs-color-interaction-minus-two: rgba(73, 133, 224, 0.12);
	--omrs-color-danger: #b50706;
	--omrs-color-bg-low-contrast: #eff1f2;
	--omrs-color-ink-high-contrast: #121212;
	--omrs-color-bg-high-contrast: var(--gxs_color_0);
}
/** END: Non Openmrs CSS **/
div.omrs-input-group {
	margin-bottom: 1.5rem;
	position: relative;
	width: 350px;
}
.omrs-input-filled {
	width: 100%;
}
/* Input*/
.omrs-input-filled > input {
	border: none;
	border-bottom: 0.125rem solid var(--omrs-color-ink-medium-contrast);
	width: 100%;
	height: 48px;
	font-size: 14px;
	padding-left: 0.875rem;
	/* line-height: 138.6%; */
	padding-top: 1.2rem;
	padding-bottom: 0.5rem;
	border-radius: 3px;
}

	.omrs-input-filled > input:focus {
		outline: none;
	}

.omrs-input-filled > .omrs-input-label {
	position: absolute;
	top: 1.5rem;
	left: 0.875rem;
	line-height: 147.6%;
	color: var(--omrs-color-ink-medium-contrast);
	transition: top .2s;
}


.omrs-input-filled > .omrs-input-helper {
	font-size: 0.9375rem;
	color: var(--omrs-color-ink-medium-contrast);
	letter-spacing: 0.0275rem;
	margin: 0.125rem 0.875rem;
}

.omrs-input-filled > input:hover {
	background: var(--omrs-color-interaction-minus-two);
	border-color: var(--omrs-color-ink-high-contrast);
}

.omrs-input-filled > input:valid + .omrs-input-label {
	top: 0;
	font-size: 12px;
	margin-bottom: 32px;
	    color: #6200EE;
}

.omrs-input-filled:not(.omrs-input-danger) > input:focus + .omrs-input-label {
	color: #6200EE;
	
}


.omrs-input-filled:not(.omrs-input-danger) > input:focus {
	border-color: #6200EE;
}

	.omrs-input-filled:not(.omrs-input-danger) > input:focus ~ svg {
		fill: var(--omrs-color-ink-high-contrast);
	}

.omrs-input-filled.omrs-input-danger > .omrs-input-label, .omrs-input-filled.omrs-input-danger > .omrs-input-helper {
	color: var(--omrs-color-danger);
}


.omrs-input-filled > input {
	background: var(--omrs-color-bg-low-contrast);
}
.more-details {
	margin-bottom: 20px;
}
.md-checkbox {
	height: 18px;
	text-align: left;
	margin: 0;
	position: relative;
}
span.check_label {
	margin-left: 10px;
}
	.md-checkbox.md-checkbox-inline {
		display: inline-block;
	}

	.md-checkbox label {
		cursor: pointer;
		display: inline;
		line-height: 1.25em;
		vertical-align: top;
		clear: both;
		padding-left: 1px;
	}

		.md-checkbox label:not(:empty) {
			padding-left: 0.75em;
		}

		.md-checkbox label:before,
		.md-checkbox label:after {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
		}

		.md-checkbox label:before {
			width: 1.25em;
			height: 1.25em;
			/* background: var(--gxs_color_0); */
			border: 2px solid rgba(0,0,0,.26);
			border-radius: 0.125em;
			cursor: pointer;
			transition: background 0.3s;
		}

	.md-checkbox input[type=checkbox] {
		outline: 0;
		visibility: hidden;
		width: 1.25em;
		margin: 0;
		display: block;
		float: left;
		font-size: inherit;
		position: inherit;
	}

		.md-checkbox input[type=checkbox]:checked + label:before {
			background-color: black;
			border: none;
		}

		.md-checkbox input[type=checkbox]:checked + label:after {
			transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
			width: 0.75em;
			height: 0.375em;
			border: 0.125em solid var(--gxs_color_0);
			border-top-style: none;
			border-right-style: none;
		}

		.md-checkbox input[type=checkbox]:disabled + label:before {
			border-color: rgba(var(--primary_bg),.26);
		}

		.md-checkbox input[type=checkbox]:disabled:checked + label:before {
			background: rgba(var(--primary_bg),.26);
		}
.more-details a, .approve-div a{
	text-decoration:underline;
}
.yes-blue {
	background: #0081FF 0% 0% no-repeat padding-box;
	border-radius: 4px !important;
	padding: 3px 14px !important;
	line-height: 2 !important;
	margin-bottom: 15px !important;
	color: white;
	text-transform: uppercase;
	font-size: 13px !important;
	letter-spacing: 1px;
}
	.yes-blue:hover {
		color: white;
		text-decoration: none;
		box-shadow: 0px 1px 4px 0px #b0b0b0;
	}



	/*Style for Update SKU details fields*/
	.readonly-div {
		width: 100%;
		display: inline-block;
	}
.label-txt {
	font-weight: 400;
	float: left;
	width: 142px;
	/* height: 34px; */
	color: gray;
}
.readyonlyTxt {
	border: 0px;
	float: left;
	width: auto;
	padding: 0px !important;
	/* line-height: 0 !important; */
	height: auto !important;
	color: black;
	border-radius: 0px !important;
	background-color: white !important;
}
.no-padding {
	padding-left: 0px!important;
	padding-right: 0px!important;
}
.small-file {
	font-size: 14px !important;
	line-height: 1 !important;
	padding: 5px !important;
}
#al_SKUSizes_modal .modal-dialog {
	max-width: 650px!important;
}
.regenetate-sku {
	padding: 3px 15px 5px;
	border-radius: 5px;
	line-height: normal;
	text-decoration: none !important;
	box-shadow: 0 1px 4px rgb(0 0 0 / 20%), 0 1px 4px rgb(0 0 0 / 26%);
	margin: 10px 0px 0px auto !important;
}
.no-shadow{
	box-shadow:none !important;
}
a.btn-delete {
	color: var(--gxs_color_0);
	background-color: #ed6b75;
	border-radius: 0px !important;
	display: inline-flex;
	padding: 7px 10px 7px 10px !important;
}
	a.btn-delete:hover {
		background: var(--theme_color) !important;
	}
	a.btn-delete i.fa.fa-trash-o {
		margin-right: 7px;
	}
	.d-none{
		display:none !important;
	}
/*Start_Rutu_28_Jan_2022*/
/*To hide Login page scrollbar on 1366x768 screen*/
@media only screen and (min-width: 1030px) and (max-width: 1366px) {
	.bannerwrap img {
		width: 82% !important;
	}

}
/*End_Rutu_28_Jan_2022*/

#terms_cond > .slimScrollDiv > .slimScrollRail {
	overflow: hidden !important;
}
#terms_cond > .slimScrollDiv > .slimScrollBar {
	display: none !important;
	height: 0px !important;
}
.use-order {
	color: white;
	text-decoration: none;
	font-size: 13px !important;
	background-color: #5E5E5E;
	padding: 4px 9px;
	border-radius: 4px;
	text-transform: uppercase;
	letter-spacing: 1.5;
}
	.use-order > span {
		position: relative;
		top: 4px;
		font-size: 18px;
	}
	.use-order:hover {
		box-shadow: rgb(206, 206, 206) 0px 3px 4px 0px;
		color: white;
		text-decoration: none;
	}
.Update_Original_SKU {
	display: flex !important;
	margin: 6px 0px 0px auto !important;
}
.Update_Original_SKU span {
	margin: 0px auto!important;
	border-radius:3px;
}
.Update_Original_SKU span:hover {
	box-shadow: rgb(141 141 141) 0px 1px 4px 0px;
}
.fab-select {
	border: 1px solid #e7ecf1 !important;
	-webkit-box-shadow: 0 2px 3px 2px rgb(0 0 0 / 3%) !important;
	-moz-box-shadow: 0 2px 3px 2px rgba(0,0,0,.03) !important;
	box-shadow: 0 2px 3px 2px rgb(0 0 0 / 3%) !important;
	min-height: 34px;
	border-radius: 4px;
	color: #555;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	outline: 0;
	padding: 0px 10px;
}
.d-flex {
	display: -ms-flexbox !important;
	display: flex !important;
}
.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important;
}
	.Update_Original_SKU span {
		margin: 0px auto!important;
		border-radius:3px;
	}
		.Update_Original_SKU span:hover {
			box-shadow: rgb(141 141 141) 0px 1px 4px 0px;
		}
h3.mt-card-name {
	word-break: break-word;
}

.note-attach-btn {
	border-radius: 3px;
	float: right !important;
	margin-top: 5px;
	margin-right: 5px;
	padding: 0px;
	position: relative;
	background: white;
	box-shadow: 0 1px 3px rgb(0 0 0 / 10%), 0 1px 2px rgb(0 0 0 / 18%);
	border: 1px solid #ccc;
	z-index: 9;
}
.md-checkbox span {
	cursor: pointer;
	display: inline;
	line-height: 1.25em;
	vertical-align: top;
	clear: both;
	padding-left: 1px;
}

	.md-checkbox span:not(:empty) {
		padding-left: 0.75em;
	}

	.md-checkbox span:before,
	.md-checkbox span:after {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
	}

	.md-checkbox span:before {
		width: 1.25em;
		height: 1.25em;
		/* background: var(--gxs_color_0); */
		border: 2px solid #a2a2a2;
		border-radius: 0.125em;
		cursor: pointer;
		transition: background 0.3s;
	}

.md-checkbox input[type=checkbox]:checked + span:before {
	background: black;
	border: none;
}

.md-checkbox input[type=checkbox]:checked + span:after {
	transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
	width: 0.75em;
	height: 0.375em;
	border: 0.125em solid var(--gxs_color_0);
	border-top-style: none;
	border-right-style: none;
}

.md-checkbox input[type=checkbox]:disabled + span:before {
	border-color: #cecece;
}

.md-checkbox input[type=checkbox]:disabled:checked + span:before {
	background: #cecece;
}
.ml-3 {
	margin-left: 1rem !important;
}

/* SKU section height issue */
.deco-height {
	height: 186px;
	overflow-y: auto;
}
/* SKU section height issue */

.calendar_img {
	position: absolute;
	right: 7px;
	top: 11px;
}

/*tkt:1232_Ability to customize garment size runs on Place Order page*/
input.custom_sku_size_name_box {
	border: 1px solid #cecece;
	font-size: 12px;
	text-align: center;
	height: 21px;
	width: 61px;
	margin-top: -3px;
	position: relative;
	text-transform: uppercase;
}

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

.sku_size_box {
	margin-top: -1px !important;
}
.add-sku {
	margin-bottom: 10px;
	position: relative;
	top: -3px;
	font-size: 26px;
	color: black;
}
/*tkt:1232_Ability to customize garment size runs on Place Order page*/